@charset "utf-8";
/* CSS Document Login.css */

html {
	/*For some reason, without this the gradient doesn't fill the screen.*/
	min-height:100%;
}

body {

	background: #3075ab; /* Old browsers */
	background: -moz-linear-gradient(top,  #3a8dc8 0%, #183a62 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a8dc8), color-stop(100%,#183a62)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3a8dc8 0%,#183a62 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3a8dc8 0%,#183a62 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3a8dc8 0%,#183a62 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3a8dc8 0%,#183a62 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a8dc8', endColorstr='#183a62',GradientType=0 ); /* IE6-9 */

	background-repeat:no-repeat;
	margin: 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #87ceff;

	width: 100%;
}

#topSplash {
	position: absolute;
	top:0;
	left:0;
	z-index:1;
}

#brand {
	position: absolute;
	z-index:2;
}

#loginForm {
	position: absolute;
	top: 420px;
	width: 300px;
	padding-left: 44px;
	z-index:3;
    left: 130px;
	background-image:url(../img/divider.png);
	background-position:right;
	background-repeat:repeat-y;
}

.margeTextInput {
	float:right;
	margin-right: 44px;
	width:200px;

}

.loginLabel {
	font-weight:bold;
    color: #FFFFFF;

	text-align:left;
	display:block;
	padding-top:4px;
	padding-right:4px;
	min-width:76px;

	float:left;
}

.loginRow {
	display:block;
}

.errorInfo {
    font-weight:bold;
    color: #D80000;
    text-align:left;
    display:block;
    padding-top:4px;
    padding-right:4px;
    min-width:76px;
    padding-bottom:6px;
    float:left;
}

#sessionID {
   clear:both;
   float:right;
   width:248px;
   text-align:left;
   margin-top:8px;
}

#checkboxLabel {
    display: block;
    padding-left: 20px;
    text-indent: -20px;
}

#sspiCheckbox {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    margin-right:10px;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    left: 5px;
    *overflow: hidden;
}

#loginButtonRow {
	clear: both;
	float:right;
	margin-right:100px;
	margin-top:0px;
}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 0px 30px;
	height:24px;
	font-size:12px;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.blue {
	color: #fff;
	border: solid 2px #1d4772;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#0c6fb9), to(#014781));
	background: -moz-linear-gradient(top,  #0c6fb9,  #014781);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c6fb9', endColorstr='#014781');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0d84dc), to(#004d88));
	background: -moz-linear-gradient(top,  #0d84dc,  #004d88);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d84dc', endColorstr='#004d88');
}
.blue:active {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#035a9d), to(#086fba));
	background: -moz-linear-gradient(top,  #035a9d,  #086fba);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#035a9d', endColorstr='#086fba');
}

#username:disabled,
#password:disabled,
#submit:disabled,
#sspiCheckbox:disabled {
	opacity:0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */
}


#productName {
	position: absolute;
	top: 445px;
	left:524px;
	color:#FFF;
	font-size:23px;
}

#response {
    background:url(../img/error.png) left center no-repeat;
    margin-top: 20px;
    font-size: 12.5px;
    padding-left: 20px;
    color: #87CEFF;
}

#progressBar {
	display: none;
}

#footer {
	background-color: black;
	width: 100%;
	position: absolute;
	bottom: 0;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #CCCCCC;
}