/* first for Internet Explorer < 9 */
@font-face { font-family: din; src: url("/fonts/DINWeb.eot");
}
/* then for WOFF-capable browsers */
@font-face { font-family: din; src: url("/fonts/DINWeb.woff") format("woff");
}
.print_only { display: none !important; }

.fancybox-title{display:none;}
.fancybox-outer{background: none;border:none;}
.fancybox-opened .fancybox-outer {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.appliance_selector .wrapper ul {
list-style: none;
}
.appliance_selector .wrapper{
  margin: 0px;
  margin-left: 22px;
  color: #63625C;
  width: 824px;
  padding: 60px 58px 56px;
  position: relative;
  background: #dfdfdf;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
  border-top: 1px solid white;
  font-family: din, Helvetica, Verdana;
  font-size: 14px;
  font-weight: normal;
}
.screen0, .screen1, .screen2_1, .screen2_2 , .class2 , .class3, .question-block, .screen4_2{
  color: #63625C;
  width: 287px;
  padding: 17px 16px 20px;
  margin: 12px auto;
  background: #ffffff;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
  border-top: 1px solid white;
  float: left;
  height: 174px;
}

.screen0, .screen1{
   width: 656px;
}

.screen4_2{
  width: 791px;
  height: 107px;
}

.class2 , .class3{
  cursor: pointer;
}

.appliance_selector fieldset{
  border: none;
  margin-top: 3px;
  padding-left: 35px;
}

.appliance_selector .screen2 fieldset{
  border: none;
  margin-top: 3px;
  padding-left: 0px;
}
.appliance_selector h1{
  width: 938px;  
  font-size: 16px;
  background: url('http://portuguese.myoresearch.com/images/uploads/site/appliance_selector_h1_bg.png') no-repeat;
  color: white;
  padding: 3px 10px 21px 13px;
  position: absolute;
  top: 19px;
  left: -21px;
  text-transform: uppercase;
  z-index: 10;
}
.appliance_selector h2{
  font-size: 16px;
  text-transform: uppercase; 
  position: relative;
}
.appliance_selector h3{
  width: 308px;  
  font-size: 16px;
  background: url('http://portuguese.myoresearch.com/images/uploads/site/appliance_selector_h3_bgv2.png') no-repeat;
  color: white;
  padding: 3px 10px 13px 13px;
  margin: 0px;
  margin-left: -28px;
  text-transform: uppercase;
  z-index: 10;
  position: relative;
  font-size: 15px;
  line-height: 25px;
  height: 25px;
}
h3 .number,h2 .number{
  position: absolute;
  left: -67px;
  font-weight: normal;
  top: -18px;
  color: #bababa;
  text-indent: -5000px;
  width: 47px;
  height: 48px;
}
h3 .number.step1{
  background: url('http://portuguese.myoresearch.com/images/uploads/site/step1.png') no-repeat;
}
h2 .number.step2{
  background: url('http://portuguese.myoresearch.com/images/uploads/site/step2.png') no-repeat;
  left: -64px;
  top: 6px;
}
h2.step3{
  background: url('http://portuguese.myoresearch.com/images/uploads/site/step3.png') no-repeat;
  padding-left: 78px;
  height: 36px;
  padding-top: 11px;
  margin-bottom: 5px;
  color: #63625C;
}
.appliance_selector h4{
  margin: 0px;
  line-height: 16px;
  font-size: 14px;
  color:#339cea;
  text-transform: uppercase;
}
.group label{
  float: left;
  width: 182px;
  line-height: 16px;
  margin-bottom: 6px;
}
.screen_description{
  font-size: 15px;
  font-weight: bold;
}
.screen_main_description{
  margin-top: 16px;
  font-size: 16px;
  margin-bottom: 15px;
  color: #63625C;
}

.screen_main_description.white_bottom_bordered{
  padding-bottom: 20px;
  border-bottom: 1px solid white;
}

.clear{
  clear:both;
}

.dentition_picker_wrapper , .class2{
  margin-left: 79px;
}
.skill_wrapper , .class3{
  margin-left: 98px;
}

.appliance_selector fieldset.skill_picker{
  margin-top: 24px;
}

.appliance_selector .footer{
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 5px 58px;
  background: #ACACAC;
  display: block;
  width: 824px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
  color: white;
  font-size: 12px;
}

.validate_error{
  color: red;
  padding-left: 270px;
  padding-top: 10px;
  font-size: 16px;
  display: none;
}

.malocusion_picker{
  padding-left: 0px;
  padding-right: 0px;
}

.hidden{
  display:none;
}
.user_value{
  color: #dbab37;
  font-size: 16px;
}

.appliance_selector_col1,.appliance_selector_col2,.appliance_selector_col3{
  float: left;
}
.appliance_selector_col1{
  width: 308px;
  margin-right: 60px;
}
.appliance_selector_col2{
  width: 180px;
  margin-right: 75px;
  text-align: right;
}
.appliance_selector_col3{
  width: 200px;
}

.appliance_output h4{
  color: #11B5E4;
  font-size: 24px;
  font-weight: normal;
  background: white;
  line-height: 24px;
  padding: 8px 10px 5px 10px;
  position: relative;
}

.appliance_output .visit{
  margin-top: 20px;
}

.appliance_output .appliance_output_body{
  /*border: solid 3px #fdfdfd;*/
  background: #f0efea;
  padding: 15px;
  position: relative;
}

.appliance_selector_for_single_col1{
  width: 270px;
  text-align: right;
  float: left;
}
.appliance_selector_for_single_col2{
  width: 500px;
  margin-left: 25px;
  float: left;
}

.plus{
  background: url('http://portuguese.myoresearch.com/images/uploads/site/combined.png') no-repeat;
  width: 26px;
  height: 22px;
  display: block;
  float: left;
  margin: 31px 20px;
}
.followed_by{
  background: url('http://portuguese.myoresearch.com/images/uploads/site/followed_by.png') no-repeat;
  width: 22px;
  height: 20px;
  display: block;
  float: left;
  margin: 31px 20px;
}

.appliance_combinations{
  display:none;
}

.appliance_combinations a{
  float: left;
}

.appliance_combinations img{
  width: 95px;
  float: left;
}

.combinations,.result_wrapper{
  display:none;
}
h4.result_heading{
  padding: 10px 58px 8px;
  background: #EFEFEF;
  width: 100%;
  margin-left: -58px;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}

.appliance_combinations{
  padding: 16px 58px;
  background: white;
  margin-left: -58px;
  width: 100%;
  border-bottom: 1px solid silver;
  -webkit-box-shadow: 0px 5px 9px 0px rgba(211, 211, 211, 1);
  -moz-box-shadow: 0px 5px 9px 0px rgba(211, 211, 211, 1);
  box-shadow: inset -0px -5px 9px rgba(211, 211, 211, 1);
}

.appliance_list{
  padding: 20px 0px;
}

.for_appliance_selector{
  padding:14px 0px;
}
.appliance p{
  font-size: 13px;
  line-height: 17px;
  margin-top: 3px;
}

.screen_main_description.result_page{
  margin-top: 16px;
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 15px;
  font-size: 16px;
  color: #63625C;
}

.visit{
  background: url('http://portuguese.myoresearch.com/images/uploads/site/btn_view.png') 0px -35px no-repeat;
  
  width: 182px;
  height: 35px;
  display: block;
  margin-bottom: 5px;
  text-decoration: none;
  color:white;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0px 24px;
  text-indent: -5000px;
}
.visit:hover{
  background: url('http://portuguese.myoresearch.com/images/uploads/site/btn_view.png') 0px 0px no-repeat;
}
.view{
  background: url('http://portuguese.myoresearch.com/images/uploads/site/btn_effective.png') 0px -35px no-repeat;
  width: 182px;
  height: 35px;
  display: block;
  margin-bottom: 5px;
  text-decoration: none;
  color:white;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0px 30px;
  text-indent: -5000px;
}
.view:hover{
  background: url('http://portuguese.myoresearch.com/images/uploads/site/btn_effective.png') 0px 0px no-repeat;
}
.wrapper_first{
  width: 965px;
  margin: 0px auto;
  line-height: 22px;
}

.spinner{
  display:none;
}

.has-js .label_check,
.has-js .label_radio { padding-left: 0px; line-height: 18px; }
.has-js .label_radio { background: url(http://portuguese.myoresearch.com/images/uploads/site/checkbox_sprite.png) 165px -16px no-repeat }
.has-js label.r_on   { background: url(http://portuguese.myoresearch.com/images/uploads/site/checkbox_sprite.png) 165px 0px no-repeat; }
.has-js .label_check input,
.has-js .label_radio input { position: absolute; left: -9999px; }

.dentition_picker{
   width: 590px;
   position: relative;
}



.dentition_picker #slider_labels{
   position: relative;
   width: 600px;
   height: 84px;
   margin-top: 25px;
}
.dentition_picker #slider_labels  span{
   border-left: solid #f9c500 1px;
   display: block;
   height: 61px;
   position: absolute;
   left: 0px;
   top: 0px;
}

.dentition_picker #slider_labels  span.without_text{
   margin-top: 30px;
   height: 35px;
}

.dentition_picker #slider_labels  span ins{
   position: absolute;
   left: -30px;
   top: -20px;
   width: 75px;
  font-size: 11px;
  line-height: 15px;
  background: white;
}

.dentition_picker #slider_labels  span.tick1 ins{
  left: -22px;
}
.dentition_picker #slider_labels  span.tick3 ins{
  left: -35px;
}
.dentition_picker #slider_labels  span.tick5 ins{
  left: -31px;
}
.dentition_picker #slider_labels  span.tick7 ins{
  left: -35px;
}


