/**
 * $Header: /back.com/css/index.css 8     6/09/08 3:20p Pricea2 $
 *
 * @name	index.css
 * @package	Back.com
 * @version	$Revision: 8 $
 * @updated	$Modtime: 6/09/08 2:53p $
 * @author	Phil Robinson <phil.robinson@medtronic.com>
 */


#index #article {
	border: none;
	background: #fff;
}

/* base content styles
   ----------------------------------------*/
#index #content {
	margin: 0; 
}

#index #content p {
	margin: 0 0 .5em 10px;
	line-height: 1.5em;
	font-size: .917em;					/* 11px = 11px/12px = .917em */
}

#index #content ol,
#index #content ul {
	margin: 0;
	list-style-type: none;
	line-height: 1.5em;
	font-size: .917em;					/* 11px = 11px/12px = .917em */
}


/* section styles
   ----------------------------------------*/
#index .section {
	width: 463px;
	margin: 0 0 10px 0;
	border: 1px solid #2098fa;
}

#index .section .ruled {
	background: transparent url(/img/border_dotted_9acc35.gif) repeat-x scroll bottom left;
}

#index .section h3 {
	margin-bottom: 0;
	color: #fff;
	line-height: 27px;
	font-weight: bold;
	font-size: 12px;
}

#index .section h4 {
	margin: .5em 0 .5em 10px;
	padding: 0;
	color: #0069bf;
	line-height: 1.5em;
	font-size: 1.333em;					/* 16px = 16px/12px = 1.333em */
}

#index .section li a {
	padding-right: 10px;
	background: transparent url(/img/arrow.gif) no-repeat scroll right center;
}

/* Feature Story section */
#index .section-feature {
	background: transparent;

	/* Dustin Diaz Min-Height Fast Hack @ http://www.dustindiaz.com/min-height-fast-hack */
	min-height: 252px;
	height: auto !important;
	height: 252px;
}

#index .section-feature h4 {
	width: 250px;
	margin-bottom: .25em;
	color: #4c2a11;
	font-size: 2em;					/* 24px = 24px/12px = 2em */
	font-weight: bold;
}

#index .section-feature p {
	width: 250px;
}

/* specific Feature Stories */
#index #feature-backpain {
	background: transparent url(/img/bg_feature_backpain.jpg) no-repeat scroll -19px 28px;
}
#index #feature-backpain h4,
#index #feature-backpain p,
#index #feature-backpain a {
	color: #fff;
}


#index #feature-clinicaltrial {
	position: relative;
	background: transparent url(/img/bg_feature_clinicaltrial.jpg) no-repeat scroll 0 28px;
}
#index #feature-clinicaltrial h4 {
	position: absolute;
	top: 112px;
	left: 28px;
	width: 227px;
	color: #000;
	text-align: center;
	font-size: 18px;
}
#index #feature-clinicaltrial p {
	position: absolute;
	top: 151px;
	left: 28px;
	width: 223px;
	padding: 4px;
	text-align: center;
	font-size: 12px;
}


#index #feature-newtech {
	background: transparent url(/img/bg_feature_newtech.jpg) no-repeat scroll -12px 22px;
}
#index #feature-newtech h4 {
	width: 280px;
}


#index #feature-healthradio {
	background: transparent url(/img/bg_feature_healthradio.jpg) no-repeat scroll 0 100%;
}
#index #feature-healthradio h4,
#index #feature-healthradio	p,
#index #feature-healthradio	a {
	color: #fff;
}


#index #feature-newtechsignup {
	background: transparent url(/img/bg_feature_newtechsignup.jpg) no-repeat scroll -24px 24px;
}
#index #feature-newtechsignup h4 {
	margin-top: 34px;
	line-height: 24px;
	font-size: 18px;
}


#index #feature-rss {
	background: transparent url(/img/bg_feature_rss.gif) no-repeat scroll 265px 8px;
}


#index #feature-exercises {
	background: transparent url(/img/bg_feature_exercises.jpg) no-repeat scroll 28px 22px;
}
#index #feature-exercises h4 {
	color: #000;
}


#index #feature-lifting {
	background: transparent url(/img/bg_feature_lifting.jpg) no-repeat scroll 100% 28px;
}


#index #feature-diamtrial {
	background: transparent url(/img/bg_feature_diamtrial.gif) no-repeat scroll 0 22px;
	position: relative;
}
#index #feature-diamtrial h4 { 
	display: none;
}
#index #feature-diamtrial p {
	text-indent: -9000px;
	
}
#index #feature-diamtrial a#feature-link {
	position: absolute;
	top: 29px;
	left: 0;
	width: 463px;
	height: 220px;
}

