﻿/*  ----------------------------- 
	TOP TITLE
    ----------------------------- */
#Header{background: url(/PublishingImages/site/health_library/header_back-healthinfo.gif) repeat-x 0 0;}

/*  -----------------------------
	SECTION HEADING (e.g. About Us, Search Results, etc.)
    ----------------------------- */

#headertitle {
	/* display: block; 
	height: 44px; */
	background: #569CA2 url(/PublishingImages/site/health_library/header_back-healthinfo.gif) repeat-x top left;
	}

#headertitle h2 {
	margin: 0;	
	padding: 44px 0 0 0;
	overflow: hidden;
	background-image: url(/PublishingImages/site/health_library/header-healthinfo.gif);
	background-repeat: no-repeat;
	height: 0px !important;
	height /**/:44px;
	}

/*  ----------------------------- 
	SECOND LEVEL NAVIGATION
    ----------------------------- */
	
.secondaryNavSet {
	border-top: .5em solid white;
	border-bottom: 1px solid #92DBE2;
	background-color: #CDEFF2;
	}

	.secondaryNavSet ul {
		}
		
	.secondaryNavSet li {
		}
	
	.secondaryNavSet ul a:link,
	.secondaryNavSet ul a:visited {
		color: #569CA2;
		}
	.secondaryNavSet ul a:hover,
	.secondaryNavSet ul a:active {
		color: #666;
		}

/*  -----------------------------
	CONTACT AREA
    ----------------------------- */

#contactUs {
	border-top: .5em solid #92DBE2;
	border-bottom: 1px solid #92DBE2;
	background-color: #CDEFF2;
	}

#RLOtherOuter, #RLChatOuter, #side-phone, #side-chat, #side-reqapt, #side-map {
	border-bottom: 1px solid #92DBE2;
	}
	
#RLPhoneNumberLink {
	color: #86BDC2;
	}

.RLPhoneNumberFooter {
	color: #86BDC2;
}

#RLdropmenuUSLocationsOuter select {
	background-color: #E6F7F8;
	border: 1px solid #92DBE2;
	}

/* Updated Contact Us Area Color Styles

li.phone_icon {
background: url(/PublishingImages/site/common/cta_images/phone_icon_blue.gif) no-repeat 0 0;
padding-left: 20px;
}
li.chat_icon {
background: url(/PublishingImages/site/common/cta_images/chat_icon_blue.gif) no-repeat 0 0;
padding-left: 20px;
}
li.appt_icon {
background: url(/PublishingImages/site/common/cta_images/appt_req_icon_blue.gif) no-repeat 0 0;
padding-left: 20px;
}
li.email_icon {
background: url(/PublishingImages/site/common/cta_images/email_icon_blue.gif) no-repeat 0 0;
padding-left: 20px;
}
li.refer_icon {
background: url(/PublishingImages/site/common/cta_images/refer_pat_icon_blue.gif) no-repeat 0 0;
padding-left: 20px;
}
div#talk_callout {
background-color: #EDFAFB;
border-color: #86BDC2;
} */

/*  -----------------------------
	THIRD LEVEL MENU
    ----------------------------- */

