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

ul {list-style:disc; }	
p { margin-bottom:1em; }
a { color: #023BAC; }
.clear { clear:both; }
.error { color: #f00; }
.hidden { left:-9999px; position:absolute; }

/*  Home and Global Page Styles  */

body { font:76%/1.5 arial,verdana,sans-serif; text-align:center; background: #fff url(../images/page-bg.gif) repeat-x; color:#676767; line-height:1.2em;}
#wrapper {width:772px; margin:0 auto; text-align:left; overflow:hidden; padding:0 0 7px 0; background-color:#fff;}
#sidebar {float:left; width:204px;}
#logo{margin:0;}
#search {margin:18px 0 9px 10px; }
#search input {margin-right:3px; vertical-align:bottom; }
#content-wrap { float:left; width:568px; }
#footer {margin:4px 0 8px; }
#logoPrint { display: none; }
#header {vertical-align:top; position:relative}
#homePageTabs  {margin-left:0px;}
#homePageTabs img {margin-right:3px;}
.headerContents {margin:0 12px 0 0;}

h1 {color:#387D44; font-size:1.9em;  margin:6px 0 20px 0; font-weight:normal;}
h2 {color:#858585; font-size:1.3em; font-weight:bold; line-height:1.3em; margin:8px 0 4px 0; clear:left; }
.printEmailDiv { float:right;  margin:3px 6px; }
.printEmailDiv img { margin-left:24px; }

#SPCares { width:550px; background-color:#fff; margin:0 0 8px 4px;}
.spCaresLogo { float:left; width:85px; margin-right:6px; vertical-align:top; }
.spCaresText { float:left; width:443px; line-height: 1.4em; text-align:left; color:#666; font-weight:bold; font-size:.9em;  vertical-align:top; margin-bottom:15px; }
.spCaresText a { color:#666; text-decoration:none; }
.spCaresText a:hover { color:#666; text-decoration:underline; }

#fairBalance { width:547px; background:#fff; text-align:left; padding:10px 0 0; margin:20px 0 0 10px;  border-top:1px solid #676767; clear:both; }
.home { border-top-width:0; }

#nav {background-color:#fff; width:192px; margin:0;  border-bottom:1px solid #B3AE98; }
#nav ul {margin:0; padding:0; width:192px; padding-bottom:6px }
#nav ul ul	{margin:-4px 0 -6px 0px; width:192px; background: url(../images/nav_bg.gif) repeat-y; background-position: 0px 0px; }
#nav ul ul li { padding:3px 8px 3px 23px; background: url(../images/nav_bullet.gif) no-repeat 11px .4em; }
#nav ul ul li.Sel { background-color:#E7E4DD; border:1px solid #B3AE98; border-width:0 1px;}

#nav ul ul li a { color:#005145; font-weight:bold; font-size: 1em; text-decoration:none; }
#nav ul ul li img { vertical-align: text-bottom; margin:0 0 0 3px; }
#nav ul ul li a:hover { text-decoration:underline; }

.homeHeaderLabel{ font-weight:bold; font-size: 1em; color:#FFFEFE; margin-left:8px;  background:#B3AA7A; line-height:26px}

.clearAll { clear: both;}



/*  Lower-Level Page Styles  */

#lowerLevelBG {width:556px; background-color:#fff; padding-bottom:15px;}
#contentArea {padding:2px 12px 0px 12px; color:#333; }

#contentArea ul { margin-top:5px; margin-left:10px; list-style:none}
#contentArea ul li {margin:0 0 .5em; padding:1px 8px 1px 14px; background: url(../images/listStyleBullet.gif) no-repeat 4px 6px; line-height:1.4em;} 

#contentArea ol {margin-top:5px; padding:0 0 0 2em;} 
#contentArea ol li {margin:0 0 .5em;  line-height:1.4em;} 

#contentArea ul.listLink{list-style:none }
#contentArea ul.listLink li { margin-left:0; padding:1px 8px 1px 14px; background: url(../images/listLink_bullet.gif) no-repeat; background-position: 4px 3px; line-height: 1.1em;}

#contentArea p { line-height:1.4em; }
#contentArea table {line-height:1.4em; margin:0 0 1em;} 

/* Legacy Styles */
.usingInhaler { margin:0 0 1em; clear:left;}
.usingInhaler div { margin:0 0 1em; }
.usingInhaler div p { margin:0; }
.cleaningInhaler { margin:0 0 1em; clear:left;}
.cleaningInhaler div { margin:0 0 1em; }
.cleaningInhaler div p { margin:0; }


/*-- Registration --*/
/* table.formTable td { padding:2px; }  */

table.formTable td  {
	padding:2px; 
	font-size:80%; /* for IE/Win 5 */
	f\ont-size:100%;  /* reset for other IEs/FF */ 
}


.sectionTitle { font-size:120%; font-weight: bold; color:#4677B1; }
.sectionSubtitleFrm { font-size:120%; font-weight: bold; color:#4677B1;  margin-bottom:3px; clear:left; }
#requiredFieldTxt { color: #f00; margin:5px; text-align:right;}

table.formTable td.label {white-space:nowrap;}

.subscriptionTable { border: 1px solid #f93; background-color: #fed; margin:3px 0; }
.subscriptionTitle { font-weight:bold; color: #fff; background-color: #f93; }
.subscriptionContent { font-size:85%; line-height:120%;}

.subscriptionContent img { vertical-align: middle;}

#linkCouponClose, #linkRefillReminderClose, #linkNewsletterClose, #linkCouponOpen, #linkRefillReminderOpen, #linkNewsletterOpen { white-space:nowrap; }
#linkCouponClose, #linkRefillReminderClose, #linkNewsletterClose { display:none; }
#infoCoupon, #infoRefillReminder, #infoNewsletter  { display: none; font-size:85%; line-height:120%; color:#666; background:#fff; padding:3px;}

/*--- Opt In ---*/
#optinWrapper { border: 1px solid #f93; margin-right: 2px; }  
#optinText    { display: block; background-color: #f93; color: #FFF; font-weight: bold; padding: 3px 10px; text-align: left; }
#optinOptions { padding: 5px 20px; text-align: left; background-color: #fed; }
.optinTextSp  { margin-bottom: 5px; }

/*-- Privacy --*/
#privacyStatement { padding:5px; border:1px solid #f93; background-color: #fed; margin: 5px 0; }
#privacyStatement p { font-size: 85%; margin:0;}

/*--- Sign In Page ---*/
#signIn { border: 1px solid #f93; background-color: #fed; padding:5px; }
#signIn a { font-weight: bold; color: #f93; text-decoration: underline; }
#signIn a:hover { color: #c60; }

#remember-me { text-align:center; font-size:85%; margin-bottom:5px; margin-top:10px;}
#rememberMe { color:#999; font-size: 11px; }
#rememberMe a { font-weight: normal; }

#welcome { margin:10px  0; width:220px; border:1px solid #fea233; border-width:1px 0; width:192px;  }
#welcomeContent { padding: 8px 11px; }
#welcomeContent #name { font-size: 110%; font-weight: bold; color: #3a7f49; }
#welcomeContent #links { font-size: 75%; color: #1b3d7c; } 
#welcomeContent #links a { color: #1b3d7c; text-decoration:none; }

/*--- Peak Flow ---*/
.pfDataTable { border: 1px solid #FF9933; border-collapse:collapse; padding: 10px;}
.pfDataTableLabelTD { background: #FBE4C7; text-align:right; padding: 5px; }
.pfDataTableTD { border-collapse:collapse; padding: 10px;}
.pfLow { background: #CFC;}
.pfMed { background: #FFC; }
.pfHigh { background: #FCC; }
.pfSummary { font-family: Arial, helvetica, sans-serif; font-size:9px; vertical-align:top; }
.pfSummaryBold { font: bold 11px Arial, helvetica, sans-serif; vertical-align:top; }
.greenZone {color: #0C0; font-weight: bold;}
.redZone {color: #F30; font-weight: bold;}
.yellowZone {color: #CC0; font-weight: bold;}

/*--- Search ---*/
#searchform { text-align:center; margin:.5em 0; }
#searchform #query { border:1px solid #b3ae98; color:#000; padding:2px; font:.9em arial,verdana,sans-serif; }
#searchform input { vertical-align:middle; }
.search-container { background:#e7e4dd; padding:4px; text-align:center; color:#000; margin:1em 0; }

/* TRIGGER TRACER 
------------------------------------------ */
body#trigger-tracer { text-align:left; background:none; }
#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; }

