/* EOL Monograph CSS */

/** { margin: 0; padding: 0; zoom: 1; }
html, body { height: 100%; }

body {
	color: #000;
	font: small "Lucida Grande", Arial, Helvetica, sans-serif;
	word-wrap: break-word ; 
	}*/

/*a { color: #003399; }
a:hover { color: #CC0000; }

h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 1.4em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
img { border: none; }
*/


/* --------------------------------------------------------------------- 
Wrapper */

div#page {
	position: relative;
	background: #EEE url("/front_porch/img/bg_panel.gif") repeat-x;
	border-top: 5px solid #333;
	border-left: 5px solid #333;
	border-right: 5px solid #333;
	text-align: left;
	}

/* --------------------------------------------------------------------- */



/* --------------------------------------------------------------------- 
Mast Head */

div#mast {
	position: relative;
	border-top: 1px solid #EEE;
	}
	#mast p {
	color: #444;
	padding: 18px 0 8px 15px;
	}
	#mast p em { 
	font-style: normal;
	color: #777;
	}
	#mast p a {
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
	padding: 0 7px 0 0;
	}
	/* loginfo */
	#mast dl {
	position: absolute;
	top: 16px ;
	right: 15px;
	white-space: nowrap;
	}	
	#mast dl a {
	text-decoration: none;
	}
	#mast dt {
	display: inline;
	border-right: 1px solid #999;
	font-size: 11px;
	margin: 0 5px 0 0;
	padding: 0 7px 0 0;
	}
	#mast dt img {
	margin-right: 2px;
	}
	#mast dd {
	display: inline;
	font-size: 10px;
	margin-right: 5px;
	}
 	ul#tabs {
	position: absolute;
	bottom: -1px;
	border-top: 1px solid #E9EEF4;
	}
	#tabs li {
	display: inline;
	}
	#tabs li img {
	vertical-align: middle;
	}
	#tabs li a>img {
	vertical-align: inherit;
	}
	#tabs a {
	display: block;
	float: left;
	background: #E9EEF4 url(../img/bg_h2.gif) repeat-x;
	border-top: 6px solid #FFF;
	border-right: 1px solid #E9EEF4;
	border-bottom: 1px solid #C1CEDD;
	font-size: 12px;
	padding: 3px 8px;
	text-decoration: none;
	}
	#tabs a#first {
	padding-left: 15px;
	}
	#tabs a:hover {
	border-color: #DDD;
	background: #E8E8E8;
	}
	#tabs li#active a {	
	background: #EEE;
	border-left: 1px solid;
	border-color: #C1CEDD;
	border-bottom-color: #EEE;
	color: #000;
	font-weight: bold;
	}
	ul#util {
	position: absolute;
	bottom: 5px;
	right: 14px;
	}
	#util li {
	display: inline;
	}
	#util li img {
	vertical-align: middle;
	}
	#util a {
	border-right: 1px solid #DDD;
	font-size: 11px;
	padding: 0 6px 0 3px;
	margin-left: ;
	}
	#util a#last {
	border: none;
	}
	
/* --------------------------------------------------------------------- */



/* --------------------------------------------------------------------- 
Mast Head */

	
div#content, div.content {
	background: #FFF;
	border: 1px solid;
	border-color: #D9E4EF #C1CEDD #C1CEDD #C1CEDD;
	margin: 5px;
	padding: 5px 0;
	}

/* --------------------------------------------------------------------- */



/* --------------------------------------------------------------------- 
EULA Mask
*/

	#eula {
	display: block;
	position: absolute;
	top: 100px;
	left: 10%;
	background: #EEE;
	border: 1px solid;
	border-color: #999 #666 #666 #999 ;
	text-align: center;
	width: 640px;
	z-index: 995;
	}
	body>#eula { 
	position: fixed; 
	
	width: auto; 
	}
	
	
	
	#eula #text {
	position: relative;
	background: #FFF;
	border: 1px solid;
	border-color:  #C1CEDD #EEE #D9E4EF #C1CEDD;
	margin: 5px 5px 0 5px;
	padding: 2px 0;
	text-align: left;
	height: 320px;
	width: 620px;
	overflow: auto;
	z-index: 999;
	}

	 #eula h2 {
     color: #970F17;
    font-size: 1.4em;
    margin: 20px 10px 0 10px;
    }
	#eula h3, #eula h4 {
	color: #373851;
	font-size: 1.2em;
	margin: 0 10px;
	}
	#eula p, #eula ul {
    font-size: .95em;
    margin: 10px 10px;
   }
   #eula li {
   list-style-type: circle;
   margin: 4px 20px;
  
   }
   
	#eula p.intro {
	font-weight: bold;
	}
	#buttons {
	background: #D9E4EF;
	border: 1px solid;
	border-color:  #D9E4EF #C1CEDD #C1CEDD #C1CEDD;
	margin: 0 auto 5px auto;
	padding: 6px 0;
	text-align: right;	
	width: 620px;
	}
	#buttons p {
	margin-right: 20px;
	}
	div#mask {
	position: absolute;
	top: 0; 
	left: 0;
	background-color: #DDD;
	filter: alpha(Opacity=50);
	opacity: .80;	
	width: 100%; 
	height: 100%;
	z-index: 991;
	}
	body>div#mask { 
	position: fixed; 
	}
