@charset "utf-8";

/* CSS FOR WEBSITE DESIGN (NON-TEXT CONTENT) - PRINTER-FRIENDLY MODE

   Content: Global / Headers / Top menu / Content / Footer / Reverting

   Printer mode: printer-design.css  (alternate)
                 default-design2.css (persistent)
                 default-content.css (persistent)

   This code sets the structure of the page content and styling of permanent
   elements for the printer-friendly mode. It also may revert some persistent
   rules of persistent CSS files. */

/* GLOBAL ====================================================================*/

* {
  margin: 0px;
  padding: 0px;
} /* Reset all browsers to same default (especially IE) */

body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  text-align: left; /* left align content */
  background-color: #FFFFFF;
  cursor: auto;
  color: #000000;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, sans-serif;
}

/* WRAPPERS ------------------------------------------------------------------*/

div#objWrapper {
  width: 980px;
  text-align: left; /* reset text alignement to left */
  padding: 12px 12px 12px 12px;
}

div#objContentWrapper { padding: 0px 0px 24px 0px; }

/* HEADER ====================================================================*/

div#Header { display: none; }

div#HeaderPrint { display: block; }

div#HeaderPrint h1 {
  padding: 18px 0px 18px 0px;
  border-top: 2px solid #000000;
  border-bottom: 1px solid #000000;
  color: #000000;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 2px;
}

/* TOP MENU ==================================================================*/

div#TopMenu {
  width: 100%;
  font-size: 11px;
  overflow: hidden; /* fix null height in Firefox preventing background image display */
  height: 24px;
  border-bottom: 1px solid #000000;
}

/* MAJOR MENU ----------------------------------------------------------------*/

div#TopMenu ul#Major {
  margin: 0px; /*removes indent IE and Opera */
  padding: 0px; /*removes indent Mozilla and NN7 */
  list-style-type: none; /*turns off display of bullet*/
}

div#TopMenu ul#Major li {
  float: left; /* no line break between menu items */
  width: auto;
  text-align: center;
}

div#TopMenu ul#Major a {
  display: block; /* entire link is clickable */
  width: 100px; /* width + side padding = 100px */
  padding: 5px 0px 6px 0px; /* TB same as div#TopMenu ul#Minor a */
}

div#TopMenu ul#Major a,
div#TopMenu ul#Major a:link,
div#TopMenu ul#Major a:visited {
  color: #000000;
  text-decoration: none; /* no underlining */
}

div#TopMenu ul#Major a:hover,
div#TopMenu ul#Major a:active,
div#TopMenu ul#Major a:focus,
div#TopMenu ul#Major li:hover a,
div#TopMenu ul#Major li#Current a { text-decoration: underline !important; }

div#TopMenu ul#Major li#Current a { font-weight: bold; }

/* MINOR MENU ----------------------------------------------------------------*/

div#TopMenu ul#Minor {
  margin: 0px; /*removes indent IE and Opera */
  padding: 0px; /*removes indent Mozilla and NN7 */
  list-style-type: none; /*turns off display of bullet*/
  font-style: italic;
}

div#TopMenu ul#Minor li {
  float: right; /* no line break between menu items */
  width: auto;
  text-align: right;
}

div#TopMenu ul#Minor a {
  display: block; /* entire link is clickable */
  padding: 5px 18px 6px 6px; /* TB same as div#TopMenu ul#Major a */
}

div#TopMenu ul#Minor a,
div#TopMenu ul#Minor a:link,
div#TopMenu ul#Minor a:visited {
  color: #000000;
  text-decoration: none;
}

div#TopMenu ul#Minor a:hover,
div#TopMenu ul#Minor a:active,
div#TopMenu ul#Minor a:focus,
div#TopMenu ul#Minor li:hover a,
div#TopMenu ul#Minor li:active a,
div#TopMenu ul#Minor li:focus a { text-decoration: underline; }

/* CONTENT ===================================================================*/

/* BREADCRUMBS ---------------------------------------------------------------*/

div#Breadcrumbs {
  padding: 24px 0px 24px 0px;
  font-size: 11px;
}

div#Breadcrumbs span {
  color: #339900;
  font-weight: bold;
} /* user area special */

