/* VILLAGE HEALTH DM */ /* BASIC ELEMENTS ------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { min-height: 100%; margin-bottom: 1px; } body { text-align: center; font: 12px arial, helvetica, sans-serif; color: #333; background:#a7d59e; } table, th, td { font: 12px arial, helvetica, sans-serif; color: #333; } a img, :link img, :visited img { border: none; } a:link { color: #00467f; text-decoration: underline; } a:visited { color: #e51b24; text-decoration: underline; } a:hover, a:active { color: #e51b24; text-decoration: none; } /* REMOVES DOTTED BORDER YOU GET IN FIREFOX */ a:active { outline: none; } p { margin: 5px 0; padding: 0; } h1, h2 { text-transform:uppercase; } #skip { display:none; } #wrapper { background:#86d4fc url(../images/bg_page.gif) repeat-x 0 100%; } #container { margin: 0 auto; width: 760px; text-align: left; } /* NAVIGATION ------------------------------------------------------------------------------------- */ #nav { position: absolute; top: 24px; left: 9px; width: 359px; height: 23px; } #nav li { float: left; position: relative; height: 23px; list-style: none; } #nav li a { cursor: pointer; cursor:hand } #nav li a, #nav li div { position: relative; display: block; height: 23px; text-decoration: none; color: #fff; font-size: 14px; } #nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 23px; } #nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/nav.gif); } #nav li.home, #nav li.home a, #nav li.home a strong { background-position: 0px 0px; width: 70px; } #nav li.about, #nav li.about a, #nav li.about a strong { background-position: -70px 0px; width: 92px; } #nav li.resources, #nav li.resources a, #nav li.resources a strong { background-position: -162px 0px; width: 106px; } #nav li.careers, #nav li.careers a, #nav li.careers a strong { background-position: -268px 0px; width: 91px; } /* HOVER STATE */ #nav li.home:hover a, #nav li.home:hover a strong, #nav li.home a:hover, #nav li.home a:hover strong { background-position: 0px -46px; width: 70px; } #nav li.about:hover a, #nav li.about:hover a strong, #nav li.about a:hover, #nav li.about a:hover strong { background-position: -70px -46px; width: 92px; } #nav li.resources:hover a, #nav li.resources:hover a strong, #nav li.resources a:hover, #nav li.resources a:hover strong { background-position: -162px -46px; width: 106px; } #nav li.careers:hover a, #nav li.careers:hover a strong, #nav li.careers a:hover, #nav li.careers a:hover strong { background-position: -268px -46px; width: 91px; } /* ON STATE */ #nav li.homeon, #nav li.homeon strong, #nav li.homeon div { background-position: 0px -23px; width: 70px; } #nav li.abouton, #nav li.abouton strong, #nav li.abouton div { background-position: -70px -23px; width: 92px; } #nav li.resourceson, #nav li.resourceson strong, #nav li.resourceson div { background-position: -162px -23px; width: 106px; } #nav li.careerson, #nav li.careerson strong, #nav li.careerson div { background-position: -268px -23px; width: 91px; } #nav li span { display:none; } /* SECTION COLORS ------------------------------------------------------------------------------------- */ /* PATIENTS */ .h_box1 h1, .h_box1 h2, .h_box1 a:hover, .patients h3, .patients #subhead, .patients a:hover, .patients #s_flash div h1, .patients #s_flash div h2 { color:#e28e0c; } /* HEALTHCARE */ .h_box2 h1, .h_box2 h2, .healthcare a:hover, .healthcare #s_flash div h1, .healthcare #s_flash div h2 { color:#00467f; } /* HEALTHCARE SUB COLOR */ .h_box2 a:hover, .healthcare #subhead, .healthcare h3 { color:#6690b2; } /* PLANS */ .h_box3 h1, .h_box3 h2, .h_box3 a:hover, .plans h3, .plans #subhead, .plans a:hover, .plans #s_flash div h1, .plans #s_flash div h1 { color:#e51b24; } /* SECTION */ .section a:hover, .section #s_flash div h1, .section #s_flash div h2 { color:#00467f; } /* SECTION SUB COLOR */ .section #subhead, .section h3 { color:#6690b2; } /* HOME PAGE ------------------------------------------------------------------------------------- */ #header { position: relative; height: 72px; z-index: 50; } #header img { float:right; } #content { position:relative; background:#FFF url(../images/bg_top.gif) no-repeat; } #h_flash { min-height:320px; margin:0 15px; padding-top:15px; text-align:right; } * html #h_flash { height:320px; } .logo { position:absolute; top:21px; left:30px; z-index:20; } .home a:link { color:#00467f; } .h_box1, .h_box2, .h_box3 { min-height:130px; margin-top:10px; margin-right:5px; display:inline; float:left; width:220px; padding:10px 10px 0; word-wrap:break-word; } * html .h_box1, * html .h_box2, * html .h_box3 { height:130px; width:240px; w\idth:220px; } .h_box1 img, .h_box2 img, .h_box3 img { margin-top:10px; } .h_box1 p, .h_box2 p, .h_box3 p { margin-top:10px; } .h_box1 { margin-left:15px; background:url(../images/bg_h_yellow.gif) no-repeat; } .h_box2 { background:url(../images/bg_h_blue.gif) no-repeat; } .h_box3 { margin-right:0; background:url(../images/bg_h_red.gif) no-repeat; } #footer { padding:43px 26px 20px; background:url(../images/bg_footer.gif) no-repeat; color:#428635; font-size:11px; } #footer a { color:#00467f; } #footer span.footon { color:#000; font-weight:bold; } /* SUB PAGE ------------------------------------------------------------------------------------- */ #s_flash { position:relative; height:213px; margin:0 15px; padding-top:15px; text-align:right; } #s_flash img { position:absolute; bottom:0; right:0; z-index:5; } #s_flash div { position:absolute; bottom:6px; left:35px; z-index:10; text-align:left; } #s_flash div h1 { margin-top:-2px; letter-spacing:-1px; } .s_content_outer { position:relative; margin:-1px 15px 0; padding:10px 0 0 35px; z-index:10; } .patients .s_content_outer { background:url(../images/bg_s_content_yellow.gif) no-repeat 0% 0%; } .healthcare .s_content_outer { background:url(../images/bg_s_content_blue.gif) no-repeat 0% 0%; } .plans .s_content_outer { background:url(../images/bg_s_content_red.gif) no-repeat 0% 0%; } .section .s_content_outer { background:url(../images/bg_s_content_blue.gif) no-repeat 0% 0%; } .s_content_inner { width: 685px; min-height:230px; } * html .s_content_inner { height:230px; position:relative; } .s_content_inner #subhead { width: 465px;position:relative; padding:10px 220px 0 0; font-size:9px; text-transform:uppercase; } * html .s_content_inner #subhead { width:685px; w\idth: 465px; z-index:20; } #subhead a { color:#00467f; text-decoration:none; } #subhead a:hover { text-decoration:underline; } #subhead #settings { position:absolute; top:10px; right:10px; width:200px; text-align:right; } * html #subhead #settings { right:0px; margin-top:-10px; padding-top:10px; } #subhead #settings a:hover { color:#00467f; } #settings #textsize { width:60px; margin-top:-4px; float:right; } #textsize a { display: block; float:right; width:17px; height:17px; padding:0 1px; text-decoration:none;} #textsize a:hover { text-decoration:none; } #textsize a span { visibility: hidden; } #settings p { margin:0 3px 0 0; float: right; } #settings .bttn_print { height: 40px; margin:-10px 6px 0 0; padding:0 10px 0 0; display: block; float: right; } * html #settings .bttn_print { margin-top:-10px; } .section .bttn_print { background:url(../images/bg_subhead_section.gif) no-repeat top right; } .patients .bttn_print { background:url(../images/bg_subhead_patients.gif) no-repeat top right; } .healthcare .bttn_print { background:url(../images/bg_subhead_healthcare.gif) no-repeat top right; } .plans .bttn_print { background:url(../images/bg_subhead_plans.gif) no-repeat top right; } .bttn_print span { display:block; margin-top:10px; padding-left:17px; background:url(../images/link_print.gif) no-repeat 0% 0%; } /* Text Resize background images. ------------------------------------------------------------------------------------- */ .patients a.size1, .healthcare a.size1, .plans a.size1, .section a.size1 { background:url(../images/btn_font_1.gif) no-repeat 0% 0%; } .patients a.size1on { background:url(../images/btn_font_1_on_yellow.gif) no-repeat 0% 0%; } .healthcare a.size1on { background:url(../images/btn_font_1_on_blue.gif) no-repeat 0% 0%; } .plans a.size1on { background:url(../images/btn_font_1_on_red.gif) no-repeat 0% 0%; } .section a.size1on { background:url(../images/btn_font_1_on_blue.gif) no-repeat 0% 0%; } .patients a.size2, .healthcare a.size2, .plans a.size2, .section a.size2 { background:url(../images/btn_font_2.gif) no-repeat 0% 0%; } .patients a.size2on { background:url(../images/btn_font_2_on_yellow.gif) no-repeat 0% 0%; } .healthcare a.size2on { background:url(../images/btn_font_2_on_blue.gif) no-repeat 0% 0%; } .plans a.size2on { background:url(../images/btn_font_2_on_red.gif) no-repeat 0% 0%; } .section a.size2on { background:url(../images/btn_font_2_on_blue.gif) no-repeat 0% 0%; } .patients a.size3, .healthcare a.size3, .plans a.size3, .section a.size3 { background:url(../images/btn_font_3.gif) no-repeat 0% 0%; } .patients a.size3on { background:url(../images/btn_font_3_on_yellow.gif) no-repeat 0% 0%; } .healthcare a.size3on { background:url(../images/btn_font_3_on_blue.gif) no-repeat 0% 0%; } .plans a.size3on { background:url(../images/btn_font_3_on_red.gif) no-repeat 0% 0%; } .section a.size3on { background:url(../images/btn_font_3_on_blue.gif) no-repeat 0% 0%; } .s_content_inner .s_col1 { width:130px; margin:30px 10px 0 0; float:left; } .s_col1 #subnav { padding-bottom:20px; color:#b2c6d7; font-size:11px; font-weight:bold; text-transform:uppercase; list-style:none; } #subnav li { margin-bottom:8px; } #subnav a:link, #subnav a:visited { color:#00467f; text-decoration:none; } #subnav a:hover { text-decoration:underline; } #subnav .last2 { padding-left: 18px; list-style-type:none; } #subnav .sub2 { padding-left: 18px; list-style-type:none; padding-top: 5px; } .s_content_inner .s_col2 { width:545px; margin:30px 0 0; padding-bottom:20px; float:left; line-height:17px; word-wrap:break-word; } .s_col2 h3 { margin-bottom:5px; } .s_content_inner .wide { margin:30px 0 0; } /* sIFR ------------------------------------------------------------------------------------- */ /* THESE ARE STANDARD sIFR STYLES... DO NOT MODIFY */ .sIFR-flash { margin: 0; visibility: visible !important; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* HIDE ADBLOCK OBJECT TAB: THE TEXT SHOULD SHOW UP JUST FINE, NOT POORLY WITH A TAB LAID OVER IT. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* THESE "DECOY" STYLES ARE USED TO HIDE THE BROWSER TEXT BEFORE IT IS REPLACED... NEGATIVE-LETTER SPACING IS USED TO MAKE THE BROWSER TEXT METRICS MATCH UP WITH THE sIFR TEXT METRICS SINCE THE sIFR TEXT MAY NOT ALWAYS MATCH UP. YOUR OWN SETTINGS MAY VARY... ANY WEIRD SIZING ISSUES YOU MAY RUN INTO ARE USUALLY FIXED BY TWEAKING THESE DECOY STYLES. BE AS SPECIFIC AS NEEDED. */ .sIFR-hasFlash .home h2 { visibility: hidden; letter-spacing: 0px; font-size: 14px; } .sIFR-hasFlash .home h1 { visibility: hidden; letter-spacing: -1px; font-size: 24px; } .sIFR-hasFlash .patients h2 { visibility: hidden; letter-spacing: 0px; font-size: 14px; } .sIFR-hasFlash .patients h1 { visibility: hidden; letter-spacing: -5px; font-size: 28px; } .sIFR-hasFlash .healthcare h2 { visibility: hidden; letter-spacing: 0px; font-size: 14px; } .sIFR-hasFlash .healthcare h1 { visibility: hidden; letter-spacing: -5px; font-size: 28px; } .sIFR-hasFlash .plans h2 { visibility: hidden; letter-spacing: 0px; font-size: 14px; } .sIFR-hasFlash .plans h1 { visibility: hidden; letter-spacing: -5px; font-size: 28px; } /* IF LIGHTBOX IS NOT BEING USED YOU CAN REMOVE THE FOLLOWING STYLES DOWN TO THE LINE OF STARS */ /* LIGHTBOX ------------------------------------------------------------------------------------- */ /* IF YOU WISH TO ADJUST THE OPACITY, YOU MUST CHANGE THE VARIABLE overlayOpacity IN lightbox.js, THE DEFAULT IS .8 AND SHOULD BE ON OR ABOUT LINE #60 */ #lb_overlay { position: absolute; top: 0; left: 0; width: 100%; background: #000; z-index: 100; } #lightbox { position: absolute; left: 0; width: 100%; text-align: center; line-height: 0; z-index: 102; } #lightbox a img { border: none; } /* THIS IS THE AREA WRAPPING AROUND THE IMG */ #lb_outter_wrap { margin: 0 auto; position: relative; width: 250px; height: 250px; background: #fff; } #lb_inner_wrap { padding: 10px; } #lb_hover_nav { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } #lb_image {} #lb_hover_nav a { outline: none; } /* REMOVES DOTTED BORDER YOU GET IN FIREFOX */ #lb_prev, #lb_next { display: block; width: 49%; height: 100%; background: transparent url(../images/lb_blank.gif) no-repeat; /* TRICK IE INTO SHOWING HOVER */ } #lb_prev { left: 0; float: left; } #lb_next { right: 0; float: right; } #lb_prev:hover, #lb_prev:visited:hover { background: url(../images/lb_prevlabel.gif) no-repeat 0% 15%; } #lb_next:hover, #lb_next:visited:hover { background: url(../images/lb_nextlabel.gif) no-repeat 100% 15%; } #lb_loading { position: absolute; top: 40%; left: 0; width: 100%; height: 25%; text-align: center; line-height: 0; } #lb_loading_link {} /* THIS IS THE AREA AROUND THE CAPTION & CLOSE BUTTON */ #lb_img_data_wrap { margin: 0 auto; font: 10px/1.4em arial, helvetica, sans-serif; background: #fff; } #lb_img_data { padding: 0 10px; } #lb_img_data #lb_img_details { width: 70%; float: left; text-align: left; } #lb_img_data #lb_caption { font-weight: bold; } #lb_img_data #lb_num_display { padding-bottom: 1.0em; display: block; clear: left; } #lb_img_data #lb_nav_close { padding-bottom: 0.7em; width: 66px; float: right; } /**************************************************************************************************************/ /* MISC. CLASSES & IDS ------------------------------------------------------------------------------------- */ .hide { display: none; } .clear { clear: both; } br.clear { line-height: 0px; height: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */ .clearfix { display: inline-block; } .clearfix { /*\*/display: block;/**/ } /* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG, MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */ * html .italicsfix { /*\*/overflow: hidden; o\verflow: visible; width: 100%; w\idth: auto; he\ight: 1%;/**/ } .floatleft { float: left; } .floatright { float: right; } img.floatleft { margin: 0 10px 5px 0; position: relative; } img.floatright { margin: 0 0 5px 10px; position: relative; } .alignleft { text-align: left; } .alignright { text-align: right; } .aligncenter { text-align: center; } .aligntop { vertical-align: top; } .alignbottom { vertical-align: bottom; } /* for font size change */ div.content_font_change * { font-size:12px; } div.content_font_change h1 { font-size: 16px; } div.content_font_change #s_content .sitemap div b a:link, div.content_font_change #s_content .sitemap div b a:visited { font-size: 11px; } div.content_font_change .mainmenu { font-size: 11px; } .s_col2 ul, .s_col2 ol, .s_col2 dl { margin: 10px 0 10px 25px; } .s_col2 ul ul, .s_col2 ol ol, .s_col2 dl dl { margin: 3px 0 3px 20px; } .s_col2 .clientlogo { margin: 0 0 10px; } .s_col2 hr { height: 1px; margin: 10px 0; } .s_col2 small { font-size: 9px; } .s_col2 sup { font-size: 9px; vertical-align: text-top; } .s_col2 table { border-left: 1px solid #6690b2; border-right: 1px solid #6690b2; } .s_col2 table th { background: #DBE8F4; font-weight: bold; padding: 10px; border-bottom: 1px solid #6690b2; border-top: 1px solid #6690b2; } .s_col2 table td { border-bottom: 1px solid #6690b2; } .s_col2 table.noborder { border-left: none; border-right: none; } .s_col2 table.noborder th { background: #DBE8F4; font-weight: bold; padding: 10px; border-bottom: none; border-top: none; } .s_col2 table.noborder td { border-bottom: none; } .level3 li { margin-left: 15px; } .level2 li { margin-left: 30px; } .hidenav { display: none; } #contact_table td { padding:3px; } .required { color: #ff0000; } span.fineprint { font-size: 10px; } td.leftside { padding: 6px 15px 20px 0; } td.rightside { padding-top: 10px; } th.r1 { padding: 3px 5px; } td.r1 { padding: 3px 5px; }