/* --------------------------------------------------------------------- */



/* --------------------------------------------------------------------- 
Monograph
*/
	/* page styles */
	#monograph {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	padding: 0 0 0 20px;
	}
	#monograph h1 {
	background: #E9EEF4 url(../img/bg_h2.gif) repeat-x;
	border-bottom: 1px solid #D9E4EF;
	font-size: 1.9em;
	margin: 1px 1px 10px -19px;
	padding: 3px 20px 5px 20px;
	}
	#monograph h1 span {
	display: block;
	}
	#monograph h1 em {
	color: #373851;
	display: block;
	font-style: normal; 
	font-size: .6em;
	font-weight: normal;
	margin-right: 10px;
	}
	#monograph h1 em strong {
	margin: 0;
	padding: 0;
	}
	#monograph h1 a {
	position: relative;
	font-size: 11px;
	font-weight: normal;
	}
	#monograph h2 {
	color: #970F17;
	border-left: 17px solid #E9EEF4;
	font-size: 1.4em;
	margin:  0 0 10px -29px;
	padding: 3px 0 2px 12px;
	}
	#monograph h3 {
	border-left: 5px solid #E9EEF4;
	color: #373851;
	font-size: 1.3em;
	margin: 20px 0 -5px 0;
	padding-left: 3px;
	padding-bottom: 15px;
	clear: left;
	}
	#monograph p {
	margin: 10px 8px;
	clear: left;
	}
	#monograph p img {
	float: left;
	margin: 0 5px 0 0;
	vertical-align: middle;
	clear: left;
	}
	#monograph ul, #monograph ol {
	margin: 10px 0 10px 0;
	padding-left: 23px;
	clear: left;
	}
	#monograph dl {
	margin: 10px 0 10px 8px;
	}
	#monograph dt {
	font-size: .95em;
	font-weight: bold;
	}
	#monograph dd {
	margin: 0 0 15px 0;
	}
	#monograph ul li {
	list-style-image: url(../img/bg_lister.gif);
	vertical-align: text-top;
	}


	/* prind and send icons */
	p.printsend {
	position: absolute;
	top: 3.4em;
	right: 210px;
	}
	.printsend a {
	display: block;
	float: left;
	border-top: 2px solid #D9E4EF;
	border-bottom: 3px solid #FFF;
	margin-right: 2px;
	padding: 2px 6px 1px 6px;
	text-align: center;
	}
	.printsend a:hover {
	background: #E9EEF4;
	border-color: #D9E4EF;
	}


	/* mono nav */
	#monograph .mononav {
	float: right;
	margin: -10px 0 20px 0;
	padding: 0;
	width: 210px;
	}
	#monograph .mononav li {
	list-style: none none;
	border-right: 1px solid #C1CEDD;
	}
	#monograph .mononav li a span {
	display: block;
	background: url(../img/bg_lister_drop.gif) right no-repeat;
	border: 1px solid;
	border-color: #C1CEDD #D9E4EF #FFF #D9E4EF;
	margin: 1px 0 1px 2px;
	}
	#monograph .mononav li a {
	display: block;
	background: #E9EEF4;
	border-left: 5px solid #D9E4EF;
	border-right: 3px solid #E9EEF4;
	border-bottom: 1px solid #D9E4EF;
	color: #373851;
	padding: 1px 0 1px 0;
	text-indent: 8px;
	text-decoration: none;
	width: 201px;
	}
	#monograph .mononav li a:hover {
	color: #373851;
	}
	#monograph .mononav li a img {
	margin-left: 3px;
	}
	#monograph .mononav li>a {
	width: auto;
	}
	#monograph .mononav li a strong {
	color: #999;
	}
	#monograph .mononav dd a:hover {
	}
	#monograph .mononav li ul {
	border-bottom: 1px solid #C1CEDD;
	margin: 0 0 -1px -18px;
	padding: 0;
	display: block;
	width: 210px;
	opacity: .9;
	z-index: 101;
	}

	
	#monograph .mononav:hover li ul {
	display: block;
	}
	#monograph .mononav li ul li a {
	display: block;
	background: #E9EEF4;
	border-left: 5px solid #D9E4EF;
	border-right: 3px solid #E9EEF4;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #C1CEDD;
	color: #002163;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0 2px 0;
	text-indent: 10px;
	text-decoration: none;
	}
	
	#monograph .mononav li ul li a.inactive_nav {
	display: block;
	background: #E9EEF4;
	border-left: 5px solid #D9E4EF;
	border-right: 3px solid #E9EEF4;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #C1CEDD;
	color: #002163;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0 2px 0;
	text-indent: 10px;
	text-decoration: none;
	}
	
	
	#monograph .mononav li ul li a:hover {
	
	
	background-color: #E0F0FE;
	border-color: #FFF #CDDDE9 #D6E6F3 #8C0015;
	color: #8C0015;
	}
	#monograph .mononav li ul li a.active_nav {
	background-color: #FFF;
	border-color: #FFF #CDDDE9 #D6E6F3 #8C0015;
	color: #8C0015;
	}
	
	/* pill pic tiling */
	#monograph .list-pillpic {
	clear: both;
	margin-left: 0;
	}
	#monograph .list-pillpic li {
	float: left;
	font-weight: bold;
	list-style: none none;
	margin: 0 8px 8px 0;
	text-indent: 5px;
	}
	.list-pillpic li img {
	display: block;
	background: #FFF;
	border: 5px solid #D9E4EF;
	padding: 2px;
	}
	
	#monograph .legal {
	clear: both;
	border-top: 1px solid #DDD;
	color: #333;
	font-size: 11px;
	margin-right: 20px;
	padding: 10px 0;
	}

	/* section div */
	#tabsdose {
	color: #333;
	font-size: 13px;
	text-decoration: bold;
	
	}
	
	
	.section {
	margin: 0 250px 20px 0;
	padding-left: 10px;
	}
	
	#a, #b{
	margin-right: 0;
	width: 500px;
	}
	
	#i, #h{
	margin-right: 0;
	width: 500px;
	}
	#i .premfeature{
	margin-right: 0;
	}
	
	.att {
	float: right;
	border: 1px solid;
	margin: ;
	width: 200px;
	}
	
	.premfeature {
	background: #F2F5F9l;
	border-left: 5px solid;
	border-color:  #D9E4EF;	
	margin-right: 100px;
	padding: 0 10px;
	}
	#monograph .premfeature h4 {
	border: none;
	color: #3767AD;
	margin: 0;
	padding: 0;
	}
	#monograph .premfeature h5 {
	color: #3767AD;
	font-size: 1.3em;
	font-weight: normal;
	}
	#monograph .premfeature h5 img {
	display:block;
	}
	#monograph .premfeature p {
	margin: 5px 0 0 0;
	}
	#monograph .premfeature p img, #monograph .premfeature h5 img {
	float: none;
	display: block;
	margin-top: 5px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/overlay.png", sizingMethod="scale");
	}
	a.ordernow {
	display: block;
	float: right;
	background: url(../img/bg_submitorder.gif) 0 0 no-repeat;
	border: none;
	color: #E5E5E5;
	margin: .5em 30px 0 0;
	padding: 0;
	text-decoration: none;
	height: 27px;
	width: 90px;
	}
		#i p a.ordernow { margin-right: 80px;  }
		#i p>a.ordernow { margin-right: 130px;  }
	a.ordernow:hover {
	background-position: -90px 0;
	}	
	a.ordernow strong {
	visibility: hidden;
	}

	p.premfeature {
	position: relative;
	padding-left: 35px;
	}
	#f p.premfeature {
	padding-left: 5px;
	}
	p.premfeature a {
	font-weight: bold;
	}
	p.premfeature img {
	float: none;
	position: absolute;
	top: 2px;
	left: 5px;
	z-index: 5;
	}	


	/* reg-only feature widget */
	
	.feature  {
	position: absolute;
	display: block;
	background: #666;
	border: 2px solid #666;
	font-weight: normal;
	line-height: 1.4em;
	margin: 5px 0 0 20px;
	width: 270px;
	-moz-border-radius: .5em 0 0 .5em;
	z-index: 50;
	}
	.feature span {
	display: block;
	position: relative;
	background: #EEE;
	border: 1px solid #FFF;
	border-color: #C1CEDD;
	margin: -8px 0 0 -8px;
	padding: 0 0 6px 10px;
	-moz-border-radius: .5em 0 0 .5em;
	}

	#monograph h1 .feature {
	display: none;
	top: 4px;
	left: 300px;	
	font-size: 12px;
	font-weight: normal;
	text-indent: 0;
	}
	#monograph h1 .feature strong {
	display: block;
	color: #3767A5;
	font-size: 12px;
	margin-top: 8px;
	}
	#monograph h1 .feature strong.red {
	font-size: 14px;
	color: #970F17;
	}
	#monograph h1 .feature a {
	font-size: 12px;
	font-weight: bold;
	}	
	#monograph h1 .feature a.closer {
	display: block;
	float: right;
	margin: 0;
	width: 20px;
	}
	#monograph h1 .feature span em {
	display: block;
	color: #222;
	font-size: 12px;
	line-height: 1.2em;
	}
	
	/* Black Box warnings */
  	div#blackbox {
  	background: #FFFFD5; 
   	border: 1px solid #000000; 
   	width:500px;
   	margin-bottom: 20px; 
   	margin-left: 10px;
   	}
 	#blackbox h3 {
 	background: #FFFFD5;
 	border-left: 1px solid #E9EEF4;
 	color: #373851;
 	font-size: 1.3em;
 	margin: 10px 0 -5px 0;
 	padding-left: 3px;
 	clear: left;
 	}
	
	