div#objContent div#Breadcrumbs a,
div#objContent div#Breadcrumbs a:link,
div#objContent div#Breadcrumbs a:visited {
  color: #000000;
  text-decoration: none;
}

div#objContent div#Breadcrumbs a:hover,
div#objContent div#Breadcrumbs a:active,
div#objContent div#Breadcrumbs a:focus { text-decoration: underline; }

.OneColLayout div#objContent.Home div#Breadcrumbs { display: none; }

/* AirText Banner ---------------------------------------------------------------*/

div#airtextbanner{background: url('http://airtext.info/images/cercbg2.png'); color: #000 !important; margin-top: 5px; margin-bottom: 5px; text-align:center; font: 100%/1.4 KnulBold, Helvetica, Verdana, Arial, sans-serif !important; font-size: 1.6em !important; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; margin-left:-18px; width:980px;}

div#airtextbanner a {color: #0055AA !important;}

div#airtextbanner a:visited {text-decoration: none;}
div#airtextbanner a:link {text-decoration: none;}
div#airtextbanner a:active  {text-decoration: none;}
div#airtextbanner a:hover {text-decoration: underline;}

/* SIDE MENU -------------------------------------------- CLASS .TwoColLayout */

.TwoColLayout div#SideMenu {
  float: left; /* floated => must be given a width */
  width: 200px; /* depends on div#Content{left-margin} */
  font-size: 11px;
}

.TwoColLayout div#SideMenu img { display: none; }

.TwoColLayout div#SideMenu ul {
  padding: 0px;
  margin: 12px 0px 0px 0px;
  list-style-type: none; /* turns off display of bullet */
}

.TwoColLayout div#SideMenu.IE6bugGainLayout.IE6bugAccBackground ul {
  margin: 0px;
  background-color: #FFFFFF !important;
  background-image: none !important;
}

.TwoColLayout div#SideMenu li#liFirst { font-weight: bold; }

.TwoColLayout div#SideMenu li li { text-indent: 15px; }

.TwoColLayout div#SideMenu li a,
.TwoColLayout div#SideMenu li li a { padding: 5px 0px 6px 18px; } /* TB same as div#TopMenu ul#Major a */

.TwoColLayout div#SideMenu li li a { padding: 2px 0px 1px 18px; }

.TwoColLayout div#SideMenu li a,
.TwoColLayout div#SideMenu li a:link,
.TwoColLayout div#SideMenu li a:visited,
.TwoColLayout div#SideMenu li li a,
.TwoColLayout div#SideMenu li li a:link,
.TwoColLayout div#SideMenu li li a:visited {
  display: block; /* entire link is clickable */
  color: #000000;
  text-decoration: none; /* no underlining */
  background-image: url(../img/menu2_whiteblack.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

.TwoColLayout div#SideMenu li li a,
.TwoColLayout div#SideMenu li li a:link,
.TwoColLayout div#SideMenu li li a:visited { background-image: url(../img/menu2b_whiteblack.jpg); }

.TwoColLayout div#SideMenu li a:hover,
.TwoColLayout div#SideMenu li a:active,
.TwoColLayout div#SideMenu li a:focus,
.TwoColLayout div#SideMenu li .uberlink,
.TwoColLayout div#SideMenu li li a:hover,
.TwoColLayout div#SideMenu li li a:active,
.TwoColLayout div#SideMenu li li a:focus,
.TwoColLayout div#SideMenu li li .uberlink { text-decoration: underline !important; }

.TwoColLayout div#SideMenu li .uberlink,
.TwoColLayout div#SideMenu li li .uberlink { font-weight: bold; }

.TwoColLayout div#SideMenu li.SideMenuTitle {
  padding-left: 4px;
  font-style: italic;
  letter-spacing: 1px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* USER AREA LOG OUT BUTTON */

div#objContent.User div#SideMenu div#divLogout { display: none; }

/* CONTENT ------------------------------- CLASS .TwoColLayout, .OneColLayout */

.TwoColLayout div#Content {
  padding: 0px 0px 0px 24px;
  margin: 0px 0px 0px 200px;
}

.OneColLayout div#Content {
  padding: 0px;
  margin: 0px;
}

/* FOOTER ====================================================================*/

