﻿/*begin forms*/
fieldset.formfield input[type*="e"]{
    text-align:left;
    border-radius:8px;
    line-height:15px;
    font-size:14px;
    padding:17px 20px;
}
label{position:relative;display:block;}
.hide {
    display: none;
    visibility:hidden;
}
form .narrow{
    width:100%;
    margin:0 0 10px 0;
    
}


form .left{
    float:left;
}

form .left.narrow.fbutton{height:55px;font-size:18px;line-height:19px;}

.formfields,
ul.formfields {
	padding: 4px 0;
	list-style-type: none;
	overflow: auto;
}
.formfield {
	margin: 8px 0;
}

.formlabel {
	display: block;
	margin-bottom: 8px;
    font-size: 15px;
    font-weight: 800;
    color: #9da2a3;
}
#findRepResults .formlabel {
    color: #3b3b3b;
}
.page-home .form-findrep .formlabel {
    color: #fff;
}
.formlabel.required-field:after {
	content: "*";
	white-space: nowrap;
}
.formfield input[type="text"],
.formfield input[type="email"],
.formfield input[type="tel"],
.formfield select {
	font-family: 'Open Sans', sans-serif;
	display: block;
	width: 100%;
	line-height: 125%;
	font-size: 100%;
	border: 0 none;
	outline: 0 none;
	background-color: #FFFFFF;
	border-radius: 0;	
	text-align: center;
	padding: 18px 8px;
	margin: 0;
	border-radius: 8px;
    list-style: none;
}
.formfield select {
    padding-right: 0;
}
.formfield input[type="radio"],
.formfield input[type="checkbox"] {
	margin-right: 4px;
    margin-left: 2px;
	float: left;
}
.formfield .radio-item,
.formfield .checkbox-item  {
	margin: 8px 0 12px;
}
.formfield .checkbox-item label,
.formfield .radio-item label {
	padding-left: 23px;
}
.formsubmit {
	width: 100%;
	-webkit-appearance: none;	
	margin-top: 0;
	margin-bottom: 32px;
	padding: 18px 0;
	max-width: none;
}
input#findRepZip {
    text-align: center;
    max-width: 320px;
    margin: 10px auto;
}
.find-htc-results{clear:both;padding-top:30px;display:none;}
.find-htc-results a{
    color: #ff8105;
    padding-top:20px;
}

#blueForm, .blue-form{background-color:#92d7f7;}
#blueForm, .blue-form, .light-form{padding:25px 0 0;}
p + .light-form{padding:0 0 32px;}
#blueForm legend, .blue-form legend, .light-form legend{padding:0 0 20px 0;}
.horizontal legend{display:inline-block;float:left;}
.horizontal > label{padding:0 0 0 23px;margin-left:20px;display:inline-block;float:left;}
.light-form label{line-height:20px;}
#blueForm:after, .blue-form:after, .light-form:after{content:"";display:table;clear:both;}
#blueForm .formfield, .blue-form .formfield, .light-form .formfield{margin:0;max-width:591px;}
.blue-form > fieldset.center, .light-form > fieldset.center{margin:0 auto; width:100%;max-width:960px;}
.blue-form > fieldset.center.narrow, .light-form > fieldset.center.narrow{max-width:591px;}
#blueForm input, .blue-form input[type*="e"]{margin-bottom:31px;}
#blueForm .narrow, .blue-form .narrow, .light-form .narrow{margin-bottom:0;}
#blueForm .dropdown, .blue-form .dropdown, .light-form .dropdown{margin-bottom:31px;}
.checkbox, .radio-select{position:relative;padding-left:30px;margin-bottom:10px;}
.checkbox .checker{position:absolute;top:3px;left:-30px;}
label.radio-select .radio{position:absolute;left:0;top:2px;}
.light-form label.radio-select .radio{top:0;}
.light-form label.radio-select{margin-bottom:10px;}
.light-form .checkbox .checker{top:1px;}
.checkbox + .checkbox{margin-top:10px;}
.radio.yesOrNo {margin: 0px auto; width: 0%; text-align: center;}
.page-survey .radio.yesOrNo {margin: 0px auto; width: 0%; text-align: center;}
.sitemap-section h2 {margin-bottom: 15px;}

label.error{color:#ff0000;margin-bottom:10px;}
#blueForm .error, .blue-form .error, .light-form .error{top:-28px;}
#blueForm fieldset:after, .blue-form fieldset:after, .light-form fieldset:after{content:"";clear:both;display:table;}
#blueForm fieldset > label, .blue-form fieldset > label, .light-form fieldset > label{position:relative;clear: both;}
#blueForm label label.error, .blue-form label label.error, .light-form label label.error{position:absolute;}
#blueForm .formlabel, .blue-form .formlabel {
color: #3b3b3b;
}

[class*="light"] .formfield input[type*="e"]{border:3px solid #e2eaeb;margin-bottom:31px;}


/* Uniform JS */
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }
div.selector, div.checker, div.button, div.radio, div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */ }
  div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
    outline: 0; }
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
  margin: 0;
  padding: 0; }

