/*============================================== Brooksville Regional Medical Center Custom Stylesheet ================================================ Design by: Cyrus Limited, Inc. - cyrusonline.com Author: Travis Repetto & Brandon Kidd Last Edited: 10-12-2007 ==============================================*/ /* Global */ *{ font-family: Verdana, Helvetica, sans-serif; } html, body{ border: 0; font-size: 12px; } body{ background: #adc8e9 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: #4e7cb4; outline: none; text-decoration: none; } a:hover{ color: #999; text-decoration: underline; } p a[target="_blank"]{ padding: 0 10px 0 0; background: transparent url(/Resources/Common/Images/Icons/opennew.gif) no-repeat 100% 3px; } address{ font-style: normal; } fieldset{ border: 2px solid #eee; padding: 5px 10px; } legend{ color: #094fa3; 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: 300px; } #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: 370px; height: 60px; margin: 10px 0 10px 20px; 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: 210px; margin: 17px 10px 0 30px; } #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 #4e7cb4; background: #ccddf2; color: #094fa3; 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 29px 3px 28px; color: #666; font-size: 12px; line-height: 30px; font-weight: bold; text-align: center; cursor: pointer; } #nav li#li_location a{ 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{ display: none; position: absolute; top: 25px; left: -5px; width: 200px; padding: 0 0 20px 0; background: transparent url(Images/dropdown_top.png) no-repeat top left; z-index: 50; } #nav li ul{ display: none; position: absolute; top: 5px; left: 0px; width: 200px; height: auto; padding: 0 0 5px 0; background: transparent url(Images/dropdown.png) repeat-y bottom left; z-index: 51; } * html #nav li div{ left: -0px; background: transparent none; } * html #nav li ul{ top: 5px; background: #eee none; filter: alpha(opacity=95); } #nav li li{ background: transparent none; margin: 0; z-index: 52; } #nav li li a{ display: block; width: 182px; height: 20px; margin: 0 0 0 5px; padding: 0 0 0 7px; background: transparent none; color: #333; font-size: 11px; line-height: 20px; font-weight: normal; text-align: left; } * html #nav li li a{ width: 194px; margin: 0 0 0 1px; padding: 0 0 0 3px; } #nav li:hover li, #nav li:hover li a{ background: transparent none; } #nav li li:hover a{ color: #333; background: #ddd 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: #4e7cb4 url(Images/bg_main_top.gif) repeat-y top center; } #marquee{ width: 960px; height: 415px; position: relative; margin: 0 auto; z-index: 1; } #marquee #flash{ z-index: 2; } #marquee ul.promos{ height: 135px; position: absolute; left: 0; top: 280px; 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 .control_container{ float: left; width: 100%; padding: 0 0 20px 0; } #main_bottom #main_bottom_left{ float: left; display: inline; width: 280px; margin: 0 20px; } #main_bottom #main_bottom_center{ float: left; display: inline; width: 300px; margin: 0 10px; } #main_bottom #main_bottom_right{ float: left; display: inline; width: 300px; margin: 0 10px; } .control_container h2{ position: relative; margin: 0 0 5px 0; border-bottom: 1px solid #ccc; color: #094fa3; 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: 233px; height: 18px; padding: 2px 0 0 5px; } .control_container select{ width: 238px; 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{ margin: 0 10px 10px; } #homenews.control_container h2 .viewall{ display: none; } #homenews.control_container dt{ 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{ 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{} .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{} #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 0 0; } #accolades.control_container a{ display: block; width: 100%; height: 100%; } #main_bottom .video-frame{ border: solid 5px #e3e3e3; -moz-border-radius: 5px; border-radius: 5px; display: inline; float: left; margin: 0 0 10px 0; padding: 5px; } a.cta-prereg{ float: left; display: inline; width: 280px; height: 35px; margin: 0 10px 5px; background: transparent url(Images/cta-prereg.gif) no-repeat; text-indent: -9999px; } a.cta-tv{ float: left; display: inline; width: 280px; height: 35px; margin: 0 10px 5px; background: transparent url(Images/cta-tv.gif) no-repeat; text-indent: -9999px; } #cta-billpay{ float: left; display: inline; width: 280px; height: 35px; margin: 0 10px 5px; background: transparent url(Images/cta-billpay.gif) no-repeat; text-indent: -9999px; } #cta-physicianaccess{ float: left; display: inline; width: 280px; height: 35px; margin: 0 10px 10px; background: transparent url(Images/cta-physicianaccess.gif) no-repeat; text-indent: -9999px; } a.cta-ec{ float: left; display: inline; width: 280px; height: 35px; margin: 0 10px 10px; background: transparent url(Images/cta-enrichment.gif) no-repeat; text-indent: -9999px; } /* Home Content */ #home-content{ margin: 0 0 15px 0; padding: 0 0 5px 0; background: transparent url(Images/bg_main_bottom.png) no-repeat bottom center; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="App_Themes/Default/Images/bg_main_bottom.png", sizingMethod="crop"); } #home-content-footer{ padding: 20px 20px 5px; background: #fff url(Images/bg_main_bottom.png) no-repeat top center; _background: #fff url(Images/footer-homecontent-bg.gif) no-repeat bottom left; } #home-content h1{ margin-bottom: 10px; border-bottom: 1px solid #ccc; color: #094fa3; } #home-content h2{ color: #666; } #home-content p{ line-height: 20px; } /* 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: #094fa3; 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: #094fa3; 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: #094fa3; } /* Contact Page Relay Chat */ .contact .contact_default{} .contact .contact_default a{} .contact .contact_default a img{ margin: 10px; } /* Pre-Registration */ #cta-prereg{ float: left; display: inline; overflow: hidden; width: 280px; height: 100px; margin: 0 0 10px 0; background: transparent url(Images/cta-prereg.jpg) no-repeat; text-indent: -9999px; } #umcprereg .section h2{ background: #4e7cb4; } #umcprereg .section p{ margin-left: 10px; margin-right: 10px; } #umcprereg .electronicsignature{ background: #adc8e9; border-color: #4e7cb4; } #umcprereg .electronicsignature h3{ color: #008066; } #umcprereg .electronicsignature input{ border-color: #4e7cb4; } /*form*/ .physicians-plcrequests .field{ display: inline; float: left; margin: 5px 10px 5px 0px; } .forms-16-plcrequests .field{ display: inline; float: left; margin: 5px 10px 5px 0px; } /* Fixes */ #main_content .RadScheduler h2{ background: transparent; color: #333; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; font-weight: bold; margin: 0; padding: 0; } #main_content .RadScheduler .rsHeader li{ background: transparent none; margin: 0; padding: 0; }