/*============================================== Pasco 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: #266dad url(Images/bg.jpg) repeat-x 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{ color: #030; font-size: 24px; } h2{ color: #00539f; font-size: 20px; } h3{ color: #666; font-size: 18px; } h4{ color: #030; font-size: 16px; } h5{ color: #00539f; font-size: 14px; } h6{ color: #666; 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: #00539f; 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: #00539f; 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; } #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: block; width: 370px; height: 60px; margin: 10px 0 10px 20px; } #logo span{ display: none; } #navtop{ position: relative; 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; } #navtop .gift-shop-cart{ position: absolute; left: -70px; top: 40px; background: transparent url(Images/cart.gif) no-repeat left; font-size: 11px; line-height: 1.5em; margin: 0 8px 0 0; padding: 0 0 0 20px; text-align: right; } #navtop .gift-shop-cart a{ font-weight: bold; text-align: right; text-decoration: none; } #navtop .gift-shop-cart a:hover{ 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 #adc1af; background: #c8d5c9; color: #030; 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; } * 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: 160px; } #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: 210px; } #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: 160px; } #nav #li_patients div ul{ height: 210px; } #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{ } /* 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{ float: left; display: inline; text-indent: -9999px; } #slideshow .slide-1{ background: transparent url(Images/Slide1.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/Slide2.jpg) no-repeat; } /* .slide-2 #btn-findoutmore{ width: 190px; height: 35px; margin: 130px 0 0 570px; } */ #slideshow .slide-3{ background: transparent url(Images/Slide3.jpg) no-repeat; } #slideshow .slide-4{ background: transparent url(Images/Slide4.jpg) no-repeat; } /* 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{ width: 960px; height: 400px; position: relative; margin: 0 auto; z-index: 1; } #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{ width: 320px; height: 135px; 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 .bannerleft-erwaittime{ background-image: url(Images/bg_erwaittime.png); } #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: 280px; margin: 0 20px; } #main_bottom #main_bottom_right{ float: left; display: inline; width: 280px; margin: 0 20px; } .control_container h2{ position: relative; margin: 0 0 5px 0; border-bottom: 1px solid #fedc89; color: #00539f; 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: 18px; } .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: 228px; _width: 223px; height: 18px; padding: 2px 0 0 5px; } .control_container select{ width: 233px; _width: 228px; 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{ } #homenews.control_container h2{ margin: 0 0 10px 0; border-bottom: 1px solid #fff; } #homenews.control_container dt{ line-height: 16px; font-weight: bold; } #homenews.control_container dt a{ color: #666; } #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; } #featuredphysician.control_container{ display: inline; float: left; overflow: hidden; } #featuredphysician.control_container h2{ margin: 0 0 10px 0; border-bottom: 1px solid #fff; } #featuredphysician.control_container .photo{ width: 120px; display: inline; float: left; margin: 0 10px 10px 0; } #featuredphysician.control_container .bio{ width: 150px; display: inline; float: right; } #featuredphysician.control_container .bio h3{ font-size: 12px; line-height: 16px; margin: 0 0 5px; } #featuredphysician.control_container .bio h3 a{ color: #666; font-family: Verdana, Helvetica, Sans-Serif; font-weight: bold; } #featuredphysician.control_container .bio p{ margin: 0; text-align: left; } #featuredphysician.control_container .bio .readmore{ font-size: 10px; font-weight: bold; text-decoration: none; } #featuredphysician.control_container .bio .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{ color: #666; line-height: 16px; font-weight: bold; } #accolades.control_container{ position: relative; } #accolades.control_container ul{ list-style: none; } #accolades.control_container li{ float: left; _display: inline; list-style: none; margin: 0 10px 0 0; } #accolades.control_container a{ display: block; width: 80px; height: 80px; } #accolades.control_container a#accolade_111{ background: url('/ClientResources/Theme/Images/enews.gif'); width: 280px; height: 186px; clear: both; margin-top: 10px; } #accolades.control_container a#accolade_111 img{ display: none; } #btn_billpay{ float: left; display: inline; overflow: hidden; width: 270px; height: 35px; margin: 5px 0 10px 5px; background: transparent url(Images/btn_billpay.gif) no-repeat; text-indent: -9999px; } #btn_cal{ float: left; display: inline; overflow: hidden; width: 270px; height: 35px; margin: 5px 0 10px 5px; background: transparent url(Images/btn_calendar.gif) no-repeat; text-indent: -9999px; } #btn_prereg{ float: left; display: inline; overflow: hidden; width: 270px; height: 35px; margin: 5px 0 10px 5px; background: transparent url(Images/cta-prereg.gif) no-repeat; text-indent: -9999px; } /* 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; } #main_content h2{ padding: 3px; background: #f1f1f1; } #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; background: transparent url(/Resources/Common/Images/bullet_sidenav.gif) no-repeat 0 7px; } #main_sidebar li a{ padding: 1px 2px; color: #00539f; 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: #444; font-size: 12px; line-height: 16px; } #main_sidebar li li li, #main_sidebar ul ul ul li{ font-weight: normal; padding: 0 0 0 15px; background: transparent url(/Resources/Common/Images/bullet_sub.gif) no-repeat 10px 8px; } #main_sidebar li li li a, #main_sidebar ul ul ul li a{ color: #666; font-size: 10px; line-height: 16px; } #main_sidebar li a:hover{ color: #666; } #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{ display: inline; float: left; overflow: hidden; } #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 */ #footer{ background: transparent url(Images/bg_footer_home.gif) repeat-y center;} #navfooter{ margin: 0 10px; border-top: 1px solid #ccc; } #footer_left{ float: left; width: 50%; margin: 10px 0; } #footer_right{ float: left; width: 50%; margin: 10px 0; position: relative; } #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 65px 0 0; text-align: right; } #footeraddress:hover{ color: #666; text-decoration: underline; } #poweredby{ float: right; display: inline; width: 37px; height: 36px; margin: 0 0 0 0; background: transparent url(Images/mcmurry.gif) no-repeat top center; overflow: hidden; position: absolute; top: 4px; right: 20px; text-indent: -99999em; } #poweredby:hover{ background-position: center bottom; } #legalfootnote{ margin: 0 20px 0 20px; color: #ccc; font-size: 10px; line-height: 14px; padding-bottom: 20px; text-align: center; } /* News/Events Section */ #newsList_wrap h2 a, #eventList_wrap h3 a, #eventDetail_left h3{ color: #00539f; } /* Homepage Modal Hack */ body.root div.TelerikModalOverlay{ background-color: #666 !important; } /* Apply Button */ .careers #careerDetail_side .applicationselection{ background: #fbfbfb; border: solid 2px #ccc; } .careers #careerDetail_side .applicationselection a.applybutton{ background: #00539f; border: solid 2px #900; color: #fff; padding: 5px; text-align: center; } .careers #careerDetail_side .applicationselection a.applybutton:hover, .careers #careerDetail_side .applicationselection a.applybutton:focus{ background: #fff; color: #00539f; } /* Pre-Registration */ #umcprereg .section h2{ background: #00539f; } #umcprereg .section p{ margin-left: 10px; margin-right: 10px; } #umcprereg .electronicsignature{ background: #c8d5c9; border-color: #92ac94; } #umcprereg .electronicsignature h3{ color: #cc302f; } #umcprereg .electronicsignature input{ border-color: #92ac94; } /* Store styles */ .weekend_orders {color: red;}