@import url(forms.css);
@import url(nav.css);

/*html tags */
*{
	margin:0; padding:0;
}
a,
a img {border: 0; }
a,
a:active,
a:focus,
a:hover 	{ color:#006391; text-decoration: none;}
a:hover,
a:focus {text-decoration: underline;}
abbr {border-bottom: 0;}
abbr.time {font-size: 80%;}
body.medium {font-size:100%;}
body 		{ background:#FFF9E2 url(/hcp/images/backgrounds/main.gif) repeat-x top center; 
				color:#333; font-size: 100%; font-family: Arial, Helvetica, sans-serif; margin:0; padding:4px 0; }
body.small {font-size: 90%;}
body.large {font-size: 125%;}
caption,th 	{ text-align:left; }
cite {font-style: normal;}
div.grayline  { border-top:solid 1px #D0E3D0; height:20px; }
div.greenline { border-top:solid 1px #19909f; height:10px; }
form		{ margin:0; padding:0; }
h1			{ background:#ffffff url(/hcp/images/backgrounds/h1.jpg) no-repeat;
				color:#095580; display:block; font-size:1.25em; font-weight:normal; height:26px; overflow:hidden; margin:0; padding:8px 15px; width:717px; }
h2,
h4 		{ color:#19909f; font-size:1.06em; font-weight:normal; margin:0 0 7px 0; }
h3			{ color:#08557f; font-size:1.7em; margin:0 0 12px 0; }
.bucket h3 a:hover {color: #19909F;}
h5			{ color:#188F9E; font-size:.88em; margin:0 0 9px 0; }
img, 
table 		{ border:0; border-collapse:collapse; border-spacing:0; }

p			{margin:0 0 10px 0; padding:0 0 0 0; }
sup 		{ font-size: 90%; vertical-align:text-top; }
ul			{margin:0 0 10px 0; padding:0 0 0 15px; }
li			{ margin:0 0 7px 0; }
span.phonenumber {white-space:nowrap;}


/* master file divs */
#skiplinks {margin-left: -9999; height: 0; visibility: hidden;}
#container 	{ margin:0 auto; padding-bottom: 20px; width:980px; }
#header 	{ overflow:auto; }
#maintop { background:url(/hcp/images/backgrounds/content-top.png) no-repeat top center; font-size:0; line-height:0; height:14px;}
#main { background:url(/hcp/images/backgrounds/content.png) repeat-y top center; float:left; padding:12px 9px 0 26px; width:945px; }
#leftcol 	{ float:left; width:175px; margin:0 9px 0 0; font-size: 100%;}
#content 	{ float:left; width:747px; }
#content-main, #footer {height: auto; overflow: auto; }
#footer 	{background: url(/hcp/images/backgrounds/content.png) no-repeat left bottom;clear:both;padding:40px 25px 40px 0; width:955px; }


/* head */
#header {margin-bottom: 20px;}
/* super nav */
#header ul#gnav {float: right; margin: 0 13px 0 0; padding: 10px 13px 0 0; list-style: none none outside;}
#header ul#gnav li {float: left; border-right: 1px solid #999; color:#333; font-size:.75em;}
#header ul#gnav li#azweb,
#header ul#gnav li#searchform {border-right: 0; width: auto;}
#header ul#gnav li#searchform label {position: relative; top: -5px; padding-left: 5px;}
#header ul#gnav li#searchform label input {font-size: 1em; color: #666;}
#header ul#gnav li#searchform input#img_search {height: 1.75em; background-color: #999; border: 1px solid #999; border-top: 0; color: #FFF; text-transform: uppercase; margin: 0 0 0 -5px; padding: 0; font-family: Verdana, Helvetica, Sans-Serif;}
#header ul#gnav li a {display: block; padding: 0 7px; color:#666;  }

#global ul#gnav li input

/* logos */
#header img {display: block; float: left;}
	/* Hides external link image for PAR logo */
#header img.linkimg {display: none; visibility: hidden;}
#header img#brand {width: 340px; height: 41px; margin: 0px 0 0 25px; clear: left;}
#header img#company {width: 138px; height: 36px; margin: 0px 0 0 328px;}
#header img#partner {width: 103px; height: 30px; margin: 8px 0 0 18px;}

/* end head */

/* left column */
#leftcol div#leftcol-callouts {display: none; visibility: hidden;}
	body#home #leftcol div#leftcol-callouts {display: block; visibility: visible;}
#leftcol div#leftcol-callouts div#azandme-co img {margin-bottom: 5px;}
#leftcol div#leftcol-callouts div#azandme-co h4,
#leftcol div#leftcol-callouts div#azandme-co p {font-size: .69em;}
#leftcol div#leftcol-callouts div#azandme-co h4 {font-weight: bold; color: #4E2961; line-height: 1.09;}
#leftcol div#leftcol-callouts div#azandme-co p {line-height: 1.27;}

/* end left column */

/* utility styles  %%%%%%%%%%%%%%%%%%%%%% */
#sidebar ul#utiltools { float:right; margin:0 6px; padding:10px 6px ; list-style: none none outside; font-size: .69em;}
#sidebar ul#utiltools li {padding: 0; color: #333;}
#sidebar ul#utiltools li a {color: #333;}
#sidebar ul#utiltools li a:hover,
#sidebar ul#utiltools li a.on {text-decoration: underline;}
#sidebar ul#utiltools li a.off {text-decoration: none;}
#sidebar ul#utiltools li a#text-medium {font-size: 1.18em;}
#sidebar ul#utiltools li a#text-large {font-size: 1.36em;}
#sidebar ul#utiltools li a#text-small,
#sidebar ul#utiltools li a#text-medium {margin-right: 2px;}
#sidebar ul#utiltools li a#text-large {margin-right: 10px; margin-bottom: -4px;} 
#sidebar ul#utiltools li#printpage {text-transform: uppercase; border-left: 1px solid #333;}
#sidebar ul#utiltools li#printpage img {width:11px; height:13px;margin:0 5px 0 10px; vertical-align: middle;}
#sidebar ul#utiltools li {float: left;}

/* font resizer styles */
.fontResizer a { color:#666;margin:0 1px;padding: 0px 2px;}
/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/
a.smallFont	{ font-size: 1em; }
a.medFont	{ font-size: 1.1em; }
a.largeFont	{ font-size: 1.2em; }
a.curFont	{ background: #dddddd;}

/* content area divs */
#copy { float:left; width:500px; margin:30px 20px 0 3px; padding-bottom: 20px; padding-left:30px;}
#copy p,
#copy ol,
#copy ul {color: #333; font-size: .81em; line-height: 1.3;}
#copy div.charts {margin: 20px 0;}
#copy div.charts h4 {border-bottom: 1px solid #B9DDE2;}
#copy div.charts cite,
#copy div.dosage p,
#copy div.charts p,
#copy div.charts ol,
#copy div.charts ul {font-size: .69em; line-height: 1.27;}
#copy div.charts ul {list-style: none none outside;}

/* callouts */
#sidebar { float:left; max-width: 185px;}
.callout 	{ background:#FFFAE6 url('/hcp/images/backgrounds/co_middle.gif') repeat-y 0 0; float:left;  margin-bottom: 15px;}
.callout h3 {font-size: 1.06em;}
.callout h4 {font-size: .88em;}
.co_mid 	{ padding:0 13px; }
.co_bott,
.co_top {display:block; width: 185px;}
.co_bott 	{height:11px; background: transparent url(/hcp/images/backgrounds/co_bott.gif) no-repeat 0 0; }
.co_top 	{height:16px; background: transparent url(/hcp/images/backgrounds/co_top.gif) no-repeat 0 0;  }
.callout p 	{ font-size:.81em; margin:0 0 12px 0; padding:0; }

/* dosage tables */
.dosage			{ width:528px; }
.dosage table	{ float:left; width:257px; }
.dosage .right	{ margin-left:10px; }
.dosage th		{ background:#00A0B0; color:#ffffff; font-size:.81em; padding:8px 0 7px 8px; }
.dosage td		{ background:#F9F5D8;border-bottom:solid 1px #FBE0A9; color:#303030; font-size:.75em; padding:8px 0 7px 8px; width:463px; }
.dosage .last	{ border:none; padding:8px 0 12px 8px; }
.dosage .pills	{ background:#E1FFFF; border:none; padding:0; vertical-align:top; width:65px; }

/* next button rollovers */
#content div.cta {margin: 20px 0; padding-top: 20px; }
#content div.cta p a {color:#19909F; text-indent: 8px; font-weight: bold;  display: -moz-inline-block; display:inline-block;  vertical-align: middle; height: 24px; margin: 0 0 0 5px; padding: 6px 24px 0 0; text-decoration:none; width:223px; overflow: hidden;}
	body.large div#content div.cta p a {font-size: 90%;}
	body.small div#content div.cta p a {font-size: 110%;}
#content div.cta p a#drugsideeffects {width: 207px;}
#content div.cta p a#genericequiv {width: 336px;}
#content div.cta p a#dosingoptions {width: 222px;}

#content div.cta p a#drugsideeffects {background: transparent url(/hcp/images/buttons/cta-next-sideeffects.png) no-repeat 0 0;}
#content div.cta p a#genericequiv {background: transparent url(/hcp/images/buttons/cta-next-generic-equiv.png) no-repeat 0 0;}
#content div.cta p a#dosingoptions {background: transparent url(/hcp/images/buttons/cta-next-dosing.png) no-repeat 0 0;}

#content div.cta p a#drugsideeffects:hover,
#content div.cta p a#genericequiv:hover,
#content div.cta p a#dosingoptions:hover  {background-position: bottom left;}

#content a#btnback,
#content a#ctl00_MainContent_lnkContinue {display: block;width: 208px; height:26px; margin:10px 20px; text-align:center;padding: 8px 0 0 0px; background:url(/hcp/images/buttons/leaving-site.png) top left no-repeat;}
#content a#btnback {float: left; font-size:15px;}
#content a#ctl00_MainContent_lnkContinue {float: right; font-size:15px;}
#content a#btnback:hover,
#content a#ctl00_MainContent_lnkContinue:hover {background-position:0 -34px !important;}

/* footer */
div#sitetools a, #footer a {text-decoration: underline;}
#footer p,
#footer ul {color: #333; font-size: .81em; line-height: 1.3; margin-left:200px; }
#footer p#audience img {margin-right: 5px; vertical-align: middle;}
/* isi */
#isi h5,
#isi p,
#isi ul { margin:0 0 15px 210px; }
/* legal */
div#sitetools ul#fnav, 
div#footer ul#fnav {float: right; list-style: none none outside; font-size: .75em; margin:10px 0 0 0;}
div#footer ul#legalnav {width: 560px; margin:0 0 20px 200px;  padding: 8px 0 10px 0; list-style: none none outside;}
div#sitetools ul#fnav li,
div#footer ul#fnav li,
div#footer ul#legalnav li {float: left; border-right: 1px solid #D3C6C1; margin: 3px 0; padding: 0 5px;}

div#footer ul#legalnav li#corporatesite,
div#sitetools ul#fnav li#drugassistance, 
div#footer ul#fnav li#drugassistance {border-right: 0;}
div#footer ul#fnav li.last img { border:0; }

div#containerBottom{width: 100%; height:55px;  background: url(/hcp/images/backgrounds/bottom_main.png) no-repeat center top; clear:both;}


.clr {float: none; clear: both;}
.linkimg {display: inline; vertical-align: middle; margin-left: 3px;}
abbr.time,
*.toprol {text-transform: uppercase; white-space: nowrap;}
/**.dosage {margin:0 0 10px 0; padding:0 0 0 0; font-size: 1.2em;}*/
div#isi p.warningbox {
border:1px solid #000000;
line-height:22px;
padding:12px 20px 12px 25px;
width:70%;
font-size:0.81em;
line-height:1.3;
margin-left:220px;
}
p.warningbox span
{
color: #333333;
font-weight:bold;
font-size: 1em;
}

div.callout span.cta a { background:url(/hcp/images/buttons/bucket.gif) no-repeat 0 0; color:#333;
			display:block; height:23px; font-size:.81em; font-weight: bold; padding:8px 0 0 15px; text-align:center; text-decoration:none; width: 110px;}
div.callout span.cta a:hover { background-position:0 -31px; color:#fff; }