.dentition_picker #slider_labels  span.tick1{
   left: 15px;
}
.dentition_picker #slider_labels  span.tick2{
   left: 111px;
}
.dentition_picker #slider_labels  span.tick3{
   left: 207px;
}
.dentition_picker #slider_labels  span.tick4{
   left: 303px;
}
.dentition_picker #slider_labels  span.tick5{
   left: 398px;
}
.dentition_picker #slider_labels  span.tick6{
   left: 494px;
}
.dentition_picker #slider_labels  span.tick7{
   left: 589px;
}

.dentition_picker #slider_labels  span.without_text{
   
}

#slider .ui-slider-handle.ui-state-default.ui-corner-all{
   background: url(/images/uploads/site/checkbox_for_slider.png) 0px 0px no-repeat;
   border: none;
   background-color: transparent;
   outline: none;
}

.screen2_1, .screen2_2{
  float: left;
  cursor: pointer;
}
.screen2_2, #questions_wrapper .question-block{
  margin-left: 55px;
}

#questions_wrapper .question-block.center{
  margin-left: 240px;
}

.has-js .label_radio { 
   line-height: 18px; padding-right: 20px; 
     background: url(http://portuguese.myoresearch.com/images/uploads/site/checkbox_sprite3.png) right -51px no-repeat ; 
     margin-right: 5px;  
   }
   .has-js label.r_on   { 
	background: url(http://portuguese.myoresearch.com/images/uploads/site/checkbox_sprite3.png) right -4px no-repeat !important; 
   }
      #questions_wrapper h3 .left{
        width: 68%;
        float: left;
        font-size: 15px;
      }
      #questions_wrapper h3 .right{
        width: 32%;
        float: left;
      }
      
      .action .next, .action .previous, .add_speciality_appliances, .action .print{
        height: 27px;
        width: 77px;
        background: url('http://portuguese.myoresearch.com/images/uploads/site/next_previous_button.png') 0px 2px no-repeat;
        display: block;
        text-indent: 0px;
        text-align: center;
        text-decoration: none;
        color: white;
        padding-top: 9px;
        text-tranform: uppercase;
        cursor: pointer;
        float: right;
      }
      .action .previous{
        float: left;
      }
      .action .next:hover, .action .previous:hover{
        background: url('http://portuguese.myoresearch.com/images/uploads/site/next_previous_button.png') 0px -35px no-repeat;
      }
      
      #slider_wrapper{
        background: url('http://portuguese.myoresearch.com/images/uploads/site/slider_bg.png') no-repeat;
        height: 25px;
        position: absolute;
        top: 60px;
        width: 592px;
        left: 42px;
      }
      #slider_wrapper #slider{
        border: none;
        position: relative;
        left: 8px;
        top: 3px;
        background: none;
        width: 575px;
        
      }
      
      .slider_description{
        text-align: center;
        font-size: 11px;
        color: #a49f93;
      }
      
      .screen2 .text, .question-block .text{
        width: 132px;
        float: left;
  font-size: 12px;
  line-height: 14px;
      }
      .screen2 img, .question-block img{
        float: right;
      }
      
      .question-block fieldset{
        padding: 0px;
      }
      
      .appliance_selector .screen0 h3, .appliance_selector .dentition_picker_wrapper h3{
        background: url('http://portuguese.myoresearch.com/images/uploads/site/appliance_selector_h3_bgv2_700pxwide.png') no-repeat;
        width: 700px;
      }
      
      #two_output_wrapper .for_appliance_selector{
        float: left;
        width: 385px;
      }
      #two_output_wrapper .for_appliance_selector .appliance_selector_for_single_col1{
        width: 220px;
        text-align: left;
      }
      
      #two_output_wrapper .for_appliance_selector .appliance_selector_for_single_col2{
        width: 135px;
        margin-left: 0px;
      }
      
      #multiple_output_wrapper  .for_appliance_selector{
        float: left;
        width: 242px;
      }
      #multiple_output_wrapper .for_appliance_selector .appliance_selector_for_single_col1{
        width: 220px;
        text-align: left;
      }
      
      #multiple_output_wrapper .for_appliance_selector .appliance_selector_for_single_col2{
        width: 220px;
        margin-left: 0px;
      }

