﻿body.overlay-active #container,
body.overlay-active #header, 
body.overlay-active #breadcrumbs, 
body.overlay-active #foundation, 
body.overlay-active #footer {display: none;}
#leftNav {display: none;}
#sidebar {display: none;}
div.overlay-container {position: static !important; padding: 0 !important; height: 100% !important; }
.ui-tabs .ui-tabs-panel { clear: both !important; display: block !important; }
.ui-tabs .ui-tabs-hide { display: inline !important; left: 0; position: static; }
.jScrollPaneContainer {overflow:visible; width: auto !important; position: static; height: auto !important;}
.jScrollPaneTrack { display: none; }
.pane {overflow: visible !important; position: static !important; top: 0; height: auto !important; width: 700px !important; padding: 0 !important;}
.pane img { width: 640px; }
.section.ui-tabs-panel {page-break-before: always;}
.section.ui-tabs-panel.first {page-break-before: auto;}
.ui-tabs .ui-tabs-panel .tabbed.overlay-title {display: block; clear: both; float: none; margin: 40px 0 20px 0; width: auto;}
.ui-tabs-nav {display: none !important;}
.overlay-origContent .section {clear: both !important;}
.overlay-content { overflow: visible !important; position: static !important;}
.overlay-inner.tabs .overlay-content { overflow: visible !important; padding: 0 !important;}
.overlay-shield {display: none !important;}
.overlay-inner { overflow: visible !important; border: 0 !important;}
.overlay-utility {display: none !important;}
.overlay-heading { background: none !important; padding: 0 !important;}
.tableGrid td { padding: 5px !important;}
h2.sectionHead { display: block !important; clear: both !important; }
.imgCheck {display: block !important; width: 16px !important; height: 16px !important;}

#stateListViewTable thead {overflow: visible; visibility: visible; padding: auto; height: auto;}
#stateListViewTable thead .first {padding-left: 0;}
#stateListViewTable thead td {overflow: visible; visibility: visible; padding: auto; height: auto;}
#stateListViewHead  {display: none;}

