/*---Globals---*/
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; margin: 0;}
a {-webkit-transition-duration: 0.3s, 0.3s; -webkit-transition-timing-function: linear, ease-in; text; -moz-transition-duration: 0.3s; -moz-transition-timing-function: linear, ease-in;
 text; -o-transition-duration: 0.3s; -o-transition-timing-function: linear, ease-in;}
h1 {background: #eee; padding: 10px; position: relative;}
h1, h2 {font-weight: normal; margin: 0;}
h2 {margin: 0 0 10px; font-size: 18px;}
h3 {margin: 5px 0; font-size: 13px;}
hr {border: 1px solid #ccc;}
p {margin: 5px 0; line-height: 20px;}
.font-large {font-size: 18px;}
.font-grey {color: #555;}


/*---Links---*/
a.btn {display: block; float: left; background: #F60; text-decoration: none; padding: 10px 30px; color: #fff; font-size: 14px; text-align: center; -webkit-border-radius: 5px;
border-radius: 5px; behavior: url(/Quotit/apps/Epro/Scripts/PIE.htc);}
a:hover.btn {background: #555!important;}
a:active.btn {background: #ddd!important; color: #444!important;}
.progress-holder a.active {background: #666;}
a.progress {width: 15px; height: 15px; display: block; text-indent: -25000px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; background: #bbb; float: left;margin-right: 5px;}
a:hover.progress {background: #666;}
a.basic-link {text-decoration: none; color: #333;}
a:hover.basic-link {color: #ccc;}
.rotate {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden;}  
.rotate:hover  {-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);} 
.float-right {float: right!important;}
.returning {padding: 20px; background: #eee; width: 65%; float: left;}


/*---Layout---*/
#container {width: 1000px; margin: 20px auto 0 auto; position: relative; padding-bottom: 50px; overflow: hidden;}
.grid {float: left; margin-bottom: 30px; width: 100%;}
.grid-fullPadding {float: left; margin-bottom: 30px; width: 98%; padding: 1%;}
.half-grid {float: left; width: 50%;}
.padded-grid {width: 48%; padding-right: 2%;}
.third-grid {float: left; width: 33.3%;}
.twothirds-grid {float: left; width: 66.6%;}
.quarter-grid {float: left; width: 25%;}
.status {background: #ddd; float: left; font-size: 20px; padding: 10px;}
.status span {color: #888;}
.totals {background: #fff; float: left; font-size: 20px; padding: 10px;}
.totals p {padding: 0; float: left; margin: 0 10px 0 0; line-height: 25px;}
.totals p span {color: #888;}
.footer {border-top: solid 1px #ccc;}
.instruction-guide p {margin-bottom: 30px;}
.instruction-guide ul {margin: 0 0 30px 0;}
.instruction-guide ul li {margin-bottom: 5px;}

.modal-grid {float: left; margin-bottom: 30px; width: 94%; padding: 0 3%;}
.modal-grid-small {float: left; margin-bottom: 30px; width: 160px; padding: 0 20px;}
.modal-grid-medium {float: left; margin-bottom: 30px; width: 360px; padding: 0 20px;}
.modal-grid-large {float: left; margin-bottom: 30px; width: 560px; padding: 0 20px;}
.modal-grid-xlarge {float: left; margin-bottom: 30px; width: 760px; padding: 0 20px;}
.modal-grid-xxlarge {float: left; margin-bottom: 30px; width: 960px; padding: 0 20px;}

/*---Form Items---*/
input[type="text"] {height: 30px; line-height: 30px; border: 1px solid #bbb; padding-left: 5px; color: #555;}
input.input-xsmall {width: 30px;}
input.input-small {width: 100px;}
input.input-medium {width: 130px;}
input.input-large {width: 200px;}
input.input-xlarge {width: 300px;}
input.input-tall {height: 40px; line-height: 40px; font-size: 22px;}
input.input-zipEntry {width: 50px;}
input.input-dob {width: 75px;}
input.input-borderThick {border: 5px solid #ccc;}

textarea.Comments{width: 300px; height: 100px; border: 1px solid #bbb; padding-left:5px; color: #555; font-family: Arial, Helvetica, sans-serif; line-height:20px;}
input[type="radio"] {/*vertical-align: middle; */margin: 5px 2px;}
label {margin: 0px 15px 0 0;}
select {padding: 7px; *height: 34px;}
.styledRadio {display: inline-block;}
.relationship-dropdown {width: 120px;}


/*---Tables---*/
table#fulltime td {text-align: center;}
table#seasonal th {text-align: left; background: #fff; padding: 10px;}
table#seasonal label {display: block; margin-bottom: 5px;}
table#seasonal input {margin-bottom: 10px;}
table#employees, table#plans {border-collapse: collapse;}
table#employees th, table#plans th {text-align: left; padding: 10px; background: #666; color: #fff; font-weight: normal;}
table#employees td, table#plans td {padding: 10px; border: 1px solid #ddd;}
table#employees th a {color: #fff; text-decoration: none;}
table#employees th a:hover {color: #aaa;}
tr.rowColor-red {background: #ffe6e6;}
tr.rowColor-yellow {background: #fff9d1;}
tr.rowColor-green {background: #eaffe6;}
table.table-primary {border: 1px solid #ddd;}
table.table-primary th {text-align: left; background: #2060C0; color: #EAF2FF; font-size: 14px; padding: 10px;}
table.table-primary td {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px;}
.ie7 table.table-primary td {background: #fff;}
.ie8 table.table-primary td {background: #fff;}
/*table.table-primary tr > td:last-of-type {border-right: none;}*/
table.table-primary tr > td:first-of-type {font-weight: bold; color: #2060C0; background: #fff;}
/*table.table-primary tr:nth-child(odd) {background: #eee;}*/
table#table-primary th {text-align: left; background: #2060C0; color: #EAF2FF; font-size: 14px; padding: 10px;}
table.table-primary td {border-right: 1px solid #ddd; padding: 10px;}
.ie7 table#table-primary td {background: #fff;}
.ie8 table#table-primary td {background: #fff;}
table#table-primary tr > td:last-of-type {border-right: none;}
table#table-primary tr > td:first-of-type {font-weight: bold; color: #2060C0;}
table#table-primary tr:nth-child(odd) {background: #eee;}
.odd {background: #eee;}
.even {background: #fff;}
td.remove-border {border-right: none;}

table#health-status th {text-align: left; font-size: 12px; padding: 10px; background: #ddd;}
table#health-status td {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 10px;}
table#health-status  tr > td:first-of-type {font-weight: bold; color: #2060C0; background: #fff;}


/*---Random---*/
.arrow {background: url(/eproIFP/images/arrow.png) 150px top no-repeat}
#of {height: 84px;}
.marginBottom-10 {margin-bottom: 10px;}
.marginBottom-20 {margin-bottom: 20px;}
.marginRight-20 {margin-right: 20px;}
.scrollbox {max-height: 300px; overflow-y: auto; overflow-x: hidden;}
.scrollbox-short {max-height: 150px; overflow-y: auto; overflow-x: hidden;}
.progress-holder {position: absolute; right: 20px; top: 19px; z-index: 9999;}
.carrier-options {width: 410px; position:absolute; top: 83px; right: 0; z-index: 9999999; border: 1px solid #ccc; padding: 20px 20px 0;}
ul.list-1 { list-style-type: none; margin: 10px 0 0 0; padding: 0;}
ul.list-1 li {margin-bottom: 10px;}
ul.list-1 li span {font-weight: bold;}
.edit-holder {position: relative;}
a.edit {position: absolute; right: 30px; top: 10px;}
.popup-edit {position: absolute; background: #777; width: 150px; padding: 12px 20px; font-size: 12px; color: #fff; -webkit-border-radius: 15px 0px 15px 15px; border-radius: 15px 0px 15px 15px; display: none; right: 50px; top: 12px;}
.required {color: red; font-size: 20px; font-weight: bold;}
.ui-tooltip {padding:12px; position:absolute; z-index:9999; width: 200px; background: #FF6600!important; color: #fff!important; font-size: 14px; font-family: Arial, Helvetica, sans-serif!important;}
.shadow {-webkit-box-shadow: 0 8px 6px -6px #999; box-shadow: 0 8px 6px -6px #999; -moz-box-shadow: 0 8px 6px -6px #999;}
.shadow-light {box-shadow: 0 8px 6px -8px #999; -webkit-box-shadow: 0 8px 6px -8px #999; -moz-box-shadow: 0 8px 6px -8px #999;}
.highlight {background: #888; color: #fff;}
.bkgrd-grey {background: #f5f5f5;}
.consumer-guides {background: #f9f9f9; width: 200px; border: 1px solid #e3e3e3; position: absolute; top: 150px; right: 0; z-index: 99; padding: 20px;}
.county-holder p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 105px;}
.county-holder select {width: 105px;}



/*---Calendar---*/
.calendar-checkHolder {float: left; height: 23px; padding-top: 10px;}
/*.calendar-dateHolder {width: 100px; float: left; margin-left: 5px; height: 26px;}*/
.calendar-dateHolder input {width: 70px;}


/*---Benefit Detail---*/
#benefitDetail-container {width: 1003px; overflow: hidden; margin: 0 auto;}
#benefitDetail-container h1 {margin: 0 0 20px 0; padding: 0; padding: 10px; background: #888; font-weight: normal; color: #fff; -webkit-box-shadow: 0 8px 6px -6px #666; box-shadow: 0 8px 6px -6px #666; -moz-box-shadow: 0 8px 6px -6px #666; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/Quotit/apps/Epro/Scripts/PIE.htc);}
#benefitDetail-container h2 {font-size: 18px; color: #666;}
#benefitDetail-container #header-planDetail {width: 963px; background: #777; overflow: hidden; padding: 20px; z-index: 999999; position: fixed;}
#benefitDetail-container a.apply-now {display: block; background: #F60; width: 150px; text-decoration: none; padding: 10px; color: #fff; font-size: 14px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/Quotit/apps/Epro/Scripts/PIE.htc);}
#benefitDetail-container a:hover.apply-now {background: #777;}
#benefitDetail-container .apply-footer {position: absolute; right: 20px; top: 25px;}
#benefitDetail-container #header-planDetail .header-left {width: 500px; float: left; background: #fff; padding: 10px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 8px 6px -6px #555; box-shadow: 0 8px 6px -6px #555; -moz-box-shadow: 0 8px 6px -6px #555; behavior: url(/Quotit/apps/Epro/Scripts/PIE.htc);}
#benefitDetail-container #header-planDetail .header-right {width: 440px; float: left;}
#benefitDetail-container #header-planDetail .header-right table {color: #fff; float: left; margin-left: 25px; margin-top: 20px; font-size: 14px; font-weight: bold;}
span.labeler {font-weight: normal; color: #ccc;}
#benefitDetail-container #header-planDetail .header-right span.premium-title {font-size: 20px; line-height: 50px; color: #fff; float: right; text-align: right;}
#benefitDetail-container #header-planDetail .header-right span.premium {font-size: 30px; margin-left: 10px; padding: 6px 10px; background: #fff; color: #f57209; -webkit-border-radius: 5px; border-radius: 5px; min-width: 125px; text-align: center; -webkit-box-shadow: 0 8px 6px -6px #555; box-shadow: 0 8px 6px -6px #555; -moz-box-shadow: 0 8px 6px -6px #555; float: right; text-align: center; behavior: url(/Quotit/apps/Epro/Scripts/PIE.htc);}
#benefitDetail-container #content {width: 963px; padding: 20px 20px 20px; overflow: hidden; background: #EAF2FF;}
#benefitDetail-container #content .content-holder {width: 963px; background: #fff; margin-bottom: 40px; -webkit-box-shadow: 0 8px 6px -6px #999; box-shadow: 0 8px 6px -6px #999; -moz-box-shadow: 0 8px 6px -6px #999; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/Quotit/apps/Epro/Scripts/PIE.htc);}
#benefitDetail-container #content .content-holder table td.table-header {border-bottom: 1px solid #ddd; font-weight: normal; font-size: 16px; color: #2060C0;}
#benefitDetail-container #content .content-holder h3 {padding: 20px 20px 0px 20px; color: #f57209; font-size: 16px;}
#benefitDetail-container #content .content-holder ul {list-style-type: none; margin: 0 0 10px 20px; padding: 0 0 20px;}
#benefitDetail-container #content .content-holder ul li {display: inline; margin-right: 10px;}
#benefitDetail-container #content .content-holder ul li a, #benefitDetail-container #content .content-footer a {text-decoration: underline; color: #2060C0;}
#benefitDetail-container #content .content-holder ul li a:hover, #benefitDetail-container #content .content-footer a:hover {text-decoration: none;}
#benefitDetail-container #content .relative-pos {position: relative;}
#benefitDetail-container #content .content-footer {width: 923px; padding: 20px; background: #fff;}


/*---ePro entry---*/
.reveal-modal h2 {background: #555; color: #fff; padding: 10px 0 10px 23px; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: 1px solid #ddd;}
.reveal-modal h2.bkgrd-blue {background: #2060C0; color: #fff; padding: 10px 0 10px 23px; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: 1px solid #ddd;}
.reveal-modal h3 {margin: 20px 0 5px 0; font-size: 15px;}
.epro-container {width: 940px!important; padding: 30px; background: #fff; -webkit-box-shadow: 0px 0px 20px 5px #ddd; box-shadow: 0px 0px 20px 5px #ddd;}


/*========DYNAMIC COLOR START FOR BENEFIT DETAIL========*/
/*========Blue========*/
#benefitDetail-container #content .content-holder table th {background: #[primaryColor];}

#benefitDetail-container #content .content-holder table td.table-header, #benefitDetail-container #content .content-holder table tr > td:first-of-type, #benefitDetail-container #content .content-holder ul li a, #benefitDetail-container #content .content-footer a {color: #[primaryColor];}

#benefitDetail-container #content {background: #[secondaryColor];}

#benefitDetail-container a.apply-now {background: #f57209;}

#benefitDetail-container #header-planDetail .header-right span.premium, #benefitDetail-container #content .content-holder h3 {color: #f57209;}
/* ======Blue======
[primaryColor]: #2060c0
[secondaryColor]: #eaf2ff
[highlightedTextColor]: #f57209
==================*/


/*========Green========
#benefitDetail-container #content .content-holder table th {background: #66a72d;}

#benefitDetail-container #content .content-holder table td.table-header, #benefitDetail-container #content .content-holder table tr > td:first-of-type, #benefitDetail-container #content .content-holder ul li a, #benefitDetail-container #content .content-footer a {color: #66a72d;}

#benefitDetail-container #content {background: #f2ffe7;}

#benefitDetail-container a.apply-now {background: #f57209;}

#benefitDetail-container #header-planDetail .header-right span.premium, #benefitDetail-container #content .content-holder h3 {color: #f57209;}*/
/* ======Green======
[primaryColor]: #66a72d
[secondaryColor]: #f2ffe7
[highlightedTextColor]: #f57209
==================*/



/*========Grey========
#benefitDetail-container #content .content-holder table th {background: #7c7f6c;}

#benefitDetail-container #content .content-holder table td.table-header, #benefitDetail-container #content .content-holder table tr > td:first-of-type, #benefitDetail-container #content .content-holder ul li a, #benefitDetail-container #content .content-footer a {color: #7c7f6c;}

#benefitDetail-container #content {background: #f0f2e5;}

#benefitDetail-container a.apply-now {background: #f57209;}

#benefitDetail-container #header-planDetail .header-right span.premium, #benefitDetail-container #content .content-holder h3 {color: #f57209;}*/
/* ======Grey======
[primaryColor]: #7c7f6c
[secondaryColor]: #f0f2e5
[highlightedTextColor]: #f57209
==================*/



/*========Red========
#benefitDetail-container #content .content-holder table th {background: #f57209;}

#benefitDetail-container #content .content-holder table td.table-header, #benefitDetail-container #content .content-holder table tr > td:first-of-type, #benefitDetail-container #content .content-holder ul li a, #benefitDetail-container #content .content-footer a {color: #f57209;}

#benefitDetail-container #content {background: #faeded;}

#benefitDetail-container a.apply-now {background: #175780;}

#benefitDetail-container #header-planDetail .header-right span.premium, #benefitDetail-container #content .content-holder h3 {color: #175780;}*/
/* ======Red======
[primaryColor]: #b33232
[secondaryColor]: #faeded
[highlightedTextColor]: #175780
==================*/



/*========Orange========
#benefitDetail-container #content .content-holder table th {background: #d97125;}

#benefitDetail-container #content .content-holder table td.table-header, #benefitDetail-container #content .content-holder table tr > td:first-of-type, #benefitDetail-container #content .content-holder ul li a, #benefitDetail-container #content .content-footer a {color: #d97125;}

#benefitDetail-container #content {background: #feeee2;}

#benefitDetail-container a.apply-now {background: #2060c0;}

#benefitDetail-container #header-planDetail .header-right span.premium, #benefitDetail-container #content .content-holder h3 {color: #2060c0;}*/
/* ======Orange======
[primaryColor]: #d97125
[secondaryColor]: #feeee2
[highlightedTextColor]: #2060c0
==================*/