/* 
  
PUBLIC SPECIFIC CSS

*/

#public h2 { font-size: 15px; font-weight: bold; color: #565656;}


/* RESET DEFAULT STYLING */
#public #content { background: none; }
#public { background: #fff !important;}
.public-wrapper { background: url('/images/public/pub-bg.gif') bottom repeat-x !important; padding-bottom: 40px; position: relative;}
/* END RESET */

/* NEW TOP BAR */

#pub-header { height: 62px; margin-bottom: 65px;}
#pub-header #logo {
	width: 250px;
	height: 57px; margin-top: 13px;
	background: url('/images/public/logo.gif') no-repeat;
}

#pub-header #logo a {
	display: block;
	width: 292px;
	height: 0;
	font-size: 1em;
	padding-top: 62px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('/images/public/logo.gif') no-repeat;
}

#pub-nav { float: right; list-style: none; margin: 38px 0 0 0; padding: 0; position: relative;}
#pub-nav li { margin: 0; padding: 0; width: 375px; clear:both; padding-bottom: 5px; }
#pub-nav input { border: 1px solid #d3d6d8; padding: 2px; color: #b8b8b8; width: 150px; }
#pub-nav input:focus { color: #000;}
.checkbox { border: none !important; padding: 0; margin: 0; float: none; width: 15px !important; }

#public-username { margin-right: 5px;}

.pub-login-box { border: none !important; width: 47px !important; position: absolute;top: 0; right: 0; margin-top: -1px;}



