/*************************************** GLOBAL *************************************************/


html {
	height:100%;
	background-color: #FFFFFF;
}
body {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	text-decoration: none;
	margin:0;
	padding:0;
	line-height:1.1;
}
body#bd{
	background:#C9D8EB;
}
a, a:visited {
	color:#000;
	text-decoration:none;
}
.span{
	color:#FFF;
}
a:hover {
	text-decoration:underline;
}
h1, h4, h5, h6,h2,h3{
	color: #363B74;
	line-height: 1em;
}
h1 {
	font-size: 36px;
	color: #878787;
}
h2 {
	font-size: 28px;
}

ul, ol { 
	margin: 0;
}

.inputbox { width:170px; float:left;}

p{
	padding:0;
	margin:12px 0;
}

img{
	border:none;
}

img.introimg{
	border:none;
	float:left;
	padding:0 5px;
}

img.member { padding:0 0 0 5px;}

.clr{ clear:both;}

/*************************************** LAYOUT *************************************************/

.wrapper{
	width:934px;
	margin:auto;
	position:relative;
}

#header{
	width:100%;
	float:left;
	height:97px;
	background:url(../imgs/login_page/header-bg.png) repeat-x;
	overflow:hidden;
}

#logo{
	position:absolute;
	top:30px;
	left:6px;
}

#header-right{
	position:absolute;
	top:25px;
	right:0;
	text-align:right;
}

#header-right a, #header-right a:visited {
	text-decoration:underline;
	font-size:16px;
	color:#3b3e72;
	line-height:1.3;
}

#header-right a:hover, #header-right a:focus {
	text-decoration:none;
}


.phone{ font-size:25px; color:#000;}

/* Leftcol*/
#leftcol {
	width: 400px;
	overflow:hidden;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: left;
}


#leftcol h1{}
#leftcol h2{ font-weight: normal; margin: 0; }
#leftcol h3{}
#leftcol h4{}
#leftcol h5{}

.title{ font-size:16px; padding: 0 13px 3px 13px; line-height:1.1;}

.left-content { font-size:14px; padding:5px 21px;} 
.left-content2{ font-size:14px; padding:5px 13px;} 

#leftcol label,
#maincol label {
	text-transform: lowercase;
	color: #787878;
}

span.button-l{
	background:url(../imgs/login_page/button-l.png) 0 0 no-repeat;
	padding:0;
	margin:5px 0 0 0;
	display:block;
	float:right;
}

#leftcol .button{
	background:url(../imgs/login_page/button-r.png) 100% 0 no-repeat;
	padding:8px 0 12px 0;
	cursor:pointer;
	margin: 0;
	text-align:center;
	color:#fff;
	border:none;
	width:120px;
	line-height:13px;
	font-size:11px;
	font-weight:bold;
	text-indent:-6px;
	float:left;
}

/* Main col*/

#maincol{
	width:400px;
	float:right;
	overflow:hidden;
	adding:20px 0 0 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.regbox-left{ width:310px; float:left; margin: 0 10px 0 0;}
.regbox-left label { text-align:right; display:block;}
.regbox-right{ width:250px; float:left;}
.regbox-right .remember{ margin:0 5px 0 0;}
#maincol .button{
	background:url(../imgs/login_page/button-r.png) 100% 0 no-repeat;
	padding:8px 0 12px 0;
	cursor:pointer;
	margin: 0;
	text-align:center;
	color:#fff;
	border:none;
	width:74px;
	line-height:13px;
	font-size:11px;
	font-weight:bold;
	text-indent:-6px;
	float:left;
}

