/*    Reset CSS with YUI Reset     */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0;
    padding:0;
}
img {border: 0;}
/*     Baseline Styles     */
body {   
    background-color: #e8e8ea;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-size: 12px;
    color: #666666; 	
    text-align: center;  	
}
a {color: #2c307c; text-decoration: underline;}
h1 {color: #5256a2; font-size: 26px; font-weight: bold; padding-top: 20px;}
/*     Generic Classes     */
.clearStyle {clear: both; line-height: 0; height: 0;}
.reg {font-size: 11px;}
.reg10 {font-size: 10px;}
.pad4 {padding-top: 4px;}	
.pad12 {padding-top: 12px;} 
/*     Content Wrappers     */
#wrapper {
    margin-left: auto;
    margin-right: auto;
    text-align: left;   
    border-left: solid 1px #acaed3;
    border-right: solid 1px #acaed3; 
	background-color: #ffffff;
	width: 958px;
}
#wrapper2old {
	background-color: #ffffff;
	width: 960px;
	position: relative;
	left: 50px;	
	position: relative;
	left: 50%;
	margin-left: -465px;
	margin-bottom: 40px;	
}
/*     Header Area     */
#header {
    height: 208px; 
    background: url(/images/bgHeader.gif) repeat-x left top; 
    padding: 0px 20px 0px 20px;  
}
	#header img#logoAZ {float: right; margin-top: 35px;}
	#header ul#utilityLinks {
		float: right;
		margin-top: 14px;
		width: 350px;
        list-style:none;		
	}
	#header ul#utilityLinks li.fontResize,
	#header ul#utilityLinks a {
		display: block;
		color: #efb606;
		text-decoration: none;
		font-size: 10px;
		text-transform: uppercase;
	}
	#header ul#utilityLinks a {padding: 4px 0 2px 0;}
	#header ul#utilityLinks li.fontResize {padding: 1px 0 2px 0;}
	#header ul#utilityLinks li {float: right; padding-left: 23px;}
	#header ul#utilityLinks a.print {background: url(/images/bgUtilityPrint.jpg) no-repeat right top; padding-right: 22px;}
	#header ul#utilityLinks a.share {background: url(/images/bgUtilityShare.jpg) no-repeat right 4px; padding-right: 20px;}
	#header ul#utilityLinks li.fontResize a {display: inline;}
	#header ul#utilityLinks li.fontResize a.smaller {font-size: 1em;}
	#header ul#utilityLinks li.fontResize a.normal {font-size: 1.2em;}
	#header ul#utilityLinks li.fontResize a.larger {font-size: 1.4em;}
	#header ul#utilityLinks li.fontResize a.active {font-weight: bold;}
/*     Sub-Header Area     */
#subhead {clear: both; color: #5256a2;}
	#subhead div#sub1 {float: left; width: 230px;}
	#subhead div#sub2 {float: left;}
	#subhead div#subbox {background-color: #fef0c7;}	
	#subhead img#track {margin-top: 25px;}		
	#subhead h1 {
		font-size: 26px;	    
	    font-weight: bold;
		padding: 40px 0px 0px 12px;
	}
	#subhead h2 {
		font-size: 16px;	    
        font-weight: bold;
		padding: 5px 0px 5px 5px;
	}	
/*     Navigation Area     */
#navigation {float: left; display: inline; margin-top: 62px;}
	#navigation ul, ol {list-style:none;}
	#navigation li {
		float: left;
		height: 44px;
		background-color: #dadaee;
		border: solid 1px #c4c5df;
		margin-right: 12px;
	}
	#navigation li.active {
		height: 47px;
		background-color: #fef4d4;
		border: solid 3px #fde393;
		border-bottom: none;
	}
	#navigation a {
		display: block;
		font-size: 14px;
		color: #7b7dc0;
		text-decoration: none;
		padding: 12px 13px;
	}
	#navigation li.active a {font-weight: bold; color: #3e418b;}
