﻿/*==============================================
	HMA Twin Rivers Stylesheet
================================================
	Design by: Cyrus Limited, Inc. - cyrusonline.com
	Author: Brandon Kidd
	Last Edited: 11-28-2007
==============================================*/

/* Global */
*{ font-family: Verdana, Helvetica, sans-serif; }
html, body{ border: 0; font-size: 12px; }
body{ color: #333; }
h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *, legend{ font-family: 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_inner .literalContent{ line-height: 20px; text-align: justify; margin: 0 0 20px 0; }
p img[align="left"], #main_inner .literalContent img[align="left"]{ margin: 0 10px 0 0; }
p img[align="right"], #main_inner .literalContent img[align="right"]{ margin: 0 0 0 10px; }
a{ color: #417dc4; outline: none; text-decoration: none; }
a:hover{ color: #b53c6d; 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 #bbc7dd; padding: 5px 10px; }
legend{ color: #0060a9; font-size: 18px; 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{ background: #fff; margin: 0; padding: 0; }
.root #wrap{ margin: 0 0 5px 0; }
.root #main_content{ width: 964px; background: transparent url(Images/content_bg.gif) no-repeat bottom center; position: relative; margin: 0 auto; }
.root #main_content #content{ width: 660px; float: left; padding: 0 0 0 1px; }
.root #main_content #promo_wrap{ width: 303px; float: right; text-align: center; }
.root #main_content #promo_wrap .promo{ display: block; margin: 10px auto 0; }
#footer_wrap{ width: 100%; }
#footer_wrap #footer{ width: 943px; margin: 0 auto 10px; min-height: 30px; padding: 5px 10px 10px; }
#footer_wrap #footer a{ color: #999; text-decoration: none; }
#footer_wrap #footer a:hover{ color: #00467f; text-decoration: underline; }
#footer_wrap #footer .footer_left{ color: #999; float: left; font-size: 11px; line-height: 20px; }
.footer_left ul{ list-style: none; }
.footer_left li{ border-left: 1px solid #999; display: inline; list-style: none; padding: 1px 4px 1px 8px; }
.footer_left li.first{ border: none; padding-left: 0; }
#footer_wrap #footer .footer_right{ float: right; }
.footer_right span{ display: none; }
.footer_right .poweredbycyrus{ width: 139px; height: 21px; background: transparent url(Images/powered-by-cyrus.gif) no-repeat top left; display: block; margin: 5px 0; }
.footer_right .poweredbycyrus:hover{ background-position: bottom left; }

/* Header */
#header{ width: 980px; height: 77px; margin: 10px auto 0; padding: 0; position: relative; }
#header .logo{ width: 313px; height: 73px; background: transparent url(Images/logo.gif) no-repeat top left; display: block; float: left; margin: 0 0 4px 10px; }
#header .logo span{ display: none; }
#navtop{ position: absolute; left: 135px; top: 10px; width: 230px; height: 15px; }
#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; }
#header #search{ width: 420px; height: 77px; background: transparent url(Images/search.gif) no-repeat top left; float: right; padding: 0; position: relative; }
#header #search .control{ position: absolute; left: 150px; top: 50px; }
#header #search .control .searchbox{ width: 150px; border: 1px solid #666; color: #444; padding: 2px; }
#header #search .control .searchbox_empty{ width: 150px; border: 1px solid #ccc; color: #aaa; padding: 2px; }
#header #search .control .button{ margin: 0; padding-top: 2px; padding-bottom: 2px; }

/* Marquee */
#marquee{ width: 980px; height: 260px; margin: 0 auto; }

/* Navigation */
#nav_wrap{ width: 100%; height: 40px; background: transparent url(Images/nav_bg.gif) no-repeat top center; }
#nav_wrap #navigation{ width: 980px; height: 40px; position: relative; margin: 0 auto; }
#nav_wrap #navigation ul{ list-style: none; }
#nav_wrap #navigation li{ display: inline; }
#nav_wrap #navigation a{ background: transparent url(Images/nav_menu.jpg) no-repeat left top; background-repeat: no-repeat; display: block; float: left; height: 40px; }

/* Default Nav */
#nav_wrap #navigation .home{ width: 70px; background-position: 0px 0px; }
#nav_wrap #navigation .home:hover{ background-position: 0 -40px; }
.root #nav_wrap #navigation .home{ background-position: 0 -80px; }
#nav_wrap #navigation .about{ width: 135px; background-position: -70px 0px; }
#nav_wrap #navigation .about:hover{ background-position: -70px -40px; }
.about #nav_wrap #navigation .about{ background-position: -70px -80px; }
#nav_wrap #navigation .services{ width: 103px; background-position: -205px 0px; }
#nav_wrap #navigation .services:hover{ background-position: -205px -40px; }
.services #nav_wrap #navigation .services{ background-position: -205px -80px; }
#nav_wrap #navigation .patients{ width: 98px; background-position: -308px 0px; }
#nav_wrap #navigation .patients:hover{ background-position: -308px -40px; }
.patients #nav_wrap #navigation .patients{ background-position: -308px -80px; }
#nav_wrap #navigation .physicians{ width: 113px; background-position: -406px 0px; }
#nav_wrap #navigation .physicians:hover{ background-position: -406px -40px; }
.physicians #nav_wrap #navigation .physicians{ background-position: -406px -80px; }
#nav_wrap #navigation .news{ width: 101px; background-position: -519px 0px; }
#nav_wrap #navigation .news:hover{ background-position: -519px -40px; }
.news #nav_wrap #navigation .news{ background-position: -519px -80px; }
#nav_wrap #navigation .careers{ width: 75px; background-position: -620px 0px; }
#nav_wrap #navigation .careers:hover{ background-position: -620px -40px; }
.careers #nav_wrap #navigation .careers{ background-position: -620px -80px; }
#nav_wrap #navigation .location{ width: 80px; background-position: -695px 0px; }
#nav_wrap #navigation .location:hover{ background-position: -695px -40px; }
.location #nav_wrap #navigation .location{ background-position: -695px -80px; }
#nav_wrap #navigation .contact{ width: 94px; background-position: -775px 0; }
#nav_wrap #navigation .contact:hover{ background-position: -775px -40px; }
.contact #nav_wrap #navigation .contact{ background-position: -775px -80px; }
#nav_wrap #navigation .myaccount{ width: 103px; background-position: -869px 0; }
#nav_wrap #navigation .myaccount:hover{ background-position: -869px -40px; }
.myaccount #nav_wrap #navigation .myaccount{ background-position: -869px -80px; }
#nav_wrap #navigation a span{ display: none; }


#nav_wrap .marquee_btm{ width: 980px; height: 10px; background: transparent url(Images/marquee-btm.gif) no-repeat top left; margin: 0 auto; }
.nav_top, .nav_btm{ width: 980px; height: 10px; margin: 0 auto; }
.nav_top{ background: transparent url(Images/nav-top.gif) no-repeat top left; }
.nav_btm{ background: transparent url(Images/nav-btm.gif) no-repeat top left; }

/* Home News */
#latestnews{ width: 300px; float: left; position: relative; background: transparent url(Images/latestnews_bg.gif) no-repeat bottom left; padding: 10px 0 0 0; }
#latestnews #homenews .viewall, #latestnews #homenews .viewall span{ color: #666; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; }
#latestnews #homenews .viewall{ position: absolute; right: 15px; top: 15px; }
#latestnews #homenews{ padding: 0 10px; }
#latestnews #homenews h2{ border-bottom: 1px solid #ccc; color: #00467f; }
#latestnews #homenews dl{ overflow: auto; }
#latestnews #homenews dt{ line-height: 16px; margin: 10px 10px 0; font-weight: bold; }
#latestnews #homenews dt a{ color: #00467f; }
#latestnews #homenews dt .date{ color: #666; font-size: 10px; font-weight: normal; }
#latestnews #homenews dd{ color: #666; font-size: 12px; line-height: 16px; margin: 0 10px 30px; }
#latestnews #homenews dd .readmore{ color: #00467f; float: left; font-size: 10px; font-weight: bold; }
/* Billpay Cta */
#btn_billpay{ float: left; display: block; width: 270px; height: 35px; margin: 0 0 10px 15px; background: transparent url(Images/btn_billpay.gif) no-repeat; }
#btn_billpay span{ display: none; }

/* OB CTA */
#content .cta-ob{ width: 270px; height: 60px; background: transparent url(Images/cta-ob.jpg) no-repeat center top; display: block; margin: 0 0 15px 15px;  overflow: hidden; text-indent: -99999em; }

/* Physician Spotlight */
.root #physicianspotlight{ width: 320px; float: left; padding: 10px 20px 10px; }
#physicianspotlight.control_container h2{ border-bottom: 1px solid #ccc; color: #00467f; }
#physicianspotlight.control_container .photo{ width: 120px; height: 140px; position: relative; float: left; margin: 10px 10px 10px 0; overflow: hidden; }
#physicianspotlight.control_container .photo .mask{ width: 120px; height: 140px; background: transparent url(Images/physpotlight_mask.gif) no-repeat top left; cursor: pointer; position: absolute; left: 0; top: 0; }
#physicianspotlight.control_container .photo .image{ display: block; width: 120px; height: 140px; }
#physicianspotlight.control_container .photo img{ display: none; }
#physicianspotlight.control_container .photo img{ display: none; }
#physicianspotlight.control_container .bio{ margin: 10px 0 0; }
#physicianspotlight.control_container h3, #physicianspotlight.control_container h3 a{ color: #00467f; font-family: Trebuchet MS, Tahoma, Verdana, Sans-Serif !important; font-size: 14px; font-weight: bold; }
#physicianspotlight.control_container .specialty{ font-size: 11px; margin: 0 0 10px 0; }
#physicianspotlight.control_container address{ font-size: 11px; font-weight: bold; font-style: italic; margin: 0 0 10px 0; }
#physicianspotlight.control_container p{ color: #666; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; line-height: 20px; margin: 5px 0 10px; text-align: left; }
#physicianspotlight.control_container .readmore{ color: #00467f; float: left; font-size: 10px; font-weight: bold; }
#physDetail{ }
#physDetail h2{ color: #00467f; font-family: Trebuchet MS, Tahoma, Verdana, Sans-Serif !important; font-size: 18px; font-weight: bold; }
#physDetail .specialty{ margin: 0 0 10px 0; }
#physDetail address{ font-size: 11px; font-weight: bold; font-style: italic; }

/* Tab Box */
#tabbox{ width: 360px; background: transparent url(Images/tabbox_bg.gif) repeat-y bottom left; display: inline; float: left; overflow: hidden; }
#tabbox ul{ width: 360px; height: 40px; background: #fff; display: inline; float: left; overflow: hidden; }
#tabbox ul li{ display: inline; float: left; }
#tabbox ul li a{ height: 40px; background: transparent url(Images/tabbox-top.gif) no-repeat; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#tabbox ul li a.tab-findaphysician{ width: 184px; background-position: left bottom; }
#tabbox ul li.selected a.tab-findaphysician{ background-position: left top; }
#tabbox ul li a.tab-careercenter{ width: 176px; background-position: right bottom; }
#tabbox ul li.selected a.tab-careercenter{ background-position: right top; }

/* Find Physician */
#findphysician{ display: inline; float: left; overflow: hidden; padding: 0 40px 30px; }
#findphysician h2{ display: none; }
#findphysician p{ color: #666; font-size: 12px; line-height: 20px; margin: 15px 0; }
#findphysician select{ width: 240px; color: #666; }
#findphysician label{ display: none; }

/* Career Center */
#homecareer{ display: none; float: left; overflow: hidden; padding: 0 40px 30px; }
#homecareer h2{ display: none; }
#homecareer p{ color: #666; font-size: 12px; line-height: 20px; margin: 15px 0; }
#homecareer select{ width: 240px; color: #666; }
#homecareer label{ display: none; }

/* Newsletter */
#newslettersignup{ width: 360px; background: transparent url(Images/tabbox_bg.gif) repeat-y bottom left; display: inline; float: left; overflow: hidden; padding: 0 0 30px; }
#newslettersignup h2{ width: 360px; height: 40px; background: transparent url(Images/h2-stayintouch.gif) no-repeat center top; display: inline; float: left; margin: 0 0 10px; overflow: hidden; text-indent: -99999em; }
#newslettersignup p{ color: #666; font-size: 12px; line-height: 20px; margin: 15px 40px; }
#newslettersignup input{ width: 234px; color: #666; margin: 0 0 0 40px; }
#newslettersignup label{ display: none; }

/* Address Bar */
#address_wrap{ width: 940px; height: 20px; background: #bbc7dd; color: #00467f; margin: 0 auto; padding: 8px 10px 4px; }
.root #address_wrap{ width: 943px; }
#address_wrap a{ color: #00467f; }
#address_wrap address{ float: left; }
#address_wrap .phone{ float: right; }

/* Main Inner Pages */
#main_inner{ width: 960px; background: transparent url(Images/bg_content-inner.gif) repeat-y top left; margin: 0 auto; }
#main_inner #main_content{ width: 680px; _height: 300px; min-height: 300px; display: inline; float: right; padding: 10px 15px 20px 25px; }
#main_inner-btm{ width: 980px; height: 20px; background: transparent url(Images/bg_inner-btm.gif) no-repeat top left; margin: 0 auto; }
#main_sidebar{ float: left; width: 240px; min-height: 200px; _height: 200px; padding: 10px 0 0 0; }

/* Main Content Styles */
#main_inner h2, #main_inner h3, #main_inner h4, #main_inner h5, #main_inner h6{ margin: 0 0 5px 0; }
#main_inner h1{ border-bottom: 1px solid #ccc; color: #0060a9; font-size: 24px; }
#main_inner h2{ padding: 3px; background: #f1f1f1; color: #666; font-size: 20px; }
#main_inner hr{ height: 0; border: 0; border-bottom: 1px solid #ccc; }
#main_inner ul{ margin: 0 0 20px 5px; }
#main_inner ol{ margin: 0 0 20px 25px; }
#main_inner ul li{ list-style: none; margin: 0 0 10px 0; padding: 0 0 0 15px; background: transparent url(/Resources/Common/Images/bullet.gif) no-repeat 0 8px; line-height: 18px; }
#main_inner ol li{ margin-bottom: 10px; line-height: 18px; }
#main_inner dl{ margin: 0 0 20px 0; line-height: 20px; }
#main_inner dl dt{ color: #555; font-weight: bold; }
#main_inner dl dd{ margin: 0 0 10px 0; }
#main_inner 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_inner .menuempty{ margin: 0 0 10px 0; }
#main_inner .menu{ height: 25px; margin: 0 0 10px 0; font-size: 10px; line-height: 25px; text-align: right; }
#main_inner .menu a{ margin: 0 0 0 10px; padding: 2px 0 2px 18px; }
#main_inner .menu .font_sizer{ display: inline; }
#main_inner .menu .font_sizer .font_normal, #main_inner .menu .font_sizer .font_medium, #main_inner .menu .font_sizer .font_large{ background: #eee; border: 1px solid #ccc; margin: 0 5px 0 0; padding: 1px 4px; text-decoration: none; }
#main_inner .menu .font_normal{ font-size: 8px; }
#main_inner .menu .font_medium{ font-size: 11px; }
#main_inner .menu .font_large{ font-size: 14px; margin-right: 0; }
#main_inner .menu .menu_print{ background: transparent url(/Resources/Common/Images/Icons/printer.gif) no-repeat center left; }
#main_inner .menu .menu_email{ background: transparent url(/Resources/Common/Images/Icons/email.gif) no-repeat center left; }
#main_inner .menu .menu_bookmark{ background: transparent url(/Resources/Common/Images/Icons/book.gif) no-repeat center left; }
#main_inner .button, #main_inner .button_disabled, #search .button, #search .button_disabled, #findphysician .button, #findphysician .button_disabled, #homecareer .button, #homecareer .button_disabled, #preregistration .button, #preregistration .button_disabled, #newslettersignup .button, #newslettersignup .button_disabled{ border: 1px solid #999; font-size: 12px; font-weight: bold; line-height: 12px; padding: 4px 8px; }
#main_inner .button, #search .button, #findphysician .button, #homecareer .button, #preregistration .button, #newslettersignup .button{ background: transparent url(Images/button_bg.gif) repeat-x; color: #999; }
#main_inner input.button{ height: 22px; margin: 0; padding: 0 2px; line-height: 12px; }
#main_inner .button:hover, #search .button:hover, #findphysician .button:hover, #homecareer .button:hover, #preregistration .button:hover, #newslettersignup .button:hover{ color: #666; text-decoration: none; }
#main_inner .button_disabled, #search .button_disabled, #findphysician .button_disabled, #homecareer .button_disabled, #preregistration .button_disabled, #newslettersignup .button_disabled{ padding: 4px 8px; background: #fff; border-color: #f1f1f1; color: #ccc; }
#main_inner input.button_disabled{ height: 22px; padding: 0 4px; line-height: 12px; }
#main_inner .button_disabled:hover{ text-decoration: none; }
#main_inner .photo{ width: 132px; height: 152px; float: left; position: relative; background: url(/Resources/Common/Images/bg_photo.jpg) no-repeat; }
#main_inner .photo img{ position: absolute; left: 5px; top: 5px; }
#main_inner .thumb{ width: 72px; height: 82px; float: left; position: relative; background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat; }
#main_inner .thumb img{ position: absolute; left: 5px; top: 5px; }

/* Main Sidebar Styles */
#main_sidebar h2{ margin: 0 10px; padding: 2px 5px; border: 1px solid #bbc7dd; background: #e6e9f0; color: #00467f; font-size: 18px !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{ font-weight: bold; list-style: none; padding: 0; background: transparent url(Images/bullet1.gif) no-repeat 0 5px !important; }
#main_sidebar li a{ padding: 1px 2px 1px 0; color: #00467f; font-size: 12px; }
#main_sidebar li ul{ margin: 5px 0 10px; }
#main_sidebar li li, #main_sidebar ul ul li{ font-weight: normal; padding: 0 0 0 14px; background: transparent url(Images/bullet2.gif) no-repeat 0 2px !important; }
#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: #0a2a81; }
#main_sidebar li li a:hover, #main_sidebar ul ul li a:hover{ color: #0a2a81; }
#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(Images/bullet2.gif) no-repeat 3px 9px; font-weight: normal; }

/* Footer */
#navfooter{ margin: 0 10px; background: #fff; }
#navfooter ul{ height: 30px; list-style: none; color: #999; font-size: 12px; text-align: center; }
#navfooter li{ border-left: 1px solid #ddd; display: inline; list-style: none; padding-left: 7px; color: #999; }
#navfooter li a{ margin: 0 3px; color: #0060a9; line-height: 30px; text-align: center; }
#navfooter li a:hover{ color: #999; text-decoration: underline; }
#navfooter .firstcell{ border: none; }
#footer_left{ 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; color: #b68440; text-align: center; }
#navlegal li a:hover{ color: #999; text-decoration: underline; }
#poweredby{ float: right; display: block; width: 140px; height: 23px; margin: 20px 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: #6ba0c4; }
