/*
Title:      BLS Homepage - master screen styles
Author:     Doug Seidl
Copyright:  2013, All rights reserved.
*/

/* Reset Styles
--------------------------------------------- */
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;font-size: 100%;vertical-align: baseline;border: 0;outline: 0;background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse;border-spacing: 0;}
hr {height:1px; display:block; background-color:#666; border:none; padding:0; margin:0;}

/* Master Styles
--------------------------------------------- */

body {
	background:#dce0e0;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight:400;
	font-size: 100%;
	color:#444;
	}
html,body {height:100%;}

p {font-size:14px; font-weight:400; line-height:1.3em;}

a:link, a:visited {text-decoration: underline; color: #1d83b5; -webkit-transition: color .2 ease; -moz-transition: color .2 ease; -o-transition: color .2 ease; transition: color .2 ease;}
a:hover {color: #54b4e3;}

/* Layout
--------------------------------------------- */
#header-wrapper {border-bottom: 1px solid #e3e3e3; height:110px;}
#header {margin:0 auto; padding:0 10px; height:110px; width:940px;}
#feature-area {margin:0 auto; padding:25px 10px; width:940px;}
#action-buttons-wrapper {height:60px;}
#action-buttons {margin:0 auto; width:940px; height:50px; text-align:center;}
#sub-features-wrapper {/*background: #faf3e6;*/}
#sub-features {margin:0 auto; padding:30px 10px; width:960px; text-align:center;}
#footer {margin:0 auto; padding:20px 10px; width:940px; text-align:center;}

/* Header
--------------------------------------------- */
#header a#logo {display:inline-block; background:url(../images/logo.png) left top no-repeat; margin-top:35px;}
#header a#logo:hover { background:url(../images/logo.png) left top no-repeat;}
#header a#logo h1 {display:none;}

#header h2 {color:#999; font-size:19px; font-weight:600; letter-spacing: -1px; display: inline-block; vertical-align: text-bottom; margin-bottom: 21px;}

#login-box {display:block; width:220px; height:90px; float:right; position:absolute; top:10px; background: url(../images/login_bg.png) center top no-repeat; text-align:center;}
#login-box h3 {display:block; position:relative; top:2px; text-align:center; color:#395469; font-size:14px; font-weight:600;}
#login-box .loginError {color:#F00; font-size:14px; font-weight:400; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);}
#homeLogin {margin:11px 0 0 0; padding:0; text-align:center;}
#login-id {width:90px; height:25px; margin:0; padding:0 3px; border:1px solid #ccc; display:inline; text-align:left; font-size:12px; font-weight:400; color:#3878b1; background-color:transparent;}
#login-password {width:90px; height:25px; margin:0; padding:0 3px; border: 1px solid #ccc; display:inline; text-align:left; font-size:12px; font-weight:400; color:#3878b1; background-color:transparent;}
.login-forgot {width:99px; height:19px; float:left; margin:8px 0 0 10px; font-size:11px; font-weight:400; color:#fff;}
.login-forgot a:link, .login-forgot a:visited {text-decoration: underline; color: #395469; -webkit-transition: color .7 ease; -moz-transition: color .7 ease; -o-transition: color .7 ease; transition: color .7 ease;}
.login-forgot a:hover {text-decoration:none;}
.login-submit {width:99px; height:21px; float:right; margin:6px 10px 0 0;}
.login-button {}
.login-button {
	background:#395469; width:99px; height:21px; border:none; cursor:pointer;
	text-align:center; color:#fff !important; font-size:11px; font-weight:600; text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
.login-button:hover { background:#eba626;}

/* Login input placeholder
-------------------------------------------------------------------------*/
#homeLogin input, #homeLogin textarea { color: #000; }
.placeholder { color: #777; }


/* Feature Area
--------------------------------------------- */

#main-feature {
	display: block; float:left; width:940px; height:250px; background:#fff url(../images/main-feature01.jpg) right top no-repeat;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
#feature-text {
	display:block;
	margin:10px 425px 10px 15px;
	}
#feature-text h2 {
	font-size:28px;
	font-weight:600;
	color:#395469;
	margin:0 0 10px;
	}
#feature-text p {
	font-size:17px;
	font-weight:400;
	line-height:1.5em;
	}
#feature-text p.testimonial {
	font-size:14px;
	font-weight:600;
	font-style:italic;
	color:#222;
	line-height:1.5em;
	margin-top: 15px;
	}
#feature-text p .test-name {
	font-size:12px;
	font-weight:400;
	font-style:normal;
	color:#666;
	}
.button-green {
	display:block;
	background:#497822 url(../images/button-green.jpg) center top no-repeat;
	width:275px;
	height:50px;
	margin:12px 0;
	padding-top:10px;
	color:#fff;
	text-align:center;
	font-size:18px;
	font-weight:300;
	}
#feature-text p.button-text {
	color:#fff;
	text-align:center;
	font-size:14px;
	font-weight:400;
	}
.button-green a.link {display:inline; font-weight:600; font-size:18px;}
.button-green a:link, .button-green a:visited {text-decoration: underline; color: #fff; -webkit-transition: color .7 ease; -moz-transition: color .7 ease; -o-transition: color .7 ease; transition: color .7 ease;}
.button-green a:hover {color: #aadf77;}

/* Side Feature
--------------------------------------------- */
#side-feature {
	display: block; float:left; margin-left:20px; width:200px; height:210px; background:#d3e0e8 url(../images/sidefeature_bg.jpg) center top repeat; padding:20px 10px; text-align:center;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
#side-feature h3 {font-size:20px; font-weight:600; color:#0661a5; margin:-3px 0 8px 0; line-height:1em;}

#side-form {margin:0; padding:0; padding:0; text-align:center;}
#side-email {
	width:180px;
	height:39px;
	padding:0 10px;
	margin:13px 0 10px 0;
	background-color:rgba(255, 255, 255, 0.75);
	border:0;
	font-size:13px;
	font-weight:400;
	color:#999;
	text-align:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.side-submit {width:200px; height:32px; }
.side-button {width:200px; height:32px; border:none; cursor:pointer; background:url(../images/side-button-up.png) center top repeat;
	text-align:center; color:#e2eaf1; font-size:13px; font-weight:400; text-shadow: 1px 1px 1px rgba(11, 88, 135, 0.9);
	}
.side-button:hover {background:url(../images/side-button-over.png) center top repeat; color:#fff; text-shadow: 1px 1px 1px rgba(11, 88, 135, 1.0)}

#side-feature .two {display:none;}
#error-toggle-on .one {display:none;}
#error-toggle-on .two {display:inline; color:#F00;}

/* Action Buttons
--------------------------------------------- */
#action-buttons ul {margin:0; padding:0; list-style:none;}
#action-buttons ul li {margin:0; padding:0; display:inline;}
#action-buttons ul li a:link, #action-buttons ul li a:visited {
	display: inline-block;
	background:url(../images/action-button-up.png) center top no-repeat;
	width:220px;
	height:35px;
	margin:0; padding:5px 0 0 0;
	text-align:center;
	color:#fff; font-size:20px; font-weight:400; text-shadow: 0 1px 1px rgba(0,0,0, 0.5); text-decoration:none;
	}
#action-buttons ul li a:hover {background:url(../images/action-button-over.png) center top no-repeat; text-decoration:underline;}

.signupbtn {
	display: inline-block;
	background:url(../images/action-button-up.png) center top no-repeat;
	width:220px;
	height:35px;
	margin:0; padding:5px 0 0 0;
	text-align:center;
	color:#fff !important; font-size:20px; font-weight:400; text-shadow: 0 1px 1px rgba(0,0,0, 0.5); text-decoration:none !important;border-radius: 5px;
}
.signupbtn:hover {background:url(../images/action-button-over.png) center top no-repeat; text-decoration:underline;}


/* Sub-features
--------------------------------------------- */
#sub-features h2 {
	font-size:24px;
	font-weight:400;
	color:#395469;
	margin:0 0 5px;
	}
#sub-features h3 {
	font-size:16px;
	font-weight:400;
	color:#666;
	margin-bottom:25px;
	}

#subfeature-1 {display: inline-block; width:240px; background:url(../images/sub-feature_1.jpg) center top no-repeat; padding:118px 0 0 0;}
#subfeature-2 {display:inline-block; width:240px; background:url(../images/sub-feature_2.jpg) center top no-repeat; margin:0 25px; padding:118px 0 0 0;}
#subfeature-3 {display:inline-block; width:240px; background:url(../images/sub-feature_3.jpg) center top no-repeat; padding:118px 0 0 0;}

#sub-features h4 {
	font-size:18px;
	font-weight:400;
	color:#754e08;
	margin:0 0 5px;
	}
#sub-features p {
	font-size:13px;
	font-weight:400;
	line-height: 1.5em;
	}

.wrapper {
  width:100%;
  padding:25px 0 50px 0;
}
.container {
  width:940px;
  margin:0 auto 0 auto;
}
/* Footer
--------------------------------------------- */
#footer {
	font-size:12px;
	font-weight:400;
	color:#666;
	}
#footer p {
	font-size:12px;
	font-weight:400;
	color:#666;
	margin:0 0 5px 0;
	}
td.HEADER1 {
    background-color: #c6c6c5;
    color: white;
    font-weight: bold;
}
td {
    font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
    font-size: 13px;
}	

input[type='text'], input[type='password'], textarea, select {
       border:1px solid #CCC;
       background:#F4F4F4;
       border-radius:5px;
       padding:5px;
}
td {
       padding:5px;        
}
/* Misc
--------------------------------------------- */


/* IE7 hacks
--------------------------------------------- */