body { /*background:#424E5C; */
	   background-color: #285480;
	   box-sizing: border-box; 
	   -moz-box-sizing: border-box;}

div.modaloverlay { z-index: 10; display: none; 
				   position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; 
			/*background-color: #000000; opacity:0.7; filter: alpha(opacity=70);*/
			background-color: #424e5c; opacity:0.7; filter: alpha(opacity=50);
			 }

.modalPopupBG {
	background-color: #424e5c; /*#285480;*/ /*#666699;*/
	filter: alpha(opacity=50);
	opacity: 0.7;
}

.modalPanelBase {     
					 width: 650px; margin-bottom: 15px; height: auto; min-height: 16px; 
					 padding: 10px 10px 10px 40px; 
					 box-sizing: border-box; -moz-box-sizing: border-box;
				}
.modalPanelWarning { background: #f6d273 url(../Images/warning.png) no-repeat 0px 0px; color: #896300; border: 1px solid #ca9200; }
.modalPanelError { background: #eb4848 url(../Images/error.png) no-repeat 0px 0px; color: #fff; border: 1px solid #8c2b2b; }
.modalPanelInfo { background: #deedff url(../Images/info.png) no-repeat 0px 0px; color: #4d4d4d; border: 1px solid #a1ccff;  }


#login-screen { background:#424E5C; }
#login-screen a { color:#2e78b9 }

#logo-box { position: relative; top: 0px; left: 0px; width: 100%; height: 140px; box-sizing: border-box; -moz-box-sizing: border-box; padding-bottom: 20px; padding-top: 20px; }
img.logo { position: absolute; }
img.logo.left { top: 15px; left: 50%; margin-left: -170px; }
img.logo.divider { top: 0px;  left: 50%; }
img.logo.right { top: 25px; left: 50%; margin-left: 30px;}

#login-box { position: relative; top: 0px; left: 50%; margin-left: -325px; width:650px; 
			 padding-bottom: 20px; box-sizing: border-box; -moz-box-sizing: border-box; }

#dlgLogin { position: relative; top: 15px; width: 400px; border:7px solid #506277; background:#e7e7e7; padding:13px; margin:5px auto; box-sizing: border-box; -moz-box-sizing: border-box;}

#dlgLogin .loginfields { width: 300px; margin: auto; box-sizing: border-box; -moz-box-sizing: border-box; padding-bottom: 15px;}
#dlgLogin .field { margin-bottom: 9px; min-height: 22px; box-sizing: border-box; -moz-box-sizing: border-box; }
#dlgLogin .field label { width: 150px;  box-sizing: border-box; -moz-box-sizing: border-box; font-weight: bold; }
#dlgLogin .field input { float: right; width: 200px; box-sizing: border-box; -moz-box-sizing: border-box; }

#dlgLogin input.button { float: right; margin-left: 15px; cursor: pointer; }
#dlgLogin input.button.login { width: 86px; }
#dlgLogin input.button.register { width: 100px; }
#dlgLogin input { border:1px solid #96989a; }

/*input.superbutton { margin-left: 5px; margin-right: 5px;}*/
#dlgLogin .field input.superbutton.register {  width:100px; margin-left: 10px;  }
#dlgLogin .field input.superbutton.login {  width: 90px; }


#environmentLabel { width: 100%; margin-top: 50px; border-style: none; color: Red; text-align: center; font-weight: bold; }
div#environmentIdentifier { color:red; font-weight:bold; text-align: center;}

#dlgTerms {position: relative; top: 15px; width: 650px; 
		   border:7px solid #506277; background:#e7e7e7; padding:13px; box-sizing: border-box; -moz-box-sizing: border-box;
			line-height: 17px;}

div.infoPanelError, div.infoPanelWarning, div.infoPanelWarning, div.notice-info 
{  margin-bottom: 15px; height: auto; min-height: 16px; 
   padding: 10px 10px 10px 40px; 
   box-sizing: border-box; -moz-box-sizing: border-box;
   width: 400px; position: relative; left: 50%; margin-left: -200px;}
   
div.forgotpwd { position:fixed; z-index: 100; box-sizing: border-box; -moz-box-sizing: border-box;
			   background: #deedff url(../Images/info.png) no-repeat 0px 0px; color: #4d4d4d; border: 1px solid #a1ccff; 
			   padding: 10px 50px 10px 50px; display: none; margin-bottom: 10px;
			   width: 650px; left: 50%; margin-left: -325px;}
div.forgotpwd .field { margin-bottom: 9px; min-height: 22px; box-sizing: border-box; -moz-box-sizing: border-box; }
div.forgotpwd .field label { width: 150px;  font-weight: bold; vertical-align:baseline;  }
div.forgotpwd .field input.email { width: 400px; vertical-align:text-top;  vertical-align: text-top; }			   


#dlgRegister { z-index: 100; display: none; position: fixed; top: 50%; margin-top: -200px; left: 50%; margin-left: -200px; width: 400px; 
			   border: 1px solid Black; background:#e7e7e7; padding:0 13px 13px;  
			   box-sizing: border-box; -moz-box-sizing: border-box;}
