/* CSS Document */
* {margin:0;padding:0;outline:none;}

img {border:0;}

.clear {clear:both;}

sup {vertical-align: super; font-size:0.75em; /*line-height:8px;*/ line-height:10px;}

a {text-decoration:none;color:#8284bf;font-weight:bold;}
a:hover {text-decoration:underline;}

p {padding-bottom:15px;}
h1{color:#51afe5;font-size:22px;font-weight:bold;line-height:26px;padding-bottom:20px;}
h2{color:#51afe5;font-size:16px;line-height:normal;padding-bottom:15px;}
h3{font-size:13px;padding-bottom:5px;}
.blue{color:#51afe5;}
body {
	margin: 0px auto;
	color: #4c4c4c;
 	font-family: Arial;
	font-size: 75%; /* 9pt or 12px or .75em */
	line-height: normal;
	text-align: -moz-left;
	background:#f0f0f0 url(../img/page_bg.jpg);
	background-repeat:repeat-x;
	behavior: url(csshover2.htc);
}

#logo_outershell{width: 100%; position: absolute; overflow:visible; top: 0; left: 0; z-index: 2;}
#logo_innershell{ width: 937px; margin:0 auto;position: relative;display:block; }
#logo{width: 206px; height: 157px; position: absolute; overflow:visible; top: 0; left: 26px; behavior: url(iepngfix.htc);border:0;}

#header {
	width:937px;
	height:55px;
	margin:0px auto;
	background-color:#50afe5;
	position: relative;
}
#header .hcp_link {
	display:block;
	position: absolute;
	top: 5px;
	right: 20px;
	width:187px;
}
#header .hcp_link img {
	width:187px;
	height:24px;
	behavior: url(iepngfix.htc);
	border:0;
}

#header .links {
	position: absolute;
	top: 9px;
	margin-left: 295px;
	/*left: 295px;*/
	color: #fff;
	whate-space: nowrap;
}
#header .links a{
	color:#fff;
}

#header .isi-pi{white-space:nowrap; display:block; position:absolute; right:26px; top: 35px; color:#fff; font-weight: bold;}
#header .isi-pi a{color:#fff;}



#topnav_outershell{background-image:url(../img/menu_bg1.jpg);background-position:top left; background-repeat: repeat-x;width:100%;height:64px;margin:0 auto 0 auto;behavior: url(iepngfix.htc);border:0;}
#topnav_innershell{background-image:url(../img/menu_bg2.jpg); background-position:top left; background-repeat: repeat-x;width:937px;height:64px;margin:0 auto;}

ul#topnav {
	display:block;
	height:64px;
	margin:0px auto 0 auto;
	position:absolute;
	top:55px;
	padding: 0 0 0 226px;
	width: 714px;
	list-style: none;
}
ul#topnav li { float: left; position: relative; }
ul#topnav li a {
	display: block;
	height: 44px;
	text-decoration: none;
	color: white;
	font-size: 18px;
	padding: 10px;
}

ul#topnav a.patient_item1 { width: 212px; }
ul#topnav a.patient_item2 { width: 208px; }
ul#topnav a.patient_item3 { width: 108px; }
ul#topnav a.patient_item4 { width: 103px; }

ul#topnav a:hover, ul#topnav a.on { background-color: #eee; color: #8284bf; }


/*** subnav start ***/
ul#topnav li .subnav {
	position: absolute;
	top: 64px; left: 3px;
	z-index: 99999;
	background: #f6f6f6;
	padding: 5px 0px 15px 23px;
	height:160px;
	overflow: visible;
	border-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}

ul#topnav .nav-below-picture {
	margin: -5px 0 0 -5px;
}

ul#topnav .subnav ul li.nav-below-picture a.bullet {
	position: relative;
	top: -6px;
}

ul#topnav li .first{left: 8px;}

ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .subnav ul {
	list-style: none;
	width: 196px;
	float: left;
}
ul#topnav .subnav .text { font-size:12px; }
ul#topnav .subnav ul li { width: 100%; }

ul#topnav .subnav ul li a {
	float: none;
	display: block;
	width:171px;
	height:119px;
	color:#727272;
	text-indent: 0;
}
ul#topnav .subnav .img {
	position: relative;
}
ul#topnav .subnav .img .text {
	display: inline-block;
	position: absolute;
	top: 100px;
	left: 5px;
}
ul#topnav .subnav a.img.patient_sub1_1 {
	background: url(../img/patient_sub1-1.jpg) no-repeat top left;
}
ul#topnav .subnav a.img.patient_sub1_2 {
	background: url(../img/patient_sub1-2.jpg) no-repeat top left;
}
ul#topnav .subnav a.img.patient_sub2_1 {
	background: url(../img/patient_sub2-1.jpg) no-repeat top left;
}
ul#topnav .subnav a.img.patient_sub3_1 {
	background: url(../img/patient-sub3-1.jpg) no-repeat top left;
}
ul#topnav .subnav a.img.patient_sub3_2 {
	background: url(../img/patient-sub3-2.jpg) no-repeat top left;
}

