@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #dbdbdb;
	color:#747474;
}

#centerbox {
    position:absolute;
    border:none;
    top:15%;
    right:25%;
    bottom:25%;
    left:25%;
    padding:25px;
    margin:25px;
    }


#error {
	display:none;
	background:url(../images/error_bg.gif) repeat-y;
	font-size:12px;
	color:#2b2b2b;
	width:663px;
	margin:20px auto 0 auto;
}
#error ul {margin:8px 0 8px 70px;}
#error .bottom {padding: 10px 0 10px 0; background:url(../images/error_bottom.gif) no-repeat bottom;}
#alert {
	display:none;
	background:url(../images/alert_bg.gif) repeat-y;
	font-size:12px;
	color:#2b2b2b;
	width:663px;
	margin:20px auto 0 auto;
}
#alert ul {margin:8px 0 8px 70px;}
#alert .bottom {padding: 10px 0 10px 0; background:url(../images/alert_bottom.gif) no-repeat bottom;}
#success {
	display:none;
	background:url(../images/success_bg.gif) repeat-y;
	font-size:12px;
	color:#2b2b2b;
	width:663px;
	margin:20px auto 0 auto;
}
#success ul {margin:8px 0 8px 70px;}
#success .bottom {padding: 10px 0 10px 0; background:url(../images/success_bottom.gif) no-repeat bottom;}
#success.show, #error.show, #alert.show {display:block;}

#box {
	background:url(../images/box_bg.gif) no-repeat;
	width:685px;
	height:301px;
	margin:20px auto 0 auto;
}
#logo {
	width:267px;
	height:301px;
	float:left;
}
#logo img{padding:75px 0 0 50px;}
#form {
	padding:50px 0 0 36px;
	float:left;
	font-size:12px;
}
#form li {
	clear:both;
	margin:0;
	overflow:hidden;
	padding-bottom:5px;	
}
#form ul li label {
	width:68px;
	padding-top:4px;
	display:block;
	float:left;
}
#form ul li div.checkboxes {
	margin:7px 0 7px 68px; 
	width:285px; 
	overflow:hidden;
}
#form ul li div.checkboxes div input[type=checkbox] {
	float:left;
	padding-right:4px;
}
#form input[type=checkbox] {
	width: 13px; /* for IE */
	height: 13px; /* For IE */ 
}
#form ul li div.checkboxes div {float:left; padding-top:3px;}
#form ul li div.checkboxes div label {width:110px; padding:0px 0px 0px 4px; font-size:11px;}
#form input[type=text] {
	border: solid 1px #bababa;
	background: #f9f9f9;
	width:191px;
	height:24px;
	color:#333;
}
#form input[type=password] {
	border: solid 1px #bababa;
	background: #f9f9f9;
	width:191px;
	height:24px;
	color:#333;
}
#form select {
	border: solid 1px #bababa;
	background: #f9f9f9;
	width:160px;
	height:24px;
	font-size:11px;
	color:#333;
}
#form input.error {border:solid 1px #ff9b9b;}
.button {padding:10px 0 0 230px;;}
.lostpassword a, .lostpassword a:hover, .lostpassword a:active {
	color:#f79910; 
	font-size:10px; 
	text-decoration:none; 
	padding:8px 0 0 5px;
}
#footer {
	width:685px;
	margin:0 auto;
	text-align:right;
	color:#999999;
}
#footer a, #footer:active {color:#999999;}
#footer a:hover {color:#525252;}
.poweredby {padding-right:30px;}