/**************************************************************************************************************/
/********** Default *******************************************************************************************/
html { height: 100%; }
body {
	height: 100%;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	color: #000;
	position: relative;
	vertical-align: middle;
	background: #f8fbfd url(../images/auth/auth-shadow.png) 100% 100% no-repeat;
	min-height: 228px;
	min-width: 512px;
	margin: 0;
}

* { outline: none; }

img { border: none; }

a { color: #369; }
a, span { font-size: 11px;}

div.global-search div.title-text span {font-size: 14px;}
span.pad-title {font-size: 16px;}

/**************************************************************************************************************/
/********** Authorization Page ********************************************************************************/
table.auth-case {
	border-collapse: collapse; width: 100%; height: 100%; text-align: center;
}

table.auth-case table {font-size: 11px; border-collapse: collapse;}

table.auth-case * {margin: 0; padding: 0;}

table.auth-case div {font-size: 0;}

table.auth-case	a, table.auth-case span {white-space: nowrap;}

	table.auth { margin: 0 auto; width: 500px; text-align: center; border-collapse: collapse;}
	body:first-of-type div.auth div.form div.textfield span {vertical-align: -3px;}
	div.auth {  }
		div.auth div.t,
		div.auth div.b { position: relative; z-index: 2; }
		div.auth div.t,
		div.auth div.t div,
		div.auth div.b,
		div.auth div.b div { background-image: url(../images/auth/auth-top-btm-bg.png); background-repeat: no-repeat; }

		div.auth div.t div div,
		div.auth div.b div div { background-repeat: repeat-x; margin: 0 7px; }

		div.auth div.t div { background-position: 100% -6px; }
		div.auth div.t div div { height: 6px; background-position: 0 -12px; }
		div.auth div.b { background-position: 0 -18px; }
		div.auth div.b div { background-position: 100% -26px; }
		div.auth div.b div div { height: 8px; background-position: 0 -34px; }

		div.auth div.m { position: relative; z-index: 1; margin: -2px 0;}
		div.auth div.m,
		div.auth div.m-r { background-image: url(../images/auth/auth-left-right-bg.png); background-repeat: repeat-y; }
		div.auth div.m-r { background-position: 100% 0; }

		/****** data ******/
		div.data-case {  margin: 0 5px; }

		.data.loader-in img {margin: 0 6px -2px 0;}
		.data.loader-in span {font-size: 16px;}

		div#loaderContent {background: #fff; zoom: 1; /* ie6 background color fix */}

			div.hdr,
			div.data { padding: 0 60px 0 57px; }
			div.hdr table,
			div.data table { width: 100%; height: 100%; border-collapse: collapse;}
			div.data table {margin: 0 20px; border-collapse: collapse;}

			/***** header *****/
			div.hdr { background: #c8e0f2 url(../images/auth/auth-hdr-bg.gif) 0 repeat-y; height: 58px; }

				/**** header logotipe ****/
				div.hdr td.logo {  }

				/**** project name ****/
				div.hdr td.prj-name { padding-left: 6px; width: 100%; text-align: left; }
					div.hdr td.prj-name span { font-size: 24px; }
						div.hdr td.prj-name span span { color: #2381b0; margin-right: 3px; }

				/**** "Select language" text ****/
				div.hdr td.lang { text-align: right; padding: 0 10px; white-space: nowrap; }

				/**** language combo-box ****/
				div.hdr td.combo {  }
					div.hdr td.combo select { border: 1px solid #7f9db9; }
					div.hdr td.combo option { padding: 0 0 0 2px; }


			/***** content *****/
			div.data { padding-top: 12px; padding-bottom: 10px; background: #fff; }

				/**** big logotipe ****/
				div.data td.logo { padding-right: 35px; }

				/**** auth form ****/
				div.data td.form { width: 100%; vertical-align: top; }
					div.form { overflow: hidden; }

						/*** authorization failed ***/
						div.fail { padding: 0 0 5px; text-align: center;}
							 div.fail span.error { color: #f00; }

						/*** login and password case ***/
						div.form div.log-pass { text-align: right; float: left; padding-right: 9px; }
							div.form div.log-pass span { white-space: nowrap; display: block; margin-top: 3px; }
							div.form div.log-pass span.pass { margin-top: 12.5px; *margin-top: 13px;}
								div.form div.log-pass span.error { color: #F00;}

						/*** textfield & button case ***/
						div.form div.textfield { float: left; text-align: left; overflow: hidden; }

							div.form div.textfield select {
								width: 199px;
								border: 1px solid #a5acb2;
								display: block;
								padding: 1px 0 0 2px;
								margin-bottom: 5px;
							}
							div.form div.textfield input.log,
							div.form div.textfield input.pass {
								height: 17px; width: 196px;
								border: 1px solid #a5acb2;
								display: block;
								padding: 1px 0 0 2px;
								margin-bottom: 5px;
							    font-family: tahoma, sans-serif;
                                font-size: 14px;
}

							div.form div.textfield input.checkbox { vertical-align: -3px; }
							div.form div.textfield span { color: #333; margin-left: 5px; }

							/** enter button constructor **/
							div.form div.enter-btn { overflow: hidden; margin-top: 5px; }
								div.form div.enter-btn div.btn-l,
								div.form div.enter-btn div.btn-r,
								div.form div.enter-btn input.enter {
									background-image: url(../images/auth/auth-form-enter-bg.gif);
									background-repeat: no-repeat;
									float: left;
									height: 22px;
								}
								div.form div.enter-btn div.btn-l,
								div.form div.enter-btn div.btn-r { width: 3px; }

								div.form div.enter-btn div.btn-r { background-position: 0 -22px; }

								div.form div.enter-btn input.enter {
									background-position: 0 -44px;
									background-repeat: repeat-x;
									background-color: #c1d2e1;
									font-size: 11px;
									border: none;
									padding: 0 6px;
								}

							/** forgor link **/
							div.form div.forgot { padding-top: 2px; }
								div.form div.forgot img { margin: 0 5px 0 10px; }
								div.form div.forgot a { vertical-align: 5px; }
div.data.loader {text-align: center; padding: 17px 0 15px 0;}
div.data.loader-in {padding: 17px 0 15px 0;}
div.data.loader img {margin: 0 6px -2px 0;}
div.data.loader span {font-size: 16px; white-space: nowrap;}

	div.footer span {
		padding-left: 5px;
		font-size: 11px;
	}
	div.footer a {
		font-size: 11px;
		text-decoration: none;
	}
	div.footer img {
		padding-left: 5px;
	}
	div.footer-load {background: #fff; padding: 5px;}
	div.footer-load span, div.footer-load img {margin-left: 5px;}
	div.footer-load a {color: #369; text-decoration: none;}

div.browser-message {
	display: none;
}