/* bye marky mark */	
	
	
	/* reg footer */
	div#regfoot {
	background: url(../img/bg_regfoot.gif) repeat-x;
	padding: 20px 20px 10px 115px;
	margin: 0 6px 15px 6px;
	position: relative;
	}
	#regfoot h2 {
	color: #3767A5;
	font-size: 1.5em;
	}
	#regfoot p img { 
	position: absolute;
	margin: -18px 0 0 -85px;
	}
	#regfoot li {
	list-style-image: url(../img/bg_lister.gif);
	vertical-align: text-top;
	margin: 3px 0;
	}
	
	a.signup {
	display: block;
	background: url(../img/bg_signup.gif) 0 0 no-repeat;
	border: none;
	cursor: pointer;
	margin: 5px 0 0 0;
	text-decoration: none;
	height: 26px;
	width: 77px;
	}
	a.signup:hover {
	background-position: -77px 0;
	}
	a.signup em {
	visibility: hidden;
	}

	/* regnow widget */
	div#regnow {
	position: absolute;
	/* changed from 28 for topamax by Irvin Owens Jr */
	top: 76.7em;
	right: 6px;
	background: #EEE url(../img/arrowl.gif) right bottom no-repeat;
	border: 1px solid;
	border-color:  #C1CEDD #EEE #D9E4EF #C1CEDD;
	margin: 10px -2px 0 0;
	padding: 0 0 20px 0;
	width: 210px;
	}
	#regnow h2 {
	border: none;
	color: #3767A5;
	font-size: 1.2em;
	line-height: .9em;
	margin: 10px 5px 5px 10px;
	padding: 0;
	}
	#regnow p {
	margin: 10px 0 0 28px;
	}
	#regnow ul {
	margin: 10px 50px 0 28px;
	padding: 0;
	}
	#regnow li {
	list-style-image: url(../img/bg_lister.gif);
	vertical-align: text-top;
	margin: 3px 0;
	
	}
	/* -- */