#multiple_output_wrapper{
        height: 465px;
        max-height: 465px;
        overflow: hidden;
      }
      
      .appliance_external_wrapper{
        float: left;
      }
      
      
      
      #scrollbar1 { width: 836px; clear: both; margin: 20px 0 10px; }
      #scrollbar1 .viewport { width: 836px; height: 465px; overflow: hidden; position: relative; }
      #scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
      #scrollbar1 .thumb .end,
      #scrollbar1 .thumb { 
        -moz-border-radius: 9px;  
        -webkit-border-radius: 9px;
        border-radius: 9px;
        background: #0fb4e4; /* Old browsers */
        background: -moz-linear-gradient(top,  #0fb4e4 0%, #0fb4e4 50%, #0ea4cf 51%, #0ea4cf 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0fb4e4), color-stop(50%,#0fb4e4), color-stop(51%,#0ea4cf), color-stop(100%,#0ea4cf)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #0fb4e4 0%,#0fb4e4 50%,#0ea4cf 51%,#0ea4cf 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #0fb4e4 0%,#0fb4e4 50%,#0ea4cf 51%,#0ea4cf 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #0fb4e4 0%,#0fb4e4 50%,#0ea4cf 51%,#0ea4cf 100%); /* IE10+ */
        background: linear-gradient(top,  #0fb4e4 0%,#0fb4e4 50%,#0ea4cf 51%,#0ea4cf 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fb4e4', endColorstr='#0ea4cf',GradientType=0 ); /* IE6-9 */
      }
      #scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
      #scrollbar1 .track { background: url('http://portuguese.myoresearch.com/images/uploads/site/scrollbar_track.png'); height: 26px; width:13px; position: relative; padding: 0 2px; }
      #scrollbar1 .thumb { height: 22px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 2px; margin-left: 2px; }
      #scrollbar1 .thumb .end { overflow: hidden; height: 0px; width: 0px; }
      #scrollbar1 .disable{ display: none; }
      
      
      
      #two-output-template  .appliance_output h4, #multiple_output_wrapper .appliance_output h4{
        font-size: 18px;
        line-height: 18px;
	position: relative;
      }
      
      .for_appliance_selector{
        height: 445px;
        padding: 0px;
      }
      
      .appliance_output_body{
        height: 383px;
      }
      
      .followed_by_arrow{
        background: url('http://portuguese.myoresearch.com/images/uploads/site/followed_by_arrow.png') no-repeat;
        width: 20px;
        height: 16px;
        margin-left: 10px;
        margin-right: 10px;
        float: left;
      }
      
      .combined_with_plus{
        background: url('http://portuguese.myoresearch.com/images/uploads/site/combined_with_plus.png') no-repeat;
        width: 15px;
        height: 14px;
        margin-left: 12px;
        margin-right: 13px;
        float: left;
      }
      
      #multiple_output_wrapper .combined_with_plus, #multiple_output_wrapper .followed_by_arrow , #two_output_wrapper .combined_with_plus, #two_output_wrapper .followed_by_arrow {
        margin-top: 130px;
      }