/* Select */
div.selector {
    width:100% !important;
   
  background-position: -2px -57px;
  line-height:47px;
  height: 47px;
  padding: 0 0 0 20px;
  position: relative;
  overflow: hidden; 
}
  div.selector span {
    width:100% !important;
   
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 47px;
    line-height: 47px;
    padding-right: 25px;
    cursor: pointer;
    width: 100%;
    display: block;
    color:#ababab;
    font-size:14px;
  }
  div.selector.fixedWidth {}
    div.selector.fixedWidth span {}
  div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height:47px;
    top:0;
    left: 0;
    width: 100%; }
  div.selector.active {}
    div.selector.active span {}
  div.selector.hover, div.selector.focus { }
    div.selector.hover span, div.selector.focus span {}
    div.selector.hover.active, div.selector.focus.active {}
      div.selector.hover.active span, div.selector.focus.active span {}
  div.selector.disabled, div.selector.disabled.active {}
    div.selector.disabled span, div.selector.disabled.active span {}

/* Checkbox */
div.checker {
  position: relative; }
  div.checker, div.checker span, div.checker input {
    width: 18px;
    height: 18px;
  }
  .light-form div.checker, .light-form div.checker span, .light-form div.checker input {
    width: 20px;
    height: 20px; }
  div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: -4px -116px; }
  .light-form div.checker span{
      background-position: -4px -141px;
  }
    div.checker span.checked {
      background-position: -33px -116px; }
    .light-form div.checker span.checked {
      background-position: -33px -141px; }
  div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  div.checker.active span {}
    div.checker.active span.checked {}
  div.checker.hover span, div.checker.focus span {}
    div.checker.hover span.checked, div.checker.focus span.checked {}
  div.checker.hover.active span, div.checker.focus.active span {}
    div.checker.hover.active span.checked, div.checker.focus.active span.checked {}
  div.checker.disabled, div.checker.disabled.active {}
    div.checker.disabled span.checked, div.checker.disabled.active span.checked {}

/* Radio */
div.radio {
  position: relative; }
  div.radio, div.radio span, div.radio input {
    width: 18px;
    height: 18px; }
  .light-form div.radio, .light-form div.radio span, .light-form div.radio input {
    width: 20px;
    height: 20px; }
  div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: -4px -116px; }
  .light-form div.radio span{
      background-position: -4px -141px;
  }
    div.radio span.checked {
      background-position: -33px -116px; }
    .light-form div.radio span.checked {
      background-position: -33px -141px; }
  div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center; }
  div.radio.active span {}
    div.radio.active span.checked {}
  div.radio.hover span, div.radio.focus span {}
    div.radio.hover span.checked, div.radio.focus span.checked {}
  div.radio.hover.active span, div.radio.focus.active span {}
    div.radio.hover.active span.checked, div.radio.focus.active span.checked {}
  div.radio.disabled span, div.radio.disabled.active span {}
    div.radio.disabled span.checked, div.radio.disabled.active span.checked {}


.form-signup {
	font-size: 15px;
	line-height: 18px;
	margin: 0 auto;
	max-width: 320px;
}
.form-signup .formfields {
	padding: 0;
}
.form-signup .formfield {
	/*margin: 8px 0;*/
}
.form-signup .formlabel {
	/*display: none;*/
}
.ie .form-signup .formlabel {
	/*display: block;*/
}
.form-signup .formfield input[type="text"],
.form-signup .formfield input[type="email"],
.form-signup .formfield input[type="tel"] {
	/*text-align: center;
	padding: 18px 8px;
	margin: 0;
	border-radius: 8px;*/
}
.form-signup .formsubmit {
	/*margin-top: 0;
	margin-bottom: 32px;
	padding: 18px 0;
	max-width: none;*/
}

.form-findrep  .formlabel {
	/*display: none;*/
}
.ie .form-findrep .formlabel {
	/*display: block;*/
}
/* end forms */
.signup-headline,
.signup-copy {
	font-size: 16px;
	line-height: 24px;
}
.signup-headline {
	font-weight: 700;
}
.signup-copy {
	margin: 0 0 24px;
}
.my-menu{    
    text-align: left;
    border-radius: 8px;
    line-height: 15px;
    font-size: 14px;
    padding: 17px 20px;
    font-family: 'Open Sans', sans-serif;
    display: block;
    width: 100%;
    line-height: 125%;
    outline: 0 none;
    background-color: #FFFFFF;
    margin: 0;
    list-style: none;
    max-width:288px;
    cursor:pointer;
}
.my-menu label{color:#999999;}
.my-menu ul li { padding: 15px 5px;width: 100%;font-weight:600;}
.my-menu ul li:hover {background-color:orange;color:#ffffff;}
@media screen and (min-width: 48em) {
 .form-signup {margin:0;}
 .page-find-baxalta-rep input#findRepZip {
    margin: 10px 0;
}
}
@media screen and (min-width: 64em) { /*1024px*/
    form .narrow{max-width:324px;}
    .form-signup {margin:0;}
    form .left + .left.narrow.fbutton{margin:0 0 0 20px;}
    form .narrow + .narrow{margin-left:13px;}
    div.selector {max-width: 324px;background-image: none;}
    div.selector span{max-width: 324px; border: 3px solid #999999;border-radius:8px;background-image: none; }
    #blueForm fieldset > label, .blue-form fieldset > label, .light-form fieldset > label{position:relative;clear: none;}
    #blueForm .narrow, .blue-form .narrow, .light-form .narrow{max-width:289px;}
    #blueForm, .blue-form, .light-form{padding:63px 0 32px;}
    div.selector { max-width: 288px;}
    div.selector span {max-width: 268px;}
    label.error {white-space: nowrap;margin-bottom:10px;}
    input#findRepZip { margin: 0;}

}