body {background-image:url(../images/login/bg_gradient.jpg); background-repeat:no-repeat; background-position:center top;}
/* Div Layer layout */
#Header {width:950px;}
#Main {width: 940px; clear:left;}
#Left {float:left; width: 250px;}
#TopLeft {margin: 5px 5px 10px 5px; text-align: left; clear:right; height:250px;}
#BottomLeft {margin: 5px 5px 5px 5px; clear:left;}
#Right {float:right; margin: 5px 5px 5px 5px;}
#LoginButtonLayer {float:left; margin: 5px 5px 0px 0px; }
#ForgotPasswordLayer {float:left; margin: 8px 5px 0px 15px; width:120px; }
#LoginDivider {height:1px; width:250px; border:solid 1px #cccccc; border-collapse:collapse; border-top:none; border-left:none; border-right:none; font-size:0px;}
#CreateAccountLayer { text-align:center; width:140px; margin: 5px 0px 0px 0px;}
#ContactUsLayer { text-align:center;}
.LoginKeyArtLayer { margin:10px 10px 10px 10px;}

/* Rounded Boxes */
.TopLeftBox {background-color:#ffffff; text-align: left; padding-top:10px; height:4000px;}
.BottomLeftBox {background-color:#ffffff;}
.RightBox {background-color:#ffffff;}
   
/* Content */
#Logo {float:left; width:66px; height:135px; margin: 5px 0px 0px 8px;}
.LoginPanel {margin: 5px 7px 5px 7px; height:105px;}

/* Input Fields */
.LoginField {border:solid 1px #666666; background-color:#e3ecff; color: #25427c; font-size:9pt; padding: 2px 2px 2px 2px; margin: 3px 0px 3px 0px; width: 140px;}
.WaterMarkField {border:solid 1px #666666; background-color:#e3ecff; color: #25427c; font-size:9pt; padding: 2px 2px 2px 2px; margin: 3px 0px 3px 0px; width: 140px;}

.LoginHeaderPanel { text-align:left; font-family:arial; font-size:11pt; color:#25427c; font-weight:600; }

/* error messaging */
.error {color:Red; font-size:8pt; padding:10px 10px 2px 10px;}