@charset "UTF-8";
body, form , p {margin:0; padding:0;}
body {
	font:10pt "Muli", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #EEEEEE;
}
div#logo p{display:none;}
div#logo {background:url(../images/training_logo.png) no-repeat; width:250px; height:95px; margin:0 auto 55px auto;}
div#logo h1 {font-size:18pt;}
div#logo h1  a {display:block; height:48px;}
div#logo h1 span {display:none;}

h1, h2 {margin:0; padding:0;}

#container {width:980px; margin:0 auto; padding-top:19px; height:355px}

label.smallInput { background:url(../images/bg_s_input.gif) no-repeat; width:168px;}
label.smallInput, label.mediumInput, label.largeInput {padding:4px 6px 0px 6px; height:23px; display:inline; margin:5px 0 0 0;}
label.smallInput input, label.mediumInput input, label.largeInput input {background:none; border:none;  font-size:0.9em; color:#666;}

#loginForm {background:url(../images/bg_loginBox.jpg) no-repeat; width:421px; height:265px; margin:0 auto 0 auto; padding:10px}
#loginForm h2 {color:#fff; display:block; width:200px; float:left; font-size:14pt}
p#forgotPass {float:right; margin-right:15px; margin-top:3px}
p#forgotPass a {color:#100d00;}
p#forgotPass a:hover {text-decoration:none;}
div#loginContainer {clear:both; width:100%; padding-top:25px; color:#666; padding-left:7px}

p#user, p#pass {margin-bottom:20px;margin-right:100px;text-align:right;}
p#email {margin-bottom:20px;margin-left:50px;}
p#forgot, p#error, p#message {margin-bottom:30px;text-align:center;margin-right:30px;}
p#error {color:#CC3333;}
p#remember, p#submit, p#register, p#prompt, p#retrieve {float:left; margin-right:30px; margin-bottom:20px}
p#register, p#prompt, p#retrieve {margin-top:20px;}
p#retrieve {margin-left:275px;}
p#register img {border:none;}
p#prompt {padding-top:6px;}
button, input.button {
	background:url(../images/button.png) no-repeat;
	width:82px;
	height:32px;
	line-height:32px;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	border:none;
	cursor:pointer;
}
	/** Message Boxes **/
	.errorBox, .successBox {
		padding-bottom:10px; width:480px; margin:10px auto; font-size:0.8em;
		}
	.errorBox {
		background:url(../images/bg_errBox.gif) no-repeat bottom;
		}
	.successBox {
		background:url(../images/bg_successBox.gif) no-repeat bottom;
		}
	.successBoxTop {
		background:url(../images/bg_successBoxTop.gif) no-repeat; height:6px;
		}
	.errorBoxTop {
		background:url(../images/bg_errBoxTop.gif) no-repeat; height:6px;
		}
	.errorIcon {
		background:url(../images/icon_error.gif) no-repeat 10px 10px;
		}
	.successIcon {
		background:url(../images/icon_success.gif) no-repeat 10px 10px;
		}
	.msgBoxContent {
		padding:10px 10px 10px 30px;
		}
	.msgBoxContent p {
		margin:10px 0;
		}
	.errorIcon p:first-child {
		color:#a84114;
		}
	.successIcon p:first-child {
		color:#669638;
		}
	.msgBoxContent p:first-child {
		margin:0px; 
		font-size:1.2em; 
		font-weight:bold;
		}
	.msgBoxContent p:last-child {
		margin-bottom:0;
		}

	.login_message {
		color:#ff0000;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
		margin-right: 100px;
	}