html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,sub,sup,strong,b,u,i,ol,ul,li,dl,dt,dd,form,fieldset,label,legend,caption {margin:0; padding:0; border:0; outline:0; font-size:100%; }
h1,h2,h3,h4,h5,h6 {font-size:1em; font-weight:normal;}
body { line-height:1; }
ol,ul { list-style:none; }
:focus { outline:0; }

body { background:#EEE5C9 url(../images/line_gif.gif) repeat-x scroll 0 0; font:62.5%/1.4 arial,verdana,sans-serif; }
sup { vertical-align:text-top; font-size:.8em; }
sub { font-size:.8em; }

h1, h2 { color:#007099; }
h1 { font:bold 1.7em/1.1 futura,"Futura Condensed","Trebuchet MS",helvetica,arial,sans-serif; }
h1 span { font-size:.7em; white-space:nowrap; }
h2 { font:bold 1.1em/1.1 arial,helvetica,verdana,sans-serif;  }

#wrap { background:url(../images/nav-bg.gif) repeat-y; width:775px; margin:0 auto; position:relative; overflow:auto;  background-color:#fff; }
#header { width:774px; height:234px; background:url(../images/foradil-header_new.jpg) no-repeat; }
#nav { position:relative; float:left; margin-top:-108px; width:222px; }
#content-wrap { width:552px; float:left; padding:10px 0 0; }

#main-content { font-size:1.4em; padding-left:17px; width:382px; padding-right:15px; float:left;}
	#main-content p { margin:0 0 1em; }
	#main-content a { font-weight:bold; color:#0278a4; }
	#main-content a:hover { color:#05bdf2; }
	#main-content ul, #main-content ol { padding:0 0 1em; }
	#main-content ul ul { padding:0; }
	#main-content ul li { background:url(../images/bullet4.gif) no-repeat 6px .5em; padding:0 0 1em 19px; }
	#main-content ol li { margin:0 0 1em 19px; list-style-type:decimal; }

#pi-content { font-size:1.4em; padding-left:17px; width:520px; padding-top:10px; padding-right:15px; float:left; }
        #pi-content p { margin:0 0 1em; }
        #pi-content a { font-weight:bold; color:#0278a4; }
        #pi-content a:hover { color:#05bdf2; }
        #pi-content ul, #main-content ol { padding:0 0 1em; }
        #pi-content ul ul { padding:0; }
        #pi-content ul li { background:url(../images/bullet4.gif) no-repeat 6px .5em; padding:0 0 1em 19px; }
        #pi-content ol li { margin:0 0 1em 19px; list-style-type:decimal; }

#home #content-wrap, #form #content-wrap, #wide #content-wrap { padding:0; width:535px; background-color:#ffffff; }
#home #main-content, #form #main-content, #wide #main-content { width:100%; padding-right:0; }

.callouts { margin:10px 0 0; }
	.callouts img { float:left; vertical-align:bottom; margin:0 5px 5px 0;}

#sidebar { float:right; }
	#sidebar img { float:left; clear:left; display:block; margin:0 0 10px; }
	#sidebar form{ float:left; clear:left; display:block; margin:0 0 10px; }

#logo { position:absolute; top:0; left:0; margin:16px;}
	#logo span { display:block; width:298px; height:62px; background:url(../images/foradil-logo.gif) no-repeat; cursor:pointer;}
	#logo a { display:block; width:298px; height:62px; }
	#logo img { display:block; width:0;}

	
#nav a.within { font-weight:bold; }
#nav li { color:#000; background:#04a2cf url(../images/nav-level1-bg.gif) repeat-x; }
	#nav li.select { background:#fba35c url(../images/nav-level1-bg-select.gif) no-repeat 100% 0; }
	#nav li.select a { background:url(../images/bullet2.gif) no-repeat 6px 1em; color:#000; }
	#nav li a { font:bold 1.2em/1.3 verdana,sans-serif; color:#fff; text-decoration:none; display:block; padding:8px 0 8px 19px; background:url(../images/bullet1.gif) no-repeat 6px 1em; border:1px solid #000; border-width:1px 0 0;}
	#nav li a:hover { background-color:#05bdf2; }
	#nav li li { background-color:#f3ecd4; background-image:none; background-repeat:no-repeat; } 
	#nav li li a, #nav li.select li a { color:#000; font-weight:normal; background:#f3ecd4 url(../images/bullet2.gif) no-repeat 16px 1em; padding:8px 0 8px 29px; }
	#nav li li.select a { background-position:16px 1em; }
	#nav li li a:hover { background-color:#fff8de; } 
	#nav li li li { background:#fff; }
	#nav li li li a, #nav li.select li li a, #nav li li.select li a  { color:#000; font-weight:normal; background:#fff url(../images/bullet2.gif) no-repeat 42px 1em; padding:8px 0 8px 55px; }
	#nav li li li.select a { background-position:42px 1em; }
	#nav li li li a:hover { background-color:#eafaff; } 

#footer { background:#f0d5b6 url(../images/content-bg.gif) repeat-y; padding:0 0 0 17px; margin:14px 0 0; width:535px; float:left; margin-top:1em}
	#footer li { display:inline; }
	#footer a { font:bold 1.2em verdana; color:#0278a4; display:block; padding:9px 7px 9px 7px; float:left; background:url(../images/bullet3.gif) no-repeat 0 50%; }
	#footer a:hover { color:#05BDF2; }
	#footer a.first { background:none; }

#safety-information { background:#f7e9d8 url(../images/content-bg.gif) repeat-y; padding:.5em 0 0 17px; clear:left; width:535px; background-color :#fff }
	#safety-information p { font-family:verdana,arial,sans-serif; margin:1em 0 0; font-weight:normal; }
	#safety-information a { color:#868686; }
	#safety-information a:hover { color:#000; }

#search { position:absolute; top:192px; left:531px; letter-spacing:.5px; }
	#search label { font:bold 1.3em futura,arial,sans-serif; text-transform:uppercase; color:#868686; }
#query { width:150px; border:1px solid #868686; }
#search-pos { margin-top:140px; }
#search-pos1 { margin-top:120px; }
#search-btn { vertical-align:bottom; }
.search-container { background:#007099; padding:4px; text-align:center; color:#fff; margin:1em 0; }
#page p.searchResultSummary { margin:0 0 1em; }



#welcome { width:222px; font-size:1.1em; font-family:verdana,arial,sans-serif;}
	#welcome #top { background:url(../images/welcome-top-bg.gif) no-repeat 0 100%; margin:15px 0 0; }
	#welcome #top p { background:url(../images/welcome-top.gif) no-repeat; padding:10px 17px 10px 11px; font-weight:bold;  }
	#welcome a { color:#00788a; font-weight:bold; }
	#welcome #bottom { background:url(../images/welcome-bottom.gif) no-repeat; margin:0; }
	#welcome #bottom p { margin:0; }
	#welcome form { background:url(../images/welcome-bottom2.gif) no-repeat 0 100%; padding:10px 17px 10px 11px; }
	#welcome label, #welcome input, #welcome form a { display:block; }
	#welcome input.text, #welcome input.password { width:180px; }
	#welcome input.button { margin:5px 0; }

input#remember-me, label#remember-me-label { display:inline; margin:0; }

#sp-logo img { display:block; margin:10px auto; }

#sp-cares { float:left; background:url(../images/sp-cares-bottom.gif) no-repeat 0 100%; width:535px; margin:20px 0 0 17px;  }
	#sp-cares p { font-family:verdana,arial,sans-serif; color:#525252; background:url(../images/sp-cares-top.gif) no-repeat; margin-top:-10px; padding:10px 5px 10px 134px; position:relative;}
	#sp-cares a { color:#0278A4; font-weight:normal; }

#home #sp-cares { margin-left:0; }
	#home #sp-cares p { font-size:.7412em; padding-bottom:0; }

#tool-list { clear:left; display:block; width:123px; background:url(../images/tools-resources-bg.gif) repeat-y; margin:0 0 10px; }
	#tool-list p { margin:0 0 0 10px;  }
	#tool-list a { float:none; margin:0; width:123px; color:#0278A4; }
	#tool-list ul { margin:0 0 0 15px; }
	#tool-list img { float:none; margin:0; }
	
/* 
 LEGACY STYLES
**************************************************************************** */
.error { color: #f00; }

/*--- Content ---*/
.pageTitle { color:#BE7A25; font-weight:bold; font-size:16px; }
.pageSubtitle { font-size: 12px; font-weight: bold; color: #007099; }
.pageSubtitleFrm { font-size: 13px; font-weight: bold; color: #007099; }
.contentDesc li { list-style-image: url(../images/all_li_bullet.gif); margin: 7px 0px 0px 0px; padding:0; }
.references { font-size: 10px; }

/*--- Comparison Tables ---*/
.compareTbl { background:#099; }
.compareTbl th { background:#099; color:#fff; }
.compareTbl td { background: #d3eef5; color:#000; padding:3px; border:1px solid #099; }

/*--- Peak Flow Zones ---*/
#peak-flow-zones, #how-to-use { margin:0 0 1em; }
#peak-flow-zones td, #how-to-use td { padding:3px; }

/*-- New Registration --*/
#newReg { font-family: arial, verdana, sans-serif; }
#newReg td { margin-top:0px; font-size: 10px; }
#newReg td.label, #newReg td.label p {font-family: arial, verdana, sans-serif; font-size: 14px; }
#newReg .regTableTitle { font-weight:bold; color: #FFF; background-color:#007099;}
#signIn { border: 1px solid #007099; background-color:#FBECD7; padding:3px; }
#signIn a { font-weight: bold; color:#0278A4; }
#signIn a:hover { color:#05BDF2; }
#regTable { border: 1px solid #007099; background-color: #EAF4F6; margin:3px; }
#regTable td { padding: 2px; }

#optinWrapper { border:1px solid #007099; margin:2px; }
#optinText { display: block; background-color:#007099; color: #FFF; font-weight: bold; padding: 3px 10px; text-align: left; }
#optinOptions { padding:5px 20px; text-align: left; background-color: #F5FAFE; }

#footnote { font-size: 9px; color:#999; margin-top:10px; }

#privacyStatment { border: 1px solid #366; background-color: #FBECD7; padding:3px; }
#privacyStatment td { font-size: 10px; }

#compliance-desc { padding: 5px 0 5px 0; }
#compliance-checkbox { padding: 0 0 0 15px; }

#remember-me { text-align:center; font-family: arial, verdana, sans-serif; font-size: 14px; padding:10px;}
#rememberMe { color:#999; font-size: 11px; }
#rememberMe a { font-weight: normal; }

/*-- "Peak Flow Diary" --*/
.pfSummary { font-family: Arial, helvetica, sans-serif; font-size:10px; vertical-align:top; }
.pfSummaryBold { font-family: Arial, helvetica, sans-serif; font-size:11px; vertical-align:top; font-weight:bold; }
.pfLow { background: #CCFFCC; }
.pfMed { background: #FFFFCC; }
.pfHigh { background: #FFCCCC; }
.pfDataTable { border: 1px solid #007099; border-collapse:collapse; padding: 10px 10px 10px 10px;}
.pfDataTableLabelTD { background: #FBE4C7; text-align:right; padding: 5px; }

/*----- UNSUBSCRIBE -----*/
.unsubscribe { border:2px solid #366; background-color: #FBECD7; padding: 5px 10px; color:#000; text-align:left; }

/*-- PEAK FLOW DIARY --*/
#chart, #chart td { font-family: arial; font-size: 11px; }
#chart #barDetailDiv { position:absolute; visibility:hidden; z-index:200; border:1px solid #007099; 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 #fc6; background-color:#daeeef; padding:5px; }
#chart #key p { font-size:10px; font-family:arial; margin:3; }
#chart #key img { border: 1px solid #000; vertical-align: middle; }
#chart .detailTitle { display:block; font-size:14px; color:#fff; padding:3px; background-color:#007099; font-weight:bold; }
#chart .detailBody { display:block; font-size:11px; color:#000; padding:3px; background-color:#DFD; 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:bold 11px arial; background-color:#007099; }
#chart .dateRange { border-top:2px solid #fff; padding:3px; color:#FFF; font:bold 12px arial; background-color:#007099; }
#chart .highlight { border: 1px solid #000; }
#chart .note { font-size: 10px; }

/*-- TRIGGER TRACER --*/
#progressBarContainer { height:20px; border:1px solid #000; background-color: #D5EEF5; }
#progressBarFill { height:18px; border:1px solid #007099; width:0%; background-color:#007099; z-index:100; position:absolute; }
#progressBarTextTop { overflow: hidden; margin:2; font-family: verdana, arial, sans-serif; font-weight:bold; font-size:11px; color:#D5EEF5; z-index:101; position:absolute; }
#progressBarTextBottom { margin:2; font: bold 11px verdana, arial, sans-serif; color:#007099; z-index:99; position:absolute; }

#package-insert { position:absolute; top:13px; right:12px; padding:0 5px 5px 10px; }
#package-insert a { display:block; padding:1px 13px 4px 0; font-size:1.1em; color:#fff; text-transform:inherit; text-decoration:none; }
#package-insert a:hover { display:block; color:#0ef; }
#package-insert em { display:block; font-style:normal; text-decoration:underline; background:url(../images/bullet1.gif) no-repeat 0 ; padding:0 0 0 14px; }
#package-insert { display:block; position:absolute;}