a.term, a.term:visited{ color:#314671; text-decoration:underline; font-weight:bold;}
a.term:hover, a.term:focus{ color:#314671; text-decoration:none;}

#maincol ul{ list-style:none; margin:0; padding:0;}
#maincol ul li { background:none; line-height:1.1; display:block; width:100%; float:left; padding:4px 0; margin:0 0 0 10px;}
#maincol ul li img { float:left;}
#maincol ul li span{ margin:3px 0 0 0; float:left; padding: 0 5px;}

#maincol h1{ }
#maincol h2{ font-weight: normal; margin: 0; }
#maincol h3{ }
#maincol h4{}
#maincol h5{}
#maincol h6{}

/*#footer{
	width:100%;
	float:left;
	background:url(/images/login_page/page-bottom.png) center top repeat-x;
	height:92px;
}*/

.info{
	padding:20px 0 20px 0;
	text-align:center;
	float:left;
	width:100%;
	color:#000;
	font-size:13px;
	background:url(../imgs/login_page/sep.png) center top no-repeat;
}

.info a, .info a:visited{ color:#000; text-decoration:underline;}

.info a:hover, .info a:focus { text-decoration:none;}

fieldset { border:0px; }
#loginbox { padding-bottom: 70px; font-size: 12px; }
#loginbox table { width: 100%; border-collapse: collapse; }
#loginbox table  table { width: auto; }
#loginbox table .field { text-align: left !important; }
#loginbox table label { float: left; color: #787878 !important; }
#loginbox td { padding: 0; background-color: transparent; }
#loginbox center { text-align: right; margin: 6px 0; } 
#loginbox .field, #loginbox a { font-size: 12px !important; }
#loginbox a { color: #787878; text-transform: lowercase; text-decoration: underline; }
/*#loginbox #login_message { color: #363B74 !important; }*/
#loginbox table table table td { white-space: nowrap; width: 1px !important; padding-right: 2px; }
#loginbox table table td + td { width: 1px !important; }
#loginbox table table td:first-child { text-transform: lowercase; }
#loginbox br { display: none; }


#login_page {
	color: #787878;
	max-width:826px; 
	margin: 0 auto 42px;
}

#login_welcome {
	font-weight: normal;
	text-transform: uppercase;
	margin: 32px auto 42px;
	padding: 0 0 1.15em 0;
	line-height: 36px;
	background: url(../imgs/dotted_divider.png) repeat-x 50% 100%;
}
#login_welcome .accent {
	text-transform: none;
}

.dlgtitle {
	color: #00A3E3;
	text-transform: uppercase;
}
#loginbox .dlgtitle {
	display: none;
}
#login_page input[type=text],
#login_page input[type=password] {
	height: 22px;
	border: 1px solid #C8C8C8;
	border-radius: 0; 
	padding: 1px 3px;
	margin: 0;
}
#login_page input[type=submit] {
	font-size: 16px;
	font-weight: bold;
	color: white;
	width: 185px;
	line-height: 38px;
	height: 38px;
	padding: 0;
	margin: 2em 0 0;
	border: 0; 
	background-color: #363B74;
	cursor: pointer;
	text-transform: uppercase;
}
#login_page input[type=submit]:disabled {
	background-color: #ECEAE8;
}
#login_page input[name=create_account], 
#login_page input[name=login_submit] {
	position: absolute;
	bottom: 0;
	left: 0;
}
#login_page font {
	color: inherit;
	font-size: inherit;
}
#strengthval {
	color: #BF311A;
	text-transform: lowercase;
}

#leftcol input[type=text],
#leftcol input[type=password],
#maincol input[type=text],
#maincol input[type=password] {
	float: right;
	width: 180px;
	margin: 4px 0;
}
.normalCase {
	text-transform: none !important;
}
#verisign {
	float: right;
	margin-bottom: -8px;
	width: 100px;
	height: 72px;
}
#signupterms {
	color: #787878;
	font-size: 11px;
}
#signupterms a {
	color: #787878;
}
#reg_err {
	color: #787878 !important;
	argin-bottom: 1em;
}
#reg_err table {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}
.value {
	color: #787878 !important;
}
.push { height:0; }

#login_page .preset {
	display: none;
}
#login_page.reset .preset {
	display: block;
}
#login_page.reset .regular {
	display: none;
}
#login_page.reset #maincol h2, 
#login_page.reset #maincol .accent {
	color: #BF311A;
}
#login_page.reset #loginbox input[type=submit] {
	background-color: #BF311A;
}
#login_page #login_message {
	/*display: none;*/
}
