html {
	height:100%
}
body {
	height:100%;
	font-family:helvetica, arial, sans-serif;
	background-color:#fff;
	background-repeat:no-repeat;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC); /* for firefox 3.6+ */
}
#welcomeBanner {
	display:none;
}

/* utility classes */
	.tenrounder {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.hiddenelement{
	display: none;
}
.twentyrounder {
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
/* Password Change canvas */
/* login canvas */
	#loginCanvas, #pwdchange {
	background-image:url(../images/logo-normal.gif);
	background-position: 21px 0;
	background-repeat:no-repeat;
	width:430px;
	height:341px;
	position:absolute;
	top:35%;
	left:130px;
	margin-top:-127px;
	padding: 0px;
	z-index:10;
}
#pwdchange {
	width: 730px;
}
#loginForm, #changepw {
	width:423px;
	height:157px;
	margin:66px 0 0 0;
	padding:0 4px 7px 0;
}
#loginForm legend, #changeFields legend {
	display:none;
}
#loginFields, #changeFields, #changepwfields {
	background-image:url(../images/logo-mirror.gif);
	border:1px solid #195a92;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position: 20px -1px;
	width:414px;
	padding:0px;
	margin:0px;
}
#loginFields label {
	display:none;
}
#loginFields input, #loginFields select, #changeFields input, #changepwfields input {
	width:234px;
	height:27px;
	background-color:#fff;
	border:1px solid #195a92;
	margin:14px 0px 0px 13px;
	padding-left:3px;
	color:#333333;
	font-size:24px;
	float:left;
}
#changeFields input, #changepwfields input {
	float:right;
	margin-top:3px;
}
#changeFields, #changepwfields {
	color:white;
	width:440px;
}
div.loginWarn {
	position:absolute;
	padding: 5px;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	background-color:#fff;
	border:2px solid #890000;
	width: 400px;
	margin-left:460px;
	color:#890000;
}
#changeFields label, #changepwfields label {
	display:block;
	font-weight:bold;
	clear:left;
	margin-top:3px;
	padding-left:5px;
	color:#1a5a91;
	float:left;
	width:95%;
	text-align: right;
	line-height:35px
}
#changepwfields {
	padding-top:16px
}
#loginFields select {
	width:240px;
	font-size:20px;
	float:left;
	clear:left;
}
#btnLogin, .sbmt {
	background-color:#1a5a91;
	width:130px;
	height:27px;
	border:0px;
	padding:0px;
	margin:15px;
	display:block;
	float:left;
	color:#fff;
	cursor: pointer;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#changepwbtn {
	margin: 15px 150px;
}
#infodiag, #reldiag {
	background-color:#fff;
	width:560px;
	padding:25px;
	color:#333;
	font-size:16px;
	border:1px solid #195a92;
}

