/* ================================================================================== LATROBE Site by CDAA ================================================================================== */ /* ================================================================================== STYLE NORMALISATION AND TAG STYLES ================================================================================== */ .disclaimerApplyNow{ width: 140px; padding-left: 15px; color: #fff; position: absolute; top: -55px; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } body, html {background: #fff;} a:visited, a:link { color: #739dd2; text-decoration: none; } a:hover { color: #5f81ad; text-decoration: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } .innerWrap .navid-124{ display:none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0 0 16px 40px; } p {margin: 0; padding: 0 0 16px 0;} dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td,th { vertical-align: top; } th {text-align: left;} h1,h2, h3, h4 {font-weight: normal; margin: 0; padding: 0;} h1 {font-size: 315%;} h2 {color: #515151; font-size: 225%;} /* ================================================================================== DESIGN ================================================================================== */ /* Header */ .headerNavigationContainer {float: right; padding: 11px 0; height: 32px; display:inline-block;} .headerNavigation, .fontSizing, .headerSearch {float: left;} /* Header Links */ .headerNavigation {color: #d5d4d4; padding-top: 3px;} .headerNavigation a {color: #73776e;} .headerNavigation a:hover {color: #555a4f;} /* Font Sizing */ .fontSizing {padding: 0 40px 0 20px;} .fontSizing span {display: block; float: left; width: 26px; height: 23px; background: url("images/fontsize.png") top left no-repeat; text-indent: -9999px; outline: none; cursor: pointer;} .fontSizing span.fontUp {background-position: -26px 0;} /* Header Search */ .headerSearch {position: relative;} #dnn_dnnSearch_txtSearch {width: 235px; height: 29px; border: none; padding: 7px; color: #9cb4dc; outline: none;} #dnn_dnnSearch_cmdSearch {width: 37px; height: 29px; background: url("images/search-btn.png") top left no-repeat; text-indent: -9999px; outline: none; position: absolute; top: 0; right: 0;} /* Logo */ .wrapperHeader .logo {clear: right; float: right; display:inline-block;} /* Call Now */ .headerCallNow {padding: 10px 0 20px 20px; color: #054f99; /*background: url("images/callnow-subtitle.png") 18px 91px no-repeat;*/ font-size: 215%; font-weight: 600; display:inline-block;vertical-align: middle;} /* Navigation */ .wrapperNavigation {clear: both; background-image: -webkit-linear-gradient(top, #d9e7f9 0%, #c2d8f4 100%); background-image: -moz-linear-gradient(top, #d9e7f9 0%, #c2d8f4 100%); background-image: -ms-linear-gradient(top, #d9e7f9 0%, #c2d8f4 100%); background-image: -o-linear-gradient(top, #d9e7f9 0%, #c2d8f4 100%); background-image: linear-gradient(top, #d9e7f9 0%, #c2d8f4 100%); } .no-cssgradients .wrapperNavigation {background: #c2d8f4 url("images/nav-bg.gif") top left repeat-x;} .wrapperNavigation ul, .wrapperNavigation li {list-style: none; margin: 0; padding: 0;} /* Top Level Navigation */ #dnn_MENU1 {position: relative;} #dnn_MENU1 > ul > li {padding-left: 1px; background: url("images/nav-sep.gif") top left no-repeat; float: left;} #dnn_MENU1 > ul > li:first-child {padding-left: 0; background: transparent;} #dnn_MENU1 > ul > li > a, #dnn_MENU1 > ul > li > .nolink {display: block; float: left; line-height: 47px; padding: 0 11px; font-weight: bold; color: #064e98;} #dnn_MENU1 > ul > li > a:hover, #dnn_MENU1 > ul > li:hover > a, #dnn_MENU1 > ul > li > .nolink:hover, #dnn_MENU1 > ul > li:hover > .nolink {color: #fff; background-color: #739dd2;} #dnn_MENU1 > ul > li > a > .pageDescription, #dnn_MENU1 > ul > li > .nolink > .pageDescription {display: none;} #dnn_MENU1 > ul > li.mmSelected > a { color: #fff; background: #739dd2;} #dnn_MENU1 > ul > li.mmSelected > a { color: #fff; background: #739dd2;} /* Second Level Navigation */ .menuModulesContainer {display: none;} #dnn_MENU1 > ul > li:hover > .megaMenu {visibility:visible;} #dnn_MENU1 > ul > li > .megaMenu {visibility:hidden; position: absolute; top: 47px; left: 0; background: #739dd2 url("images/menu-module-bg.gif") top right repeat-y; padding: 20px; color: #fff; z-index: 920; width: 1024px;} /* Admin/Host Menus */ #dnn_MENU1 > ul > li.navid-7 > .megaMenu, #dnn_MENU1 > ul > li.navid-40 > .megaMenu {top: 45px;} /* Mega Menu Content */ #dnn_MENU1 > ul > li > .megaMenu > .menuDescription {float: left; width: 150px; padding-right: 10px; border-right: 1px dashed #9dbff8; font-size: 120%; color: #c1d9f4;} #dnn_MENU1 > ul > li > .megaMenu > ul > li {float: left; width: 180px; padding: 0 14px; border-right: 1px dashed #9dbff8;} #dnn_MENU1 > ul > li > .megaMenu > ul > li > a {color: #fff;} #dnn_MENU1 > ul > li > .megaMenu > ul > li > a > strong, #dnn_MENU1 > ul > li > .megaMenu .menuModule h2 {display: block; font-size: 135%; padding-bottom: 10px; font-weight: bold;} #dnn_MENU1 > ul > li > .megaMenu > ul > li > a > .pageDescription {padding-bottom: 15px; min-height: 70px;} /* Third column links */ #dnn_MENU1 > ul > li > .megaMenu > ul > li.child-3, #dnn_MENU1 > ul > li > .megaMenu > ul > li.child-6, #dnn_MENU1 > ul > li > .megaMenu > ul > li.child-9, #dnn_MENU1 > ul > li > .megaMenu > ul > li.child-12, #dnn_MENU1 > ul > li > .megaMenu > ul > li.child-15, #dnn_MENU1 > ul > li > .megaMenu > ul > li.child-18, #dnn_MENU1 > ul > li > .megaMenu > ul > li.child-21, #dnn_MENU1 > ul > li > .megaMenu > ul > li.child-24 {border-right: 0;} /* Third level pages */ #dnn_MENU1 > ul > li > .megaMenu > ul > li > .megaMenu {display: none;} /* Mega Menu Modules */ #dnn_MENU1 > ul > li > .megaMenu .menuModule {width: 156px; float: right; margin: -20px; padding: 20px;} #dnn_MENU1 > ul > li > .megaMenu .menuModule h2 {color: #fff} .menuModule .orangebutton {width: 100%;} .menuModule .orangebutton .arrow {padding-right: 10px; font-size: 120%;} /* Content Area */ .mainColumnContainer {padding-top: 32px; color: #73776e;} .mainColumnLeft {float: left; width: 178px; border-right: 1px dashed #ddd; padding: 0 13px 10px 0;} .mainColumnWide {float: right; width: 818px;} /* Submenu Navigation */ #dnn_submenu ul, #dnn_submenu li {margin: 0; padding: 0; list-style: none;} #dnn_submenu > ul li a {display: block; padding: 8px 20px; font-weight: 600; border-bottom: 1px dashed #ddd; font-size: 120%;} #dnn_submenu > ul > li:first-child > a {border-top: 1px dashed #ddd;} #dnn_submenu li.mmBreadcrumb > a, #dnn_submenu li.mmSelected > a {color: #4a6991;} /* Submenu Children Pages */ #dnn_submenu > ul > li > ul {display: none;} #dnn_submenu > ul > li.mmBreadcrumb > ul {display: block;} #dnn_submenu > ul > li > ul > li > a {padding-left: 36px; font-size: 110%; font-weight: normal;} /* Quick Links */ .leftColumnQuickLinks {padding: 0 20px 20px;} .leftColumnQuickLinks h2 {font-size: 125%; padding-bottom: 10px; font-weight: bold;} .leftColumnQuickLinks .ModDNNHTMLC ul, .leftColumnQuickLinks .ModDNNHTMLC li {list-style: none; margin: 0; padding: 0;} .leftColumnQuickLinks .ModDNNHTMLC li {padding-bottom: 3px;} .leftColumnQuickLinks .ModDNNHTMLC li a {color: #8d8c8c;} .leftColumnQuickLinks .ModDNNHTMLC li a:hover {color: #757575;} /* Custom CTA Module */ .leftColumnCallToAction .ModDNNHTMLC {position: relative; height: 172px;} .leftColumnCallToAction .ModDNNHTMLC img {position: absolute; top: 0; left: 0; z-index: 1;} .leftColumnCallToAction .ModDNNHTMLC h2 {position: absolute; top: 10px; left: 10px; z-index: 3; font-size: 115%; width: 155px;} .leftColumnCallToAction .ModDNNHTMLC h2 strong {color: #ec721a;} .leftColumnCallToAction .ModDNNHTMLC a {position: absolute; bottom: 22px; left: 49px; z-index: 5;/* background: url("images/sprite-buttons.png") 0 -395px no-repeat;*/ width: 63px; height: 63px; text-indent: -9999px; outline: none;} /* Page Banners */ .pageBanner {background: #739dd2; min-height: 122px; margin-bottom: 25px;} .pageBanner .pageBannerImage {float: right;} .pageBanner hgroup {padding: 12px 20px; float: left; width: 515px;} .pageBanner h1, .pageBanner h2 {color: #fff;} .pageBanner h1 {padding-bottom: 8px;} .mainColumnWide .pageBanner h2 {font-size: 130%; padding: 0;} /* Page Banner Colours .current-103 .pageBanner {background: #82d128;} .current-104 .pageBanner {background: #4177c9;} .current-105 .pageBanner {background: #e61035;} .current-106 .pageBanner {background: #3e578d;} .current-107 .pageBanner {background: #d06e1a;} .current-111 .pageBanner {background: #f8b230;} .current-112 .pageBanner {background: #aaa;} .current-113 .pageBanner {background: #73d1fc;} .current-114 .pageBanner {background: #b4008a;} .current-115 .pageBanner {background: #3ad486;} .current-116 .pageBanner {background: #d5d2e9;} .current-117 .pageBanner {background: #e9a62f;} .current-118 .pageBanner {background: #dec477;} .current-179 .pageBanner {background: #c7dbd4}*/ /* Main Content */ .mainColumnWide h2 {font-size: 200%; padding: 15px 0 10px;} /* Bottom Links */ .mainColumnWideLinks {background: #d9e7f9; border: 1px solid #c2d8f4; padding: 13px; margin: 20px 0 5px;} .mainColumnWideLinks a {background: url("images/blue-button-arrow.png") left no-repeat; font-size: 200%; padding: 0 50px 0 35px;} /* Footer */ .wrapperFooter {padding: 20px 0 10px;} .wrapperFooter .innerWrap {/*background: url("images/footer-logo.jpg") right no-repeat;*/} .companyCareLogo {margin-bottom: 10px; width: 82px; float: left; } .companyCareLogo1 {margin-bottom: 10px; width: 170px; float: left; margin-right:28px;} .wrapperFooterText {float: left; width: 510px; /*margin-right: 120px;*/ text-align: center; } .TDELogo{ width:220px; float:right;} .wrapperFooterText .footerLinks a:link, .wrapperFooterText .footerLinks a:visited { padding: 0px 5px; border-left: 1px solid #a5c4f6; color:#6d6e71; font-weight:600;} .wrapperFooterText .footerLinks a:first-child { border-left: 0px; } .footerText {color: #739dd2; padding-right: 10px; font-size:14px;} /*.footerCopyright { padding-left: 10px;} */ .footerCopyright, .wrapperFooter a:hover {color: #a5c4f6 !important;} .benefitsfromimage{width:275px;} section.wrapperFooter {background-color: #fff;} .wrapperMainHome .innerWrap .ContentPane .Normal img {position: absolute;top: 0px;right: 0px;z-index: 9; display:block !important;} .footerKeywords {color: #fff; clear: both;} /* ================================================================================== HOMEPAGE ================================================================================== */ /* Large Background */ .wrapperMainHome .innerWrap {/*background: url("images/homepage-large-photo.png") top right no-repeat;*/ background-repeat: no-repeat; background-position: right top;} /* Intro Text */ .wrapperMainHome #dnn_ContentPane {padding: 42px 20px; width: 984px; height: 177px; position: relative;} .wrapperMainHome #dnn_ContentPane h1 {color: #739dd2;} .wrapperMainHome #dnn_ContentPane .blueButton {margin-top: 22px;} /* Columns */ .homeLeft {float: left; width: 622px;} .homeRight {float: right; width: 390px;} .homeLeft, .homeRight {padding: 18px;} /* Homepage Boxes */ .homepageFeatureBoxes {position: relative; z-index:10} .homepageQuickQuote, .homepageLogin {margin-bottom: 12px; min-height: 265px;} .homepageLogin div.column {overflow: visible;} /* Login */ .homepageLogin {background: #d4e1f3; border: 1px solid #b3c5e3;} .homepageLogin h2 {color: #366fc7; margin-bottom: 17px;} .homepageLogin .dnnLoginRememberMe {display: none;} .ModAuthenticationC > div > table {width: auto !important;} /* Getting past inline table width */ .homepageLogin .sectionLinks {display: none;} .wrapper .homepageLogin input[type=submit] {display: block; width: 65px; height: 65px; background: url("images/sprite-buttons.png") -561px 0 no-repeat; text-indent: -9999px; margin: 0; padding: 0; position: absolute; top: 8px; right: 11px; border: none;} .wrapper .homepageLogin input[type=submit]:hover {background-position: -561px -69px;} .wrapper .homepageLogin #sectionLogin {width: 252px; border-right: 1px dashed #b9cbe7;} .wrapper .homepageLogin #sectionLinks {width: auto; margin-bottom: 6px;} .wrapper .homepageLogin input[type="text"], .wrapper .homepageLogin input[type="password"] {width: 210px !important;} /* !important to get around inline styles */ .wrapper .homepageLogin .buttonContainer {height: 0px; padding: 0; line-height: 0; min-height: 0;} .homepageLogin ul.dnnActions {list-style: none; margin: 0; padding: 0;} .homepageLogin ul.dnnActions a, .homepageLogin ul.dnnActions a:link {margin: 0; padding: 0; line-height: 1;} .homepageLogin ul.dnnActions li {border-left: 1px solid #fff; padding: 0 11px; overflow: visible; float: left;} .homepageLogin ul.dnnActions li:first-child {border-left: none;} #dnn_ctr379_Login_Login_HAMBS_uxDeclarationPanel {font-size: 11px} /* QuickQuote */ .homepageQuickQuote h2 {margin-bottom: 20px;} .qqSection {border-left: 1px dashed #ddd; padding: 0 10px; height: 67px;} .qqSection.qqIAmSection {border-left: 0; padding-left: 0;} .qqSection, .qqSection .title, .qqRadioGroup, .qqAge {float: left;} .qqSection .title {padding-right: 10px; line-height: 67px; font-size: 135%;} .qqRadioButton {float: left; width: 66px; height: 66px; background: url("images/sprite-buttons.png") top left no-repeat; margin-right: 3px;} .qqSingle {background-position: 0 0;} .qqSingle:hover, .qqSingle.selected {background-position: 0 -68px;} .qqCouple {background-position: -68px 0;} .qqCouple:hover, .qqCouple.selected {background-position: -68px -68px;} .qqFamily {background-position: -136px 0;} .qqFamily:hover, .qqFamily.selected {background-position: -136px -68px;} .qqSection .fauxSelect {margin-top: 18px; width: 135px;} .qqSubmit {display: block; width: 66px; height: 66px; background: url("images/sprite-buttons.png") -671px 0 no-repeat;} .qqSubmit:hover {background-position: -671px -69px;} .qqRadioButton, .qqSubmit {cursor: pointer;} /* Bottom Boxes */ .wrapperMainHome .homepageBottomLeftBox {clear: both;/* background: #fff url("images/homepage-whitebox-photo.png") bottom right no-repeat;*/ background-repeat:no-repeat; background-position:right; padding: 10px 18px;} .bottomLeftBox0 {width: 212px; float: left; margin-right: 20px; border-right: 1px dashed #ddd;} .bottomLeftBox0 .moduleTitle {display: none;} .bottomLeftBox1 {width: 145px; float: left; margin-right: 20px; border-right: 1px dashed #ddd;} .bottomLeftBox2 {width: 185px; float: left;} .homepageBottomLeftBox h2 {height: 70px; margin-bottom: 22px;} .homepageBottomLeftBox .ModDNNHTMLC ul, .homepageBottomLeftBox .ModDNNHTMLC li {margin: 0; padding: 0; list-style: none;} .homepageBottomLeftBox .ModDNNHTMLC li {padding-bottom: 2px;} /* Custom module layout */ .homepageBottomRightBox {padding: 0;} .homepageBottomRightBox .ModDNNHTMLC {position: relative; height: 224px;} .homepageBottomRightBox .ModDNNHTMLC img {position: absolute; top: 0; left: 0; z-index: 1;} .homepageBottomRightBox .ModDNNHTMLC h2 {position: absolute; top: 23px; left: 14px; z-index: 2; width: 300px;} .homepageBottomRightBox .ModDNNHTMLC h2 strong {color: #ec721a;} .homepageBottomRightBox .ModDNNHTMLC a {display: block; text-indent: -9999px; position: absolute; z-index: 10; bottom: 20px; right: 157px; width: 90px; height: 90px;/* background: url("images/sprite-buttons.png") 0 -137px no-repeat;*/} .homepageBottomRightBox .ModDNNHTMLC a:hover {background-position: -93px -137px;} /* ================================================================================== LANDING PAGE ================================================================================== */ /* Landing page heading */ .landingpageHeading {font-size: 290%; padding-bottom: 20px; color: #515151;} /* Landing page menu */ #dnn_landingpageMenu ul, #dnn_landingpageMenu li {list-style: none; margin: 0; padding: 0;} #dnn_landingpageMenu > ul > li {background: #f0f0f0; float: left; border: 1px solid #ddd; position: relative; margin-bottom: 15px;} #dnn_landingpageMenu > ul > li > a {display: block; width: 258px; padding-right: 10px; margin-right: 10px; border-right: 1px dashed #ddd;} #dnn_landingpageMenu h2 {font-size: 120%; margin: 0; padding: 20px 20px 15px; font-weight: bold; color: #739dd2; width: 175px;} #dnn_landingpageMenu h2:hover, #dnn_landingpageMenu li:hover h2 {color: #5f81ad;} #dnn_landingpageMenu .mmIcon {min-height: 122px; width: 100%;} #dnn_landingpageMenu .menuDescription {padding: 0 20px 20px 20px; font-size: 85%; color: #73776e;} #dnn_landingpageMenu .detailsButton {/*background: url("images/sprite-buttons.png") -373px -253px no-repeat;*/ width: 66px; height: 66px; position: absolute; top: 93px; right: 30px;} #dnn_landingpageMenu .detailsButton:hover, #dnn_landingpageMenu li:hover .detailsButton {background-position: -373px -324px;} /* Hiding child pages */ #dnn_landingpageMenu > ul > li > ul {display: none;} /* Removing gap on right for last of threes */ #dnn_landingpageMenu > ul > li.child-3 > a, #dnn_landingpageMenu > ul > li.child-6 > a, #dnn_landingpageMenu > ul > li.child-9 > a, #dnn_landingpageMenu > ul > li.child-12 > a, #dnn_landingpageMenu > ul > li.child-15 > a, #dnn_landingpageMenu > ul > li.child-18 > a, #dnn_landingpageMenu > ul > li.child-21 > a, #dnn_landingpageMenu > ul > li.child-24 > a {border-right: 0; margin-right: 0; padding-right: 0;} /* Groupings */ /* nth-chid would be ideal here, but browser support is required */ #dnn_landingpageMenu > ul > li.child-1, #dnn_landingpageMenu > ul > li.child-4, #dnn_landingpageMenu > ul > li.child-7, #dnn_landingpageMenu > ul > li.child-10, #dnn_landingpageMenu > ul > li.child-13, #dnn_landingpageMenu > ul > li.child-16, #dnn_landingpageMenu > ul > li.child-19, #dnn_landingpageMenu > ul > li.child-22 {border-width: 1px 0 1px 1px;} #dnn_landingpageMenu > ul > li.child-2, #dnn_landingpageMenu > ul > li.child-5, #dnn_landingpageMenu > ul > li.child-8, #dnn_landingpageMenu > ul > li.child-11, #dnn_landingpageMenu > ul > li.child-14, #dnn_landingpageMenu > ul > li.child-17, #dnn_landingpageMenu > ul > li.child-20, #dnn_landingpageMenu > ul > li.child-23 {border-width: 1px 0;} #dnn_landingpageMenu > ul > li.child-3, #dnn_landingpageMenu > ul > li.child-6, #dnn_landingpageMenu > ul > li.child-9, #dnn_landingpageMenu > ul > li.child-12, #dnn_landingpageMenu > ul > li.child-15, #dnn_landingpageMenu > ul > li.child-18, #dnn_landingpageMenu > ul > li.child-21, #dnn_landingpageMenu > ul > li.child-24 {border-width: 1px 1px 1px 0;} #dnn_landingpageMenu > ul > li.mmLast {border-right-width: 1px;} /* Top Hospital */ /*#dnn_landingpageMenu > ul > li.navid-103 h2 {color: #6bb713;} #dnn_landingpageMenu > ul > li.navid-103 h2:hover, #dnn_landingpageMenu > ul > li.navid-103:hover h2 {color: #acf248;} #dnn_landingpageMenu > ul > li.navid-103 .detailsButton {background-position: -295px -253px;} #dnn_landingpageMenu > ul > li.navid-103 .detailsButton:hover, #dnn_landingpageMenu > ul > li.navid-103:hover .detailsButton {background-position: -295px -324px;} */ /* MemberShare #dnn_landingpageMenu > ul > li.navid-104 h2 {color: #4177c9;} #dnn_landingpageMenu > ul > li.navid-104 h2:hover, #dnn_landingpageMenu > ul > li.navid-104:hover h2 {color: #507fcf;} #dnn_landingpageMenu > ul > li.navid-104 .detailsButton {background-position: -220px -253px;} #dnn_landingpageMenu > ul > li.navid-104 .detailsButton:hover, #dnn_landingpageMenu > ul > li.navid-104:hover .detailsButton {background-position: -220px -324px;}*/ /* CoverWise #dnn_landingpageMenu > ul > li.navid-105 h2 {color: #e61035;} #dnn_landingpageMenu > ul > li.navid-105 h2:hover, #dnn_landingpageMenu > ul > li.navid-105:hover h2 {color: #f62d5e;} #dnn_landingpageMenu > ul > li.navid-105 .detailsButton {background-position: -146px -253px;} #dnn_landingpageMenu > ul > li.navid-105 .detailsButton:hover, #dnn_landingpageMenu > ul > li.navid-105:hover .detailsButton {background-position: -146px -324px;} /* LoyalMembers #dnn_landingpageMenu > ul > li.navid-106 h2 {color: #3e4a70;} #dnn_landingpageMenu > ul > li.navid-106 h2:hover, #dnn_landingpageMenu > ul > li.navid-106:hover h2 {color: #4d5c8a;} #dnn_landingpageMenu > ul > li.navid-106 .detailsButton {background-position: -75px -253px;} #dnn_landingpageMenu > ul > li.navid-106 .detailsButton:hover, #dnn_landingpageMenu > ul > li.navid-106:hover .detailsButton {background-position: -75px -324px;}*/ /* FamilyCare #dnn_landingpageMenu > ul > li.navid-107 h2 {color: #ec721a;} #dnn_landingpageMenu > ul > li.navid-107 h2:hover, #dnn_landingpageMenu > ul > li.navid-107:hover h2 {color: #f69f33;} #dnn_landingpageMenu > ul > li.navid-107 .detailsButton {background-position: 0 -253px;} #dnn_landingpageMenu > ul > li.navid-107 .detailsButton:hover, #dnn_landingpageMenu > ul > li.navid-107:hover .detailsButton {background-position: 0 -324px;}*/ /* Premier Gold #dnn_landingpageMenu > ul > li.navid-111 h2 {color: #f8b230;} #dnn_landingpageMenu > ul > li.navid-111 h2:hover, #dnn_landingpageMenu > ul > li.navid-111:hover h2 {color: #f8c334;} #dnn_landingpageMenu > ul > li.navid-111 .detailsButton {background-position: 0 -833px;} #dnn_landingpageMenu > ul > li.navid-111 .detailsButton:hover, #dnn_landingpageMenu > ul > li.navid-111:hover .detailsButton {background-position: 0 -903px;}*/ /* Premier Silver #dnn_landingpageMenu > ul > li.navid-112 h2 {color: #aaa;} #dnn_landingpageMenu > ul > li.navid-112 h2:hover, #dnn_landingpageMenu > ul > li.navid-112:hover h2 {color: #bbb;} #dnn_landingpageMenu > ul > li.navid-112 .detailsButton {background-position: -75px -833px; right: 5px;} #dnn_landingpageMenu > ul > li.navid-112 .detailsButton:hover, #dnn_landingpageMenu > ul > li.navid-112:hover .detailsButton {background-position: -75px -903px;}*/ /* Premier #dnn_landingpageMenu > ul > li.navid-113 h2 {color: #66c3fa;} #dnn_landingpageMenu > ul > li.navid-113 h2:hover, #dnn_landingpageMenu > ul > li.navid-113:hover h2 {color: #73d1fc;} #dnn_landingpageMenu > ul > li.navid-113 .detailsButton {background-position: -146px -833px;} #dnn_landingpageMenu > ul > li.navid-113 .detailsButton:hover, #dnn_landingpageMenu > ul > li.navid-113:hover .detailsButton {background-position: -146px -903px;}*/ /* Premier Plus #dnn_landingpageMenu > ul > li.navid-114 h2 {color: #a50075;} #dnn_landingpageMenu > ul > li.navid-114 h2:hover, #dnn_landingpageMenu > ul > li.navid-114:hover h2 {color: #b4008a;} #dnn_landingpageMenu > ul > li.navid-114 .detailsButton {background-position: -451px -833px;} #dnn_landingpageMenu > ul > li.navid-114 .detailsButton:hover, #dnn_landingpageMenu > ul > li.navid-114:hover .detailsButton {background-position: -451px -903px;}*/ /* Dental #dnn_landingpageMenu > ul > li.navid-115 h2 {color: #35c770;} #dnn_landingpageMenu > ul > li.navid-115 h2:hover, #dnn_landingpageMenu > ul > li.navid-115:hover h2 {color: #3ad486;} #dnn_landingpageMenu > ul > li.navid-115 .detailsButton {background-position: -373px -833px;} #dnn_landingpageMenu > ul > li.navid-115 .detailsButton:hover, #dnn_landingpageMenu > ul > li.navid-115:hover .detailsButton {background-position: -373px -903px;}*/ /* Premier Family #dnn_landingpageMenu > ul > li.navid-116 h2 {color: #7266a9;} #dnn_landingpageMenu > ul > li.navid-116 h2:hover, #dnn_landingpageMenu > ul > li.navid-116:hover h2 {color: #2646b2;} #dnn_landingpageMenu > ul > li.navid-116 .detailsButton {background-position: -528px -833px; right: 5px;} #dnn_landingpageMenu > ul > li.navid-116 .detailsButton:hover, #dnn_landingpageMenu > ul > li.navid-116:hover .detailsButton {background-position: -528px -903px;}*/ /* Family Care Gold #dnn_landingpageMenu > ul > li.navid-117 h2 {color: #e48d29;} #dnn_landingpageMenu > ul > li.navid-117 h2:hover, #dnn_landingpageMenu > ul > li.navid-117:hover h2 {color: #e9a62f;} #dnn_landingpageMenu > ul > li.navid-117 .detailsButton {background-position: -220px -833px;} #dnn_landingpageMenu > ul > li.navid-117 .detailsButton:hover, #dnn_landingpageMenu > ul > li.navid-117:hover .detailsButton {background-position: -220px -903px;}*/ /* Family Care (PK) #dnn_landingpageMenu > ul > li.navid-118 h2 {color: #dcc26e;} #dnn_landingpageMenu > ul > li.navid-118 h2:hover, #dnn_landingpageMenu > ul > li.navid-118:hover h2 {color:eec26e;} #dnn_landingpageMenu > ul > li.navid-118 .detailsButton {background-position: -295px -833px; right: 5px;} #dnn_landingpageMenu > ul > li.navid-118 .detailsButton:hover, #dnn_landingpageMenu > ul > li.navid-118:hover .detailsButton {background-position: -295px -903px;}*/ /* Family Care (PK) #dnn_landingpageMenu > ul > li.navid-179 h2 {color: #448977;} #dnn_landingpageMenu > ul > li.navid-179 h2:hover, #dnn_landingpageMenu > ul > li.navid-179:hover h2 {color: #057e00;} #dnn_landingpageMenu > ul > li.navid-179 .detailsButton {background-position: -603px -833px;} #dnn_landingpageMenu > ul > li.navid-179 .detailsButton:hover, #dnn_landingpageMenu > ul > li.navid-179:hover .detailsButton {background-position: -603px -903px;}*/ /* ================================================================================== COVER COMPARISONS ================================================================================== */ /* Compare Tabs */ .contentTabsRow {border: 1px dashed #ddd; border-width: 1px 0; height: 47px; margin: 0 0 30px;} .contentTab {border: 1px solid #ddd; line-height: 47px; padding: 0 15px; float: left; background: #f0f0f0; color: #7b9bd1; font-size: 195%; border-width: 1px 1px 1px 0; cursor: pointer; margin: -1px 0;} .contentTab:first-child {border-width: 1px;} .contentTab.active {background: #d9e7f9; border-color: #c2d8f4;} /* Compare Data Layout */ .compareTable {clear: both;} .compareRow td {border-bottom: 1px dashed #ddd;} .compareHeadingFirst h2 {float: left;} .compareHospital .compareHeadingFirst h2 {width: 343px;} .compareExtras .compareHeadingFirst h2 {width: 224px;} .compareAnchor {float: left; margin: 20px 0 0 3px; border-top: 1px solid #ddd;} .compareHospital .compareAnchor {height: 53px;} .compareExtras .compareAnchor {height: 40px;} .compareAnchor .compareBubble {display: block; background: url("images/sprite-buttons.png") 0 -480px no-repeat; position: static;} .compareHospital .compareBubble {background-position: 0 -480px; width: 91px; height: 91px; margin-top: -40px;} .compareExtras .compareBubble {background-position: 0 -681px; width: 64px; height: 64px; margin-top: -30px;} .compareHospital .compareAnchor .compareBubble.sticky {position: fixed; top: 40px; z-index: 908;} .compareExtras .compareAnchor .compareBubble.sticky {position: fixed; top: 30px;z-index: 10;} .compareHospital .hospital_options th:first-child{opacity: 1} .compareHospital .hospital_options th {opacity: 0.5} .cover_options .selected {opacity: 1 !important} .topHospital .compareBubble {background-position: 0 -480px;} .topHospital .compareBubble:hover {background-position: 0 -577px;} .memberShare .compareBubble {background-position: -94px -480px;} .memberShare .compareBubble:hover {background-position: -94px -577px;} .coverWise .compareBubble {background-position: -188px -480px;} .coverWise .compareBubble:hover {background-position: -188px -577px;} .loyalMembers .compareBubble {background-position: -282px -480px;} .loyalMembers .compareBubble:hover {background-position: -282px -577px;} .familyCare .compareBubble {background-position: -376px -480px;} .familyCare .compareBubble:hover {background-position: -376px -577px;} .pg .compareBubble {background-position: 0 -681px;} .pg .compareBubble:hover {background-position: 0 -752px;} .pv .compareBubble {background-position: -75px -681px;} .pv .compareBubble:hover {background-position: -75px -752px;} .p .compareBubble {background-position: -146px -681px;} .p .compareBubble:hover {background-position: -146px -752px;} .pp .compareBubble {background-position: -451px -681px;} .pp .compareBubble:hover {background-position: -451px -752px;} .dental .compareBubble {background-position: -373px -681px;} .dental .compareBubble:hover {background-position: -373px -752px;} .pf .compareBubble {background-position: -528px -681px;} .pf .compareBubble:hover {background-position: -528px -752px;} .ph .compareBubble {background-position: -220px -681px;} .ph .compareBubble:hover {background-position: -220px -752px;} .ps .compareBubble {background-position: -604px -681px;} .ps .compareBubble:hover {background-position: -604px -752px;} .pk .compareBubble {background-position: -294px -681px;} .pk .compareBubble:hover {background-position: -294px -752px;} .compareDescription {padding: 7px 25px 7px 0; color: #73776e; font-weight: normal;} .tabs.Extras.family .compareExtras .compareDescription {padding: 7px 0px 7px 0; color: #73776e; font-weight: normal;} .tabs.Extras.single .compareExtras .compareDescription {padding: 7px 25px 7px 0; color: #73776e; font-weight: normal;} .tabs.Extras.couple .compareExtras .compareDescription {padding: 7px 28px 7px 0; color: #73776e; font-weight: normal;} .compareData > table {border-collapse:collapse;} .compareHospital .compareDescription {width: 335px;} .compareExtras .compareDescription {width: 242px;} .compareAnchor, .compareCol {border: 1px solid #ddd; border-width: 0 1px; background: #f0f0f0; vertical-align: middle; text-align: center;} .compareHospital .compareAnchor, .compareHospital .compareCol {width: 90px;} .compareExtras .compareAnchor, .compareExtras .compareCol {width: 61px;} .family .compareExtras .compareAnchor {width: 53px!important;} .compareGap {width: 3px; padding: 0;} .compareHeading {border-bottom: 1px dashed #ddd;} .compareHeading td h2 {padding: 40px 0;} .comp_bullet {width: 52px; height: 12px; display: inline-block; background: url("images/compare-bullets.png") 20px 0 no-repeat; text-indent: -99999px; outline: none;} .comp_bullet.comp_yes {background-position: 20px -13px;} /* ================================================================================== BLOG ================================================================================== */ .BlogDescription, .BlogDescriptionHeavy, .ShareBadgePRO_Toolbar, .BlogDateline, .BlogTopics, .BlogFooterLeft {display: none;} .BlogTitle {padding-top: 20px;} .BlogSubHead {margin-bottom: 20px;} .BlogReadMore .BlogMoreLink {margin-right: 10px;} .BlogReadMore .BlogMoreLink:first-child {display: none;} .BlogFooter {border-bottom: 1px solid #ededed; padding: 0; clear: both;} .BlogFooterRight {text-align: left; padding-bottom: 3px;} /* ================================================================================== FORMS Target .wrapper first so styles don't affect admin ribbon ================================================================================== */ /* DNN FORM RESET */ .wrapper .dnnForm {min-width: inherit; width: inherit;} .wrapper .dnnForm.dnnLoginService {min-width: inherit; width: inherit;} .wrapper .dnnForm .dnnFormItem {padding: inherit; line-height: inherit; min-height: inherit;} .wrapper .dnnForm.dnnLogin.dnnClear, .wrapper .dnnForm.dnnLoginService {margin: 0;} .wrapper a.dnnPrimaryAction, .wrapper a.dnnPrimaryAction:link, .wrapper a.dnnPrimaryAction:visited, .wrapper .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {background: transparent; filter: none; color: inherit;} .dnnFormItem input[type="text"], .dnnFormItem textarea {min-width: inherit;} .wrapper .dnnFormItem input, .wrapper .dnnFormItem .dnnFormInput, .wrapper .dnnFormItem textarea { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /* WEBSITE FORM STYLES */ .wrapper input[type=text], .wrapper input[type=password], .wrapper textarea, .wrapper select {background: #fff; padding: 6px 10px; border: 0; color: #7b9bd1; margin-bottom: 7px; outline: none; -webkit-box-shadow: inset 1px 1px 3px #bbb; -moz-box-shadow: inset 1px 1px 3px #bbb; -ms-box-shadow: inset 1px 1px 3px #bbb; -o-box-shadow: inset 1px 1px 3px #bbb; box-shadow: inset 1px 1px 3px #bbb; } .no-boxshadow .wrapper input[type=text], .no-boxshadow .wrapper input[type=password], .no-boxshadow .wrapper textarea, .no-boxshadow .wrapper select {background: #fff url("images/search-bg.png") top left no-repeat;} /* CONTACT FORM STYLES */ .contactForm {width: 100%; position: relative; margin-bottom: 45px;} #dnn_ctr512_FormMaster_tdFormMasterHeaderCell {padding-top: 18px; padding-bottom: 0;} #dnn_ctr512_FormMaster_lblRequired {display: none;} .contactForm > tbody > tr > td {padding: 0 18px 18px;} .contactForm > tbody > tr > td > table {width: 100%;} .contactForm > tbody > tr > td > table > tbody > tr > td:first-child label {width: 150px;} /* Labels */ .contactForm label {display: block; padding-top: 5px;} /* Input Fields */ .contactForm input[type=text], .contactForm textarea, .contactForm select {width: 530px; float: left;} .contactForm select {width: 550px;} .contactForm .NormalRed br {display: none;} .contactForm .NormalRed {float: left; clear: left; padding-bottom: 10px; color: #ec741a; font-weight: bold;} /* Submit Button */ .contactForm .submit {position: absolute; bottom: -33px; right: 34px; width: 78px; height: 78px; background: url("images/sprite-buttons.png") -277px -136px no-repeat; text-indent: -99999px; outline: hidden;} .contactForm .submit:hover {background-position: -358px -136px;} /* Register Form */ .ModRegisterAccountC .column.one {width: 170px;} /* ================================================================================== CUSTOM FONTS ================================================================================== */ h1,h2,h3,h4,h5,h6, .headerCallNow, .blueButton, .qqSection .title, .megaMenu strong, #dnn_submenu > ul > li > a, .mainColumnWideLinks a, .menuModule .orangebutton .arrow, .contentTab {font-family: "Open Sans", Arial, sans-serif;} /* ================================================================================== ADMINISTRATION ================================================================================== */ /* Module edit/settings buttons */ .moduleFooter {clear: both;} .moduleFooter input {height: auto; line-height: auto; border: none; background: transparent;} /* Re-aligning input[checkbox] */ .SubHead input[type=checkbox] {vertical-align: middle; margin-right: 5px;} /* Login form */ .dnnLoginService a.dnnPrimaryAction {margin: 7px 0 0 143px; text-shadow: none;} .dnnLoginRememberMe {margin: -44px 0 0 283px; padding-bottom: 15px;} .dnnLoginRememberMe input {vertical-align: top;} .dnnLoginRememberMe label {line-height: 33px;} .dnnForm .loginContent ul.dnnActions {padding-left: 142px;} /* Admin Skin Mods */ .mainColumnNoSidebar {float: none; width: auto;} .mainColumnNoSidebar .ModDNNHTMLC table {border-top: none; margin: inherit;} .mainColumnNoSidebar .ModDNNHTMLC table td:first-child {width: auto; padding: inherit; font-weight: inherit;} .mainColumnNoSidebar .ModDNNHTMLC table td, .mainColumnNoSidebar .ModDNNHTMLC table th {padding: inherit; border: inherit;} /* Popup box that uses body background (blue) */ .FCKLinkGalleryContainer, .FCKImageGalleryContainer {background: #fff;} /* ================================================================================== TABLES ================================================================================== */ /* Generic tables */ .ModDNNHTMLC table, .BlogBody table {border-top: 1px dashed #ddd; margin: 10px 0 15px; width: 100%;} .ModDNNHTMLC table td, .BlogBody table td, .ModDNNHTMLC table th, .BlogBody table th {padding: 18px; border-bottom: 1px dashed #ddd; vertical-align: top;} .ModDNNHTMLC table td:first-child, .BlogBody table td:first-child, .ModDNNHTMLC table th:first-child, .BlogBody table th:first-child {font-weight: bold; padding-left: 0; width: 225px;} /* ================================================================================== MODULES ================================================================================== */ /* Accordion Module */ .accordionHead {background: #f0f0f0 url("images/faq-q.png") 8px 8px no-repeat; border: 1px solid #ddd; color: #7b9bd1; padding: 11px 14px 14px; cursor: pointer;} .accordionHead h3 {width: 745px; padding-left: 33px; font-weight: 600; font-size: 130%;} .accordionHead.active {background-color: #d9e7f9; border-color: #c2d8f4;} .accordionBody {padding: 10px;} /* Search Results */ #dnn_ctr397_SearchResults_lblMessage {display: none;} .ModSearchResultsC tr.dnnGridItem > td {padding-bottom: 10px;} .ModSearchResultsC tr.dnnGridItem > td:first-child .SubHead {padding-right: 10px; font-weight: normal;} .ModSearchResultsC tr.dnnGridItem > td .SubHead {font-size: 120%; font-weight: bold;} .ModSearchResultsC tr.dnnGridItem > td .Normal:nth-child(4) {padding: 5px 0 0; display: block;} .scrResults {margin: 0; padding: 0;} .scrTitle {margin-bottom: 4px;} .scrExcerpt {margin-bottom: 6px;} .scrPath {font-style: italic;} .scrRelevance {display: none;} a.scrPage:hover {background: #eee; border-color: #ccc;} /* ================================================================================== QUICK QUOTE RESULTS ================================================================================== */ /* Resizing */ .qq.qq2012 .article.module, .qq2012 .content .option {width: auto;} .qq2012 .module .tabledata, .qq2012 .tab_container {width: 648px;} /* Hiding old payment option selectors */ .qq2012 .show {display: none;} /* An image replacement stack */ .cover_options .cover_action, .quote_progress_apply a {display: block; margin: 0; padding: 0; color:#ffffff; font-family: "Open Sans", Arial, sans-serif;font-weight: 600;line-height: 38px;} /* Results Header */ .qqH1, .qqm_iam, .qqm_iam h3, .qqm_iam .qq2012mode {float: left;} .qqHeadAside {float: right;} .qqH1 {padding-right: 40px;} .qqm_iam {padding-top: 13px; position: relative;} .qqm_iam .qq2012mode.qqFauxSelect {width: 180px; position: absolute; left: 81px;} .qqm_iam h3 {color: #739dd2; padding-right: 10px; line-height: 30px;} .qq2012mode ul, .qq2012mode li {list-style: none; margin: 0; padding: 0;} .qq2012mode li {padding: 7px 10px;} /* Left Quote Column */ .quote_container {width: 709px; float: left; clear: both;} .quote_container .tab_container {background:none; background-image: -webkit-linear-gradient(top, #dae8f9 0%, #c1d8f4 100%); background-image: -moz-linear-gradient(top, #dae8f9 0%, #c1d8f4 100%); background-image: -ms-linear-gradient(top, #dae8f9 0%, #c1d8f4 100%); background-image: -o-linear-gradient(top, #dae8f9 0%, #c1d8f4 100%); background-image: linear-gradient(top, #dae8f9 0%, #c1d8f4 100%); } .no-cssgradients .quote_container .tab_container {background: #c1d8f4 url("images/qq_legacy_tabrow.gif") top left repeat-x;} .tab_container .tab {color: #064c93; line-height: 73px; font-size: 165%; float: left; padding: 0 15px; cursor: pointer;} .tab_container .tab.active {background: #739dd2; color: #cde2f9;} .tabledata {margin: 58px 5px 0 0;} /* Hospital Cover Styling */ .quote_container .hospital_options .compareAnchor {width: 91px; margin: -5px 0 10px 15px; background: transparent; border: 0;} .quote_container .extras_options .compareAnchor .compareBubble {width: 64px; height: 64px; margin-top: -30px;} .hospital_options .cover_price {display: none;} .cover_options .cover_excess_selection span {background: url("images/qq_bullets.png") 0 -90px no-repeat; padding: 2px 0 2px 24px; display: block; margin: 0 0 10px 4px; cursor: pointer; text-align: left; float: none; overflow: hidden; clear: both; position: relative; zoom: 1;} .cover_options .cover_excess_selection span.active {background-position: 0 0;} /* Colourfying */ .quote_container .memberShare {background: #dbe3f0;} .cover_options .cover_action {background: url("images/qq_buttons.png") 1px -59px no-repeat; height: 38px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1;} .cover_options .cover_action.cover_action_remove {background-position:1px -4px;color:#1d488b} .cover_options .memberShare .cover_action {background-color:#c3d1eb} .quote_container .coverWise {background: #f5d3d9;} .cover_options .coverWise .cover_excess_selection span {background-position: -250px -90px} .cover_options .coverWise .cover_excess_selection span.active {background-position: -250px 0;} .cover_options .coverWise .cover_action {background-color: #f2b4be; background-position:-123px -59px } .cover_options .coverWise .cover_action.cover_action_remove {background-position: -123px -4px;color:#a8011e} .quote_container .loyalMembers {background: #d8dde1;} .cover_options .loyalMembers .cover_action {background-color: #bec7d0; background-position:-248px -59px} .cover_options .loyalMembers .cover_action.cover_action_remove {background-position: -248px -4px; color:#353e5b} .quote_container #HospitalsPane .familyCare {background: #f9e7d7;} .cover_options .familyCare .cover_excess_selection span {background-position: -250px -90px} .cover_options .familyCare .cover_excess_selection span.active {background-position: -564px 0;} .cover_options .familyCare .cover_action {background-color: #f9d8bb; background-position: -372px -59px} .cover_options .familyCare .cover_action.cover_action_remove {background-position: -372px -4px; color:#c15e16} .cover_options.extras_options .cover_action.cover_action {background: #4D79AE;} .cover_options.extras_options .cover_action.cover_action_remove {background: #8BAFDC} /* Level of Cover field */ .cover_options th.level_of_cover_heading {width: 193px; text-align: left; font-weight: normal; vertical-align: bottom; padding-bottom: 10px;} .cover_options th.level_of_cover_heading h2 {font-size: 175%;} .extras_options.cover_options th.level_of_cover_heading {border: 0; width:198px} .extras_options th:first-child {opacity: 1 !important} .extras_options th {opacity: 0.5} /* Resizing comparison tables to fit quickquote template */ .quote_container .compareHospital .compareCol, .hospital_options th {width: 119px;} .extras_options th {width: 44px; padding: 0;} .quote_container .compareExtras .compareCol {width: 79px;} .quote_container .compareExtras .compareDescription {width: 173px;} .quote_container .tabs.Extras.single.nohospital .compareExtras .compareDescription {width: 174px;} .quote_container div.tabs.Extras .compareExtras .compareDescription {width: 240px;} .quote_container div.tabs.Extras.single .compareExtras .compareDescription {width: 174px;} .quote_container div.tabs.Extras.couple .compareExtras .compareDescription {width: 174px;} .extras_options th .compareAnchor {margin: -5px 0 0 0;} .cover_options th.thspace, .quote_container .compareGap {width: 3px; padding: 0;} .cover_options th.thspace {border: 0; background: transparent;} .quote_container .compareHospital .compareDescription {width: 173px;} .quote_container .compareExtras .compareAnchor {border: 0; background: transparent; margin-left: 5px; margin-right: 15px;} /* Fixing some widths that should be implied but aren't */ .compareExtras > tbody > tr > td {padding: 0;} /* Removing top hospital comparison from quick quote */ .quote_container .compareColTopHospital, .quote_container .compareColTopHospital + .compareGap {display: none;} /* Custom Extras display based on "cover for" selection */ /* Default Hidden */ .tabs.Extras th.ph, .tabs.Extras th.p, .tabs.Extras th.p + .thspace, .tabs.Extras th.pp, .tabs.Extras th.pp + .thspace, .tabs.Extras th.pf, .tabs.Extras th.pf + .thspace, .tabs.Extras th.ps, .tabs.Extras th.ps + .thspace, .tabs.Extras th.pv, .tabs.Extras th.pv + .thspace, .tabs.Extras th.pk, .tabs.Extras th.pk + .thspace, .tabs.Extras th.pg, .tabs.Extras th.pg + .thspace, .tabs.Extras th.dental, .tabs.Extras th.dental + .thspace, .tabs.Extras .compareColph, .tabs.Extras .compareColp, .tabs.Extras .compareColp + .compareGap, .tabs.Extras .compareColpp, .tabs.Extras .compareColpp + .compareGap, .tabs.Extras .compareColpf, .tabs.Extras .compareColpf + .compareGap, .tabs.Extras .compareColps, .tabs.Extras .compareColps + .compareGap , .tabs.Extras .compareColpv, .tabs.Extras .compareColpv + .compareGap , .tabs.Extras .compareColpg, .tabs.Extras .compareColpg + .compareGap , .tabs.Extras .compareColpk, .tabs.Extras .compareColpk + .compareGap , .tabs.Extras .compareColdental, .tabs.Extras .compareColdental + .compareGap , .tabs.Hospital th.familyCare, .tabs.Hospital .compareColFamilyCare, .tabs.Hospital .compareColFamilyCare + .compareGap {display: none;} /* Couples */ /* .tabs.Extras.couple th.p, .tabs.Extras.couple th.p + .thspace,*/ .tabs.Extras.couple th.pp, .tabs.Extras.couple th.pp + .thspace, .tabs.Extras.couple th.pv, .tabs.Extras.couple th.pv + .thspace, .tabs.Extras.couple th.pg, .tabs.Extras.couple th.pg + .thspace, .tabs.Extras.couple th.pf, .tabs.Extras.couple th.pf + .thspace, .tabs.Extras.couple th.dental, .tabs.Extras.couple th.dental + .thspace, .tabs.Extras.couple .compareColpp, .tabs.Extras.couple .compareColpp + .compareGap, .tabs.Extras.couple .compareColpv, .tabs.Extras.couple .compareColpv + .compareGap, .tabs.Extras.couple .compareColpg, .tabs.Extras.couple .compareColpg + .compareGap, .tabs.Extras.couple .compareColpf, .tabs.Extras.couple .compareColpf + .compareGap, /* .tabs.Extras.couple .compareColp, .tabs.Extras.couple .compareColp + .compareGap,*/ .tabs.Extras.couple .compareColdental, .tabs.Extras.couple .compareColdental + .compareGap, /* Family */ .tabs.Extras.family th.pv, .tabs.Extras.family th.pv + .thspace, .tabs.Extras.family th.pg, .tabs.Extras.family th.pg + .thspace, .tabs.Extras.family th.dental, .tabs.Extras.family th.dental + .thspace, /* .tabs.Extras.family th.p, .tabs.Extras.family th.p + .thspace,*/ .tabs.Extras.family th.pp, .tabs.Extras.family th.pp + .thspace, .tabs.Extras.family th.pf, .tabs.Extras.family th.pf + .thspace, /*.tabs.Extras.family .compareColps, .tabs.Extras.family .compareColps + .compareGap,*/ .tabs.Extras.family .compareColpg, .tabs.Extras.family .compareColpg + .compareGap, .tabs.Extras.family .compareColdental, .tabs.Extras.family .compareColdental + .compareGap, .tabs.Extras .compareColpv, .tabs.Extras .compareColpv + .compareGap, /* .tabs.Extras.family .compareColp, .tabs.Extras.family .compareColp + .compareGap,*/ .tabs.Extras.family .compareColpp, .tabs.Extras.family .compareColpp + .compareGap, .tabs.Extras.family .compareColpf, .tabs.Extras.family .compareColpf + .compareGap, .tabs.Hospital.family th.familyCare, .tabs.Hospital.family .compareColFamilyCare, .tabs.Hospital.family .compareColFamilyCare + .compareGap, /* Single */ .tabs.Extras.single th.pp, .tabs.Extras.single th.pp + .thspace, .tabs.Extras.single th.ps, .tabs.Extras.single th.ps + .thspace, .tabs.Extras.single th.pv, .tabs.Extras.single th.pv + .thspace, .tabs.Extras.single th.pg, .tabs.Extras.single th.pg + .thspace, /* .tabs.Extras.single th.p, .tabs.Extras.single th.p + .thspace,*/ .tabs.Extras.single th.dental, .tabs.Extras.single th.dental + .thspace, .tabs.Extras.single .compareColpp, .tabs.Extras.single .compareColpp + .compareGap, .tabs.Extras.single .compareColps, .tabs.Extras.single .compareColps + .compareGap, .tabs.Extras.single .compareColpv, .tabs.Extras.single .compareColpv + .compareGap, .tabs.Extras.single .compareColpv, .tabs.Extras.single .compareColpv + .compareGap, .tabs.Extras.single .compareColpg, .tabs.Extras.single .compareColpg + .compareGap, /* .tabs.Extras.single .compareColp, .tabs.Extras.single .compareColp + .compareGap,*/ .tabs.Extras.single .compareColdental, .tabs.Extras.single .compareColdental + .compareGap {display: table-cell;} /* No Hosptial */ /* .tabs.Extras.nohospital th.p, .tabs.Extras.nohospital th.p + .thspace, .tabs.Extras.nohospital th.pv, .tabs.Extras.nohospital th.pv + .thspace, .tabs.Extras.nohospital th.d, .tabs.Extras.nohospital th.d + .thspace, .tabs.Extras.nohospital .compareColp, .tabs.Extras.nohospital .compareColp + .compareGap, .tabs.Extras.nohospital .compareColdental, .tabs.Extras.nohospital .compareColdental + .compareGap, .tabs.Extras.nohospital .compareColpg, .tabs.Extras.nohospital .compareColpg + .compareGap, .tabs.Extras.nohospital .compareColpv, .tabs.Extras.nohospital .compareColpv + .compareGap, .tabs.Extras.nohospital .compareColpf, .tabs.Extras.nohospital .compareColpf + .compareGap, .tabs.Extras.nohospital th.pg, .tabs.Extras.nohospital th.pg + .thspace, .tabs.Extras.nohospital th.pv, .tabs.Extras.nohospital th.pv + .thspace, /* .tabs.Extras.nohospital th.pp, .tabs.Extras.nohospital th.pp + .thspace, .tabs.Extras.nohospital th.dental, .tabs.Extras.nohospital th.dental + .thspace, .tabs.Extras.nohospital th.pf, .tabs.Extras.nohospital th.pf + .thspace{display: table-cell;}*/ /*display none for all nohospital*/ .tabs.Extras.nohospital th.ph, .tabs.Extras.nohospital th.p, .tabs.Extras.nohospital th.p + .thspace, .tabs.Extras.nohospital th.pp, .tabs.Extras.nohospital th.pp + .thspace, .tabs.Extras.nohospital th.pf, .tabs.Extras.nohospital th.pf + .thspace, .tabs.Extras.nohospital th.ps, .tabs.Extras.nohospital th.ps + .thspace, .tabs.Extras.nohospital th.pv, .tabs.Extras.nohospital th.pv + .thspace, .tabs.Extras.nohospital th.pk, .tabs.Extras.nohospital th.pk + .thspace, .tabs.Extras.nohospital th.pg, .tabs.Extras.nohospital th.pg + .thspace, .tabs.Extras.nohospital th.dental, .tabs.Extras.nohospital th.dental + .thspace, .tabs.Extras.nohospital .compareColph, .tabs.Extras.nohospital .compareColp, .tabs.Extras.nohospital .compareColp + .compareGap, .tabs.Extras.nohospital .compareColpp, .tabs.Extras.nohospital .compareColpp + .compareGap, .tabs.Extras.nohospital .compareColpf, .tabs.Extras.nohospital .compareColpf + .compareGap, .tabs.Extras.nohospital .compareColps, .tabs.Extras.nohospital .compareColps + .compareGap , .tabs.Extras.nohospital .compareColpv, .tabs.Extras.nohospital .compareColpv + .compareGap , .tabs.Extras.nohospital .compareColpg, .tabs.Extras.nohospital .compareColpg + .compareGap , .tabs.Extras.nohospital .compareColpk, .tabs.Extras.nohospital .compareColpk + .compareGap , .tabs.Extras.nohospital .compareColdental, .tabs.Extras.nohospital .compareColdental + .compareGap , .tabs.Hospital.nohospital th.familyCare, .tabs.Hospital.nohospital .compareColFamilyCare, .tabs.Hospital.nohospital .compareColFamilyCare + .compareGap {display: none;} /***NO HOSPITAL**/ .tabs.Extras.nohospital th.pv, .tabs.Extras.nohospital th.pv + .thspace, .tabs.Extras.nohospital th.pg, .tabs.Extras.nohospital th.pg + .thspace, .tabs.Extras.nohospital th.p, .tabs.Extras.nohospital th.p + .thspace, .tabs.Extras.nohospital th.dental, .tabs.Extras.nohospital th.dental + .thspace, .tabs.Extras.nohospital .compareColpv, .tabs.Extras.nohospital .compareColpv + .compareGap , .tabs.Extras.nohospital .compareColpg, .tabs.Extras.nohospital .compareColpg + .compareGap , .tabs.Extras.nohospital .compareColp, .tabs.Extras.nohospital .compareColp + .compareGap, .tabs.Extras.nohospital .compareColdental, .tabs.Extras.nohospital .compareColdental + .compareGap, .tabs.Extras.family.nohospital th.pk, .tabs.Extras.family.nohospital th.pk + .thspace, .tabs.Extras.family.nohospital th.ph, .tabs.Extras.family.nohospital th.ph + .thspace, .tabs.Extras.family.nohospital .compareColpk, .tabs.Extras.family.nohospital .compareColpk + .compareGap, .tabs.Extras.family.nohospital .compareColph, .tabs.Extras.family.nohospital .compareColph + .compareGap {display: table-cell;} /**Family care - turn off every thing**/ .tabs.Extras.family.familyCare th.p, .tabs.Extras.family.familyCare th.p + .thspace, .tabs.Extras.family.familyCare th.pp, .tabs.Extras.family.familyCare th.pp + .thspace, .tabs.Extras.family.familyCare th.pf, .tabs.Extras.family.familyCare th.pf + .thspace, .tabs.Extras.family.familyCare th.ps, .tabs.Extras.family.familyCare th.ps + .thspace, .tabs.Extras.family.familyCare th.pv, .tabs.Extras.family.familyCare th.pv + .thspace, .tabs.Extras.family.familyCare th.pk, .tabs.Extras.family.familyCare th.pk + .thspace, .tabs.Extras.family.familyCare th.pg, .tabs.Extras.family.familyCare th.pg + .thspace, .tabs.Extras.family.familyCare th.dental, .tabs.Extras.family.familyCare th.dental + .thspace, .tabs.Extras.family.familyCare .compareColph, .tabs.Extras.family.familyCare .compareColp, .tabs.Extras.family.familyCare .compareColp + .compareGap, .tabs.Extras.family.familyCare .compareColpp, .tabs.Extras.family.familyCare .compareColpp + .compareGap, .tabs.Extras.family.familyCare .compareColpf, .tabs.Extras.family.familyCare .compareColpf + .compareGap, .tabs.Extras.family.familyCare .compareColps, .tabs.Extras.family.familyCare .compareColps + .compareGap , .tabs.Extras.family.familyCare .compareColpv, .tabs.Extras.family.familyCare .compareColpv + .compareGap , .tabs.Extras.family.familyCare .compareColpg, .tabs.Extras.family.familyCare .compareColpg + .compareGap , .tabs.Extras.family.familyCare .compareColpk, .tabs.Extras.family.familyCare .compareColpk + .compareGap , .tabs.Extras.family.familyCare .compareColdental, .tabs.Extras.family.familyCare .compareColdental + .compareGap {display: none;} /*familyCare*/ .tabs.Extras.family.familyCare th.pk, .tabs.Extras.family.familyCare th.pk + .thspace, .tabs.Extras.family.familyCare th.ph, .tabs.Extras.family.familyCare th.ph + .thspace, .tabs.Extras.family.familyCare .compareColpk, .tabs.Extras.family.familyCare .compareColpk + .compareGap, .tabs.Extras.family.familyCare .compareColph, .tabs.Extras.family.familyCare .compareColph + .compareGap {display: table-cell}; /* (David K 03/04/2013) Notes for Latrobe: PP - Premier Plus PV - Premier Silver PG - Premier Gold D - Dental PF - Premier Family P - Premier PS - Premier Single PK - Premier Family Gold Default Visible: PG PV D No Hospital Selected: P Family/Couple: PP PF Single: PP PS Hidden Altogether: PH */ /* Changes to the pricing table */ th.empty_cell {background: #fff;} .qq2012 .tabledata th.lastTD {background: #d9f6f9;} /* New hospital cover layout */ .cover_options th {text-align: center;} .hospital_options th {height: 278px;} .extras_options th {height: 100px; border: 1px solid #ddd; border-width: 0 1px; background: #F0F0F0;} .cover_options th .tableheadPositionContainer {position: relative; height: 100%; font-weight: normal;} .cover_options .cover_excess {font-size: 12px; font-style: normal; display: block; padding: 2px 0 20px 0; color: #515151;} .cover_options .cover_excess_selection, .cover_options .cover_excess_noselect {clear: both; font-size: 12px; font-style: normal; display: block; padding: 0; color: #515151;} /* Extras detail changes */ .qq2012 .tabledata td.row_trigger {width: 175px;} .qq2012 .module .qExtras .price_list td, .qExtras td {width: 192px;} .qq2012 .extras_detail td {width: 75px;} .qq2012 .extras_detail td.row_title {width: 163px;} /* Progress sidebar */ .quote_progress {float: left; width: 307px;} .quote_progress_heading {height: 73px; line-height: 73px; font-size: 180%; text-indent: 12px;} /* Progress period switcher */ .quote_progress_period {background: url("images/quote_progress_switch_bg.gif") top left repeat-x;} .quote_progress_period a {display: block; line-height: 29px; margin-left: 20px; color: #676c71; float: left;} .quote_progress_period a.active {background: url("images/arrow_down.png") top no-repeat; color: #fe800f;} .quote_progress_period a.active:nth-child(5), .quote_progress_period a.active:nth-child(6) {background: url("images/arrow_up.png") bottom no-repeat} /* Progress Prices */ .quote_progress_price {color: #fff; text-align: right; padding: 5px 10px; clear: both; position: relative;} .quote_price_hospital {display: none; border-top: 1px dashed #5D88BD;} .quote_price_extras {display: none; border-top: 1px dashed #5D88BD;} .quote_price_total {border-top: 1px dashed #5D88BD;} .rebate_tier {color: #c5faff; border-top: 1px dashed #5D88BD; line-height: 47px; padding-right: 10px; text-align: right; font-size: 110%;} .quote_progress_price strong {float: left; color: #c5faff; font-size: 16px; position: relative; zoom: 1; font-weight: normal; padding-top: 10px;} .quote_progress_price .price .price_sign {font-size: 15px; display: inline-block; position: relative; top: -13px; left: 3px;} .quote_progress_price .price .price_dollars {font-size: 34px;} .quote_progress_price .price .price_cents {font-size: 25px; display: inline-block; padding-top: 10px; margin-left: -2px;} .quote_price_total strong {} /* Dark Blue BG */ .quote_progress_heading, .quote_rebate_title, .quote_coverloading_title {background: #4d79ae; color: #dbedff; background-image: -webkit-linear-gradient(left, #3f689c 0%, #4d79ae 15%, #4d79ae 100%); background-image: -moz-linear-gradient(left, #3f689c 0%, #4d79ae 15%, #4d79ae 100%); background-image: -ms-linear-gradient(left, #3f689c 0%, #4d79ae 15%, #4d79ae 100%); background-image: -o-linear-gradient(left, #3f689c 0%, #4d79ae 15%, #4d79ae 100%); background-image: linear-gradient(left, #3f689c 0%, #4d79ae 15%, #4d79ae 100%); } .no-cssgradients .quote_progress_heading, .no-cssgradients .quote_rebate_title, .no-cssgradients .quote_coverloading_title {background: #4d79ae url("images/qq_legacy_right-dark.gif") top left repeat-y;} /* Medium Blue BG */ .quote_progress_price, .quote_price_hospital, .quote_price_extras, .quote_progress_rebate, .rebate_tier {background: #739dd2; background-image: -webkit-linear-gradient(left, #5e88be 0%, #739dd2 20%, #739dd2 100%); background-image: -moz-linear-gradient(left, #5e88be 0%, #739dd2 20%, #739dd2 100%); background-image: -ms-linear-gradient(left, #5e88be 0%, #739dd2 20%, #739dd2 100%); background-image: -o-linear-gradient(left, #5e88be 0%, #739dd2 20%, #739dd2 100%); background-image: linear-gradient(left, #5e88be 0%, #739dd2 20%, #739dd2 100%); } .no-cssgradients .quote_progress_price, .no-cssgradients .quote_price_hospital, .no-cssgradients .quote_price_extras, .no-cssgradients .quote_progress_rebate, .no-cssgradients .rebate_tier {background: #739dd2 url("images/qq_legacy_right-mid.gif") top left repeat-y;} /* Light Blue BG */ .quote_price_total {background: #8bafdc; background-image: -webkit-linear-gradient(left, #7ca0ce 0%, #8bafdc 20%, #8bafdc 100%); background-image: -moz-linear-gradient(left, #7ca0ce 0%, #8bafdc 20%, #8bafdc 100%); background-image: -ms-linear-gradient(left, #7ca0ce 0%, #8bafdc 20%, #8bafdc 100%); background-image: -o-linear-gradient(left, #7ca0ce 0%, #8bafdc 20%, #8bafdc 100%); background-image: linear-gradient(left, #7ca0ce 0%, #8bafdc 20%, #8bafdc 100%); } .no-cssgradients .quote_price_total {background: #8bafdc url("images/qq_legacy_right-light.gif") top left repeat-y;} /* Additional Rebate Percentages */ .additional_rebate_year, .additional_rebate_half {display: none;} /* Rebate */ .quote_rebate_title, .quote_coverloading_title {padding: 16px 14px; font-size: 145%; clear: both;} .quote_rebate_options {padding: 10px;} .quote_rebate_age_bg, .quote_rebate_tier_bg {background: #8bafdc;} .quote_progress_rebate {padding-bottom: 55px;} .quote_progress_rebate h3 {color: #fff;} .quote_rebate_age {} .quote_rebate_tier {} .quote_rebate_tier blockquote {color: #2D69A6; z-index:300; display:none; width:250px; height:auto; padding:15px 25px; border:1px solid #bfc5c6; position:absolute; font:1em Arial, Helvetica, sans-serif; background:#D9E7F9 url('images/menu_li4.png') center top no-repeat; text-align:left; -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.3); box-shadow:0px 0px 10px rgba(0,0,0,0.3); } .quote_rebate_tier blockquote strong, .quote_rebate_tier blockquote small {display: block; padding: 10px 0;} .quote_rebate_tier blockquote strong {color: #2D69A6; font-size: 110%;} .quote_rebate_tier blockquote small {font-size: 100%;} .quote_rebate_options h4 {color: #fff; padding: 10px 0; font-size: 14px;} .quote_rebate_options span {float: left; padding: 10px; cursor: pointer; position: relative; color: #fff;} .quote_rebate_options span i {display: none; width: 9px; height: 5px; position: absolute; top: 100%; left: 50%; margin-left: -4px; background: url("images/qq_arrow.gif") top left no-repeat;} .quote_rebate_options span.active i {display: block;} .quote_rebate_options span.active {color: #2d69a6; background-color: #d9e7f9;} .quote_rebate_calculated {clear: both; padding: 13px; font-weight: bold; color: #fff;} /* Recalculate and Apply Now */ .quote_progress_recalculate_apply a {display: block; background: #4D79AE; color: #fff; padding: 0 9px; line-height: 30px; font-size: 13px; margin: 5px 14px 0 0; text-align: center; background-image: -webkit-linear-gradient(top, #4D79AE 0%, #005899 100%); background-image: -moz-linear-gradient(top, #4D79AE 0%, #005899 100%); background-image: -ms-linear-gradient(top, #4D79AE 0%, #005899 100%); background-image: -o-linear-gradient(top, #4D79AE 0%, #005899 100%); background-image: linear-gradient(top, #4D79AE 0%, #005899 100%); -webkit-box-shadow: 1px 1px 2px rgba(32,88,176,0.37); -moz-box-shadow: 1px 1px 2px rgba(32,88,176,0.37); -ms-box-shadow: 1px 1px 2px rgba(32,88,176,0.37); -o-box-shadow: 1px 1px 2px rgba(32,88,176,0.37); box-shadow: 1px 1px 2px rgba(32,88,176,0.37); } .quote_progress_recalculate a {display: block; background: #89b5ec; color: #fff; padding: 0 9px; line-height: 30px; font-size: 13px; margin: 5px 14px 0 0; text-align: center; background-image: -webkit-linear-gradient(top, #89b5ec 0%, #749ed3 100%); background-image: -moz-linear-gradient(top, #89b5ec 0%, #749ed3 100%); background-image: -ms-linear-gradient(top, #89b5ec 0%, #749ed3 100%); background-image: -o-linear-gradient(top, #89b5ec 0%, #749ed3 100%); background-image: linear-gradient(top, #89b5ec 0%, #749ed3 100%); -webkit-box-shadow: 1px 1px 2px rgba(32,88,176,0.37); -moz-box-shadow: 1px 1px 2px rgba(32,88,176,0.37); -ms-box-shadow: 1px 1px 2px rgba(32,88,176,0.37); -o-box-shadow: 1px 1px 2px rgba(32,88,176,0.37); box-shadow: 1px 1px 2px rgba(32,88,176,0.37); } .no-cssgradients .quote_progress_recalculate a {background: #6a9fd4 url("images/qq_legacy_button.gif") top left repeat-x;} .no-cssgradients .quote_progress_recalculate_apply a {background: #6a9fd4 url("images/qq_legacy_button_apply.jpg") top left repeat-x;} /* Cover loading rebates */ .quote_coverloading_field {float: right; color: #fff; width: 118px; padding: 16px 5px; font-size: 25px;} .wrapper .quote_progress_rebate .quote_coverloading_field input {color: #064c93; font-weight: bold; background: #d9e7f9; border: 1px solid #5d88bd; margin: 0 5px 0 0; width: 65px; text-align: center; outline: none; padding: 1px 6px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .quote_coverloading_field span {padding-top: 3px; display: inline-block;} .quote_coverloading_text {padding: 14px; width: 140px; color: #fff;} .quote_coverloading_text a {color: #fff; text-decoration: underline;} .quote_progress_apply {background: url("images/qq_sidebar.gif") top left no-repeat; height: 286px; position: relative;} .quote_progress_apply a {position: absolute; top: -53px; right: 6px; /*background: url("images/sprite-buttons.png") -483px -136px no-repeat;*/ width: 85px; height: 30px;} /* Disclaimer */ .qq2012 #dnn_ContentPane {padding: 10px;} /* Footer links repositioning for quick quote results */ .quickQuoteFooterLinks {clear: both; padding-left: 199px; padding-top: 20px;} /* ================================================================================== HELPER CLASSES Global elements, resuable styles ================================================================================== */ /* Layout */ .innerWrap {width: 1024px; margin: 0 auto;} .wrapperHeader, .wrapperMain {background: #f8f8f8;} /* Box-Sizing */ #dnn_dnnSearch_txtSearch, .homeLeft, .homeRight, .megaMenu {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} /* General */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } /* Clearfix - apply to parent element, not a clearing element */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Buttons */ a.bluebutton { color: #fff; background: url("images/button.png") no-repeat scroll 0 0 transparent; display: block; padding: 3px 0px 8px 10px; margin-top:15px; font-family: "Open Sans", Arial, sans-serif; font-size:16px; } .no-cssgradients .bluebutton {display:block; padding: 3px 0px 8px 10px;} .bluebutton .arrow {display: block; padding: 8px 81px 8px 14px;} a.orangebutton { color: #fff; background: url("images/button-orange.png") no-repeat scroll 0 0 transparent; display: block; padding: 3px 0px 8px 10px; margin-top:15px; font-family: "Open Sans", Arial, sans-serif; font-size:18px; } .no-cssgradients .orangebutton {display:block; padding: 3px 0px 8px 10px;} .orangebutton .arrow {display: block; background: url("images/arrow-right-orange.gif") 94% 50% no-repeat; padding: 8px 81px 8px 14px;} /* Content Boxes */ .greybox {background: #f0f0f0; border: 1px solid #ddd;} .whitebox {border: 1px solid #ddd; background-color: #fff;} /* Faux Select Element */ .fauxSelect, .qqFauxSelect {background: #749ed3 url("images/faux-select.gif") top right no-repeat; color: #fff; overflow: hidden; position: relative; z-index: 909; cursor: pointer;} .fauxSelect .noSelect, .qqFauxSelect .noSelect, .fauxSelect .option, .qqFauxSelect .option {padding: 7px 10px;} /* Cover Aside - the coloured boxes to detail preset covers */ .ModDNNHTMLC .coverAside {float: right; margin: 20px 0 30px 30px; border: none; width: 250px;} .ModDNNHTMLC .coverAside th, .ModDNNHTMLC .coverAside td {border-bottom: 10px solid #f8f8f8; vertical-align: middle;} .ModDNNHTMLC .coverAside th {text-align: center; padding: 10px; font-size: 120%; color: #fff; background: #0079c2;} .ModDNNHTMLC .coverAside td {padding: 4px; text-align: center; background: #7bacdc; color: #000;} .ModDNNHTMLC .coverAside td.coverAsideFooter {background: transparent; font-style: italic; font-weight: normal; font-size: 90%; text-align: left;} /* Cover Aside colours */ .current-105 .coverAside th {background: #e70d0d;} .current-105 .coverAside td {background: #fac8c8;} .current-106 .coverAside th {background: #3E578D;} .current-106 .coverAside td {background: #969fbf;} .current-107 .coverAside th {background: #D06E1A;} .current-107 .coverAside td {background: #faa864;} /* ================================================================================== JQUERY PLUGIN: COLORBOX ================================================================================== */ /* Colorbox Core */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style */ #cboxOverlay{background:#000;} #colorbox{outline: none;} #cboxContent{margin-top:20px;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#fff;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; top:0px; right:0px; display:block; background:url(images/close_btn.jpg) no-repeat top center; width:40px; height:40px; text-indent:-9999px; border: 0px;} /* ================================================================================== IE7 FIXES ================================================================================== */ /* ================================================================================== PRINT STYLES ================================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } /* Hiding elements */ /* Restyling */ /* Showing all accordions */ .accordionBody {display: block !important;} } .button {background: #d9e7f9; display: inline-block; color: #2d69a6; padding: 10px 30px; font-size: 18px;} .checkbox input[type="checkbox"] {visibility: hidden; position: absolute;} .checkbox input[type="checkbox"] + span {padding-left: 2.55em; margin-left: 0; position: relative; display: inline-block;} .checkbox input[type="checkbox"] + span:before {background: #fff; width: 1.7em; height: 1.7em; border: 1px solid #DADADA;} .checkbox input[type="checkbox"] + span:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 1.7em; height: 1.7em; } .checkbox input[type="checkbox"]:checked + span:before { background: url("images/tick.jpg") center no-repeat; }