/*     Content Wrapper     */	
#content {
	width: 924px;
	padding-left: 20px;
    line-height: 1.5em;   	
}
/*     Baseline Styles in Content Wrapper      */
    #content h2 {
	    font-size: 18px;
        font-weight: bold;		
	    color: #5256a2;	
	    margin-top: 20px;			   
    }
    #content p {margin: 0px 30px 10px 0px;}		
    #content li {margin: 5px 15px 0px 30px;}
/*     Top Area on Home Page     */ 		
	#content div#hmTop {float: left; width: 722px;}
	#content div#hmRR {
	    float: left; 
	    width: 196px; 
	    height: 130px;	
	    margin-top: 40px;	    	        
	    background: url(/images/learn-more-bg.gif) no-repeat;
    }
        #content div#hmRR h3 {
		    padding: 14px 5px 5px 12px;
            font-size: 16px; 
            font-weight: bold;                            
            color: #5256a2;            		    					
        }          
        #content div#hmRR p {
		    margin: 0px;             
		    padding: 0px 5px 5px 12px;            
            font-size: 12px;                      
            color: #666666;            		    					
        } 
        #content div#hmRR a {
            font-size: 14px; 
            font-weight: bold;                            
            color: #5256a2;                       		    					
        }                       
/*     How To Area on Home Page     */ 		
	#content div#howTo {
  		font-size: 14px;
	    color: #555555;	  		
		height: 52px; 
		margin: 15px 0px 30px 0px;       						
	}
	    #content div#howTo1 {float: left; padding-left: 25px; width: 42px;}
	    #content div#howToBx1 {float: left; width: 125px; vertical-align: top;}	
	    #content div#howTo2 {float: left; width: 42px; padding-left: 50px;}
	    #content div#howToBx2 {float: left; width: 235px; vertical-align: top;}	
	    #content div#howTo3 {float: left; width: 42px; padding-left: 45px;}
	    #content div#howToBx3 {float: left; width: 235px; vertical-align: top;}
	#content div#howTo4 {
	    font-size: 14px;
	    color: #555555;
	    margin: 15px 0px 30px 0px;
	}	    
/*     Error Message on Home Page     */	    
	#content div#errDiv {
  		font-size: 11px;
	    color: #f80606;	  		
		padding: 0px 0px 0px 108px;        						
	}
/*     Question Areas on Home & Results Pages     */		    
	#content div#qboxs {	    
		width: 779px;
		font-size: 13px;
	    font-weight: bold;		
		color: #5256a2;		
	}	    
	    #content div#qbox1 {
            background: url(/images/qbox1.gif) no-repeat;	   
	        margin: 0px 0px 0px 30px;	
		    height: 118px;	
	    }	
	    #content div#qbox2 {
            background: url(/images/qbox2.gif) no-repeat;	    
	        margin: 20px 0px 0px 30px;	
		    height: 118px;	
	    }
	    #content div#qbox3 {
            background: url(/images/qbox3.gif) no-repeat;	    
	        margin: 20px 0px 0px 30px;	
		    height: 138px;	
	    }
	    #content div#qbox4 {
            background: url(/images/qbox4.gif) no-repeat;	    
	        margin: 20px 0px 0px 30px;	
		    height: 138px;	
	    }
	    #content div#qbox5 {
            background: url(/images/qbox5.gif) no-repeat;	    
	        margin: 20px 0px 0px 30px;	
		    height: 138px;
	    }	
	    #content div.ans {   
		    padding: 8px 0px 0px 120px;
		    text-align: center;	
		    line-height: 2.1em;
		    font-size: 12px;	    		    		    
	    }
	    #content div.res {   
		    padding: 8px 0px 0px 120px;
		    text-align: center;	
		    line-height: 1.9em;
		    font-size: 12px;	    		    		    
	    }
