/*	FOR ALL YOUR DEBUGGING NEEDS USE FIREBUG:
	http://www.getfirebug.com
*/

/**********************/
/*      DEFAULTS      */
/**********************/

html {
	height: 100%;
	margin: 0px 0px 0px 0px;
}

body {
	margin: 0px;
	height: 100%;
	background-color: #101010;
}

div#loginContainer {
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: #383838;
}
#loginForm {
	overflow: hidden;
	position: relative;
	margin: 0!important;
	padding: 0!important;
}

.loginLabel {
	color:#fff;
	float:left;
	line-height:19px;
	width:60px;
	font-weight:bold;
}

/**********************/
/*     STRUCTURAL     */
/**********************/

	div#lHeaderWrapper {
		float: left;
		width: 100%;
		height: 298px;
		background: #202020;
	}
	
		div#lHeaderCenteringDiv {
			width: 720px;
			margin: 0px auto;
		}
		
			div#lHeader {
				float: left;
				width: 571px;
				height: 170px;
				margin-top: 128px;
				padding-left: 149px;
				position: relative;
			}
			
				div#lLogo {
					float: left;
					width: 176px;
					height: 84px;
					margin: 31px 25px 0px 10px;
					background-image: url(/wsimages/login/lLogo.jpg);
					background-position: top left;
					background-repeat: no-repeat;
				}
				
				div#lLoginFormDiv {
					float: left;
					height: 154px;
					border-left: 1px solid #555;
					border-right: 1px solid #000;
				}
				
				div#lLoginForm {
					float: left;
					width: 315px;
					padding-left: 22px;
				}
					
					div#lLoginFormTitle {
						padding-bottom: 14px;
						font-family: Georgia;
						font-size: 14px;
						font-weight: bold;
						color: #F3F3F3;
						width:170px;
					}
				
					div#lLoginFormContent {
						clear: left;
						float: left;
					}
					
						div#lLoginFormContentUsername {
							float: left;
						}
						
						div#lLoginFormContentPassword {
							clear: left;
							float: left;
						}
					
						div#lLoginFormContent .curveInput {
							float: left;
						}
						
						div#lLoginFormContent .curveInputFieldinput {
							width: 136px;
							border: 0px;
							background-color: transparent;
							padding: 1px 0px 0px 6px;
							font-size: 11px;
							border: 1px solid #6D6D6D;
							color: #fff;
							height: 16px;
							line-height: 16px;
						}
						#userLogin {
							margin-bottom: 10px;
						}
						div#lLoginFormContent .curveInputFieldBtn {
							padding-top: 3px;
							padding-left: 6px;
						}
					
						div#lLoginFormContentLinks {
							clear: left;
							float: left;
							padding-top: 15px;
						}
						div#lLoginFormContentLinks label#rememberPassword{
							color: #999999; 
							display: block;
							padding-bottom: 3px;
							}
							div#lLoginFormContentLinks label#rememberPassword input{
								padding: 0;
								margin: 0;
							}
						
						div#lLoginFormContentLinks a {
							float: left;
							width: 180px;
							margin-bottom: 5px;
							color: #999999;
						}
						
						div#loginError {
							color:#999999;
							float:left;
							left:150px;
							margin-left:5px;
							margin-top:5px;
							font-size: 12px!important;
							position: absolute;
							top: -2px;
							left: 146px;
						}
						
							h5#errortext {
								margin: 0px;
								font-weight:bold;
								font-size: 10px!important;
								color:#999!important;
								width: 190px;
							}
	
	div#lHeaderDivWrapper {
		float: left;
		width: 100%;
		font-size: 3px;
		border-top: 1px solid #454444;
	}
	
		div#lHeaderDivCenteringDiv {
			width: 1060px;
			margin: 0px auto;
		}

			div#lHeaderDiv {
				width: 1060px;
				font-size: 3px;
				background-position: top left;
				background-repeat: no-repeat;
			}
	
	div#lFormHiderDiv {
		float: left;
		width: 100%;
		overflow: hidden;		
	}
	
		div#lFormCenteringDiv {
			width: 443px;
			margin: 0px auto;
			overflow: hidden;		
		}
		
			div#lForm {
				float: left;
				width: 443px;
			}
			
				div#lFormLHS {
					display: inline;
					float: left;
					padding-left: 1px;
				}
				
				div#lFormContent {
					display: inline;
					float: left;
					width: 400px;
					min-height: 325px;
					height: auto !important;
					height: 325px;
					padding-top: 18px;
					padding-left: 39px;
					background: #202020;
				}
				
					div#lFormContentHeader {
						float: left;
						width: 400px;
						margin-bottom: 12px;
					}

						div#lFormContentTitle {
							float: left;
							width: 319px;
							padding-left: 24px;
							
							font-family: Georgia;
							font-size: 18px;
							font-weight: bold;
							color: #F4F4F4;
							text-align: center;
						}
						
						div#lFormClose {
							float: left;
							width: 18px;
							height: 17px;
							margin-top: 2px;
							margin-left: 27px;
							background-image: url(/wsimages/login/lFormClose.jpg);
							background-position: top left;
							background-repeat: no-repeat;
							cursor: pointer;
						}
					
					.lFormDiv {
						clear: left;
						float: left;
						width: 359px;
						font-size: 2px;
						margin-bottom: 13px;
						border-top: 1px solid #000;
						border-bottom: 1px solid #3B3B3B;
					}
					
					.lFormDivBot {
						clear: left;
						float: left;
						width: 359px;
						font-size: 2px;
						margin-bottom: 9px;
						border-top: 1px solid #000;
						border-bottom: 1px solid #3B3B3B;
					}

					div#lFormForm {
						clear: left;
						float: left;
						width: 360px;
						height: 227px;
						margin-bottom: 13px;
						padding-left: 1px;

						font-size: 12px;
						color: #FFFFFF;
						font-weight: bold;
					}

						div#lFormForm .header {
							padding: 2px 0px 0px 12px;
							font-size: 11px;
							font-weight: normal;
							color: #CECECE;
						}

						div#lFormForm .star {
							color: #F9DB53;
						}
						
						div#lFormForm .label {
							width: 109px;
							margin: 0px 10px 8px 0px;
							padding: 3px 24px 4px 11px;
							background-color: #5E5E5B;
						}
						
						div#lFormForm .user-form-input, .user-form-multi, .user-form-select {
							width: 200px;
							height: 16px;
							margin-top: 0px;
							padding-top: 3px;
							padding-left: 4px;
							border: 1px solid #000000 !important;
							background-color: #DFDFDF !important;
							display: inline;
							float: left;
							color: #2C2C2C;
						}

						div#lFormForm .user-form-input-error, .user-form-multi-error, .user-form-select-error {
							width: 200px;
							height: 16px;
							margin-top: 0px;
							padding-top: 3px;
							padding-left: 4px;
							border: 1px solid #000000 !important;
							background-color: #FFE987 !important;
							display: inline;
							float: left;
							color: #2C2C2C;
						}

						div#lFormForm .user-form-multi, .user-form-multi-error {
							height: 71px !important;
						}
						
						div#lFormForm .user-form-checkbox {
							border: 1px solid #000000 !important;
						}							
						
						div#lFormForm .error {
							padding-left: 3px;
							font-size: 11px;
							font-weight: bold;
							color: red;
						}
						
						
					div#lFormButtons {
						float: left;
						width: 360px;
					}
					
						div#lFormButtonsReset {
							display: inline;
							float: left;
							width: 87px;
							height: 26px;
							margin-left: 62px;
						}
						
						div#lFormButtonsSubmit {
							display: inline;
							float: left;
							width: 160px;
							height: 26px;
							margin-left: 2px;
						}
				
				div#lFormRHS {
					display: inline;
					float: left;
					padding-right: 1px;
				}
				
				div#lFormFooter {
					clear: left;
					float: left;
					width: 441px;
					height: 16px;
					background-image: url(/wsimages/login/lFormFooter.jpg);
					background-position: top left;
					background-repeat: no-repeat;
				}
				#btnpassword {
				top: 4px;
				position: relative;
				}

a.button {
	margin: 0;
	padding: 0;
    background: transparent url('/wsimages/bg_button_a.gif') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
	font-family: Trebuchet MS;
	font-size: 11px;
	font-weight: bold;
    height: 19px;
    margin-right: 6px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
	font-size: 11px;
}

a.button span {
    background: transparent url('/wsimages/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 3px 0 2px 7px
}
#lLoginFormContentPassword a.button {
	position: absolute;
	top: 29px;
	left: 211px;
}
* html #lLoginFormContentPassword a.button {
	left: -30px;
	top: 32px;
}
* html div#loginError {
	left: -30px;
}
#lLoginFormTitle {
	padding-bottom: 0;
}