/*****  Styles for Main Content Section  *****/
div#mainContentTab sup { font-size: 11px; }
div#mainContentTab { margin: 0px 0px 0px 26px; width:448px; }
div#mainContentTab .pagenav { margin: 20px 0px 20px 0px; }
div#mainContentTab .pagenav .pagebtn { float: left; background-color: #d8ebfa; padding: 15px 15px 15px 15px; border-top: 1px solid #3c7cae; border-bottom: 1px solid #3c7cae; }
div#mainContentTab .pagenav a { line-height: 18px; font-weight: bold; font-size: 13px; color : #015495; text-decoration: none; }
div#mainContentTab ul.tabs 
{
	list-style: none;
	height:53px;
	width:448px;
    font-size: 13px;
    font-weight: normal;
    line-height: 14px;
    margin: 16px 0 0 0;
    padding: 0;	
}
div#mainContentTab ul.tabs li { float: left; height:53px; width: 143px; background: url(../images/img-tab-off.gif) no-repeat; padding: 0px; }
div#mainContentTab ul.tabs li a 
{
	text-decoration: none;
    color:#ececec;
    font-weight: bold;
    line-height: 14px;
	font-size: 13px;
    width: 104px;
    position: relative;
    top: 15px; 
    left: 10px;
    padding-right: 45px;
}
div#mainContentTab ul.tabs li a.active { color:#015495; }
div#mainContentTab ul.tabs li { background: url(../images/img-tab-off.gif) no-repeat; }
div#mainContentTab ul.tabs li.active { background: url(../images/img-tab-on.gif) no-repeat; }
div#mainContentTab ul.tabs li { background: url(../images/img-tab-off.gif) no-repeat; height:53px; width:143px; }
div#mainContentTab ul.tabs li.active { background: url(../images/img-tab-on.gif) no-repeat; height:53px; width:143px; }
div#mainContentTab ul.tabs li { background: url(../images/img-tab-off.gif) no-repeat; }
div#mainContentTab ul.tabs li.active { background: url(../images/img-tab-on.gif) no-repeat; } 
.tab_container { width:448px; background: url(../images/img-gradient-rptr.gif) repeat-x top left; background-color: #f5f9fc; }
div.bgBottom { width:448px; }

/*****  Styles for Welcome Sub-Section  *****/
#welcomeTab  
{
	background:url(../images/img-siluete-detrol-welcome.gif) no-repeat;
	position: relative;
	top: 16px;
	left: 15px;
	height: 560px;
}
#welcomeTab div.bgWelcomeTab 
{
	position: relative;
	top: 78px;
	left: 91px;
	width: 316px;
}	
#welcomeTab h2 { margin: 0px 0px 16px 0px; padding: 0; line-height: 18px; width: 316px;	font-weight: bold; font-size: 14px; color : #015495; }
#welcomeTab p { margin: 0px 0px 16px 0px; padding: 0; line-height: 18px; width: 316px;	font-weight: normal; font-size: 14px; color : #015495; }
#welcomeTab div.contentBtn { margin:35px 0 0 0; padding:0; width:398px; height:61px; }
#welcomeTab div.contentBtn p a#btnTakeQuiz { width: 114px; height: 38px; display: block; }
#welcomeTab ul { margin: 0 0 0 20px; list-style:none; font: 11px; padding:0; }
#welcomeTab ul li { font: 11px; color: #125488; }

/*****  Styles for Quiz Sub-Section  *****/
form#quiz { height: auto; clear: both; display: block; margin: 0; padding: 0; }
#symptomQuizTab { margin: 0px 0px 0px 16px; }
#symptomQuizTab ul, #symptomQuizTab li { padding-bottom: 0px; line-height: 18px; font-weight: normal; font-size: 12px; color : #595959;  }
#symptomQuizTab h3 { line-height: 18px; font-weight: normal; font-size: 12px; color : #595959;  }
#symptomQuizTab h2 { margin: 0px 0px 16px 0px; padding: 0; line-height: 18px; width: 408px;	font-weight: bold; font-size: 14px; color : #015495; }
#symptomQuizTab p { margin: 0px 0px 16px 0px; padding: 0; line-height: 18px; width: 408px;	font-weight: normal; font-size: 14px; color : #015495; }
#symptomQuizTab .sep { margin: 0px 0px 0px 0px; width: 408px; border-bottom: 2px dotted #015495; }
#symptomQuizTab .quizTabContent .keepThingTerxt { margin: 16px 0px 0px 0px; padding: 0; line-height: 18px; width: 408px; font-weight: normal; font-size: 13px; color : #9f9f9f; }
.quizTabContent div.contentBtn #btnShowScore { width: 118px; height: 33px; display: block; }
.tab_container #symptomQuizTab { padding: 20px 0px 20px 0px; }
.tab_container #symptomQuizTab ol { margin: 0; padding: 0; list-style: none; }
.tab_container #symptomQuizTab ol li ul#genero
{
    margin: 0;
    padding: 10px 0px 10px 0px;   
    width: 408px; 
    border-top: 2px dotted #015495;
    border-bottom: 2px dotted #015495;
}
.tab_container #symptomQuizTab li { padding-bottom: 0px; }
.tab_container #symptomQuizTab ol li { margin: 0; }
.tab_container #symptomQuizTab ol li.pad-bot { margin: 0; }
.tab_container #symptomQuizTab ol li p.showDisclaimerTitle
{
    margin: 0px 0px 0px 0px;
    padding: 16px 0px 0px 0px;
    border-top: 2px dotted #015495;
}
.tab_container #symptomQuizTab ol li ul.disclaimer { margin: 0; }
.tab_container #symptomQuizTab ol li ul.disclaimer li.xtraSpace { width: 120px; margin: 0; }
.tab_container #symptomQuizTab ol li ul.disclaimer li { width: 100px; margin: 0 10px 0 0; }
.tab_container #symptomQuizTab ol li.exsp { padding-top: 15px; }
.tab_container #symptomQuizTab ol li ul.disclaimer li.veryGreatDeal { width: 120px; margin: 0px 9px 0px 0px; padding-bottom: 15px; }
.tab_container #symptomQuizTab ol li ul {  margin: 0; padding: 0; overflow:hidden; }
.tab_container #symptomQuizTab ul.group { margin: 0 0 0 15px; padding: 0; width: 408px; } 
.tab_container #symptomQuizTab ol li ul li.errorMsg  
{
    color: #cb3553;
    margin: 0;
    padding: 0 15px 0 0;
    display: none;
    width: 110px;
	float: right;
}
.tab_container #symptomQuizTab ol li ul li.gen { width:110px; padding: 0 0 0 0; }
.tab_container #symptomQuizTab .arrow { padding: 5px 14px 0px 0px; } 
.tab_container #symptomQuizTab ol li ul li { list-style: none; display: block; float:left; }
.tab_container #symptomQuizTab ol li h3 { margin:6px 0 6px 0px; padding:0; }
.tab_container #symptomQuizTab ol li ul li { float: left; margin:0 0 0 0; }
.tab_container #symptomQuizTab ol li ul li label { margin:0 0 0 0; }
.tab_container #symptomQuizTab input { margin: 2px 18px 0px 4px; padding: 0; }
.tab_container #symptomQuizTab ol li ul#genero li no problem{ margin: 0; padding: 0; }
.tab_container #symptomQuizTab ol li ul#genero li#first
{
    font-weight: bold; 
    font-size: 14px; 
    color : #015495; 
    margin-left: 0px;  
    margin-right: 30px;   
}
.tab_container #symptomQuizTab ol li ul#genero li label { margin: 0; }

/*****  Styles for Show Results Sub-Section  *****/
div#showResult h1 { margin: 0; }
div#showResult h2 { margin: 0; width: 408px; } 
div#showResult h2.mid { margin: 0 0 20px 0; text-align: center; } 
div#showResult p { width:408px; margin: 0px 0px 20px 0px; }
div#showResult, div#showGetTipsAnwsers { display:none; }
div#showResult .pagenav { margin: 20px 0px 0px 0px; }
div#showResult .pagenav .mid { width:408px; text-align:center; background-color: #d8ebfa; padding: 15px 0px 15px 0px; border-top: 1px solid #3c7cae; border-bottom: 1px solid #3c7cae; }
div#showResult .pagenav a { line-height: 18px; font-weight: bold; font-size: 14px; color : #015495; text-decoration: none; }
div#resultsQuiz { width: 160px; background: #ffffff;  margin: 20px 0px 20px 116px; padding: 12px 0px 12px 16px; }
div#resultsQuiz h2 { vertical-align: middle; display: inline; margin: 0; padding: 0; font-weight: normal; font-size: 14px; color : #015495; line-height: 18px; }
div#resultsQuiz p { vertical-align: middle; display: inline; margin: 0; padding: 0; font-weight: bold; font-size: 24px; color : #999999; line-height: 32px; }

/*****  Styles for Get Tips Sub-Section  *****/
#GetTipTab { padding: 16px 0px 16px 0px; }
#GetTipTab .sep, #showGetTipsAnwsers .sep { margin: 20px 16px 20px 16px; width: 408px; border-bottom: 2px dotted #015495; }
ol.QTipsContent { color: #015495; font-size: 11px; margin: 0 0 0 16px; padding: 0; list-style: none; }
ol.QTipsContent li { line-height: 18px; font-weight: normal; font-size: 12px; color : #595959; margin: 5px 0 16px 0; }
ol.QTipsContent li input { margin: 3px 8px 0 0; float: left; } 
div.GetTipContent { /*padding-top: 16px;  height: 720px;*/ }
div.GetTipContent p span { color: #cb3553;}
div.GetTipContent h3 { margin: 0; padding: 0; color: #015495; font-size: 13px; }
#GetTipTab div.GetTipContent h2 { margin: 0px 0px 0px 16px; padding: 0; line-height: 18px; width: 408px;	font-weight: bold; font-size: 14px; color : #015495; }
#GetTipTab div.GetTipContent p { margin: 16px 0px 0px 16px; padding: 0; line-height: 18px; width: 408px;	font-weight: normal; font-size: 14px; color : #015495; }
div.GetTipContent .subheader { margin-bottom: 10px; }
#GetTipTab div.GetTipContent .pagenav { margin: 20px 0px 20px 16px; }
#GetTipTab div.GetTipContent p.infoTexts { margin: 20px 0px 0px 16px; padding: 0; line-height: 18px; width: 408px; font-weight: normal; font-size: 13px; color : #9f9f9f; } 

/*****  Styles for Show Tips Sub-Section  *****/
#GetTipTab #showGetTipsAnwsers p.infoTexts { margin: 20px 0px 0px 16px; padding: 0; line-height: 18px; width: 408px; font-weight: normal; font-size: 13px; color : #9f9f9f; }
div#showGetTipsAnwsers h2.titleJustTalkToYourDoctor
{
    color: #015495;
    font-size: 15px;
    margin: 14px 0 0 0;
    padding: 0;
    width: 271px;
    height: 16px;
    display: block;
}
#GetTipTab div#showGetTipsAnwsers .pagenav { margin: 20px 0px 0px 16px; }
#showGetTipsAnwsers h2 { margin: 0px 0px 0px 16px; padding: 0; line-height: 18px; width: 408px;	font-weight: bold; font-size: 14px; color : #015495; }
#showGetTipsAnwsers p { margin: 16px 0px 0px 16px; padding: 0; line-height: 18px; width: 408px;	font-weight: normal; font-size: 14px; color : #015495; }
div#showGetTipsAnwsers .showAQ { margin: 0px 0px 0px 16px; }
div#showGetTipsAnwsers .showAQ .first { float: left; width: 5px; margin: 0px 0px 0px 16px; padding: 0px; }
div#showGetTipsAnwsers .showAQ .last { float: left; width: 380px; margin: 0px; }
div#showGetTipsAnwsers .showAQ ul { float: left; width: 380px; list-style: disc; margin: 0px 20px 0px 16px; padding: 0; }
div#showGetTipsAnwsers .showAQ ul li { margin: 0px 0px 16px 0px; padding: 0px; width: 380px; color:#595959; font-size: 12px; font-weight: normal; line-height: 18px; }
#btnPrintOABAnswers { display:block; }

/*****  Styles for Print Tips Section  *****/
#quizPrintResult { padding-right: 10px; }
#quizPrintResult .padL20 { padding-left: 20px; }
#quizPrintResult ul.disclaimer { margin: 0; padding: 0; overflow: hidden; height: 1%; }
#quizPrintResult ul.disclaimer li
{
    margin: 0 9px 0 3px;
    width: 100px;
    float: left;
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
} 
#quizPrintResult ul.disclaimer li.xtraSpace {  margin: 0 0 0 11px; }
#quizPrintResult ul.disclaimer li.veryGreatDeal { width: 120px; margin: 0 9px 0 11px; }
#printQuestionTips { padding-top: 20px; }
#quizPrintResult .blueGradient
{
    background: url(/images/printGradUpper.jpg) no-repeat;
    padding: 0;
    height: 92px;
    color: #015495;
    font-weight: bold;
    margin-top: 30px;
}
#quizPrintResult .blueGradient div,  #quizPrintResult .blueGradient h3 { padding: 20px 20px; margin: 0; }
#printCheetSheetList ul { margin: 0 0 10px 0; padding: 0; list-style-position: inside; }
#quizPrintResult #qpvAnswers .floatL200
{
     float: left;
     width: 290px;
     height: 34px;
     padding: 5px 5px 5px 20px;
}
#quizPrintResult #qpvAnswers .floatL300 { float: left; width: 340px; height: 44px; padding: 0; }
.blueGradient .firstLine { padding: 20px 0 20px 20px; }
#quizPrintResult #qpvAnswers  .lightBlueText
{
     color: #e0f2fb;
     padding: 10px 10px;
     height: 24px;
     padding: 10px 10px ;
     font-size: 14px;
     font-weight: bold;
}
#quizPrintResult .checkMark { padding: 0 15px 0 0; }
#quizPrintResult  .floatL300 .quizAnsCell
{
    float: left;
    padding: 5px 10px;
    border-left: solid 2px #e0f2fb;
    width: 34px;
    height: 34px;
}
.printQuestionTip { height: 15px; padding: 10px 0; }
.printQuestionTips img { padding-right: 25px; }
#printQuestionTip ul { padding: 0; margin: 0; }
#printQuestionTip ul li { padding: 10px 0; }
.whiteBG { background-color: #ffffff; height: 34px; }
.lightblueBG { background-color: #e0f2fb; height: 34px; }