#index #feature-ecards {
	background: transparent url(/img/bg_feature_ecards.jpg) no-repeat scroll 0 28px;
	position: relative;

}
#index #feature-ecards h4 { 
	display: none;
}
#index #feature-ecards p {
	color: #FFFFFF;
	font-size: 24px;
	line-height: 22px;
	margin: 15px;
}
#index #feature-ecards a {
	color: #FFFFFF;
	text-decoration: none;
}

#index #feature-ecards a#feature-link {
	display: none;
}

#index #feature-pregnancy {
	background: transparent url(/img/bg_feature_pregnancy.jpg) no-repeat scroll -19px 28px;
}
#index #feature-pregnancy h4,
#index #feature-pregnancy p,
#index #feature-pregnancy a {
	color: #fff;
}

#index #feature-pregnancy p {
	font-size: 12px;
}

/* About Back Pain section */
#index #section-about h4 {
	clear: left;
	margin: .5em 0 .5em 10px;
	padding-top: .625em;				/* 10px */
	background: transparent url(/img/border_dotted_9acc35.gif) repeat-x scroll 0 0;
	color: #0069bf;
	line-height: 1.5em;
	font-size: 1.333em;					/* 16px = 16px/12px = 1.333em */
	font-style: normal;
	font-weight: normal;
}

#index #section-about h4.first {
	padding-top: 0;
	background: none;
}

#index #section-about p {
	float: left;
	width: 280px;
	margin-right: 15px; 
	margin-bottom: 1.455em;				/* 16px = 16px/11px = 1.455em */
}

#index #section-about ul {
	margin: 0 0 20px 0;
}

/* Patient Stories section */
#index #section-patient {
	padding-bottom: 10px;
}

#index #section-patient .col {
	width: 215px;
	margin: 10px 0 0;
}

#index #section-patient .left {
	float: left;
	padding-right: 15px;
	background: transparent url(/img/border_dotted_9acc35.gif) repeat-y scroll top right;
}

#index #section-patient .right {
	float: right;
	margin-right: 10px;

	/* fixes the "IE Duplicates Characters" bug -- http://www.positioniseverything.net/explorer/dup-characters.html */ 
	margin-right: 10px !important;
	margin-right: -3px;
}

#index #section-patient h4 {
	margin: 0 0 .727em 10px;
	margin-top: 0;
	margin-bottom: .727em;				/* 8px = 8px/11px = .727em; */
	color: #9acc35;
	line-height: 1em;					/* 11px */
	font-size: .917em;					/* 11px = 11px/12px = .917em */
	font-weight: bold;
}

#index .section dl {
	margin: 0 10px 10px;
	padding: 0 0 5px;
	line-height: 1.455em;				/* 16px = 16px/11px = 1.455em */
	font-size: .917em;					/* 11px = 11px/12px = .917em */
}

#index #section-patient dt {
	margin: 0;
	padding: 0;
	color: #0069bf;
}

#index #section-patient dt cite,
#index #section-patient dt a {
	color: #0069bf;
	text-decoration: none;
	font-size: 1.273em;					/* 14px = 14px/11px = 1.273em */
	font-weight: bold;
}

#index #section-patient dt .adr {
}

#index #section-patient dd {
	margin-bottom: 10px;
}


/* sidebar styles
   ----------------------------------------*/
#index #sidebar {
	float: right;
	width: 190px; 
	margin: 0 0 0 10px;
	border: none;
	background: #fff;
}

#sidebar .module {
	width: 188px;
	margin: 0;
	border: 1px solid #0069bf;
	border-top: none;
	background-color: #fff;
	color: #000;
}

#sidebar .module h3 {
	height: 18px;
	margin: 0;
	padding: 10px 0 5px 10px;
	border-top: 1px solid #65DEFE;
	border-bottom: 1px solid #005499;
	background: #2098fa url(/img/bg_section_header.gif) repeat-x scroll 0 0;
	color: white;
	font-size: 12px;
	line-height: 14px;
}


/* Info Hub */
#sidebar #infohub {
	position: relative;
	width: 190px;
	height: 240px;
	margin: 0;
	padding: 0;
	background: #add366 url(/img/bg_infohub.jpg) no-repeat scroll top left;
	color: #3a4d14;
	text-align: center;
	line-height: 18px;
	font-weight: bold;
	font-size: 12px;
}