#dlgRegister h2   
{    
    box-sizing: border-box; 
    -moz-box-sizing: border-box;  
    padding: 10px; 
    background-color: #5882b8; 
    color: White; 
    margin-left:-13px;
    margin-right:-13px;
}

#dlgRegister .field { margin-left: 20px; margin-bottom: 20px; min-height: 22px; 
					  box-sizing: border-box; -moz-box-sizing: border-box; line-height: 1.5em;}
#dlgRegister .field label { position: absolute; left: 40px;  padding-top: 4px; margin-right: 10px; 
							box-sizing: border-box; -moz-box-sizing: border-box; font-weight: bold; }
#dlgRegister .field input { margin-left: -20px; 
							box-sizing: border-box; -moz-box-sizing: border-box;  }

#dlgContactSLA { z-index: 100; 
				 display: none; position: fixed; top: 50%; margin-top: -50px; left: 50%; margin-left: -325px; width: 650px; min-height: 50px;
				 box-sizing: border-box; -moz-box-sizing: border-box;  
				 line-height: 1.5em;  }
#dlgContactSLA input { margin-top: 20px; }





#dlgTerms input { border:1px solid #96989a; background:#fff url(../images/bg-textinput.gif) repeat-x top; }
div#dlgTerms h2 { text-transform: none; font-variant: normal; }

#dlgLocationChooser { border:7px solid #506277;	background:#e7e7e7;	padding:13px; margin:5px auto; width:600px; }
#dlgLocationChooser input { border:1px solid #96989a; background:#fff url(../images/bg-textinput.gif) repeat-x top; }
		

#loginbuttons { margin: 0 auto 18px auto; }

		
span.loginCheckBox { margin: 0px; border: 0; padding: 0;  }
span.loginCheckBox label { float:none; }
#spanlogincheckbox input { border: 0; padding: 0; margin: 0; background-color: #e7e7e7;}
#chkForgotPassword { border: 0; padding:0; margin:0 3px 0 0; }
		
#dlgLogin input.app-button { border:none; }

span.notice-info { padding:10px 10px 10px 10px; background:#deedff; color:#4d4d4d; border:1px solid #a1ccff; }
div.notice-grey { padding:18px; background:#dadada; color:#595959; margin:0; }
div.notice-grey,
div.notice-error,
div.notice-warning,
div.notice-info,
span.notice-info { margin-bottom:10px; }

div.notice-grey { padding:10px; }

div.form-pair { margin-bottom:10px; }



/****************************************************
********* Requirements Page Formatting **********
****************************************************/

.ReqsWindow
{
	border: 7px solid #506277;
	background: #e7e7e7;
	width: 98%;
	padding: 5px 10px 20px 10px;
}
.ReqsArea
{
	background-color: #fff;
	width: 100%;
	overflow: auto;
	margin-top: 10px;
}
.ReqsTitle
{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin: 7px;
	width: 90%;
}
.ReqsBanner
{
	background: #424E5C;
	left: 0px;
	right: 0px;
	height: 30px;
}
.ReqBannerLeft
{
	left: 0px;
	width: 50%;
	float: left;
	color: White;
	text-align: center;
	vertical-align: middle;
	font-size: large;
}
.ReqBannerRight
{
	right: 0px;
	width: 50%;
	float: right;
	color: White;
	text-align: center;
	vertical-align: middle;
	font-size: large;
}
.ReqBannerCenter
{
	right: 0px;
	width: 100%;
	float: right;
	color: White;
	text-align: center;
	vertical-align: middle;
	font-size: large;
}
.ReqContentsLeft
{
	left: 0px;
	width: 50%;
	float: left;
	color: Black;
	text-align: left;
}
.ReqContentsRight
{
	right: 0px;
	width: 50%;
	float: right;
	color: Black;
	text-align: left;
}
.ReqContentCenter
{
	right: 0px;
	width: 100%;
	float: right;
	color: Black;
	text-align: left;
	padding-bottom:10px;
}
.ReqContent
{
	padding: 5px;
}

#dlgForgotPassword .fieldLeft {
    display: inline-block;
    text-align: right;
    width: 25%;
}

#dlgForgotPassword .fieldRight {
    display: inline-grid;
    width: 50%;
}