@charset "utf-8";
/* CSS Document */
/* CSS for the new briefreports stretch template */

/* div for the main container */
#main {
	position:absolute;
	top:10px;
	left:10px;
	width: 747px;
}
/* div containing the top background image */
#top {
	width: 747px;
	height: 281px;
	background-image: url('/images/stretch_background_r1_c1.jpg');
	background-repeat: no-repeat;
}
/* div containing the middle content */
#middle {
	position:relative;
	width: 747px;
}
/* this div contains the middle background image */
#middle-background-image {
	width: 747px;
	height: 1000px;
	position:relative;
	z-index:0;
}
/* div containing the main content */
#middle-content {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 607px;
	margin: 0px 70px;
	border:none;
	z-index: 10;
}
#middle-content p {
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	margin: 5px 5px 10px 10px;
	text-indent: 20px;
}
#middle-content p.affiliations{
	font-size: 10px;
	line-height: 15px;
	text-indent: 0px;
	font-weight: normal;
	margin: 3px 5px 10px 25px;

	
	}
/* div containing the bottom background image */
#bottom {
	width: 747px;
	height: 62px;
	z-index: 7;
	position:relative;
	top: -5px;
	background-image: url('/images/stretch_background_r3_c1.jpg');
	background-repeat: no-repeat;
}
/* this div is for the CME global links */
#str_navbar {
	position:absolute;
	left:77px;
	top:159px;
	width:614px;
	height:9px;
	z-index:2;
	font-size: 9px;
	line-height: 9px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid #369;
	border-bottom: 1px solid #369;
	letter-spacing:-1px;
}
/* this div is for the Briefreports Series links */
#str_navbar2 {
	position:absolute;
	left:77px;
	top:187px;
	width:614px;
	height:9px;
	z-index:5;
	font-size: 9px;
	line-height: 9px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid #369;
	border-bottom: 1px solid #369;
}
/* this div is for the old briefreports that has includes for title and logo */
#navbar2 {
	position:absolute;
	left:77px;
	top:187px;
	width:614px;
	height:9px;
	z-index:5;
	font-size: 9px;
	line-height: 9px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid #369;
	border-bottom: 1px solid #369;
}

#header {
	position:absolute;
	width: 600px;
	height: 70px;
	top: 217px;
	left: 87px;
	z-index:6;
}
/* this div is for the new briefreports logo and title */
#str_navbar3 {
	position:absolute;
	left:80px;
	top:217px;
	width:607px;
	z-index:5;
}
#titleright {
	margin-left: 280px;
	margin-top: 0px;
}
#brflogo {
	margin-left: 0px;
	margin-top: 0px;
	float:left;
	width: 281px;
}
/* end of Brief reports styles for logo and title */
/* divs for images or thumbnails */
#callout1, #callout2, #callout3, #callout4, #callout5 {
	width:200px;
	font-size:9px;
	color:#336699;
	border: 1px solid #336699;
	z-index:1;
	padding:5px;
}
#mp3Callout {
	width: 100px;
	font-size: 12px;
	color:#369;
	line-height:16px;
	padding: 5px;
	border:1px solid #369;
	text-align:center;
}
#callout1small, #callout2small, #callout3small, #callout4small, #callout5small {
	width:200px;
	
	font-size:9px;
	color:#336699;
	border: 1px solid #336699;
	z-index:1;
	padding:5px;
}
#callout1phone, #callout2phone, #callout3phone, #callout4phone, #callout5phone, #cme_bar_iphone, #mobilecallout, #mcallout1, #mcallout2, #mcallout3, #mcallout4, #mcallout5 {
	display:none;
}
#normalcallout {
	display:inline;
}
/* this is for the cme background information on the right side */
#cme_div {
	width: 250px;
	position:absolute;
	left: 770px;
	top: 40px;
	border: 1px solid #336699;
	padding:5px;
}
#cme_div p {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 10px;
	text-indent: 0px;
}
/* this for the page navigation - shows how many pages */
#pgNumber {
	text-align:right;
	font-size:9px;
	z-index:20;
}
/* This part is for the footer image links to other ppp websites. */
#footer {
	position:absolute;
	top:2px;
	left:0px;
	right:0px;
	float:left;
	width: 163px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	text-align: right;
}
#jumps {
	position:absolute;
	top:2px;
	left:0px;
	margin-left:168px;
	width:480px;
	height:100px;
}
#footer_mp {
	position:relative;
	width:747px;
}
/* end of css style for footer image links */

object {
	z-index:1;
}
.left {
	float:left;
	margin: 5px 15px 5px 10px;
}
.right {
	float:right;
	margin: 5px 10px 5px 15px;
}
#references {
	position:absolute;
	float: left;
	width: 607px;
	height: 720px;
	top: 2750px;
	left: 70px;
	border:1px solid #369;
}
p {
	font-size: 12px;
	line-height: 20px;
	text-indent: 20px;
	margin: 5px;
}
sup {
	font-size: 80%;
	line-height: 100%;
}
ol {
	font-size: 9px;
	line-height: 13px;
	margin-left: 0px;
	padding-left: 35px;
}
ul {
	list-style-type: square;
	font-size: 10px;
	line-height: 15px;
	margin-top: -5px;
}
li.references {
	margin: 5px 5px 5px 0px;
}
li.objectives {
	margin: 0px 5px;
}
.floatLeft {
	float: left;
	margin-right: 8px;
}
h1.briefH1 {
	font-size: 14px;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
}
h2.briefH2 {
	font-size: 12px;
	line-height: 18px;
	margin-top:0px;
	margin-bottom:5px;
	margin-right: 5px;
	margin-left: 10px;
}
h2.sections {
	font-size: 12px;
	line-height: 18px;
	margin-top:25px;
	margin-bottom:0px;
	margin-right: 5px;
	margin-left: 5px;
	text-align:center;
	margin-bottom:10px;
}
h2.cme {
	font-size: 12px;
	line-height: 18px;
	margin-top:10px;
	margin-bottom:5px;
	margin-right: 5px;
	margin-left: 5px;
}
h3.briefH3 {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 15px;
}
h4.briefH4 {
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	margin: 5px;
}
h5.briefH5 {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
}