@import url("warningstyle.css");
/* AQHI city page CSS file */
.clearboth {clear:both;line-height:0;height:0;}
.textMarginLeft {margin-left:4px;}
.textMarginRight{margin-left:200px;}
.titleRed {color:#993333;}
.titleWhite {color:white;}
.titleBlue {color:#0000CC;}
.marginTop0 {margin-top:0;}
.airWidth300 {width:300px;}
.noBorder {border:none;}
.bottomBar {border-bottom:1px solid #993366;}
.notAvailable {padding:10px;}
.totheright {width:95%;float:right; text-align:right;margin-top:-15px;padding-right:10px;}
.marginTop {margin-top:5px;padding-right:10px;}
.marginFree {margin:0px;padding:0px;}
.bgValue_ {background-color:#CCCCCC;}
.bgValue1 {background-color:#99ccff;}
.bgValue2 {background-color:#66ccff;}
.bgValue3 {background-color:#00ccff}
.bgValue4 {background-color:#99CCCC;}
.bgValue5 {background-color:#999999;}
.bgValue6 {background-color:#999966;}
.bgValue7 {background-color:#996600;}
.bgValue8 {background-color:#996633;}
.bgValue9 {background-color:#993300;}
.bgValue10 {background-color:#660000;}
.bgValueP {background-color:#FF0000;}

.righttab {
	   float:right;
}
.moreinfo4 {
	   font-size:100%; margin:0; border:1px solid #b2becf; padding-left:0; padding-right:0; color:#003399;
}
div.toprow {
   width:596px;
}			
#container {
   position:absolute;
}
form#quickLinkForm {
	   margin-bottom:15px;
}
.hidden {
   height:0! important;
   margin:0! important;
   padding:0! important;
   display:none;
}
/* legend bar and category link */
div#levelLinks {margin-top:5px; font-size:80%;float:left;}
div#cat0 {width:80px;}
div#cat1 {width:126px;}
div#cat2 {width:163px;}
div#cat3 {width:130px;}
div#cat4 {width:100px;text-align:center;}
div#cat0Fr {width:90px;}
div#cat1Fr {width:115px;}
div#cat2Fr {width:153px;}
div#cat3Fr {width:142px;}
div#cat4Fr {width:100px;text-align:center;}

div.indexBar {border:1px solid white;height:1.7em;}
div.indexBar div  {float:left;height:27px;border-top:1px solid gray;border-right:1px solid gray;border-bottom:1px solid gray;padding-top:5px;}
div#indexBar {margin-top:5px;}
div.normalBarCell  {width:53px;}
div.bigBarCell  {width:54px;}
div#bar1 {border-left:1px solid gray;}

/*  current AQHI condition box */
div#currAqhi {border-left:2px solid #669900;border-right:2px solid #669900;border-bottom:2px solid #669900;margin-top:7px;float:left; margin-bottom:15px}
div#currAqhi a.whiteLink {color:white;}
div#currAqhi1 {margin:14px 0 28px;float:left;}
div.currBox {float:left;width:140px; border-right:2px solid #669900;} 
div#currBox31 {width:auto;margin:10px 0 0;}
div#currBox32 div {width:110px;margin:4px 30px 1px 8px; padding:6px}
div#linkBox {margin-top:5px;margin-bottom:15px; border:1px solid #669900;}
div#linkBox  a.div#linkBox a:visited {color:#0000CC; text-decoration:underline;}
div#linkBox div#linkBox1{margin:13px 0;}

div.width300 {width:300px;height:auto;}
div.width300 ul {margin:0px;padding:0px}
div.width300 dl {margin:0px;padding:0px}
div.topdisplay {background-color:#669900; width:600px;height:25px;}

/*  AQHI forecast box */
div#forecastAqhi {border-left:2px solid #669900;border-right:2px solid #669900;border-bottom:2px solid #669900;margin-bottom:18px; padding:0px 0 1px;float:left;}
div#forecastAqhi div#weekDays {margin-top:10px;margin-top:-10px;padding-top:10px;} 
div#forecastAqhi div.periodBox {margin:0px;padding:0px;}
div#forecastAqhi div.periodBox div.white div {width:115px;padding:6px;height:auto;margin-left:36px;margin-bottom:5px;text-align:center; height:5.0em;}
div#forecastAqhi div.issuedat{border-bottom: 2px solid #669900; padding:5px 5px 2px 5px;}
div#forecastAqhi div.bigbox {border-right:2px solid #669900;float:left;width:33%;height:9.0em;}
div#forecastAqhi div.noBorder{border:none;}

div#forecastAqhi div.periodBox div.healthMsg {background-color:#0000CC;margin-top:10px;padding:4px 0;}

div#forecastAqhi div.periodBox div.healthMsg a  {color:white;text-decoration:none;display:block;}

div#forecastAqhi a.healthMsg {margin-left:262px;color:white;}
/* Who is at risk and Did you know box */
div#whoDid { border-bottom:1px solid #993366;height:auto;}
div#whoDid div {padding:10px 0 0;}
div#whoDid div#whoAtRisk {width:46%;}
div#whoDid div#didUknow {width:46%;margin-left:10px;}


div.msBorderWidth {border: 1px solid black; width:520px;}
.msBox {border-right:1px solid black; width:165px; height:190px;}
.msBox div {font-size:137%; margin:20px;}
.tablerow{border:1px solid black; border-left-style:none; border-top-style:none; border-bottom-style:none; padding-bottom:23px}
table.multiplestation {width:350px; table-layout:fixed; height:192px;}
table.trends   {margin:0 0 5px 0; padding:0px; width:95%;  /* border:1px solid #EEE; */ color:#000; }
table.trends1   {margin:0 0 5px 0; padding:0px; width:55%;  /* border:1px solid #EEE; */ color:#000; }
table.stations {margin:0 0 5px 0; padding:0px; width:72%;  /* border:1px solid #EEE; */ color:#000; }
table.trendsBorderFit   {margin:0 0 5px 0; padding:0px; width:93.5%;  /* border:1px solid #EEE; */ color:#000; }
table.trendsSmallerFit {margin:0 0 5px 0; padding:0px; width:85%;  /* border:1px solid #EEE; */ color:#000; }

table.trendsBorderFit th {color:#fff; background-color:#669900;  font-weight:normal; /* border:1px solid #EEE;*/  text-align:center;}
table.trendsSmallerFit th {color:#fff; background-color:#669900;  font-weight:normal;  text-align:center;}

table.stations th {color:#fff; background-color:#669900;  font-weight:normal; /* border:1px solid #EEE;*/  text-align:center;}


table.trendsBorderFit th a:link, table.trends th a:visited {color:#ffffff;}

table.trendsSmallerFit th {color:#fff; background-color:#669900;  font-weight:normal;  text-align:center;}


table.trendsSmallerFit thead tr th span.summaryheader{ top:1px;}
table.stations th a:link, table.trends th a:visited {color:#ffffff;}

table.stations  th.date { background-color:#CADFAA; color:#000; text-align:left; }


table.trendsBorderFit th.date { background-color:#CADFAA; color:#000; text-align:left; }
table.trendsSmallerFit th.date { background-color:#CADFAA; color:#000; text-align:left; }

.alignPosition{

position:relative;
text-align:center;
width:55%;
bottom:-10px;
}
.alignPositionFrench{
   position:relative;
   left:50px;
   bottom:-10px;
}
.alignPositionMessageBox{
   position:relative;
   left:50px;
   bottom:-10px;
}

.messageSize{
   width:450px;
}
.table-fixed{
   table-layout:fixed;
}

.fontBold {
   font-weight:bold;
   text-align: center;
}
.righttab {
	   float:right;
}

.table-size{
	margin-top:20px;
}
.width520{
	width:520px;
}

/*Health Message*/
.HMsg{
color:white;
		text-decoration:none;
display:block;
}

div.HMsgBlock
{
	        background-color:#0000CC;
			          margin-top:10px;
padding:4px 0;

}

table.tableAlign td{
	text-align: center;
}

.alignLink{
	border:solid 1px;
margin: 6px;
	margin-left:10px;
	padding-left:-2px;
	padding-right:-2px;
}

.alignCenterBorder{
   text-align: center;
border: 0px solid black;
			  font-size:8.5pt;
text-color:white;
}
.alignCenterBordr{
			  padding-right:20px;
           padding-left:20px;
           padding-top:7px;
   		  background-color:#0000CC;
			  margin-top:10px;
			text-decoration:none;
}
.alignCenterBrder{
		position:relative; 
		bottom: 4px; 
		color:white;
}
.centerStationTbl{
	margin-right:150px;
}
.multipleMessage {
	word-spacing:-3px; text-align:center;
}
.healthMess{
	margin-top:10px;
   bottom: 4px;
	color:white;

}

/*  partner message below the big box */
p#partners {margin:20px auto;}

/*  AQHI health message page   */
table.healthMessage {border-color:black;border-collapse:collapse;margin-left:1px;width:600px;}
table.healthMessage thead th {padding:4px 4px;border-color:black;}
table.healthMessage td {padding:2px 4px;border-color:black;}

/*AQHI Location list*/
li.noDisplay {list-style:none;}

@media print {
	    form#quickLinkForm {
			       display:none;
								   }
	.hidden {visibility:hidden;}
	/*Firefox on OS X does not display table border*/
	div.righttab { display:none; }
	table.healthMessage {border-width:2px;}
	table.healthMessage th  {border-style:solid;border-width:2px;}
	table.healthMessage td  {border-style:solid;border-width:2px;}
}