.termsofuse_wrapper #scrollbar1 { width: 630px; margin: 0px 0px 10px 10px;}
      .termsofuse_wrapper #scrollbar1 .viewport {  height: 120px; width: 600px; float: left;}
      
      
      .screen0 .label_radio{
        float: right;
        margin-right: 51px;
      }
  
      .screen0 #scrollbar1 .thumb .end,
      .screen0 #scrollbar1 .thumb { 
        -moz-border-radius: 9px;  
        -webkit-border-radius: 9px;
        border-radius: 9px;
        background: #0fb4e4; /* Old browsers */
        background: -moz-linear-gradient(left,  #0fb4e4 0%, #0fb4e4 50%, #0ea4cf 51%, #0ea4cf 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0fb4e4), color-stop(50%,#0fb4e4), color-stop(51%,#0ea4cf), color-stop(100%,#0ea4cf)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  #0fb4e4 0%,#0fb4e4 50%,#0ea4cf 51%,#0ea4cf 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  #0fb4e4 0%,#0fb4e4 50%,#0ea4cf 51%,#0ea4cf 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  #0fb4e4 0%,#0fb4e4 50%,#0ea4cf 51%,#0ea4cf 100%); /* IE10+ */
        background: linear-gradient(left,  #0fb4e4 0%,#0fb4e4 50%,#0ea4cf 51%,#0ea4cf 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fb4e4', endColorstr='#0ea4cf',GradientType=0 ); /* IE6-9 */
      }
      .screen0 #scrollbar1 .track { background: url('http://portuguese.myoresearch.com/images/uploads/site/vscrollbar_track.png'); height: 26px; width:13px; position: relative; padding: 0px; }
      .screen0 #scrollbar1 .thumb { height: 22px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 2px; margin-left: 0px; }

.speciality_appliance_question_block{
        width: 280px;
        float: left;
        font-size: 14px;
        margin-left: 38px;
      }
      
      .has-js  .speciality_appliance_question_block li{
        margin-top: 3px;
      }
      
      .has-js  .speciality_appliance_question_block li label.label_radio{
        width: 140px;
        display: block;
        padding-left: 11px;
        cursor: pointer;
      }
      
      .speciality_appliance_question_block li .i_for_info{
        background: url('http://portuguese.myoresearch.com/images/uploads/site/i_for_info.png') no-repeat;
        width: 9px;
        height: 15px;
        display: inline-block;
        float: left;
        margin-right: 5px;
      }
      
      .add_speciality_appliances{
            margin-top: 25px;
      }

.screen4_2{
        float: none;
      }
      .speciality_appliances{
        margin-top: 30px;
      }
      .speciality_appliances .appliance_external_wrapper{
        margin-right: 40px;
      }
      .speciality_appliances .appliance_external_wrapper.last{
        margin-right: 0px;
      }

#two_output_wrapper{
        margin-top: 30px;
        margin-bottom: 30px;
	height: 338px;
      }