/*     Generic Styles in Question Areas     */	
	    #content span.pts {font-size: 15px; padding-left: 5px;}	    	    	    	    	    	    	        			
	    #content p.qtxt {padding: 10px 0px 0px 120px;}
	    #content p.qtxt2 {padding: 12px 0px 0px 120px;}
        #content .btn {width: 13px; height: 13px; vertical-align: text-top;}  
        #content .btn0 {width: 13px; height: 13px; vertical-align: top;}           	    
	    #content div.wid35 {float: left; width: 35px;}	    	
	    #content div.wid50 {float: left; width: 50px;}   
	    #content div.wid100 {float: left; width: 100px;}
	    #content div.wid140 {float: left; width: 140px;}
	    #content div.wid170 {float: left; width: 170px;}
	    #content div.wid190 {float: left; width: 190px;}
	    #content div.wid210 {float: left; width: 210px;}	
/*     Score/Scale Areas on Results Page     */		        	    	    	    	    
	#content div#scoreArea {width: 917px; }
	    #content div#score {
  		    font-size: 28px;
	        font-weight: bold;		
		    color: #6f73b5;	
		    margin-top: 20px;
		    text-align: center;	       						
	    }   
	        #content .litScore {color: #23307c;}	     	
	    #content .scaleArea {margin-top: 20px;}	
	        #content .scoreScale {
	            height: 40px;
	    	    width: 453px;
		        font-size: 16px;
	            font-weight: bold;		            		
		        text-align: center;
                padding-top: 11px;
                color: #ffffff;	            		    	 		                	    		                      
            }
                #content .scoreBadScale1 {
                    float: left;
                    background: url(/images/breath-prob-em.gif) no-repeat;
                    color: #fde87e;
                }
                #content .scoreBadScale2 {
	                float: right;                           
                    background: url(/images/breath-prob.gif) no-repeat;		    		                       
                } 
                #content .scoreGoodScale1 {
                    float: left;                
                    background: url(/images/breath-prob.gif) no-repeat;	    	 		                	    		                      
                }
                #content .scoreGoodScale2 {                
                    background: url(/images/breath-prob-em.gif) no-repeat;
	                float: right;
		            color: #fde87e;		    	 		               		    				    		                       
                }             
	    #content .scoreOptBox {
            background: url(/images/score-em.gif) no-repeat;
            height: 157px;	
	        font-weight: bold;
	    }
            #content .scoreOptBoxTop {
	            font-size: 18px;	
	            color: #fde87e; 
                padding: 8px 0px 0px 15px;
            }          
	        #content .scoreNoOptBoxTop {
	            background-color: #f1f1f7;	
	            height: 25px;
		        font-size: 18px;
	            font-weight: bold;		
		        color: #4b4f9a;
                padding: 8px 0px 0px 15px;	        
	        }
/*     Generic Styles in Score/Scale Areas     */	        
    #content .scoreBoxMg12 {margin-top: 12px;}
    #content .scoreBoxMg20 {margin: 20px 0px 20px 0px;}  
    #content .scoreBoxMg25 {margin-top: 25px;} 	
/*     Calculate Button on Home Page     */
	#content div#calc {margin: 20px 0px 15px 635px;}
/*     Disclaimer on Home Page - 1st occurence     */
	#content div#disclaim {
	    margin: 0px 40px 20px 0px;	    
		font-size: 15px;
	    font-weight: bold;		
		color: #5256a2;
	}
	#content div#disclaim2 {
	    margin: 0px 60px 25px 0px;
	    font-size: 11px;	
	    line-height: 1.4em;
		color: #666666;
	}	
			
/*     Print Button Area on Results Page     */		
	#content div#prnt1 {
		float: left;	    
		margin-top: 20px;
        font-size: 16px;
        font-weight: bold;		
        color: #3e2d7d; 
        padding: 0px 98px 0px 105px;								
	}
	#content div#prnt2 {float: left; margin-top: 20px;}
	#content div#btmlinks {  
		margin-top: 20px;
        font-size: 12px;
        font-weight: bold;		
        color: #2c307c; 
        padding: 0px 0px 0px 108px;
	}
