/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

/* General Styles */
label{ cursor:pointer; }
a,a:visited{ color:#00f; text-decoration:none; }
a:focus,a:hover{ text-decoration:underline; }
body{ color:#000; font-family:Arial,Helvetica,sans-serif; background:#e0ecfc; }

/*Wrapper*/
#wrapper{ margin:0 auto; width:429px; position:relative; }
	#wrapper h1{ margin:20px 0 0 37px; font:bold 18px "Arial Black",Gadget,sans-serif; color:#4a4a4a; text-transform:uppercase; }
	.sub{ padding:2px 0 2px 200px; font:bold 12px "Arial Black",Gadget,sans-serif; color:#808080; text-transform:uppercase; }

/*Content*/
#content-tb{ width:100%; height:23px; background:url(../images/wrapper-top-bg.png) no-repeat top; }
#content{ width:429px; padding:10px 0; background:url(../images/wrapper-main-bg.png) repeat-y; overflow:auto; }

/*Form*/
#login{ width:358px; border:1px solid #d0cac5; background:#f2ede9; margin:0 auto; overflow:auto; }
	#login form{ padding:10px 17px; border-left:1px solid #fff; border-top:1px solid #fff; }
	#login h2{ font-size:16px; font-weight:bold; color:#595959; }
	#login p{ margin:10px 0; }
	#login span{ width:319px; height:26px; display:block; margin:3px 0; background:url(../images/input-bg.gif) no-repeat; display:block; }
	#login input{ padding:4px; font-size:12px; color:#808080; background:none; border:0; font-weight:bold; }
	#login label{ font:bold 11px Verdana,Geneva,sans-serif; color:#808080; }
	.pass,
	.pass:visited{ text-decoration:underline; font-size:12px; color:#5257be; float:left; line-height:270%; }
	.pass:hover{ text-decoration:none; }
	.button{ float:right; width:68px; margin:0 0 20px; height:30px; cursor:pointer; display:block; background:url(../images/login-button.gif) no-repeat; border:none; text-indent:-9999em; }
#content-bb{ width:100%; height:23px; background:url(../images/wrapper-bot-bg.png) no-repeat bottom; }

.pass2,
.pass2:visited{ text-decoration:underline; font-size:12px; color:#5257be; float:left; }
.pass2:hover{ text-decoration:none; }

/*Footer*/
#footer{ margin:25px 30px 0; text-align:right; font-size:11px; color:#808080;}
	#footer img{ margin:0 4px 0 0; }
	#footer span{ color:#154a8d; }

.bg{ min-height:100%; min-width:1024px; width:100%; height:auto; position:fixed; top:0; left:0; }
@media screen and (max-width:1024px){
	.bg{ left:50%; margin-left:-512px; }
}