#ThirdNavigation a
{	color:#569CA2;}
#ThirdNavLeft li, #ThirdNavRight li
{	background:url(/PublishingImages/site/common/navArrow-turquoise.jpg) no-repeat 0% 50%;}

/*  -----------------------------
	FOURTH LEVEL MENU
    ----------------------------- */
#FourthNav
{	color:#333;background-color:#83d6de;}
#FourthNavHeader
{	color:#fff;background: #67c0c7 url(/PublishingImages/site/health_library/refine_header_back.gif) repeat-x 0 0;}
#FourthNav a
{	color:#fff;}

/*  ----------------------------- 
	ASSISTED MEDICAL HELP
    ----------------------------- */
	
#asstMedSearch a {
	background: url(/PublishingImages/site/common/navArrow-blue.gif) no-repeat 100% .40em;
	}

#asstMedSearch a:hover {
	color: #569CA2;
	}

/*  ----------------------------- 
	CLINIC LOCATIONS
    ----------------------------- */
#findLocations
{	background-color:#D2EFF6; border-top: solid 8px #A8E0EE; border-bottom: solid 1px #9BCAEA;}
#findLocationsTitle
{	color:#363534;}
#findLocationsContent, #findLocations label 
{	color:#363534;}
.dropmenu
{	color:#666;background-color:#F2F5F9;border: solid 1px #8F9BA5;}

/*  ----------------------------- 
	E CLEVELAND CLINIC TOOLS
    ----------------------------- */
#becomePatientControl a 
{	color:#666;}

/*  ----------------------------- 
	EVENTS AND CLASSES 
    ----------------------------- */
#Calendar
{	border: solid 1px #ccc }
.arrowAlignLeft
{	background: url(/PublishingImages/site/health_library/CalNavLeftArrow.gif) no-repeat 47% 55%;}
.arrowAlignRight
{	background: url(/PublishingImages/site/health_library/CalNavRightArrow.gif) no-repeat 50% 55%;}
.CalHeader
{	color:#084585; background-color:#D2EFF6;}
.CalDayOfWeek
{	color:#CBCBCB;}
.CalDay
{	color:#CBCBCB;}
.CalTitle
{	color:#084585; }
.CalSubTitle
{	color:#363534; }
.CalDivider
{	border-bottom:solid 1px #ccc;}
.CalMore 
{	background: url(/PublishingImages/site/health_library/calMoreRghtArrow.gif) no-repeat 72% 17%;}

/*  ----------------------------- 
	A TO Z CONTAINER 
    ----------------------------- */

#bottomControls {
	margin-top: 1.75em;
	margin-bottom: 1.75em;
	padding-left: 1.75em;
	}

/*  ----------------------------- 
	CONTENT 
    ----------------------------- */
#contentArticle h5 {
	color: #569CA2;
}
#content_title
{padding:0px 0 0px 10px;}
#content_SectionTitle
{padding:20px 0 0px 10px;}
#content_title, #content_subtitle, #content_intro
{ color:#363534;}
.content_GroupTitle
{	font: normal  92%/180% Georgia,Times,serif; color:#3998D5}
.content_NormalText
{	font: normal  72%/140% Arial, Helvetica, Sans-serif; color:#363534;}
.content_TitleText
{	font: bold 92%/180% Arial, Helvetica, Sans-serif; color:#363534;}
.content_NormalText span
{	 font-weight:bold;}
#intro
{ padding: 20px 0 0px 0}
.bottomLinks a
{	font: normal  84%/120% Arial, Helvetica, Sans-serif;color:#084585;}

/*  ----------------------------- 
	FEATURED BOX / RELATED LINKS BOX
    ----------------------------- */
.relatedLinksHeader 
{	background: url(/PublishingImages/site/health_library/header_back.gif) repeat-x;}
#relatedLinksRowOne
{	background-color:#9C8D98}
#content_SectionTitle
{	font: normal 140%/24px Arial, Helvetica, Sans-serif;color:#69CBE3}


/*  ----------------------------- 
	RELATED LINKS 
    ----------------------------- */
#relatedTopSpace, #relatedLinksTypeOne
{	background-color:#9C8D98;}
.relatedLinksHeader 
{	padding: 6px 0 6px 15px;
	color:#fff;background: url(/PublishingImages/site/health_library/header_back.gif) repeat-x;}
#relatedLinksTypeOne h2
{	color:#fff}
#relatedList1,#relatedList2, #relatedList3
{	background:#FFF;border:1px solid #AF9FAA;}
#relatedList1 a, #relatedList2 a, #relatedList3 a
{	color:#666;}
#relatedLinksTypeTwo
{	background-color: #aa8fad;}
#relatedLinksTypeTwo h2
{	color:#52394B}
#relatedLinks1 a, #relatedLinks2 a, #relatedLinks3 a
{	color:#fff;}
.relatedLinksInfoMore a
{	color:#363534;}
		
/*	-----------------------------
	HEALTH TOPICS BOX (Above AtoZ)
	----------------------------- */
	
	#AtoZGroup #AtoZIntro {	
		background-color: #c3c3af;
	}
	
	#AtoZHeader {
		background-color: #f4f4f2;
		width: 34.875em;
	}

	#AtoZHeader h2 {
		margin: 0;
		padding: .5em 1.75em;
		font-size: .875em;
		font-weight: bold;
		letter-spacing: normal;
		background: #abac8a url("/PublishingImages/site/health_library/feat_hd1.gif") repeat-x top left;
		color: #fff;
	}
	
	#AtoZHeader .column {
		float: left;
		width: 17.375em;
	}

	#AtoZHeader .containedList {
		margin: 0 1.75em 0 1.75em;
		padding: 0;
	}

		#AtoZHeader .containedList h3 {
				margin: 0;
				padding: 1.625em 0 .625em 0;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: .875em;
				letter-spacing: normal;
				color:#363534;
		}

		#AtoZHeader .containedList ul {
			height: 7.5em;
			margin: 0 auto 1em auto;
			padding: .0em 0 .4em .4em;
			overflow: auto;
			border: 1px solid #CCC;
			font-size: .75em;
			background: #FFF;
			}
			
		#AtoZHeader .containedList ul a:link,
		#AtoZHeader .containedList ul a:visited {
			text-decoration: none;
		}

		#AtoZHeader p a:link,
		#AtoZHeader p a:visited {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: .75em;
		}
		
		#AtoZHeader p {
			margin: 0 1.75em 1.375em 1.75em;
			padding: 0;
		}
		
/*	-----------------------------
	Landing Page Content Styles
	----------------------------- */
	
#contentArticle .landingInfobox {
	width: 35.25em;
	border: 1px solid #ccc;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #363534;
}

	#contentArticle .landingInfobox a {
		font-weight: bold;
	}

	#contentArticle .landingInfobox a:link,
	#contentArticle .landingInfobox a:visited {
		color: #007ac9;
	}
	
	#contentArticle .landingInfobox a:hover,
	#contentArticle .landingInfobox a:active {
		color: #666;
	}

	#contentArticle .landingInfobox .column {
		float: left;
		width: 17.625em;
	}
	
	#contentArticle .landingInfobox .relatedSections {
		background-color: #c5e9f1;
	}
	
		#contentArticle .landingInfobox .relatedSections h4 {
			margin: 0;
			padding: .5em 1em;
			background-color: #6dc8dd;
			font-size: .875em;
			color: #fff;
		}
		
		#contentArticle .landingInfobox .relatedSections .relatedSectionsContent {
			margin: 1em;
			padding: .5em;
			height: 5.75em;
			background-color: #dcf2f7;
			color: #363534;
		}
		
		#contentArticle .landingInfobox .relatedSections .relatedSectionsContentExp {
			margin: 1em;
			padding: 1em 1em 1em 1em;
			background-color: #dcf2f7;
			color: #363534;
		}
		
	#contentArticle .landingInfobox p {
		clear: left;
		margin: 0;
		padding: 0;
		font-size: .75em;
		line-height: 1.5em;
	}
	
	#contentArticle .landingInfobox dl.relatedDates {
		margin: 0;
		padding: 0;
		font-size: .75em;
	}
	
		#contentArticle .landingInfobox dl.relatedDates  dt {
			float: left;
			clear: left;
			padding: .25em 0;
		}

		#contentArticle .landingInfobox dl.relatedDates  dd {
			float: left;
			padding: .25em 0;
			font-weight: bold;
		}
	
	#contentArticle .landingInfobox .relatedInfobox .column {
		padding: 1em 0;
		width: 17.625em;
	}
	
	#contentArticle .landingInfobox .relatedInfo {
		margin: 0;
		padding: 0 1em;
	}
	
		#contentArticle .landingInfobox .relatedInfoContent {
			padding: .5em;
		}
		.relatedInfoContent h4{
			clear:both;
		}
		
		div > div.column:first-child > .relatedInfo {
			border-right: 1px solid #ccc;
		}
		
		#contentArticle .landingInfobox .relatedInfoContent + .relatedInfoContent {
			border-top: 1px solid #ccc;
		}
		
		#contentArticle .landingInfobox .relatedInfo h4 {
			margin: 0;
			padding: 0 0 1em 0;
			font-size: .875em;
			color: #6ec7dc;
		}

		#contentArticle .landingInfobox .relatedInfo h5 {
			margin: 0;
			padding: 0;
			font-size: .75em;
			color: #363534;
		}

		#contentArticle .landingInfobox .relatedInfo h6 {
			margin: 0;
			padding: 0;
			font-size: .688em;
			line-height: 1.1em;
			color: #007ac9;
		}
		
		#contentArticle .landingInfobox .relatedInfo p {
			margin: .5em 0;
			padding: 0;
		}
		
		#contentArticle .landingInfobox .relatedInfo p a {
			white-space: nowrap;
		}

		#contentArticle .landingInfobox .relatedInfo ul {
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: .75em;
		}
	