/* --------------------------------------------------------------------- 
Drug Interactions + Hover styles
*/


	
a.aGloss {
	border-bottom: 1px dotted;
	color: #336699;
	cursor: help;
	text-decoration: none;
	font-weight:bold
}
a.aGloss:hover {
	background-color: #444;
	color: #FFF;
	cursor: help;
}
	

	/* interaction checker mouseovers */
div#interactioninfo,
div#criticalinteractioninfo {
	position: absolute;
	left: -200px;
	top: -200px;
	width: 300px;
	height: 1px;
	z-index: 501;
	text-align: left;
	visibility: hidden;
	}
	#interactioninfo div{
	position: relative;
	background: #FFF;
	border: 1px solid;
	border-color: #D9E4EF #C1CEDD #C1CEDD #D9E4EF;
	padding: 5px 5px 20px 10px;
	height: auto; font-size:12px;
	-moz-border-radius: 0 0  1em 1em;
	z-index: 502;
	}
	#criticalinteractioninfo div {
	position: relative;
	background: #FEF49C;
	border: 1px solid;
	border-color: #D9E4EF #C1CEDD #C1CEDD #D9E4EF;
	padding-bottom: 20px;
	height: auto;
	-moz-border-radius: 0 0  1em 1em;
	z-index: 503;
	}
	#interactioninfo h3{
	background: #E9EEF4 url(/cm/img/bg_h2.gif) repeat-x;
  	border-bottom: 1px solid #D9E4EF ;
   	font-size: 1em;
   	margin: 0;
   	padding: 5px 0 5px 10px;
	color: #336699;
   	}
	#criticalinteractioninfo h3 {
	background: #FEEA3D ;
	border-bottom: 1px solid #BCA902 ;
	font-size: 1em;
	margin: 0;
	color: #336699;
	padding: 5px 0 5px 10px;
	}
	#interactioninfo h4,
	#criticalinteractioninfo h4 {
	font-size: 1em;
	color: #333;
	margin: 8px 0 0 10px;
	padding: 0;
	}
	#interactioninfo p,
	#criticalinteractioninfo p{
	font-size: 1em;
	line-height: 1.2em;
	margin: 0 15px 0 10px;
	}
	#interactioninfo img,
	#criticalinteractioninfo img {
	height: 1px;
	}
    #criticalinteractioninfo div {
 	background: #F9E6D9;
 	border: 1px solid #820000;
 	}
 	#criticalinteractioninfo h3 {
 	background: #D33030;
 	border-bottom: 1px solid #820000;
 	color: #FFF;
 	}