.pub-nav-sub { clear: both; }
.pub-nav-sub, .pub-nav-sub a { font-size: 11px; color: #9e9e9e;}
.pub-nav-sub a { text-decoration: underline;}
.pub-nav-sub input { display: block; float: left; margin-left: 0; }
.pub-nav-sub label { float: left; padding: 3px 0 0 3px;}
.pub-nav-sub .right { float: right; margin-right: 55px; padding-top: 1px;}
.pub-nav-sub .left { float: left;}


/* END NEW TOP BAR */

/* NEW FOOTER */

#pub-footer { width: 950px; margin: 0 auto 0 auto;clear: both;}
.pub-copyright { float: right; color: #565656;}

#pub-footer-nav { list-style: none; margin: 10px 0 0 0; padding: 0;float: left; font-weight: bold;}
#pub-footer-nav li { float: left; padding: 0 5px 0 0; margin: 0 10px 0 0 ;}
.first { padding-right: 0;}

/* END FOOTER */

#signup-box { width: 537px; float:  left;padding-top: 5px; border: 1px solid #c2d4e0; background: url('/images/public/signup/signup-box-bg.gif') top repeat-x #d2e4f0; }

.signup-extended { width: 570px !important; padding: 10px 15px 100px 15px; background: url('/images/public/signup/background-two.gif') top repeat-x #d8e7ef !important; }

.jheadline { position: relative; border-bottom: 1px solid #d9ddde; padding: 15px 0 0px 0; margin: 0 0 10px 0;}
.member-check-text { right: 0; position: absolute; bottom: 3px; margin: 0; color: #b6b7b9; font-size: 11px; }
.member-check-text a { font-weight: bold;}
.signup-extended h1 { font-weight: bold; margin-top: 0 !important; font-size: 28px;}

#signup-form-three { list-style: none; margin: 0; }
#signup-form-three li { padding: 22px 0 22px 0; clear: both; margin: 0; position: relative; height: 30px;}
#signup-form-three input { border: 1px solid #d7d9da; padding: 7px 5px 7px 5px; float: left; width: 187px; font-size: 17px; }
#signup-form-three label { font-weight: bold; color: #2f5ca5; float: left; margin-right: 10px; line-height: 33px; font-size: 16px; width: 90px; text-align: right; }

.example-text { clear: left; display: block; font-size: 11px; margin-left: 102px; padding-top: 2px; color: #b3b6b7; }
.help-text { width:  275px; height:  30px;background: url('/images/public/signup/help-arrow.gif') top left no-repeat; position: absolute; right: 0; }

.help-text { width:  275px; height:  30px; position: absolute; right: 0; }
.help-text span { width: 220px; position: absolute; right: 0; background: #fffdad; border: 1px solid #b3b49b; padding: 5px 5px 5px 5px; color: #4c4c4c;}
.help-text span strong { color: #fb4b38;}
.help-text-inactive { display:none;}
.continue-button { border: 0px !important; margin-left: 100px; padding: 0 !important; width: 158px !important; height: 38px !important; }

#signup-content-two { width: 330px; float: left; margin-left:20px;  height: 470px; position: relative;}

#signup-content-nav { margin: 15px 0 10px 0; padding: 0 0 25px 0; list-style: none; }
#signup-content-nav li { margin: 0; padding: 3px 2px 3px 2px; float: left; border-right: 1px solid #e0e0e0; }
#signup-content-nav li.last { border-right: none; }
#signup-content-nav li a { padding: 2px 5px 2px 5px; font-weight: bold; font-size: 13px;}
#signup-content-nav li.active a{ color: #fff; background: #7e9ee0;}
#signup-content-nav li.active a:hover { color: #fff;}
#signup-content-nav li a:hover { text-decoration: none; color: #36588c;}

.signup-content-blurb { clear: both; color: #425777; font-weight: bold; }

#signup-content { float: left; width: 355px; margin-left: 40px;}
#signup-content p { font-size: 14px; line-height: 18px; color: #666666;}
.signup-box { padding: 15px 60px 15px 50px; }

.signup-reason-block-new { color: #565656; font-size: 14px; list-style: none; padding: 0; margin-top: 50px; }
.signup-reason-block-new li { padding: 0 0 0 55px; height: 40px; margin-bottom: 30px; margin-left: 0;}

.learn-more-text {  position: absolute; bottom: 10px; color: #b4b4b4; font-size: 11px;  }

.voice-icon { line-height:  40px; background: url('/images/public/signup/advice-icon.gif') left center no-repeat;}
.qa-icon { background: url('/images/public/signup/qa-icon.gif') left center no-repeat; padding-top: 5px !important;}
.page-icon { background: url('/images/public/signup/page-icon.gif') left center no-repeat; line-height: 40px;}

#why-signup-heading {
	width: 320px;
	height: 0;
	font-size: 1em; margin-top: 0; margin-bottom: 0px;
	padding-top: 43px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('/images/public/signup/why-signup-heading.gif') no-repeat;
}

.signup-reason-block { margin-top: 35px; list-style: none; margin-left: 0px; padding-left: 0px; }
.signup-reason-block li { margin:  0px 0px 25px 0; padding-left: 70px;height: 40px; color: #666666; line-height: 15px; background: url('/images/public/signup/signup-reasons-block.gif') left top no-repeat;}
.signup-reason-block li span { display: table-cell; vertical-align: middle; height: 40px;}
.signup-reason-block p { margin: 0 !important;}
.both-opinions-icon { background-position: 0px -60px !important; line-height: 40px !important;}
.learn-icon { background-position: 0px -115px !important;}
.qanda-icon { background-position: 0 -175px !important;}
.question-icon { background-position: 0 -242px !important;}
.follow-icon { background-position: 0 -305px !important;}

.step-one { background: url('/images/public/signup/step-one.gif') 12px 12px no-repeat;}
.step-two { background: url('/images/public/signup/step-two.gif') 12px 12px no-repeat;}
.step-three { background: url('/images/public/signup/step-three.gif') 12px 12px no-repeat;}


#signup-box h3 { width: 100%;font-size: 18px;font-weight: bold; color: #595959; line-height: 18px; border-bottom: 1px solid #d9dcde; margin-top: 5px;  display: block; padding: 0 0 3px 0;margin-bottom:19px;}

span.label { font-weight: normal; font-size: 10px; color: #5aaadb; 
	padding-right: 10px; text-align: right; float: right; clear: both; line-height: 32px;
	}

.text-single { margin-bottom: 15px !important;}
.single-line { display: block; float: none !important; width: 407px !important; margin-top: 0px; text-align: left !important;}
.single-line-li { height: auto !important; padding-bottom: 10px !important; }
/* FORMS */

.signup-box ul { list-style: none;  }
.signup-box li { padding: 0; margin-left: 0; clear: both; height: 25px; line-height: 25px !important;}

.signup-box label { font-weight: bold; color: #4772b5; font-size: 12px; width: 75px; float: left; text-align: right;padding: 0px 10px 0 0; line-height: 14px;margin-bottom: 6px;}
.signup-box textarea { float: left; width: 326px;height: 75px; border: 1px solid #d3d6d8; padding:3px;}
.signup-box textarea.single-row { width: 426px; height: 75px; border: 1px solid #d3d6d8;}
.signup-box input { border: 1px solid #d3d6d8; padding: 3px;}

.agreement-area { position: absolute; bottom: 42px;}
.agreement-area input { float: left;}

.tos-disclaimer { color: #9e9e9e; font-size: 10px !important; float: left !important; width: 200px; line-height: 11px !important; padding-left: 10px; margin-top: 0;}
.tos-disclaimer a { color: #7c7c7c; text-decoration: underline; }

/* ---- HOMEPAGE START ---- */

#leftos-definition {
	width: 513px;
	height: 0;
	font-size: 1em;
	padding-top: 24px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('/images/public/homepage/leftos-def.gif') no-repeat;
}

#homepage-feature { border: 2px solid #d3d4d6; width: 684px; float: left; height: 287px; position: relative;}

#homepage-feature.opinions { background: url('/images/public/homepage/featurebox-opinions.gif') right top no-repeat #f2f5fb; }

/* SIGNUP CSS */

#homepage-signup { width: 225px;height: 272px; padding: 10px 10px 5px 10px;float: right; border: 2px solid #cbdae2; background: url('/images/public/homepage/signup-bg.gif') top repeat-x #dbeaf2;}

#signup-header {
	width: 219px;
	height: 0; margin: 0 0 20px 0;
	font-size: 1em;
	padding-top: 35px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('/images/public/homepage/signup-header.gif') no-repeat;
}

textarea, input { font-family: arial, helvetica, san-serif;}


#signup-form { margin: 0; padding: 0; list-style: none;}
#signup-form li { padding: 0 0 7px 0; margin: 0; clear: both; }
#signup-form label { font-weight: bold; color: #2f5ca5; padding: 3px 0 0px 0; font-size: 14px; }
#signup-form input { display:  block;clear: left;border: 1px solid #d3d6d8; width: 200px; margin-top: 3px; }
#signup-form span {  display:block; font-size: 10px; color: #686868; padding-top: 3px;}
#signup-form span strong { color: #4772bf;}

#homepage-signup-button {
	margin: 10px 0 10px 0 !important; width: auto !important; height: auto !important; border: none !important; float: left !important;
}


/* END SIGNUP */
/* HOMEPAGE SUB */

#homepage-sub { padding-top: 30px; }

#homepage-sub-nav { list-style: none; margin: 0; padding: 10px 0 10px 0; border-right: 1px solid #d9d9da; width: 160px; float: left;}
#homepage-sub-nav li { margin: 0; padding: 8px 0 8px 0; }
#homepage-sub-nav li a { font-weight: bold; font-size: 14px; padding-right: 40px;}
#homepage-sub-nav li.active a { background: url('/images/public/homepage/active-arrow.gif') right center no-repeat;}

#homepage-sub-content { width: 465px; float: left; margin-left: 30px; padding-top: 0px;}
#homepage-sub-content h3 { color: #425777; font-size: 16px; line-height: 22px !important; font-weight: bold;}



/* FEATURES ROLL OVERS */
#feature-nav { margin: 0; padding: 0; list-style: none; }
#feature-nav li { margin: 0; padding: 0;}

#feature-voices a { background: url('/images/public/homepage/feature-voices-rollover.gif') no-repeat; width: 284px; height: 66px; 
	text-indent:  -99999px; overflow: hidden; display: block; }
#feature-voices a:hover { background-position: -284px 0;}
#feature-voices.active a { background-position: -496px 0;}

#feature-opinions a { background: url('/images/public/homepage/feature-opinions-rollover.gif') no-repeat; width: 284px; height: 84px; text-indent:  -99999px; overflow: hidden; display: block;}
#feature-opinions a:hover { background-position: -285px 0;}
#feature-opinions.active a { background-position: -570px 0;}


#feature-learn a { background: url('/images/public/homepage/feature-learn-rollover.gif') no-repeat; width: 284px; height: 69px; text-indent:  -99999px; overflow: hidden; display: block;}
#feature-learn a:hover { background-position: -284px 0;}
#feature-learn.active a { background-position: -570px 0;}

.feature-learn a {  font-size: 18px; position: absolute; bottom: 15px; left: 25px; text-decoration: underline; }
.feature-learn a:hover { text-decoration: none;}


/* ABOUT PAGE */

#content-aside { width: 185px; float: left; }
#content-navigation { margin: 0; padding: 0; width: 120px; list-style: none; }
#content-navigation li { padding: 4px 0 4px 0; list-style: none; margin: 0;}
#content-navigation a { padding: 5px 4px 5px 4px; display: block; color: #565656; font-size: 15px; font-weight: bold;}
#content-navigation a:hover { color: #7E9EE0; text-decoration: none;}
#content-navigation .active a { color: #fff; background: #7E9EE0;}
#content-navigation .join-link a { color: #4D72CE; }
#content-navigation .join-link a:hover { color: #2f6597;}

#content-primary { width: 960px; float: left; }
#content-primary h2 { font-weight: bold; font-size: 22px; color: #4772B5; border-bottom: 1px solid #ddd; line-height: 24px; margin-top: 0px;}
#content-primary p { color: #758085; line-height: 15px;}

.team-member { clear: both; float: left; padding: 20px 0 20px 0;}
.team-content { width: 445px; float: left; }

.team-member h3 { margin-top: 0; font-size: 16px; font-weight: bold; color: #606060; }
.team-member h3 span { color: #4772B5; font-size: 11px; font-weight: 100;}
.team-member p { font-size: 11px; line-height: 14px !important;}

/* HOW IT WORKS */
#content-primary-hiw {float:left; width: 770px}
#content-primary-hiw h2{font-weight: bold; font-size: 22px; color: #4772B5; border-bottom: 1px solid #ddd; line-height: 24px; margin-top: 0px;}
#content-primary-hiw p{ color: #758085; line-height: 15px;}

#left-column-hiw {float:left; width: 428px; margin-bottom:50px;}

#question-text{float: left; display: inline; margin: 38px 1px 56px 0;}
#question-text h3{margin-top: 0; font-size: 16px; font-weight: bold; color: #606060; border-bottom:1px solid #D8D8D8; padding-bottom: 6px;}
#question-text p{color: #758085; line-height: 15px; margin:0;}

#Opinion-text{float: left; display: inline; margin:0;}
#Opinion-text h3{margin-top: 0; font-size: 16px; font-weight: bold; color: #606060; border-bottom:1px solid #D8D8D8; padding-bottom: 6px;}
#Opinion-text p{color: #758085; line-height: 15px; margin-bottom: 50px;}

#follow-system{float: left; display: inline; margin-top:66px; margin-bottom: 45px;}
#follow-system h3{margin-top: 0; font-size: 16px; font-weight: bold; color: #606060; border-bottom:1px solid #D8D8D8; padding-bottom: 6px;}
#follow-system p{color: #758085; line-height: 15px; margin:0;}

#points{float: left; display: inline; margin-top:19px; margin-bottom:50px;}
#points h3{margin-top: 0; font-size: 16px; font-weight: bold; color: #606060; border-bottom:1px solid #D8D8D8; padding-bottom: 6px;}
#points p{color: #758085; line-height: 15px; margin:0;}

#Sharing{float: left; display: inline; margin:0;}
#Sharing h3{margin-top: 0; font-size: 16px; font-weight: bold; color: #606060; border-bottom:1px solid #D8D8D8; padding-bottom: 6px;}
#Sharing p{color: #758085; line-height: 15px; margin:0;}

#right-column-hiw{float:right; width: 310px;}
#questions-image{float:right; display: inline; margin-top:50px;}
#questions-image img {border: 1px solid #DCDFE1;}
#opinions-image{float:right; display: inline; margin-top:49px;}
#opinions-image img {border: 1px solid #DCDFE1;}
#follow-system-image{float:right; display: inline; margin-top:50px}
#follow-system-image img {border: 1px solid #DCDFE1;}
#point-system-image{float:right; display: inline; margin-top:56px; margin-bottom:60px;}
#point-system-image img {border: 1px solid #DCDFE1;}
#sharing-image{float:right; display: inline; margin-top:94px;}
#sharing-image img {border: 1px solid #DCDFE1;}