/*============================================== Barrow Regional Medical Center Stylesheet ================================================ Design by: Cyrus Limited, Inc. - cyrusonline.com Author: Travis Repetto & Brandon Kidd Last Edited: 11-7-2008 ==============================================*/ /* Global */ *{ font-family: Arial, Verdana, Helvetica, sans-serif; } html, body{ border: 0; font-size: 12px; } body{ background: #80a6a4 url(Images/bg_body.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, Serif; font-weight: normal; } h1{ font-size: 24px; } h2{ border-bottom: solid 1px #f8d26a; color: #004d48; font-size: 20px; margin: 0 0 5px 0; padding: 2px 0; } h3{ font-size: 18px; } h4{ font-size: 16px; } h5{ font-size: 14px; } h6{ font-size: 12px; } p{ 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: #80a6a4; outline: none; text-decoration: none; } a:hover{ color: #666; 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: #80a6a4; font-size: 16px; font-weight: bold; * margin: 0 0 5px 0; } .warning{ color: #c66; font-weight: bold; } .viewall, .viewall span{ font-size: 10px; font-weight: bold; text-decoration: none; } .viewall:hover span{ text-decoration: underline; } .button, .button_disabled{ background-color: transparent !important; background-image: url(Images/bg_button.gif) !important; background-repeat: no-repeat !important; border: none !important; border-left: 1px solid #ccc !important; border-right: 1px solid #ccc !important; font-size: 12px; font-weight: bold; padding: 3px 4px 2px; _padding: 0; text-align: center; text-decoration: none; } .button{ background-position: 0px 0px !important; color: #666 !important; } .button:hover{ color: #fff !important; background-position: 0px -20px !important; border-left: 1px solid #2d7a75 !important; border-right: 1px solid #2d7a75 !important; text-decoration: none; } .greenbutton:hover{ color: #fff !important; } .button_disabled{ background-position: 0px -40px; color: #333; cursor: default; } .button_disabled:hover{ color: #333; text-decoration: none; } /* Containers */ #wrap{ margin: 0 auto; } #header{ width: 1000px; height: 140px; position: relative; background: transparent url(Images/bg_header.jpg) no-repeat; margin: 0 auto; z-index: 100; } #marquee{ width: 946px; height: 330px; position: relative; background: transparent url(Images/bg_marquee.jpg) no-repeat center top; margin: 0 auto; padding: 0 27px; z-index: 1; } #marquee #flash{ z-index: 2; } #marquee ul.promos{ width: 1000px; height: 140px; position: absolute; left: 0; top: 270px; display: block; list-style: none; z-index: 3; } #marquee ul.promos li{ float: left; } #marquee ul.promos a{ display: block; height: 140px; } #marquee ul.promos a span{ display: none; } #marquee ul.promos a.promo_1{ width: 338px; background: transparent url(Images/promo_1.png) no-repeat left top; } * html #marquee ul.promos a.promo_1{ background: transparent none; cursor: pointer; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="App_Themes/Default/Images/promo_1.png", sizingMethod="crop"); } #marquee ul.promos a.promo_2{ width: 324px; background: transparent url(Images/promo_2.png) no-repeat left top; } * html #marquee ul.promos a.promo_2{ background: transparent none; cursor: pointer; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="App_Themes/Default/Images/promo_2.png", sizingMethod="crop"); } #marquee ul.promos a.promo_3{ width: 338px; cursor: pointer; background: transparent url(Images/promo_sleep.png) no-repeat left top; } * html #marquee ul.promos a.promo_3{ background: transparent none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="App_Themes/Default/Images/promo_sleep.png", sizingMethod="crop"); } /* Header Styles */ #header #logo{ width: 200px; height: 90px; position: absolute; left: 37px; top: 6px; cursor: pointer; display: block; } #header #logo span{ display: none; } #header #weather_wrap{ position: absolute; right: 255px; top: 45px; } #header #weather a{ background: transparent url(/Resources/Common/Images/Icons/weather_cloudy.gif) no-repeat left top; display: block; font-size: 11px; font-weight: bold; margin: 16px 0 0 0; padding: 2px 0 2px 20px; text-decoration: none; } .root h1{ display: none; } /* Search Box */ #search{ position: absolute; right: 40px; top: 60px; } #search input{ width: 160px; height: 18px; border: solid 1px #999; color: #666; float: left; padding: 2px 2px 0 2px; _padding: 2px 2px 0; } #search a{ width: 35px; height: 22px; background: transparent url(Images/btn_search.gif) no-repeat center top; color: #666; display: block; float: left; font-weight: bold; line-height: 22px; margin-left: -1px; text-align: center; } #search a:hover{ background-position: center bottom; color: #fff; text-decoration: none; } #search .searchbox_empty{ border: solid 1px #ccc; color: #ccc; padding: 2px 2px 0 2px; _padding: 2px 2px 0; } /* Top Line Nav */ #topnav{} #topnav ul{ position: absolute; right: 40px; top: 8px; display: inline; list-style: none; text-align: right; } #topnav ul li{ border-left: solid 1px #999; float: left; list-style: none; } #topnav ul li.first{ border: none; } #topnav ul li a{ color: #004d48; font-size: 11px; font-weight: bold; margin: 0 7px; } #topnav ul li a:hover{} /* Navigation */ #header #nav_wrap{ width: 1000px; height: 60px; position: absolute; left: 0; top: 90px; font-size: 14px; font-weight: bold; z-index: 100; } #nav{ float: left; margin: 9px 0 0 14px; } #nav ul{ display: inline; list-style: none; } #nav li{ position: relative; float: left; list-style: none; margin: 6px 15px 6px 0; z-index: 10; } #nav li a{ height: 30px; color: #666; display: inline; float: left; line-height: 30px; text-align: center; text-decoration: none; } #nav li a:hover{ background: transparent url(Images/nav_over.gif) no-repeat left top; color: #666; cursor: pointer; } #nav li a span{ height: 30px; display: inline; padding: 7px 10px 8px; } #nav li a:hover span{ background: transparent url(Images/nav_over2.gif) no-repeat right top; } /* Navigation Dropdown Menus */ #nav li div{ width: 200px; position: absolute; top: 23px; left: -15px; background: transparent url(Images/dropdown_top.png) no-repeat center top; display: none; padding: 0 0 20px 0; z-index: 20; } * html #nav li div{ left: 0; background: transparent none; } #nav li ul{ width: 200px; height: auto; position: absolute; top: 13px; left: 0px; display: none; padding: 0 0 22px 0; background: transparent url(Images/dropdown.png) no-repeat bottom left; z-index: 20; } * html #nav li ul{ top: 12px; background: #fff none; border: solid 1px #ccc; filter: alpha(opacity=90); padding: 0 0 0 0; } * html #nav li div li a:hover{ background: #80a6a4 none; color: #fff; } #nav li li{ background: transparent none; margin: 0; z-index: 20; } #nav li li a{ display: block; width: 174px; height: 20px; margin: 0 4px 1px 9px; padding: 0 0 0 7px; background: transparent none; color: #004d48; font-size: 11px; line-height: 20px; font-weight: bold; text-align: left; } * html #nav li li a{ width: 194px; margin: 0 0 0 0; padding: 0 0 0 10px; } #nav li:hover li, #nav li:hover li a{ background: transparent none; } #nav li li:hover a{ color: #fff; background: #80a6a4 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; } /* Navigation Selected */ body.root #nav_home, body.root #nav_home:hover, body.about #nav_about, body.about #nav_about:hover, body.services #nav_services, body.services #nav_services:hover, body.patients #nav_patients, body.patients #nav_patients:hover, body.physicians #nav_physicians, body.physicians #nav_physicians:hover, body.news #nav_news, body.news #nav_news:hover, body.events #nav_events, body.events #nav_events:hover, body.careers #nav_careers, body.careers #nav_careers:hover, body.locations #nav_location, body.locations #nav_location:hover, body.locations #nav_locations, body.locations #nav_locations:hover{ background: transparent url(Images/nav_selected.gif) no-repeat left top; color: #fff; } body.root #nav_home span, body.root #nav_home:hover span, body.about #nav_about span, body.about #nav_about:hover span, body.services #nav_services span, body.services #nav_services:hover span, body.patients #nav_patients span, body.patients #nav_patients:hover span, body.physicians #nav_physicians span, body.physicians #nav_physicians:hover span, body.news #nav_news span, body.news #nav_news:hover span, body.events #nav_events span, body.events #nav_events:hover span, body.careers #nav_careers span, body.careers #nav_careers:hover span, body.locations #nav_location span, body.locations #nav_location:hover span, body.locations #nav_locations span, body.locations #nav_locations:hover span{ background: transparent url(Images/nav_selected2.gif) no-repeat right top; } 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{ cursor: default; } /* Footer */ #footer{ width: 1000px; height: 90px; position: relative; background: transparent url(Images/bg_footer.gif) no-repeat center top; color: #004d48; font-size: 11px; margin: 0 auto; } .root #footer{ background: transparent url(Images/bg_footer-home.gif) no-repeat center top; } #footer address{ position: absolute; right: 20px; top: 26px; text-align: right; } #poweredby{ position: absolute; right: 20px; top: 40px; height: 11px; margin: 10px 0 0 30px; } #poweredby a{ padding: 0 41px 0 0; background: transparent url(Images/poweredby.gif) no-repeat top right; } #poweredby a:hover{ background-position: bottom right; } #poweredby span{ display: none; } #footer p{ position: absolute; left: 20px; top: 26px; } #footer ul{ position: absolute; left: 20px; top: 49px; display: block; list-style: none; } #footer ul li{ border-left: solid 1px #004d48; display: inline; list-style: none; padding: 0 3px 0 7px; } #footer ul li.first{ border: none; padding: 0 3px 0 0; } #footer a{ color: #004d48; } #footer a:hover{ color: #fff; } /* Main Content */ #main_wrap{ width: 1000px; _height: 100px; min-height: 100px; background: transparent url(Images/bg_content.gif) repeat-y center top; margin: 0 auto; } .root #main_wrap{ background: transparent url(Images/bg_content-home.gif) repeat-y center top; } #main{ background: transparent url(Images/bg_main.jpg) repeat-y center top; padding: 0 0 10px; } .root #main{ background: transparent url(Images/bg_main-home.gif) no-repeat 0px -330px; padding: 80px 25px 10px; } #main_top{ width: 1000px; height: 40px; background: transparent url(Images/bg_inner-top.gif) no-repeat center top; margin: 0 auto; padding: 0; } #main #main_left{ width: 280px; float: left; _display: inline; padding: 0 15px; } #main #main_center{ width: 280px; float: left; _display: inline; margin: 0 0 0 5px; padding: 0 20px; } #main #main_right{ width: 280px; float: left; _display: inline; padding: 0 15px; } #findphysician{ } #findphysician p{ color: #666; font-size: 11px; line-height: 18px; margin: 0 0 10px 0; } #findphysician label{ width: 80px; height: 20px; color: #666; display: block; float: left; font-size: 12px; font-weight: bold; padding: 4px; } #findphysician select{ width: 159px; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; } #findphysician .button{ margin: 0 0 0 3px; } #homecareer{ } #homecareer p{ color: #666; font-size: 11px; line-height: 18px; margin: 0 0 10px 0; } #homecareer label{ width: 80px; height: 20px; color: #666; display: block; float: left; font-size: 12px; font-weight: bold; padding: 4px; } #homecareer select{ width: 159px; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; } #homecareer .button{ margin: 0 0 0 3px; } #cta_billpay{ float: left; display: block; width: 280px; height: 40px; margin: 10px 0 0 0; background: transparent url(Images/cta_billpay.gif) no-repeat top; } #cta_billpay:hover{ background-position: bottom; } #cta_billpay span{ display: none; } #homenews{ position: relative; } #homenews dt{ font-weight: bold; } #homenews dt a{ color: #454545; } #homenews dt a:hover{ color: #004d48; } #homenews dt .date{ color: #666; font-size: 11px; font-weight: normal; } #homenews .viewall{ position: absolute; right: 0; top: 10px; color: #e7ab46; font-weight: bold; } #homenews .viewall span{ color: #666; } #homenews .viewall, #homenews .viewall span{ font-family: Arial, Verdana, Sans-Serif; text-decoration: none; } #homenews .viewall:hover span{ color: #004d48; text-decoration: underline; } #homenews dd{ color: #666; font-size: 11px; line-height: 18px; margin: 0 0 10px 0; } #homenews dd .readmore{ color: #e7ab46; font-size: 11px; font-weight: bold; } #homenews dd .readmore span{ color: #80a6a4; } #homenews dd .readmore, #homenews dd .readmore span{ text-decoration: none; } #homenews dd .readmore:hover span{ color: #004d48; text-decoration: underline; } #homeevents{ position: relative; } #homeevents h2{ } #homeevents h2 a{ position: absolute; right: 0px; top: 8px; } #homeevents dl{ } #homeevents dl dt{ font-weight: bold; } #homeevents dl dt .date{ color: #666; font-size: 11px; font-weight: normal; } #homeevents dl dd{ display: none; } #homeevents dl dd .readmore{ display: none; } #quicklinks{ } #quicklinks.control_container li{ background: transparent url(Images/bullet1.gif) no-repeat 0 2px; line-height: 18px; list-style: none; padding: 0 0 0 15px; } #quicklinks.control_container li a{ color: #80a6a4; font-weight: bold; } #quicklinks.control_container li a:hover{ color: #004d48; } #accolades{ margin: 10px 0 0 0; } #accolades.control_container li{ float: left; list-style: none; } #accolades.control_container li a{ display: block; margin: 5px 7px; } /* Main Inner Pages */ #main_inner{ _height: 410px; min-height: 410px; background: transparent url(Images/bg_maininner.jpg) no-repeat left top; padding: 0 26px 10px; } #main_content{ float: right; display: inline; width: 688px; _height: 300px; min-height: 300px; padding: 10px; background: transparent url(Images/bg_inner_header.gif) repeat-x; } #main_sidebar{ float: left; width: 234px; min-height: 200px; _height: 200px; margin: 0; padding: 10px 0 0 0; } /* 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: #004d48; font-size: 24px; } #main_content h2{ padding: 3px; background: #f1f1f1; color: #80a6a4; 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.50em; 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 .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{ background: #f1f1f1; border-bottom: solid 1px #ddd; color: #666; font-size: 16px !important; margin: 0px 7px 5px 0; padding: 3px 5px; } #main_sidebar fieldset{ width: 190px; border: solid 3px #ddd; margin: 0 auto 10px 7px; } #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 10px; line-height: 18px; } #main_sidebar #phonenumbers{ margin: 10px 0 0 10px; color: #666; line-height: 18px; font-weight: bold; } #main_sidebar #map{ width: 210px; height: 200px; overflow: hidden; margin: 20px 0 10px 7px; border: 4px solid #ddd; } #main_sidebar ul{ list-style: none; margin: 0 0 10px 0px; } #main_sidebar li{ color: #666; 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: #004d48; 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: #80a6a4; font-size: 12px; line-height: 16px; } #main_sidebar li a:hover{ color: #80a6a4; } #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; } /* News/Events Section */ #newsList_wrap h2 a, #eventList_wrap h3 a, #eventDetail_left h3{ color: #7b8aab; } /* Physician Details */ #physDetail{} #physDetail h2{ text-decoration: none; } #physDetail table tr td div.physPhoto{ display: inline; } #physDetail table tr td div.physInfo{ float: right; } /* Hide Career page E-Verify */ #careereveryifylinks{ display: none; } /* Location Fix */ .locations #main_sidebar fieldset{ display: none; } .locations .locationcontent .getdirections{ display: none; } /* Pre-Registration */ #cta-prereg{ float: left; display: inline; overflow: hidden; width: 280px; height: 100px; margin: 5px 0 10px 0; background: transparent url(Images/cta-prereg.jpg) no-repeat; text-indent: -9999px; } #umcprereg .section h2{ background: #80a6a4; } #umcprereg .section p{ margin-left: 10px; margin-right: 10px; } #umcprereg .electronicsignature{ background: #f8d26a; border-color: #999; } #umcprereg .electronicsignature h3{ color: #004f49; } #umcprereg .electronicsignature input{ border-color: #999; } /* Employee Portal */ #sidemenu .cta-givekudos, #sidemenu .cta-kudosrecipients{ width: 234px; height: 90px; background: transparent no-repeat center top; display: inline; float: left; margin: 0 0 10px; overflow: hidden; text-indent: -99999em; } #sidemenu .cta-givekudos{ background-image: url(Images/cta-givekudos.jpg); } #sidemenu .cta-kudosrecipients{ background-image: url(Images/cta-kudosrecipients.jpg); }