/* RESET 
------------------------------------------ */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ol,ul,li,form,table,tr,th,td,fieldset{margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
ul{list-style:none;}	
h1,h2,h3,h4,h5,h6{font-size:1em;}	
/* --------------------------------------- */

body { font:76%/1.5 arial,verdana,sans-serif; text-align:center; }

h1 { display:block; font-size:2em; line-height:1.1; letter-spacing:-0.05em; color:#039; margin:0 0 .5em; padding:0 0 5px 0; background:url(../images/title-underscore.jpg) no-repeat 0 100%; }
h2 { font-size:1.1em; color:#039; margin:2em 0 .5em; clear:both; }
sup { vertical-align:text-top; }

.small-caps { font-size:.8em; }
.hidden { position:absolute; left:-9999px; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.inline { display:inline; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

#error-container { border:1px solid #039; background:#ffd; padding: 1em; margin:0 0 1em; }
.error { color: #f00; }

#wrapper { width:772px; margin:0 auto; position:relative; background:url(../images/nav-bg.gif) repeat-y; text-align:left; overflow:auto; }

#content-wrap { float:right; width:567px; margin-top:2em;}
#content, #form, #footer { width:542px; padding:0 0 0 25px;}

#content a, #form a { color: #039; }
#content p, #form p, #trigger-tracer p { margin:0 0 1em; }
#content ul, #content ol, #form ul, #form ol { margin:0 0 1em 3em; }
#content li, #form li { margin:0 0 .7em; }
#content ul li, #form ul li { padding: 0 0 0 8px; background: url(../images/content-bullet.gif) no-repeat 0 .5em; }

#content table { border-collapse:collapse; width:100%; }
#content tr { vertical-align:top; }
#content .no-top  { border-top:0; } 
#content .no-bottom { border-bottom:0; } 
#content .no-right { border-right:0; } 
#content .no-left { border-left:0; } 

/* Asthma Triggers and Attacks */
table#triggers th, table#triggers td { padding: 3px; border:1px solid #000; vertical-align:top; font-size: 90%; }
table#triggers th { background-color:#039; color:#fff; }
table#triggers .checkbox-pad { padding: 2px; }

/* Symptom Checklist */
table#symptomchecklist { margin:1em 0; }
table#symptomchecklist td { padding:5px; border:1px solid #039; }
table#symptomchecklist .answer { background:#ccdbe9; white-space:nowrap;}

/* About Asthma Inhalers */
table#myth-fact { margin:0 0 1em; }
table#myth-fact td { padding:5px; }

#sidebar { float:left; width:205px; } 

#searchform { text-align:center; margin:.5em 0; }
#searchform #query { border:1px solid #7f9db9; color:#7f9db9; padding:2px; font:.9em arial,verdana,sans-serif; }
#searchform input { vertical-align:middle; }

.search-container { background:#ccdbe9; padding:4px; text-align:center; color:#000;margin:1em 0; }

#nav li { margin:0 0 .5em; }
#nav li a { background:#fefefe url(../images/nav-level-1-bg.gif) repeat-y; border-bottom:1px solid #97b3cd; padding:0 0 0 11px; font-weight:bold; font-size:1.3em; line-height:1.4; color:#039; letter-spacing:-0.05em; text-decoration:none; display:block; 
 height:1%; /* IE whitespace fix */}
#nav li a:hover { background: url(../images/nav-level-1-bg-hover.gif) repeat-y; color:#fff; }
#nav li li { margin:0; }
#nav li li a { font-size:1em; padding:.2em 0 .3em 15px; font-weight:normal; letter-spacing:normal; background:none; border:none; }
#nav li li a:hover, #nav a.active { background: #1b3d80; color:#fff; }

ul#tiles { margin:0 0 1em;  }
ul#tiles li { display:inline; margin:0 0 0 6px; background:none; padding:0;}
#tiles li.first { margin:0; }

.promo { width:259px; float:left; background:url(../images/promo-top.gif) no-repeat; margin: 0 0 1em;}
.promo h2 { font-weight:bold; font-size:1.1em; line-height:1.1; color:#039; padding:.5em .5em 0; margin:0; }
.promo-content { background:url(../images/promo-bottom.gif) no-repeat 0 100%;}
.promo-content p { line-height:1.2; padding: .2em 0 .5em .5em; margin:0;}

#children { background:url(../images/promo-top-children.gif) no-repeat; margin:0 8px 0 0; }
#children h2 { padding: .2em 68px 10px .9em; }
#children p { padding: 0 110px .9em 1em; margin:0; display:block; }
#children span { white-space:nowrap; }

#free-trial { background:url(../images/promo-top-free-trial.gif) no-repeat; margin:0 8px 0 0; }
#free-trial h2 { padding: .2em .5em 10px 68px; }
#free-trial p { padding: 0 .5em .9em 68px; margin:0; display:block; }
#sp-cares { clear:left; margin:10px 0; }
#sp-cares img { float:left; padding:5px; }
#sp-cares p { line-height:1.2; color:#666; font-size:90%; float:none; margin:0; display:block; } 

#guide { margin:.5em 0; float:left; }
#guide div { float:left; }
#guide a { font-weight: bold; line-height:1.3em; }
.previous { text-align:right; width:255px; border:1px solid #039; border-width:0 1px 0 0; padding:0 8px 0 0; }
.next { margin:0 0 0 8px; }

.previous span { font-weight:bold; background:url(../images/guide-previous.gif) no-repeat 0 50%; padding:0 0 0 20px; }
.next span { font-weight:bold; background:url(../images/guide-next.gif) no-repeat 100% 50%; padding:0 20px 0 0; }

#indication p { margin:0 0 1em; font-size:.9em; line-height:1.4; clear:left; }
#footnotes { font-size:.9em; line-height:1.2; margin:0; clear:both; }

ul#page-functions { float:right; margin:1em 0 0 10px;}
ul#page-functions li { display:inline; margin:0 8px 0 0; padding:0; }

#utilities { display:block; width:567px; position:absolute; top:0; left:205px; text-align:right; background:#000; line-height:2em; overflow:hidden; }
#utilities li { display:inline; }
#utilities a { font-size:.9em; padding:0 8px; color:#fff; text-decoration:none; border-left:1px solid #fff;  }
#utilities a:hover { text-decoration:underline; }
#utilities a.first { border:0; }

#footer { float:right; font-size:.9em;}
#footer hr { color:#fff; height:8px; border:solid #ccdbe9; border-width:3px 0 2px 0; }
#footer li { display:inline; }
#footer li a { padding:0 .5em; text-decoration:none; color:#039; border-left:1px solid #039;  }
#footer a:hover { text-decoration:underline; }
#footer a.first { border:0; padding-left:0; }
#footer p { margin:.5em 0;}

#tagline { clear:both; margin:10px 0 0; }

/* SHARE THIS ARTICLE 
------------------------------------------ */
#share-form fieldset { width:100%; border-style:none; float:left; clear:left; }
#share-form legend { font-weight:bold; color:#000; }
#share-form fieldset ol { list-style:none; }
#share-form fieldset li { float:left; padding: 0 0 1em 1em; }
#share-form fieldset.submit { float:none; width:auto; margin:0 0 0 4em; }
#share-form label { display:block; }
#share-form input.text { width:10em; }

/* NEW REGISTRATION 
------------------------------------------ */
#newreg { background:#ebf0f4; clear:both; }
#newreg p { margin:.8em 0; clear:both;}
#newreg div { margin:0 15px 0 167px; border-bottom:1px solid #ccc; padding:.5em 0;}
#newreg .hidden-inputs { margin:0; padding:0; }
#newreg .clearfix p { margin:0 0 1em; clear:both; }
#newreg .special { float:left; }
#newreg form { margin:0; padding:0;}
#newreg div.twocol, #newreg div.collapsible { margin:0; border:0; }
#newreg div.twocol div { margin:0; }
#newreg .noseparator { border:0; }
#newreg .col1 { width:147px; border:0; color:#999; font-size:.9em; line-height:1.2em; padding:.5em 15px 0 5px; float:left; }
#newreg .col1 a { white-space:nowrap; }
#newreg .col2 { width:375px; float:left; }
#newreg .buttons { border:0; } 
#newreg .buttons input, #newreg .buttons a { margin:0 .5em 0 0; vertical-align:middle;} 
#newreg input.text, select { border:1px solid #999; } 
#email, #street, #pstreet  { width:15em; }
#newreg #fname, #newreg #lname, #newreg #city, #newreg #state, #newreg #zip,
#newreg #pfname, #newreg #plname, #newreg #pcity, #newreg #pstate, #newreg #pzip { width:10em; }

#newreg label { display:block; }
#newreg label.radio, #newreg label.checkbox { display:inline;} 
#newreg input.checkbox { float:left; }
#newreg .header { background:#d6e0e9; color:#039; font-weight:bold; font-size:1.4em; margin:0; padding:0 0 0 167px; } 

#regTop_header {background:#f0e2b0; color:#039; font-weight:bold; font-size:1.4em; margin:0; padding:0 0 0 167px; border-top:solid 1px #ead792; border-bottom:solid 1px #ead792;}
#regTop_container {background:#fffdef url(../images/formsUpperBkgd.gif) repeat-x; color:#275CAC; font-weight:bold; height:285px; overflow:hidden;}
#savingsRegTop_container {background:#fffdef url(../images/formsUpperBkgd_bills.gif) top left no-repeat; color:#275CAC; font-weight:bold; height:285px; overflow:hidden;}
#ftoRegTop_container {background:#fffdef url(../images/formsUpperBkgd_fto.gif) top left no-repeat; color:#275CAC; font-weight:bold; height:285px; overflow:hidden;}
#ftoKidsRegTop_container {background:#fffdef url(../images/formsUpperBkgd_ftoKids.gif) top left no-repeat; color:#275CAC; font-weight:bold; height:285px; overflow:hidden;}
#regTop_leftCol {width:49%; float:left; margin:10px 0;}
#regTop_leftCol p {margin-left:22px; text-align:center; }
#regTop_leftCol p.leftColTitle {font-size:22px; text-align:left;}
#regTop_leftCol img {float:left; margin-left:20px;}
#regTop_leftCol ul {margin:0 0 60px 100px;}
#regTop_leftCol li { font-size:14px; }
#regTop_rightCol {width:50%; float:right; margin:10px 0; border-left:solid 1px #678DC5;}
#regTop_rightCol p {margin:-5px 0 0 22px;clear:both;}
#regTop_rightCol p.rightColTitle {font-size:17px; text-align:left; margin:5px 0 5px 22px;}
#regTop_rightCol p.rightColListTitle {font-size:14px; font-style:italic;}
#regTop_rightCol ul {margin-top:0;}
#regTop_rightCol li {}

#savingsCoupon {border-width: 2px; border-style: dashed; border-color: #029DDF; border-collapse: separate; background-color: white; font:11px arial;}
#savingsCoupon p {margin:10px 10px 0 10px;}
#savingsCoupon p.cpnIntro {font-size:12px;}
#savingsCoupon p.cpnCopyright {margin-bottom:10px;}
#savingsCoupon ul {margin:0 10px 0 25px;list-style:disc;}

/*-----------------------------------------------------------------------------
  PEDIATRIC
---------------------------------------------------------------------------- */

.ped #utilities { background:#004990; }
.ped #wrapper { background-image:url(../images/nav-bg-ped.gif); }
.ped #nav li { margin:0; padding:0 0 .5em; background-color:#fff; }
.ped #nav li.pedNav5 { padding:0; }
.ped #nav li a { color:#fff; } 
.ped #nav li a.active { color:#ffffdd; }
.ped #nav li.pedNav1 a { background:url(../images/nav-level-1-bg-ped1.gif) repeat-x; }
.ped #nav li.pedNav2 a { background:url(../images/nav-level-1-bg-ped2.gif) repeat-x; }
.ped #nav li.pedNav3 a { background:url(../images/nav-level-1-bg-ped3.gif) repeat-x; }
.ped #nav li.pedNav4 a { background:url(../images/nav-level-1-bg-ped4.gif) repeat-x; }
.ped #nav li.pedNav5 a { background:url(../images/nav-level-1-bg-ped5.gif) repeat-x; }

.ped #nav li.pedNav1 li a,
.ped #nav li.pedNav2 li a,
.ped #nav li.pedNav3 li a,
.ped #nav li.pedNav4 li a,
.ped #nav li.pedNav5 li a { background:#fff url(../images/nav-lev2-bullet-2.gif) no-repeat 16px .6em; color:#505050; padding: 0.2em 0pt 0.3em 26px; }

.ped #nav li li { padding:0; }
.ped #nav li li a.active { color:#bfbfbf; }
.ped #nav li li a:hover { text-decoration:underline; }

#home.ped #content-wrap p.intro { color:#606060; padding:10px 20px 10px 30px; }

#adult { background:url(../images/promo-top-adult.gif) no-repeat; margin:0 8px 0 0; }
#adult h2 { padding: .5em 90px 10px .5em; font-size:1.2em; }
#adult p { padding: 0 90px .9em .5em; margin:0; display:block; }
#adult span { white-space:nowrap; }

#free-trial-ped { background:url(../images/promo-top-free-trial-ped.gif) no-repeat; margin:0 8px 0 0; }
#free-trial-ped h2 { padding: .5em .5em 10px 68px; font-size:1.2em; }
#free-trial-ped p { padding: 0 .5em .9em 68px; margin:0; display:block; }

#savingsCoupon_ped {border-width: 2px; border-style: dashed; border-color: #029DDF; border-collapse: separate; background-color: white; font:11px arial;}
#savingsCoupon_ped p {margin:10px 10px 0 10px;}
#savingsCoupon_ped p.cpnIntro {font-size:12px;}
#savingsCoupon_ped p.cpnCopyright {margin-bottom:10px;}
#savingsCoupon_ped ul {margin:0 10px 0 25px;list-style:disc;}

.ped #footer hr { border-color:#ccc; }


/*-----------------------------------------------------------------------------
  LEGACY STYLES
---------------------------------------------------------------------------- */

/* TRIGGER TRACER 
------------------------------------------ */
body#trigger-tracer { text-align:left; }
#progressBarContainer { /* width set in jsp for javascript use */ margin-top:10px; height:20px; border:1px solid #000; background-color: #DEF2FB; }
#progressBarFill { height:18px; border:1px solid #1D608B; width:0%; background-color: #1D608B; z-index:100; position:absolute; } 
#progressBarTextTop { overflow: hidden; margin:2px; font-family: verdana, arial, sans-serif; font-weight: bold; font-size:11px;  color:#DEF2FB; z-index:101; position:absolute; }
#progressBarTextBottom { margin:2px; font-family: verdana, arial, sans-serif; font-weight: bold; font-size:11px; color:#1D608B; z-index:99; position:absolute; }


/* REGISTRATION / UPDATE PROFILE 
------------------------------------------ */
table#regTable { clear: both; }
#regTable td { padding:3px 2px; white-space:nowrap; }
#regTable #signIn { border: 1px solid #1D608B; background-color: #DEF2FB; padding:5px; }
#password-note { color:#999; }
#asmanexuser { background:#DEF2FB; border:1px solid #1D608B; padding:5px; width:340px;}
#asmanexuser-note { border:1px solid #1D608B; border-top: 0; padding:5px; width:340px; display:none;}


/*-- Subscriptions --*/
.subscription { background: #1d608b; padding:1px;	margin:5px 0; }
.subscription	label.title { color: #fff; font-weight: bold;}
.content { padding:5px; background: #def2fb; }
.content p { color: #000; font-size: 85%; font-weight: normal; margin:0;}
.details { margin-top: 3px; padding:3px; background: #fff; }
.details p { color: #666; }
#linkNewsletterClose, #linkNewsletterOpen, #linkRefillReminderClose, #linkRefillReminderOpen { white-space:nowrap; }
#linkNewsletterClose, #linkRefillReminderClose { display:none; }
#infoNewsletter, #infoRefillReminder  { display: none;}

/*-- Opt In --*/
#optin { margin:5px 0; }
#yes { float: left; width: 48%; }
#no { float: left;  width: 48%; }
#compliance-desc { padding: 0 0 0 15px; }
#yes, #no { background: #1D608B; border:1px solid #1D608B; margin:0 1px 1em; }
#yes p, #no p { font-size: 85%; font-weight:bold; padding:3px 10px; text-align:left; color:#FFFFFF; margin: 0; }
#yes #options { background-color:#DEF2FB; padding:5px 20px; text-align:left; }

/*-- Privacy Statement --*/
#privacy-statement { background:#DEF2FB; border:1px solid #1D608B; margin:5px 0; padding:5px; }
#privacy-statement p { font-size: 85%; margin:0; }
#remember-me { text-align:center; font-size:85%; }
.buttons-wrap { text-align:center; clear:both; width:100%; }

/*-- Additional Information --*/
ul#who-suffers li { float:left;  padding: 0 0 0 10px; }
ul#symptom-severity li {  float:left; padding: 0 0 0 10px; }
#allergy-meds { clear: left; float: left; width:507px; margin: 0 0 1em;}
#allergy-meds p { float: left; }
#allergy-meds ul { margin: 0 10px; }
#allergy-meds ul li { margin: 0; }
#allergy-meds .meds-options { float: left; width:49%;}

#footnote p { font-size: 80%; color:#999; margin: 0; }

.messages { background: url(../images/content-bullet.gif) no-repeat 0 .35em; padding: 0 0 0 12px }


/*----- SIGN IN  -----*/
table#signIn { border: 1px solid #1D608B; background-color: #DEF2FB; width:auto; margin:3em auto 200px;}
	table#signIn td { padding:3px; }

/*----- UNSUBSCRIBE -----*/
.unsubscribe { border:2px solid #24658f; background: #def2fb; padding: 5px 10px; margin: 1em 0 200px; color:#000; text-align:left; }

/*----- FREE TRIAL COUPON ----- */
#ftc-wrapper {text-align: center; margin: 0 auto; width:558px; }
#ftc-print { border:1px dashed #999; padding:4px; width:554px; text-align: left; clear:both; } 
#ftc #top { background:#fff url(../images/bg-fade.gif) repeat-x 0 100%; }
#ftc-nav { margin:0 0 10px; }
#ftc h1 { display:inline; margin:0 10px 0 0; padding:0; line-height:normal; background:none; letter-spacing:normal; } 
#ftc h2, #ftc h3 { font:bold italic 90%/160% arial; margin-left: 20px; color: #333; }
#ftc h3 { margin-top:5px; }
#ftc #print-button { vertical-align:bottom; }
#ftc #continue-button { font-weight:bold; color:#039; background:url(../images/callout-bullet.gif) no-repeat 0 50%; padding:0 0 0 15px; margin-left:15px;  }
#ftc #eligibility { border-top:4px solid #039;}
#ftc #eligibility ul { margin-left:12px; }
#ftc #eligibility li { background:url(../images/bullet-disc.gif) no-repeat 0 .65em; padding-left:8px; font-size:75%; color: #333;  } 
#ftc p { padding-left:20px; font-size:75%; } 
#ftc blockquote { padding-left:20px; font-size:75%; }
#ftc p strong { font-size:115%; }
#ftc dl { font: normal 14px/20px arial;  }
#ftc dl#one {width:15.5em;}
#ftc dl#two { width:12.5em; }
#ftc dt { float:left; text-align:right; width:6em; font-weight:bold; }
#ftc dd {  padding-left:6.5em;  }
#ftc ul#personal-info { float: left; padding:8px 0; }
#ftc ul#personal-info li { float:left; padding-left:1em; }
#ftc ol#steps { clear:left; padding:.5em 2em 1.5em; margin: 0 2em;  background: url(../images/ftc-separator.gif) no-repeat; }
#ftc ol#steps li { padding: 6px 2px; color: #333; }
#ftc #asmanex-bottle {  float:right; margin: 8px 10px 8px 0; }
#ftc p#copyright {	background:#004990; color:#fff; margin:0; text-align:center; font-size:85%; padding:3px 0; }

/*----- COUPON PRINTOUT  -----*/
#coupon-print { font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#coupon-nav { margin:0 0 10px; text-align:center; }
#coupon-print h1 { display:inline; margin:0 70px 0 0; padding:0; line-height:normal; background:none; letter-spacing:normal; font-family:arial,sans-serif; } 
#coupon-print #print-button { vertical-align:bottom; }
#coupon-print #continue-button { font-weight:bold; color:#039; background:url(../images/callout-bullet.gif) no-repeat 0 50%; padding:0 0 0 15px; margin-left:15px;  }
#coupon-print .tdBg { background-color:#099; }
#coupon-print .userInfoField {  font-size: 12px; color: #000;  font-weight: bold;}
#coupon-print .userInfoValue { font-size: 12px; color: #000; font-weight: bold;}
#coupon-print .idNum { font-size: 10px; color: #000; font-weight: bold;}
#coupon-print .toReceive { font-size: 11px;}
#coupon-print .eligAndLimit { font-size: 9px;}
#coupon-print .eligAndLimit td { font-size: 9px;}
#coupon-print .signature { font-style: italic; font-size:14px; }
#coupon-print .signDisclaimer { font-size: 9px; }
#coupon-print .links { font-size: 9px; color: #fff;}
#coupon-print .links a { font-size: 9px; color: #fff;}
#coupon-print .copyright { font-size: 9px; color: #000;}
#coupon-print #cpnForm form { margin: 0; padding: 3px 0;}
#coupon-print table { margin:auto; }
#coupon-print .userInfo { margin:0; }
#coupon-print #userInfoWrap { margin:0; }

/*----- PEAK FLOW DIARY -----*/
.pfSummary { font-family: Arial, helvetica, sans-serif; font-size:10px; vertical-align:top; }
.pfSummaryBold { font: bold 11px Arial, helvetica, sans-serif; vertical-align:top; }
.pfLow { background: #CFC;}
.pfMed { background: #FFC; }
.pfHigh { background: #FCC; }
.hmPeakflow { border:1px solid #1c618d; padding: 0 2px; line-height: 18px; margin-right: 3px; display:inline; }
.pfDataTable { border: 1px solid #1D608B; border-collapse:collapse; padding: 10px;}
.pfDataTableLabelTD { background: #e5effb; text-align:right; padding: 5px; }
#pfTable table td { padding:1px; }

#chart, #chart td { font-family: arial; font-size: 11px; }
#chart #barDetailDiv { position:absolute; visibility:hidden; z-index:200; border:1px solid #1D608B; font-family: arial; font-size:10px; width:150px;}
#chart #key { text-align: center; margin:5px; }
#chart #key table { margin: 0 auto; text-align: left; border:1px solid #1D608B; background-color:#DEF2FB; padding: 5px; }
#chart #key p { font-size: 10px; font-family: arial; margin:3px; }
#chart #key img { border: 1px solid #000; vertical-align: middle; }
#chart .detailTitle { display:block; font-size:14px; color: #fff; padding: 3px; background-color: #1D608B; font-weight: bold; }
#chart .detailBody { display:block; font-size:11px; color: #000; padding: 3px; background-color:#DEF2FB; font-weight: bold; }
#chart .chartBar { border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #808080; border-bottom: 1px solid #808080; }
#chart .personalBest { padding:3px; color:#FFF; font-family: arial; font-size: 11px; font-weight: bold; background-color: #1D608B; }
#chart .dateRange { border-top: 2px solid #FFF; padding:3px; color:#FFF; font-family: arial; font-size: 12px; font-weight: bold; background-color: #1D608B; }
#chart .highlight { border: 1px solid #000; }
#chart .note { font-size: 10px;}