/**/
ol.dot,
ul.arrow, ul.dot {margin: 0 !important;}
ul.arrow li, p.arrow {padding: 0 0 0 10px !important; background: url(/AssurantHealth/images/global/arrowBullet.gif) no-repeat 0px 5px;}
ul.arrow li {list-style: none; margin: 0 0 4px 0 !important;}
ul.arrow.horiz li {margin: 5px 20px 5px 0 !important;}
ul.arrow li a, .arrow {color: #007bd4; font-weight: bold;}
ul.arrow li {font-size: 12px; color: #333; font-weight: normal;}

#foundation ul.dot li, ul.dot li {margin: 0 0 4px 0 !important; color: #333333 !important; list-style-type: disc !important; background: none !important; padding-left: 0 !important;}
#foundation ol.dot li, ol.dot li {margin: 0 !important; list-style-type: circle !important; color: #333333 !important; background: none; padding: 0;}
#foundation ol.dot, ol.dot {padding: 0 0 0 15px !important; } 
#foundation ul.boldlist li .label {font-weight: bold;}
.treelist .dot {margin-left: 20px !important;}
.overlay-origContent ul.dot li, ul.dot li {margin: 0 0 0 20px !important;}

#leftNav {float: left; width: 123px; margin: 10px 24px 0 0; }
#leftNav, #leftNav table, #leftNav td {border: 0; background: #fff; }
#leftNav .tablehead-gray {color: #666; font-size: 12px !important;}
#leftNav .tablehead-gray a:link {text-decoration: none; color: #0091dd !important;}
#leftNav a.nav-secondary {font-size: 11px !important; padding: 3px 0 3px !important; display: block; margin: 0 !important; font-family: Arial,Helvetica,sans-serif !important;}
#leftNav a.nav-secondary:link {display: block; color: #0091dd; }
#leftNav a.nav-secondary.active {color: #ffab1f !important; }

#foundation {margin: 25px 12px 0 27px; width:924px; overflow: hidden;}
#foundation h1 {font-size: 20px; color: #393939; font-weight: normal; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; }
#foundation h2 {color: #393939;}
#foundation h1 span {font-size: 11px; color: #666;}
#foundation.nosidebar {margin-right: 0; width: 934px; }
#foundation.nosidebar #bodyContent #main {width: 723px !important;}
#foundation.nosidebar h1, #foundation.nosidebar .section h2 {background: transparent url(/AssurantHealth/images/global/headingShadowAuto.gif) no-repeat 50% 100%;}

#bodyContent {float: left; color: #333; width: 777px; }
#bodyContent p {padding: 0 0 10px 0;}
#bodyContent .disclaimer {clear: both; font-size: 10px; color: #adadad;}
#bodyContent .callout {clear: both; margin: 10px 0; padding: 0; list-style: none; color: #fff !important; width: auto;}
#bodyContent .callout p {padding: 0; font-size: 13px; font-weight: bold; color: #fff !important;}
#bodyContent .callout .mainPop {line-height: 1; font-size: 20px; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-weight: normal;}
#bodyContent .callout .mainPop sup {font-size: 23px;}
#bodyContent .callout .pop {font-size: 46px;}
#bodyContent .box {width: 197px; padding: 20px 32px 23px 32px; background: #a9a9a9;}
#bodyContent .boxLeft { float: left; margin: 0 !important;}
#bodyContent .boxRight { float: right; margin: 0 !important;}
#bodyContent #main {float: left; width: 539px;}
#bodyContent .first .horiz { width: 539px; }
#bodyContent .section {overflow: hidden;}
#bodyContent h1, #bodyContent .section h2 {padding: 0 0 12px 0; background: transparent url(/AssurantHealth/images/global/headingShadow.gif) no-repeat 50% 100%;}
#bodyContent .section h2 {font-size: 15px; color: #707070;}
#bodyContent .subsection {clear: both; overflow: hidden; padding: 0 !important; background: none !important;}
#bodyContent .imgleft {float: left; margin: 8px 0 0 0;}
#bodyContent .imgleft .img {float: left; }
#bodyContent .imgleft .dot {margin: 0 0 0 204px !important; color: #707070; padding: 0 0 8px 15px !important;}
#bodyContent .imgleft .arrow,
#bodyContent .imgleft  p {margin: 0 0 0 204px !important; color: #707070; padding: 0 0 8px 0 !important;}
#bodyContent .imgright {float: left; margin: 14px 0 0 0;}
#bodyContent .imgright .img {float: right; margin-left: 13px; padding-top: 5px;}
#bodyContent .imgright .dot,
#bodyContent .imgright .arrow,
#bodyContent .imgright  p {color: #707070; padding: 0 0 8px 0 !important;}
#bodyContent .support {color: #707070; font-size: 12px; clear: both; display: block;}
#bodyContent .blueArrow {min-height: 15px;}
#bodyContent .blueArrow li {margin-right: 30px; list-style: none;}
#bodyContent .blueArrow a {font-weight: bold; text-decoration: none; color: #007ed7;}
#bodyContent  .example {}
#bodyContent #check_aval,
#bodyContent #map {width: 268px; }
#bodyContent #map #cov_state {background: url(/AssurantHealth/images/global/listIcons.gif) no-repeat top left;}

#sidebar {float: right; width: 216px; margin: 30px 0 0 0;}
#sidebar .promo {margin: 0 0 15px 0; padding: 8px 10px 10px 10px; background: #e5e5e5; _height: 1%; overflow: hidden;}
#sidebar h3 {font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size: 15px; border-bottom: solid 1px #b0b0b0; color: #333; margin: 0 0 10px 0; padding: 0 0 5px 0;}
#sidebar h6 {font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size: 15px; color: #8a8a8a; margin: 12px 0 0 0;}
#sidebar p {font-family:Arial,Helvetica,sans-serif; font-size: 11px; color: #333; margin: 5px 0 0 0; padding: 0;}
#sidebar a {font-size: 11px;}
#sidebar .arrow li {height: 17px; margin: 7px 0 0 !important; line-height: 15px; font-size: 11px; color: #333; font-weight: normal;}
#sidebar .phone_number { font-size: 14px; font-weight: bold; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; background: url(/AssurantHealth/images/global/icon_phone.gif) no-repeat top left; margin: 15px 0 0 0 !important; padding: 5px 0 0 32px !important; }
#sidebar .button { margin: 14px 0 0 0;}
#sidebar .quotes {background: #E5E5E5 url(/AssurantHealth/images/subpage/sidebar_quotes.jpg) no-repeat 11px 34px; padding: 10px 10px 22px 10px !important;}
#sidebar .quotes p em {clear: both; display: block; color:#797979;}
#sidebar .quotes p {padding: 11px 0 0 14px; line-height: 1.3;}

.icons {width: 43px; height: 34px; float: left; background: #000; overflow: hidden;}
.iconGrid { overflow: hidden; }
.iconGrid .arrow { padding: 10px 0 0 0 !important;}
.iconGrid #broken_leg { background: url(/AssurantHealth/images/global/icons.jpg) no-repeat 0 0; width: 43px; }
.iconGrid #pneumonia { background: url(/AssurantHealth/images/global/icons.jpg) no-repeat -45px 0px; width: 43px; }
.iconGrid #auto_acc { background: url(/AssurantHealth/images/global/icons.jpg) no-repeat 0 -36px; width: 43px; }
.iconGrid #bike_acc { background: url(/AssurantHealth/images/global/icons.jpg) no-repeat -45px -36px; width: 43px;}
.iconGrid .iconGridarr { background: url(/AssurantHealth/images/global/getBtnBkdg.gif) no-repeat top right; width: 143px !important; height: 34px; padding: 17px 28px 0 0 !important; margin-top: 52px !important;}
.iconGrid .iconGridarr .arrow {float:right; padding: 0 !important;}

.iconGrid .boxRight,
.iconGrid .boxLeft { width: 180px;}
#get_quote .iconGrid .boxRight,
#get_quote .iconGrid .boxLeft { width: auto;}
#iconGrid_01 { width: 365px;}
#iconGrid_02 { margin-top: 50px; width: 170px;}

.quoteBtn span { background: url(/AssurantHealth/images/global/arrowBullet.gif) no-repeat 7px 22px; margin: 0 0 0 12px !important; padding: 17px 31px 17px 18px !important; display: block;}
.quoteBtn { background: url(/AssurantHealth/images/global/getBtnBkdg.gif) no-repeat top left; padding: 0 0 0 75px !important; display: block; float: right; font-weight: bold; font-family: Arial,Helvetica,sans-serif; font-size: 12px;}

.iconContent {width: 123px; margin: 0 0 7px 50px !important; height: 34px;  overflow: hidden; }
.iconContent p {padding: 0 !important; font-size: 12px; font-family: Arial,Helvetica,sans-serif !important; color: #777; line-height: 12px;}
.iconContent h3 { line-height: 14px; margin: 5px 0 0 0 !important; padding: 0 0 0 10px !important;font-size: 20px; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-weight: normal; background: url(/AssurantHealth/images/global/dollarSign.gif) no-repeat top left; color: #777; }

#ifp_module #middleHighlight.twocol .major {width: 723px;}
#ifp_module #middleHighlight.twocol {background: none; width: auto; margin: 0; padding: 0;}
#ifp_module .subsection {clear: none;}
#ifp_module .section h2 {background: none !important; padding: 0 0 8px 0; line-height: 11px; border-top: 0 !important;}
#ifp_module .fourcol.section { border-top: 1px solid #d9d9d9; padding: 12px 0 0 0 !important;}
#ifp_module .fourcol .clear {display:none;}
#ifp_module {margin: 10px 0 20px; clear: both;}
#ifp_module #middleHighlight.twocol .subsection .content p {padding: 0;}
#ifp_module #middleHighlight .threecol { margin: 0 26px !important; padding: 16px 0 15px 6px !important; }
#ifp_module .listIcons {margin: 0;}
#ifp_module #individual.section {padding: 0 !important; border: 0 !important;}
#ifp_module .twocol .subsection.boxLeft, #foundation .twocol .subsection.boxRight {width: 45% !important;}
#ifp_module #middleHighlight.twocol .major.leftcol { height: 343px !important; padding: 15px 21px; width: 681px;}
#ifp_module #middleHighlight.twocol .major.leftcol .section { margin: 0 !important; }
#bodyContent .listIcons #cov_state { width: 210px;}
#bodyContent .listIcons #com_plan { width: 251px; text-align: left; }
#bodyContent .listIcons #wrk_agnt { width: 204px; text-align: left; }


.plan_compar.tableGrid {border: 1px solid #ccc;}
.plan_compar.tableGrid ul {margin: 0; padding: 0;}
.plan_compar.tableGrid li {padding-bottom: 10px !important; list-style: none;}
.plan_compar.tableGrid .button {margin-top: 10px !important;}
.plan_compar.tableGrid h3 {font-size: 15px; color: #777; font-weight: normal;}

.collapsable span {color: #333 !important;}
.expandable span {color: #007ED8 !important;}

