/*============================================== Venice Regional Medical Center Custom Stylesheet ================================================ Design by: Cyrus Limited, Inc. - cyrusonline.com Author: Travis Repetto & Brandon Kidd Last Edited: 12-1-2008 ==============================================*/ /* Global */ *{ font-family: Verdana, Helvetica, sans-serif; } html, body{ border: 0; font-size: 12px; } body{ background: #90c5ea url(Images/bg_main.gif) repeat-y top center; color: #333; } h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *, legend{ font-family: Georgia, Times New Roman, Times, serif; font-weight: normal; } h1{ font-size: 24px; } h2{ font-size: 20px; } h3{ font-size: 18px; } h4{ font-size: 16px; } h5{ font-size: 14px; } h6{ font-size: 12px; } p, #main_content .literalContent{ line-height: 20px; text-align: justify; margin: 0 0 20px 0; } p img[align="left"], #main_content .literalContent img[align="left"]{ margin: 0 10px 0 0; } p img[align="right"], #main_content .literalContent img[align="right"]{ margin: 0 0 0 10px; } a{ color: #0068b2; outline: none; text-decoration: none; } a:hover{ color: #999; text-decoration: underline; } p a[target="_blank"]{ padding: 0 10px 0 0; } address{ font-style: normal; } fieldset{ border: 2px solid #eee; padding: 5px 10px; } legend{ color: #0068b2; font-size: 16px; font-weight: bold; } .warning{ color: #c66; font-weight: bold; } .viewall, .viewall span{ font-size: 10px; font-weight: bold; text-decoration: none; } .viewall:hover span{ text-decoration: underline; } /* Containers */ #wrap{ min-width: 980px; background: transparent url(Images/bg_main.gif) repeat-y top center; } #header, #sub, #footer{ margin: 0 auto; width: 960px; } #header{ width: 960px; height: 110px; padding: 0 10px; background: transparent url(Images/bg_header.gif) no-repeat top center; } #header_bg{ background: transparent url(Images/bg_top.gif) repeat-x top center; } #header_right{ float: right; width: 350px; } #main{ padding: 0; background: transparent url(Images/bg_main.gif) repeat-y top center; } #footer{ font-size: 10px; line-height: 20px; } /* Header */ #logo{ float: left; display: inline; width: 320px; height: 60px; margin: 20px 0 0 0; text-indent: -9999px; } #logo a{ display: block; width: 100%; height: 100%; } #navtop{ float: right; display: inline; width: 230px; height: 15px; margin: 10px 0 5px 0; } #navtop ul{ list-style: none; } #navtop li{ float: left; display: inline; list-style: none; margin: 0 0 0 0; color: #ccc; font-size: 10px; } #navtop li a{ margin: 0 5px; background: transparent url(Images/nav_navtop_bg.gif) no-repeat 0 4px; font-size: 10px; text-align: center; } #navtop li a:hover{ color: #999; text-decoration: underline; } #search{ float: right; display: inline; width: 200px; margin: 17px 10px 0 0; } #search .searchtext, #search .searchtext_empty{ float: right; width: 153px; height: 18px; padding: 2px 0 0 5px; border: 1px solid #999; background: #fff; color: #333; font-size: 12px; line-height: 18px; } #search .searchtext_empty{ border: 1px solid #ccc; color: #999; } #search .searchbutton{ display: block; float: right; width: 33px; height: 18px; margin: 0 0 0 2px; border: 2px solid #86c1eb; background: #dbecf8; color: #0068b2; font-size: 12px; line-height: 18px; font-weight: bold; text-align: center; } #search .searchbutton:hover{ background-color: #fff; color: #666; text-decoration: none; } /* Nav */ #nav ul{ list-style: none; width: 100%; height: 30px; margin: 0 5px 0 0; background: transparent url(Images/nav_bg.gif) no-repeat top right; } #nav li{ float: left; position: relative; list-style: none; margin: 0; background: transparent url(Images/nav_bg.gif) no-repeat top left; z-index: 10; } #nav li a{ float: left; display: block; height: 27px; padding: 0 28px 3px 28px; color: #666; font-size: 12px; line-height: 30px; font-weight: bold; text-align: center; cursor: pointer; } #nav li a#nav_locations{ padding: 0 25px 3px; } * html #nav li a{ float: left; display: block; height: 30px; padding: 0 15px 0 15px; color: #666; font-size: 12px; line-height: 27px; font-weight: bold; text-align: center; cursor: pointer; } #nav li:hover, #nav li a:hover{ background: #ddd url(Images/nav_bg.gif) no-repeat top left; color: #333; text-decoration: none; } #nav li:hover li a, #nav li.sfhover li a{ color: #333; } #nav li.sfhover a{ /*color: #333;*/ } /* Nav Dropdowns */ #nav li div{ width: 310px; height: 160px; position: absolute; left: -10px; top: 15px; background: transparent no-repeat left top; display: none; z-index: 20; } #nav #li_about div{ background-image: url(Images/snavbg-about.png); } #nav #li_services div{ background-image: url(Images/snavbg-services.png); height: 305px; } #nav #li_careers div{ background-image: url(Images/snavbg-careers.png); left: -65px; } #nav #li_patients div{ background-image: url(Images/snavbg-patients.png); height: 200px; } #nav #li_physicians div{ background-image: url(Images/snavbg-physicians.png); } #nav li div ul{ width: 286px; height: 160px; background: transparent url(Images/snavul.png) no-repeat center bottom; position: absolute; left: 0px; top: 0px; padding: 0 12px 20px; z-index: 20; } #nav #li_services div ul{ height: 305px; } #nav #li_patients div ul{ height: 200px; } #nav li div ul li{ background: transparent none; clear: both; line-height: 20px; margin: 0; padding: 0; } #nav li div ul li.firstlink{ margin: 30px 0 0; } #nav li div ul li a{ width: 165px; height: 20px; background: transparent url(Images/snav-bullet.gif) no-repeat left 8px !important; color: #0068b2 !important; display: block; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; font-weight: normal; line-height: 20px; margin: 0; padding: 0 0 0 9px; text-align: left; } #nav li div ul li a:hover{ background-color: #90c5ea !important; } #nav li:hover li, #nav li:hover li a{ background: transparent none; } #nav li > #nav ul{ top: auto; left: auto; } #nav li:hover ul, #nav li.sfhover ul, #nav li:hover div, #nav li.sfhover div{ display: block; } /* Nav Selected */ body.root #nav_home, body.about #nav_about, body.services #nav_services, body.patients #nav_patients, body.physicians #nav_physicians, body.news #nav_news, body.events #nav_events, body.careers #nav_careers, body.locations #nav_location, body.locations #nav_locations{ border-top: 1px solid #ccc; background: #fff url(Images/nav_bg_selected.gif) no-repeat top left; color: #030; } body.root #nav_home:hover, body.about #nav_about:hover, body.services #nav_services:hover, body.patients #nav_patients:hover, body.physicians #nav_physicians:hover, body.news #nav_news:hover, body.events #nav_events:hover, body.careers #nav_careers:hover, body.locations #nav_location:hover, body.locations #nav_locations:hover{} /* Main Containers */ #main{ background: transparent url(Images/bg_sidenav.gif) repeat-y top left; } #main, #marquee, #main_bottom{ margin: 0 auto; width: 960px; min-width: 960px; } .root #main{ width: 100%; margin: 0; padding: 0; background: transparent url(Images/bg_main_home.gif) repeat-y top center; } #marquee_wrap{ background: #0068b2 url(Images/bg_main_top.gif) repeat-y top center; } #marquee{ width: 960px; height: 400px; position: relative; margin: 0 auto; z-index: 1; } #marquee #flash{ z-index: 2; } #marquee ul.promos{ height: 135px; position: absolute; left: 0; top: 265px; display: block; list-style: none; z-index: 3; } #marquee ul.promos li{ float: left; } #marquee ul.promos a{ display: block; width: 320px; height: 135px; cursor: pointer; text-indent: -9999px; } #marquee .bannerleft{ background: transparent url(Images/btn_bannerleft.png) no-repeat top left; _background: transparent none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="App_Themes/Default/Images/btn_bannerleft.png", sizingMethod="crop"); } #marquee .bannercenter{ background: transparent url(Images/btn_bannercenter.png) no-repeat top left; _background: transparent none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="App_Themes/Default/Images/btn_bannercenter.png", sizingMethod="crop"); } #marquee .bannerright{ background: transparent url(Images/btn_bannerright.png) no-repeat top left; _background: transparent none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="App_Themes/Default/Images/btn_bannerright.png", sizingMethod="crop"); } #main_bottom{ padding: 20px 0 0 0; background: transparent url(Images/bg_main_bottom.png) no-repeat top center; _background: transparent none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="App_Themes/Default/Images/bg_main_bottom.png", sizingMethod="crop"); } #main_bottom .control_container{ float: left; width: 100%; padding: 0 0 10px 0; } #main_bottom #main_bottom_left{ float: left; display: inline; width: 210px; margin: 0 20px; } #main_bottom #main_bottom_center{ float: left; display: inline; width: 420px; margin: 0 20px; } #main_bottom #main_bottom_center .featured-services{ width: 420px; display: inline; float: left; margin: 5px 0 0; overflow: hidden; } #main_bottom #main_bottom_center .featured-services ul{ width: 435px; display: inline; float: left; } #main_bottom #main_bottom_center .featured-services ul li{ display: inline; float: left; overflow: hidden; } #main_bottom #main_bottom_center .featured-services ul li a{ width: 130px; height: 120px; display: inline; float: left; overflow: hidden; } #main_bottom #main_bottom_center .featured-services ul li a{ background: transparent no-repeat center top; margin: 0 15px 15px 0; text-indent: -999999em; } #main_bottom #main_bottom_center .featured-services ul li a:hover, #main_bottom #main_bottom_center .featured-services ul li a:focus{ border-bottom: solid 5px #d49f10; margin-bottom: 10px; } #main_bottom #main_bottom_center .featured-services ul li.service1 a{ background-image: url(Images/featuredservice-01.jpg); } #main_bottom #main_bottom_center .featured-services ul li.service2 a{ background-image: url(Images/featuredservice-02.jpg); } #main_bottom #main_bottom_center .featured-services ul li.service3 a{ background-image: url(Images/featuredservice-03.jpg); } #main_bottom #main_bottom_center .featured-services ul li.service4 a{ background-image: url(Images/featuredservice-04.jpg); } #main_bottom #main_bottom_center .featured-services ul li.service5 a{ background-image: url(Images/featuredservice-05.jpg); } #main_bottom #main_bottom_center .featured-services ul li.service6 a{ background-image: url(Images/featuredservice-06.jpg); } #main_bottom #main_bottom_center .featured-services ul li.service7 a{ background-image: url(Images/featuredservice-07.jpg); } #main_bottom #main_bottom_center .featured-services ul li.service8 a{ background-image: url(Images/featuredservice-08.jpg); } #main_bottom #main_bottom_center .featured-services ul li.service9 a{ background-image: url(Images/featuredservice-09.jpg); } #main_bottom #main_bottom_right{ float: left; display: inline; width: 210px; margin: 0 20px; } .control_container h2, #main_bottom #main_bottom_center h2{ position: relative; margin: 0 0 5px 0; border-bottom: 1px solid #e7bd4b; color: #0068b2; font-weight: normal; } .control_container h2 .viewall{ position: absolute; top: 7px; right: 0; font-family: Verdana, Helvetica, sans-serif; color: #999; font-size: 12px; text-decoration: none; } .control_container h2 .viewall span{ font-family: Verdana, Helvetica, sans-serif; } .control_container h2 .viewall:hover span{ text-decoration: underline; } .control_container p{ margin: 0 0 10px 0; color: #333; font-size: 11px; line-height: 14px; } .control_container label{ display: none; } .control_container input, .control_container select{ float: left; margin: 0 5px 0 0; border: 1px solid #ccc; color: #999; font-size: 12px; } .control_container input{ width: 153px; height: 18px; padding: 2px 0 0 5px; } .control_container select{ width: 158px; height: 23px; padding: 2px 0; _font-size: 14px; } .control_container .button{ float: left; display: block; width: 35px; border: 1px solid #ccc; background: #ddd none; color: #666; font-weight: bold; line-height: 20px; text-align: center; } .control_container .button:hover{ background-color: #ccc; color: #666; text-decoration: none; } #newslettersignup.control_container{} #homenews.control_container{ padding: 0; } #homenews.control_container h2 .viewall{ display: none; } #homenews.control_container dl{ margin: 0 !important; } #homenews.control_container dt{ margin: 0 0 10px 0; font-size: 11px; line-height: 14px; } #homenews.control_container dt a{ } #homenews.control_container dt .date{ font-family: Georgia, Times New Roman, Times, serif; color: #999; font-size: 10px; } #homenews.control_container dd{ display: none; margin: 0 0 15px 0; font-size: 11px; line-height: 16px; } #homenews.control_container dd .readmore{ font-size: 10px; font-weight: bold; text-decoration: none; } #homenews.control_container dd .readmore:hover span{ text-decoration: underline; } .root #quicklinks.control_container{ margin: 10px 0 0 0; padding: 0 0 10px 0; } .root #quicklinks.control_container ul{ list-style: none; } .root #quicklinks.control_container ul li{ padding: 0 0 5px 14px; background: transparent url(/Resources/Common/Images/bullet_quicklinks.gif) no-repeat 0 7px; } .root #quicklinks.control_container ul li a{ font-size: 11px; line-height: 14px; } #accolades.control_container{ padding: 0; } #accolades.control_container h2{ display: none; } #accolades.control_container ul{ list-style: none; } #accolades.control_container li{ float: left; _display: inline; list-style: none; width: 80px; height: 80px; margin: 0 10px; } #accolades.control_container a{ display: block; width: 100%; height: 100%; } #btn_seniorextra{ float: left; display: inline; width: 210px; height: 35px; margin: 0 0 5px; background: transparent url(Images/btn_seniorextra.gif) no-repeat; text-indent: -9999px; } #btn_billpay{ float: left; display: inline; width: 210px; height: 35px; margin: 0 0 5px; background: transparent url(Images/btn_billpay.gif) no-repeat; text-indent: -9999px; } #btn_physicianaccess{ float: left; display: inline; width: 210px; height: 35px; margin: 0 0 5px; background: transparent url(Images/btn_physicianaccess.gif) no-repeat; text-indent: -9999px; } #btn_medicalaccess{ float: left; display: inline; width: 210px; height: 35px; margin: 0 0 5px; background: transparent url(Images/btn_medicalaccess.gif) no-repeat; text-indent: -9999px; } #btn_citrix{ float: left; display: inline; width: 210px; height: 35px; margin: 0 0 10px; background: transparent url(Images/btn_citrix.gif) no-repeat; text-indent: -9999px; } /* Home Content */ #home-content{ display: inline; float: left; margin: 0 0 10px 0; } #home-content h1{ border-bottom: 1px solid #ccc; color: #0068b2; } #home-content h2{ padding: 3px; background: #f1f1f1; color: #666; } /* Slideshow */ #slideshow{ width: 960px; height: 400px; z-index: 2; } #slideshow .slide{ display: none; width: 960px; height: 400px; z-index: 0; } #slideshow .slide h1, #slideshow .slide h2, #slideshow .slide p{ display: none; } #slideshow .slide a.btn{ width: 960px; height:280px; float: left; display: inline; text-indent: -9999px; } #slideshow .slide-1{ background: transparent url(Images/slide_pink.jpg) no-repeat; } .slide-1 #btn-prereg{ width: 140px; height: 140px; margin: 100px 0 0 415px; } .slide-1 #btn-billpay{ width: 140px; height: 140px; margin: 85px 0 0 10px; } #slideshow .slide-2{ background: transparent url(Images/Warriner.jpg) no-repeat; } .slide-2 #btn-findoutmore{ width: 160px; height: 35px; margin: 155px 0 0 600px; } #slideshow .slide-3{ background: transparent url(Images/Hospital.jpg) no-repeat; } #slideshow .slide-4{ background: transparent url(Images/MAKO.jpg) no-repeat; } #slideshow .slide-5{ background: transparent url(Images/SeniorCare.jpg) no-repeat; } #slideshow .slide-6{ background: transparent url(Images/slide_davinci.jpg) no-repeat; } #slideshow .slide-7{ background: transparent url(Images/Top50Cardio2011.jpg) no-repeat; } #slideshow .slide-accreditation{ background: transparent url(Images/slide-accreditation.jpg) no-repeat; } /* Main Inner Pages */ #main_inner{ width: 100%; padding: 0 0 10px 0; background: #fff url(Images/bg_sidenav.gif) repeat-y; } #main_content{ float: right; display: inline; width: 680px; _height: 300px; min-height: 300px; padding: 10px 20px 20px 20px; background: transparent url(Images/bg_inner_header.gif) repeat-x; } #main_sidebar{ float: left; width: 240px; min-height: 200px; _height: 200px; padding: 10px 0 0 0; background: transparent url(Images/bg_sidenav_header.jpg) no-repeat; } /* Main Content Styles */ #main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content h6{ margin: 0 0 5px 0; } #main_content h1{ border-bottom: 1px solid #ccc; color: #0068b2; font-size: 24px; } #main_content h2{ padding: 3px; background: #f1f1f1; color: #666; font-size: 20px; } #main_content hr{ height: 0; border: 0; border-bottom: 1px solid #ccc; } #main_content ul{ margin: 0 0 20px 0; } #main_content ul li{ list-style: none; background: transparent url(/Resources/Common/Images/bullet.gif) no-repeat 0 0.67em; margin: 0 0 5px 0; padding-left: 15px; } #main_content ol{ margin: 0 0 20px 25px; } #main_content ol li{ margin-bottom: 10px; line-height: 18px; } #main_content dl{ margin: 0 0 20px 0; line-height: 20px; } #main_content dl dt{ color: #555; font-weight: bold; } #main_content dl dd{ margin: 0 0 10px 0; } #main_content blockquote{ width: 660px; margin: 0 0 20px 0; padding: 0 0 0 10px; border-left: 3px solid #ddd; color: #666; line-height: 20px; text-align: justify; font-style: italic; } #main_content .menuempty{ margin: 0 0 10px 0; } #main_content .button, #main_content .button_disabled{ border: 2px solid #ccc; font-size: 12px; font-weight: bold; line-height: 26px; padding: 4px 8px; } #main_content .button{ background: transparent url(Images/bg_btn.gif) repeat-x; } #main_content input.button{ height: 22px; margin: 0; padding: 0 2px; line-height: 12px; } #main_content .button:hover{ color: #666; text-decoration: none; } #main_content .button_disabled{ padding: 4px 8px; background: #fff; border-color: #f1f1f1; color: #ccc; } #main_content input.button_disabled{ height: 22px; padding: 0 4px; line-height: 12px; } #main_content .button_disabled:hover{ text-decoration: none; } #main_content .photo{ width: 132px; height: 152px; float: left; position: relative; background: url(/Resources/Common/Images/bg_photo.jpg) no-repeat; } #main_content .photo img{ position: absolute; left: 5px; top: 5px; } #main_content .thumb{ width: 72px; height: 82px; float: left; position: relative; background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat; } #main_content .thumb img{ position: absolute; left: 5px; top: 5px; } /* Main Sidebar Styles */ #main_sidebar h2{ margin: 0 10px; padding: 2px 5px; border: 1px solid #fff; background: #f1f1f1; color: #666; font-size: 16px !important; } #main_sidebar fieldset{ width: 190px; margin: 0 auto 10px auto; } #main_sidebar fieldset .HealthCenter, #main_sidebar fieldset .Hospital{ height: 20px; margin: 0 0 0 10px; padding: 0 0 5px 25px; background: transparent url(/Resources/Common/Images/Icons/icon_hospital.gif) no-repeat 0 0; color: #666; line-height: 18px; font-weight: bold; } #main_sidebar fieldset .Clinic{ height: 20px; margin: 0 0 0 10px; padding: 0 0 5px 25px; background: transparent url(/Resources/Common/Images/Icons/icon_clinic.gif) no-repeat 0 0; color: #666; line-height: 18px; font-weight: bold; } #main_sidebar address{ margin: 0 0 0 20px; line-height: 18px; } #main_sidebar #phonenumbers{ margin: 10px 0 0 20px; color: #666; line-height: 18px; font-weight: bold; } #main_sidebar #map{ width: 210px; height: 200px; overflow: hidden; margin: 20px 0 10px 10px; border: 4px solid #eee; } #main_sidebar ul{ list-style: none; margin: 0 0 10px 12px; } #main_sidebar li{ color: #0D2D84; font-weight: bold; list-style: none; padding: 0 0 0 5px; background: transparent url(/Resources/Common/Images/bullet_sidenav.gif) no-repeat 0 7px; } #main_sidebar li a{ padding: 1px 2px; color: #0068b2; font-size: 12px; line-height: 20px; } #main_sidebar li ul{ margin: 0; } #main_sidebar li li, #main_sidebar ul ul li{ font-weight: normal; padding: 0 0 0 7px; background: transparent url(/Resources/Common/Images/bullet_sub.gif) no-repeat 3px 8px; } #main_sidebar li li a, #main_sidebar ul ul li a{ color: #999; font-size: 12px; line-height: 16px; } #main_sidebar li a:hover{ color: #999; } #main_sidebar li li a:hover, #main_sidebar ul ul li a:hover{ color: #999; } #main_sidebar li.selected a{ background: #eee; border-bottom: 1px solid #ddd; } #main_sidebar li.selected a:hover{ text-decoration: none; } #main_sidebar li.selected li a{ background: none; border: none; } #main_sidebar #quicklinks.control_container li{ margin: 0 0 0 5px; padding: 0 0 0 5px; background: transparent url(/Resources/Common/Images/bullet_sub.gif) no-repeat 0 8px; font-weight: normal; } /* Footer */ #navfooter{ margin: 0 10px; border-top: 1px solid #d9ddf1; } #footer_left{ float: left; width: 50%; margin: 10px 0; } #footer_right{ float: left; width: 50%; margin: 10px 0; } #copyright{ margin: 0 0 0 20px; color: #999; } #navlegal{ margin: 0 0 0 20px; color: #ccc; } #navlegal ul{ list-style: none; } #navlegal li{ display: inline; list-style: none; color: #ccc; } #navlegal li a{ margin: 0; text-align: center; } #navlegal li a:hover{ color: #999; text-decoration: underline; } #footeraddress{ float: right; color: #999; margin: 0 20px 0 0; } #footeraddress:hover{ color: #666; text-decoration: underline; } #poweredby{ float: right; display: block; width: 140px; height: 23px; margin: 0 20px 0 0; background: transparent url(Images/poweredby.gif) no-repeat top left; } #poweredby span{ display: none; } /* News/Events Section */ #newsList_wrap h2 a, #eventList_wrap h3 a, #eventDetail_left h3{ color: #0068b2; } /* location hack */ #location_253, #location_275, #location_10298, #location_10295, #location_280, #location_276, #location_277, #location_278, #location_272, #location_273, #location_274, #location_281, #location_282 , #location_283, #location_10296, #hospitallocation_wrap hr{ display: none !important; } .billpay-contactus { display: none; visibility hidden; } #MyAccountContactUs {display:none;}