﻿/*==============================================
CarolinaEast Health System Stylesheet
================================================
	Design by: Cyrus Limited, Inc. - cyrusonline.com
	Author: Travis Repetto & Brandon Kidd
==============================================*/

/* Global */
html, body{ font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px; line-height: 20px; }
body{ background: #266dad; }
h1, h2, h3, h4, h5, h6, legend{}
h1{font-size: 22px; }
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
.sIFR-active h1{ line-height: 1em; margin: 0; padding-bottom: 0; visibility: hidden; }
p{ line-height: 20px; }
a{ color: #00539f; outline: none; text-decoration: none; }
a:hover{}
hr{ background: #ccc; border: none; color: #ccc; height: 1px; margin: 10px 0; }
fieldset{ border: 2px solid #ccc; padding: 10px; }
legend{}
input, select, textarea{ font-family: Arial, Helvetica, sans-serif; }
.button{ padding: 3px 8px; background: #bdb99f; border: 2px solid #bdb99f; color: #fff; font-weight: bold; }
.button:hover{ background: #eee; border: 2px solid #00539f; color: #00539f; }
.viewall, .viewall span{ font-size: 12px; font-weight: bold; text-decoration: none; }
.viewall:hover span{ text-decoration: underline; }

/* sIFR Formatting */

.sIFR-flash{ margin: 0; padding: 0; visibility: visible !important; }
.sIFR-unloading .sIFR-flash{ visibility: hidden !important; }
.sIFR-replaced, .sIFR-ignore{ visibility: visible !important; }
.sIFR-alternate{ width: 0; height: 0; position: absolute; left: 0; top: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus{ margin: 0; padding: 0; overflow: auto; letter-spacing: 0; float: none; }
.sIFR-dummy{ width: 0; height: 0; margin-left: 42px; z-index: 0; }

/* Containers */
#wrap{ min-width: 980px; background: #eee url(Images/bg_top.gif) repeat-x top center; }
#header, #main, #footer{ width: 980px; margin: 0 auto; }
#header{ height: 95px; }
	#logo{ float: left; _display: inline; width: 330px; height: 85px; margin: 0 0 0 0; background: transparent url(Images/logo.gif) no-repeat; }
		#logo span{ display: none; }
#navtop{ float: right; _display: inline; width: 200px; height: 15px; margin: 5px 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; }
#search{ float: right; _display: inline; width: 200px; height: 20px; margin: 4px 10px 0 0; background: transparent url(Images/bg_topsearch.gif) no-repeat; }
	#search .searchtext{ float: right; width: 167px; height: 18px; padding: 3px 0 0 3px; border: 0 none; background: transparent; color: #999; font-size: 12px; }
	#search .searchtext:focus{ color: #333; }
	#search .searchbutton{ display: block; float: right; width: 30px; height: 20px; background: transparent url(Images/bg_topsearchbutton.gif) no-repeat top left; color: #fff; font-size: 12px; line-height: 20px; font-weight: bold; text-align: center; }
		#search .searchbutton:hover{ background-position: bottom left; }
		#search .searchbutton span{ display: none; }

/* Nav */
#nav{ float: right; width: 600px; height: 25px; margin: 40px 0 0 0; _margin: 35px 0 0 0; }
	#nav ul{ list-style: none; }
	#nav li{ position: relative; display: inline; float: left; padding: 0; z-index: 10; }
		#nav li a{ display: block; margin: 0 5px; padding: 0 5px; color: #000; font-size: 12px; line-height: 25px; font-weight: bold; }
			#nav li a:hover{ background: transparent url(Images/bg_navseparator_hover.gif) no-repeat top left; color: #666; }
	#nav .downarrow{ color: #00539f; font-size: 9px; line-height: 20px; vertical-align: top; }

/* NavTop Selected */
body.root #navtop #nav_home,
body.events #navtop #nav_events,
body.faq #navtop #nav_faq,
body.contact #navtop #nav_contact{ font-weight: bold; text-decoration: underline; }

/* Nav Selected */
body.physicians #nav #nav_find_a_physician,
body.patients #nav #nav_patients_visitors,
body.services #nav #nav_services,
body.careers #nav #nav_career_center,
body.map #nav #nav_map_directions,
body.about #nav #nav_about{ background: #00539f; color: #fff; font-weight: bold; }

/* Nav Dropdown Indicator */
#nav #nav_patients_visitors,
#nav #nav_services,
#nav #nav_career_center{ padding-right: 12px; background: transparent url(Images/nav_dropdown_indicator.gif) no-repeat 100% 8px; }

/* Nav Dropdown Indicator Selected */
body.patients #nav #nav_patients_visitors,
body.services #nav #nav_services,
body.careers #nav #nav_career_center{ background: #00539f url(Images/nav_dropdown_indicator_selected.gif) no-repeat 100% 8px; }

/* Nav End Caps */
#nav #nav_find_a_physician{ margin-left: 0; }
#nav #nav_about{ margin-right: 0; }

/* Nav Dropdowns */
#nav li div{ display: none; position: absolute; top: 20px; left: 0px; width: 200px; _width: 180px; padding: 0 0 20px 0; background: transparent url(Images/dropdown_top.png) no-repeat top left; z-index: 20; _top: 15px; _left: 10px; _background: transparent none; }
#nav li ul{ display: none; position: absolute; top: 5px; left: 0px; width: 200px; padding: 0 0 5px 0; background: transparent url(Images/dropdown.png) repeat-y bottom left; z-index: 20; _top: 7px; _background: #eee none; _filter: alpha(opacity=95); }
#nav li li{ background: transparent none; margin: 0; z-index: 20; }
#nav li li a{ display: block; width: 182px; height: 22px; margin: 0 0 0 5px; padding: 0 0 0 7px; background: transparent none; color: #333; font-size: 12px; line-height: 22px; font-weight: normal; text-align: left; _width: 194px; _margin: 0 0 0 1px; _padding: 0 0 0 3px; }
#nav li:hover li, #nav li:hover li a{ background: transparent none; }
#nav li li:hover a{ background: #00539f none; color: #fff; font-weight: bold; }
#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; }

/* Main */
#main{ width: 980px; _height: 400px; min-height: 400px; background: transparent url(Images/bg_content_repeater.gif) repeat-y; }
.root #main{ background: transparent none; }
#main_top{ width: 100%; background: transparent url(Images/bg_content_top.gif) no-repeat; }
body.physicians #main_top{ background-image: url(Images/bg_content_top_physicians.gif); }
body.patients #main_top{ background-image: url(Images/bg_content_top_patients.gif); }
body.services #main_top{ background-image: url(Images/bg_content_top_services.gif); }
body.careers #main_top{ background-image: url(Images/bg_content_top_careers.gif); }
body.maps #main_top{ background-image: url(Images/bg_content_top_maps.gif); }
body.about #main_top{ background-image: url(Images/bg_content_top_events.gif); }
	#main_content{ _display: inline; float: right; width: 680px; margin: 10px 30px 0 0; }
	#main_sidebar{ _display: inline; float: left; width: 220px; min-height: 300px; margin: 150px 0 0 30px; }

/* Home */
#hometop{}
	#main_photo{ width: 980px; height: 295px; background: transparent url(Images/main_photo.jpg) no-repeat; }
#homebottom{ width: 100%; background: transparent url(Images/bg_home_content_repeater.gif) repeat-y; }
	#homebottom h1, #homebottom h2{ margin: 0 !important; color: #00539f; font-size: 17px; line-height: 30px; }
	#homebottom p{ margin-bottom: 10px; text-align: justify !important; }
	#homebottom a.more{ font-size: 10px; }
	#homebottom a:hover{ text-decoration: underline; }
	#homectas{ height: 135px; padding: 5px 0 0 10px; background: transparent url(Images/bg_home_content_top.gif) no-repeat; }
		#homectas a{ float: left; display: block; _display: inline; width: 290px; height: 90px; margin: 0 0 0 15px; padding: 10px 0 0 10px; cursor: pointer; }
			#homectas a:hover{ text-decoration: none; }
		#homectas img{ float: left; _display: inline; width: 80px; height: 80px; }
		#homectas .title{ float: left; display: block; width: 190px; margin: 5px 0 0 0; padding: 0 0 0 10px; color: #fff; font-size: 12px; line-height: 25px; font-weight: bold; }
		#homectas .content{ float: left; display: block; width: 190px; margin: 5px 0 0 0; padding: 0 0 0 10px; color: #666; font-size: 11px; line-height: 14px; }
	#homebottomleft{ float: left; _display: inline; width: 230px; margin: 0 20px 0 30px; }
		#latestnews .article{ margin-bottom: 15px; }
		#latestnews .title{ font-weight: bold; line-height: 16px; }
		#latestnews .date{ margin: 0 0 5px 0; color: #999; font-size: 11px; line-height: 12px; font-weight: bold; }
		#latestnews p{ font-size: 11px; line-height: 15px; }
	#homebottomcenter{ float: left; _display: inline; width: 380px; margin: 0 20px 0 20px; }
		#homebottomcenter p{ line-height: 20px; }
	#homebottomright{ float: left; width: 230px; margin: 0 0 0 20px; }
		#homebottomright ul{ list-style: square; padding: 0 0 0 15px; }
		#homebottomright li{ margin: 0 0 5px 0; color: #666; font-size: 10px; line-height: 14px; }
		#homebottomright li a{ font-size: 12px; font-weight: bold; }

/* Font Sizer Custom */
.menu .font_sizer .font_normal,
.menu .font_sizer .font_medium,
.menu .font_sizer .font_large{ background: transparent none; border: 0 none; margin: 0; padding: 1px 3px; color: #00539f; font-weight: bold; text-decoration: none; }
	.menu .font_normal{ font-size: 10px; }
	.menu .font_medium{ font-size: 14px; }
	.menu .font_large{ font-size: 18px; margin-right: 0; }
.root .menu{ display: none; }

/* Main Content Styles */
#main_content{}
	#main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content h6{ margin: 0 0 5px 0; }
	#main_content h1{ height: 30px; margin: 5px 0 30px 0; color: #00539f; }
	#main_content h2{ color: #666; }
	#main_content h3{ color: #00539f; }
	#main_content h4{ color: #666; }
	#main_content h5{ color: #00539f; }
	#main_content h6{ color: #666; }
	#main_content p{ margin: 0 0 20px 0; text-align: left; }
	#main_content p a{ text-decoration: underline; }
		#main_content p a:hover{ text-decoration: none; }
	#main_content fieldset{ border: 2px solid #eee; padding: 5px 10px; }
		#main_content legend{ color: #666; font-size: 16px; font-weight: bold; }
	#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: square; margin: 0 0 10px 10px !important; padding-left: 10px; }
	#main_content ol{ margin: 0 0 20px 25px; }
	#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{ margin: 0 0 20px 5px; padding: 0 0 0 12px; border-left: 3px solid #ddd; color: #666; line-height: 20px; text-align: left; 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; color: #999; }
	#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{}
	#main_sidebar h2{ margin: 10px 0 5px 0; border-bottom: 1px solid #ccc; color: #00539f; font-size: 18px; line-height: 24px; }
		#main_sidebar ul{ margin: 5px 0; list-style: none; }
			#main_sidebar ul li{ margin: 0 0 0 15px; }
				#main_sidebar ul li a{ color: #094fa4; font-size: 14px; font-weight: bold; }
#sidemenu{ margin: 10px 0 10px 0; padding: 5px; }
	#sidemenu h2{ margin: 0 0 5px 0; padding: 2px 4px; background-color: #00539f; color: #fff; font-size: 18px; }
	#sidemenu ul{ margin: 0; padding: 0 0 0 0; list-style: square; }
		#sidemenu li{ margin: 0 0 5px 5px !important; padding: 0; color: #bdb99f; font-size: 10px; line-height: 16px; font-weight: bold; }
		#sidemenu li a{ color: #00539f !important; font-size: 14px !important; }
		#sidemenu li a:hover{ text-decoration: underline; }
		#sidemenu li ul{ margin: 0 0 8px 8px; padding: 0; list-style: square; }
			#sidemenu li li{ color: #999; }
			#sidemenu li li a{ color: #666 !important; font-size: 12px !important; }
				#sidemenu li li a:hover{ }
	#main_sidebar #quicklinks.control_container ul{ margin: 5px; padding: 0 0 10px 0; list-style: square; }
		#main_sidebar #quicklinks.control_container li{ color: #bdb99f; font-size: 10px; }
		#main_sidebar #quicklinks.control_container li a{ color: #00539f; font-size: 14px; line-height: 20px; font-weight: bold; }
		#main_sidebar #quicklinks.control_container li a:hover{ color: #666; }
	#main_sidebar fieldset{ display: none; margin: 0 0 10px 0; border: 4px solid #eee; }
	#main_sidebar legend{ color: #00539f; font-size: 16px; font-weight: bold; }
#main_sidebar #quicklinks.control_container{ margin: 0 0 10px 0; }
	#main_sidebar #quicklinks.control_container h2{ margin: 0 0 5px 0; padding: 2px 4px; color: #666; font-size: 18px; }
	#main_sidebar #quicklinks.control_container ul{ margin: 0; padding: 0 0 0 15px; list-style: square; }
		#main_sidebar #quicklinks.control_container li{ margin: 0 0 0 5px !important; }
#main_sidebar p{ margin: 0 5px 10px 5px; }

/* Footer */
#footer_wrap{ background: #266dad url(Images/bg_footer_wrap.gif) repeat-x top left; }
#footer{ height: 95px; background: transparent url(Images/bg_footer.gif) no-repeat top left; color: #fff; font-size: 11px; line-height: 11px; }
.root #footer{ background: transparent url(Images/bg_home_footer.gif) no-repeat top left; }
#footerleft{ float: left; width: 50%; }
#footerright{ float: right; width: 50%; }
	#footer a{ color: #fff; }
	#footer a:hover{ color: #ccc; text-decoration: underline; }
	#footernav{ margin: 30px 0 0 30px; }
		#footernav ul{ width: 345px; list-style: none; }
		#footernav li{ display: inline; float: left; margin: 0; padding: 0; line-height: 10px !important; }
			#footernav li a{ display: block; margin: 0 0 0 0; padding: 0 5px 0 6px; border-left: 1px solid #999; font-size: 11px; line-height: 11px; }
				#footernav li .firstlink{ padding: 0 5px 0 0; border: 0 none; }
	#poweredby{ height: 11px; margin: 10px 0 0 30px; }
		
	#copyright{ margin: 30px 30px 0 0; text-align: right; }
	#footeraddress{ margin: 10px 30px 0 0; text-align: right; }

/* Titlebar w/ Sorting */
.titlebar{}
	.titlebar h2{ padding: 3px; background: #f1f1f1; }
	.titlebar .sortby{ top: 3px; _top: 5px; right: 5px; }

/* Contact Page */
	#main_sidebar address{ line-height: 18px; }
	#main_sidebar #phonenumbers{ margin: 10px 0 0 0; color: #666; line-height: 18px; font-weight: bold; }
	#main_sidebar #map{ width: 196px; height: 200px; overflow: hidden; margin: 20px 0 10px 0; border: 2px solid #ccc; }
.form_general{}
	.form_general textarea.text{ width: 480px; }
	.form_general .privacy{ border: 2px solid #ddd; background: #f1f1f1; }

/* Spotlight Section */
#physDetail .physSide{ width: 135px; }
#physDetail .physMain{ width: 445px; _margin: 0 0 0 10px; }
