/* CHS Template 1
--------------------------------------------------------
Northern Louisiana Eye Associates
Colors:		#232f84 - Dark Purple
				#585b8c - Mid Purple
				#e0e4fc - Light Blue
--------------------------------------------------------*/

html, body{ font-size: 12px; }
body{ background: #757aa3; color: #333; font-family: Arial, Helvetica, Sans-Serif; }
h1, h2, h3, h4, h5, h6{}
h1{ color: #232f84; font-size: 24px; margin: 0 0 5px 0; }
h2{ color: #585b8c; font-size: 20px; margin: 0 0 5px 0; }
h3{ color: #666; font-size: 18px; margin: 0 0 5px 0; }
h4{ color: #232f84; font-size: 16px; margin: 0 0 5px 0; }
h5{ color: #585b8c; font-size: 14px; margin: 0 0 5px 0; }
h6{ color: #666; font-size: 12px; margin: 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: #757aa3; text-decoration: none; }
a:hover, a:focus{ color: #232f84; text-decoration: underline; }

/* Structure */
#wrap{ width: 100%; min-width: 970px; background: #e0e4fc url(Images/bg_main.gif) repeat-x; border-bottom: 3px solid #585b8c; margin: 0 auto; }

/* Header Section */
#header{ width: 970px; height: 255px; margin: 0 auto; background: transparent url(Images/bg_header.jpg) no-repeat top left; }
	#header #logo{ width: 100%; height: 220px; }
		#header #logo a{ width: 300px; height: 100%; display: block; }
		#header #logo a span{ display: none; }

/* Navigation Section */
#nav{ position: relative; width: 100%; height: 40px; z-index: 10; }
	#nav ul{ margin: 0 0 0 37px; list-style: none; }
		#nav li{ display: inline; float: left; position: relative; }
			#nav a{ color: #fff; float: left; display: inline; padding: 0 6px; font-size: 16px; line-height: 40px; font-weight: bold; text-decoration: none; }
			#nav a span{ display: block; padding: 0 7px; }
			#nav a:hover, #nav a:focus{ text-decoration: underline; }
			.root #nav #nav_home, .services #nav #nav_clinical_services, .physicians #nav #nav_medical_staff, .patients #nav #nav_patient_information, .about #nav #nav_about_us, .locations #nav #nav_locations, .faq #nav #nav_faqs, .contact #nav #nav_contact_us{ background: transparent url(Images/nav.gif) repeat-x top left; }

/* Dropdowns */
#nav li div{ z-index: 20; display: none; position: absolute; top: 35px; left: -7px; width: 200px; padding: 0 0 20px 0; }
	#nav li ul{ z-index: 20; display: none; position: absolute; top: 5px; left: 0; width: 190px; margin: 0; padding: 3px 0 11px 10px; background: transparent url(Images/dropdown.png) repeat-y bottom left; _background-image: url(Images/dropdown.gif); _filter: alpha(opacity=95); }
		#nav li li{ z-index: 20; background: transparent none; margin: 0; }
		#nav li li a{ text-indent: 0; }
		#nav li.sfhover li a{ display: block; width: 175px; height: 22px; padding: 0 0 0 5px; background: transparent none; color: #666; font-size: 12px; line-height: 22px; font-weight: bold; text-align: left; }
		#nav li.sfhover li.sfhover a{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background-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{ width: 970px; background: transparent url(Images/bg_main_repeater.gif) repeat-y top left; margin: 0 auto 5px; }
#main_footer{ background: transparent url(Images/bg_main_footer.gif) no-repeat bottom left; }
	#main{ width: 100%; position: relative; background: transparent url(Images/bg_main_header.gif) no-repeat top left; overflow: hidden; }
/* Home Page */
.root #main_wrap{ background-image: url(Images/bg_home_repeater.gif); }
.root #main_footer{ background-image: url(Images/bg_home_footer.gif); }
.root #main{ background-image: url(Images/bg_home_header.gif); }
	.root #main .col-services{ width: 205px; display: inline; float: left; margin: 25px 35px 0 25px; padding: 0 0 20px 0; }
		.root #main .col-services h2{ color: #232f84; font-size: 20px; }
		.root #main .col-services ul{ list-style: square; margin: 0 0 15px; }
			.root #main .col-services ul li{ margin: 2px 0 2px 15px; color: #232f84; font-size: 10px; line-height: 16px; }
				.root #main .col-services ul li a{ color: #666; font-size: 12px; font-weight: bold; text-decoration: none; }
	.root #main .col-welcome{ width: 440px; display: inline; float: left; margin: 25px 25px 0 0; padding: 0 0 20px 0; color: #333; }
		.root #main .col-welcome .menu{ display: none; }
		.root #main .col-welcome h1{ color: #232f84; font-size: 20px; }
		.root #main .col-welcome h2{ font-size: 18px; }
	.root #main .col-cta{ width: 240px; float: left; overflow: hidden; }
		.root #main .col-cta .cta{ display: block; height: 130px; background-repeat: no-repeat; }
		.root #main .col-cta .cta span{ display: none; }
		.root #main .col-cta .cta-1{ background-image: url(Images/cta_1.jpg); }
		.root #main .col-cta .cta-2{ background-image: url(Images/cta_2.jpg); }
		.root #main .col-cta .cta-3{ background-image: url(Images/cta_3.jpg); }
/* Internal Page Structure */
	#main #main_inner{ margin: 0 25px 0 0; }
		#main #main_inner #main_content{ width: 680px;  display: inline; float: right; margin: 25px 0; }
		#main #main_inner #main_sidebar{ width: 205px; display: inline; float: left; margin: 25px 35px 0 25px; padding: 0 0 20px 0; }
/* Main Content Styles */
#main_content h1{ line-height: 30px; margin: 0; }
	#main_content h1 a{ color: #232f84; 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 #ccc; border-bottom: 2px solid #eee; background: #f1f1f1; 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; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 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: #585b8c; border-color: #757aa3; color: #fff; text-decoration: none; }
#main_content .button:hover, #main_content .button:focus{ background: #757aa3; border-color: #585b8c; color: #fff; 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{ width: 132px; height: 152px; position: relative; background: url(/Resources/Common/Images/bg_photo.jpg) no-repeat; float: left; }
	#main_content .photo img{ position: absolute; left: 5px; top: 5px; }
#main_content .thumb{ width: 72px; height: 82px; position: relative; background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat; float: left; }
	#main_content .thumb img{ position: absolute; left: 5px; top: 5px; }
/* Sidebar Styles */
#main_sidebar h2{ color: #232f84; 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{ display: none; color: #666; }
#main_sidebar #phonenumbers{ color: #232f84; font-weight: bold; line-height: 18px; margin: 10px 0; }
#main_sidebar #phonenumbers a{ color: #666; }
#main_sidebar #phonenumbers .phonedirectory{ display: none; }
#main_sidebar #map{ display: none; 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: #232f84; font-size: 10px; line-height: 16px; }
		#main_sidebar ul li a{ color: #585b8c; font-size: 12px; font-weight: bold; text-decoration: none; }
		#main_sidebar ul li a:hover, #main_sidebar ul li a:focus{ color: #232f84; 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: #757aa3; 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{ width: 940px; color: #fff; font-size: 11px; line-height: 20px; margin: 10px auto 0; padding: 0 0 20px 0; overflow: hidden; }
	#footer .left{ width: 420px; float: left; }
	#footer .right{ width: 420px; float: right; text-align: right; }
		#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{ width: 100%; overflow: hidden; list-style: none; }
			#footer .footer-nav li{ float: left; 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 */
.locations #ControlPanel{ display: none; }
#locationList h2{ display: none; }

#findLocation_wrap{}
	#findLocation_wrap #map{ width: 672px; height: 420px; margin: 10px 0 0 0; border: solid 4px #eee; }
#locationList{}
	#locationList ul{ margin: 0; padding: 0; }
	#locationList h2{ margin: 10px 0 0 0; }
	#locationList .HealthCenter, #locationList .Hospital{ background: transparent url(/Resources/Common/Images/Icons/icon_hospital.gif) no-repeat 0 7px; }
	#locationList .Clinic{ background: transparent url(/Resources/Common/Images/Icons/icon_clinic.gif) no-repeat 0 7px; }
	#locationList .location{ float: left; display: inline; width: 175px; height: 40px; margin: 5px 0 0 20px; padding: 5px 0 0 25px; border-top: dashed 1px #ccc; font-size: 10px; line-height: 12px; }
	#locationList .location .name{ color: #5C82B4; font-weight: bold; }
	#locationList .location .address{ color: #666; font-style: italic; }
	#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; }
#locationDetail_wrap{ width: 680px; }
	#locationDetail_wrap .location{ font-size: 12px; line-height: 20px; }
	#locationDetail_wrap .locationcontent{}
	#locationDetail_wrap .location .citystatezip{ margin: 0 0 10px 0; }
	#locationDetail_wrap .location a{}
	#locationDetail_wrap .gmap{ border: 4px solid #ccc; overflow: hidden; float: right; display: inline; margin: 0 0 0 10px; }
	#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; }