/* --------------------------------------------------------------------- */




#foot {
	background: url(../img/bg_foot.gif) bottom repeat-x;
	border-top: 1px solid #DDD;
	border-bottom: 5px solid #333;
	color: #333;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 5px 15px 7px 15px;
	}

.clear { clear: both; }	




/* legacy filters */

i{content:"\"/*"}
#monograph .mononav li ul {
	margin-left: 0px;
	}	

/* sponsored content */

div.sponsored {
	display: inline;
	border: 1px solid #DDD;
	/* changed from margin: 0 0 0 0 by Irvin Owens for topamax */
	margin: 20px 0 0 0;
	}
	.sponsored h2 {
	background: #E8E8E8;
	border: 1px solid;
	border-color: #FFF #FFF #DDD #FFF;
	}
	/* when IE supports real CSS 
		div.sponsored div div:last-child{
			margin-top:20px;
		} */
		div.sponsored div div#bottomEpocSponsored{
			margin-top:20px;
		}

/* needed to create a separate class for the topamax need help link to prevent confusion with all the other fscinfo boxes */



div#topamaxNeedHelpLink {
	position: absolute;
	display:inline;
	left: 200px;
	top: 200px;
	z-index: 501;
	text-align: left;
/*	visibility: hidden; */
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}

	div#topamaxNeedHelpLink div {
	position: relative;
	background: #E9EEF4;
	border: 1px solid #57728C;
	padding-bottom: 20px;
	height: auto;
	width: 350px;
	-moz-border-radius: 0 0  .5em .5em;
	}
	div#topamaxNeedHelpLink h1 {
	background: #C1CEDD;
	border-bottom: 1px solid #57728C;
	color: #000;
	font: bold 1em Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 5px 0 3px 10px;
	}
	div#topamaxNeedHelpLink h2 {
	font-size: 1em;
	color: #000;
	margin: 8px 10px 2px 10px;
	}
	div#topamaxNeedHelpLink p {
	font-size: 1em;
	line-height: 1.2em;
	margin: 3px 15px 10px 10px;
	}
	div#topamaxNeedHelpLink a , div#topamaxNeedHelpLink div h1 a#feedbackLinkActualA{
	background: #C1CEDD;
	float: right;
	margin-right: 5px;
	border-style:none;
	border-width:0px;
	padding:0px;
	text-indent:0px;
	width:auto;
	}
		div#topamaxNeedHelpLink div h1 a#feedbackLinkActualA:hover{
			text-decoration:none;
			background:#C1CEDD;
			float:right;
			margin-right:5px;
			border-style:none;
		}
	div#topamaxNeedHelpLink li a {
	background: none;
	float: left;
	margin-left: 10px;
	}

	div#topamaxNeedHelpLink li {
		list-style:none;
	}

p.feedbackLink{
	cursor:pointer;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
	color:#003399;
	font-size:11px;
	margin-top:10px;
}
div.feedbackPopup{
	position:absolute;
	left:810px;
	top:auto;
}