/* ############################### NCVI - Northern California Vascular Institute COLORS: Blue-Gray #556b74 - outside border stroke Gray #737882 - body text Light Gray #b2b2b2 - column rule stroke Dark Gray #4e4e4e - header / highlight body text Orange-Gray #9b937c - footer text text Dark Orange #764c19 - highlight button text Orang-Gray 2 #82736d - Mission statement text SECTIONS: ############################### */ /* ### SITE ELEMENTS ### */ body { background:url(/img/site.bg.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; text-align:center; } body, p, div, span, ul, ol { font-size:9pt; line-height:14pt; color:#737882; } p, ul, ol { margin-left:12px; margin-bottom:14pt; } a { color:#787572; text-decoration:none; } a:hover { color:#764c19; text-decoration:underline; } /* ### LAYOUT ### */ #site-wrap { margin:8px auto auto; overflow:hidden; padding:7px; width:815px; background:url(/img/outer.bg.tile.jpg) repeat-x; } #site-wrap-2 { margin:auto; overflow:hidden; padding:6px; width:802px; background:#fff url(/img/outer.bg.2.jpg) repeat-x; } #site { width:799px; background:url(/img/mast.sm.jpg) no-repeat; border:1px solid #556b74; text-align:left; float:left; background-color:#fff; position:relative; } #site.homepage { background:url(/img/mast.jpg) no-repeat; } #index-mast-link { display:block; height:217px; width:100%; text-decoration:none; } #search { position:absolute; right:20px; top:99px; } #search.homepage { right:20px; top:162px; } #search label { display:none; } #search input[type=image] { margin-bottom:-4px; } #nav { height:130px; } #logo-link { width:230px; height:50px; margin:14px 0 0 12px; display:block; } .bars.top { margin-bottom:30px; } ul#links { margin:18px 0 0 12px; } ul#links li { display:inline; font-family:georgia; font-size:12pt; padding-right:20px; } ul#links li a { color:#6a5030; } ul#links li a.small { font-size:8pt; } .quarter-col { width:198px; float:left; border-left:1px solid #b2b2b2; margin-bottom:20px; } .third-col { width:267px; float:left; padding-bottom:40px; } .twothird-col { width:525px; float:left; padding-bottom:40px; } .whole-col { padding-bottom:40px; width:780px; } #dl-wrap { background:#274c5b; width:180px; margin:-10px 0 0 10px; } #downloads { background:#274c5b url(/img/forms.box.bg.jpg) repeat-x scroll bottom; padding-bottom:12px; } #downloads h2.title { font:bold 14pt Georgia, serif; margin: 0 0 0 0; color:#fff; padding: 6px 10px 10px; background:url(/img/forms.title.bg.jpg) repeat-x; } #downloads h3.subtitle { font:bold 8pt Arial, sans-serif; color:#fff; margin-right:20px; } #downloads p { color:#bad2dc; margin-bottom:20px; font-size:8pt; } #downloads a { color:#bad2dc; } #physician-ref { background:#641f34; width:180px; padding-bottom:12px; margin:0 0 0 10px; } #physician-ref h2.title { font:bold 14pt Georgia, serif; margin: 0 0 0 0; color:#fff; padding: 6px 10px 10px; background:url(/img/forms.title.bg.jpg) repeat-x; } #physician-ref h3.subtitle { font:bold 8pt Arial, sans-serif; color:#fff; margin-right:20px; } #physician-ref p { color:#e5b8bf; margin-bottom:20px; font-size:8pt; } #physician-ref a { color:#e5b8bf; } #physician-ref { margin:10px 0 0 10px; } /* #specialties-col{ margin-top:10px; padding-bottom:175px; } #doctors-col {margin-top:40px; padding-bottom:100px; } */ #locations-col { } #locations-col p { margin-bottom:0 !important; } #locations-col p.number { /* font-size:11pt; font-weight:bold; line-height:normal; margin-top:10px; */ } #locations-col p.number + p.number { /*margin-top:0; */ margin-bottom:10px; } #locations-col p.elements { overflow:hidden; } #locations-col a.map { width:29px; height:14px; text-indent:-999px; background:url(/img/map.btn.gif) no-repeat; display:block; float:left; margin-right:4px; } #locations-col a.map:hover { background-position: 0px -14px; } #locations-col a.directions { width:88px; height:14px; text-indent:-999px; background:url(/img/directions.btn.gif) no-repeat; display:block; float:left; margin-right:4px; } #locations-col a.directions:hover { background-position: 0px -14px; } #locations-col a.website { width:45px; height:14px; text-indent:-999px; background:url(/img/website.btn.gif) no-repeat; display:block; float:left; margin-right:4px; } #locations-col a.website:hover { background-position: 0px -14px; } #dr-list li { clear:left; overflow:hidden; padding:4px; } .dr-img { width:40px; height:54px; border:1px solid #bbb; margin-right:10px; display:block; float:left; } .dr-thumb { width:40px; height:54px; border:1px solid #bbb; margin:0 10px 0 12px; display:block; float:left; } .dr-portrait { width:185px; height:250px; border:1px solid #bbb; margin:4px 0 0 12px; float:left; } .dr-name { line-height:11pt; font-weight:bold; display:block; } .dr-subtitle { font-style:italic; font-size:9pt; line-height:11pt; } #doctor .twothird-col { margin-bottom:30px; } #doctor .twothird-col p { margin-bottom:10px; } .clear { clear:left; } .clear.both { clear:both; } .clear.right { clear:right; } .border { border-left:1px solid #b2b2b2; } .no-border { border:0; } #footer { clear:left; background:#e0dbab url(/img/footer.bg.tile.jpg) repeat-x; overflow:hidden; padding-top:40px; } #footer, #footer a, #footer .quarter-col, #footer div { color:#787572; font-size:8pt; line-height:10pt; } #footer a.header { font-weight:bold; color:#151515; } #footer .logos { margin:0 30px 0 0; } #footer .logos img { margin:6px; display:inline; } /* ### STYLES ### */ h1,h2,h3,h4,h5,h6 { font-family:"Lucida Bright", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:normal; } h1 { font-size:22pt; letter-spacing:-1px; color:#000; margin:4px 0 15px 12px; line-height:24pt; } h2 { font-size:14pt; /* letter-spacing:-.5px; */ color:#000; margin:10px 0 10px 12px; font-weight:bold; } h3 { font-size:12pt; font-weight:bold; color:#000; margin:10px 0 4px 12px; } h4 { font-size:11pt; font-weight:bold; color:#000; margin:10px 0 4px 12px; } h5 { font-size:10pt; font-weight:bold; color:#000; margin:10px 0 4px 0; font-family:Arial, sans-serif; color:#737882; } h1.top, h2.top { margin-top:0; } h1.smaller { font-size:18pt; } p.leadin { font-size:9pt; line-height:12pt; margin-bottom:10px; } p.address { /*font-size:12pt;*/ } /* p.number { font-size:11pt; font-weight:bold; line-height:normal; margin-top:10px; } p.number + p.number { margin-top:0; margin-bottom:10px; } */ p.elements { margin:4px 12px 10px; } p.elements + p.elements { margin-bottom:0; } p.specialty-desc { margin-left:12px; } p.doctors { } .doctor { margin:0 0 10px 0; clear:left; } .doctor p { margin-right:20px; } .inset { margin-left:0; float:left; width:250px; } .action-btn { margin:auto; } #lipsum { display:inline; } #treatments { border-top:1px solid #d5c076; border-bottom:1px solid #d5c076; width:410px; height:39px; background:#f1d985 url(/img/orange.box.horiz.bg.jpg) repeat-x; margin:-65px 0 26px 10px; } #treatments form { margin:10px 0 0 13px; } #treatments label { font-weight:bold; color:#764c19; font-size:9pt; } #treatments select { color:#764c19; font-size:10pt; border:1px solid #ad9a56; width:235px; } #treatments select option { margin-left:14px; } #treatments select option.supersection { margin-top:10px; margin-bottom:2px; margin-left:0; font-weight:bold; } #treatments select option.subsection2 { margin-left:30px; } #treatments select option.subsection { margin-left:50px; } #treatments input[type=image] { margin-bottom:-4px; } #treatments.sidebar { margin:50px 0 0 0; margin-top:0; width:250px; height:65px; } #treatments.sidebar select { width:200px; } ul.specialties { /* list-style-image:url(/img/arrow.quote.gif); */ list-style-type:none; margin-left:12px; margin-top:13px; padding-right:20px; } ul.specialties li { border-bottom:1px solid #e2dcd7; font-size:14px; padding:7px; line-height:12pt; } ul.specialties li.extended { border:0; margin-top:16px;} .homepage-specialty-hover { background:url(/img/specialty.hilight.bg.tile.jpg); } #large-framed-img { background:url(/img/large.img.frame.jpg) no-repeat; width:204px; height:272px; padding:7px 0 0 6px; margin-left: 12px; float:left; } /* .framed-img { background:url(/img/large.img.frame.jpg) no-repeat scroll bottom right; padding:0 14px 10px 1px; margin:9px 10px 10px 12px; float:left; clear:left; } */ .framed-img { padding:10px; margin:14px 16px 10px 0px; border:1px solid #bbb; float:left; clear:left; } #mission { font-family:georgia; margin:20px 20px 0 8px; text-align:center; } #mission p { font-size:9pt; font-style:italic; line-height:24pt; } #mission .title { font-size:12pt; font-weight:bold; color:black; } #mission img[alt=filagree] { margin-top:12px; } #specialty p { margin:0 12px 9pt; } #specialties .links a { display:block; } #specialties .summary { margin-bottom:20px; margin-left:12px; } #prepare-link { color:#fff; } #prepare-link:hover { text-decoration:underline; } #prepare-specialties { display:none; } #prepare-specialties a { color:#fff; } #prepare p { margin:0 12px 9pt; } #prepare .imaging-icon { float:right; margin:10px; border:1px solid darkgray; } .print { display:none; } #blue-side { width:247px; min-height:150px; background:#b3c7db url(/img/blue.sidebar.top.gif) no-repeat; margin-top:20px; color:white; } .blue-side-bottom { padding:37px 90px 10px 12px; /*background:url(/img/blue.sidebar.bottom.gif) no-repeat; */ margin:0; line-height:18pt; } #blue-side h3 { color:white; margin:0 30px 10px; padding-top:20px; } #blue-side p { color:white; margin:0 30px 10px; } #orange-side { width:247px; min-height:150px; background:#b3c7db; margin-top:20px; color:white; } h2.side { padding:37px 90px 10px 12px; margin:0; line-height:18pt; } #orange-side h3 { color:white; margin:0 30px 10px; padding-top:20px; } #orange-side p { color:white; margin:0 30px 10px; } .symptoms-summary { margin-bottom:20px; } .symptoms-caption { margin-bottom:20px; font-style:italic; font-size:11pt; } /* ### ASSESSMENT PAGE ### */ .field.textarea { margin:20px 0; } .field textarea { width:400px; margin-top:6px; font-family:arial; font-size:10pt; } .tab-title { float:left; background:#EEEEEE none repeat scroll 0 0; font-weight:bold; border:1px solid #ddd; border-width:0 1px 0 0; float:left; margin:0; padding:4px 7px; margin:9px 0 0; } .tab-title.live { float:left; background:white none repeat scroll 0 0; border-color:#BBBBBB; border-style:solid; border-width:1px 2px 0 1px; float:left; margin:9px 0 -1px; padding:4px 8px; } .tab-title a:hover { text-decoration:underline; cursor:pointer; } .tab-title.fluoroscopy { margin-left:16px; } .tab-title.fluoroscopy { } .tab-title.ct { } .tab-title.mri{ } .tab-title.mra{ } .tab-title.cta { } .tab-title.thyroidbiopsy {display:block; } .tab-title.liverbiopsy { } .tab-title.ultrasound { } .tab-body { display:none; padding:10px; border:1px solid #bbb; margin:0 12px; background:#fff; clear:left; } .tab-body ul li, .content-list li { list-style:disc; margin:0 0 6pt 20px; } .tab-body.fluoroscopy { } .tab-body.ct { } .tab-body.mri{ } .tab-body.mra{ } .tab-body.cta { } .tab-body.thyroidbiopsy { } .tab-body.liverbiopsy { } .tab-body.ultrasound { } .tab-body.live { display:block; } .breadcrumb { margin:-20px 0 14px 12px; font-size:8pt; } #homepage .location { display:none; margin-bottom:10px; } #homepage .location-name { margin-left:12px; font-weight:bold; display:block; border-top:1px solid #e2dcd7; margin-right:12px; padding:10px 0; line-height:11pt; } #homepage .location-name.top { border-top:0; } #homepage .location-name:hover { cursor:pointer; text-decoration:underline; } #homepage .location.top { display:block; } #homepage p { margin-bottom:4px; } #homepage .leadin a { color:#06C; text-decoration:underline; } #expertise .location { display:none; margin-bottom:10px; } #expertise .location-name { margin-left:12px; font-weight:bold; display:block; border-top:1px solid #e2dcd7; margin-right:12px; padding:10px 0; line-height:11pt; } #expertise .location-name.top { border-top:0; } #expertise .location-name:hover { cursor:pointer; text-decoration:underline; } #expertise .location.top { display:block; } #expertise p { margin-bottom:4px; } #expertise .leadin a { color:#06C; text-decoration:underline; } .sidebar.locations { white-space:nowrap; } #doc-scroll { display:block; text-align:center; margin-top:10px; } #doc-scroll:hover { cursor:pointer; } /* #################### TABS ######################## */ #expertise h2 { margin-left:12px; clear:left; } #expertise h2.side { margin-left:12px; padding-top:30px; padding-right:20px; padding-left:0; } .sidebar p { margin-left:0 !important; } #tabs { /* width:471px; */ width:748px; height:33px; background:url(/img/tabs.top.bg2.jpg) no-repeat; text-align:left; padding-left:20px; margin-left:12px; } #tabs .tab { float:left; height:33px; /*padding:7px 20px 0;*/ padding:7px 10px 0; font:normal 11pt Georgia, serif; color:black; } /* #tabs.tight .tab { padding:7px 10px 0; } #tabs.tight.tight .tab { padding:7px 4px 0; } */ #tabs .tab a { font:normal 11pt Georgia, serif; color:#333; display:block; text-decoration:none; } #tabs .tab a:hover { color:black; text-decoration:underline; } #tabs .tab.active { background:url(/img/tabs.active.bg.jpg) repeat-x; font-weight:bold; } #tabs .separator { float:left; } #anchors { width:748px; clear:left; background:url(/img/tabs.anchor.bg.jpg) repeat-x scroll bottom; padding:10px; overflow:hidden; margin:0 0 30px 12px; } #anchors { flat:left; } #anchors .anchor { display:inline; float:none; } #anchors .anchor { text-indent:8px; white-space:nowrap; background:url(/img/tabs.down.arrow.gif) no-repeat scroll 0 5px; padding:0 20px 5px 0; display:block; float:left; font:normal 9pt arial, serif; color:#666; text-decoration:none; } #anchors .anchor:hover { color:black; text-decoration:underline; } #content { width:450px; margin:0 0 30px 12px; } #content p { margin-left:0; } #content .top { display:inline; margin-top:2px; margin-left:10px; } #content h3 { margin-left:0; line-height:16pt; } #content a { color:#3c414a; text-decoration:underline; } #content a:hover { color:#900; } #modal-grayout { position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; text-align:center; background-color:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } #modal-wrap { position:fixed; top:0; left:0; width:100%; height:100%; z-index:15; text-align:center;} #modal-dialog { position:relative; z-index:20; background-color:white; width:530px; height:125px; text-align:center; margin:auto; margin-top:200px; border:4px solid goldenrod; text-align:left; } #modal-dialog .close { float:right; padding:10px; } #modal-dialog .close a { cursor:pointer; } #modal-dialog h3 { font:bold 18pt arial; letter-spacing:-1px; color:firebrick; padding:20px; } .field.textarea label { display:block; } #otherSymptoms { clear:left; } #assessment-form { margin-left:14px; } #treatment-flyout { border-top:1px solid #d5c076; border-bottom:1px solid #d5c076; width:180px; height:39px; background:#f1d985 url(/img/orange.box.horiz.bg.jpg) repeat-x; margin:-65px 0 26px 10px; position:relative; } #treatment-flyout div { display:none; background:#f1d985; position:absolute; width:240px; left:135px; top:0px; z-index:10;} #treatment-flyout a { display:block; padding:2px 4px 2px 6px; position:relative; border-bottom:1px solid #d5c076; border-left:1px solid #d5c076; } #treatment-flyout a + div { left:234px; top:4px; } #item_search { color:#764C19; font-size:9pt; font-weight:bold; border:0 !important; margin:8px; text-decoration:none; } #item_search img { margin-bottom:-4px; } #treatment-flyout div#menu_search { width:150px; left:160px; top:7px; } #treatment-flyout div#menu_vascular { width:200px; left:149px; top:1px; } #treatment-flyout div#menu_invasive { left:199px; width:150px; top:24px; } #treatment-flyout div#menu_surgical { width:155px; left:149px; top:1px; } #treatment-flyout div#menu_veinproc { width:150px; left:149px; z-index:10; top:24px; } #treatment-flyout div#menu_surgical2 { width:240px; left:199px; top:47px; } #treatment-flyout div#menu_imaging { left:149px; width:190px; top:24px; } #treatment-flyout div#menu_womenshealth { left:149px; width:230px; top:66px; } #treatment-flyout div#menu_menshealth { left:149px; width:190px; top:90px; } #treatment-flyout div#menu_dialysis { left:149px; width:190px; top:113px; } #treatment-flyout div#menu_venous { left:149px; width:190px; top:136px; } #treatment-flyout div#menu_backpain { left:149px; width:190px; top:160px; } #treatment-flyout div#menu_biopsies { left:149px; top:184px; width:190px;} #treatment-flyout div#menu_fluid { left:149px; top:207px; width:190px; } #treatment-flyout .submenu { background:url(/img/menu_arrow.gif) no-repeat scroll top right; } #treatment-flyout form { margin:10px 0 0 13px; } #treatment-flyout label { font-weight:bold; color:#764c19; font-size:9pt; } #treatment-flyout select { color:#764c19; font-size:10pt; border:1px solid #ad9a56; width:235px; } #treatment-flyout select option { margin-left:14px; } #treatment-flyout select option.supersection { margin-top:10px; margin-bottom:2px; margin-left:0; font-weight:bold; } #treatment-flyout select option.subsection2 { margin-left:30px; } #treatment-flyout select option.subsection { margin-left:50px; } #treatment-flyout input[type=image] { margin-bottom:-4px; } #treatment-flyout.sidebar { margin:50px 0 0 0; margin-top:0; width:250px; height:65px; } #treatment-flyout.sidebar select { width:200px; } #physicians p a { font-weight:bold; } #physicians .section { font-weight:bold; margin-bottom:0;} #physicians .indent { margin-left:40px; } #physicians .indent a { font-weight:normal; } #physicians p { margin-bottom:6px; } #physicians h1 + p { margin-bottom: 20px; } #physicians h3 { margin-top:20px; } .ufetoday-btn { position:absolute; width:202px; height:47px; text-indent:-9999px; background:url(/img/ufe.today.btn.jpg) no-repeat; top:0; right:0; } .ufetoday-btn.homepage { top:-8px; left:163px; background:url(/img/ufe.today.btn.home.jpg) no-repeat; } .ufetoday-btn:hover { background-position:0 -47px; } .ufetoday-btn:active { background-position:0 -94px; } #AskUFE { margin-left:14px; } #AskUFE fieldset { background:url(/img/askufe.bubble.bg.gif) no-repeat scroll left bottom; } #AskUFE .field { margin-bottom:10px; } #AskUFE .field.button { padding-bottom:15px; text-align:center; padding-right:20px; } #AskUFE label { float:left; width:45px; margin-left:20px; color:#78d5ed; } #AskUFE input[type=text] { background-color:#78d5ed; border:0; padding:2px; width:135px; color:#08566a; } #AskUFE input[type=button] { -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background-color:#08566A; border:0 none; color:white; font:bold 9pt arial; padding:6px 10px; } #AskUFE textarea { width:auto; } #AskUFE textarea#question { border:0; border-left:1px solid #bbb; border-right:1px solid #bbb; font:italic 11pt/14pt Georgia, "Times New Roman", Times, serif; height:auto; width:213px; padding:0 10px; } /* #################### BLOG ######################## */ #blogtitle a { color:black; } #posttitle { text-decoration:none !important; } #content.blog { float:left; } #content.blog p { width:500px; color:#black; margin-bottom:16px; float:left; } #content.blog a {text-decoration:none; font-weight:normal; } #content.blog h2 { font-size:18pt; letter-spacing:-1px; color:#4e4e4e; margin:20px 0 15px 12px !important; line-height:24pt; margin-left:0 !important; font-weight:normal; } #sidebar { float:right; margin-right:29px; margin-top:25px; width:200px; } #sidebarpic { float:right; margin-right:33px; margin-top:27px; }