/* CSS Document */

  .form_overview_area {width: 685px; overflow: hidden; margin-bottom: 8px;}
  .form_overview_area h1 {background: #F6F0FC; color: #5B3187; padding: 10px 20px; font-family: Tahoma; font-weight: normal; font-size: 25px; margin:16px 0px 20px 0px;}
  .form_overview_cols {float:left;display:inline;clear:both;overflow: hidden; margin: 20px 0;}
    .form_overview_col01, .form_overview_col02 {float: left;} 
    .form_overview_col02 {padding: 0 10px 0 28px; width: 427px;}
      .form_overview_col02 h2 {color: #5B3187; font-size: 14px;}
      .form_overview_col02 h3 {color: #5B3187; font-size: 12px; margin: 10px 0;}
      .form_overview_col02 p {padding: 12px 0 12px 0;}
      .form_overview_col02 ul {list-style-type: none; padding: 0; margin: 0;}
      .form_overview_col02 ul li a {text-decoration: none; color: #FD8308; font-weight: bold; background-image: url(../../images/common/orange_triangle_right.gif); background-position: right; background-repeat: no-repeat; padding-right: 11px;}
      .form_overview_col02 ul li a:hover {text-decoration: underline;}
    .form_overview_col01 img {border: solid 1px #BDA8D1; background: #fff; padding: 3px;}
    
  .step_btns_row {margin-bottom: 6px;}

/* ASSESSMENT FORM */
  
    .form_main_area {float:left;display:inline;width:100%;}
      .form_main_area h1 {font-size: 16px; font-family: Arial; color: #fff; background-image: url(../../images/common/light_purple_bg.jpg); background-repeat: repeat-x; padding: 4px 0 3px 15px;}
      .form_main_area h1 span {color: #5C3088; margin-right: 24px;}
      
    p.form_info_row {background: #F6F0FC; padding: 8px 10px; margin-top: 1px;}
    p.form_info_row_y {background: #FEF4E8; font-size: 12px; padding: 6px 10px 6px 40px; color: #666;}
    
    .orange_row_header {float:left;display:inline;clear:both;width:100%;background: #FFE6CD; overflow: hidden; margin-top: 4px; font-size: 14px; color: #5C3088;}

	  .orange_row_header div.ff_bug {float: none;display:inline;}
      .orange_row_header div.col01 {float: none;}
	#assess_forms_all .orange_row_header div.col02 {float:left;}
      .orange_row_header div.col02 {margin-left:10px;line-height:28px;display:inline;width:645px;}
        .orange_row_header div.col02 span {font-size: 12px; color: #666;line-height:14px;}
        .orange_row_header div.col02 img.info {vertical-align: middle;margin-right:5px;}
      .orange_row_header div.col03 img {margin: 4px 0 0 6px;}
      .orange_row_header div.col02p {margin:4px 0 0 10px;line-height:20px;float:left;display:inline;width:500px;}
      .orange_row_header div.col03p {float:left;display:inline;font-size:12px;margin-top:7px;}
        .orange_row_header div.col03p input{float:left;display:inline;margin-left:20px;}
        .orange_row_header div.col03p span {float:left;display:inline;margin-left:5px;}
      .orange_row_header div.col04 {float:right;display:inline;margin: 6px 10px 0px 0px; font-size: 12px;}
        .orange_row_header div.col04 input {margin: 0 4px 0 16px; vertical-align: middle;}
      .orange_row_header div.col05 {margin:0px 0px 0px 40px;width: 157px;display:inline; line-height:28px;}
      .orange_row_header table,
      .orange_row_header td {padding: 0; margin: 0;}
      
      .otherReasonBox{float:left;display:inline;margin:10px 20px 20px 40px;}
      .otherReasonBox textarea{width:450px;height:100px;}
      .agreeTextArea{float:left;display:inline;border:solid 2px #FD8C1C;width:420px;height:240px;}
      .agreeTextArea .imp_copy {float:left;display:inline;margin:10px;}
      
      .agreebtn{float:right;display:inline;}
      a.agreelink {display:block;text-decoration: none;width:141px;height:36px;background:transparent url(../../images/buttons/iagree_bigbtn.jpg) no-repeat 0px 0px;}
      a.agreelink:hover {background: transparent url(../../images/buttons/iagree_bigbtn.jpg) no-repeat 0px -36px;}
      
      #qfour {position: relative;top: -2px; left: -2px;}
      #qfour2 {position: relative;top: -3px;}    
        #assess_forms_all .orange_row_header div.nmbr{float:left;display:inline;}
      .orange_row_header div.nmbr {background: #D5C1EF; color: #fff; text-align: center; width: 30px; height: 28px; line-height:28px; font-size: 16px; font-weight: bold;}
    .orange_row_header_other {background: #FFE6CD; overflow: hidden; margin-top: 10px; font-size: 12px; padding: 4px 0 4px 10px;}
      .orange_row_header_other .imp {margin-left: 342px;}
      .orange_row_header_other .met {margin-left: 183px;}
      .orange_row_header_other div {float: left;}
      
    .yellow_row_header {float: left;width:100%;background: #FEF4E8; height: 28px; overflow: hidden; margin-top: 1px; font-size: 14px; color: #5C3088;}
      .yellow_row_header div {float: left;}
	  .yellow_row_header div.ff_bug {float: none;}
      .yellow_row_header div.quest1 {padding: 6px 0 4px 10px; width: 312px;}
      .yellow_row_header div.quest1a {padding: 6px 0 4px 10px; width: 421px;}
      .yellow_row_header div.quest1b {margin: 4px 0 6px 38px; width: 647px;display:inline;}
        .yellow_row_header div.quest1b span {font-size: 12px; color: #666;}
        .yellow_row_header div.quest1b input {margin-right: 6px; vertical-align: middle;}
      .yellow_row_header div.quest1c {display:inline;margin: 4px 0px 0px 38px;width:440px;}
	  .yellow_row_header div.quest1d {display:inline;margin: 4px 0px 0px 50px;}
        .yellow_row_header div.quest1c input {float: left;width: 60px; height:16px;margin-right: 4px;}
        .yellow_row_header div.quest1c span {font-size: 12px;margin-top:3px;}
		.yellow_row_header div.quest1c #howTallArea span, 
		.yellow_row_header div.quest1c #howTall2Area span, 
		.yellow_row_header div.quest1c #whatWeightMeas{float: left;}
      .yellow_row_header div.qcol02,
      .yellow_row_header div.qcol02a,
      .yellow_row_header div.qcol02b,
      .yellow_row_header div.qcol03 {padding-top: 3px; font-size: 12px;}
      .yellow_row_header div.qcol02b {padding-top: 4px;}
      .yellow_row_header div.qcol02c {float:right;display:inline;font-size: 12px;margin:6px 10px 0px 0px;}
        .yellow_row_header div.qcol02c input {vertical-align: middle; margin: 0 4px 0 16px;}
        .yellow_row_header div.qcol02 input,
        .yellow_row_header div.qcol02a input,
        .yellow_row_header div.qcol03 input {width: 60px; margin-right: 4px;}
          .yellow_row_header div.qcol02b input {margin-right: 4px; vertical-align: middle;}
          .yellow_row_header div.qcol02b select, .yellow_row_header div.qcol02b option {width: 55px; font-size: 10px;}
          .yellow_row_header div.qcol02b select {margin-right: 8px;}
          .yellow_row_header div.qcol02b option {padding-left: 2px;}
        .yellow_row_header div.qcol02 {width: 228px;}
      .yellow_row_header div.nmbr {background: #D5C1EF; color: #fff; text-align: center; width: 30px; height: 22px; padding-top: 6px; font-size: 16px; font-weight: bold;}

    .head_result {background: #EEE3FD; overflow: hidden; padding: 6px 0 6px 15px; margin-top: 1px;}
      .head_result h2 {float: left; color: #5B2F88; font-size: 14px; width: 616px;}
      .head_result a.showSection_btn:link, .head_result a.showSection_btn:visited,.head_result a.showSection_btn:hover,.head_result a.showSection_btn:active
   	  {width: 42px; height: 13px; display: block; float: left;background-image:url(../../images/forms/buttons/hide_btn.gif);background-repeat: no-repeat;background-position: 0px 0px; text-decoration: none;position:relative;z-index:200;}
      .head_result a.hideSection_btn:link, .head_result a.hideSection_btn:visited,.head_result a.hideSection_btn:hover,.head_result a.hideSection_btn:active
   	  {width: 42px; height: 13px; display: block; float: left;background-image:url(../../images/forms/buttons/show_btn.gif);background-repeat: no-repeat;background-position: 0px 0px; text-decoration: none;position:relative;z-index:200;}
    
    .result_area {overflow: hidden; padding-top: 8px;}
      .result_area div {float: left;}
	  .result_area div.ff_bug{float:none;}
      .resultScheme {width: 47px; text-align: center;overflow:hidden;}
      .resultInfo {padding: 0 10px 0px 6px;}
        .resultInfo p {width: 621px; margin-bottom: 15px;}
        .resultInfo h3{ color:#1DB6CA;font-size: 12px; margin-bottom: 4px;}
        
    .formAreaHeader{float:left;display:inline;background:#FEF4E8;margin-top:4px;width:690px;}
    .formHeaderNumber{float:left;display:inline;background:#D5C1EF;color:#fff;font-size:16px;font-weight:bold;text-align:center;width:30px;height:28px;line-height:28px;}
    .formHeaderText{float:left;display:inline;margin:6px 0 0 20px;color:#5C3088;font-size:14px;font-weight:bold;}
    .formAreaQuestions{float:left;display:inline;background:#FEF4E8;width:690px;}
      .formAreaQCol01{float:left;display:inline;width:100px;height:20px;color:#5C3088;font-size:14px;margin:0 0 8px 50px;}
      .formAreaQCol02{float:left;display:inline;width:200px;height:20px;margin-bottom:8px;}
        .formAreaQCol02 select, .formAreaQCol02 option{width:80px;padding:1px 0 0 2px;font-size:11px;}
        .formAreaQCol02 select{float:left;display:inline;}
        .formAreaQCol02 span.pinkstar{float:left;display:inline;margin-left:4px;}
        .formAreaQCol02 input{float:left;display:inline;width:135px;padding:1px 0 1px 2px;font-size:11px;}
        .formAreaQCol02 textarea{float:left;display:inline;width:138px;height:48px;font-size:11px;}
      .formAreaQCol03{float:left;display:inline;width:120px;height:20px;font-size:14px;color:#5C3088;margin-bottom:8px;}
      .formAreaQCol04{float:left;display:inline;width:200px;height:20px;margin-bottom:8px;}
        .formAreaQCol04 select, .formAreaQCol04 option{width:140px;padding:1px 0 0 2px;font-size:11px;}
        .formAreaQCol04 select{float:left;display:inline;}
        .formAreaQCol04 span.pinkstar{float:left;display:inline;margin-left:4px;}
        .formAreaQCol04 input{float:left;display:inline;width:135px;padding:1px 0 1px 2px;font-size:11px;}
      .formAreaQCol05{float:left;display:inline;width:312px;}
        .formAreaQCol05 input{float:left;display:inline;width:145px;font-size:11px;padding:1px;margin:0 4px 0 64px;}
        .formAreaQCol05 span{float:left;display:inline;color:#FF10FD;font-size:12px;}
      .formAreaQCol05a,.formAreaQCol05b{float:left;display:inline;}
        .formAreaQCol05b strong{float:left;display:inline;font-weight:normal;font-size:14px;color:#5C3088;width:56px;}
        .formAreaQCol05b input{float:left;display:inline;width:135px;}
      .formAreaQCol05a{margin-bottom:17px;}
      .formAreaQCol05b{margin-bottom:10px;}
      
      .formAreaQCol06{float:left;display:inline;width:400px;height:20px;margin:10px 0 10px 50px;}
        .formAreaQCol06 select, .formAreaQCol06 option{width:140px;padding:1px 0 0 2px;font-size:11px;}
        .formAreaQCol06 select{float:left;display:inline;margin-left:12px;} 
        .formAreaQCol06 b{float:left;display:inline;font-weight:normal;font-size:14px;color:#5C3088;}
        .formAreaQCol06 span.pinkstar{float:left;display:inline;margin-left:4px;}
  
 
 /*******************************/
 /* New classes for result types*/
 /*******************************/ 
 	/*  Next 3 classes you should use according to scheme: for example 
 		when the scheme of BMI is bad, class of following h3 will be badResult.
 		<h3 class="badResult">Your BMI: {$bmi}</h3>
	*/   
	    .resultInfo h3.blueResult{color: #1DB6CA;}
        .resultInfo h3.badResult{color: #FF0000;}
        .resultInfo h3.goodResult{color: #04A056;}
        .resultInfo h3.averResult{color: #ffb82e;}
    /*  End of Next 3 classes */
    
    /* Class .resultInfo h3.noScheme and .resultOne h3.noScheme is for "no scheme" types, like deabetes, hight blood pressure and so on*/
        .resultInfo h3.noScheme{color: #1DB6CA;font-size:14px;}
        .resultOne h3.noScheme{color: #1DB6CA;font-size:14px;}
        .resultInfo h3.blueSubT{color: #1DB6CA;font-size:12px;}
        .resultInfo h3.pSubT{color: #5B2F88;font-size:12px;}
        .resultOne h3.pSubT{color: #5B2F88;font-size:12px;}
   /*Those 3 classes are for Underweight, Healthy, Overweight and so on subtitles  
    (please see example in pages 1' 2 in "revised HQ results.doc")*/
        .resultInfo h3.badRS{color: #FF0000;font-size:14px;}
        .resultInfo h3.goodRS{color: #04A056;font-size:14px;}
        .resultInfo h3.averRS{color: #FFB8E2;font-size:14px;}   
	/* Those classes for pregnancy table*/		
		table.pregT{border-collapse:collapse;width:100%;background-color:#fef4e8;color:#5b2f88;margin-bottom:35px;}
		table.pregT tr th,table.pregT tr td{border:2px solid #fff;height:25px;padding:0px 10px 0px 18px;line-height:25px;}
		table.pregT tr th{font-size:14px;font-weight:bold;color:#fd8207;background-color:#ffe6cd;}
		table.pregT tr th.fTH{background-color:#fff;width:194px;}
		table.pregT tr td.fTD{background-color:#ffe6cd;width:194px;}
        
 /**************************************/   
 /* End of New classes for result types*/
 /*************************************/  
 
 
       
          .resultInfo h3 span {color: #5B2F88; font-size: 14px;}
          .resultInfo p span {color: #5B2F88;}
    
    .resultOne {padding: 0 15px;}
      .resultOne a {font-weight: bold;}
      .resultOne p {margin-bottom: 15px;}
      .resultOne strong {display: block; color: #5B2F88;}
      .resultOne a.article_link {display: block; margin-bottom: 10px;}
      .resultOne h3 {color: #1DB6CA; font-size: 12px; margin-bottom: 4px;}
      
/* CONTACT FORMS */

  span.pinkstar {color: #FF41F9;font-size:14px;font-weight: bold;}
  
  .orange_form_area {float:left;clear:both;display:inline;width:100%;background: #FEF4E8; overflow: hidden; padding-bottom: 10px;}
    .orange_form_area div {float: left; display:inline;color: #5C3088; font-size: 14px;}
	.orange_form_area div.ff_bug{float:none;display:block;}
    .orange_form_area div.col01 {width: 100px; margin-left: 55px; padding: 6px 0 0 0;}
    .orange_form_area div.col02 {width: 214px; padding: 4px 0;}
      .orange_form_area div.col02 input {width: 145px; font-size: 11px; padding: 1px;}
      .orange_form_area div.col02 select, 
      .orange_form_area div.col02 option {width: 80px; font-size: 11px;float:left;}
        .orange_form_area div.col02 .pinkstar {margin-left: 4px;}
        .orange_form_area div.col02 textarea {width: 148px; height: 48px;}
    .orange_form_area div.col03 {width: 132px; padding: 6px 0 0 0;}
    .orange_form_area div.col04 {width: 180px; padding: 4px 0;}
      .orange_form_area div.col04 input {width: 145px; font-size: 11px; padding: 1px;}
      .orange_form_area div.col04 select, 
      .orange_form_area div.col04 option {width: 150px; font-size: 11px;}
      .orange_form_area div.col04 span {margin-left: 4px;}
    .orange_form_area div.col05 {width: 312px; padding: 4px 0;}
      .orange_form_area div.col05 input {width: 145px; font-size: 11px; padding: 1px; margin: 0 4px 0 64px;}
      .orange_form_area div.col05 span {color: #FF10FD; font-size: 12px;}
    .orange_form_area div.col06 {width: 620px; padding: 4px 0; margin: 15px 0 0 55px;}
      .orange_form_area div.col06 select, 
      .orange_form_area div.col06 option {width: 150px; font-size: 11px;}
      .orange_form_area div.col06 select {margin-left: 10px;}
      .orange_form_area div.col06 span {margin-left: 4px;}
      
    .last_area {color: #5C3088; margin-left: 55px; overflow: hidden;}
      .last_area div {float: left;}
      .last_area textarea {width: 590px; height: 120px; margin: 10px 0;}

/* BUTTONS */
   
    .submit_continue_btn {text-align: right; padding-top: 15px;}
      .submit_continue_btn input {border: none; width: 77px; height: 24px; background-image: url(../../images/forms/buttons/continue_btn.jpg);}
      .submit_continue_btn input:hover {background: url(../../images/forms/buttons/continue_btn.jpg) no-repeat 0px -24px;}

      
    .submit_continue_btn2 {margin-left: 584px; padding-top: 15px;}
      .submit_continue_btn2 a {display: block; text-decoration: none; width: 68px; height: 24px; background: transparent url(../../images/forms/buttons/submit_btn.jpg) no-repeat 0px 0px;}
      .submit_continue_btn2 a:hover {background: transparent url(../../images/forms/buttons/submit_btn.jpg) no-repeat 0px -24px;}
    
    .new_submit_continue_btn{float:left;display:inline;width:650px;}
      .new_submit_continue_btn a {float:right;margin:10px 0 0 0;display:block;text-decoration:none;width:68px;height:24px;background: transparent url(../../images/forms/buttons/submit_btn.jpg) no-repeat 0px 0px;}
      .new_submit_continue_btn a:hover {background:transparent url(../../images/forms/buttons/submit_btn.jpg) no-repeat 0px -24px;}
      
    .continue_big_btn {padding-top: 15px; font-size: 14px; text-align: right; overflow: hidden;}
      .continue_big_btn a {color: #FD8207; text-decoration: none; font-weight: bold;}
      .continue_big_btn a:hover {text-decoration: underline;}
      .continue_big_btn input {border: none; width: 129px; height: 46px; margin-left: 87px; background-image: url(../../images/forms/buttons/continue_big_btn.jpg);}
      .continue_big_btn input:hover {background: url(../../images/forms/buttons/continue_big_btn.jpg) no-repeat 0px -46px;}      
      .continue_big_btn a.submlink {display: block; border: none; width: 129px; height: 46px; margin-left: 550px; background-image: url(../../images/forms/buttons/continue_big_btn.jpg);}
      .continue_big_btn a.submlink:hover {display: block; background: url(../../images/forms/buttons/continue_big_btn.jpg) no-repeat 0px -46px;}
      .continue_big_btn div {float: left;}
        .continue_big_btn div.submitbtn {width: 650px; text-align: right;}
        .continue_big_btn div.lastinfo {width: 650px; text-align: right;}
  
    .finished_btn {text-align: right; margin-top: 10px;}
      .finished_btn input {border: none; width: 144px; height: 36px; background-image: url(../../images/forms/buttons/finished_btn.jpg);}
      .finished_btn input:hover {background: url(../../images/forms/buttons/finished_btn.jpg) no-repeat 0px -36px;}
	  .finished_btn a.fin_submlink{display: block; border: none; width: 144px; height: 36px; margin-left: 550px; background-image: url(../../images/forms/buttons/finished_btn.jpg);}
      .finished_btn a.fin_submlink:hover {display: block; background: url(../../images/forms/buttons/finished_btn.jpg) no-repeat 0px -36px;}
	  .finished_btn input.btnFinish_link{float:right;display:inline;width: 144px; height: 36px; background: url(../../images/forms/buttons/finished_btn.jpg);}
	  .finished_btn input.btnFinish_hover{float:right;display:inline;width: 144px; height: 36px;background: url(../../images/forms/buttons/finished_btn.jpg) no-repeat 0px -36px;}	  
	  
#wm_col{margin-bottom:5px;}	
#cholesterol_examined input, #bloodpressure_examined input{float:none;}  
.resultPart {display:inline;float:left;width:100%;}
.col02_bl{float:left;}

/* NEW ADDS FOR HEALTH QUESTIONAIRRE*/

  #goalWeightArea,
  #gainWeightArea {font-size:12px;}
    #goalWeightArea input,
    #gainWeightArea input{width:30px;margin-left:20px;}
  .infoMessage{font-size:10px;border:solid 1px #ddd;background:#fff;padding:5px;position:absolute;width:200px;margin:0 0 0 200px;}
    #whichConditionArea{margin-left:58px;}
    #monitorHealthRow{height:110px;padding-left:18px;font-size:12px;}  
    .cond_meas{margin-left:40px;font-size:10px;}
    .cond_meas input{width:20px;}
  .measSection2{float:left;display:inline;background:#FEF4E8;width:685px;}
  .measSection2 table{float:left;display:inline;}
  .measSection2 th{font-size:11px;}
  .measSection2 input{width:30px;font-size:11px;padding:1px;}
  #measSection{float:left;display:inline;border-top:solid 1px #fff;padding: 10px 0 10px 60px;}
  .meas01{width:100px;}
  .meas02,.meas03{width:100px;}
  .tableMeasChoiceArea{float:left;display:inline;margin-top:10px;}
    .tableMeasChoiceArea input{margin-left:20px;}
  
  #babyDates{padding-left:22px;}
  input#babyYear{width:40px;font-size:10px;padding:1px;}
  input#babyDay{width:20px;font-size:10px;padding:1px;margin-left:20px;}
  input#babyMonth{width:20px;font-size:10px;padding:1px;}
  
  #cesareanQuestions{float:left;display:inline;background:#FEF4E8;width:685px;font-size:14px;color: #5C3088;padding-left:80px;}
  .cQ01,.cQ02,.cQ03{float:left;display:inline;margin-bottom:5px;vertical-align:middle;font-size:12px;}
  .cQ01{width:250px;}
  .cQ02{margin-left:40px;}
  .cQ03{margin-left:15px;}
  .cQ02 input,
  .cQ03 input{vertical-align:middle;margin-right:5px;}
  #docResume{float:left;display:inline;}