/*     HCP Page     */ 						
    #content div#cont1 {margin-top: 20px;}
    #content div#cont2 {
        font-size: 12px;
	    color: #5256a2; 	    
	    float: right;
	    width: 241px;
	    padding: 0px 6px 10px 40px;
    }
        #content div#cont1 ul {width: 835px; padding:0 0 10px 0;}    
        #content div#call1 {
            background: url(/images/track-test-bg.gif) no-repeat;
	        padding: 13px 32px 0px 42px;
	        margin-bottom: 10px;		    
            height: 134px;
            text-align: center;             		    					
        }
            #content div#call1 a {
                font-size: 14px; 
                font-weight: bold;                            
                color: #5256a2; 
                text-decoration: none;
            }	    
        #content div#call2 {
            background: url(/images/track-pub-bg.gif) no-repeat;
            font-weight: bold; 	        
            color: #464644;        	        
	        padding: 22px 15px 0px 82px;
            height: 119px;		    								

        }
			#content div#call2 p {margin: 0px;}	        
            #content div#call2 a {color: #5256a2; text-decoration: underline;}	    
        #content div#call3 {
            background: url(/images/nhlbi-naepp-bg.gif) no-repeat;                   
            height: 102px;				
        } 
            #content div#call3 .txt {                            
            font-size: 12px;
            color: #464644;                     	        
	            padding: 12px 15px 0px 110px;
	            margin: 0px 0px 5px 0px;
	            line-height: 1.5em;  		    	            	            

        }  
            #content div#call3 a {                            
                font-size: 12px;
                font-weight: bold;                            
                color: #5256a2;
                padding: 0px 0px 0px 10px;
                text-decoration: underline; 		    
	            		    	            	            
            } 
    #content div#refs {
        width: 835px; 
        margin: 40px 0px 0px 0px;
	    font-size: 11px;
	    line-height: 1.4em;
	    color: #666666;        
        }
    	#content div#refs ul {list-style: disc;}  	
	    #content div#refs h3 {font-size: 14px; font-weight: bold; 		color: #5256a2;}    	           
/*     Asthma Area on Home Page     */
#asthmaLine {border-top: solid 6px #fef0c6;}
#asthmaInfo {
    padding: 0px 60px 0px 60px;
    line-height: 1.5em;      
    }
    #asthmaInfo h1 {color: #5256a2; font-size: 21px; font-weight: bold; padding-top: 40px;} 
    #asthmaInfo h2 {color: #5256a2; font-size: 16px; font-weight: bold; padding-top: 20px;}
    #asthmaInfo li {margin: 10px 15px 10px 30px;}  
    #asthmaInfo p {margin: 0px; padding: 0px;} 
    #asthmaInfo .padTop {margin-top: 20px;}                   
    #asthmaInfo .trig {float: left; width: 275px; margin: 0px; padding: 0px;}                         
/*     Interstitial Page     */
#interHdr h2 {margin: 50px 150px 0px 150px; text-align: center;} 
#interTxt {margin: 0px 150px 0px 150px; padding-bottom: 10px; text-align: center;}
    #interTxt .interBtn {width: 95px; margin-left: 20px; margin-right: 20px;}
    #interTxt .can {width: 95px;}
    #interTxt p {margin: 15px 0px 0px 0px; text-align: center;}  
/*     Footer Area     */ 
#footer {border-top: solid 6px #fef0c6;	margin-top: 40px; }
	#footer p {
		font-size: 11px;
		line-height: 1.4em;
		color: #666666;
		padding: 20px 76px 0px 20px;
	}
	#footer h3 {
		font-size: 15px;
	    font-weight: bold;		
		color: #5256a2;
		padding: 20px 55px 0px 20px;
	}	
/*     Hidden Div for Dart Tag JS     */ 	
#darttag{background-color: #ffffff; width: 958px; height:0px; font-size:0px; line-height:0;}
/*     Hidden Layer for Flash     */ 
#hidden_div{cursor:pointer; position:relative; top:-1200px;}
#mask{position:absolute; background-color:Black;  left:0; height:1000px; width:100%; _width:1400px; z-index:10; filter:alpha(opacity=65); -moz-opacity:0.65}
#pop_up_flash_player{position:absolute; top:0px; left:300px; z-index:100; width:670px; }
.close_pop_up{float:right;}
#hidden_div img{ behavior: url(/includes/iepngfix.htc) }