/*==============================================
Gulf Coast Medical Group
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Design by: Cyrus Limited, Inc. - cyrusonline.com
	Author: Brandon Kidd
	Created: 9/8/2008
------------------------------------------------------------------------------*/

/* Global */
*{ font-family: Arial, Verdana, Helvetica, sans-serif; }
html, body{ border: 0; font-size: 12px; }
body{ background: #6588c9 url(Images/bg.gif) repeat-x center top; color: #666; }
h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *, legend{ 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: 18px; margin: 0 0 18px 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: #6588c9; outline: none; text-decoration: underline; }
a:hover, a:focus{ color: #df8e40; text-decoration: none; }
p a[target="_blank"]{ background: transparent url(/Resources/Common/Images/Icons/opennew.gif) no-repeat 100% 3px; padding: 0 10px 0 0; }
address{ font-style: normal; }
ul{ list-style: none; }
ul li{ background: transparent url(Images/bullet1.gif) no-repeat 2px 8px; line-height: 20px; padding-left: 10px; }
ul li ul, ul ul{ list-style: none; margin: 5px 0 5px 10px; }
ul li ul li, ul ul li{ background: transparent url(Images/bullet2.gif) no-repeat 2px 8px; padding-left: 12px; }
fieldset{ border: 2px solid #eee; padding: 5px 10px; }
legend{ color: #6588c9; 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; }
.button{ background: #eee; border: solid 1px #6588c9; color: #df8e40; font-size: 12px; font-weight: bold; padding: 4px 6px; text-decoration: none; }
.button:hover, .button:focus{ background: #6588c9; border-color: #df8e40; color: #fff; text-decoration: none; }

/* Header */
#header{ width: 980px; height: 90px; position: relative; background: transparent url(Images/bg_header.jpg) no-repeat center top; margin: 0 auto; padding: 0 10px; }
#header #logo{ width: 130px; height: 85px; position: absolute; left: 48px; top: 2px; display: block; }
#header #logo span{ display: none; }
#header #phonenumbers{ float: right; margin: 10px 10px 0 0; text-align: right; }
#header #phonenumbers .customerservice, #header #phonenumbers .billing{ color: #999; font-size: 10px; }
#header #phonenumbers .customerservice strong, #header #phonenumbers .billing strong{ font-size: 16px; font-weight: bold; }
#header #phonenumbers .customerservice strong{ color: #6588c9; }
#header #phonenumbers .billing strong{ color: #df8e40; }
#header #navigation{ width: 772px; height: 30px; position: absolute; left: 208px; top: 60px; }
#header #navigation ul{ list-style: none; }
#header #navigation ul li{ position: relative; background: transparent none; display: inline; float: left; margin: 0; padding: 0; }
#header #navigation ul li a{ height: 30px; background-color: transparent; background-position: left top; background-repeat: no-repeat; _border-right: solid 1px #fff; display: block; float: left; margin: 0 0 0 1px; _margin: 0; padding: 0; }
#header #navigation ul li a span{ display: none; }
#header #navigation ul li a:hover, #header #navigation ul li a:focus, #header #navigation ul li.hover a{ background-position: left -30px; }
#header #navigation ul li a#nav_home{ width: 67px; background-image: url(Images/nav_home.gif); }
#header #navigation ul li a#nav_about{ width: 87px; background-image: url(Images/nav_about.gif); }
#header #navigation ul li a#nav_medical_staff{ width: 111px; background-image: url(Images/nav_physicians.gif); }
#header #navigation ul li a#nav_medical_services{ width: 131px; background-image: url(Images/nav_services.gif); }
#header #navigation ul li a#nav_patient_resources{ width: 139px; background-image: url(Images/nav_patients.gif); }
#header #navigation ul li a#nav_locations{ width: 89px; background-image: url(Images/nav_locations.gif); }
#header #navigation ul li a#nav_faqs{ width: 62px; background-image: url(Images/nav_faq.gif); }
#header #navigation ul li a#nav_contact{ width: 78px; background-image: url(Images/nav_contact.gif); _border: 0; }
.root #header #navigation ul li a#nav_home, .about #header #navigation ul li a#nav_about, .physicians #header #navigation ul li a#nav_medical_staff, .services #header #navigation ul li a#nav_medical_services, .patients #header #navigation ul li a#nav_patient_resources, .locations #header #navigation ul li a#nav_locations, .faq #header #navigation ul li a#nav_faqs, .contact #header #navigation ul li a#nav_contact{ background-position: left bottom; }
/* Dropdowns */
#header #navigation ul li div{ position: absolute; left: 0px; top: 30px; background: #4169b3; border: solid 1px #fff; border-top: 0 none; display: none; float: left; z-index: 30; }
#header #navigation ul li div ul{ display: inline; float: left; margin: 0; overflow: hidden; }
#header #navigation ul li div ul li{ border-top: solid 1px #5178c0; display: inline; float: left; }
#header #navigation ul li div ul li.firstlink{ border-top: 0 none; }
#header #navigation ul li div ul li a{ width: 180px; height: 24px; color: #fff; display: inline; float: left; line-height: 24px; margin: 0; padding: 0 10px; text-decoration: none; }
#header #navigation ul li div ul li a:hover{ background: #df9043 url(Images/subnav_hover.gif) no-repeat left; }

/* Marquee */
#marquee_wrap{ width: 1000px; height: 280px; position: relative; display: block; margin: 0 auto; }
#marquee_wrap #quicklinks{ width: 225px; height: 220px; position: absolute; right: 35px; top: 15px; padding: 10px 15px; z-index: 20; }
#marquee_wrap #quicklinks h2{ color: #333; margin: 0 0 5px; }
#marquee_wrap #quicklinks li{ margin: 0 0 4px; }
#marquee_wrap #quicklinks a{ color: #466bb1; font-weight: bold; line-height: 16px; text-decoration: none; }
#marquee_wrap #quicklinks a:hover{ color: #fff; text-decoration: underline; }
#marquee{ width: 1000px; height: 280px; position: relative; background: transparent url(Images/bg_marquee.jpg) no-repeat center top; }
 .root #cta{ width: 225px; height: 220px; position: absolute; right: 35px; top: 15px; padding: 10px 15px; z-index: 20; }
 .root #cta a{ width: 220px; height: 40px; background-color: transparent; background-position: left top; background-repeat: no-repeat; display: inline; float: left; margin: 5px 0 10px 7px; padding: 0; text-indent: -99999em; }
 .root #cta a:hover, #cta a:focus{ background-position: left bottom; }
 .root #cta a.newpatientinfo{ background-image: url(Images/cta_newpatientinfo.gif); }
 .root #cta a.billinginformation{ background-image: url(Images/cta_billinginformation.gif);  }
 .root #cta a.meetourproviders{ background-image: url(Images/cta_meetourproviders.gif); }
 .root #cta a.mapsdirections{ background-image: url(Images/cta_mapsdirections.gif); }
/* Services */
.clinical-services h2{ padding: 5px; }
.clinical-services{ margin: 10px 0 0; overflow: hidden; }
.clinical-services ul{ width: 100%; height: 100%; background-color: #FAEEE1; border-top: 10px solid #E29A53; display: inline; float: left; overflow: hidden; padding: 0 0 20px; }
.clinical-services ul li{ background: transparent none no-repeat 0 0; display: inline; float: left; line-height: 20px; margin: 20px 0 0 20px; overflow: hidden; padding: 0; }
.clinical-services ul li a{ width: 200px; height: 150px; background: transparent none no-repeat 0 0; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
.clinical-services ul li a:focus, .clinical-services ul li a:hover{ background-position: 0 bottom; }
.clinical-services ul li.urgentcare a{ background-image: url(Images/urgentcare.jpg); }
.clinical-services ul li.family a{ background-image: url(Images/familymedicine.jpg); }
/*.clinical-services ul li.internal, .clinical-services ul li.neurology, .clinical-services ul li.rheumatology{ margin: 0; }*/
.clinical-services ul li.internal a{ background-image: url(Images/internalmedicine.jpg); }
.clinical-services ul li.weight a{ background-image: url(Images/weightmanagement.jpg); }
.clinical-services ul li.pulmonary a{ background-image: url(Images/pulmonarymedicine.jpg); }
.clinical-services ul li.neurology a{ background-image: url(Images/neurology.jpg); }
.clinical-services ul li.occupational a{ background-image: url(Images/occupationalmedicine.jpg); }
.clinical-services ul li.laboratory a{ background-image: url(Images/laboratory.jpg); }
.clinical-services ul li.rheumatology a{ background-image: url(Images/rheumatology.jpg); }
.clinical-services ul li a, .office-locations ul li a{ font-weight: bold; text-decoration: none;}

/* Locations */
.office-locations{ display: inline; float: left; margin: 10px 0 0; overflow: hidden; }
.office-locations h2{ padding: 5px; }
.office-locations ul{ border-top: 1px solid #E29A53; display: inline; float: left; padding: 15px;}
.office-locations ul li{ display: inline; float: left; line-height: 20px; margin: 0 6px 5px 0; padding-left: 10px; width: 200px;}

/* Main */
#main{ width: 1000px; background: transparent url(Images/bg_main.gif) repeat-y center top; margin: 0 auto; }
.root #main{ width: 980px; padding: 0 10px; }
.locations #main{ position: relative; }
#main #main_left{ width: 680px; float: left; margin: 0 10px 10px; }
#main #main_left #content{ }
#main #main_left #content h1{ background: transparent url(Images/bg_heading-blue.gif) repeat-x left top; color: #fff; line-height: 42px; margin: 0 0 10px 0; padding: 0 10px; }
#main #main_right{ width: 270px; float: right; margin: 0 10px 0 0; }
#main #main_right h2{ background: transparent url(Images/bg_heading-orange.gif) repeat-x left top; color: #fff; line-height: 42px; margin: 0 0 10px 0; padding: 0 10px; }
#main #main_right h2 a{ color: #fff; }
#main #main_right h2 a:hover{ color: #ffc; text-decoration: none; }
#main #main_right dl{ margin: 0 10px 10px; }
#main #main_right dl dt{ font-size: 13px; line-height: 18px; }
#main #main_right dl dt a{ font-weight: bold; text-decoration: none; }
#main #main_right dl dd{ font-size: 11px; line-height: 16px; margin: 0 0 10px; }
#main #main_right ul{ margin: 0 10px 10px; }
#main #main_right ul li{ margin: 2px 0; }
#main #main_right ul li a{ color: #df8e40; font-weight: bold; text-decoration: none; }
#main #main_right ul li a:hover, #main #main_right ul li a:focus{ color: #6588c9; text-decoration: underline; }
#main #cta{ width: 980px; margin: 0 auto; }
#main #cta a{ width: 220px; height: 40px; background-color: transparent; background-position: left top; background-repeat: no-repeat; display: block; float: left; margin: 0; padding: 0; }
#main #cta a:hover, #main #cta a:focus{ background-position: left bottom; }
#main #cta a span{ display: none; }
#main #cta a.newpatientinfo{ background-image: url(Images/cta_newpatientinfo.gif); margin: 0 10px 0 10px; }
#main #cta a.billinginformation{ background-image: url(Images/cta_billinginformation.gif); margin: 0 10px 0 10px; }
#main #cta a.meetourproviders{ background-image: url(Images/cta_meetourproviders.gif); margin: 0 10px 0 0; }
#main #cta a.mapsdirections{ background-image: url(Images/cta_mapsdirections.gif); margin: 0; }
.featured-physician{ height: 100%; overflow: hidden; }
.doctor-info{ padding: 0 10px 10px; overflow: hidden; }
.doctor-info .details{ width: 160px; display: inline; float: right; } 
.doctor-info .details h3{ line-height: 20px; margin-bottom: 3px; }
.doctor-info .details .specialty{ color: #254D97; font-size: 11px; }
.doctor-info .details p{ font-size: 11px; margin-bottom: 5px; }
.doctor-info .photo{ width: 80px; display: inline; float: left; }
.doctor-info .photo img{ width: 100%; }
#event-wrap{ margin: 0 10px;}
#event-wrap .event{ margin-bottom: 10px;}
#event-wrap .event .date{ display: inline; float: left; font-size: 13px; font-weight: bold; margin:0 5px 20px 0; }
#event-wrap .event .eventdetails h3 a{ font-size: 13px; font-weight: bold; text-decoration: none; text-transform: capitalize; }
#event-wrap .event .eventdetails h3 a:hover{ color: #df8e40; }
/* Footer */
#footer{ width: 930px; height: 60px; background: transparent url(Images/bg_footer.gif) no-repeat center top; color: #bacbec; margin: 0 auto; padding: 30px 35px 0; }
#footer #footer_left{ float: left; }
#footer #footer_left p{ font-size: 11px; font-weight: bold; line-height: 16px; margin: 0; }
#footer #footer_left ul{ list-style: none; }
#footer #footer_left ul li{ background: transparent none; border-left: solid 1px #bacbec; display: inline; line-height: 12px; padding-left: 6px; }
#footer #footer_left ul li.firstcell{ border: 0; padding: 0; }
#footer #footer_left ul li a{ color: #bacbec; font-size: 10px; margin-right: 4px; text-decoration: none; }
#footer #footer_left ul li a:hover, #footer #footer_left ul li a:focus{ color: #df8e40; text-decoration: underline; }
#footer #footer_right{ float: right; text-align: right; }
#footer #footer_right a{ color: #bacbec; font-size: 11px; font-weight: bold; line-height: 20px; margin: 20px 0; text-decoration: none; }
#footer #footer_right a:hover, #footer #footer_right a:focus{ color: #df8e40; text-decoration: underline; }

/* Main Inner */
#main_inner{ width: 980px; _height: 280px; min-height: 280px; background: transparent url(Images/bg_main-inner.jpg) no-repeat center top; margin: 0 auto; padding: 10px; }
#main_inner #main_content{ width: 680px; display: inline; float: left; margin: 0 10px; }
#main_inner #main_sidebar{ width: 230px; display: inline; float: left; margin: 0 10px; padding: 10px; }

/* Main Content Styles */		
#main_content h1{ color: #fff; line-height: 42px; padding: 0; }
#main_content h1 a{ color: #e5a767; }
#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 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: #eee; }
#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{ padding: 5px 5px; border: 1px solid #224a95; background: #6588c9; color: #fff; font-size: 16px !important; font-weight: bold; }
#main_sidebar fieldset{ width: 190px; border: 2px solid #eab983; 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: 220px; height: 220px; overflow: hidden; margin: 20px 5px 10px 5px; border: 5px solid #df8e40; }
#main_sidebar ul{ list-style: none; }
#main_sidebar li{ font-weight: bold; }
#main_sidebar li a{ font-weight: bold; line-height: 20px; padding: 0; text-decoration: none; }
#main_sidebar li ul{ }
#main_sidebar li li, #main_sidebar ul ul li{ font-weight: normal; }
#main_sidebar li li a, #main_sidebar ul ul li a{ color: #224a95; font-size: 11px; line-height: 16px; text-decoration: none; }
#main_sidebar li a:hover, #main_sidebar li a:focus{ color: #df8e40; text-decoration: underline; }
#main_sidebar li li a:hover, #main_sidebar ul ul li a:hover{ color: #df8e40; }
#main_sidebar li.selected{ background: transparent none; padding: 0; }
#main_sidebar li.selected a{ background: #fff; border: solid 1px #ccc; color: #365c9b; display: block; margin: 0px; padding: 4px 0 4px 12px; text-decoration: none; }
#main_sidebar li.selected a:hover{ background: #365c9b; border: solid 1px #244381; color: #fff; text-decoration: none; }
#main_sidebar li.selected li a{ background: none; border: none; padding: 0; text-decoration: underline; }
#main_sidebar #quicklinks{ margin-top: 10px; }

/* Full Width Pages */
.locations #main{ background: transparent url(Images/bg_main-full.gif) repeat-y center top; }
.locations #main_inner{ width: 980px; _height: 280px; min-height: 280px; background: transparent url(Images/bg_main-inner-full.jpg) no-repeat center top; margin: 0 auto; padding: 10px; }
.locations #main_inner #main_content{ width: 960px; display: inline; float: left; margin: 0 10px; }
.locations #main_inner #main_content .menu{ margin-right: 10px; }
.locations #main_inner #main_sidebar{ width: 0; display: none; float: none; margin: 0; padding: 0; }

/* Testimonials Fix */
#testimoniallist{ }
#testimoniallist .testimonialitem{ }
#testimoniallist .testimonialitem blockquote{ width: 600px; }

/* Hacks */
#main_content .phonedir_default{ display: none; }
#hospitallocation_wrap hr{ border-bottom: dotted 1px #e3e3e3; }
#hospitallocation_wrap .hospitallocation{ width: 960px; display: inline; float: left; overflow: hidden; }
#hospitallocation_wrap .locationcontent{ width: 720px; }
#hospitallocation_wrap .locationcontent h2{ background: transparent none; border-bottom: solid 1px #ddd; border-left: solid 24px #e09247; color: #446bb0; font-weight: bold; line-height: 18px; margin: 0 0 5px; padding: 4px 0 4px 6px; }
#hospitallocation_wrap .locationcontent address{ font-size: 14px; line-height: 20px; margin: 5px 0 0 5px; }
#hospitallocation_wrap .hospitallocation .thumbnail{ margin-bottom: 5px; }
#locationDetail_wrap .locationcontent { display: inline; float: left; padding-right: 22px; width: 700px; } 
.location-list {
    display: inline;
    float: left;
    text-align: left !important;
    width: 235px;
}
.location-map {
	display: inline;
    float: right;
    width: 675px;
}
.location-map #map{ border: 2px solid #CCCCCC;
    font-family: Arial,Verdana,Sans-Serif;
    font-size: 1em;
    height: 490px;
    line-height: 1.05em;
}
#locationproximity-wrap .pager {
    clear: left;
    padding-bottom: 20px;
    padding-top: 10px;
}
.locationproximity-search{ display: none; }