@charset "utf-8";
/* CSS Document */
/* $Id: airquality.css 65 2009-07-06 21:16:16Z DragKng $ */

sub {
	vertical-align:sub;
}


.aqiBar {
  height: 20px;
  padding: 0;
  margin: 0px;
}
.aqiBarForecast {
  height: 20px;
  width: 120px;
  padding: 4px 4px 4px 4px;
  margin: 4px;
  text-align:center;
}

.aqiBlue {
  background-color: #0000cc;
}

.aqiGreen {
  background-color: #00cc00;
}

.aqiYellow {
  background-color: #ffcc00;
}

.aqiOrange {
  background-color: #ff6600;
}

.aqiRed {
  background-color: #ff0000;
}

.aqiGray {
  background-color: #999999;
}
.aqiTransparent {
  background-color: transparent;
}

.twoColumn .resourceTable {
	width: 420px;
	margin-right: -3px;
	border-spacing:1px;
	border-collapse:separate !important;
	margin-bottom:22px;
	border-bottom: 1px solid #EEEEEE;

}
.resourceTable {  
	border-bottom: 1px solid #aaaaaa;
	margin-bottom: 10px;
	
}
.graphTable{
    margin-bottom: 20px;
}
.resourceTable td.disclaimerRow {  
	background-color: #e5e5e5;
	border-bottom: 1px solid #C2C2C2;
	padding: 3px 6px;
	
}
.resourceTable td.evenrow {  
	padding: 4px;
	vertical-align:middle;
}

.resourceTable td.oddrow {  
	padding: 4px;
	vertical-align:middle;
}
.resourceTable td.center {  
	text-align:center;
	display: table-cell; 
	vertical-align: top;
}

a.blackLink {  
	font-weight:normal;
	color:black;
}

#breadcrumbs {
	margin-top: 0px;
	padding:5px 0 5px 0;
	border: 0px solid red;
}

#bannerHeader {
	width: 980px;
	height: 32px;
	position: relative;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #dce4ef; /* COLOUR CHANGE the background colour to your site's colour scheme */
	background-image: url(/images/arc_right_980x40.png);
	background-repeat: no-repeat; 
	margin-right: 0px;
}

#bannerHeaderSearchForm {
	width: 980px;

	position: relative;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #dce4ef; /* COLOUR CHANGE the background colour to your site's colour scheme */
	background-image: url(/images/arc_right_980x40.png);
	background-repeat: no-repeat; 
	margin-right: 0px;
	padding-bottom: 10px;
	overflow: auto;
}

#bannerHeader h1{
	margin: 0px 0 0 20px;
	padding-top: 8px;
	border: 0px solid red;
}

.formTable td { 
	padding: 3px 3px;
}



h1 { 
	border-top: 1px dotted #999; 
	padding-top: 10px;
	margin-top:0;
}

td.tablehead {
	font-weight:bold;
	background-color: #e8e8e8;
}

#OntarioMap {
	width:330px;
	 background-color: #E1E1E1;
	
}

#textlinks a.last, #navbar p a.last {
  border: none; 
}

h1.search-form-header {
  float: left;
  margin: 8px 2px 0 10px;
  border-top: none;
  color: #000;
}
h2.top-content {
  font-size: 1.4em;
  margin: 1.2em 1em 1em 0;
}
h2 {
    padding-bottom: 6px;
    line-height: 1.7em;
}
  
:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
input:focus {
  outline:none;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
  
}
a#skipNav:link, a#skipNav:visited {
  color: #42782F;
  border-right: 1px solid #999;

}
a#skipNav:active, a#skipNav:focus, a#skipNav:hover  { 
	color: #0055BD; 
	
}
table.aqoFormTable {
border-collapse: collapse; 
}
table.aqoFormTable td,
table.aqoFormTable th {
padding: 4px; 
}

table.aqoFormTableTight {
border-collapse: collapse; 
}
table.aqoFormTableTight td,
table.aqoFormTable th {
padding: 0px; 
}
div.floatLeft {
	float:left;
}
div.floatLeftMargin {
	float:left;
	margin-left:8px;
	  text-align: left;
}

hr {
	width: 100%;
}

th.tablehead {
	background-color: #E8E8E8;
}

ul {
	max-width: 90%;
}

.resourceTable th, .resourceTable .tablehead {
	background-color: #E8E8E8;
	vertical-align: middle;
}
.resourceTable td.col-total {
	padding-top: 10px;
	padding-bottom: 8px;
	font-weight:bold;
}
.smogTable th, .smogTable .tablehead {
	border-bottom: 1px solid #C2C2C2;
	color: #444444;
	padding: 3px 6px;
}

.smogTable th a, .smogTable .tablehead th a {
	color: #444444;
}

.smogTable td {
	padding: 3px 6px;
}

