/* --------------------------------------------- */ 
/*	Caremail Plus				                         */
/*	Build start date: 2009-03-08                 */
/*	Developer: Nicolas Lazell.	                 */
/*	Agency: the Real Adventure...                */
/* --------------------------------------------- */

/* --------------------------------------------- */
/* KEY                                           */
/* --------------------------------------------- */
/* 1.	Overall Setup                            */
/* 2.	SkipLinks                                */
/* 3.	Typography		                         */
/* 4.	Wrapper                                  */
/* 5.	Navigation                               */
/* 6.	Footer		                             */
/* --------------------------------------------- */

/* 0.625  = 10px -- 16*.625  = 10					 */
/* 0.6875 = 11px -- 16*.6875 = 12					 */
/* 0.75   = 12px -- 16*.75   = 12					 */
/* 0.875  = 14px -- 16*.875  = 14					 */


/* --------------------------------------------- */
/* 1. Overall Setup                              */
/* --------------------------------------------- */
body { color: #535353;	font: 100% arial,helvetica,sans-serif; margin: 0; padding: 0; text-align: center; }

a:link, a:visited { color: #003c78; font-weight: bold; text-decoration: none; }
	a:hover, a:active { text-decoration: underline; }


/* --------------------------------------------- */
/* 2. Generics	                                 */
/* --------------------------------------------- */
.offScreen { position: absolute; margin-left: -5000px; }
.clear { clear: both; }
.basicList { list-style-type: none; margin: 0; padding: 0; }
ul.plain { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
	ul.plain li { float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #aaa;  }
		ul.plain li.last { border-right: 0 }
p.dateStamp { font-weight: bold;}
p.permalink { margin-bottom: 0; padding-top: 7px; }
	p.permalink a { font-weight: bold; color: #275a91; margin: 0; background: url(/images/common/permalinkArrow.gif) no-repeat 100% 50%; padding-right: 14px; }

.extract { margin-bottom: 18px; padding-bottom: 16px; background: url(/images/dotspace.gif) repeat-x bottom left;}
	.extract p { margin: 0 0 0 0; }
	.extract h4 { font-size: 1.5em; display: block; color: #002d6e;  margin: 0 0 8px 0; line-height: 1em;}
	.extract.emph p { margin-bottom: 0; color: #005900; }
		.extract.emph p em { font-style: normal; font-weight: bold; font-size: 1.3em; }
a img { border: 0; }


/* --------------------------------------------- */
/* x. Basic Form			                           */
/* --------------------------------------------- */

form.basicForm fieldset { border: 0; padding: 0; margin: 0; }
form.basicForm fieldset { }
form.basicForm fieldset legend { display: none; }
form.basicForm fieldset .row { display: block; padding: 2px 0; clear: none !important; clear: left; }
form.basicForm fieldset .row .label { display: block; padding-top: 0.4em; float: left; font-weight: bold; }
form.basicForm fieldset .row .field { display: block; margin: 0 0 0 100px; }
form.basicForm fieldset .row .field input { width: 200px; }
form.basicForm fieldset .row input.submit { width: auto; }
form.basicForm fieldset .row .field textarea { width: 225px; font-family: arial,helvetica,sans-serif; height: 100px; }
form.basicForm .send { width: 360px; text-align: right; }
form.basicForm .send #sendButton { float: right; }
form.basicForm acronym { cursor: help; border: 0; color: #f57b20; }

/* --------------------------------------------- */
/* 2. Skip Links	                             	 */
/* --------------------------------------------- */
/* This needs a width, height and overflow hidden to stop IE5 MAC from doing horizontal scroll */
#skipLinks,
#styleSheetSwitcher { padding: 0; position: absolute; right: 0px; top: -500em; }
	#skipLinks a:active,
	#skipLinks a:focus { position: absolute; top: 500.25em; right: 0.25em; z-index: 5; white-space: nowrap; color: #000; background: #FFF; border: 2px solid red; padding: 3px; }


/* --------------------------------------------- */
/* x. Overall Structure	                         */
/* --------------------------------------------- */
#wrapper { margin: 0 auto; padding: 0; text-align: left; width: 964px; background: #FFF;}
	/* #wrapper p { font-size: 0.75em; line-height: 1.375em; } */
#content { overflow: hidden; width: 100%;}
#page { width: 688px; _width: 688px; float: left; margin-left: 10px; _margin-left: 5px;font-size: 0.75em; }
	#page p { }
		#page p a { color: #003c78; font-weight: bold; }
	#page ul { margin: 0; padding-left: 15px; }
		#page ul li { margin: 0; padding-left: 15px; }
		#additionals { width: 227px; float: right; margin-right: 10px; _margin-right: 5px; font-size: 0.75em}
	#additionals p { }
	#additionals img.badge { margin-top: 25px; }
	#additionals .extract { padding-bottom: 16px; }

/* --------------------------------------------- */
/* Page Functions                                */
/* --------------------------------------------- */
ul#pageFunctions { list-style-type: none; margin: 0px 0 0 0; padding: 50px 0 0 0; }
	ul#pageFunctions li { margin-right: 15px; float: left; padding-left: 0}

a.printMe { display: block; padding: 5px 0; color: #E8000F !important; font-weight: bold; background: url(/images/articles/permalink/printIcon.gif) no-repeat 100% 50%; padding-right: 30px; line-height: 1.2em; }
a.articleLibrary { padding: 5px 0; display:block; color: #E8000F !important; font-weight: bold; background: url(/images/articles/permalink/rightArrow.gif) no-repeat 100% 50%; padding-right: 15px ; }

#articleInformation a.printMe { width: 6em; display: block; padding: 5px 0; color: #E8000F !important; font-weight: bold; background: url(/images/articles/permalink/printIcon.gif) no-repeat 100% 50%; padding-right: 30px; line-height: 1.2em; }

/* --------------------------------------------- */
/* 	 Header 				                             */
/* --------------------------------------------- */
#header { min-height: 160px; height: auto !important; height: 160px; background: url(/images/global/professionals.jpg) no-repeat 617px 100%; }
	#header h1 { margin: 0; padding: 30px 0 0 22px; height: 66px; }
		#header h1 img { border: 0; margin: 0; padding: 0; }
div#identity { margin: 0 0 -5px 0; _margin: 0; padding: 30px 0 0 22px;}
	div#identity img { border: 0; }
	div.tag { background: url(/images/global/tagline.gif) no-repeat 0 0; height: 13px; width: 367px; font-size: 1.25em; color: #6a90b2; letter-spacing: 0.04em; font-weight: normal; margin-left: 26px; margin-top: 18px;}

/* --------------------------------------------- */
/* 	 Header 				                             */
/* --------------------------------------------- */
#nav { font-size: 0.875em;position: relative; color: #FFF; background: #4876be url(/images/global/navBg.gif) no-repeat 100% 0; width: 100%; overflow: hidden; margin-bottom: 47px;}
	#nav ul {  list-style-type: none; margin: 0; padding: 0 28px; overflow: hidden; min-height: 48px; height: auto !important; height: 48px; }
		#nav ul li { color: #FFF; float: left; margin-right: 10px; padding: 15px 0;}
			#nav ul li a { color: #FFF; border-right: 1px solid #fff; padding-right: 10px; font-weight: bold; }
			#nav ul li.active a,
			#nav ul li a:hover { text-decoration: underline; }
		#nav ul li.last a { border-right: 0; }
	#nav #search { position: absolute; right: 10px; top: 0;}


#additionals .feedContainer { margin-bottom: 40px;}
#additionals .feedContainer p { margin: 0 0 0 0; }
#additionals h5 { font-size: 2.5em; }


/* --------------------------------------------- */
/* IR's 					 */
/* --------------------------------------------- */

#home #mainFeature h2 { background: url(/images/home/caremail_H2_WelcometoCareMail.gif) no-repeat 0 100%; width: 326px; height: 28px; }

#home h3#latestArticles { background: url(/images/home/caremail_H2_LatestArticles.gif) no-repeat 0 100%; width: 326px; height: 28px; }

h1#articleLibrary { background: url(/images/common/caremail_H2_ArticleLibrary.gif) no-repeat 0 0; height: 28px; }
h1#patientInformation { background: url(/images/patient-information/caremail_H2_PatientInformation.gif) no-repeat 0 0; height: 28px; }
h1#aboutUs { background: url(/images/about-us/caremail_H2_AboutUs.gif) no-repeat 0 0; height: 28px; }
h2#ourHistory { background: url(/images/about-us/caremail_H2_OurHistory.gif) no-repeat 0 10px; height: 28px; }
h2#furtherInformation { background: url(/images/about-us/caremail_H2_FurtherInformation.gif) no-repeat 0 10px; height: 28px; }
h2#additionalLinks { background: url(/images/about-us/caremail_H2_AdditionalLinks.gif) no-repeat 0 10px; height: 28px; }

h1#contactUs { background: url(/images/contact-us/caremail_H2_ContactUs.gif) no-repeat 0 0; height: 28px; }
h1#subscribe { background: url(/images/subscribe/caremail_H2_SubscribetoCareMail.gif) no-repeat 0 0; height: 28px; }

/* --------------------------------------------- */
/*  Charity Websites                 						 */
/* --------------------------------------------- */
#additionals h5#charityWebsites { background: url(/images/common/caremail_H2_CharityWebsite.gif) no-repeat 0 100%; height: 36px; 
display: block; color: #005900; border-top: 13px solid #005900;  margin: 0 0 15px 0; padding-top: 0.7em; letter-spacing: -0.02em; }

/* --------------------------------------------- */
/* 	Survey                           						 */
/* --------------------------------------------- */
#additionals h5#survey { display: block; color: #ff4000; border-top: 13px solid #ff4000;  margin: 0 0 15px 0; padding-top: 0.7em; letter-spacing: -0.02em; }

/* --------------------------------------------- */
/*  Health News                      						 */
/* --------------------------------------------- */
#additionals h5#healthNews { background: url(/images/common/caremail_H2_HealthNews.gif) no-repeat 0 100%; height: 28px; display: block; color: #502090; border-top: 13px solid #502090;  margin: 0 0 15px 0; padding-top: 0.25em; letter-spacing: -0.065em; }

/* --------------------------------------------- */
/*  Related Articles                 						 */
/* --------------------------------------------- */
#additionals h5#relatedArticles { display: block; color: #ff0011; border-top: 13px solid #ff0011;  margin: 0 0 15px 0; padding-top: 0.7em; letter-spacing: -0.05em; }

/* --------------------------------------------- */
/*  Templates Yay!                    					 */
/* --------------------------------------------- */

h1 { display: block; margin: 0 0 15px 0; padding-top: 0.7em; letter-spacing: -0.02em; font-size: 2em; }
h2 { font-size: 2em; display: block; margin: 0 0 15px 0; padding-top: 15px; letter-spacing: -0.065em; }
#articleIntro { width: 100%; overflow: hidden; margin-bottom: 25px; }
	#articleIntro p { margin: 0px; padding: 0 0 7px 0px; }
	#articleIntro img { border: 1px solid #003d78; float: left; margin-right: 43px;}
	#articleIntro #articleInformation { float: left; width: 326px; }
		#articleIntro #articleInformation p.intro { margin-top: 0; }
		#articleSummary { font-weight: bold; }

/* --------------------------------------------- */
/*  Homepage			                    					 */
/* --------------------------------------------- */
body#home h1 { }
body#home h3 { font-size: 2em; width: 326px; letter-spacing: -0.065em; }
#mainFeature { width: 100%; overflow: hidden; margin-bottom: 20px; }
	#mainFeature img { float: right; border: 1px solid #155185; margin-left: 30px; margin-right: 5px; margin-top: 28px;}
	#mainFeature h2 { display: block; color: #085555; border-top: 13px solid #085555; width: 326px;  margin: 0 0 15px 0; padding-top: 15px; letter-spacing: -0.02em; }
#articles h3 { display: block; color: #ec0011; border-top: 13px solid #ec0011;  margin: 0 0 15px 0; padding-top: 0.7em; letter-spacing: -0.02em; }
.colWrapper { margin-top: 50px !important; }
.colHeightContainer { min-height: 600px; height: auto !important; height: 600px; }
.col { width: 326px; float: left; margin-right: 35px; }
	.col.last { margin-right: 0; }

/* --------------------------------------------- */
/*  Articles Listing 					   						 		 */
/* --------------------------------------------- */
body#p_articles h1 { font-size: 2em; color: #ff0011; border-bottom: 13px solid #FF0011; padding: 0 0 15px 0; margin-bottom: 28px; }
	body#p_articles #articles { width: 632px; }
	#articleFilter { background: url(/images/articles/filterBg.gif) no-repeat 0 0; height: 150px; width: 632px; position: relative; margin-bottom: 25px;}

form#filter fieldset {  padding: 10px 15px 40px 15px; }
form#filter fieldset label { margin-bottom: 5px; }
form#filter fieldset legend span {display:block;position:absolute;bottom: 0;left:0px; background: #B7d2ef url(/images/articles/searchBG.gif) no-repeat 0 0; width: 632px; height: 29px; text-align: center; color: #00407f; font-weight: bold; line-height: 2em; }
form#filter fieldset .selectCol { float: left; width: 240px; }
	form#filter fieldset .selectCol.submit { float: right; width: auto; }
		form#filter fieldset .selectCol.submit input { margin-top: 30px; padding: 5px 4px; }
	form#filter fieldset .selectCol.right { float: right; width: 250px; }
form#filter fieldset .selectCol label { color: #FFF; font-weight: bold; display: block;  }
	form#filter fieldset .selectCol select { width: 230px; }


/* --------------------------------------------- */
/*  Article Permalink					  						 		 */
/* --------------------------------------------- */
body#p_article #articleIntro h1 { color: #003c78; margin-bottom: 10px; line-height: 1em; font-weight: bold; font-size: 1.5em}
body#p_article #articleIntro #sectionTitle { font-size: 2em; font-weight: bold; display: block; color: #FF0011; border-bottom: 13px solid #FF0011; margin: 0 0 8px 0; padding: 0; padding-bottom: 16px; letter-spacing: -0.02em; background: url(/images/common/caremail_H2_Article.gif) no-repeat 0 0; height: 28px;}

body#p_article #articleIntro .footnote { color: #666; font-weight: bold; margin-bottom: 8px;}

/* --------------------------------------------- */
/*  About Us                    						 		 */
/* --------------------------------------------- */
body#sitemap h1 { color: #005655; border-top: 0; border-bottom: 13px solid #005655; padding: 0 0 15px 0; margin-bottom: 8px;  }
body#sitemap h2 { color: #005655; font-size: 1.334em}
body#sitemap h3 { color: #005655; font-size: 1.167em; margin-bottom: 0; }
body#sitemap #page ul { list-style-type: none; margin: 0 0 25px 0; padding: 0; }
	body#sitemap #page ul li { margin: 0; padding: 0; }

/* --------------------------------------------- */
/*  About Us                    						 		 */
/* --------------------------------------------- */
body#about h1 { color: #005655; border-top: 0; border-bottom: 13px solid #005655;  padding: 0 0 15px 0; margin-bottom: 28px; }
body#about h2 { color: #005655; border-top: 13px solid #005655; }
body#about h3 { color: #003C92; }
#additionalLinks li a { font-weight: bold; color: #275a91; margin: 0; background: url(/images/common/permalinkArrow.gif) no-repeat 100% 50%; padding-right: 14px; }

/* --------------------------------------------- */
/*  Patient Information          						 		 */
/* --------------------------------------------- */
body#patientInformation h1 { color: #005900; border-bottom: 13px solid #005900; padding: 0 0 15px 0; margin-bottom: 28px;}
body#patientInformation h2 { color: #005800; border-top: 13px solid #005800; }
body#patientInformation h3 { color: #003C92; }
.patientInfoContactSub { font-size: 0.85em; }


.form_error { color: #FFFC1D; font-weight: bold; };

/* --------------------------------------------- */
/*  Contact Us				          						 		 */
/* --------------------------------------------- */
body { }
body#contact-us h1 { color: #005655; border-top: 0; border-bottom: 13px solid #005655; padding: 0 0 15px 0; margin-bottom: 8px;  }
body#contact-us h2 { color: #003c78; letter-spacing: normal; font-size: 1.2em;}
body#contact-us #contactForm { width: 686px; min-height: 340px; height: auto !important; height: 340px; background: #207878 url(/images/contact-us/bottomCurve.gif) no-repeat 50% 100%; margin-bottom: 50px;}
body#contact-us #contactForm form { width: 686px; width: 100%; overflow: hidden; background: url(/images/contact-us/topCurve.gif) no-repeat 50% 0; margin-bottom: 50px;}
body#contact-us #contactForm form fieldset legend { display: none; }
body#contact-us #contactForm form fieldset { color: #FFF; }

/* --------------------------------------------- */
/*  Subscribe					          						 		 */
/* --------------------------------------------- */
body#subscribe h1 { color: #15208a; border-top: 0; border-bottom: 13px solid #15208a; padding: 0 0 15px 0; margin-bottom: 8px; }
body#subscribe h2 { color: #003c78; letter-spacing: normal; font-size: 1.2em;}
body#subscribe #subscribeForm { width: 686px; min-height: 340px; height: auto !important; height: 340px; background: #555baa url(/images/subscribe/bottomCurve.gif) no-repeat 50% 100%; margin-bottom: 50px;}
body#subscribe #subscribeForm form { width: 686px; width: 100%; overflow: hidden; background: url(/images/subscribe/topCurve.gif) no-repeat 0 0; margin-bottom: 50px;}


/* --------------------------------------------- */
/* 	Subscribe Form			                         */
/* --------------------------------------------- */
form.subscribe { }
form.subscribe fieldset { width: 300px; float: left; margin: 30px 0 0 30px; _margin: 30px 0 0 15px; }
form.subscribe fieldset.right { float: right; width: 274px; margin: 30px 30px 0 0; _margin: 30px 15px 0 0; }
form.subscribe fieldset .row {  }
form.subscribe fieldset .row.privacy { margin-top: 18px; }
form.subscribe fieldset .row.submit { margin-top: 20px; }
form.subscribe fieldset .clear { clear: both; }
form.subscribe fieldset .row .label { display: block; padding-top: 0.4em; margin-bottom: 5px; float: none; font-weight: bold; color: #FFF;}
	form.subscribe fieldset .row .label label a { color: #fff; text-decoration: underline; }
	form.subscribe fieldset .row .label label input.checkbox { display: block; float: left; margin-top: 0px; }
form.subscribe fieldset .row .field { display: block; margin: 0; }
form.subscribe fieldset .row .field input { width: 268px; }
	form.subscribe fieldset .row .field input.submit { width: auto !important; }
form.subscribe fieldset .row .field textarea { width: 100%; height: 170px;}
form.subscribe fieldset .row .field select { width: 275px; }
form.subscribe fieldset .row #privacyContainer { background: #fff; height: 110px; overflow-y: scroll; color: #333; }
	form.subscribe fieldset .row #privacyContainer p { margin: 0; padding: 5px; }


/* --------------------------------------------- */
/* 	Contact Form			                           */
/* --------------------------------------------- */
form.contact { }
form.contact fieldset { width: 300px; float: left; margin: 30px 0 0 30px; _margin: 30px 0 0 15px; }
form.contact fieldset.right { float: right; margin: 30px 30px 0 0;  _margin: 30px 15px 0 0; }
form.contact fieldset .row {  }
form.contact fieldset .row.submit { margin-top: 20px; }
form.contact fieldset .clear { clear: both; }
form.contact fieldset .row .label { display: block; padding-top: 0.4em; margin-bottom: 5px; float: none; font-weight: bold; }
	form.contact fieldset .row .label label a { color: #fff; text-decoration: underline; }
	form.contact fieldset .row .label label input.checkbox { display: block; float: left; margin-top: 0px; }
form.contact fieldset .row label a { color: #fff; text-decoration: underline; }
	form.contact fieldset .row .field { display: block; margin: 0; }
form.contact fieldset .row .field input { width: 268px; }
	form.contact fieldset .row .field input.submit { width: auto !important; }
form.contact fieldset .row .field textarea { width: 100%; height: 100px;}
form.contact fieldset .row .field select { width: 275px; }
form.contact fieldset .row #privacyContainer { background: #fff; height: 110px; overflow-y: scroll; color: #333; }
	form.contact fieldset .row #privacyContainer p { margin: 0; padding: 5px; }


/* --------------------------------------------- */
/*  Utility        						 		 */
/* --------------------------------------------- */
h1.uHeading { color: #15208a; border-top: 0; border-bottom: 13px solid #15208a; padding: 0 0 15px 0; margin-bottom: 8px; }

/* --------------------------------------------- */
/*  Footer                      						 		 */
/* --------------------------------------------- */
#footer { clear: both; margin-top: 100px; margin-bottom: 60px; height: 220px; color: #777; }
	#footer p { font-size: 0.6875em; }
	#footer a { color:#666; }
	ul#footerLinks { margin-top: 28px; padding-bottom: 6px; width: 100%; overflow: hidden; font-size: 0.75em; }
	

/* --------------------------------------------- */
/* x. Generic Forms		                           */
/* --------------------------------------------- */
fieldset { border: 0; padding: 0; margin: 0; }
	acronym { cursor: help; border: 0; color: #cc0000; }

/* --------------------------------------------- */
/* x. Search Form			                           */
/* --------------------------------------------- */
form.searchForm { width:250px; }
	form.searchForm fieldset legend { display: none; }
	form.searchForm fieldset .row { padding: 12px 0; float: left; }
		form.searchForm fieldset .row input { float: left; }
			form.searchForm fieldset .row input.submit { margin-left: 5px; float: left; }

/* --------------------------------------------- */
/* x. Disclaimers			                           */
/* --------------------------------------------- */
.disclaimerContainer { display: none; }
.disclaimerContent { background: #e2e2e2; min-height: 160px; height: auto !important; height: 160px; }
.disclaimerInner { padding: 5px; }
.disclaimerContent h2 { font-size: 0.8em; }
.disclaimerContent p { font-size: 0.65em; }