@import "edetails.css";
/* RESET */
* {padding:0 0 0 0; margin:0 0 0 0;}
/* html{background-image:url(/professional/images/bg_square.jpg);} */
/* PAGE LAYOUT */

/* body{margin:auto; border-left:solid 1px gray; border-right:solid 1px gray; line-height:1.25em; width:978px; color:#5e5e5e; font-family:Arial, Sans-Serif; font-size:12px;} */
body{margin: 0px auto; background-image: url(/professional/images/bg_square.gif); background-repeat: repeat-y; background-position: center; line-height:1.4em; width:978px; color:#5e5e5e; font-family:Arial, Sans-Serif; font-size:12px;} 

#header{background-color:white;width:976px; background-image:url(/professional/images/header/bg.gif);  padding:20px 0 0 0; background-position:bottom; background-repeat:no-repeat; height:100px;}
#footer, #dart_load {background-color:white;width:976px;}
.content_container_btm{ margin-left:13px; width:949px; height:12px; font-size:0px; background-image:url(/professional/images/footer/con_btm_bg.gif); background-repeat:no-repeat;}
.footer_content{ margin-left:14px; margin-right:14px; width:948px; background-color:#eff3b6; background-image:url(/professional/images/footer/bg.gif); background-position:bottom; background-repeat:no-repeat;}
#content{width:896px;  background-image:url(/professional/images/bg.gif); padding:0px 40px 0 40px; }

#navigation{ float:left; display:inline; width:161px; margin-top:16px; }
#homepage #navigation{}
#homepage #navigation .symbicort_co{display:none;}
#home_page_content{width:720px; margin-left:15px; _margin-left:13px; float:left;}
#page_content{ width:529px; float:left; display:inline; margin-right:11px; margin-left:9px; _margin-left:7px; /*lame, but I dont have enough time to figure this spacing issue out.  It appears there is an extra 2 pixels inbetween the anchor and the Ul so I just removed 2 pixels from the margin of the nav.  If i get a change I'll look into fixing this properly.*/}
.page_copy{width:503px; margin:0 0 12px 28px;}
.page_copy p{width:485px;}
#callouts{width:183px; float:right;}
#callouts h3{ color:#9193c4; font-size:15px; font-family: arial; font-weight:lighter; }

.sub8{font-size:8px;}

#brandbox{ padding:10px 0 10px 0;}


/* SITE COLORS */
.purple{color:#484bc3;}
.green{color:#9a9e25;}
.blue{color:#00ada8;}
.pink{color:#ec008c;}
.red{color:Red;}
.white{color:#FFFFFF;}

/* GENERIC FORMATTING */
img{border:0;}

p{margin:5px 0 15px 0;}
ul, ol {margin:5px 0 15px 40px;}
#page_content ul{ list-style-image:url(/images/nav/arrow.gif); }
#page_content ul li{ padding-bottom:5px;}
#page_content .smap ul li{ padding-bottom:0px;}
sup {font-size:0.8em;vertical-align:text-top;}
.side_effects_co{background-image:url(/professional/images/callouts/oval.gif); width:100px; height:25px; margin-left:8px;}
.se_txt{margin: 5px 0px 0px 20px; position:absolute;}
/* .side_effects_co ul{ list-style-image:url(/images/nav/arrow.gif); margin:5px 0pt 15px 24px; padding-top:4px;} */
#callouts .side_effects_co a:link{color:#9a9e25;}
#callouts .side_effects_co a:visited{color:#9a9e25;}
#callouts .side_effects_co a:active{color:#9a9e25;}
#callouts .side_effects_co a:hover{color:#9a9e25;}
h1{font-weight:bold; font-style:italic; font-size:2.0em;}
h2{font-weight:normal; margin:25px 0 15px 0; font-size:1.5em; color:#00ada8; line-height: 1.0em;}
h2 a:link{font-size:11px; color:#00ada8;}
h2 a:visited{font-size:11px; color:#00ada8;}
h2 a:active{font-size:11px; color:#00ada8;}
h2 a:hover{font-size:11px; color:#00ada8; text-decoration:underline;}
h3{font-size: 1.0em;}
h2.home{font-size: 1.6em; margin: 0; padding:0;}

a:link{color:#484bc3; text-decoration:none; font-weight:normal;}
a:visited{color:#484bc3; text-decoration:none; font-weight:normal;}
a:active{color:#484bc3; text-decoration:none; font-weight:normal;}
a:hover{color:#484bc3; text-decoration:underline; font-weight:normal;}
a{ white-space:normal;}


.left{float:left;}
.right{float:right;}
.clear{clear:both; height:0px; font-size:0px; line-height:0;}
.clear_tool{clear:both; height:10px; font-size:0px; line-height:10;}
.clear_left{clear:left; font-size:0px; height:0px;}
.clear_right{clear:right; font-size:0px; height:0px;}
.block{display:block;}
.bold{font-weight:bold;}
.nobr{ white-space:nowrap;}
.smallcaps{ font-variant:small-caps;}
.thumb{ float:left; margin-left: 10px; }
.thumb_txt{ float:left; padding-top: 23px; }

/* header */
#az_logo{padding-top:0px;}
#site_logo{padding-left:25px;}
#nav_text{margin-right:40px; display:inline; text-align:right;}
#nav_text a:link{color:#484bc3; text-decoration:none; font-weight:normal;}
#nav_text a:visited{color:#484bc3; text-decoration:none; font-weight:normal;}
#nav_text a:active{color:#484bc3; text-decoration:none; font-weight:normal;}
#nav_text a:hover{color:#484bc3; text-decoration:underline; font-weight:normal;}

.page_header_bg{background-image:url(/professional/images/header/why_pr.jpg); width:529px; height:139px; margin-bottom:10px; margin-top:25px;}
.why_pr{background-image:url(/professional/images/header/why_pr.jpg); width:529px; height:139px; margin-bottom:10px; margin-top:25px;}
.edetail_pr{background-image:url(/professional/images/header/edetail_pr.jpg); width:529px; height:139px; margin-bottom:10px; margin-top:25px;}
.dosing_safety{background-image:url(/professional/images/header/dosing_safety.jpg); width:529px; height:139px; margin-bottom:10px; margin-top:25px;}
.guidelines_resources{background-image:url(/professional/images/header/guidelines_resources.jpg); width:529px; height:139px; margin-bottom:10px; margin-top:25px;}
.using_pr{background-image:url(/professional/images/header/using_pr.jpg); width:529px; height:139px; margin-bottom:10px; margin-top:25px;}
.educating_patients{background-image:url(/professional/images/header/educating_patients.jpg); width:529px; height:139px; margin-bottom:10px; margin-top:25px;}
.patient_faq{background-image:url(/professional/images/header/patient_faq.jpg); width:529px; height:139px; margin-bottom:10px; margin-top:25px;}
.utility{background-image:url(/professional/images/header/utility.jpg); width:529px; height:139px; margin-bottom:10px; margin-top:25px;}
.header-image{background-image:url(/professional/images/header/why_pr_b2.jpg); width:529px; height:139px; margin-bottom:10px; margin-top:25px;}
.header-image .header_text{padding:2px 0 0 25px; width:308px; font-size:0px;}

.header_text{padding:55px 0 0 25px; width:320px; font-size:11px; }

.twoliner .header_text{padding:40px 0 0 25px; width:320px; font-size:11px; }
.twoliner_sp .header_text{padding:40px 0 0 25px; width:200px; font-size:11px;}

/*FOOTER*/
.footer{width:678px; margin:0px 20px 0px 0px; padding-left:215px; padding-right:13px;}
.footer p{margin:0 0 20px 0; font-size:13px;}
.footer h2{margin:20px 0 10px 0;}
.additional_links{width:948px; background-color:White; padding:10px 0px 0px 0px;}
.additional_links p{margin-left:215px}
.additional_links a:link{color:#484bc3; text-decoration:none; font-weight:normal; font-size:12px;}
.additional_links a:visited{color:#484bc3; text-decoration:none; font-weight:normal; font-size:12px;}
.additional_links a:active{color:#484bc3; text-decoration:none; font-weight:normal; font-size:12px;}
.additional_links a:hover{color:#484bc3; text-decoration:underline; font-weight:normal; font-size:12px;}
#darttag{width:948px; height:1px;}

/*callouts */
.co-padding{padding-top:8px;}
#callouts a:link{color:#484bc3; text-decoration:none; font-weight:normal;}
#callouts a:visited{color:#484bc3; text-decoration:none; font-weight:normal;}
#callouts a:active{color:#484bc3; text-decoration:none; font-weight:normal;}
#callouts a:hover{color:#484bc3; text-decoration:underline; font-weight:normal;}

#callouts .print a:link{color:#484bc3; text-decoration:none; font-weight:normal;}
#callouts .print a:visited{color:#484bc3; text-decoration:none; font-weight:normal;}
#callouts .print a:active{color:#484bc3; text-decoration:none; font-weight:normal;}
#callouts .print a:hover{color:#484bc3; text-decoration:underline; font-weight:normal;}

#callouts .utilities img{padding-bottom:4px;vertical-align:bottom;}


.callout1 {margin-top:20px; background-image:url(/professional/images/callouts/bg.gif); width:183px; height:230px;}
.callout_img{padding:11px 11px 10px 11px;}
.callout_copy{padding:0 20px 0 25px;}
.callout_cta{padding:8px 0 0 0;}
.callout_cta_text{padding:3px 0 0 3px;}

.pediatric-persistent-asthma{width:175px; height:193px; background-image:url(/professional/images/callouts/pediatric-persistent-asthma.jpg);}
.pediatric-persistent-asthma .co-text{width:150px; padding:15px 0 0 10px; line-height:18px;}
.pediatric-persistent-asthma .co-text p{width:90px;  line-height:18px;}

.asthmakidcarepro{width:175px; height:148px; background-image:url(/professional/images/callouts/asthmakidcarepro.gif);}
.asthmakidcarepro .co-text{width:150px; text-align:center; padding:50px 0 0 14px; line-height:18px;}
.asthmakidcarepro .btn{padding:12px 0 0 21px;}

.flexible-dosing{width:175px; height:238px; background-image:url(/professional/images/callouts/flexible-dosing.gif);}
.flexible-dosing .co-text{width:150px; padding:47px 0 0 14px; line-height:18px;}
.flexible-dosing .btn{padding:108px 0 0 17px;}

.seasonal-triggers{width:175px; height:257px; background-image:url(/professional/images/callouts/seasonal-triggers.gif);}
.seasonal-triggers .co-text{width:150px; padding:105px 0 0 14px; line-height:16px;}
.seasonal-triggers .btn{padding:11px 0 0 18px;}

.insights-gaines{width:175px; height:441px; background-image:url(/professional/images/callouts/insights-gaines.jpg);}
.insights-gaines .co-text{width:134px; padding:288px 0 0 18px; line-height:18px;}

.callout_divider_top{margin:15px 0 8px 0; height:0px; width:175px; font-size:0px; line-height:0;  border-bottom:dotted 2px #ddd7d7; }
.callout_divider_bottom{margin:8px 0 10px 0; height:0px; width:175px; font-size:0px; line-height:0;  border-bottom:dotted 2px #ddd7d7; }

.text-callout h2{font-size:13px; margin:0; margin-bottom:10px; line-height:1.2em;}
.text-callout div.asthmaguidelines h2 {width:110px; float:left;}
.text-callout div.asthmaguidelines img {width:67px; height: 83px; float:right; padding-top:20px;}
.text-callout div.asthmaguidelines p {padding-bottom:5px;}
.text-callout div.asthmaguidelines ul {clear: left;}
.text-callout{margin:2px}
.text-callout p{margin:0;}
.text-callout ul{margin:0 0 0 15px; list-style-image:url(/images/nav/purple_arrow.gif)}
.text-callout ul li{padding-bottom:3px;}

.pediatric-persistent-asthma{margin-top:20px;}
.asthmakidcarepro{margin-bottom:20px;}
.flexible-dosing{margin-bottom:20px;}
.seasonal-triggers{margin-bottom:20px;}
.insights-gaines{margin-bottom:20px;}

/*home page*/
.home_akcpro{width:487px; height:231px; background-image:url(/professional/images/callouts/home_akcpro.gif);}
.home_akcpro .co-text{width:270px; padding:90px 0 0 14px; line-height:18px;}
.home_akcpro .btn{padding:20px 0 0 10px;}

.home_quickref {width:395px; margin-bottom:20px;}
.home_quickref h2 {margin:0 0 5px 0;}
.home_quickref .quickref-divider{margin:8px 0; width:363px; height:0px; font-size:0px; line-height:0;  border-bottom:dotted 2px #ddd7d7; }
.home_quickref .icon{padding:5px 5px 0 0;}
.home_quickref .text{ width:365px;}
.home_quickref .text ul{margin:0; list-style-type:none;}
.home_quickref ul li.link a{color:#ec008c; font-weight:bold; font-size:1.2em; padding-bottom:0;}



/* Page specific style */

.in-this-section_top{background-image:url(/professional/images/containers/in-this-section_top.gif); width:503px; background-repeat:no-repeat;}
.in-this-section_mid{background-image:url(/professional/images/containers/in-this-section_mid.gif); width:503px;}
.in-this-section_btm{background-image:url(/professional/images/containers/in-this-section_btm.gif); width:503px; height:6px; font-size:0; line-height:0; }
h3.quickref{font-size:1.3em; color:#00ADA8; margin-top:25px; padding-bottom:6px;}
p.quickref{color:#ea81bf; font-style:italic; margin:0 0 5px 0;}
/*div.quickref{width:503px; padding-top:15px; background-image:url(/professional/images/containers/quickref.gif); background-repeat:no-repeat;}*/
div.quickref a{font-size:1.2em}
div.quickref.patient-faq { margin: 20px 0; background-image:url(/professional/images/containers/in-this-section_mid.gif);}
div.quickref.patient-faq p {margin: 0; padding: 15px 23px 9px; line-height: 1.5em; width: auto;}

#page_content ul{margin:0 0 0 20px;}
#page_content ul.purple-arrow { list-style-image:url(/images/nav/purple_arrow.gif); }
#page_content ul.patient-faq { list-style: none;}
#page_content ul.patient-faq li {text-indent: -1.3em; margin-bottom: 1.3em; line-height: 1.5em;}
#page_content ul.patient-faq li.q {font-weight: bold; color: #00ADA8; margin-bottom: 0;}
#page_content ul li.arrow{margin:0 0 0 15px; padding-bottom:0; list-style-image:url(/images/nav/purple_arrow.gif)}
#page_content ul li.none{margin:0 0 0 15px; list-style-image:none; list-style-type:none;}
#page_content .in-this-section_top ul{ padding-top:15px;}

.quickref-divider{margin:0 20px 10px 35px; height:0px; font-size:0px; line-height:0;  border-bottom:dotted 2px #ddd7d7; }

#page_content ul.footnotes{margin:0; list-style-type:none; list-style-image:none; font-style:italic;}
#page_content ul.footnotes li{padding:0;}
#page_content p.footnote{margin:10px 0 0 0;}

#page_content .launch-akcpro-top {width:503px; height:20px; background-image:url(/professional/images/containers/akc-pro-top.gif); background-repeat:no-repeat; }
#page_content .launch-akcpro-mid { width:501px; background-image:url(/professional/images/containers/akc-pro-mid.gif); background-repeat:no-repeat;  border-right: solid 1px #d9d9d9; border-left:solid 1px #d9d9d9;}
#page_content .launch-akcpro-mid p{ width:422px; padding:0 20px 0 20px; margin:0;}
#page_content .launch-akcpro-mid ul {width:270px; margin-top:12px; margin-left:20px;}
#page_content .launch-akcpro-mid ul li.arrow {margin:0 0 0 15px; color:#ec008c; font-weight:bold; font-size:1.2em; padding-bottom:0; list-style-image:url(/images/nav/pink_arrow.gif)}
#page_content .launch-akcpro-mid ul li.none {padding-bottom:10px;}
#page_content .launch-akcpro-btm {width:503px; height:16px; background-image:url(/professional/images/containers/akc-pro-btm.gif); background-repeat:no-repeat; }

#page_content div.education-support{margin-top:20px;}
#page_content div.education-support p {margin:0;}
#page_content div.education-support p.bold {font-weight:bold;}
#page_content div.education-support p.link {margin-bottom:20px;}

#page_content .page-graphic_nebulizer p {width:400px; margin-top:20px;}
#page_content .page-graphic_nebulizer ul {width:355px; list-style-image:url(/images/nav/purple_arrow.gif); margin-bottom:30px;}
#page_content .page-graphic_nebulizer ul li{ margin-bottom:10px;}
#page_content .page-graphic_nebulizer{ background-position:right bottom; background-repeat:no-repeat; background-image:url(/professional/images/page-graphic_nebulizer.jpg);}
#page_content h3.quickref{font-size:1.3em; color:#00ADA8; margin-top:62px; padding-bottom:6px;}

.page-graphic_symptoms{background-position:top right; background-repeat:no-repeat; background-image:url(/professional/images/page-graphic_symptoms.jpg);}

.symptoms-spacing{padding-top:10px;}
.symptoms-spacing li{margin-bottom:15px;}
.symptoms-chart{margin: 20px 0px 20px 0px;}

.page-graphic_safety{width:425px; padding-top:10px; background-position:top right; background-repeat:no-repeat; background-image:url(/professional/images/page-graphic_safety.jpg);}
.page-graphic_safety li{margin-bottom:5px;}

.adobe2{margin:20px 0 0 0; line-height:1.2em;}
.adobe2 img{padding-top:2px;}
.adobe2_text{padding-left:5px; width:430px;}

#overlayDiv { display: none; position: absolute; top: 0px; left: 0px; height: 753px; background-color: #000; opacity: 0.85; filter: alpha(Opacity=85); }
*html #overlayDiv {border: 1px solid black; height: 753px; zoom: 1;}

#videoDiv {display: none; position: absolute; top: 75px; left: 0px; width: 100%; }
#innerVideoDiv { /*border: 1px solid yellow;*/ width: 816px; margin: 0 auto; }
#closeModal {margin-bottom: 5px;}
#closeModal a {color: #ddd; font-size: 0.8em;}
#closeModal a img {display: inline; margin: 0 3px; padding: 0; width: 11px; height: 12px;}
#playImage { width: 372px; margin: 0 auto; }

/* IE 6 PNG FIX*/
img, div { behavior: url(/professional/includes/iepngfix.htc);}