/*Table of Contents*/
	/*STYLES*/
		@import url(reset.css);
		/* Basic HTML */
		/* The Big Containers */
		/* Alternate Content Layouts */
		/* Header */
		/* Column One */
		/* Content Area */
		/* Column Two */
		/* Footer */
/* ********** */
/* Basic HTML */
/* ********** */
.pixel-bug{position: absolute; top: 0; left: -999em;}
body {margin: 0; padding: 0; font-family:arial,helvetica,verdana,sans-serif; font-size:63%; color: #42403c;}
h1,h2,h3,h4,h5{font-family: helvetica,arial,verdana,sans-serif; color: #42403c;}
h1 a,h2 a,h3 a,h4 a,h5 a {/*text-decoration: none; color: #42403c;*/}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover {text-decoration: underline;}
h1 {font-size:2.17em; margin:0 0 0.5em 0; padding:0; line-height:100%; color: #42403c;}
h2 {font-size:1.25em; margin:0 0 0.8em 0; padding:0 0 0.4em 0; line-height:1.2em; color: #005e3c; font-weight:bold; /* border-bottom: 1px #e8edf0 solid; */}
.homepage h2 {border-bottom: none;}
h3 {font-size:1.0em; margin:0 0 0.5em 0; padding:0; line-height:1.2em; font-weight:bold;}
h4 {font-size:0.95em; margin:0 0 0.5em 0; padding:0; font-weight:bold;}
h5 {font-size:0.95em; margin:0 0 0.5em 0; padding:0; font-weight:bold;}
.rssLink a{padding-right: 16px; background: url(../images/icon-rss.png) 100% 2px no-repeat;}
small {font-size: 92%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
sub{font-size: 0.7em; line-height: -1px; vertical-align: text-top; vertical-align : text-bottom;}
strong{font-weight: bold;}
em{font-style: italic;}
ul,ol {margin: 0; padding-left: 1.4em; overflow: hidden;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}

ul.contentList { margin-bottom: 1em; }
.content li {list-style-type:disc; margin-left:20px;}
.content .questionForm li {margin-left:0;}
.content ol li {list-style-type:decimal;}
.content .sidebar li, /*.content h2+ul li,*/ .whatspopular li, .whatsnew li {list-style-type:none; margin-left:0;}
p.footer, p.footnote, p.disclaimer { font-size: 90%; font-style: italic; padding-top: 5px; }
p.smalltext{ font-size:90%; }

#search_results ul li,
ul.page-tools li,
ul.pending li,
ul.questionForm li,
ul.nobullets li,
ol.nobullets li {padding-left: 0; list-style-type: none !important; list-style-image: none !important; background-image: none !important;}

form {margin: 0; padding: 0;}
hr {clear: both; border: 0; width: 100%; color: #000; background-color: #000; height: 1px; margin: 10px 0; padding: 0;}
/* ****************** */
/* The Big Containers */
/* ****************** */
#ada508  {position:absolute; margin-left:-9999em;}
#column-one {width: 120px; float: left; overflow: hidden;}
.content-well {padding: 20px; clear: both; overflow: hidden;}
#column-two {width: 220px; float: left; background-color: #ececec; overflow: hidden;}

/* ************ */
/* Content Area */
/* ************ */
.breadcrumbs{top: 156px; left: 200px; position: absolute; color: #fff;}
.breadcrumbs li{float: left; padding-right: 10px; list-style-type: none;}
.breadcrumbs a{color: #beda60; padding-right: 8px;}
.breadcrumbs a:hover{color: #fff;}
.flash{width: 9809px; height: 320px;}
.flash .buttons{width: 261px; margin-top: 220px; padding-left: 60px; float: left;}
.flash .buttons a{height: 40px; display: block; float: left; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999em;}
.flash .buttons a.not-sure{width: 118px;}
.flash .buttons a.select-topics{width: 121px;}
.flash .buttons a.select-topics:hover{width: 121px;}
/*.homepage .content{clear: both; padding-left: 20px; width: 714px; float: left; }
.homepage .col{padding: 0 6px 8px 0px; float: left; font-size:0.9em;}
.homepage .col-1{width: 220px; padding-left: 10px;}
.homepage .col-2{width: 210px; padding-left: 20px;}
.homepage .col-3{width: 210px; padding-left: 10px; background-image: none;}
.homepage .col-4{width: 246px; padding: 20px 0 0 0; margin-right: -6px; position: relative; overflow: hidden; background-image: none; }
.homepage .col-4 .sidebar{width: 186px; padding: 0 30px 110px 30px; clear: left; min-height:315px;}
.homepage .col-4 .signup{height: 170px; font-size: 1.1em; line-height: 1.2; color: #fff;}
.homepage .col-4 .signup h2{margin: 10px 0 4px 0;}
.homepage .col-4 .signup h3{margin-bottom: 3px; font-size: 1.1em; line-height: 1.0; color: #fff;}
.homepage .col-4 .signup p{margin-bottom: 10px;}
.homepage .col-4 .signup a{color: #fff;}*/

.videoBlock .col{width:200px; float:left; padding-left:15px;}

.videoBlock h2 { margin-bottom: 8px; }
.videoBlock h3 { color: #005E3C; font-weight: normal;}
.videoBlock {clear:left; padding-bottom: 20px; }

br.clearleft {clear:left;}

.homepage .col-4 .stayConnected{width: 217px; height: 96px; padding-left: 29px; position: absolute; bottom: 0; left: 0; }
.homepage .col h2{width: 193px; height: 60px; margin: 0 0 10px 0; padding: 0; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999em;}
.homepage .col h3{font-family: arial,helvetica,verdana,sans-serif;}
.homepage .col-4 h2{height: 24px; margin-top: 10px;}
.homepage .col-4 h2{height: 19px; margin: 10px 0 10px 0; padding: 0;}

.homepage .col-4 h2.my360 {}
.homepage .col-4 h2.feedthepig { background-image: url(../images/h2-sideHm-feedThePig.png); }

.homepage .col-4 .loginButton{float: left; margin-right: 10px; margin-bottom: 50px;}
.homepage .col-4 .feedThePig{float: left; margin-right: 10px; margin-bottom: 50px;}

.dateAndLink{padding-left: 0 !important;}
.dateAndLink li{list-style-type: none; padding-bottom: 20px;}
img.rate-this{padding: 0 0 10px 12px;}

/*ezstarrating extension overrides*/
.ratingStars{padding: 0 12px 24px 12px; background: transparent url(../images/bg-rateThis.png) top left no-repeat; font-size: 0.8em; overflow: hidden;}
.ratingStars p{margin: 0; clear: left;}
.ratingStars .label{float: left; padding: 1px 0 0 0; font-weight: bold; color: #fff;}
.ratingStars .ratingCount{display: none;}
.ratingStars ul{margin-bottom: 0 !important; float: left;}
ul.ezsr-star-rating{height: 20px;}
.ezsr-star-rating a, .ezsr-star-rating .ezsr-current-rating{padding-left:0px; height:20px !important;line-height:20px !important;}
.content .ezsr-star-rating li {margin-left:0;}

.video-player {margin:1em 0 2em;}

.quickPoll{padding: 6px 16px 0 16px; clear: left;}
.quickPoll h2{margin-bottom: 0; padding-bottom: 0;}
.quickPoll .pastPollsLink{float: right; margin: -20px 10px 0 0;}
.content .quickPoll li {padding-left:0; margin-left:0; padding-bottom: 0 !important;}
.quickPoll .col{width: 154px !important; padding: 8px 8px 0 10px; height: auto; min-height: inherit;}
.homepage .quickPoll .voteButton{margin-top: 4px;}
.homepage .quickPoll .col-4{padding-top: 0; text-align: right; background-image: none;}
.quickPollFooter{padding: 0; margin: 0 -16px; height: 20px; clear: left;}
.tease{width: 500px; padding: 10px 10px 0 10px; margin-bottom: 20px; overflow: hidden; font-size: 1.15em; color: #42403c;}
.tease img{float: left; margin-right: 10px;}
.tease p{margin: 0;}
.tease-footer{width: 520px; height: 10px; clear: both; position: relative; left: -10px;}
#commentForm .errorMsg {text-align:left;}
.comments{width: 720px; padding: 20px 20px 0 20px; margin-top: 20px; clear: both; overflow: hidden;}
.comments h2{padding-bottom: 12px;}
.comments h3{color: #027dfd;}
.comments h4 {font-size:1.25em; margin:0 0 0.03em; padding:0 0 0.3em 0; line-height:1.2em; color: #005e3c; font-weight:bold; padding-top: 12px;}
.comments .comment{position:relative; padding: 10px 0; overflow: hidden;}
.comments .comment .reply{float: right;}
.comments .comment .date{color: #8e8c8a;}
.comments .comment .flag {padding-left: 18px; position:absolute; top:28px; right:0; background: transparent url(../images/icn-commentFlag.png) 0 0 no-repeat;}
.comments #name{width: 200px;}
#author {margin:0; width:210px;}
#mathq {margin:0; width:110px;}
.comments #comment{width: 486px;}
#commentForm label {width:100%;}
#commentForm .button {clear:both;}
.comments .button{float: right; margin: 10px 80px 10px 0;}
.comments .errorMsg{color: #c00;}
.comments-footer{width: 760px; margin-left: -20px; height: 10px; clear: both;}
.left-col{float: left; padding-right: 20px;}
.right-col{float: left;}
#postedNote {clear:both;}

.homepage .col .highlightBox{width: 210px;}

.thumbLeft {overflow: hidden;}
.thumbLeft img{float: left; margin: 0 14px 20px 0;}

h2.qas{padding-left: 20px; background: transparent url(../images/icn-question-blue.png) 0 2px no-repeat;}
div.qas{margin: 0; padding: 0; overflow: hidden;}
div.qas div.qa{margin: 0; padding: 0 0 12px 20px; width:100%; clear:left; float:left; background: transparent url(../images/icn-questionDot-standard.png) 0 0 no-repeat;}
.qasubmitted {padding-bottom:28px;}

ul.qas{margin: 0; padding: 0; overflow: hidden;}
ul.qas li{margin: 0; padding: 0 0 12px 20px; background: transparent url(../images/icn-questionDot-standard.png) 0 0 no-repeat;}


h2.pending{padding-left: 20px; background: transparent url(../images/icn-question-green.png) 0 2px no-repeat;}
ul.pending{margin: 0; padding: 0; overflow: hidden;}
ul.pending li{margin: 0; padding: 0 0 14px 0; list-style-type: none; overflow: hidden;}
ul.pending .qaVote {width: 90px; height: 40px; margin-right: 12px; display: block; float: left; text-align: right; overflow: hidden;}
ul.pending .qaVote a{width: 80px; height: 30px; padding: 10px 10px 0 0; display: block; color: #fff; font-weight: bold; font-size: 1.6em; text-decoration: none;}
ul.pending .qaVote span{width: 80px; height: 30px; padding: 10px 10px 0 0; display: block; color: #fff; font-weight: bold; font-size: 1.6em; text-decoration: none;}
ul.pending .qaVote a:hover{color: #ffff99;}
ul.pending .voteCount { }
ul.pending .voted  { }
ul.pending .voteLoading { background: transparent; }

#headlines-block ul { padding: 0 0 0 0; }
#headlines-block li { padding-bottom: 12px; list-style-type: none; }
#headlines-block li .pubDate { display:inline; }
#headlines-block li .source { display:inline; color: #666; }

#rssfeeds_general,
#rssfeeds_topic,
#rssfeeds_lifestage{padding-bottom: 12px;}

#rssfeeds_general li,
#rssfeeds_topic li,
#rssfeeds_lifestage li{list-style-type: none; list-style-image: none; padding-bottom: 3px;}

.mathq.formField {max-width:400px !important;}
.mathq p {margin-bottom:10px;}
.captcha {width:400px !important; display:inline !important; text-align:left !important; float:left !important; margin:0 !important;}
.mathq input {float:none !important;}
.captcha {display:block !important;}
.mathq label {font-style:italic;}


/* ************************* */
/* Form layout */
/* ************************* */
.standard-form label{vertical-align: top;}
.standard-form span{display: block;	width: 20px; padding-right: 0pt; float: left; font-weight: bold; text-align: right; margin-left: -24px;}
.standard-form span.on, .standard-form span.on span.on { display: block; }
.standard-form span.errorMessages span { display: none; width: auto; clear: left; }
.standard-form span.on, .standard-form span.on span.on { display: block; }
.standard-form span.errorMessages,
.standard-form span.errorMessages span{width: auto; float: none; margin-left: 0;}

.login_form input.halfbox{width: 200px;}
.login_form label {width: 80px;}
.first_name label,
.last_name label,
.email label,
.password label,
.password_confirm label,
.state label,
.question label,
.locationID label,
.age label{width: 120px;}
.gender label{width: 120px;}
.buttonblock .button {margin:0; float:none; clear:left; width:auto;}

label.gender_label { width: auto; margin-right: 10px; }

.subscriptions label{font-weight: bold;}
.subscriptions p{width: 400px; margin-left: 24px; overflow: hidden; clear: left;}

.formMessages {margin-bottom:10px; padding:10px; width:410px; font-weight:bold; color:#005e3c; background:#f4f5db; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.formMessages p {margin:0;}

.questionForm{padding: 0;}
.questionForm li{padding-bottom: 12px; list-style-type: none;}
.questionForm label{padding-bottom: 4px; vertical-align: top;}
.questionForm input, .questionForm select, .questionForm textarea {clear:left;display:block;}

.questionForm span.errorMessages span{float:right;}

#QuestionSpinner {
	text-align:center;
}
#QuestionSuccess {
	margin-top:2em;
}

.errorMsg {color: red; font-weight: bold;} 

/*fix some rules that were breaking re-captcha layout*/
.content form #recaptcha_widget_div div{padding-bottom: 0;}
.standard-form #recaptcha_widget_div span{width: auto; margin-left: 0; font-weight: normal;}
.content form div.captcha div{overflow: visible;}

/* ************************* */
/* Search 					 */
/* ************************* */

/* search icons */
#search_results .article, #search_results li.other {padding-left:20px; background:url(../images/icn-news.png) no-repeat !important;}
#search_results .qa {padding-left:20px; background:url(../images/icn-question-blue.png) no-repeat !important;}
#search_results .tool-calculator, #search_results .tool-quiz {padding-left:20px; background:url(../images/icn-hammer.png) no-repeat !important;}

/* pagination */
.pagenavigator p {float:right;}
.next {padding-left:4px; float:right;}
.previous {padding-right:4px; float:left;}
.pages span {padding:0 4px; float:left;}
.pages > a {float:left;}

/* topic search */
#topicSelectTree {padding:20px; width: 400px; min-height:200px;}
.dhtmlxTree tr td:nth-child(3) {display:none;} /* hides folder graphic */		
#topicSelectTreeWrapper  {margin:10px 20px; padding:10px; width:400px; clear:left; background:#f5f5f5; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#topicSelectTreeWrapper h2 {color:#1c4a7a; border-bottom:solid 1px #d9dabd;}

		
/* ************************* */
/* Alternate Content Layouts */
/* ************************* */
.layout-default #column-one{}
.layout-default .content{}
.layout-default #column-two{}
.layout-noRightCol #column-one{}
.layout-noRightCol .content{}
.layout-noRightCol #column-two{display: none; visibility: hidden;}


/* **************/
/*SideBar Styles*/
/* **************/

.sidebar li.question{padding: 0 0 6px 18px; background-repeat: no-repeat; background-position: 0 1px; list-style-type: none;}

.subpage .sidebar li.question{background-image: url(../images/icn-question.png);}


/* POLL RESULT STYLE */
div.poll-result td.poll-resultbar td.poll-percentage, div.poll-result td.poll-resultbar td.poll-votecount{font-style: italic; font-size: 85%;}
div.poll-result td.poll-resultbar td.poll-percentage{text-align: left;}
div.poll-result td.poll-resultbar td.poll-votecount{text-align: right;}
div.poll-result p{font-weight: bold;}
div.poll-result div.chart-bar-resultbox{margin: 0.5em 0 0.5em 0; width: 100%;}
div.poll-result div.chart-bar-resultbar{height: 14px;}
div.poll-result td.poll-resultname{padding-right: 5px;}
div.poll-result td.poll-resultbar{padding-left: 5px;}
div.poll-result td.poll-resultbar table{width: 300px;}
div.poll-result div.chart-bar-resultbox{background-color: #eeeeee;}
div.poll-result div.chart-bar-resultbar{background-color: #444; /* This could also be a repeating background image */}

.content-poll-results ul{padding: 0 0 0 6px;}
.content-poll-results li{list-style-type: none; padding-bottom: 2px;}
.content-poll-results .option{font-weight: bold; padding-right: 12px;}
.content-poll-results .resultbar{height: 8px; background-color: #5B9851;}

#debug table{border-top: 1px #666 solid; border-right: 1px #666 solid; border-collapse: collapse;}
#debug table caption{color: #003794; text-align: center; padding: 0.4em;}
#debug th{background: #000; color: #fff; font-weight: bold;}
#debug td{background: #fff;}
#debug td,#debug th{padding: 0.4em; border-bottom: 1px #666 solid; border-left: 1px #666 solid; text-align: left;}
#debug tr.alt td{background: #ddd;}


/* **********/
/* FF Calcs */
/* **********/

#ffCalculatorContainer h2 { clear:left; }
#ffCalculatorContainer input[type=button] { float:none;}
#ffCalculatorContainer form {margin-bottom:10px;}

/* 360 dashboard */
.published {margin-left:22px; padding-right:5px; float:left;}
div.published+div.rating {padding-left:5px; border-left:solid 1px #d9dabd; float:left;}
li .title {padding-top:10px; padding-left:22px; clear:left; position:relative;}
#headlines-block li .title {padding:0;} /* disable for homepage */
.title .listIcon {margin-right:4px; position:absolute; left:0; top:10px;}

.pastqalist .qatitle {width:600px; margin-bottom: 0.6em;}

.widget { margin-right:20px; margin-top: 20px; max-width:220px; display: inline-block; vertical-align: text-top;}
.widget h1 { font-size:1.5em; line-height:1.125em; }
.widget > a { display: inline-block; font-weight: bold; padding: 0.75em 0 0.25em; text-decoration: underline; }
.widget textarea { min-height: 150px; width: 205px; }

/* Glossary */
.glossaryLinkBar {margin-top:10px; 
	font-weight:bold; font-size:112.5%; color:#aaa;}
.glossaryLinkBar a {margin:0 1px; padding:1px 3px;
	text-decoration:none;}
.glossaryLinkBar a:hover {color:#fff;
	background:#6a538c;}
.glossaryItems .letter {margin:20px 0 5px 20px; display:block; 
	font-size:1.5em;}
.glossaryItems li {margin-bottom:20px;
	list-style-type:none; list-style-image:none;}

#glossaryLookupBoxTitle {width:210px;}
#glossaryLookupBoxDefinition {line-height:1.3em; color:#555; z-index:9001;}

/* glossary */
.glossary {border-bottom:1px dashed #286797;}
/* If we want double underline instead:
.glossary {border-bottom:3px double #286797;} */
#glossaryLookupBox {display:none;position:absolute;z-index:9000;border:thin solid black;background-color:#fff;}
#glossaryLookupBoxContent{border-bottom:solid 1px #a8a8ab;background:url(../images/glossary-box-top.gif) no-repeat center top;width:250px;font-size:12px;margin:0px;color:black; z-index:90001;}
#glossaryLookupBoxTitle{font-weight:bold;text-align:left;padding:8px 8px 0px 8px;font-size:14px;}
#glossaryLookupBoxDefinition{text-align:left;margin:8px 8px 0 8px;}
#glossaryLookupBoxDefinition .glossary{border:0px;}
/* Close & Arrow need replaced with images. */
#glossaryLookupBoxClose{background-image:url('placeholder.jpg');cursor:pointer;position:absolute;right:8px;top:5px;width:9px;height:9px;font-size:10px;color:white;}
#glossaryLookupBoxArrow{background-image:url('placeholder.jpg');height:20px;color:black;font-weight:bold;display:none;;}

/* TEMP */
.content-view-embed .attribute-image img {max-width:100%;}