/* CSS for DMP Update */

/* print changes */
#breadcrumb { display: none;}

#chapter_links { display: none;}

a.backtop_links { font-size: .9em;}
a.more { font-weight: bold; padding-right: 1.5em; background: url("/images/elements/grayarrow.jpg") no-repeat 100% .05em;}	
a:hover.more { background-image: url("/images/elements/grayarrow_down.jpg");}

.printImage { display: inline;}
div.dmpimage-right { display: none;}
div.dmpimage-left { display: none;}
div.dmpimagecaption { display: none;}

/* CSS */
table.article { border: 1px solid #ccc;}
.article th { padding: 3px 0 3px 10px; background-color: #91aa95; font: bold Arial, Helvetica, sans-serif; text-align: left; color: #fff;}
.article tr td { vertical-align:top; padding: 6px 10px;}
.article tr.even td { background-color: #e9eeea;}
.article tr.subhead td { background-color: #e7e7dd;}

/* section id's */
#reference { margin: 0px; border-top: 1pt solid #ccc; border-bottom: 1pt solid #ccc; padding-top: 10px; padding-bottom: 10px;}
.references li { padding-bottom: 12px;}

#nav-masthead { display: none;}

/* used for publish date - 2010 edition and beyond */
.masthead { padding: 3px; margin-left: 12px; width: 212px; background: #fff; font: bold .8em Arial, Helvetica, sans-serif;}

/* anchor tag content links */
/* different from meded.com stylesheet */
h1 { margin: 0; padding: 0 0 .4em 0; font-family: "News Gothic Std", Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 1.65em; color: #434241;}
h2 { margin: 0; padding: 0; font: 1.25em Georgia, "Times New Roman", Times, serif; color: #434241; letter-spacing: -.025em;}
h3 { margin: 0 0 .8em 0; padding: .1em 0 0 0; font: 1.2em Georgia, "Times New Roman", Times, serif; color: #434241;}
h4 { font: bold 1.0em/1.2em  "News Gothic Std", Arial, Helvetica, Sans-serif; margin: 0; padding: 1em 0 0 0; color: #434241;}
h5 { font: bold italic .85em/.90em Arial, Helvetica, sans-serif; margin: 0; padding: .8em 0 0 0; color: #434241;}
h6 { font: bold .85em Arial, Helvetica, sans-serif; margin: 0; margin-bottom: .5em; padding: 0; color: #434241;}

#content p, #content ul, #content ol, #content td, #content th { font-size: .75em; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em;}
#content table td ol, #content table td ul {font-size: .78em; }

#content ul li p, #content ol li p, #content td p, #content th p,
#content ul ul, #content ol ol, #content ul ol, #content ol ul { font-size: 1em; font-family: Arial, Helvetica, Sans-Serif; line-height: 1.4em;}
#content td h4 {font: bold 1.25em/1em  "News Gothic Std", Arial, Helvetica, Sans-serif; margin: 0; padding: 1em 0 0 0; color: #434241;}
 
#content p { margin-top: .75em; }
.grayborder { border-bottom: solid 1pt #CCCCCC;}
#content p.blockquote { margin: 0 0 .1em 0; padding: .1em 0 0 0; font: 1.1em Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; color: #683f5c;} 
#content .tableRef { font: .78em "News Gothic Std", Arial, Helvetica, Sans-serif; margin: 0; padding: 0;}

/* gray introductory text */
#content p.pageintro { margin: -.6em 0 1em 0; padding: 0; font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.6em; /* 160% */ color:#666;}

.page_author {/* have been using this to denote the author of an article or information page, when listed near the page title - see the Mitral Valve page for example */
	margin:0;
	padding:.25em 0 0 .25em;
	font:.92em/110% Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#contentArticle .pullquote { font: italic .8em/1.5em Georgia, "Times New Roman", Times, serif; color: #999;}

/* for text formulas */
#content .formula { font: bold 1.0em Georgia, "Times New Roman", Times, serif; color: #999;}

.page_subtitle2 {/* used for a smaller sub-subtitle underneath the subtitle of a page - see Atrial Fib. page for example */
	margin:0;
	padding:.25em 0 0 .25em;
	font:.92em/110% Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.page_date {/* used for the date of an article or information page, if listed */
	font-style:italic;
}
.content_copyright {/* some news releases have Copyright Disclaimers *IN* the content. Keeping them around for the moment; at least if we can give them a class, it'll be easy to automatically scrub them out later */
	font-style:italic;
}
.content_disclaimer {/* used to denote the following disclaimer when it apperas in content: "(*a new browser window will open with this link. The inclusion of links to other web sites does not imply any endorsement of the material on the web sites or any association with their operators.)"*/
	font-style:italic;
}
.content_disclaimer2 {/* used to denote the following disclaimer: "This information is provided by the Cleveland Clinic and is not intended to replace the medical advice of your doctor or health care provider. Please consult your health care provider for advice about a specific medical condition." */
	font-style:italic;
}

div.PageToolsEmailPrint { display: none;}
div.PageToolsEmailPrint img, .PageToolsEmailPrint a { margin: 0; padding: 0;}

/* (4) - Basic Layout Classes */
.cleared_both { clear:both;}
.cleared_left { clear:left;}
.cleared_right { clear:right;}
.float_none { float:none;}
.float_left { float:left; padding-right: .5em;}
.float_right { float:right; margin-left: 1em;}	
.center { margin:0 auto;}
img.img-left { float:left; margin:.25em .625em .25em 0;}
img.img-right { /*float:right;*/ margin:.25em 0 .25em .625em; padding: 10px; border: solid 1pt #ccc;}
.img-print { float: none; margin:.15em 0 .15em .45em; padding: 10px; border: 0;}

div.callout_right {/* For a right-aligned sidebar within content */
	width:33%;
	height:auto;
	float:right;
	margin:0 .9375em .9375em .9375em;
	padding:.625em .25em;
	border:1px solid #CCC;
	}
	
div.callout_left {/* Left-aligned sidebar within content */
	width:33%;
	height:auto;
	float:left;
	margin:0 .9375em .9375em .9375em;
	padding:.625em .25em;
	border:1px solid #CCC;
	}
	
div.centerbox {/* Just a centered box in the middle of the page; formerly called news_centerbox */
	width:66%;
	margin:10px auto;
	border:1px solid #CCC;
	text-align:center;
	}

/* (6) Reuseable Tricks */
/* doublecolumn class - puts two divs containing text side by side */
div.doublecolumn {
	width: 100%;
	height:auto;
	margin: auto;
	margin-bottom: 0px;
	padding:0;
	clear:both;
	display:block;
	overflow: auto;
}
div.doublecolumn div.doublecolumn_one {
	width: 45%;
	height:auto;
	float:left;
	margin-bottom: none;
	padding-bottom: none;
}
div.doublecolumn div.doublecolumn_two {
	width: 45%;
	height:auto;
	float:left;
	margin:0 0 0 0.875em;
}
/* Doublecolumn - IE 6 corrections */
* html div.doublecolumn {
	margin:.9375em 0 0 0;
	padding: none;
}
/* Doublecolumn - IE 7 corrections */
*:first-child+html div.doublecolumn {
	margin:.9375em 0 0 0;
}

/* CSS3 version of alternating table row color
tr:nth-child(odd) { background-color: #fff;}
tr:nth-child(even) { background-color: #e9eeea;}*/

