/* UrgentCare America Stylesheet -------------------------------------------------------- Colors: #a3284e - Medium Pink #045081 - Dark Blue #176799 - Medium Blue #7aa7c2 - Light Blue #f1efe2 - Yellow Gray #dd453a - Red --------------------------------------------------------*/ html, body{ font-size: 12px; } body{ background: #176799; color: #000; font-family: Verdana, Helvetica, Sans-Serif; } h1, h2, h3, h4, h5, h6{} h1{ color: #176799; font-size: 24px; margin: 0 0 5px 0; } h2{ color: #dd453a; font-size: 20px; margin: 0 0 5px 0; } h3{ color: #666; font-size: 18px; margin: 0 0 5px 0; } h4{ color: #176799; font-size: 16px; margin: 0 0 5px 0; } h5{ color: #dd453a; font-size: 14px; margin: 0 0 5px 0; } h6{ color: #666; font-size: 12px; margin: 0 0 5px 0; } p, #main_content .literalContent{ line-height: 20px; margin: 0 0 10px 0; text-align: justify; } 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: #7aa7c2; text-decoration: none; } a:hover, a:focus{ color: #7aa7c2; text-decoration: underline; } /* Structure */ #wrap{ width: 100%; min-width: 960px; background: #f1efe2 url(../Images/header_repeat.gif) repeat-x; margin: 0 auto; } #container{ position: relative; } /* Header Section */ #header{ position: relative; z-index: 1; width: 960px; height: 140px; margin: 0 auto; background: transparent url(../Images/header.gif) no-repeat top left; } #header #logo{ float: left; width: 320px; height: 85px; margin: 0; } #header #logo a{ display: block; width: 100%; height: 100%; background: transparent url(../Images/logo.gif) no-repeat top left; } #header #logo a:hover{ background-position: bottom left; } #header #logo a span{ display: none; } #header .employee-nav{ float: right; display: inline; width: 320px; height: 25px; overflow: hidden; margin: 0 5px 0 0; list-style: none; line-height: 22px; text-align: right; } #header .employee-nav li{ display: inline; } #header .employee-nav li a{ display: none; border-left: solid 1px #ccc; padding: 0 4px; color: #dd453a; font-size: 10px; } #header .employee-nav li.firstcell a{ border-left: 0; padding-right: 0; } #header .search-container{ clear: right; float: right; display: inline; width: 310px; height: 29px; overflow: hidden; margin: 5px 5px 0 0; } #header .search-nav{ float: left; width: 130px; height: 25px; overflow: hidden; list-style: none; line-height: 22px; text-align: left; } #header .search-nav li{ display: inline; } #header .search-nav li a{ padding: 0 4px; color: #7aa7c2; font-size: 10px; font-weight: bold; } #header .search-nav li.firstcell a{ padding-left: 0; } #header .search-text{ float: left; width: 150px; height: 14px; margin: 6px 0 0 0; padding: 0; border: 0 none; background: transparent none; color: #7aa7c2; font-size: 11px; line-height: 12px; } #header .search-text:focus{ color: #333; } #header .search-button{ float: left; display: inline; width: 16px; height: 16px; margin: 4px 0 0 5px; background: transparent url(../Images/search_btn.gif) no-repeat top left; } #header .search-button:hover{ background-position: bottom left; } #header .search-button span{ display: none; } /* Navigation Section */ #nav{ display: block; float: left; display: inline; width: 950px; height: 50px; margin: 0 0 0 5px; z-index: 10; } #nav ul{ list-style: none; } #nav li{ display: inline; float: left; position: relative; padding: 0; } #nav a{ float: left; display: block; height: 50px; background-image: url(../Images/nav.gif); background-repeat: no-repeat; } #nav a span{ display: none; } /* Links */ #nav #nav_affiliate_locations{width: 190px; background-position: 0 0; } #nav #nav_affiliate_locations:hover, #nav li.sfhover #nav_affiliate_locations{ background-position: 0 -50px; } #nav #nav_learn_about_uca{width: 190px; background-position: -190px 0; } #nav #nav_learn_about_uca:hover, #nav li.sfhover #nav_learn_about_uca{ background-position: -190px -50px; } #nav #nav_physician_services{width: 190px; background-position: -380px 0; } #nav #nav_physician_services:hover, #nav li.sfhover #nav_physician_services{ background-position: -380px -50px; } #nav #nav_consulting_services{width: 190px; background-position: -570px 0; } #nav #nav_consulting_services:hover, #nav li.sfhover #nav_consulting_services{ background-position: -570px -50px; } #nav #nav_career_center{width: 190px; background-position: -760px 0; } #nav #nav_career_center:hover, #nav li.sfhover #nav_career_center{ background-position: -760px -50px; } /* Dropdowns */ #nav li div{ z-index: 20; display: none; position: absolute; top: 50px; left: -5px; width: 200px; padding: 0 0 20px 0; /*background: transparent url(../Images/dropdown_top.png) no-repeat top left;*/ } #nav li ul{ z-index: 20; display: none; position: absolute; top: 0px; left: 0px; width: 190px; margin: 0; padding: 5px 0 10px 10px; background: transparent url(../Images/dropdown.png) repeat-y bottom left; } #nav li li{ z-index: 20; background: transparent none; margin: 0; } #nav li.sfhover li a{ display: block; width: 175px; height: 22px; padding: 0 0 0 5px; background: transparent none; color: #333; font-size: 12px; line-height: 22px; font-weight: normal; text-align: left; } #nav li.sfhover li.sfhover a{ background-color: #3183b9; color: #fff; text-decoration: none; } #nav li > #nav ul{ top: auto; left: auto; } #nav li.sfhover ul, #nav li.sfhover div{ display: block; } /* Main Section */ #main_wrap{ position: relative; z-index: 0; width: 960px; background: transparent url(../Images/main_repeat.gif) repeat-y top left; margin: 0 auto; } #main{ width: 100%; position: relative; background: transparent url(../Images/main_header.gif) no-repeat top left; overflow: hidden; } /* Home Page */ #marquee{ position: relative; width: 100%; height: 225px; margin: 0 0 15px 0; background: transparent url(../Images/marquee.jpg) no-repeat; } #marquee p, #marquee a span{ display: none; } #marquee a{ display: block; position: absolute; top: 185px; left: 20px; width: 200px; height: 20px; } .root #main{ background-image: url(../Images/bg_home_header.gif); } .root #main .col-left{ width: 210px; float: left; display: inline; margin: 10px 15px 0 25px; padding: 0 0 20px 0; } .root #main .col-left h2{ border-bottom: 1px solid #de4138; } .root #main .col-left h2 a{ color: #de4138; font-size: 16px; } .root #main .col-left .article{ padding: 0 0 10px 0; } .root #main .col-left .title{ color: #17679a; font-weight: bold; line-height: 16px; } .root #main .col-left .title:hover{ text-decoration: none; } .root #main .col-left .date{ color: #999; font-size: 10px; line-height: 18px; } .root #main .col-left p{ font-size: 10px; line-height: 16px; } .root #main .col-left .more{ color: #de4138; } .root #main .col-center{ width: 460px; float: left; display: inline; margin: 0 10px 0 0; background: transparent url(../Images/maincontent_repeat.gif) repeat-y; color: #333; } .root .col-center-header{ height: 10px; background: transparent url(../Images/maincontent_header.gif) no-repeat top left; } .root .col-center-footer{ height: 10px; background: transparent url(../Images/maincontent_footer.gif) no-repeat bottom left; } .root #main_content{ margin: 5px 20px; } .root .col-center .menu{ display: none; } .root .col-center h1{ color: #176799; font-size: 16px; } .root .col-center p{ font-size: 11px; line-height: 18px; } .root .subcontent-container{ margin: 0 15px 10px; background: transparent url(../Images/subcontent_repeat.gif) repeat-y; } .root .subcontent-header{ height: 10px; background: transparent url(../Images/subcontent_header.gif) no-repeat top left; } .root .subcontent-footer{ height: 10px; background: transparent url(../Images/subcontent_footer.gif) no-repeat bottom left; } .root .subcontent-content{ width: 400px; overflow: hidden; margin: 0 15px; } .root .subcontent-content img{ float: left; display: inline; margin: 5px 10px 5px 0; } .root .subcontent-content p{ margin: 10px 0 0 0; line-height: 18px; text-align: left; } .root .subcontent-content strong{ color: #176799; font-weight: bold; } .root #main .col-right{ width: 220px; float: left; } .root #main .col-right .cta-panel{ list-style: none; width: 220px; height: 250px; background: transparent url(../Images/cta_panel.gif) no-repeat; } .root #main .col-right .cta-panel a{ display: block; width: 210px; margin-left: 5px; margin-right: 5px; opacity: .5; } .root #main .col-right .cta-panel a span{ display: none; } .root #main .col-right .cta-panel .cta_emr{ height: 65px; } .root #main .col-right .cta-panel .cta_startup{ height: 60px; } .root #main .col-right .cta-panel .cta_leadership{ height: 60px; } .root #main .col-right .cta-panel .cta_newsletter{ height: 65px; } .root #main .col-right .cta-panel .cta_passport{ height: 80px; } /* Internal Page Structure */ #main #main_inner{ margin: 0 25px 0 0; } #main #main_inner #main_content{ width: 680px; float: right; display: inline; margin: 25px 0; } #main #main_inner #main_sidebar{ width: 205px; float: left; display: inline;margin: 25px 0px 0 25px; padding: 0 0 20px 0; } /* Main Content Styles */ #main_content h1{ line-height: 30px; margin: 0; } #main_content h1 a{ color: #7aa7c2; font-weight: normal; text-decoration: none; } #main_content h1 a:hover, #main_content h1 a:focus{ color: #fff; } #main_content .menu{ border-top: 2px solid #7aa7c2; padding: 0 10px 0 0; } #main_content .menu a{ text-decoration: none; } #main_content .menu a:hover, #main_content .menu a:focus{ color: #666; } #main_content .menuempty{ border-top: 2px solid #ccc; } #main_content acronym{ border-bottom: 1px dotted #ccc; cursor: help; } #main_content hr{ height: 0; margin: 10px 0; border: 0; border-bottom: 1px solid #ccc; } #main_content fieldset{ border: 2px solid #ddd; padding: 10px; } #main_content legend{ font-size: 14px; font-weight: bold; } #main_content ul, #main_content ol{ margin: 0 0 10px 0; padding: 0 0 0 25px; } #main_content li{ margin: 0 0 10px 0; line-height: 18px; } #main_content ul li{ list-style: square; } #main_content ol li{} #main_content dl{ line-height: 20px; margin: 0 0 20px 0; } #main_content dl dt{ color: #555; font-weight: bold; } #main_content dl dd{ margin: 0 0 10px 0; } #main_content blockquote{ width: 660px; border-left: 3px solid #ddd; color: #666; font-style: italic; line-height: 20px; margin: 0 0 20px 0; padding: 0 0 0 10px; text-align: justify; } #main_content .button, #main_content .button_disabled{ border: 2px solid #ccc; font-size: 12px; font-weight: bold; line-height: 26px; padding: 4px 8px; text-decoration: none; } #main_content input.button{ height: 22px; margin: 0; padding: 0 2px; line-height: 12px; } #main_content .button{ background: #176799; border-color: #7aa7c2; color: #fff; text-decoration: none; } #main_content .button:hover, #main_content .button:focus{ background: #7aa7c2; border-color: #176799; color: #045081; text-decoration: none; } #main_content .button_disabled{ background: #fff; border-color: #f1f1f1; color: #ccc; padding: 4px 8px; } #main_content input.button_disabled{ height: 22px; line-height: 12px; padding: 0 4px; } #main_content .button_disabled:hover{ text-decoration: none; } #main_content .greenbutton:hover{ background: #fff !important; color: #333 !important; } #main_content .photo{ float: left; width: 132px; height: 152px; 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{ float: left; width: 72px; height: 82px; position: relative; background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat; } #main_content .thumb img{ position: absolute; left: 5px; top: 5px; } /* Sidebar Styles */ #main_sidebar h2{ color: #176799; font-size: 16px !important; line-height: 28px; margin: 0; } #main_sidebar #sidemenu{ margin-bottom: 15px; } #main_sidebar fieldset{ width: 219px; margin: 0 10px 10px; } #main_sidebar address{ color: #176799; } #main_sidebar #phonenumbers{ color: #7aa7c2; font-weight: bold; line-height: 18px; margin: 10px 0; } #main_sidebar #phonenumbers a{ color: #666; } #main_sidebar #phonenumbers .phonedirectory{ display: none; } #main_sidebar #map{ width: 186px; height: 200px; border: solid 4px #ccc; margin: 20px 0 10px 0; overflow: hidden; } #main_sidebar ul{ list-style: square; margin: 0 0 15px; } #main_sidebar ul li{ margin: 2px 0 2px 15px; color: #7aa7c2; font-size: 10px; line-height: 16px; } #main_sidebar ul li a{ color: #666; font-size: 12px; font-weight: bold; text-decoration: none; } #main_sidebar ul li a:hover, #main_sidebar ul li a:focus{ color: #176799; text-decoration: underline; } #main_sidebar ul li ul{ margin: 0 0 5px 5px; } #main_sidebar ul ul li{ background: transparent url(../Images/bullet2.gif) no-repeat left 8px; color: #999; line-height: 14px; } #main_sidebar ul ul li a{ color: #7aa7c2; font-size: 11px; font-weight: normal; } #main_sidebar ul ul li a:hover, #main_sidebar ul ul li a:focus{ text-decoration: none; } /* Footer Section */ #footer_wrap{ margin: 0 0 20px 0; background: transparent url(../Images/footer_repeat.gif) repeat-x top left; } #footer{ width: 940px; color: #fff; font-size: 10px; line-height: 20px; margin: 0 auto; padding: 25px 10px 0; background: transparent url(../Images/main_footer.gif) no-repeat top center; overflow: hidden; } #footer .footer-tagcloud{ width: 100%; list-style: none; margin: 0; padding: 0; line-height: 16px; overflow: hidden; } #footer .footer-tagcloud li.tagcloud-parent{ float: left; display: inline; width: 225px; height: 95px; margin: 5px; padding: 0; font-size: 11px; font-weight: bold; } #footer .footer-tagcloud li ul{ list-style: none; margin: 5px 0 0; } #footer .footer-tagcloud li ul li{ background: transparent url(../Images/bullet-footer.gif) no-repeat left 7px; margin: 0; padding: 0 0 0 12px; font-size: 6px; } #footer .footer-tagcloud li ul li a{ color: #7aa7c2; font-size: 10px; font-weight: normal; } #footer .left{ width: 420px; float: left; display: inline; margin: 5px 0 0 15px; } #footer .right{ width: 420px; float: right; display: inline; text-align: right; margin: 5px 15px 0 0; } #footer a{ color: #fff; text-decoration: none; } #footer a:hover, #footer a:focus{ color: #ccc; text-decoration: underline; } #footer .copyright{ text-align: left; } #footer .footer-nav ul{ list-style: none; } #footer .footer-nav li{ display: inline; } #footer .footer-nav li a{ border-left: solid 1px #ccc; padding: 0 4px; } #footer .footer-nav li.firstcell a{ border-left: 0; padding-left: 0; } #footer address{ font-style: normal; } #footer .designby{ clear: left; color: #ccc; } #footer .designby a{ padding-right: 39px; background: transparent url(../Images/designby.gif) no-repeat top right; } #footer .designby a:hover{ background-position: bottom right; } #footer .designby span{ display: none; } /* Locations Page */ #findLocation_wrap{} #findLocation_wrap #map{ width: 672px; height: 400px; border: solid 4px #ddd; margin: 0; } #location_search{} #locationList{} .searchmaptype{ display: none; } #locationList ul{ margin: 0; padding: 0; } #locationList h2{ margin: 10px 0 0 0; font-size: 16px; } #locationList .HealthCenter, #locationList .Hospital{ background: transparent url(/Resources/Common/Images/Icons/icon_hospital.gif) no-repeat 0 12px; } #locationList .Clinic{ background: transparent url(/Resources/Common/Images/Icons/icon_clinic.gif) no-repeat 0 12px; } #locationList .location{ float: left; display: inline; width: 175px; height: 40px; margin: 0; padding: 10px 0 0 25px; border-top: 1px solid #ccc; font-size: 10px; line-height: 12px; } #locationList .location .name{ font-size: 12px; font-weight: bold; } #locationList .location .address{ color: #666; font-style: italic; } #locationList .location a{} #locationList .location a:hover{ text-decoration: underline; } #locationList #pager{ background: #eee; border: solid 1px #ddd; color: #333; font-size: 10px; margin: 10px 0 0; padding: 10px 0; } #locationList #pager .label{ margin: 0 10px; } #location_search label{} #location_search label{ color: #666; font-weight: bold; } #location_search select{ margin: 0 0 0 10px; color: #666; font-size: 12px; } #location_search .HealthCenter, #location_search .Hospital, #location_search .Clinic{ height: 20px; padding: 0 0 5px 25px; color: #666; font-size: 14px; line-height: 18px; font-weight: bold; } #location_search .HealthCenter{ background: transparent url(/Resources/Common/Images/Icons/icon_hospital.gif) no-repeat 0 0; } #location_search .Hospital{ display: none; background: transparent url(/Resources/Common/Images/Icons/icon_hospital.gif) no-repeat 0 0; } #location_search .Clinic{ background: transparent url(/Resources/Common/Images/Icons/icon_clinic.gif) no-repeat 0 0; } #locationDetail_wrap{ width: 680px; } #locationDetail_wrap address{ font-style: normal; } #locationDetail_wrap .location{ float: left; font-size: 12px; line-height: 20px; } #locationDetail_wrap .location .address1{} #locationDetail_wrap .location .address2{} #locationDetail_wrap .location .citystatezip{ margin: 0 0 10px 0; } #locationDetail_wrap .location .phone1{} #locationDetail_wrap .location .phone2{} #locationDetail_wrap .location a{} #locationDetail_wrap .gmap{ border: 4px solid #ccc; overflow: hidden; float: right; } #locationDetail_wrap .gmap #map{ width: 218px; height: 150px; background: #eee; } /* Hax0rs */ .location #main_sidebar fieldset{ display: none; } .RadPicker_Telerik .rcCalPopup{ margin: 0 0 0 5px !important; } .RadPicker_Telerik .rcTimePopup{ margin: 0 0 0 5px !important; } #footerpager{ height: 20px; }