/* COLORS: Dk Grey 535353 Lt Grey 797979 Blue 4785C5 */ /* ################ CSS RESET BOILERPLATE ################ */ * { margin: 0; outline: 0; } /* So you don't unpad certain form elements in some browsers */ html, head, body, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, cite, ul, ol, li, dl, dt, dd, img, form, legend, fieldset, label, table, tr, thead, tbody, tfoot, th, td, caption, em, strong, pre, sup, sub, del, ins, code, dfn, kbd, samp, var, big, small { padding: 0; } /* IE/WIn does not support automatic quoting of q tag. Must add quote entities manually OUTSIDE of the tags. */ q:before, q:after { content: ""; } html>body abbr[title], * html abbr { border: 0; cursor: help; font-style: normal; } img { border: 0; } /* ################ STRUCTURE ################ */ body { text-align: center; padding-top: 30px; padding-bottom: 30px; font-size: 100%; } /* tag classes to adjust font-size */ body.text-small { font-size: 100%; } body.text-medium { font-size: 112.5%; } body.text-large { font-size: 125%; } #container { text-align: left; width: 800px; margin: 0 auto; position: relative; } .column { float: left; display: inline; } #header, #body, #footer, .clear { clear: both; } #header {} #body { padding-top: 33px; } #home #body { padding-top:20px;} /* accommodate tooltip text area */ #sidebar { width: 180px; margin: -8px 35px 0 50px; background-image: url(../images/bg_grey_line.png); background-position: top right; background-repeat: no-repeat; min-height: 315px; } #content { width: 530px; margin-left: 5px; } #footer { width: 535px; margin-left: 265px; padding-top: 50px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #797979; } /* ################ SECTION STYLES ################ */ /* ========== HEADER ========== */ #logo { position: absolute; left: 15px; top:35px; } #topnav, #mainnav { margin-left: 265px; } #topnav { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; text-align: center; } #topnav ul li, #footernav ul li { font-size: 11px; } #mainnav, #mainnav li, #mainnav a, #subnav, #subnav li, #subnav a { float: left; display: inline; } #mainnav { float: right; margin-top: 4px; clear: both; } #mainnav li { border-left: 0; margin-left: 0; padding-left: 0; } #mainnav a { text-indent: -9999px; overflow: hidden; background-position: top center; background-repeat: no-repeat; height: 60px; } #mainnav a:hover, #mainnav a.current { background-position: bottom center; } #mainnav #nav_types_of_care a, #mainnav #tab_2 a { background-image: url(../images/img_nav_tab_toc_dbl.png); width: 171px; } #mainnav #nav_hc_professional a, #mainnav #tab_11 a { background-image: url(../images/img_nav_tab_hcpro_dbl.png); width: 189px; } #mainnav #nav_employment a, #mainnav #tab_113 a { background-image: url(../images/img_nav_tab_emp_dbl.png); width: 173px; } #mainnav #section_desc { /* visibility:hidden; */ clear: both; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #999; height:32px; position:relative; overflow:hidden; font-size:12px; } #section_desc .screen { /* used to hide/show underlying tooltip text */ opacity:1.0; background-color:#fff; position:absolute; width:100%; height:32px; top:0; left:0; } #section_desc p { width:94%; margin:0pt 0pt 0pt -50%; padding:0pt 3%; position:absolute; left:50%; top:auto; } #subnav { float: right; margin-top: -5px; /* set to zero to squish up against bottom of mainnav */ margin-right:3px; } #subnav li { border-left: 0; margin-left: 0; padding-left: 1.25px; } #subnav a { height: 24px; width: 74px; text-align: center; text-indent: -9999px; overflow: hidden; background-position: top center; background-repeat: no-repeat; } #subnav a:hover, #subnav a.current { background-position: bottom center; } /* ------ SUBNAV TABS ------ */ /* SECTION: Types of Care */ #subnav #tab_overview_dkblue a, #subnav #tab_2 a { background-image: url(../images/img_tab_dkblue_overview.png); } #subnav #tab_nonmedical a, #subnav #tab_3 a { background-image: url(../images/img_tab_dkblue_nonmedical.png); } #subnav #tab_medical a, #subnav #tab_4 a { background-image: url(../images/img_tab_dkblue_medical.png); } #subnav #tab_hospice a, #subnav #tab_89 a { background-image: url(../images/img_tab_dkblue_hospice.png); } #subnav #tab_notsure a, #subnav #tab_5 a, #subnav #tab_6 a, #subnav #tab_7 a { background-image: url(../images/img_tab_dkblue_notsure.png); } #subnav #tab_cost a, #subnav #tab_8 a { background-image: url(../images/img_tab_ltblue_cost.png); } #subnav #tab_compare a, #subnav #tab_9 a { background-image: url(../images/img_tab_ltblue_compare.png); } /* #subnav #tab_locations_ltblue a, #subnav #tab_10 a { background-image: url(../images/img_tab_ltblue_locations.png); } */ /* SECTION: Healthcare Professional */ #subnav #tab_overview_green a, #subnav #tab_11 a { background-image: url(../images/img_tab_green_overview.png); } #subnav #tab_services a, #subnav #tab_12 a { background-image: url(../images/img_tab_green_services.png); } #subnav #tab_documents a, #subnav #tab_13 a { background-image: url(../images/img_tab_green_documents.png); } #subnav #tab_faq a, #subnav #tab_14 a { background-image: url(../images/img_tab_green_faq.png); } #subnav #tab_insurance a, #subnav #tab_15 a { background-image: url(../images/img_tab_ltblue_insurance.png); } #subnav #tab_directory_ltblue a, #subnav #tab_16 a { background-image: url(../images/img_tab_ltblue_directory.png); } /* locations */ #subnav #tab_17 a { background-image: url(../images/img_tab_ltblue_locations.png); } /* SECTION: Employment */ #subnav #tab_113 a { background-image: url(../images/img_tab_ltblue_jobs.png); } #subnav #tab_apply a, #subnav #tab_19 a { background-image: url(../images/img_tab_ltblue_apply.png); } #subnav #tab_testimony a, #subnav #tab_20 a { background-image: url(../images/img_tab_ltblue_testimony.png); } #subnav #tab_locations_grey a, #subnav #tab_21 a { background-image: url(../images/img_tab_ltblue_locations.png); } #subnav #tab_description a, #subnav #tab_33 a { background-image: url(../images/img_tab_ltblue_description.png); } /* SECTION: About Us */ #subnav #tab_28 a { background-image: url(../images/img_tab_grey_about.png); } #subnav #tab_30 a { background-image: url(../images/img_tab_grey_history.png); } #subnav #tab_31 a { background-image: url(../images/img_tab_grey_values.png); } #subnav #tab_contact a { background-image: url(../images/img_tab_grey_contactus.png); } #subnav #tab_directory_grey a { background-image: url(../images/img_tab_grey_directory.png); } /* ========== BODY ========== */ /* ------ SIDEBAR ------ */ #photo {} #sidebar_phone { text-indent: -9999px; overflow: hidden; width: 108px; height: 12px; background: url(../images/txt_phone_num.gif) no-repeat top center; margin-top: 30px; } #sidebar_contact { border-top: 1px solid #4785C5; padding-top: 7px; margin-top: 7px; } #sidebar_contact a { display: block; text-indent: -9999px; overflow: hidden; width: 68px; height: 12px; background: url(../images/txt_contact_us.gif) no-repeat top center; } #sidebar_newsletter_signup input.fsField { width: 100%; background-color: #fff; } #sidebar_newsletter_signup h2.fsSectionHeading { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 1.2; color: #6BA7D3; } #sidebar_newsletter_signup .note p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 1.2; } #sidebar_newsletter_signup .note { margin-top: 10px; } #sidebar_newsletter_signup div.fsError { width: auto; } #sidebar_newsletter_signup label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; } #sidebar_newsletter_signup label span { color: #999; font-size: 12px; } #sidebar_newsletter_signup td.fsCell { padding: 5px 5px 0 0; } #sidebar_newsletter_signup td.fsRowOpen { width: 0px !important; border-collapse: collapse; padding: 0; margin: 0; white-space: normal; font-size: 0; } #sidebar_newsletter_signup td.fsRowOpen, #sidebar_newsletter_signup td.fsRowClose, #sidebar_newsletter_signup td.fsRowBody { background-image: none; } #sidebar_newsletter_signup div.fsPagination { margin: 0; text-align: right; } #sidebar_newsletter_signup input.fsSubmitButton { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; display: inline; } /* ------ CONTENT ------ */ #controls { float: right; display: inline; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 8px; } #controls #text_size, #controls span, #controls #decrease_text, #controls #increase_text, #controls #print { float: left; display: inline; line-height: 14px; } #controls #text_size a { margin-left: 2px; } #controls #decrease_text, #controls #increase_text { text-indent: -9999px; overflow: hidden; width: 13px; height: 13px; background-position: top center; background-repeat: no-repeat; } #controls #decrease_text { background-image: url(../images/icn_minus.png); } #controls #increase_text { background-image: url(../images/icn_plus.png); margin-right: 10px; } #controls #print a { background: url(../images/icn_print.png) no-repeat center right; padding-right: 13px; color: #797979; } /* ========== FOOTER ========== */ #footer a:link, #footer a:visited { color: #797979; } #footernav {} #credits { clear: both; font-size: 0.7em; line-height: 1.5; margin-top: 15px; } #credits p { margin-bottom: 0; } #credits #copyright { } #credits a { text-transform: uppercase; } /* ################ UTILITY CLASSES ################ */ ul.nav li, ul.nav a { display: inline; } ul.nav { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 12px; } /* * html ul.nav { display: inline; padding-right: 5px; border-right: 1px solid #797979 !important; } */ ul.nav li { margin-left: 4px; padding-left: 5px; border-left: 1px solid #797979; } /* :first-child doesn't work in IE * * ul.nav li:first-child { * margin-left: 0; * padding-left: 0; * border-left: 0; * } */ ul.nav li.first { margin-left: 0; padding-left: 0; border-left: 0; } ul.nav a:link, ul.nav a:visited { color: #797979; } ul.nav a:hover {} .description { font-style: italic; } #login_container { margin-top: 15px; } #login_container .form_label { width: 150px; float: left; text-align: right; margin-bottom: 6px; margin-right: 6px; } #login_container .form_input { width: 300px; float: left; margin-bottom: 6px; } #header_print { display: none; } @media print { #sidebar_phone { text-indent: inherit; overflow: auto; width: auto; height: auto; background: transparent none; font: 18px sans-serif ; margin-top: 30px; } #sidebar_contact a { display: block; text-indent: inherit; overflow: auto; width: auto; height: auto; background: transparent none; font: 14px sans-serif; } }