/*** COMMON STYLES ****************************************************************************************************************/

body {font: 62.5% arial,verdana,sans; text-align: left !important; } 
p { margin:5px 0 10px 0; }
.maincontent ul { margin-left:25px; list-style:inside; }
.maincontent ul li { margin:5px 0; }
h1 { font-size:3.5em; }
h2 { padding: 5px 15px 6px;  display:inline; float:left; font-weight:normal; font-size: 1.2em; color:transparent; }
h3 { font-size:1.166em; color:#0152e6;}
h4 { font-size:1.25em; padding:0.3em 0 0.4em 0 ;  }
input.text, select, textarea {font-size: 13px; border:1px solid #bababa; font-family: arial,verdana,sans;}
input.text , textarea {padding:1px 3px;}
input.exlong, textarea.exlong, select.exlong {width:568px;}
input.long, textarea.long, select.long {width:240px;}
input.medium, textarea.medium, select.medium {width:160px;}
input.short, textarea.short, select.short {width:110px;}
select {color:#000000;}
label {padding-left:15px;}
label.first {padding-left:0;}
img {border: 0;}
table {border-collapse:collapse;}
th {text-align:right;font-weight:normal;vertical-align:top;}

.floatleft {float: left;}
.floatright {float: right;}
.hidden {display: none; visibility: hidden;}
.nobg {background: none;}
.printonly {display: none; visibility: hidden;}
.clear {clear:both;}

a, h2 a, h3 a {text-decoration:none; color:#385d91;}
a:hover {text-decoration:none; color: #fd9e48;}

/*.logarea a, .logarea h2 a,.logarea  h3 a {text-decoration:none; color:#ffffff;}
.logarea a:hover {text-decoration:none; color: #37d0ff;}*/

div.sep {display:none;}
.contentarea .nobg {background:none;}

.iframe-header-placeholder {border:1px solid #E5EBEB;}


.banner img {padding-left: 20px;}

/*** SCREEN STYLES ****************************************************************************************************************/

.footerbg {background: url(images/bg_page.jpg) no-repeat scroll center 0px;}
.outer { margin: 0 auto; width:1008px; }
.main {float:left; width:1008px; padding: 0 0px; background:#fff; /*border:1px solid #e5ebeb;*/ }
.header {padding: 15px;width:1008px;float:left;}

.pagebg {
	border-right:1px solid #E5EBEB;
	border-bottom:1px solid #E5EBEB;
	padding:0 0px 40px 0px;
	position:relative;
	z-index:10 !important;
	float:left;
	width:1008px;
	margin-top:-3px;
}

.maincontent {/*float:right;*/ margin:0 auto;width:967px;font-size:1.2em;padding:0;}

.req {color:#d00;font-weight:bold;}

/* hidden text */
h1, a.btn, .footer .willogo .thelogo span {left:-999em;outline:none;position:absolute;display:block;overflow:hidden;}

/* accessible skip links */
div.skiplinks {text-indent:-999em;position:absolute;}

/* tooltips */
#ttip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; overflow:hidden; top:0; left:0; display:none; }
#ttip h3, #tip div { margin: 0; }

/* page structure */
.mainarea { float:left; width:640px; margin-right:10px; padding-top:5px; }
.extrainfoarea {background:url(images/component_header-Welcome.jpg) no-repeat scroll left top;  float:left; width:300px; padding-top:20px;}

/*   content */
.pagetop {width:593px; float:left;}
.contentarea {clear:both; float:left; width:597px; padding-top:10px;}
.contentarea h2 {background:url(images/component_header.jpg) no-repeat scroll left center;color:#545454; width:100%; font-size: 1.8em; letter-spacing: -1px;}


.categories {  float:left; width:291px; margin:0px 4px 0 0; }
.categories .catlist {float:left; width:274px; margin-top:4px; }
.categories .catlist .img {float:left; width:45px; padding-left:6px;}
.categories .catlist .text {float:left; width:214px;}
.categories .catlist .text h3 {font-size:1.466em; font-weight:normal;}
.categories .catlist p {margin:0 0 5px 0;}
.categories h2 {display:none;}
.categories .h2right { padding:10px 7px;  text-align:right; background: transparent url(images/component_header-categories.jpg) no-repeat scroll left top;}

.overflowbox {overflow:auto;float:left; width:291px; height:188px; background: #ffffff;}
.question {float:right; width:276px; padding:33px 10px 7px 0px; margin-left:6px; height:87px; background:transparent url(images/component_header-Ask-a-Question.jpg) no-repeat scroll left top;}
.search {float:right; background: url(images/ask_search_bg.jpg) no-repeat scroll 0 0; width:276px;padding:0px 7px; margin-left:6px; height:96px;}
.question h2  {display:inline; float:none; padding-top:2px; padding-bottom: 5px;}
.question h2 {display:none;}
.logarea h2 {display:none; float:none; padding-top:2px;}
.logarea .text h2 { color:#000000;}
.search h2{color:#666666; background: none;}
.pagetop .question .buttonline {margin:0px 0 3px 0;}
.pagetop .search .buttonline {margin:10px 0 3px 0;}
.search input.text {width:264px; margin-top:10px;}

.questions {float:left; width:592px; background:/*url(/images/listtop.gif) no-repeat right bottom*/ #f3f3f3f; padding:9px 0;}
.questions .img {float:left; width:90px;}
.questions .text {float:left; width:500px;}
.questions span, .logarea span {color:#fd9e48;}
.questions.noborder {background:#f3f3f3;}

.line {padding:2px 0 0 0;}

div.h2right { padding:6px 0 3px 0; margin:0; text-align:right; background:#ffffff;}
div.h2right select {margin-left:5px;}

.score { padding:10px 0; width:591px; float:left;}
.score .img {float:left; width:170px;}
.score .text { float:left; width:400px;}

.scoreboardbox {background:#ffffff; padding:8px; clear:both;}
.scoreboardbox h4{color:#505050;}

.box {width:576px; background:#f5f5f5; padding:8px; clear:both; float:left; margin-bottom:5px;}
.box .buttonline {margin-bottom:0;}

table {width:572px; }
table td {font-weight:normal;height:24px;}
table th.position {width:100px; text-align:center; font-weight:bold;}
table th.user { width:300px; text-align:center; font-weight:bold;}
table th.points {width:172px; text-align:right; padding-right:80px; font-weight:bold;}

table td.position {width:100px; text-align:center;}
table td.user { width:300px; text-align:center;}
table td.points {width:172px; text-align:right; padding-right:80px;}

table.yourposition td, table tr.me td {background:#ffd946; color:#000; }
tr.alt {background:#f5f5f5;}
p.tablebottom {border-top:1px solid #c3d4e4; text-align:right;padding-top:5px;}

.expertanswer {clear:both; float:left; width:568px; padding:12px; background:#e4e4e4; color:#000000; margin-bottom:14px;}
.expertanswer .img {float:left; width:165px;}
.expertanswer .text {float:left; width:390px;}
.expertanswer .bottom {clear:both; float:left; width:568px; padding:10px 0;}
.comment {float:right;}
.comment span {padding-left:20px; color:#000;}
.nutritionistsep {background:url(/images/expertline.gif) no-repeat right top;clear:both; display:block; height:1px; margin-bottom:5px;}
.formsub {color:#999;}


/* buttons */
div.buttonline { margin:10px 0; height:23px; clear:both; }
a.button {display:block; color:#fff; text-align:center; padding:2px 3px 0px 0; height:23px; display:block;font-weight:bold; font-size:1em; float:right; text-indent:-999em;}
a.more {background:url(/images/button/ten/more.gif) no-repeat left top; width:39px;}
a.ask {background:url(images/tbl_ask_question_btn.jpg) no-repeat left top; width:107px;}
a.ask:hover {background:url(images/tbl_ask_question_btn_on.jpg) no-repeat left top; width:107px;}

input.button {width:50px; height:25px; cursor:pointer; float:right; text-indent:-999em; color:#fff; overflow:hidden; font-size:0px; display:block;}
input.submit { background:#d8d8d8 url(images/tbl_ask_submit_btn.jpg) no-repeat left top; width:73px; }
input.submit:hover { background:#d8d8d8 url(images/tbl_ask_submit_btn_on.jpg) no-repeat left top; width:73px; }
input.ask { background:#d8d8d8 url(images/btn_askaquestion.gif) no-repeat left top; width:97px; }
input.signinaskquestion { background:#d8d8d8 url(images/tbl_sign_in_btn.jpg) no-repeat left top; width:160px; margin-right:9px; }
input.signinaskquestion:hover { background:#d8d8d8 url(images/tbl_sign_in_btn_on.jpg) no-repeat left top; width:160px; margin-right:9px; }
input.signingiveadvice { background:#d8d8d8 url(images/btn_signintoadv.gif) no-repeat left top; width:150px; margin-right:9px; }
input.signup { background:#d8d8d8 url(images/tbl_sign_up_btn.jpg) no-repeat left top; width:73px; }
input.signup:hover { background:#d8d8d8 url(images/tbl_sign_up_btn_on.jpg) no-repeat left top; width:73px; }
input.register { background:#d8d8d8 url(images/tbl_sign_up_btn.jpg) no-repeat left top; width:73px; }
input.register:hover { background:#d8d8d8 url(images/tbl_sign_up_btn_on.jpg) no-repeat left top; width:73px; }
input.cancel { background:#d8d8d8 url(images/tbl_cancel_btn.jpg) no-repeat left top; width:73px; }
input.cancel:hover { background:#d8d8d8 url(images/tbl_cancel_btn_on.jpg) no-repeat left top; width:73px; }



ul.paging {text-align:center; clear:both; padding:20px 0; font-weight:bold;  }
ul.paging li { display:inline;}
ul.paging a { display:inline-block; }
ul.paging a.on { color:#000;}

div.cat {float:left; width:400px;}
div.share {float:right; width:130px; padding-top:5px;}

div.advice {clear:both; }
div.advice textarea {width:584px; height:80px;}
a.policy {clear:both; padding-top:5px; float:left;}

/*  rhs   */
.expertslist {float:left; width:300px; margin-bottom:10px; }
.expertslist div.img {float:left; width:100px;}
.expertslist div.text {float:left; width:180px;}
.extrainfoarea .logarea div.buttonline {width:180px; clear:none; }

.extrainfoarea .logarea { background: #fef7da url(images/ask_welcome_bg.jpg) no-repeat left top; padding:12px; margin:10px 10px 20px 0px; float:left; width:276px; min-height:170px;}
.extrainfoarea .logarea .img {float:left; width:138px;}
.extrainfoarea .logarea .text {float:left; width:135px;}
.extrainfoarea .logarea .text h2 {padding-bottom:3px;}
.extrainfoarea .logarea .text input {float:none; margin:0 auto;}
.extrainfoarea .logarea .text a {clear:both; float:left; display:block; width:135px;}
.extrainfoarea .logarea p {color: #000000;}
.extrainfoarea .img-link {padding-top: 10px; padding-bottom: 10px;}
.registerline { padding-left:40px;}

.extrainfoarea .sep {margin-bottom:10px;}
.logarea button {float:none;}
.extrainfoarea .logged .img {width:85px;}
.extrainfoarea .logged .text {width:170px; padding-top:15px;}
.extrainfoarea .logged .bottom {clear:both; padding-top:10px; float:left;width:276px;}
.extrainfoarea input.submit {font-size:1em;}

.ad {float:left; width:300px; margin:10px 0;}



/* Google Mini Results */
/* Header */
.search_result_title_container h2.pagetitle {padding-bottom:4px; margin:0; float:left; }
.search_result_info {clear:both; border-top: 1px solid #5880a5; padding:5px 0 10px 0; }
.separator_horizontal {margin:0;padding:0; height:0px;}

/* Results */
.result_links_container {margin:0 0 10px 0;}
.result_links_title a {color: #5880A5; text-decoration:none; font-size:1.13em; font-weight:bold; }
.result_links {color:#5880a5; }
.result_links_content {margin:5px 0 0 0;}
.item {font-weight: normal;}
/* pagination */
.result_links_nav_content {text-align:center;}
.result_links_nav_content table {width:auto; margin:auto;}
.search_left {}
.search_mid {padding:5px;}
.search_mid .on {color:#000000;}
.search_right {}

#footeriframeholder {width:100%; margin:0 auto;}

.ajaxarea {padding-top: 10px;}



/*** THICKBOX POPUP STYLES ****************************************************************************************************************/

*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font:1.2em Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link {color: #999;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; text-align:left; top:50%; left:50%; padding:3px 10px 10px 10px; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }

#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; font-size:2.166em; }
#TB_closeAjaxWindow { padding:6px 2px 0px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_closeAjaxWindow a {vertical-align:top;}
#TB_closeAjaxWindow .closebutton { padding-top:2px;}
#TB_closeAjaxWindow a:hover {text-decoration:none;}
#TB_ajaxWindowTitle { float:left; padding:0px; color:#333333; font-size:1.666em; }
#TB_title { height:23px;}
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px;}
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; background:#dff0fe; }
.thankyou {clear:both; padding:20px 68px;}
.thankyou h2 { font-size:2.166em;}
.thankyou p { font-size:1.333em;}

/*#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }*/