@charset "utf-8";
html {overflow-y: scroll;}
body {background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 0px 0px; color: #000000;}

div.container { margin: 0px auto 0px auto; width: 1170px; }

/*Header*/
div.header { width: 100%; margin: 5px 0px 10px 0px;}
div.header div.logo { width: 340px}
div.header div.header_center { width: 568px; padding: 0px 0px 0px 10px; font-family: Verdana; font-size: 36px; font-weight: bold; color: #0082BB; margin: 73px 0px 0px 0px; line-height: 1}
div.header div.right_side { width: 250px; margin-left: 2px;}
div.header div.right_side div.welcome {margin: 81px 0px 0px 0px; height: 16px; line-height: 1; padding: none}
div.header  div.navigation_container {width: 100%; height: 25px; margin: -4px 0px 0px 0px; background: #0082BB}
div.header  div.navigation_container ul.navigation {list-style: none; margin: 0px; padding: 0px; width: 100%;}
div.header  div.navigation_container ul.navigation li.nav_button {color: #FFFFFF; border-right: 2px solid #FFFFFF; height: 25px;}
div.header  div.navigation_container ul.navigation li.nav_button a {margin: 0px; font-size: 15px; padding: 3px 13px 3px 12px; color: #FFFFFF; text-decoration: none; line-height: 25px; vertical-align: middle; background: #0082BB;}
div.header  div.navigation_container ul.navigation li.nav_button a:hover {background: #a4a4a4}
div.header  div.navigation_container ul.navigation li a.active {background: #a4a4a4}
div.header  div.empty_bar {width: 100%; height: 25px; margin-top: 80px;}

/*Main Content*/
div.main_content_container { width: 100%; margin: 0px}
div.main_content_container div.content {float: left; width: 1130px; margin: 0 20px 20px 20px; background: #A4A4A4;}
ul.call_tabs {float: left; padding: 0; clear: left; margin: 20px 0 0 20px; width: 1150px;}
ul.call_tabs li {display: block; float: left; padding: 0; width: 560px;}
ul.call_tabs li.padded {margin: 0 10px 0 0;}
ul.call_tabs li a {position: relative; display: block; float: left; padding: 3px 0px; cursor: pointer; width: 100%; background: #0082BB; color: #ffffff; font-size: 16px; font-weight: bold; border-bottom: 1px solid #EFEFEF; text-align: center; text-decoration: none;}
ul.call_tabs li a:hover {background: #A4A4A4; text-decoration: none;}
ul.call_tabs li a.active { z-index: 1; border-bottom: none; border-bottom: 1px solid #A4A4A4; background: #A4A4A4;}
div.main_content_container div.content ol.months_list {background: #ffffff; width: 1085px; margin: 10px;}

/*Footer*/
div.footer { width: 100%; margin: 10px 0px 5px 0px; text-align: center}

/*Call History*/
h2.intro_heading {float: left; width: 100%; margin: 15px 0px 0px 31px;}
p.intro {float: left; width: 1040px; margin: 10px 0px 0px 60px;}
p.intro span {color: #7a7a7a; margin: 10px 0 0 20px; display: block;}
input.callback_note {width: 195px;}

/*Survey*/
div.survey_header {border-bottom: 1px solid #000000; width: 1130px; margin: 5px 10px 10px 20px}
div.survey_header h2 {float: left; margin-right: 100px;}
div.survey_header h2 span {color: #0082BB}
a.back {margin: 15px 0; float: right; font-size: 18px;}
	.curvedarrow {float: left; margin: 9px 10px 0 3px; position: relative; width: 0; height: 0; border-right: 7px solid transparent; border-bottom: 7px solid #0082BB; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } 
	.curvedarrow:after { content: ""; position: absolute; border: 0 solid transparent; border-top: 3px solid #0082BB; border-radius: 18px 0 0 0; top: -10px; left: -1px; width: 10px; height: 10px; -webkit-transform: rotate(145deg); -moz-transform: rotate(145deg); -ms-transform: rotate(145deg); -o-transform: rotate(145deg); }
div.Question {width: 1115px; margin: 0px 0px 10px 0px; padding: 5px 10px;}
#Question34, #Question35, #Question36, #Question38, .call_back {display: none;}
span.notes {float: left; width: 100%; color: #757575; margin: 8px 0;}
.clear_selection {font-size: 10px; width: 100%; margin: 2px 0 0 25px; }
.gray {color: #757575;}
.required_message {float: right; margin-bottom: 10px;}
.required-identifier {color: red; float: left; margin: 0 0 0 -7px;}
.required_highlight {background: #FFD7AF}
.content form {float: left;}
.other_textfield {margin: 0 3px 0px 25px; width: 600px;}
#submit_button {margin: 15px 30px;}
.wide_select_field {width: 350px}

/*Thank You Page*/
.thank_you {float: left; width: 100%; text-align: center; padding: 30px 0 0 0; font-weight: bold;}
.thank_you span {color: #757575;}
.redirect {width: 100%; text-align: center; float: left; margin: 10px 0;}
.call_log_link {display: block; float: left; width: 100%; text-align: center; padding: 0 0 40px 0;}



.form_message {font-size: 14px; margin-top: 10px}

/*Report Page*/
div.report_area { margin: 8px 0px 20px 0px; width: 100%; }
div.report_area div.title { color: #0082BB; font-size: 14px; font-weight: bold; }
div.report_area div.report_line { background-color: #0082BB; height: 1px; margin: 0px 0px 12px 0px}

div.report_area div.report_table { margin: 10px 0px 5px 0px; width: 100%; overflow-x: hidden; }

div.report_area div.report_table table { width: 100%; }
div.report_table table tr th { border-collapse: collapse; border: 1px solid #000000; padding: 2px; white-space: nowrap; font-style: italic;}
div.report_area div.report_table table tr td { border-collapse: collapse; border: 1px solid #000000; padding: 2px; white-space: nowrap; overflow: hidden;}
div.report_area div.report_table table tr th { color: #000000; padding: 4px; vertical-align: bottom;}
div.report_area div.send_items_report_table table tr td:nth-child(1) {text-align: center;}

/*Send Items Table*/
div.report_area div.send_items_report_table {margin: 10px 0px 5px 0px; width: 100%; overflow-x: hidden; }
div.report_area div.send_items_report_table table {border-collapse: collapse; width: 100%; } 
div.report_area div.send_items_report_table table tr{padding-left: 10px; border-bottom: 1px solid #000;}
div.report_area div.send_items_report_table table tr th {color: #000000; padding-bottom: 4px; font-style: italic; vertical-align: bottom;}
div.report_area div.send_items_report_table table tr td {height: 28px; padding: 0px; white-space: nowrap; overflow: hidden;}


form.LoginForm input {color: black;}
form.LoginForm input.button {color: black; }
div.LoginForm fieldset {border: 1px solid #0082BB; margin: 30px auto 10px auto; width: 450px; padding: 0px; }
div.LoginForm fieldset input.LoginTextField { width: 258px; }
div.LoginForm label{width: 130px; float: left; font-weight: bold; padding-left: 10px; padding-top: 2px}

div.ListingForm {width: 100%; padding: 0px}
div.ListingForm fieldset, form.DataEntryForm fieldset {border: 1px solid #0082BB; margin: 20px auto 15px auto; padding: 0px; width: 1170px; }
.FormName {left: 5px; font-size: 18px; margin-top: -14px; background-color: #FFF; position: relative; padding: 0px 10px 2px 10px; float: left; color: #0082BB }
.SubNavigation {right: 5px; margin-top: -11px; background-color: #FFF; float: right; position: relative; padding: 0px 10px 2px 10px; font-size: 14px}
.SubNavigation a { text-decoration: none; color: #0082BB; }
.SubNavigation a:hover { text-decoration: underline; }
fieldset ol {clear: both; float: left; width: 1150px; padding: 10px; }
fieldset li {width: 1150px; float: left; padding: 5px 0px 5px 5px; list-style: none; }
fieldset ol, fieldset li {margin: 0}
.ColumnHeader {float: left; vertical-align: top;}
.EnrollmentColumnHeader {float: left; vertical-align: bottom; text-align: center; }
.SectionHeader {width: 100%; float: left; vertical-align: top; text-transform: uppercase; background-color: #dac69d; padding: 3px 0px 3px 5px; color: black}
div.FormOptions, div.Value {vertical-align: top; border-top: #000000 1px solid; padding-top: 3px; float: left; }
div.DataEntryForm {width: 100%; margin-top: 8px; padding: 0px;}

#SearchTermsForm fieldset {width: 1150px; border: 1px solid #000000;}
#SearchTermsForm fieldset div.filterHolder {margin: 5px 0px 5px 10px; padding: 7px 0px 7px 0px; width: 1130px; background-color: #a4a4a4;}

div.DataEntryForm textarea.TestimonialText {height: 130px;}

hr {float: left; width: 96%; margin: 0 2%;}


div.ListingForm label, form.DataEntryForm label {width: 14%; float: left; font-weight: bold; padding-left: 10px; padding-top: 2px}
div.ListingForm div.FormField, form.DataEntryForm div.FormField {width: 84%; float: right}
em {color: red}
div.ListingForm .SubmitButton, form.DataEntryForm .SubmitButton {padding-bottom: 10px; text-align: center}
div.FieldNote {font-size: 8pt}


#EnrollmentForm label, #LogForm label {width: 25%; float: left; font-weight: bold; padding-left: 10px; padding-top: 2px}
#EnrollmentForm div.FormField, #LogForm div.FormField {width: 73%; float: right}
#EnrollmentForm fieldset {border-bottom: none; margin: 20px auto 0px auto; padding: 0px 0px 20px 0px; width: 978px; }
#LogForm fieldset {border-top: none; margin: -20px auto 0px auto; padding: 0px; width: 978px; }

 input.ReadOnly {border: none;}
 .noteFormField {width: 100%;}
 #LogForm  label.note-label {width: 15%;}
 .note-textarea {float: left; width: 80%; height: 100px; }

.SourceIDTextField { width: 75px; }
.ZipTextField { width: 50px; }
.PhoneTextField { width: 100px; }
.LoginTextField { width: 500px; }
.LongTextField { width: 775px; }
.MedTextField { width: 675px; }
.LongTextarea { width: 775px; height: 80px; }
.FileUploadAccessMultipleSelect { width: 350px; }

#CompanySelectArea, #UserSelectArea {display: none;}

div.filters {float: left; width: 906px; margin: 10px 15px; padding: 10px 10px; background: #C8B885;}
div.filters span.label {font-size: 14px; font-weight: bold; padding: 0; margin-right: 5px;}
div.filters div.first_level {float: left; width: 250px;}
div.filters div.second_level {float: left; width: 400px;}

.DeleteDisplay {line-height: 21px;}
.delete_file_link {margin-left: 10px; cursor: pointer;}
.delete_red {color: red;}
#ExportKitsLink, #ExportGuidesLink, #ExportQuitLineLink {cursor: pointer;}

/*Yes/No toggle*/
div.yes_no_switch {width: 100%}
div.yes_no_switch a {padding: 1px 5px; width: 20px; background: #D1D1D1; color: #A4A4A4; margin-right: 5px; text-align: center; border: 1px solid #A4A4A4; cursor: pointer;}
div.yes_no_switch a:hover {text-decoration: none; background: #EAEAEA;}
div.yes_no_switch a.selected {background: #0082BB; color: #ffffff; cursor: default;}

/*call outome bypass*/
div.call_outcome_bypass {width: 100%; margin-left: 7px}
div.call_outcome_bypass a {padding: 1px 4px; width: 50px; background: #0082BB; color: #ffffff; margin-right: 5px; text-align: center; border: 1px solid #A4A4A4; cursor: pointer; padding: 2px 10px 2px 10px}
div.call_outcome_bypass a:hover {text-decoration: none; background: #D1D1D1; color: #A4A4A4;}
div.call_outcome_bypass a.selected {background: #D1D1D1; color: #A4A4A4; cursor: default;}



@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('bootstrap/glyphicons-halflings-regular.eot');
  src: url('bootstrap/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('bootstrap/glyphicons-halflings-regular.woff2') format('woff2'), url('bootstrap/glyphicons-halflings-regular.woff') format('woff'), url('bootstrap/glyphicons-halflings-regular.ttf') format('truetype'), url('bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}

.SmallCountField {width: 70px; text-align: right; } 

.required_asterisk {
	color: red;
	font-weight: 900;
	font-size: 14px;
}

.required > div > .question_label:after {
	color: red;
	content: '*';
	font-weight: 900;
}

.pageErrorMessage {
	color: red;
	width: 100%;
	display: inline-block;
	clear: both;
	margin: auto;
	text-align: center;
}

div.profile_button {float: left; width: 44%; background: #0082BB; margin: 10px 20px 10px 20px; padding: 10px; text-align: center}
div.profile_button:hover {background: #a4a4a4}




ul.survey_info {float: left; width: 96%; margin: 1% 2%; padding: 0;}
ul.survey_info li {float: left; width: 48%;}
ul.survey_info li span {font-weight: bold; margin-right: 5px;}

input.OtherEmployment {width: 500px}

.shortTextbox {width: 195px}