div#objFooterWrapper {
  padding-top: 12px;
  border-top: 2px solid #000000;
  text-align: right;
  font-size: 10px;
}

div#objFooterWrapper p { line-height: 1em; }

div#objFooterWrapper div#FooterCopyright {
  float: left;
  width: 50%; /* floated => must be given width */
  text-align: left;
}

div#objFooterWrapper p#Accessibility { padding-top: 10px; }

div#objFooterWrapper a,
div#objFooterWrapper a:link,
div#objFooterWrapper a:visited {
  color: #000000;
  text-decoration: none;
}

div#objFooterWrapper a:hover,
div#objFooterWrapper a:active,
div#objFooterWrapper a:focus { text-decoration: underline; }

/* REVERTING SOME PERSISTENT RULES ===========================================*/

div#objContent a,
div#objContent a:link,
div#objContent a:hover,
div#objContent a:active,
div#objContent a:focus { color: #000000; }

div#objContent a.Anchor,
div#objContent a.AnchorDark { display: none; }

td { border: solid 1px #000000; }

th {
  border: solid 1px #000000;
  background-image: none;
}

.TwoColLayout div#objContent form {
  border: 1px solid #000000;
  background-image: none;
}

.TwoColLayout div#objContent form.frmNostyle { border: none; }

.TwoColLayout div#objContent form legend { color: #000000; }

.TwoColLayout div#objContent fieldset.frmReadonly input,
.TwoColLayout div#objContent fieldset.frmReadonly textarea { border: 1px solid #BBBBBB; }

div#objContent h1,
div#objContent h2,
div#objContent h3,
div#objContent h4,
div#objContent h5,
div#objContent h6 { color: #000000; }

div#objContent h2 { background-image: url(../img/title_triangle_black.jpg); }

div#objContent.Home div#ModulesWrapper {
  margin-right: 0px;
  margin-left: 0px;
}

div#objContent.Support div#Content div#divLogon { display: none; }

div#objContent.About div#Content p.NewsNavBar,
div#objContent.About div#Content p.NewsNavBar a,
div#objContent.About div#Content p.NewsNavBar a:link,
div#objContent.About div#Content p.NewsNavBar a:visited,
div#objContent.About div#Content p.NewsNavBar a:hover,
div#objContent.About div#Content p.NewsNavBar a:active,
div#objContent.About div#Content p.NewsNavBar a:focus { color: #000000; }

div#objContent.About div#Content p.NewsNavBar .NewsCurrentLink { background-color: #000000; }

div#objContent.Home div#Module3 h3{ 
  color:black;
}

div#objContent.Home div#Module3 div#airtext h3,
div#objContent.Home div#Module3 div#airtext h3:link,
div#objContent.Home div#Module3 div#airtext h3:active,
div#objContent.Home div#Module3 div#airtext h3:focus { background-color:white; font-weight: normal; }
div#objContent.Home div#Module3 div#airtext h3:hover{ background-color:white; font-weight: bold; }

div#objContent.Home div#Module3 h3,
div#objContent.Home div#Module3 h3:link,
div#objContent.Home div#Module3 h3:hover,
div#objContent.Home div#Module3 h3:active,
div#objContent.Home div#Module3 h3:focus { background-color:white; font-weight: bold; font-size: 10px;}

button.macc_day_button,
button.macc_pollutant_button,
button.airtext_day_button  {
color:black;
background-color: white;
border: 1px solid black;
}

button.macc_day_button.selected,
button.macc_pollutant_button.selected,
button.airtext_day_button.selected  {
color:black;
background-color:white;
font-weight: bold;
  }


 div#objContent.Home div#ModulesWrapper div#Module2Wrapper {
  width: 320px;
}

th.pricequote {
  font-weight: normal;
  text-align: left;
  border: none;
  font-size: 11px;
  color: #555555;
}

td.pricequote {
  border: none;
}

label.pricequote {
  margin-top: 0.5em;
  font-size: 12px;
  color: #000000;
}

tr.pricecalculator {
  height: 32px;
}

select.pricecalculator {
  width: 160px; 
  height: 30px !important;
}

div.pricecalculatortext {
  height: 30px; 
  overflow:auto;
  line-height: 1.25;
}