/* Note: Currently, style.css and styleprint.css are the same. So if you change one, please "save as" to change the other. */ /* START GENERAL STYLES */ * { margin: 0; padding: 0 } html { } body { background: url(../a/tile.gif) repeat-x 0 0 #0f5879 } #container { position: relative; left: 0; top: 4px; margin: 0 auto; width: 963px; text-align: left; background: #fff; } #copyright { position: relative; left: 30px; top: 30px; float: left; margin: 0 30px 60px 0; width: 903px; text-align: left; background: #b4cad6; } #copyright p { font: 10px/14px verdana,sans-serif; color: #09556f; margin: 0 0 19px 0 } #copyright a:link, #copyright a:visited { color: #09556f; text-decoration: none } #copyright a:hover { color: #09556f; text-decoration: underline } #footer { background-color: #fff; position: relative; margin: 0; padding: 19px 0 23px 0; text-align: center; font: 10px/12px verdana,sans-serif; color: #09556f } #footer a:link, #footer a:visited { color: #09556f; text-decoration: none } #footer a:hover { color: #09556f; text-decoration: underline } #footer hr { width: 903px; height: 1px; color: #b4cad6; background-color: #b4cad6; border: none; margin: 0 auto 19px; } .clear { clear: both; line-height: 0; } /* END GENERAL STYLES */ /* START STYLES SPECIFIC TO MAIN PAGES, SUCH AS HOME PAGE */ #hedmain { position: relative; float: left; width: 100%; height: 110px; background: url(../a/hed-0608.gif) no-repeat 0 0 #3a88be; } #hedmain #logo { position: relative; float: left; } #hedmain #directory { position: relative; float: right; } #hometabs { border-collapse: collapse; margin: 16px 0 0 0 } #mainbox { width: 903px; background: #edf5cd; border-collapse: collapse } #mainbox td { border-bottom: 1px solid #fff; padding: 18px 6px 68px 8px; vertical-align: top; text-align: left; width: 20% } /* CHANGE TO THIS WHEN WE HAVE MORE LISTINGS: #mainbox td { border-bottom: 1px solid #fff; padding: 8px 6px 18px 8px; vertical-align: top; text-align: left; width: 20% } */ #mainbox p.mainstate { background: url(../a/bg-states-dk-grn-130x15.gif) no-repeat 0 2px; padding: 0 0 0 5px; font: 10px/15px verdana,sans-serif; text-transform: uppercase; color: #fff; font-weight: bold; margin: 10px 0 0 0 } #mainbox p.mainstate a:link, #mainbox p.mainstate a:visited, #mainbox p.mainstate a:hover { color: #fff; text-decoration: none } #mainbox ul.maincity { list-style: none; font: 10px/17px verdana,sans-serif; color: #4e4d4d ; margin: 0; padding: 0 0 0 6px } #mainbox ul.maincity li { background: none } #mainbox ul.maincity li a:link, #mainbox ul.maincity li a:visited { color: #4e4d4d; text-decoration: underline; } #mainbox ul.maincity li a:hover { color: #4e4d4d; text-decoration: none } #mainbox ul.maincitystate { list-style: none; font: 10px/17px verdana,sans-serif; color: #000 ; margin: 0; padding: 0 0 0 6px } #mainbox ul.maincitystate li { background: none } #mainbox ul.maincitystate li a:link, #mainbox ul.maincitystate li a:visited { color: #4e4d4d; text-decoration: underline; } #mainbox ul.maincitystate li a:hover { color: #4e4d4d; text-decoration: none; } #maincontent { position: relative; left: 30px; top: 30px; float: left; margin: 0 30px 60px 0; width: 963px; w\idth: 903px; } #maincontent h1 { font: 18px/24px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 0 3px 0 } #maincontent h1.index { font: 18px/24px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 0 10px 0 } #maincontent h2 { font: 13px/19px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 } #maincontent h2 a:link, #maincontent h2 a:visited { color: #105c74; text-decoration: none } #maincontent h2 a:hover { color: #105c74; text-decoration: underline } #maincontent p { font: 11px/15px verdana,sans-serif; color: #4e4d4d; margin: 0 0 15px 0 } #maincontent a:link, #maincontent a:visited, #maincontent a:hover { color: #4e4d4d; text-decoration: underline } #maincontent ul, #maincontent ol { margin: 0 0 15px 40px } #maincontent hr { height: 1px; color: #b4cad6; background-color: #b4cad6; border: none; margin: 0 0 19px 0; } #maincontent #maintab { position: relative; width: 324px; margin: 0; list-style: none; } #maincontent #maintab li { position: relative; float: left; display: block; height: 24px; margin: 0; } #maincontent #maintab li a { position: relative; height: 24px; display: block; overflow: hidden; background: url(../a/main-tabs.png) no-repeat; cursor: pointer; } #maincontent #maintab li a:hover { text-decoration: none; } #maincontent #maintab li span { position: absolute; left: 0; top: 0; height: 24px; display: block; background: url(../a/main-tabs.png) no-repeat; } #maintabmarket { height: 24px; display: block; margin:0; padding:0; background: url(../a/background-tab.jpg) no-repeat; } #maintabmarket p { color: #0f5879; font-family: Verdana, Arial, Helvetica; font-size: 11px; font-weight: bold; line-height: 25px; padding-left: 10px; margin:0 } #maintabmarket p a { text-decoration: none; } #maintabmarket p a:hover { text-decoration: none; } #maintab li#us, #maintab li#us a, #maintab li#us span { width: 136px; background-position: 0 -24px; } #maintab li#us a:hover span, #maintab li#us:hover a span { width: 136px; background-position: 0 0; } #maintab li#us.on a, #maintab li#us.on a:hover span, #maintab li#us.on span { width: 136px; background-position: 0 0; } #maintab li#ca, #maintab li#ca a, #maintab li#ca span { width: 93px; background-position: -137px -24px; } #maintab li#ca a:hover span, #maintab li#ca:hover a span { width: 93px; background-position: -137px 0; } #maintab li#ca.on a, #maintab li#ca.on a:hover span, #maintab li#ca.on span { width: 93px; background-position: -137px 0; } #maintab li#mx, #maintab li#mx a, #maintab li#mx span { width: 93px; background-position: -231px -24px; } #maintab li#mx a:hover span, #maintab li#mx:hover a span { width: 93px; background-position: -231px 0; } #maintab li#mx.on a, #maintab li#mx.on a:hover span, #maintab li#mx.on span { width: 93px; background-position: -231px 0; } #mainnote { position: relative; top: 15px; margin: 0 0 15px; width: 903px; background: #fff } #mainnote h2 { width: 873px; font: 11px/15px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 0 15px } #mainnote p { width: 873px; margin: 0 0 15px; font: 11px/15px verdana,sans-serif; color: #4e4d4d; } #mainnote b { color: #105c74 } #mainnote a:link, #mainnote a:visited, #mainnote a:hover { color: #4e4d4d; text-decoration: underline } #mainnote2 a:link, #mainnote2 a:visited, #mainnote2 a:hover { color: #4e4d4d; text-decoration: none } #mainnote a:link.off, #mainnote2 a:visited.off, #mainnote2 a:hover.off { color: #4e4d4d; text-decoration: none } #mainnote p.info { font: 11px/15px verdana,sans-serif; color: #4e4d4d; margin: 0 } #maincontainerbottom { position: relative; top: -1px; margin: -1px auto 0; width: 963px; text-align: left; background: #b4cad6; } /* END STYLES SPECIFIC TO MAIN PAGES, SUCH AS HOME PAGE */ /* START STYLES SPECIFIC TO CITY AND STATE PAGES */ #hedcity { width: 779px; height: 104px; position: relative } #citybox, #statebox, #statebox2 { width: 903px; background: #edf5cd; border-collapse: collapse } #statebox2 { background: #fff; } #citybox td { border-bottom: 1px solid #fff; padding: 8px 0 8px 8px; vertical-align: top; text-align: left; font: 11px/15px verdana,sans-serif; color: #4e4d4d } #statebox td, #statebox2 td { border-bottom: 1px solid #fff; padding: 18px 0 18px 0; vertical-align: top; text-align: center; font: 11px/15px verdana,sans-serif; color: #4e4d4d } #citybox td a:link, #citybox td a:visited, #statebox td a:link, #statebox td a:visited { color: #105c74; text-decoration: none; font-weight: bold; font-size: 12px } #citybox td a:hover, #statebox td a:hover { color: #105c74; text-decoration: underline; font-weight: bold } #citycontent, #statecontent { position: relative; left: 30px; top: 30px; float: left; margin: 0 30px 60px 0; width: 963px; w\idth: 903px; } #citycontent h1, #statecontent h1 { font: 16px/24px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 } #citycontent h1.tight, #statecontent h1.tight { font: 14px/20px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 0 5px 0 } #citycontent h1.tighter, #statecontent h1.tighter { font: 13px/17px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 0 5px 0 } #citycontent h2 { font: 13px/19px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 } #citycontent h2.subcity { font: 11px/12px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 4px 0 8px 0 } #statecontent h2 { font: 13px/19px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 8px 0 8px 0 } #citycontent h2 a:link, #citycontent h2 a:visited, #statecontent h2 a:link, #statecontent h2 a:visited { color: #105c74; text-decoration: none } #citycontent h2 a:hover, #statecontent h2 a:hover { color: #105c74; text-decoration: underline } #citycontent p, #statecontent p { font: 11px/15px verdana,sans-serif; color: #4e4d4d; margin: 0 0 15px 0 } #citycontent a:link, #citycontent a:visited, #citycontent a:hover, #statecontent a:link, #statecontent a:visited, #statecontent a:hover { color: #4e4d4d; text-decoration: underline } #citycontent ul, #citycontent ol, #statecontent ul, #statecontent ol { margin: 0 0 15px 40px } #citycontent hr, #statecontent hr { height: 1px; color: #b4cad6; background-color: #b4cad6; border: none; margin: 0 0 19px 0; } #citydocphoto { float: left; margin: 0 8px 0 0 } #citynote, #statenote { position: relative; top: 15px; margin: 0 0 15px; width: 903px; background: #fff } #citynote h2, #statenote h2 { width: 873px; font: 11px/15px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 0 15px 0 } #citynote p, #statenote p { width: 873px; font: 11px/15px verdana,sans-serif; color: #4e4d4d; margin: 0 0 15px; } #citynote b, #statenote b { color: #105c74 } #citynote a:link, #citynote a:visited, #citynote a:hover, #statenote a:link, #statenote a:visited, #statenote a:hover { color: #4e4d4d; text-decoration: underline } #citynote2 a:link, #citynote2 a:visited, #citynote2 a:hover, #statenote2 a:link, #statenote2 a:visited, #statenote2 a:hover { color: #4e4d4d; text-decoration: none } #citynote p.info, #statenote p.info { padding: 0 30px 0 0; font: 11px/15px verdana,sans-serif; color: #4e4d4d; margin: 15px 0 0 0 } #citycontainerbottom { position: relative; top: -1px; margin: 0 auto; width: 963px; text-align: left; background: #b4cad6; } /* END STYLES SPECIFIC TO CITY AND STATE PAGES */ /* START STYLES SPECIFIC TO WEIGHT LOSS SURGEON PROFILES */ #profilecontainer { width: 963px; position: relative; top: 4px; margin: 0 auto 4px; text-align: center; background: #fff; } #profilecontainerbottom { position: relative; float: left; margin: 0 auto; width: 963px; text-align: left; background: #b4cad6; } #hedprofile { width: 779px; height: 104px; position: relative; margin: 0 } #profilecontent { position: relative; left: 30px; top: 30px; float: left; margin: 0 30px 60px 0; width: 963px; w\idth: 903px; background-color: #fff } #profiletopcontent td, p { font: 13px/19px verdana,sans-serif; color: #4e4d4d } #profiletop { width: 903px; position: relative; background-color: #fff } #profiletopleft { width: 398px; float: left; position: relative; background-color: #fff; text-align: left } #profiletopleft2 { width: 460px; float: left; position: relative; background-color: #fff; text-align: left } #profiletopleft h1, #profiletopleft2 h1 { font: 18px/24px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 } #profiletopleft h1.small, #profiletopleft2 h1.small { font: 17px/23px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 } #profiletopleft h2, #profiletopleft2 h2 { font: 13px/19px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 } #profiletopleft h2 a:link, #profiletopleft h2 a:visited, #profiletopleft2 h2 a:link, #profiletopleft2 h2 a:visited, #profiletopleft2 h2 a:visited { color: #105c74; text-decoration: none } #profiletopleft h2 a:hover, #profiletopleft2 h2 a:hover { color: #105c74; text-decoration: underline } #profiletopleft p, #profiletopleft2 p { font: 13px/19px verdana,sans-serif; color: #4e4d4d; margin: 0 0 19px 0 } #profiletopleft a:link, #profiletopleft a:visited, #profiletopleft a:hover, #profiletopleft2 a:link, #profiletopleft2 a:visited, #profiletopleft2 a:hover { color: #4e4d4d; text-decoration: underline } #doclogo { margin: 34px 0 10px 0 } #profiletopright { width: 505px; float: right; position: relative; background-color: #fff; text-align: center } #profiletopright2 { width: 443px; float: right; position: relative; background-color: #fff; text-align: center } #docphoto1 { text-align: center; font: 10px/13px verdana,sans-serif; color: #105c74; font-weight: bold; padding: 0 0 19px 0 } #docphoto1 a:link, #docphoto1 a:visited, #docphoto1 a:hover { color: #105c74; text-decoration: underline } #docphoto1 .capsmall { font: 9px/13px verdana,sans-serif; color: #105c74; font-weight: bold } #docphoto1 .note { font: 9px/13px verdana,sans-serif; color: #105c74; font-weight: bold } #docphoto2, #docphoto3, #docphoto3across, #docphoto4 { text-align: center; font: 10px/13px verdana,sans-serif; color: #105c74; font-weight: bold; padding: 0 ; margin: auto } #docphoto2 td, #docphoto3 td, #docphoto3across td, #docphoto4 td { padding: 0 5px 10px 5px; vertical-align: top } #docphoto2 a:link, #docphoto2 a:visited, #docphoto2 a:hover, #docphoto3 a:link, #docphoto3 a:visited, #docphoto3 a:hover, #docphoto3across a:link, #docphoto3across a:visited, #docphoto3across a:hover, #docphoto4 a:link, #docphoto4 a:visited, #docphoto4 a:hover { color: #105c74; text-decoration: underline } #docphoto2 .capsmall, #docphoto3 .capsmall, #docphoto3across .capsmall, #docphoto4 .capsmall { font: 9px/13px verdana,sans-serif; color: #105c74; font-weight: bold } #docphoto4 .capsmall2 { font: 10px/13px verdana,sans-serif; color: #000000; font-weight: 200; font-style: italic } #docphoto4 .capblk { font: 11px/14px verdana,sans-serif; color: #000000; font-weight: bold; } #docphoto2 .note, #docphoto3 .note, #docphoto3across .note, #docphoto4 .note { font: 9px/13px verdana,sans-serif; color: #105c74; font-weight: bold } #docphoto4across { text-align: center; font: 10px/13px verdana,sans-serif; color: #105c74; font-weight: bold; padding: 0 0 19px 0; margin: auto } #docphoto4across td { padding: 0 5px 10px 5px; vertical-align: top } #docphoto4across a:link, #docphoto4across a:visited, #docphoto4across a:hover { color: #105c74; text-decoration: underline } #docphoto4across .capsmall { font: 9px/13px verdana,sans-serif; color: #105c74; font-weight: bold } #docphoto4across .note { font: 9px/13px verdana,sans-serif; color: #105c74; font-weight: bold } #profilemain { width: 903px; position: relative; background-color: #fff; text-align: left; clear: both; border-top: 1px solid #b4cad6; padding: 19px 0 0 0 } #profilemain h1 { font: 18px/24px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 0 19px 0 } #profilemain h2 { font: 13px/19px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 0 19px 0 } #profilemain h2 a:link, #profilemain h2 a:visited { color: #105c74; text-decoration: none } #profilemain h2 a:hover { color: #105c74; text-decoration: underline } #profilemain p { font: 13px/19px verdana,sans-serif; color: #4e4d4d; margin: 0 0 19px 0 } #profilemain a:link, #profilemain a:visited, #profilemain a:hover { color: #4e4d4d; text-decoration: underline } #profilemain ul, #profilemain ol { font: 13px/19px verdana,sans-serif; color: #4e4d4d; margin: 0 0 15px 40px } #profilemain ul.spoints { font: 11px/15px verdana,sans-serif; color: #4e4d4d; margin: 0 0 15px 40px } #profilemain hr { height: 1px; color: #b4cad6; background-color: #b4cad6; border: none; margin: 0 0 19px 0; } #profilemain p.smalltext { font: 10px/14px verdana,sans-serif; color: #4e4d4d } #profilemain iframe { float: left; } #profilemain .imgcenter { text-align: center } #profilemain .imgcenter td { text-align: center } #profilemain .imgcenter p { font: 11px/15px verdana,sans-serif; color: #105c74; font-weight: bold; text-align: center } #profilemain .imgcenter a:link, .imgcenter a:visited { color: #105c74; text-decoration: none } #profilemain .imgcenter a:hover { color: #105c74; text-decoration: underline } #profilemain .imgcenter .note { font: 9px/15px verdana,sans-serif; color: #105c74; font-weight: bold } #profilemain .imgleft { float: left; text-align: center; margin: 0 15px 5px 0 } #profilemain .imgleft p { font: 11px/15px verdana,sans-serif; color: #105c74; font-weight: bold } #profilemain .imgleft a:link, .imgleft a:visited { color: #105c74; text-decoration: none } #profilemain .imgleft a:hover { color: #105c74; text-decoration: underline } #profilemain .imgright { float: right; text-align: center; margin: 0 0 5px 15px; clear: right; } #profilemain .imgright p { font: 11px/15px verdana,sans-serif; color: #105c74; font-weight: bold } #profilemain .imgright a:link, .imgright a:visited { color: #105c74; text-decoration: none } #profilemain .imgright a:hover { color: #105c74; text-decoration: underline } /* END STYLES SPECIFIC TO WEIGHT LOSS SURGEON PROFILES */ /* COLOR PALETTE: 0f5879 = deep blue used for page background should the background image not load fff = white used for article background 4e4d4d = off-black used for body copy (looks nicer than pure black) b4cad6 = light blue background for copyright area at bottom; also used for horizontal rules 105c74 = deep blue used for accent text and links 09556f = medium blue used for footer links 809516 = not used in this directory now, but just in case it's needed later, this is the light green used for links on the home page of the Consumer Guide to Weight Loss Surgery edf5cd = light green used as background for city page, state page, and main page shaded boxes MIGHT TRY THE FOLLOWING COLORS INSTEAD FOR THE SHADED BOXES? ecf4d4 = light green used as background for city page, state page, and main page shaded boxes in dentist directory edf5d5 = light green f7ffde = VERY light green */ /* referral form on profile pages */ #referralForm #hedmain { width: 100%; height: 78px; } #referralForm #logo { position: relative; float: left; } #referralForm #formContainer { position: relative; left: 40px; float: left; width: 550px; margin: 0 40px 0 0; background: #fff; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; padding-top: 12px; } #referralForm #formContainer table { width: 520px; margin: 0 auto; } #referralForm #formContainer p { width: 520px; margin: 0 auto; } .requiredField, #errorbox { border: 1px solid #c00; background: #fcc; } #errorbox { font-size: .9em; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px; margin: 0 auto 15px; text-align: center; } input.text, .textarea { border: 1px solid #0d4f6d; } input.error { border: 1px solid #f00; } label.error { padding-left: 8px; font-size: 10px; color: #c00; } input.blur { color: #999; } /* END STYLES SPECIFIC TO SURGEON PROFILES */ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ /* *{padding: 0; margin: 0;} */ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(../a/macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } .bb {border:2px solid #105c74;} #dhtmltooltip{ position: absolute; width: 160px; border: 2px solid #072084; padding: 2px; background-color: white; visibility: hidden; z-index: 100; font-size: 12px; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height: 18px; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }