/*===================
* the login pages
* ===================
*/
.loginClass,
.loginClass a,
.loginClass hr,
.loginClass .navTitle  {
  	background-color:#606060;
 	margin:0px;
}
	
.loginClass .navTitle {
	text-align: right;
}

#mainLogo {
  	float: left;
  	margin: 30px 0 0 35px;
}

 #secondaryLogo {
  	float: right;
  	margin: 30px 35px 0 0;
}

/*=====================
*  special messages
*=====================*/
.error {
	color: #E00000; /* WCAG 2 AAA contrast rating on white background at small font sizes */
	font-weight:bold;
	padding-bottom: 8px;
}
.info {
	color: #2E8B57;
	font-weight:bold;
	padding-bottom: 8px;
}
.warning, .required {
	color: #B60000; /* WCAG 2 AAA contrast rating on white background rating at small font sizes */
}


.pageContent {margin: 0 0 0 0 !important;}  

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; margin-left: -7px; padding: 0; }



.loginHelp a {background-color: transparent !important;}
   
.loginHelp, .loginHelp a {color:black; background-color:#FFFFFF;}
    

.loginClass .loginControls .error
{
	margin-left:0px;
}

.loginClass .noScript .loginControls .error
{
	margin-left:0em;
}

.loginClass  #systemContainer
{
	min-width:950px;
}

.loginClass #systemBanner
{
	height:88px;
}

.loginClass #loginAsset1
{
	position:absolute;
	left:80px;
	top:50px
}

.loginClass #loginAsset2
{
	float:right;
	padding-right:16px;
}

* html .loginClass .login {
  	height: 500px;
}

::root .loginClass .login {
  	height: 500px;
}

.loginClass .login
{
	font-size:9pt;
	background-color:#FFFFFF;
	min-height: 500px;
	min-width: 950px;
	position: relative;
	overflow: hidden;
}
/*  width:expression(document.body.clientWidth < 950 ? '950px': '100%' ); */

 .loginClass p.loginImg {
	position: absolute;
	right:80px;
	height:310px;
	width:410px;
	top:50%;
	margin-top:-155px;
}

.loginClass .login input.textfield
{
	height: 1.833em;
	width: 17.917em;
}

.loginClass input.textfield[aria-invalid=true] 
{
	border-color: #E00000;
}

.loginClass .loginTitlePadding
{
	font-weight:normal;
	margin: 20px 80px 0;
	font-size: 25px;
}

.loginClass .loginForm
{
	position: relative;
	margin:25px 250px 5.333em 80px;
	z-index:1;
}

.loginClass .noScript .loginForm
{
	width: auto;
}

.loginClass .pod
{
	width:32em;
	float:left;
	clear:left;
}
.loginClass .noScript .pod
{
	float:left;
	clear:none;
}

.loginClass #split
{
	padding:5.833em 0;
	float:left;
	text-align: center;
	overflow:visible;
	display:none;
}

.loginClass .noScript #split
{
	display:block;
}

.loginClass #split div
{
	position: relative;
	margin-left:-2.083em;
	padding: 0.667em 1.333em;
	z-index:1;
	display:block;
}

.loginClass .pod legend
{
	display: block;
	padding-bottom: 1.667em;
}

.loginClass .pod legend input
{
	font-size: 1em;
	line-height:1.25em;
	border:none;
	width: 1.333em;
	height: 1.333em;
	margin: 0;
	padding: 0;
	display:inline;
	vertical-align:text-top;
	margin-right:0.417em; 
}

.loginClass .noScript .pod legend input
{
	//display:none;
}

.loginClass .pod legend label
{
	text-align:left;
	line-height:1.25em;
	margin-right:auto;
	display:inline-block;
	vertical-align:text-top;
}

.loginClass .pod legend label span
{
	display:block;
}

.loginClass .pod legend label span.hidden
{
	display:none;
}

.loginClass .loginControls
{
	text-align:left;
	width: auto;
	white-space:nowrap;
}

.loginClass .pod .loginControls input {
	margin: 0 0 9pt;
}

.loginClass .pod .loginField
{
	margin-top: 0;
}

.loginClass .pod .loginField label
{
	float:left;
	text-align:right;
	line-height:2.167em;
	margin-right: 0.4157em;
}


.loginClass .pod .loginField .loginControls
{
	margin-bottom: 1.667em;
	display:block;
}

.loginClass #privacyAndHelp
{
	position:absolute;
	font-size:8pt;
	left: 80px;
	bottom: 1.333em;
}

.loginClass #privacyAndHelp div
{
	margin-bottom: 0.55em;
}


.loginClass #privacyPolicy em
{
	font-style:normal;
}

.loginClass #loginCopyright {
  	position:absolute;width:100%;color:#FFF;
  	top:604px;
  	text-align:center;
  	float:middle;
  	width:100%;
  	font-size: 8pt; 
  	color:#FFFFFF;	
}

* .loginClass div.#loginCopyright {
 	top:594px;
}

.hidden 
{
	display:none;
	visibility:hidden;	
}

.guest {
  	position: absolute;
  	top: 30px;
  	left: 290px;
  	width: 240px;
}

* html div.guestReg {
  	height: 120px;
}

.guest p {
  	font-size: 9pt;
}

#guestName,
#name,
#pwd {
	display: block;
	margin: 0 0 10px;
}


/*.pod {
    border:0;
  	background-color: transparent;
  	font-size: 9pt;
  	padding: 8 8 0 0px;
}

.pod h3 {
  	font-size: 9pt;
  	font-weight: normal;
  	margin: 0 -8px 0;
  	padding: 0px 8px;
}

.pod p {
  	margin-top: 0;
}

.noPod {
  	border: 0;
  	padding: 0 0 8 0px;
}

.noPod p {
  	margin-top: 0;
}*/