/* ====================================================================
GLOBAL STYLESHEET
-------------------------------------------------------------------- */
body { margin:0; padding:0; font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; background:#363941 url(../images2/bg_grad.jpg) 0 0 repeat-x; color:#999; font-weight:normal; font-style:normal;}

a { color:#6db345; text-decoration:none; outline:none; -moz-outline-style:none;}
a:hover { color:#19ccd1; text-decoration:underline;}
img { margin:0; padding:0; border:0;}

ul li { list-style-image:url(images2/arrow_01.gif); margin-bottom:0.3em;}

h1#logo { display:block; height:40px; margin:0; padding:40px 0 0 0; overflow:hidden; height:0px !important; height /**/:40px; background:url(../images2/logo.png) 0 0 no-repeat;}
h1#logo a { display:block; width:171px; height:40px; position:absolute; top:2em; left:0; background:0;}
h1#logo span { display:none}

h3, h4, h5, h6 { clear:both; margin:0;}
h3 { color:#fff; font-size:1.6em; font-weight:normal;}
h4 { color:#fff;}

/* ====================================================================
TEMPLATE
-------------------------------------------------------------------- */
#container {}
#container #container-inner { position:relative; width:90em; margin:0 auto;}

#login, #register { float:left;}
#login { width:45%; margin-right:5%;}

#header { margin-bottom:2em; border-bottom:1px solid #999;}

#footer { clear:both; float:left; width:100%; margin-top:3em; padding:1em 0; background:#40434b url(../images2/footer_bg.png); border-top:2px solid #5e6167; border-bottom:1px solid #5e6167;}
/*#footer { position:absolute; bottom:0; width:100%;}*/
#footer .inner { width:90em; margin:0 auto; padding-bottom:1em;}
#footer #copyright { text-align:center;}
#footer #copyright a { color:#999;}

/* ====================================================================
TEMPLATE ELEMENTS
-------------------------------------------------------------------- */
#header .left { height:6em; padding-top:2em;}
#header .right { position:absolute; top:0; right:0;}

/* Text Sizing */
#center .inner { font-size:1.2em;}

/* ====================================================================
LOGIN FORMS
-------------------------------------------------------------------- */
.intro { width:500px; padding-bottom:1em; border-bottom:1px dotted #999;}
.sep-or { clear:both; float:left; width:20em; margin:0 0 1em 150px; text-align:center;}

#login h3 { display:block; width:89px; height:24px; margin:0 0 24px 0; padding:24px 0 0 0; overflow:hidden; height:0px !important; height /**/:24px; background:url(../images2/login/t_login.gif) 0 0 no-repeat;}
#register h3 { display:block; width:124px; height:24px; margin:0 0 24px 0; padding:24px 0 0 0; overflow:hidden; height:0px !important; height /**/:24px; background:url(../images2/login/t_register.gif) 0 0 no-repeat;}
#forgot-password h3 { display:block; width:382px; height:24px; margin:0 0 24px 0; padding:24px 0 0 0; overflow:hidden; height:0px !important; height /**/:24px; background:url(../images2/login/t_forgot-password.gif) 0 0 no-repeat;}
#reset-password h3 { display:block; width:237px; height:24px; margin:0 0 24px 0; padding:24px 0 0 0; overflow:hidden; height:0px !important; height /**/:24px; background:url(../images2/login/t_reset-password.gif) 0 0 no-repeat;}
#change-password h3 { display:block; width:289px; height:24px; margin:0 0 24px 0; padding:24px 0 0 0; overflow:hidden; height:0px !important; height /**/:24px; background:url(../images2/login/t_change-password.gif) 0 0 no-repeat;}

a.register { display:block; width:125px; height:30px; margin:0; padding:30px 0 0 0; overflow:hidden; height:0px !important; height /**/:30px; background:url(../images2/button_form_create-account.png) 0 0 no-repeat;}
a.register:hover { background-position:0 -30px;}

form fieldset { margin:0; padding:0; border:0;}
.form-item { clear:both; float:left; width:100%; margin-bottom:1em;}

form label { display:block; clear:both; float:left; width:140px; margin-right:10px; font-weight:bold; line-height:20px;}
form input { float:left; width:20em; border:2px solid #fff;}
form .description { clear:both; margin:0 0 0 150px; padding-top:2px; font-size:0.8em;}
form .description.confirm { margin-top:20px; margin-bottom:1em;}

form input.button { clear:both; width:125px; height:30px; margin:0 20px 0 150px; padding-top:30px; background:url(../images2/button_form_login.png) 0 0 no-repeat; border:0; font-size:1em;}
form input.button:hover { background-position:0 -30px; cursor:pointer;}
form input.button.register { background-image:url(../images2/button_form_create-account.png);}
form input.button.agree { background-image:url(../images2/button_form_agree.png);}
form input.button.cancel { background-image:url(../images2/button_form_cancel.png);}
form input.button.send { background-image:url(../images2/button_form_send.png);}
form input.button.reset { background-image:url(../images2/button_form_reset-password.png);}
form input.button.change { background-image:url(../images2/button_form_change-password.png);}
form a.cancel { float:left; line-height:30px;}

/* login */
form#form-login label { width:70px;}
form#form-login input { width:150px;}
form#form-login input.button { width:125px; margin-left:80px;}
a.forgot { margin-left:80px; font-size:0.8em;}

/* errors */
.messages { margin-bottom:2em; background:#30565e; border:1px solid #19ccd1; color:#19ccd1;}
.messages li { list-style-image:url(../images2/arrow_03.gif); margin-bottom:0.5em;}
form input.error { border:2px solid #19ccd1;}