#sidebar #infohub h3 {
	margin: 0 0 26px;
	padding-top: 40px;
	color: #3a4d14;
	font-size: 14px;
}

#sidebar #infohub ul {
	width: 145px;
	margin: -24px auto 12px;
	padding: 30px 0 5px;
	border-top: 2px groove #b3ff19;
	border-bottom: 2px groove #b3ff19;
}

#sidebar #infohub ul li {
	display: inline;
	padding: 0 0 0 4px;
	border-left: 1px solid #7aad11;
	color: #3a4d14;
}

#sidebar #infohub ul li:first-child,
#sidebar #infohub ul li.first {
	border: none;
}

#sidebar #infohub ul li a {
	color: #3a4d14;
	text-decoration: none;
}

#sidebar #infohub a.button {
	display: block;
	width: 140px;
	height: 20px;
	margin: 0 auto 4px;
	padding-left: 5px;
	border: 1px solid #608021;
	background: transparent url(/img/bg_infohub_button.gif) no-repeat scroll 0 0;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
	color: #fff;
}


/* Back.com Headlines Module */
#sidebar #module-headlines {
	background-color: #0069bf;
}

#sidebar #module-headlines p#headline {
	width: 160px;
	height: 75px;
	margin: 15px auto;
	padding: 0;
	background: #2098fa url(/img/bg_headlines_bottom.gif) no-repeat scroll bottom left;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#sidebar #module-headlines p#headline a {
	display: block;
	margin: 0;
	padding: 15px;
	background: transparent url(/img/bg_headlines_top.gif) no-repeat scroll 0 0;
	color: #fff;
	text-decoration: none;
	line-height: 14px;
}


/* Back.com TV Module */
#sidebar #module-tv h3 {
	height: 22px;
	padding-top: 13px;
	border-top: 1px solid #4aa3bb;
	background: #2390d1 url(/img/bg_tv_header.jpg) no-repeat scroll 0 0;
	text-align: center;
	font-size: 24px;
}

#sidebar #module-tv h4 {
	margin: 10px;
	color: #0069bf;
	line-height: 16px;
	font-size: 14px;
}

#sidebar #module-tv p {
	margin: 10px;
	line-height: 1.25em;
	font-size: 11px;
}


/* Talk to Us! Module */
#sidebar #module-talk h4 {
	margin-bottom: 0;
	color: #000;
}

#sidebar #module-talk form,
#sidebar #module-talk p {
	margin: 10px;
	color: #0069bf;
	line-height: 1.5em;
	font-size: 11px;
}

#sidebar #module-talk form input {
	margin-bottom: -2px;
}

#sidebar #module-talk a#poll-archive {
	float: left;
	margin: 15px 0 0;
	text-decoration: none;
}

#sidebar #module-talk form #btnSubmit {
	float: right;
	margin: 10px 0;
}

#sidebar #module-talk span.ans {
	cursor: help;
}

#sidebar #module-talk img.poll-bar {
	cursor: help;
	border: 1px solid #608021;
}

#sidebar #module-talk span.poll-bar {
	display: block;
	margin: 2px 0 4px 0;
	/*width: 82px;*/
	height: 12px;
	background: #efefef;
}

#sidebar #module-talk a.poll-nav {
	margin: -10px 10px 10px;
	float: left;
	text-decoration: none;
}

#sidebar #module-talk a#poll-archive {
	float: left;
	margin: 15px 0 10px;
	text-decoration: none;
}


/* Find a Doctor Module */
#sidebar #module-finddoctor {
	height: 144px;
	background: #fff url(/img/bg_finddoctor.jpg) no-repeat scroll 100% 34px;
}

#sidebar #module-finddoctor h4 {
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
}

#sidebar #module-finddoctor p {
	margin: 0 75px 0 10px;
	line-height: 12px;
	font-size: 11px;
}


/* Ask the Doctor Module */
#sidebar #module-askdoctor h4 {
	color: #0069bf;
	line-height: 16px;
	font-size: 12px;
}

#sidebar #module-askdoctor cite {
	font-weight: bold;
}


/* miscellaneous
   ---------------------------------------------------------------------------*/
/* self-clearing floats; replaces .clearfix classes */
#index #section-about:after,
#index #section-patient:after,
#sidebar #module-talk form:after,
#sidebar #module-talk p:after
{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}