#two_output_wrapper .appliance_output_body{
        height: 264px;
}

#one_output_wrapper{
   margin-top: 30px;
}



#multiple_output_wrapper .appliance_external_wrapper{
        width: 242px;
        height: 444px;
      }
      #one_output_wrapper .appliance_external_wrapper{
        width: 827px;
        height: 239px;
      }
      
      #one_output_wrapper .for_appliance_selector{
        height: 236px;
      }
      
      #one_output_wrapper .appliance_output_body{
        height: 172px;
      }
      
      #two_output_wrapper .appliance_external_wrapper{
        width: 385px;
        height: 331px;
      }
      
      .appliance_external_wrapper {
        border: solid 3px #FDFDFD;
        background: #E9E8E3 url('http://myoresearch.com/images/uploads/site/spinner.gif') no-repeat center;
      }

.screen0.termsofuse_wrapper{
   margin-top: 50px;
   margin-left: 82px;
   margin-bottom: 50px;
}


.screen4_2 h3{
   width: 173px;
}

#appliance_selector_row_for_multiple_product .appliance_output_body a.visit{
  position: absolute;
  bottom: 10px;
  left: 15px;
}

.appliance_output h4 span.stage {
	background: #0FB4E4;
color: white;
padding: 4px 10px;
font-size: 17px;
line-height: 16px;
position: absolute;
right: -3px;
top: 3px;
padding-bottom: 2px;
}

#two_output_wrapper .appliance_output h4 span.stage{
   top: 6px;
}