ul#topnav .subnav ul li a.bullet {
	float: left;
	clear:left;
	text-indent: 0;
	width:160px;
	height:28px;
	background: url(../img/nav_arrow.png);
	background-position:left 9px; background-repeat:no-repeat;behavior: url(iepngfix.htc);
	display: block;
	padding: 5px 0 5px 10px;
	margin-left:10px;
	color:#727272;
	font-size: 12px;
}

ul#topnav .subnav.flip {
	margin-left:-298px;
	-moz-border-radius-topright: 0px;
	-khtml-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;

	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

#banner_home{width:937px;margin:0px auto 0 auto;z-index:0;}
#flash_banner{z-index:0; }
#upgrade { width:50%; position:absolute; top:140px; right:200px; padding:5px; background-color:#FFFFFF }
#upgrade a, #upgrade a:link, #upgrade a:visited { cursor: pointer; }


#content_outershell {width:937px;height: auto;display:block;margin:0 auto 0 auto;clear:both;}


#content {
	width:919px;
	/*border:1px solid #e2e2e2;*/
	text-align:left;
	font-size:13px;
	/*margin-bottom:20px;*/
	/*
	height: auto;
	display:inline-block;
	float:left;
	*/
	background:#fff;
	padding: 30px 8px 20px 10px;
}
#main_content p { line-height: 19px; }

#content > #banner {
	position: relative;
	height: 256px;
	width: 937px;
	margin: -30px -10px 0;
	background-repeat:no-repeat;
}
#content.banner_none > #banner { display: none;  }
#content.banner1 > #banner { background-image: url(../img/patient_banner1.png); }
#content.banner2 > #banner { background-image: url(../img/patient_banner2.png); }
#content.banner3 > #banner { background-image: url(../img/patient_banner3.jpg); }
#content.banner4 > #banner { background-image: url(../img/patient_banner4.jpg); }

#content > #banner > p {
	position: absolute;
	bottom: 3px;
	left: 10px;
	color: white;
	margin: 0;
	padding-left: 26px;
	padding-bottom: 0;
	font-size: 47px;
	font-family: arial, helvetica, sans-serif;
}
#content > #banner > p > span { font-size:46px; font-weight: bold; }
#content > #banner > p span.smallZ {  font-size:35px;  }
#content.banner2 > #banner > p { font-size: 44px; }
#content.banner2 > #banner > p span.smallZ {  font-size:33px;  }

#content #main_content{ width: 855px; display: block; padding: 30px 0 0 0; }
#one_column{ width: 100%; display: block; padding: 30px 0 0 0; }
#one_column ul { margin-left: 2em; margin-bottom: 1em; }
#one_column p { font-size: 14px; }
#content #main_content ul { margin:0 0 0 10px; padding:0 0 15px 0; list-style: none }
#content #main_content ul li { display: block; background-image: url(../img/bullet.png); background-position: left 6px; padding: 0 0 0 10px; background-repeat: no-repeat; behavior: url(iepngfix.htc);}

#content #main_content .sitemap li { padding-bottom: 5px; }
#content #main_content .sitemap ul ul { padding-top: 5px; padding-bottom: 0; }

#content #callouts_right{ display: none; /*width: 297px; float:right; margin-left: 20px; padding: 35px 0 0 0;*/}
.callout{color:#fff;padding:13px;}
.callout h2 {font-size:19px;color:#fff;font-weight:normal;}
.callout a.arrow_link {font-size:13px;color:#fff;display:block;width:87px;background-image:url(../img/arrow.png);background-position:right 4px; background-repeat:no-repeat;behavior: url(iepngfix.htc);}
.purple{background-color:#7a7cb4;margin-bottom:10px;}
.orange{background-color:#f99d32;}
.orange2{background-color:#f99d32;margin-bottom:10px;}
.blue {
	background-color:#52b1e3;
	padding-top: 4px;
	color: #fff;
	padding-left: 15px;
}

.next{display:block;float:left}

.shell {
	width:935px;
	margin:0 auto;
	background:#fff;
	text-align:left;
	font-size:14px;
	overflow:hidden;
}

#isi {
	/*display: block;
	clear: left;
	font-size: 14px;*/
	padding: 0px 10px;
}

#isi.home {
	padding: 0px 10px;
}

#isi a {
	font-weight: bold;
}

#isi h2 {
	font-size: 15px;
	padding-bottom: 2px;
}

#isi ul {
	margin:0 0 0 0px;
	padding:0 0 15px 0;
	list-style: none
}
#isi ul li {
	display:block;
	background-image:url(../img/bullet.png);
	background-position:left 6px;
	background-repeat:no-repeat;
	behavior: url(iepngfix.htc);
	padding:0 0 0 10px;
}

