@charset "UTF-8";

body { background: url(../images/global/background-main-gray-stripes.gif) repeat; }
body.hospital { background: url(../images/global/background-main-blue-stripes.gif) repeat; }

#superwrapper { margin: 0px auto; position: relative; width: 960px; }

	#header { background-color: #FFF; height: 85px; position: relative; width: 960px; } 
		#logo { left: 30px; position: relative; top: 10px; }
		#tagline { position: absolute; right: 25px; top: 30px; }
		
		#upperNav { color: #999; font-size: 11px; height: 15px; position: absolute; right: 25px; top: 5px; }
			#upperNav a { color: #999; text-decoration: none; }
				#upperNav a:hover { color: #ba222a; text-decoration: underline; }
			#upperNav a.hospital { color: #ba222a; }
			
	#navigation { position: relative; height: 49px; width: 960px; background: url(../images/global/background-main-nav-bar.png) repeat-x; }
		#navigation ul { height: 30px; padding-top: 15px; padding-left: 30px; }
			#navigation ul li { float: left; display: block; font-size: 16px; color: #FFF; padding-right: 55px; font-weight: bold;  }
				#navigation ul li a { color: #FFF; text-decoration: none; }
					#navigation ul li a:hover { color: #000; }
	
	#feature { background-color: #FFF; border-bottom: 8px solid #666; height: 415px; width: 960px; position: relative; }
		#feature.landingPage { background-color: #FFF; border-bottom: 8px solid #666; height: 255px; width: 960px; position: relative; }
		#featureContent { background-color: #FFF; border-bottom: 8px solid #ba222a; height: 160px; width: 960px; position: relative; }
		#thumbs { width: 960px; height: 160px; }
		div#feature.landingPage thumbs { height: 0px; }
		#thumbs li { width: 160px; height: 160px; }
		div#feature.landingPage li { height: 0px; }
		#slideshow { margin: 0 0px 0 0px; width: 960px; height: 255px; }


		body.hospital.home #feature { height: 255px;}
		body.hospital.home #thumbs { height: 0px;}
		body.hospital.home #thumbs li { height: 0px;}
		body.hospital.home #featureContent { height: 0px;}

		body.hospital.home #superwrapper #leftText { width: 560px; padding: 30px;}
		
		p strong.aboutCP { font-weight: bold; font-size: 14px; }
		

		#leftText.patientHome strong { font-size: 17px; font-weight: normal; color: #333; font-family: Arial, Helvetica, sans-serif; }
			#leftText.patientHome strong span { color: #ba222a; font-weight: bold; }
			#leftText.patientHome p { font-size: 14px; }
	
	#contentWrapper { background: #FFF; }
	
	#superwrapper #leftText { width: 520px; float: left; height: 260px; padding: 30px; font-family: Arial, Helvetica, sans-serif; }
		#leftText h2 { font-size: 22px; color: #444; margin-bottom: 8px; }
		#leftText p { font-size: 12px; color: #444; line-height: 22px; text-align: justify; }
		#leftText a { color: #ba222a; }
			#leftText a:hover { color: #444; }
			#leftText p em { font-style: italic; color: #999; font-size: 11px;}

			
		#homepageSidebar { width: 320px; float: right; height: 320px;}
		#homepageSidebar.patient { height: 260px; }
			#homepageSidebar { border-left: 1px #999 dotted;}
			#homepageSidebar.hospital #buttonTop { position: relative; height: 160px; background: url(../images/global/background-homepage-button-blue.jpg) repeat-x; display: block; }
			#homepageSidebar.hospital #buttonBottom { position: relative;  height: 159px; background: url(../images/global/background-homepage-button-gray.jpg) repeat-x; display: block; border-top: 1px #999 dotted; }
			#homepageSidebar h4 a { display: block; line-height: 10px;}
			#homepageSidebar.hospital h4 a { line-height: 24px;}
			#homepageSidebar.hospital a { height: 75px; width: 290px; padding-top: 63px; padding-left: 30px; text-decoration: none; font-size: 20px; font-weight: normal; color: #666; }
			#homepageSidebar img { position: absolute; right: 20px;}
				#homepageSidebar.patient img { top: 45px; }
				#homepageSidebar.hospital img { top: 60px; }
		
			#homepageSidebar.patient #buttonTop { position: relative; height: 130px; background: url(../images/global/background-homepage-button-blue.jpg) repeat-x; display: block; }
			#homepageSidebar.patient #buttonBottom { position: relative; height: 129px; background: url(../images/global/background-homepage-button-gray.jpg) repeat-x; display: block; border-top: 1px #999 dotted; }
			#homepageSidebar.patient a { height: 99px; width: 290px; padding-top: 40px; padding-left: 30px; text-decoration: none; font-size: 20px; font-weight: normal; color: #666; }
			#homepageSidebar a:hover { color: #333; }

			#homepageSidebar.patient #buttonBottom a { height: 99px; padding-top: 40px; line-height: 20px; }
			#homepageSidebar.patient #buttonTop a span { font-family: Georgia, sans-serif; font-style: italic; font-size: 15px; color: #888; line-height: 18px; top: 8px; position: relative; }
			#homepageSidebar.patient #buttonTop a { padding-top: 35px; height: 99px; }
			
		#homepage-provider a.photo { width: 480px; height: 232px; position: absolute; top: 0px; left: 0px; display: block; text-decoration: none;}
		
		#newsTicker { background: url(../images/global/background-news-ticker.jpg) repeat-x; display: block; width: 940px; height: 21px; padding: 10px; border-bottom: 1px solid #fff;}
			#newsTicker h3 { float: left; font-size: 15px; color: #444; text-transform: uppercase; margin-right: 5px; margin-top: 3px; margin-left: 10px;}
			#newsTicker ul { font-size: 11px; color: #444; font-weight: normal; margin-top: 3px; margin-left: 130px; }
				#newsTicker ul a { font-size: 12px; font-style: italic; color: #ba222a; }
				#newsTicker ul a:hover { color: #4e1e1a; }
		
		#superwrapper #leftText.testimonials, #superwrapper #leftText.benefits, #superwrapper #leftText.terms, #superwrapper #leftText.faqs, #superwrapper #leftText.news, #superwrapper #leftText.sitemap { height: auto; }
		#leftText.terms { width: 900px; }
		#leftText p { font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 8px;  }
		#leftText p.quoteGiver { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: italic; font-weight: bold; color: #ba222a; text-align: right; border-bottom: 1px #999 dotted; padding-bottom: 15px; margin-bottom: 15px; }
		#leftText p.last { border-bottom: none; }
		#leftText h3 { margin-top: 20px; color: #ba222a; }
		#leftText h3.subTitle { margin-top: 0px; font-size: 18px; font-weight: normal; color: #777; }
		#leftText h3.grey { color: #333; }
		#leftText.faqs h4 { font-size: 14px; color: #333; padding-top: 15px; }
		#leftText p.bar { margin-left: -30px; padding-top: 20px; }
		
		#leftText.news p { line-height: 16px; }
		#superwrapper #leftText.patientHome { height: 200px; }
		
		#leftText ul {   color: #ba222a; list-style-type: disc; margin: 10px 20px; }
			#leftText ul li { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; padding: 5px 0px; line-height: 18px;}
			#leftText ul li { font-size: 12px; color: #444; }
			.divider { border-bottom: 1px #666 dotted; margin: 20px 0px; }

		#leftText.sitemap ul { margin-left: 10px; clear: both; }
		#leftText.sitemap ul li { padding: 4px 0px; line-height: 15px; color: #888; font-size: 12px; font-family:Arial, Helvetica, sans-serif; list-style-type: none; }
		#leftText.sitemap ul li a { color: #333; }
		#leftText.sitemap ul li ul li { font-size: 11px; line-height: 13px; }
		#leftText.sitemap ul li ul { margin-bottom: 0px; margin-top: 3px; }
		#leftText.sitemap ul li ul li a { color: #888; }
		#leftText.sitemap ul li a:hover { color: #ba222a; }
		
		#leftText.benefits.hospital ul { margin-left: 80px; clear: both; }
		#leftText.benefits.hospital ul li { padding: 4px 0px; line-height: 15px; color: #888; font-size: 12px; font-family:Arial, Helvetica, sans-serif; }
		#leftText.benefits.hospital p.clear { margin-left: 60px; line-height: 17px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }

		#leftText ul.payment { list-style-type: none;  margin: 10px 0px; margin-left: 60px;}
			#leftText ul.payment li img { margin-top: -15px; float: left; padding-right: 10px; margin-left: -60px; }
			#leftText ul.payment li { padding-top: 10px; clear: both; padding-bottom: 30px; }	
			#leftText ul.payment li.twoLines { margin-top: 5px; padding-top: 0px; }
			#leftText ul.payment li.twoLines img { margin-top: -7px; }	
		
		.red { color: #ba222a; }
	
	#homeSidebar { width: 380px; float: right; background-color: #CCC; display: none; }
	#homeSidebar.news { background-color: #FFF; display: block; }
	#homeSidebar.patient { display: block;}
		#homeSidebar.news h2 { font-size: 22px; color: #444; margin-bottom: 0px; margin-top: 30px; }
		#homeSidebar.news h3 { margin-top: 30px; margin-bottom: 5px;}
		#homeSidebar ul { width: 360px; margin: 0px;}
			#homeSidebar ul li { height: 69px; width: 360px; background: url(../images/global/background-homepage-sidebar.png) repeat-x; font-size: 11px; color: #888; padding: 0px 10px;  }
				#homeSidebar ul li strong { font-size: 14px; color: #444; }
				#homeSidebar li.oneLine { padding-top: 25px; height: 44px;}
					#homeSidebar li.oneLine img { margin-top: -25px; }
				#homeSidebar li.twoLine { padding-top: 20px; height: 49px; }
					#homeSidebar li.twoLine img { margin-top: -20px; }	
				#homeSidebar li.threeLine { padding-top: 15px; height: 54px; }
					#homeSidebar li.threeLine img { margin-top: -15px; }	
		.benefits h3.iconTitle { padding-top: 0px; }
		.benefits h3 img { float: left; padding-right: 10px; padding-bottom: 5px; }	
		#leftText.benefits h3.patientExperience { margin-top: -3px; }
			
		div.clear { height: 0px; margin: 0px; padding: 0px; clear: both;}
		.home p.clear { height: 0px; }
		
	#supportBar { clear:both; background: url(../images/global/background-support-bar.png) repeat-x; width: 900px; height: 39px; padding: 10px 30px 10px 30px; }
		#supportBar img { position: relative; top: 13px; padding-right: 8px; }
		#supportBar h3 { margin-top: -10px; color: #444; font-weight: normal;}
		#supportBar h3 a { color: #444; text-decoration: underline; }
			#supportBar h3 a:hover { color: #ba222a; }
	
	
	#switchBar { height: 25px; background-color: #555; color: #CCC; padding: 10px 10px 10px 30px; }
		#switchBar h3 { font-weight: normal; }
		#switchBar h3 strong { font-size: 20px; }
		#switchBar img { margin-bottom: -1px; margin-left: 3px; }
			#socialMedia img { margin-left: 6px; }
#switchBar a { color: #CCC; text-decoration: none; }
		#switchBar a:hover { color: #ccc; text-decoration: underline; }
		
	#footer { height: 40px; margin-bottom: 20px; margin-top: 10px;}
		.copyright { float: left; font-size: 9px; color: #777; margin-top: 2px;}
		.bottomNav { color: #777; float: right; font-size: 11px; text-align: right; }
			.bottomNav a { color: #777; text-decoration: none; }
				.bottomNav a:hover { color: #ba222a; text-decoration: underline; }
				
	#leftText p.winningNumber { font-size: 30px; font-weight: bold; text-align: center; color: #333; font-family: Arial, Helvetica, sans-serif;}
	#leftText h3.winnerTitle { text-align: center; font-size: 20px; margin-bottom: 10px; padding-top: 15px; } 
	#leftText p.winner { font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin-top: 30px; }
	#leftText p.winner strong { font-size: 18px; font-weight: bold; color: #ba222a; }
	#leftText p.winnerCompany { text-align: center; font-size: 15px; margin-top: -4px; margin-bottom: 20px; }
	
	#leftText p.PR-contact { line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
	div.testimonials#leftText h2 em { font-size: 16px; line-height: 24px; font-weight: normal; }
	
	div#featureHome { z-index: 10000; position: relative; width: 945px; padding-top: 15px; padding-left: 15px; padding-bottom: 15px; background: #FFF; }
		div#featureHome a { }
		div#featureHome a img { margin-right: 15px; height: 194px; width: 300px; }
		
		div.video { border: 1px solid #999; width: 487px;}
		
	#socialMedia { float: right; height: 24px; position: relative; width: 120px; text-align: right; padding-right: 10px; }
	#socialMedia img { margin-top: 0px; margin-top: 3px; }
	#switchBar h3 { float: left; }
	div#facebook { margin-left: 10px; float: right; margin-top: 3px; }
	
	div.addthis_default_style { font-size: 12px; margin-bottom: 10px;}
	
	#contentWrapper div.benefits h2.caseStudy { font-size: 18px; margin-top: 20px;}

	div.benefits h2.caseStudy strong { color: #ba222a; font-size: 18px; }
	#leftText.news p a.readMore { font-style: italic; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; }
	
	#patient-form, #provider-form { display: none;}
	#patientLogin { height: 150px; }
		
		#patientLogin {  background: url(../images/global/blue-gradient-background.png) repeat-x; padding: 10px; }
		#patientLogin form { margin-top: 15px; }
		#patientLogin form input { padding: 5px 5px 5px 40px; margin-bottom: 15px; width: 230px; font-size :12px; border-top: 1px #ccc solid;  border-left: 1px #ccc solid; border-bottom: 1px #aaa solid;  border-right: 1px #aaa solid;}
		.input-prompt {
  position: absolute;
  font-weight: normal;
  font-size: 11px;
  color: #999;
  margin: 9px 0 0 40px;
}
#patientLogin h3 { color: #ba222a; }
#patientLogin form p { position: relative; }
#patientLogin p.forgot { font-size: 12px; line-height: 16px; }
#patientLogin p a { text-decoration: none; color:#ba222a;}
#patientLogin p a:hover { color: #4e1e1a; text-decoration: underline;}
#patientLogin form p img { position: absolute; left: 8px; top: 6px; }
		#patientLogin form input.button { width: 54px; height: 27px; border: none; padding: 0px; }
		
		#leftText p.disclosure { font-size: 10px; color: #999; line-height: 12px; font-family: Arial, Helvetica, sans-serif; margin-top: 20px; }