.previewArticles {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

	.previewArticles dt img {
		float: left;
		margin: 0 0 .5em 0;
		padding: 0 1em 0 0;
	}
	
	.previewArticles dt {
		clear: both;
		font-size: .75em;
		font-weight: bold;
		line-height: 1.5em;
	}
	
	.previewArticles dd {
		margin: 0 0 1em 72px;
		padding: 0;
		font-size: .75em;
		line-height: 1.5em;
	}
	
#contentArticle .landingInfobox {
	margin-top: 1em;
	width: 34.75em;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	color: #363534;
}

	#contentArticle .landingInfobox a {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	#contentArticle .landingInfobox p {
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#contentArticle .landingInfobox a:link,
	#contentArticle .landingInfobox a:visited {
		color: #007ac9;
	}
	
	#contentArticle .landingInfobox a:hover,
	#contentArticle .landingInfobox a:active {
		color: #666;
	}
	
	#contentArticle .landingInfobox ul {
		margin: 0 0 .5em 0;
		padding: 0;
		list-style: none;
		font-size: .75em;
	}

	#contentArticle .landingInfobox .column {
		float: left;
		width: 17.375em;
	}
	
	#contentArticle .landingInfobox .relatedSections {
		background-color: #c5e9f1;
	}
	
		#contentArticle .landingInfobox .relatedSections h4 {
			margin: 0;
			padding: .5em 1em;
			background: #6dc8dd url("/PublishingImages/site/health_library/feat_hd2.gif") repeat-x top left;
			font-size: .875em;
			font-weight: bold;
			color: #fff;
		}
		
		#contentArticle .landingInfobox .relatedSections .relatedSectionsContent {
			margin: 1em;
			padding: .5em;
			height: 5.75em;
			background-color: #dcf2f7;
			color: #363534;
		}
		
		#contentArticle .landingInfobox .relatedSections .relatedSectionsContent h5 {
			margin: 0;
			padding: .5em 1em;
			font-size: .875em;
			font-weight: bold;
			color: #000;
		}
		
	#contentArticle .landingInfobox p {
		clear: left;
		margin: 0;
		padding: 0;
		font-size: .75em;
		line-height: 1.5em;
	}
	
	#contentArticle .landingInfobox dl.relatedDates {
		margin: 0;
		padding: 0;
	}
	
		#contentArticle .landingInfobox dl.relatedDates  dt {
			padding: 0;
			font-size: .625em;
		}

		#contentArticle .landingInfobox dl.relatedDates  dd {
			margin: 0;
			padding: 0 0 .188em 0;
			font-size: .75em;
			font-weight: bold;
		}
		
		#contentArticle .landingInfobox ul.relatedDates li {
			padding: .2em 0;
		}
		
		#contentArticle .landingInfobox ul.relatedDates .eventName {
			font-weight: bold;
		}
		
		#contentArticle .landingInfobox ul.relatedDates .eventDate {
			padding-right: .45em;
			font-size: .85em;
			font-weight: normal;
		}
	
	#contentArticle .landingInfobox .relatedInfobox {
		margin: 0 0;
		padding: 0 0;
	}
	
	#contentArticle .landingInfobox .relatedInfobox .column {
		width: 17.3em;
	}
	
	#contentArticle .landingInfobox .relatedInfo {
		margin: 0;
		padding: 0 1em;
	}
	
		#contentArticle .landingInfobox .relatedInfoContent {
			padding: .5em;
		}
		
		div > div.column:first-child > .relatedInfo {
			border-right: 1px solid #ccc;
		}
		
		#contentArticle .landingInfobox .relatedInfoContent + .relatedInfoContent {
			border-top: 1px solid #ccc;
		}
		
		#contentArticle .landingInfobox .relatedInfobox h4 {
			margin: 0 0 .5em 0;
			padding: 0 0 0 0;
			font-size: .875em;
			font-weight: bold;
			color: #6ec7dc;
		}

		#contentArticle .landingInfobox .relatedInfo h5 {
			margin: 1em 0 0 0;
			padding: 0;
			font-size: .75em;
			font-weight: bold;
			color: #363534;
		}

		#contentArticle .landingInfobox .relatedInfo h6 {
			margin: 0;
			padding: 0;
			font-size: .688em;
			line-height: 1.1em;
			font-weight: bold;
			color: #007ac9;
		}
		
		#contentArticle .landingInfobox .relatedInfo p {
			margin: .5em 0;
			padding: 0;
		}

