@charset "utf-8";

html, 
body {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
}

body {
	padding: 0;
	margin: 0;
	
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #13408B;
	
	background: #94B2D7 url(Images/login/ie_bk.png) repeat-x 0 0;
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(15%,#CDE0F9), color-stop(60%,#94B2D7));
	background: -webkit-linear-gradient(#CDE0F9 15%, #94B2D7 60%);
	background:    -moz-linear-gradient(#CDE0F9 15%, #94B2D7 60%);
	background:     -ms-linear-gradient(#CDE0F9 15%, #94B2D7 60%);
	background:      -o-linear-gradient(#CDE0F9 15%, #94B2D7 60%);
	background:         linear-gradient(#CDE0F9 15%, #94B2D7 60%);
}

/**/

.loginBox a {
	color: #13408B;
	text-decoration: none;
}

.loginBox a:hover {
	color: #000;
}

/**/

.loginBox a span, 
.loginSwitch a {
	color: #13408B;
	border-bottom: 1px dotted #13408B;
}

.loginBox a:hover span, 
.loginSwitch a:hover {
	color: #000;
	border-bottom: 1px solid #000;
}

/**/

.isFancy .loginBk, 
.isFancy .loginBox, 
.isFancy .loginFotter {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity = 0);
	opacity: 0;
}

.loginBk.show, 
.loginBox.show, 
.loginFotter.show {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity = 100);
	opacity: 1;
}

.loginLoader {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

/**/

.loginBk {
	width: 100%;
	height: 100%;
	background: transparent url(Images/login/bkFx.png) no-repeat 50% 45%;
	position: absolute;
	top: 0;
	left: 0;	
}

.loginBox {
	width: 430px;
	height: 400px;
	position: absolute;
	z-index: 20;
	top: 50%;
	left: 50%;
	margin-top: -230px;
	margin-left: -215px;
}

.isFancy .loginBox {
	margin-top: -150px;
}

.ie7 .loginBox, 
.ie8 .loginBox, 
.ie7 .loginBk, 
.ie8 .loginBk {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */        
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */           
	zoom: 1; 
}

/**/

.loginHeader {
	border: 1px solid #5D79AE;
	border-bottom: none;
	
	height: 100px;
	position: relative;

	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	
	background: #B0D0F1 repeat-x 0 100%;
	background-image: url(Images/login/dots.png), -webkit-gradient(linear, 0 0, 0 100%, from(#B0D0F1) to(#5671A4));
	background-image: url(Images/login/dots.png), -webkit-linear-gradient(#B0D0F1, #5671A4 100%);
	background-image: url(Images/login/dots.png),    -moz-linear-gradient(#B0D0F1, #5671A4 100%);
	background-image: url(Images/login/dots.png),     -ms-linear-gradient(#B0D0F1, #5671A4 100%);
	background-image: url(Images/login/dots.png),      -o-linear-gradient(#B0D0F1, #5671A4 100%);
	background-image: url(Images/login/dots.png),         linear-gradient(#B0D0F1, #5671A4 100%);
}

.ie7 .loginHeader, 
.ie8 .loginHeader, 
.ie9 .loginHeader {
	background: #B0D0F1 url(Images/login/bkLoginHeader.png) repeat-x 0 100%;
}

.loginHeader h1, 
.loginHeader h4 {
	display: block;
	margin: 0;
	overflow: hidden;
	position: absolute;
	bottom: 25px;
	color: #000;
}

.loginHeader h1 {
	text-indent: -9000px;
	width: 222px;
	height: 47px;
	background: transparent url(Images/login/logoLogin.png) no-repeat 0 0; 
	left: 38px;
	font: normal normal 32px/120% "Segoe UI", Arial, sans-serif;
}

.loginHeader h4 {
	font: normal bold 8px/120% Tahoma, Geneva, sans-serif;
	float: right;
	right: 48px;
	text-shadow: 0 0 1px rgba(0,0,0,.35);
}

/**/

.loginBody {
	clear: both;
	padding: 0;
	position: relative;
	min-height: 154px;
	
	background: transparent;
	background: url(Images/login/shimVert.png) no-repeat 0 0,  url(Images/login/shimVert.png) no-repeat 100% 0,  	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(50%,rgba(255,255,255,.8)), color-stop(100%,rgba(255,255,255,0)));
	background: url(Images/login/shimVert.png) no-repeat 0 0,  url(Images/login/shimVert.png) no-repeat 100% 0,  -webkit-linear-gradient(rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 100%);
	background: url(Images/login/shimVert.png) no-repeat 0 0,  url(Images/login/shimVert.png) no-repeat 100% 0,     -moz-linear-gradient(rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 100%);
	background: url(Images/login/shimVert.png) no-repeat 0 0,  url(Images/login/shimVert.png) no-repeat 100% 0,      -ms-linear-gradient(rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 100%);
	background: url(Images/login/shimVert.png) no-repeat 0 0,  url(Images/login/shimVert.png) no-repeat 100% 0,       -o-linear-gradient(rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 100%);
	background: url(Images/login/shimVert.png) no-repeat 0 0,  url(Images/login/shimVert.png) no-repeat 100% 0,          linear-gradient(rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 100%);
	
}

.isFancy .loginBody {
	padding: 23px 0 35px;
}

.ie7 .loginBody, 
.ie8 .loginBody, 
.ie9 .loginBody {
	background: transparent url(Images/login/ie_bkBox.png) repeat-x 0 0 !important;
}

.loginBody .gfxL {
	background: transparent url(Images/login/shimVert.png) no-repeat 0 0;
}

.loginBody .gfxR {
	background: transparent url(Images/login/shimVert.png) no-repeat 100% 0;
	padding: 23px 0 35px;
}

.loginItem, .loginSwitch {
	clear: both;
	overflow: hidden;
	margin-bottom: 1px;
	padding: 2px 0;
}

.loginItem.topDrop {
	padding: 15px 0;
}

.loginSwitch {
	text-align: center;
	margin-top: 15px;
}

.loginItem.emptyLeft {
	padding-left: 146px;
}

.loginItem.formInfo {
	padding-top: 17px;
	padding-bottom: 12px;
}

.loginItem .loginLabel {
	display: block;
	width: 111px;
	margin-left: 35px;
	float: left;
	text-align: left;
	line-height: 22px;
	color: #13408B;
}

.loginItem .loginLabel.h33 {
	line-height: 33px;
}

.loginItem.topDrop .loginLabel.h33 {
	line-height: 23px;
}

.loginItem span {
	text-shadow: 1px 1px 0 #FFF;	
}

.loginBody input {
	background: #fff;
	height: 20px;
	padding: 0;
	text-indent: 3px;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.loginBody input.inputText, 
.loginBody input.button {
	font: normal normal 11px/20px Arial, sans-serif;
	border: 1px solid #6699CC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

.drop:focus, 
.drop:hover, 
.loginBody input.inputText:focus {
	box-shadow: 0 0 2px #5671A4;	
}

.ie7 .loginBody input.inputText, 
.ie8 .loginBody input.inputText {
	z-index: 50;
	position: relative;
	zoom: 1;
}
.loginBody input.inputText.error {
	box-shadow: 0 0 2px #F30;	
	border-color: #F30;
}


.loginBody input.inputText.error:focus {
	box-shadow: 0 0 3px #C00;
	border-color: #C00;
}

/**/

.button, 
.loginBody input.button {
	height: 20px;
	padding: 0 34px 2px;
	text-align: center;
	font: normal normal 11px/20px "Segoe UI", Arial, sans-serif;
	color: #13408B;
	display: block;
	float: left;
	position: relative;
	cursor: pointer;
	
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(30%,#FFF), color-stop(60%,#C2DAF7));
	background: -webkit-linear-gradient(#FFF 30%, #C2DAF7 60%);
	background:    -moz-linear-gradient(#FFF 30%, #C2DAF7 60%);
	background:     -ms-linear-gradient(#FFF 30%, #C2DAF7 60%);
	background:      -o-linear-gradient(#FFF 30%, #C2DAF7 60%);
	background:         linear-gradient(#FFF 30%, #C2DAF7 60%);
	-pie-background:    linear-gradient(#FFF 30%, #C2DAF7 60%);
	
}

.ie7 .loginBody input.button, 
.ie8 .loginBody input.button, 
.ie9 .loginBody input.button {
	padding-bottom: 0;
	height: 22px;
	line-height: 20px;
	text-indent: 0;
}

.loginBody input.button:hover {
	box-shadow: 0 0 2px #5671A4;
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0,#FFF), color-stop(100%,#C2DAF7));
	background: -webkit-linear-gradient(#FFF 10%, #C2DAF7 90%);
	background:    -moz-linear-gradient(#FFF 10%, #C2DAF7 90%);
	background:     -ms-linear-gradient(#FFF 10%, #C2DAF7 90%);
	background:      -o-linear-gradient(#FFF 10%, #C2DAF7 90%);
	background:         linear-gradient(#FFF 10%, #C2DAF7 90%);
	-pie-background:    linear-gradient(#FFF 10%, #C2DAF7 90%);
}

.loginBody .inputCheck input {
	background-color: transparent !important;
	margin: 0 !important;
	height: auto !important;
}

.ie7 .loginBody input.button, 
.ie7 .loginBody input.button:hover {
	box-shadow: none;
}

/**/
/*
.drop {
	line-height: 22px;
	color: #13408B;
	cursor: pointer;
	padding-left: 5px;
	width: 232px;
	height: 22px;
	border: 1px solid #69C;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 11px/22px Arial,sans-serif;
}
*/

div.selector {
	margin-bottom: 0 !important;
	float: left;
}

.spacer {
	margin-top: 20px !important;
}

/**/

.loginFooter {
	position: absolute;
	width: 430px;
	height: 22px;
	bottom: 5px;
	text-align: center;
	left: 50%;
	margin-left: -215px;
}

.loginFooter, 
.loginFooter a {
	font: normal normal 10px/22px Arial, Helvetica, sans-serif;
	color: #000;
}

.loginFooter a:hover {
	color: #000;
	border-bottom: 1px dotted #000;
}

/**/

.loginMessage {
	display: none;
	font: normal normal 11px/125% "Segoe UI Light", "Segoe UI", Arial, sans-serif;
	margin: -8px 15px 23px; 
	padding: 12px 15px;
	color: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	clear: both;
	position: relative;
	z-index: 300;
}

.msgError {
	border: 1px solid #FCC;
	padding-left: 33px;
	background: #FFEAEA url(Images/icons/icon_error.png) no-repeat 10px 12px;
	
}

.ie7 .loginMessage, 
.ie8 .loginMessage {
	zoom: 1;
}

/**/

.adminOptions {
	border: 1px solid #BBD1E8;
	background: #fff;
	margin: 0 15px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 7px 0;
	position: relative;
}

.adminOptions p {
	display: block;
	line-height: 28px;
	margin: 5px 0 5px 3%;
	float: left;
	width: 46%;
	line-height: 16px;
}

.adminOptions a {
	display: inline;
	padding: 0 3px 0 22px;
	line-height: 16px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-color: transparent;
}

.adminOptions a:hover {
	background-color: #FFC;	
}

.adminOptions a span {
	cursor: pointer;
}

.ie7 .adminOptions {
	padding-bottom: 12px;
	zoom: 1;
}

.ie8 .adminOptions {
	position: relative;
	zoom: 1;
}

.ie7 .drop, 
.ie8 .drop {
	position: relative;
	zoom:1;
	padding-left: 0;
	text-indent: 5px;
}

/**/

.loginItem .RadComboBox {
	display: block !important;
	float: left;
}

.loginItem.topDrop label {
	display: block;
	height: 22px;
	position: relative;
	z-index: 1000;
	zoom: 1;
}

/**/