#isi ul ul {
	list-style-type: circle;
}

#isi ul ul li {
	background: none;
	display: list-item;
	list-style-type: circle;
	margin-left: 1em;
}


#isi h3 {
	font-weight: 700;
	font-size: 15px;
}

#isi h1, #isi h2, #isi h3 {
	/*margin-bottom: 1em;*/
}

.cb {  clear: both;
}

.cb.with-references{  /*border-bottom: 5px solid #50afe5; this was to separate ISI from moved references, but a comment said to remove top bar so this is going away too */
	border-top: 5px solid rgba(255,255,255, 0); /* preserve spacing? */
	clear: both;
	padding-top: 16px;
}
table.ref.content { margin-left:10px; }
/* removed #isi from following three so this will work on /patient-safety-information.asp */
.seColOne { float: left; }
.seColTwo { float: left; margin-left: 40px; }

li.spaceUnder { margin-bottom: 1em; }

.isi_text { padding-top: 15px;}

.ref_head {display:none; float:left;width:50px; }

table.ref th { font-weight: normal; text-align: right; vertical-align: top; }
table.ref td { padding-left: 10px; }


#footer {width:937px;height:67px;margin:0 auto;clear:both;display:block;text-align:left; padding-top:20px;}
#footer_logo {display:block; padding:0 0 20px 5px; width:141px;height:67px;float:left;}
#footer_logo img{behavior: url(iepngfix.htc);border:0;}
.footer_text{width:771px;float:right;padding:3px 0 0 20px}
.footer_text:last-child {
    padding-bottom: 20px;
}

.padding_bottom20{padding-bottom:20px;}
.img_transparent {	behavior: url(iepngfix.htc); float:right;margin:0 0 20px 10px	}

.accordion_faq_set { margin: 0px 0px 24px 0px; }
.accordion_faq_set h2 { margin: 0px 0px 0px 0px; }

.accordion_faq h3 {
	cursor: pointer;
	background: url(../img/sub_arrow.jpg) no-repeat;
	padding-left: 20px;
	color: #7a7cb4;
}

.accordion_faq h3.open { background: url(../img/sub_arrow_down.jpg) no-repeat; }
.accordion_faq .accordion_content { display: none; padding-left: 20px; }

.accordion_help h2 {
	cursor: pointer;
	background: url(../img/square_arrow.jpg) no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
}

.accordion_help h2.open {
	background: url(../img/square_arrow_down.jpg) no-repeat;
	background-position: 0px 2px;
}

.callouts_wrap { display:block; clear:both; width:100%; height:255px; padding:0 0 20px 0; float:left;}
.callout_box { background-color: #f3f3f3; width:144px; height:255px; float:right; clear: right; text-align:center; display:block;margin:0 0 0 20px }
.callout_box.empty-box {background-color: white;}
.callouts_wrap > .callout_box { clear: none; float: left; }
*html .callout_box { margin:0 0 0 4px}
.callouts_wrap>.callout_box { margin:0 0 0 4px}
.callout_box img { margin:13px auto 7px auto; display:block;}
.callout_box .line { border-top:3px solid #fff}
#main_content .callout_box p { text-align:left; padding:12px 0 25px 9px; font-size: 12px; line-height: 15px; }
.callout_box a { text-align:left; background-image:url(../img/pdf-icon.jpg); background-repeat:no-repeat; background-position:left center;padding:2px 0 0 15px;display:block;}
.callout_box a.thumb_link { background-image:none; padding:0 }
.vertical {clear: right; margin-top: 10px; }


.clearFloat { clear: both; }
.circleNum { margin-right: 15px; }
.smallCaps { font-variant: small-caps; font-size: 0.8em; }


#content #main_content ul.thumbnails {
	padding: 24px 0;
}

#content #main_content ul.thumbnails li {
	width: 33%;
	text-align: center;
	display: inline-block;
	list-style: none;
	padding: 0;
	background-image: none;
}

.thumbnails li a {
	display: inline-block;
}

.thumbnails li a::before {
	content: '';
	display: block;
	margin: auto;
	height: 240px;
	width: 200px;
	background: url('../img/brochure-sprite.jpg') 0 0 / 643px 225px no-repeat;
}

#content #main_content ul.thumbnails li:nth-child(3) a:before {
	background-position: 0px 0px;
	width: 225px
}

#content #main_content ul.thumbnails li:nth-child(2) a:before {
	background-position: -225px 0px;
	width: 181px
}

#content #main_content ul.thumbnails li:nth-child(1) a:before {
	background-position: -406px 0px;
	width: 237px
}