/*  -----------------------------
	NEWS AND EVENTS
	=newsandevents
    ----------------------------- */

#newsEvents {
	clear: both;
	float: none;
	display: block;
	width: auto;
	}
	
#newsEvents h2 {
	margin: 0 0 .85em 0;
	padding: 0;
	font-size: 1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #363534;
}

#newsEvents dl {
	margin: 0;
	padding: 0;
	}

#newsEvents dl dt {
	padding-bottom: .375em;
	font-size: .75em;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	line-height: normal;
	}

#newsEvents dl dt a:link,
#newsEvents dl dt a:visited {
	display: block;
	text-decoration: none;
	}

#newsEvents dl dt a:hover,
#newsEvents dl dt a:active {
	color: #084585;
	}

#newsEvents dl dd {
	margin: 0;
	padding: 0 0 1em 0;
	font-size: .75em;
	font-family: Arial, Helvetica, Sans-serif;
	}
	
#newsEvents dl dd a:link,
#newsEvents dl dd a:visited {
	display: block;
	text-decoration: underline;
	}

/* Left Nav Chat Link */

span#RLChatLink p {
padding: .2em 0 .2em 1.9em;
margin: 0 0 .2em 0;
background: url(/PublishingImages/site/common/chat_icon_hic.gif) no-repeat 0 center;
text-decoration: underline;
}

/* Design Test Background Images */

div.survey_body div.screenshots p.sample_1 {background: url(/PublishingImages/site/design_test/hic_sample_1.gif) no-repeat;}
div.survey_body div.screenshots p.sample_2 {background: url(/PublishingImages/site/design_test/hic_sample_2.gif) no-repeat;}
div.survey_body div.screenshots p.sample_3 {background: url(/PublishingImages/site/design_test/hic_sample_3.gif) no-repeat;}
