/* @override http:// */
/*-------------------------------------------------------------------------------------
[Optimism Online Register/Login Stylesheet]

Project:	Finding Optimism
Version:	1.0
Created by:	DesignRL

------------------------------------------------------

[fonts]

	body: Arial, Helvetica, sans-serif;
	font-size: 14px;
	
[Colors]

	orange: #d77038;
	blue: #4169b2;

--------------------------------------------------------------------------------------*/


/* ==================== MAIN ==================== */

/* Universal --------- */
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:14px;}
img { border:0px; text-decoration:none; }
a { text-decoration:underline; color:#666; }
p { line-height:1.4em; margin:0px; padding:10px 0; }
form { margin:0px; padding:5px 0 0 0; }
h2 { margin:0px; padding:0px; font-weight:100; font-size:18px; }
hr { border-color:#DDD -moz-use-text-color #FFFFFF; border-style:dotted none none; border-width:1px medium medium; height:1px; }
small { color:#666666; }
/**/
.clear { clear:left; font-size:1px; line-height:0px; height:0px; }
.centered, #logo { display:block; text-align:center; }
.larger { font-size:16px; }
.error { display:block; }
/**/
#footer { text-align:center; padding:20px 0; }
#footer a { margin:0 5px; }
/**/
#content { }
.content-login { margin:0 auto; width:675px; }
/**/
#hdr a, #ftr dl a { text-decoration:none; }
/**/
#body { width:auto; background-color:#e2e2e2; }
#body div.center { background:none; width:960px; margin:0 auto; }
/**/
.box { background:url(../images/box-top-425x10.gif) no-repeat 0 0; padding:10px 0 0 0; width:425px; margin:0 auto; }
.box div.box_stretch { background:url(../images/box-stretch-425x10.gif) repeat-y 0 0; width:425px; }
.box div.box_bottom { background:url(../images/box-bottom-425x100.gif) no-repeat 0 bottom; padding:15px 25px 20px 25px; width:375px; }
.content-login div.box { float:left; }
/**/
form table { width:100%; }
form table td { padding:8px 0; }
form table td.label { text-align:right; padding:0 5px 0 0; font-size:16px; }
form table.register_table td.label { width:140px; padding-top:11px; vertical-align:top; }
form table td input { font-size:16px; color:#666666; }
form table td input { width:180px; }
form table td input.btn { width:auto; }
form table td label { font-size:11px; }
form table td label input { width:auto; }
form table td.inputbox { text-align:right; vertical-align:top; padding-right:8px; }
form table td.inputbox input { width:auto; margin:0px; }
/**/
p.highlight { background-color:#e6f5ff; padding:25px; font-weight:700; margin-top:10px; }
div.alert { font-size:12px; background:#fafafa url(../images/icon-alert-18x17.gif) no-repeat 8px 10px; border:1px solid #e4e4e4; padding:13px 10px 13px 30px; margin:10px 0 0 0; }
.tip { background:#e3f3ff; border:1px solid #c9dfff; padding:5px; margin:5px 0; text-align:center; display:block;}
.none { display:none; }
div.alert { width:80%; }
a.lnk-register { font-size:13px; background:url(../images/icon-alert-18x17.gif) 0 0 no-repeat; padding:0 0 5px 25px; text-decoration:underline; display:block; }
a.lnk-password { font-size:13px; background:url(../images/icon-password_15x16.gif) 1px 5px no-repeat; padding:5px 0 5px 25px; text-decoration:underline; display:block; }
/**/
#login-menu { margin:0 0 0 5px; padding:0px; list-style:none; width:245px; float:left; }
#login-menu li { margin:0px; padding:0px; width:245px; float:left; }
#login-menu li a { background-image:url(../images/login-btns-490x504.gif); background-repeat:no-repeat; display:block; width:245px; margin:0px; }
#login-menu li a span { display:none; }
/**/
#login-menu li.menu0 a { height:45px; background-position:0 0; }
#login-menu li.menu1 a { height:63px; background-position:0 -45px; }
#login-menu li.menu2 a { height:65px; background-position:0 -108px; }
#login-menu li.menu3 a { height:65px; background-position:0 -173px; }
#login-menu li.menu4 a { height:66px; background-position:0 -238px; }
/**/
#login-menu li.menu0 a:hover { background-position:-245px 0; }
#login-menu li.menu1 a:hover { background-position:-245px -45px; }
#login-menu li.menu2 a:hover { background-position:-245px -108px; }
#login-menu li.menu3 a:hover { background-position:-245px -173px; }
#login-menu li.menu4 a:hover { background-position:-245px -238px; }
/**/
.change { background:#e3f3ff; border:1px solid #c9dfff; padding:10px; margin:15px 0 8px 0; text-align:center; }
.error { background:#ffdfdf; border:1px solid #f99e9e; padding:10px; margin:15px 0 8px 0; color:#b50000; text-align:center; }

/**/
.captcha { height:110px; }
#recaptcha_widget { position:absolute; }
#recaptcha_image { position:relative; right:50px; }
span.back { position:absolute; display:block; text-align:right; width:420px; }
span.back a { position:relative; bottom:30px; font-size:12px; }





/* ==================== Modal ==================== */
#modal { background:#FFF; padding:20px; }
#modal h1 { margin:0px; }
/**/	
.terms { margin:0px; padding-bottom:20px; }
.terms a { color:#4169b2; }
.terms a:hover { color:#d77038; }
.terms dt { text-decoration:underline; font-weight:700; padding:20px 0 5px 0; }
.terms dt strong { font-size:18px; }
.terms dd { margin:0px; padding:0 0 10px 10px; }
.terms dd.highlight { background-color:#EEE; padding:10px; }