.smogTable th, .smogTable .tablehead {
	background-color: #E8E8E8;
}
.smogTable th, .tableTop {
    border-top: 1px solid #222222;
}
.smogTable td.col-total {
	padding-top: 10px;
	padding-bottom: 8px;
	font-weight:bold;
    background-color: #E8E8E8;
    border-bottom: 1px solid #C2C2C2;
    border-top: 1px solid #222222;
}
.smogTable td.borderright, .smogTable th.borderright {
	border-right: 1px solid #999;
}
table.centercols {
border-collapse:separate;
}
table.centercols td, table.centercols th {
	text-align:center;
	background-repeat: no-repeat;
	
}
table.centercols td.alignleft, table.centercols th.alignleft {
	text-align:left;
}

.padded td.oddrow, .padded td.evenrow  {
	padding:12px;
}
.padded th, .padded .tablehead {
	padding:12px;
}
#smog-table{
	width:980px;
	overflow:hidden;
	margin-bottom: 10px;
	table-layout: fixed;
	border-collapse:separate;
}
#smog-table { table-layout:fixed; }
#smog-table td { overflow: hidden; }
	
div.dataTables_length {
	float:left;
	margin-right: 20px;
}
#smog-data_previous{
	margin-right: 10px;
}
.DTFC_LeftBodyWrapper {
	background-color: #E8E8E8;
	
}

#legal-footer{
	text-align:left;
}
#legal-footer p{
	margin: 4px;
	text-align:left;
}
div.dataTables_scroll { clear: both; }

#smog-table select {
    /* -webkit-appearance: none; */
    color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-size:100%;
	background-color: #fafafa;
}
#smog-table option {
	margin:4px;
}
.bold-type {
	font-weight:bold;
}

#smog-data_length, #smog-data_filter {
	margin: 4px 0;
}
.paginate_disabled_next, .paginate_disabled_previous {
	display:none;
}

/* Helpful classes for hiding content */

#skip-link {
  left: 50%;
  margin-left: -6.5em;
  margin-top: 0;
  padding: 0 0.5em;
  position: absolute;
  width: 12em;
  z-index: 50;
}
.element-invisible {
  border: 0;
 /* clip: rect(1px 1px 1px 1px);  IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
}

.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static !important;
  width: auto;
}

.station-button {
  margin: 5px 0 0 15px;
} 
#footer p {
  font-size: 1.0em;
}
.aqhi-scale {
	width:58px;
	height:20px;
	border:1px solid #999;
	padding:0;
	}


.aqhi-bar {
width:100%;
height: 20px;
margin-bottom:4px;
}
.aqhi-bar-80 {
	width:80px;
	height: 20px;
	margin-bottom:4px;
	float: left;
}
.aqhi-forecast-div{
	width:20px;
	height: 20px;
	margin-bottom:4px;
	float: left;
}
.aqhi-sixty {
	width:60px;
	padding: 5px 0 0 0;
}
	.aqhi-scale-text {
	padding: 5px 0 0 0;
	border:0px solid #999;
	}
   .aqhi-0 {
   	 background-color: transparent;
   	 border: 1px #999999 dashed;
   	 height: 18px;
   }
   .aqhi-1 {
   	 background-color: #00ccff;
   }
   .aqhi-2 {
   	 background-color: #0099cc;
   }
   .aqhi-3 {
   	 background-color: #006699;
   }
   .aqhi-4 {
   	 background-color: #ffff00;
   }
   .aqhi-5 {
   	 background-color: #ffcc00;
   }
   .aqhi-6 {
   	 background-color: #ff9933;
   }
   .aqhi-7 {
   	 background-color: #ff6666;
   }
   .aqhi-8 {
   	 background-color: #ff0000;
   }
   .aqhi-9 {
   	 background-color: #cc0000;
   }
   .aqhi-10 {
   	 background-color: #990000;
   }
   .aqhi-11 {
   	 background-color: #660000;
   }
   
  .row{ width: 700px;}
  .row-full-width { width: 720px;}
  .three_cols {width: 720px;}
  
  .chart-frame {
  width: 980px;
  height: 510px;
   overflow: hidden;

  }
  .table-frame {
  width: 980px;
  height: 310px;
  overflow: hidden;

  }
  .aqhi-result {
  width: 46px;
  height: 26px;
  padding: 10px 0 0 0;
  margin: 0 auto;
  border: 1px solid #000;
  }
  .aqhi-result-wrap {
  width: 100%;
  text-align:center;
  }

.js #smenu1 {display:none;}
.js #smenu2 {display:none;}
.js #smenu3 {display:none;}
.js #smenu4 {display:none;}
.js #smenu5 {display:none;}
.js #smenu6 {display:none;}
.js #smenu7 {display:none;}
.js #smenu8 {display:none;}
.js #smenu9 {display:none;}
.js #smenu10 {display:none;}
.js #smenu11 {display:none;}
.js #smenu12 {display:none;}
.js #smenu13 {display:none;}

caption {
    font-weight: bold;
    margin: 10px 0;
    text-align: left;
}

.photocap, .nav_top, .mycolour, .photolink {
    color: white;
}

.photolink a, .photolink a:link, .photolink a:visited, .photolink a:active {
    color: white;
}
.photocap {
    font-size: 1.0em;
}

.photolink {
    font-size: 1.0em;
}
.toplink {
    font-weight: normal;
    width: 100%;
    text-align: right;
    height: 60px;
}

sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
sub { top: 0.4em; }
#right_column {
    line-height: 1.5em;
}