/* RELEASE NOTES */
	#reldiag {
	height:80%;
	overflow:auto;
	font-size:12px;
	color:#000000;
	background-color:#fff;
	background-repeat:no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#efefef'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#efefef)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFFFFF, #efefef); /* for firefox 3.6+ */
	border-style:solid;
	border-color:#1a5a91;
	border-top-width:5px;
	border-bottom-width:5px;
	line-height:normal
}
#reldiag h3 {font-size: 16px; font-weight: bold; margin: 5px 0; color:#1a5a91; background-color: #efefef; padding: 3px; border-top: 1px solid #1a5a91; border-bottom: 1px solid #1a5a91; font-variant:small-caps; text-align:center}
#reldiag h4 {font-size:12px; font-weight:bold; margin: 10px 0 5px 0; padding:3px; border-bottom:1px dotted #666; color:#1a5a91}
#reldiag strong { color:#000; font-weight:bold; display:inline; margin:0;}
#reldiag ul {list-style:square; margin-left:8px; padding-left:5px; list-style-position:inside}
#reldiag li {padding: 5px 0 10px 0; margin-left: 8px}
#reldiag li li {padding-bottom: 4px;}
/* system status */
#statusTray{
	height:205px;
	bottom: 0px;
	position:absolute;
	width: 100%;
}
#systemStatusTray {
	height:185px;
	border-top:1px solid #195a92;
	width:100%;
	position:absolute;
	bottom:0px;
	background-color:#fff;
	background-repeat:no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC); /* for firefox 3.6+ */
	overflow:visible;
}
#systemStatus {
	color:#000000;
	padding:10px;
	padding-left:25px;
	line-height:115%;
	font-size:85%;
}
.eyeContainer {
	float:left;
}
.eyeContainer {
	float:left;
}
.eye {
	width:50px;
	height:45px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	padding-top:5px;
}
.eye {
	width: 50px;
	height:45px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	padding-top:5px;
}
.pupil {
	width:40px;
	height:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px;
	margin-left:5px;
	background-color:black;
}
.pupil{
	width:40px;
	height:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px;
	margin-left:5px;
	background-color:black;
}
#messageContainer {
	float:left;
	margin-left:20px;
	height:140px;
	width:440px;
}
.messageContainer {
	float:left;
	margin-left:20px;
	height:140px;
	width:440px;
}
#statusMessage {
	color:#000000;
}
.statusMessage {
	color:#000000;
}
#systemStatusTray h2 {
	color:#333333;
	font-size:16pt;
	margin-bottom:10pt;
}
.systemStatusTray h2 {
	color:#333333;
	font-size:16pt;
	margin-bottom:10pt;
}
#systemStatusTray a {
	color:#1a5a91;
}
.systemStatusTray a {
	color:#1a5a91;
}
div#pcrlayout {
	float:right;
	font-size:11px;
	opacity:.5;
}
div#pcrlayout label {line-height:18px}
div#pcrlayout input {vertical-align: top;}
div#pcrlayout a {margin-top: 3px; font-size: 9px; text-align: right; width: 100%; display:block}
/* normal status styles */
	.normal #statusText {
	color:#1a921a;
}
.normal .eye {
	background-color:#1a921a;
}
.normal .eye .pupil {
	background-color:#0e4d24;
}
/*  newhigh status styles */
	.newhigh #statusText {
	color:#e99f00;
}
.newhigh .eye {
	background-color:#ba811f;
}
.newhigh .eye .pupil {
	background-color:#e99f00;
}
/*  newlow status styles */
	.newlow #statusText {
	color:#1a5a91;
}
.newlow .eye {
	background-color:#103b61;
}
.newlow .eye .pupil {
	background-color:#1a5a91;
}
/* high status styles */
	.high #lifterContainer {
	opacity:.1;
	filter:alpha(opacity=10);
}
.high .statusText {
	color:#890000;
}
.high .eye {
	background-color:#890000;
}
.high .eye .pupil {
	background-color:#ed3c0c;
}
/* lifter messages */
	#lifterContainer {
	float:left;
	margin-left:20px;
}
#lifterContainer ul {
}
#lifterContainer ul li {
	margin-bottom:5px;
}
#systemStatusTray a.importantPromo, #systemStatusTray li.importantPromo a {
	font-weight:bold;
}
#tabs {
	bottom:185px;
	position:absolute;
	margin-bottom:-1px;
	margin-left: 4px;
	padding: 0;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding-left: 5px;
	z-index:3
}
#tabs ul {
	font: bold 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
}
#tabs li {
	display:inline;
	margin:0 2px 0 0;
	padding:0;
	text-transform:uppercase;
}
#tabs a {
	background-color:#EEE;
	color:#666;
	float:left;
	margin:0 2px 0 0;
	padding:0 0 0 3px;
	text-decoration:none;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
}
#tabs a span {
	float:none;
	display:block;
	padding:6px 9px 2px 6px;
}
#tabs a:hover {
	color: #000;
}
#tabs .tabHeaderActive a {
	margin-bottom:1px;
	background-color: #fff;
	color:#1a5a91;
	border:1px solid #1a5a91;
	border-bottom:1px solid #fff;
}
#tabs .tabHeaderActive a span {
	padding:3px 9px 4px 6px
}
