/*--------------- SURVEY STYLES ------------*/


  /*--------------- Container ------------*/

  #survey_eaterType{
    margin:0 auto 20px auto;
    background:0 0 no-repeat url('/shop/images/bg_survey_1_square.jpg');
    width:915px; 
    padding-top:222px;
  }
  #survey_eaterType_res_new{
    margin:0 auto 20px auto;
    background:0 0 no-repeat url('/shop/images/bg_survey_1_new_square.jpg');
    width:915px; 
    padding-top:212px;
  }
  
  #survey_eaterType_bottom{
    display:block;
    background:bottom left no-repeat url('/shop/images/bg_survey_1_square.jpg');
    width:915px;  
    height:30px;
    clear:both;  
  }  
  
  #survey_eaterType_bottom_sub{
    display:block;
    background:bottom left no-repeat url('/shop/images/bg_survey_bottom.jpg');
    width:915px;  
    height:30px;
    clear:both;  
  }  
  
  
  #form_eaterType{  
    background:0 0 no-repeat url('/shop/images/bg_survey_2.jpg');
    width:759px;  
    height:349px;
    margin:0 auto;  
    position:relative;
  }
    
  div.message-error{
    width:759px;  
    margin:0 auto;
    background:#FFEE9F 8px center no-repeat url('/shop/images/error.gif');
    color:#444;
    text-indent:35px;
    line-height:30px;
    font-weight:bold;
    margin-bottom:15px;
  }
  
  #form_eaterType div.message-error{
    border: 1px solid #DDD;
    width:726px;
    position:absolute;
    bottom:61px;
    left:15px;
    border-bottom:none;      
  }
  

  /*--------------- Introduction ------------*/  
  #survey_intro{
    position:relative;
  }
  
    #survey_intro p, #survey_intro ul{
      color:#747378;
      width:420px;
      float:left;
      margin-left:35px;   
      display:inline;
      clear:left;
    }
    #survey_intro ul{
      margin-left:45px;    
    }
    
    #survey_intro_advice{
      width:374px;
      height:302px;
      overflow:hidden;
      background:0 0 no-repeat url('/shop/images/bg_survey_4.jpg');
      position:relative;
    }
    
    #survey_intro h2{
      font-family:  Helvetica, Arial, sans-serif;
      font-weight:bold;
      color:#008e45;
      font-size:15px;
      display:inline;
    }

      #survey_intro #survey_intro_advice h2{
        margin:35px 0 35px 25px;
        letter-spacing:-0.5px;
        display:block;
      }
      
        #survey_intro #survey_intro_advice h2 span{
          color:#dc0004;
        }
        
        #survey_intro #survey_intro_advice p{
          margin-left:25px;
          margin-bottom:12px;
          width:330px;
          display:inline;
        }
        
        a.takesurvey{
         /* display:block;
          position:absolute;
          bottom:0;
          right:0;
          width:220px;
          height:40px;
          overflow:hidden;
          text-indent:-9999px;*/
          padding-top:40px;
          float:right; 
          width:220px;
          height:40px;
        }

  /*--------------- Questions ------------*/

  h2.question,
  #survey_intro h2.intro_title{
    font-family:  Helvetica, Arial, sans-serif;
    font-weight:bold;
    color:#008e45;
    font-size:15px;
    padding:15px 0 20px 35px;
    background:bottom center no-repeat url('/shop/images/bg_survey_divider.jpg');
  }
  
  #survey_intro h2.intro_title{
    background:none;  
    width:410px;
    float:left;
    padding:0;
    margin-left:35px;      
    margin-right:40px;
  }
  



  th.question h3{
    font-family:Helvetica, Arial, sans-serif;
    font-weight:bold;
    color:#4a494e;
    font-size:12px;
    padding:5px 0;
  }

  
  table#table_eaterType{    
    margin:0 35px;
    text-align:center;
  }
    
    table#table_eaterType th strong{
      color:#444;
      text-transform:uppercase;
      display:block;
    }
    
    table#table_eaterType th{
      font-weight:normal;
      line-height:12px;
    }
    
  
    td.least,
    td.most{
      width:70px;
      background: center center no-repeat url('/shop/images/bg_survey_3.jpg');
    }    
    
    td.first_q{
      background: center 0 no-repeat url('/shop/images/bg_survey_3.jpg');
    }
    
    td.last_q{
      background: bottom center no-repeat url('/shop/images/bg_survey_3.jpg');
    }
    
    th.question{
      text-align:left;
    }
    
    td.question{
      text-align:left;
      padding:0 15px;
    }
    
    table#table_eaterType input{
      width:auto;
      text-align:center;
    }
    
    table#table_eaterType td{
      border:none;
      line-height:20px;
      height:35px;
    }
    
    table#table_eaterType td label{
      font-weight:bold;
      color:#4a494e;
    }


  /*--------------- Pagination ------------*/

  #survey_pagination{
    background:#FFF;
    height:60px;
    border:1px solid #DDD;
    margin:60px 15px 0;
  }
  
    .survey_pagination_next,
    .survey_pagination_prev{
      float:left;
      width:110px;
      height:60px;
      overflow:hidden;   
      padding:0 0 0 10px;   
    }
    
    .survey_pagination_next{
      float:right;
      text-align:right;
      padding:0 10px 0 0;
    }
    
    .survey_pagination_steps{
      height:60px;
      float:left;
    }
  
      .survey_pagination_steps p{
        float:left;
        color:#008f44;
        text-transform:uppercase;
        font-weight:bold;
        margin-right:10px;
        margin-left:20px;        
        line-height:60px;
      }

      #survey_pagination span.step{
        display:block;
        float:left;
        width:12px;
        height:12px;
        overflow:hidden;
        background:#e1eec0;
        margin:24px 2px; 
      }
  
      #survey_pagination span.completed{
        background:#008f44;
      }
      
      #survey_pagination span.current {
        background:#e1eec0;
      }
      
      #survey_pagination span.incomplete{
        background:#e1eec0;
      }
    
      #survey_pagination a:link,
      #survey_pagination a:visited,
      #survey_pagination button{
        color:#008f44;
        text-decoration:underline;
        font-size:13px;
        font-weight:bold;
        background: right 2px no-repeat url('/shop/images/shapesmart_pagination_arrows.gif');
        padding:0 10px 0 0;
        border:none;
      }

        #survey_pagination .survey_pagination_prev a:link,
        #survey_pagination .survey_pagination_prev a:visited{
          background-position:left -23px;
          padding:0 0 0 10px;
          line-height:60px;
        }
  
      #survey_pagination button{
        height:20px;
        margin: 20px 0 0 0;
        background-position:right 5px;
        cursor:pointer;
      }
        #survey_pagination button span{   
          color:#008f44;
          text-decoration:underline;
        }


      /*--------------- Results Page ------------*/
        #survey_eaterTypeResult{
          margin:0 auto 20px auto;
          background:0 0 repeat-y url('/shop/images/bg_survey_repeat.jpg');
          width:915px;
          padding:0;
          overflow:hidden; 
        }
        #survey_eaterTypeResult_new{
          margin:0 auto 20px auto;
          background:0 0 transparent repeat-y url('/shop/images/mid-repeat-new-square.jpg');
          width:915px;
          padding:0;
          overflow:hidden; 
        }
        
          #survey_eaterTypeResult_top{
            background:top left scroll no-repeat url('/shop/images/bg_survey_5.jpg');            
            height:240px;
            width:100%;
          }
                  
          #survey_eaterTypeResult #survey_eaterType_bottom{
            background:bottom left no-repeat url('/shop/images/bg_survey_bottom.jpg');            
            padding-top:20px;
          }   
          #survey_eaterTypeResult_new #survey_eaterType_bottom{
            background:bottom left no-repeat url('/shop/images/bg_survey_bottom_new_square.jpg');            
            padding-top:20px;
          }            
        
           #survey_eaterTypeResult_new .right-eatertype-box{     
            width:421px;     
            height:455px;
            float:right;
            margin:0;
            padding:0;
            margin-right:7px;
            margin-bottom:20px;
            background:top left no-repeat url('/shop/images/bg-right-box1.jpg');
            }
        
          #survey_eaterTypeResult h1{
            font-family:  Helvetica, Arial, sans-serif;
            font-weight:bold;
            color:#008e45;
            font-size:24px;
            width:100%;
            padding:15px 0 20px 35px;
            letter-spacing:-1px;
            background:bottom center no-repeat url('/shop/images/bg_survey_divider_2.jpg');
          }
          #survey_eaterTypeResult_new .right-eatertype-box h1{
            font-family:  Helvetica, Arial, sans-serif;
            font-weight:bold;
            color:#008e45;
            width:310px;
            font-size:24px;
            padding:15px 0 20px 0px;
            margin-left:0px;
            letter-spacing:-1px;
            background:bottom center no-repeat url('/shop/images/bg_survey_divider_2_new.jpg');
          }
          
           #survey_eaterTypeResult_new .left-eatertype-box{     
            width:440px;     
            height:455px;
            float:left;
            margin:0;
            padding:0;
            margin-left:15px;
            }
            
           #survey_eaterTypeResult_new .left-eatertype-box a{  
            margin-left:20px;
            }
            
           #survey_eaterTypeResult_new .left-eatertype-box h1{
            font-family:  Helvetica, Arial, sans-serif;
            font-weight:bold;
            color:#008e45;
            font-size:24px;
            padding:0px 0 20px 10px;
            margin-left:15px;
            letter-spacing:-1px;
            background:none;
          }
           #survey_eaterTypeResult_new .left-eatertype-box p{
            padding:5px 0 0px 10px;
            margin-left:15px;
          }
          #survey_eaterTypeResult_new .left-eatertype-box .form-holder{
            padding:5px 0 0px 10px;
            margin-left:15px;
          }
          #survey_eaterTypeResult_new .left-eatertype-box .form-holder .txt-sml{
            font-size:11px;
            padding:0px;
            margin-left:0px;
          }
          #survey_eaterTypeResult_new .left-eatertype-box #form_eaterType_new{  
            background:0 0 no-repeat url('/shop/images/bg_survey_res_form.jpg'); 
            width:415px;     
            height:55px;
            padding-top:5px;
            margin:0 auto;  
            position:relative;
          }
          
          #survey_eaterTypeResult_new .left-eatertype-box form p.txt-bld{
            padding:0;
            margin-left:15px;
            margin-bottom:0px;
            font-size:14px;
            font-weight:bold;
          }
          
          #survey_eaterTypeResult_new .left-eatertype-box .textbox{
            margin:0;
            padding:2px;
            margin-left:15px;
            height:16px;
            font-size:12px;
            line-height:18px;
            border:none;    
            float:left;
            margin-top:5px;
            background:none;    
          }                
          #survey_eaterTypeResult_new .left-eatertype-box button{
            border:none;    
            background:none;
            float:right;  
            cursor:pointer;  
            margin-right:15px;
            margin-top:6px;
            width:220px;
          }
          #survey_eaterTypeResult_new .left-eatertype-box img{
            border:none;    
            background:none;   
          } 
          
          .save_survey{
            margin:10px 35px;
            background:#EEE;
            border:1px solid #DDD;
            padding:4px 0 0 0;
            text-align:center;
            clear:both;
          }
          
          .save_survey button{
            margin:0 0 0 20px;
            padding:4px;
          }
          
          .feedback_survey{
            margin:30px 50px;
            /*background:#FFEE9F;*/
            padding:4px 8px 1px;            
            clear:both;
          }
          .feedback_survey_sub{
            margin:20px 0px 20px 0px;
            background:#FFEE9F;
            padding:4px 8px 1px;   
            width:544px;
            float:left;
            clear:both;
          }
          
          .feedback_survey_sub .title,          
          .feedback_survey .title{
            font-weight:bold;
            color:#444;
            font-size:13px;
            margin-bottom:0px;
          }
          
          
          /* ------------------------- Eater Type Icons and Chart ------------------------------- */
          
            #eatertype_icon_container{
              width:240px;
              margin-left:50px;
              float:left; 
            }
            
            #eatertype_icon_container_sub{
              width:340px;
              margin:30px 0px 0px 50px;
              height:250px;
              float:left; 
              clear:both:
            }
              .eatertype_icon{
                height:40px;
                overflow:hidden;
                background-image: url('/shop/images/icons_eatertypes.gif');
                background-repeat:no-repeat;
                padding:0 0 0 60px;
                margin:0 0 15px 0;
                line-height:40px;
                font-weight:bold;
                font-size:13px;                 
              }
              
              #icon_1{ background-position: 0px 0px; color:#0772b9;}
              #icon_2{ background-position: 0px -60px; color:#0772b9;}
              #icon_3{ background-position: 0px -120px; color:#0772b9;}
              #icon_4{ background-position: 0px -180px; color:#7CC142;}
              #icon_5{ background-position: 0px -240px; color:#7CC142;}
              #icon_6{ background-position: 0px -300px; color:#7CC142;}
              #icon_7{ background-position: 0px -360px; color:#A40820;}
              #icon_8{ background-position: 0px -420px; color:#A40820;}
              #icon_9{ background-position: 0px -480px; color:#A40820;}
              
              .title_1{color:#0772b9;}
              .title_2{color:#0772b9;}
              .title_3{color:#0772b9;}
              .title_4{color:#7CC142;}
              .title_5{color:#7CC142;}
              .title_6{color:#7CC142;}
              .title_7{color:#A40820;}
              .title_8{color:#A40820;}
              .title_9{color:#A40820;}


            #eatertype_chart_container{
              width:200px;
              height:200px;
              margin-left:5px;
              float:left;
            }
            
            .chart-text{
              width:160px;
              height:180px;
              margin-top:20px;
              margin-left:5px;
              float:left;
            }
            
            .chart-text p{font-size:14px;font-weight:400;}
          
          #eatertype_container{
            margin:20px 25px 20px;
            background:top center repeat-y url('/shop/images/bg_survey_eatertypes.jpg');
          }
          
          div.eatertype{
            width:238px;
            float:left;
            padding:0 25px 0;
          }
          
          #tertiary{
            border-right:none;
          }
          
            div.eatertype p.title{
              font-size:16px;
              font-weight:bold;
              background:#e5f3fa;
              color:#0a80c3;
              padding:6px;
            }
            
            div.eatertype p.type_1,div.eatertype p.type_2,div.eatertype p.type_3{color:#0772b9;} 
            div.eatertype p.type_4,div.eatertype p.type_5,div.eatertype p.type_6{color:#7CC142;}
            div.eatertype p.type_7,div.eatertype p.type_8,div.eatertype p.type_9{color:#A40820;}
            
            div.eatertype .description{
              margin:0 5px;
            }
            
            span.precentage{
             color:#dc0005; 
            }
            
            div.divide{
              margin:0;
              padding:0;
              background:bottom center no-repeat url('/shop/images/bg_survey_divider_2.jpg');
              height:18px;
            }

      /*--------------- Tips for Success ------------*/            
        #tips_for_success{
          margin:20px 0 0 50px;
          width:840px;
          height:132px;
          clear:both;
          background:left top no-repeat url('/shop/images/rec-pro-bg.jpg');
        }
        #tips_for_success_rev{
          margin:0;
          padding:0;
          margin-left:50px;
          width:830px;
          height:132px;
          padding-right:30px;
          clear:both;
          background:left top no-repeat url('/shop/images/rec-pro-bg.jpg');
        }
        #tips_for_success_sub{
          margin:40px 0 20px 50px;
          width:800px;
          clear:both;
        }
          #tips_for_success_sub h1{
            color:#008E45;         
          }
          #tips_for_success h2{
            color:#86ba0d; #7CC142;
            font-family:Helvetica,Arial,sans-serif;
            font-size:20px;
            font-weight:bold;
            letter-spacing:-1px;
            margin-bottom:20px;            
          }
          
          .recommended_product{
            padding:30px 10px;
            color:#000; 
            margin-top:20px;            
          }
           .subscripe .recommended_product{
            padding:10px 10px;
            color:#fff; 
            margin-top:20px;            
          }
          
          .subscripe .recommended_product a:link, .subscripe .recommended_product a:visited{
            color:#fff;            
          }
          .subscripe #prod_7, .subscripe #prod_8, .subscripe #prod_9{
            background:#A40820;
          }
          
          .subscripe #prod_4, .subscripe #prod_5, .subscripe #prod_6{
            background:#7CC142;
          }          

          .subscripe #prod_1, .subscripe #prod_2, .subscripe #prod_3{
            background:#0772b9;
          }

        #product_for_success{
          background:top center no-repeat url('/shop/images/bg_survey_6.jpg');
          width:210px;
          float:right;
          margin:20px 40px 0 0px;
          padding-top:270px;
        }
        
        #product_for_success_new{
          width:105px;
          height:105px;
          float:left;
          margin:5px 30px 0 35px;
          padding:0px;
        }
        
          a.product_link{
            width:105px;
            height:105px;
            display:block;
            margin:0 auto;
            text-indent:-9999px;
            overflow:hidden;            
          }
         .subscripe a.product_link{
            width:205px;
            height:205px;
            display:block;
            margin:0 auto;
            text-indent:-9999px;
            overflow:hidden;            
          }
                    
          #prod_link_1,#prod_link_2,#prod_link_3 {
            background:top center no-repeat url('/shop/images/custom/shapesmart/pack-lipobind-sml.jpg');
          }
          
          #prod_link_4,#prod_link_5,#prod_link_6 {
            background:top center no-repeat url('/shop/images/custom/shapesmart/pack-decarb-sml.jpg');
          }
          
          #prod_link_7,#prod_link_8,#prod_link_9 {
            background:top center no-repeat url('/shop/images/custom/shapesmart/pack-appesat-sml.jpg');
          }
          
          .subscripe #prod_link_1,.subscripe #prod_link_2,.subscripe #prod_link_3 {
            background:top center no-repeat url('/shop/images/custom/shapesmart/pack-lipobind.jpg');
          }
          
          .subscripe #prod_link_4,.subscripe #prod_link_5,.subscripe #prod_link_6 {
            background:top center no-repeat url('/shop/images/custom/shapesmart/pack-decarb.jpg');
          }
          
          .subscripe #prod_link_7,.subscripe #prod_link_8,.subscripe #prod_link_9 {
            background:top center no-repeat url('/shop/images/custom/shapesmart/pack-appesat.jpg');
          }
          
        
          .feedback_survey_res{
            margin:30px 50px;
            background:#FFEE9F;
            padding:4px 8px 1px;            
            clear:both;
          }
          
          .feedback_survey_res .title{
            font-weight:bold;
            color:#444;
            font-size:13px;
            margin-bottom:0px;
          }


/*
 * Success page
 */
          
#survey_new_success{
  margin:0 auto 20px auto;
  background:0 0 no-repeat url('/shop/images/bg_survey_12.jpg');
  width:915px;
  padding:0;
  padding-top:250px;
  overflow:hidden; 
}

#survey_new_success h1{
  color:#008e45;
  margin:0px 0 30px 50px;          
}
#survey_new_success #tips_for_success{
  margin:50px 0 0 50px;
  width:840px;
  height:132px;
  clear:both;
  background:left top no-repeat url('/shop/images/rec-pro-bg.jpg');
}
p.title{
  font-weight:bold;
  font-size:15px;
  margin-bottom:0px;
}