@charset "utf-8";

/* CSS FOR WEBSITE DESIGN (NON-TEXT CONTENT) - HIGH CONTRAST MODE

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

   Contrast mode: accessi-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 high contrast 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: center; /* center content */
  background-color: #000000;
  cursor: auto;
  color: #FFFF00;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: Verdana, Geneva, Arial, sans-serif;
}

/* WRAPPERS ------------------------------------------------------------------*/
   
div#objWrapper {
  width: 980px;
  text-align: left; /* reset text alignement to left */
  margin: 0px auto 0px auto; /* center inside parent div */
}

div#objHeaderWrapper { padding: 24px 0px 36px 0px; }

div#objTopMenuWrapper {
  background-color: #FFFF00;
  color: #000000;
  text-align: left; /* reset text alignement to left */
}

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

div#objFooterWrapper { padding: 7px 0px 12px 0px; }

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

div#Header { display: none; } /* Hide standard banner */

div#HeaderPrint h1 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 2px;
} /* Define new banner */

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

div#TopMenu {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  height: 30px;
}

/* 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;
  border-right: 4px solid #000000;
}

div#TopMenu ul#Major a {
  display: block; /* entire link is clickable */
  padding: 5px 10px 6px 10px; /* 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 !important;
  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 { background-color: #FFFFFF; }

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

/* 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*/
}

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 10px; /* 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 !important; }

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 ===================================================================*/

div#objContent {
  width: 980px;
}

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

div#Breadcrumbs {
  width: 980px;
  padding: 0px 0px 24px 0px;
  font-size: 14px;
}

div#Breadcrumbs span {
  border: 1px solid #FFFF00 !important;
  padding: 2px;
} /* user area special */

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

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

div#airtextbanner{border-style:solid; border-width:1px; color: #FFFF00 !important; text-align:center; font: 100%/1.4 KnulBold, Helvetica, Verdana, Arial, sans-serif !important; font-size: 1.6em !important;}

/* 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: 14px;
  font-weight: bold;
}

.TwoColLayout div#SideMenu img {
  width: 200px; /* depends on div#SideMenu{width} */
  height: 100px;
  display: block;
  border-top: 1px solid #FFFF00;
}

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

.TwoColLayout div#SideMenu.IE6bugGainLayout.IE6bugAccBackground ul {
  margin: 0px;
  background-color: #000000 !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 { padding: 5px 0px 6px 18px; }

.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 */
  background-image: url(../img/menu2_blackyellow.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_blackyellow.jpg); }

.TwoColLayout div#SideMenu li a:hover,
.TwoColLayout div#SideMenu li a:active,
.TwoColLayout div#SideMenu li a:focus,
.TwoColLayout div#SideMenu li .uberlink { background-image: url(../img/menu2_blackwhite.jpg); }

.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 { background-image: url(../img/menu2b_blackwhite.jpg); }

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

/* USER AREA LOG OUT BUTTON */

div#objContent.User div#SideMenu div#divLogout form {
  background-color: #000000;
  padding: 6px 0px 6px 18px;
}

div#objContent.User div#SideMenu div#divLogout p { padding: 0px; }

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

.TwoColLayout div#Content {
  font-size: 13px;
  padding: 24px 0px 0px 24px;
  margin: 0px 0px 0px 200px;
  min-height: 400px;
  border-left: 1px solid #FFFF00;
  border-top: 1px solid #FFFF00;
}

.OneColLayout div#Content {
  font-size: 13px;
  padding: 0px;
  margin: 0px;
  min-height: 400px;
}

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

div#objFooterWrapper {
  text-align: right;
  border-top: 2px solid #FFFF00;
}

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

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

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

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

/* DESIGN2 -------------------------------------------------------------------*/

a,
a:link,
a:visited {
  font-weight: bold !important; 
  color: #FFFF00 !important;
  text-decoration: underline;
}

a:hover,
a:active,
a:focus { color: #FFFFFF !important; }

sup,
sub { font-size: 12px; }

div#objContent h1 {
  color: #FFFF00;
  font-size: 27px;
  letter-spacing: 3px;
} /* zero padding-top to align with div#SideMenu content */

div#objContent h2 {
  color: #FFFF00;
  font-size: 20px;
  font-weight: bold;
  background-image: url(../img/title_triangle_yellow.jpg);
}

div#objContent h3 {
  color: #FFFF00;
  font-size: 16px;
}

div#objContent h4,
div#objContent h5,
div#objContent h6 {
  color: #FFFF00;
  font-size: 14px;
}

div#objContent p,
div#objContent blockquote,
div#objContent ul,
div#objContent ol {
  padding-top: 1em;
}

div#objContent a.Download,
div#objContent a.Download0 {
  font-weight: normal !important;
  text-decoration: underline;
  background-image: url(../img/download_black.gif);
}

div#objContent a.Anchor,
div#objContent a.Anchor:link,
div#objContent a.Anchor:visited,
div#objContent a.AnchorDark,
div#objContent a.AnchorDark:link,
div#objContent a.AnchorDark:visited {
  font-size: 12px !important;
  color: #FFFF00 !important;
  text-decoration: underline !important;
}

div#objContent a.AnchorDark,
div#objContent a.AnchorDark:link,
div#objContent a.AnchorDark:visited { color: #000000 !important; }

div#objContent a.Anchor:hover,
div#objContent a.Anchor:active,
div#objContent a.Anchor:focus,
div#objContent a.AnchorDark:hover,
div#objContent a.AnchorDark:active,
div#objContent a.AnchorDark:focus { color: #FFFFFF !important; }

div#objContent p.QuickLink {
  font-size: 12px;
  padding-top: 1em;
}

div#objContent p.QuickLink a { padding: 0px 0.5ex 0px 0.5ex; }

div#objContent p.Caption { color: #FFFF00; }

div#objContent p.Note,
div#objContent span.Note,
div#objContent p.Smaller,
div#objContent span.Smaller { font-size: 12px; }

div#objContent span.Required,
div#objContent p.WatchOut,
div#objContent span.WatchOut { color: #FFFFFF; }

div#objContent span.Sources {
  font-size: 12px;
  color: #FFFF00;
}

div#objContent img.Borders { border: 1px solid #FFFF00; } /* borders on images */

div#objContent a img.Borders,
div#objContent a:link img.Borders,
div#objContent a:visited img.Borders { border: 2px solid #FFFF00; } /* borders on clickable images */

div#objContent a:hover img.Borders,
div#objContent a:active img.Borders,
div#objContent a:focus img.Borders { border: 2px dashed #FFFF00; } /* borders on clickable images */

div#objContent li.Smaller { font-size: 12px; }

td { border: solid 1px #FFFF00; }

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

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

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

.TwoColLayout div#objContent form legend {
  color: #FFFF00 !important;
  font-size: 14px;
}

.TwoColLayout div#objContent form input,
.TwoColLayout div#objContent form textarea,
.TwoColLayout div#objContent form select {
  color: #FFFF00;
  background-color: #000000 !important;
  border: 1px solid #FFFF00;
}

.TwoColLayout div#objContent form label.frmLabel {
  font-size: 12px;
  color: #FFFF00;
}

.TwoColLayout div#objContent fieldset.frmReadonly input,
.TwoColLayout div#objContent fieldset.frmReadonly textarea {
  border: 1px dotted #FFFFFF;
  font-weight: bold;
}

/* CONTENT -------------------------------------------------------------------*/

/* HOME */

div#objContent.Home div#Content div#ServicesWrapper div#ServicesWrapperBanner { border: none; }

div#objContent.Home div#Content div#ServicesWrapper div#ServicesWrapperBanner img { margin-right: 52px; }

div#objContent.Home div#Content div#ServicesWrapper div.Service {
  width: 125px;
  font-size: 12px;
}

div#objContent.Home div#Content div#ServicesWrapper div.Service a,
div#objContent.Home div#Content div#ServicesWrapper div.Service a:link,
div#objContent.Home div#Content div#ServicesWrapper div.Service a:visited { text-decoration: underline; }

div#objContent.Home div#Content div#ServicesWrapper div.Service > a { font-size: 12px; }

div#objContent.Home div#Content div#ServicesWrapper div.Service h2,
div#objContent.Home div#Content div#ServicesWrapper div.Service h2 a { font-size: 15px; }

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

div#objContent.Home div#ModulesWrapper div#Module1Wrapper {
  width: 466px;
}

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

div#objContent.Home div#ModulesWrapper div#Module3Wrapper {
  width: 120px;
}

div#objContent.Home div#ModulesWrapper div#Module1Wrapper,
div#objContent.Home div#ModulesWrapper div#Module2Wrapper ,
div#objContent.Home div#ModulesWrapper div#Module3Wrapper{
  border-top: 1px solid #FFFF00;
}

div#objContent.Home div#ImageDiv{
  border-top: 1px solid #FFFF00;
}

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:yellow;}
div#objContent.Home div#Module3 div#airtext h3:hover{ background-color:white;}

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;}

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

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

div#objContent.Home div#Module2 div#divAQmap { background-color: #000000 !important; }

div#objContent.Home div#Module2 div#divAQmap p.Note { color: #FFFF00; }

div#objContent.Home div.News div.NewsDate { color: #FFFFFF; }

div#objContent.Home div.News div.NewsBody { color: #FFFF00; }

/* ABOUT US SECTION */

div#objContent.About div#Content div.Partners.Column21,
div#objContent.About div#Content div.Partners.Column22 { border: 1px solid #FFFF00; }

div#objContent.About div#Content div.Partners p.Details { color: #FFFF00; }

div#objContent.About div#Content p#divAddressdetailp  { margin-bottom: 5.3em !important; }

div#objContent.About div#Content p.IE6bug3 { clear: left; }

div#objContent.About div#Content div.News { border-top: 1px solid #FFFF00; }

div#objContent.About div#Content div.News span.NewsDate { color: #FFFFFF; }

div#objContent.About div#Content p.NewsNavBar {
  color: #FFFFFF;
  font-size: 12px;
}

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 { color: #FFFF00; }

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: #FFFFFF; }

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

div#objContent.About div#Content p.NewsNavBar .NewsDeadLink { color: #FFFFFF; }

/* SOFTWARE SECTION */

div#objContent.Software div#Content h1.CatchLine {
  font-size: 16px;
  font-style: italic;
  letter-spacing: 1px;
} /* models' catch lines and home page */


div#objContent.Software div#Content div.Softwr {
  background-image: none;
  border: 1px dashed #FFFF00;
}

div#objContent.Software div#Content div.Softwr h3,
div#objContent.Software div#Content div#Soft2 { font-size: 14px; }

/* SUPPORT SECTION */

div#objContent.Support div#Content div#divTrainingCmt {
  font-size: 12px;
  border: 1px dashed #FFFF00;
} /* people's comments */

/* Log on button */

div#objContent.Support div#Content div#divLogon {
  width: 190px;
  font-size: 12px;
  border: 1px solid #FFFF00;
}

div#objContent.Support div#Content div#divLogon form {
  color: #000000;
  background-color: #FFFF00;
  background-image: none;
}

/* USER AREA SECTION */

/* SEARCH PAGE */

div#objContent.Search div#SearchTool form.gsc-search-box input.gsc-input {
  border: 1px solid #FFFF00;
  background-color: #000000;
  color: #FFFF00;
}

div#objContent.Search div#SearchTool form.gsc-search-box div.gsc-branding-text { color: #FFFF00; }

div#objContent.Search div#SearchResults table.gsc-resultsHeader { border-bottom: 1px solid #FFFF00; }

div#objContent.Search div#SearchResults div.gsc-title { color: #FFFF00; }

div#objContent.Search div#SearchResults a.gs-title { color: #FFFFFF; }

div#objContent.Search div#SearchResults div.gs-visibleUrl,
div#objContent.Search div#SearchResults gs-visibleUrl-short {
  color: #FFFFFF;
  font-size: 12px;
}

div#objContent.Search div#SearchResults div.gs-size { font-size: 12px; }

div#objContent.Search div#SearchResults div.gsc-cursor-box { font-size: 12px; }

div#objContent.Search div#SearchResults div.gsc-cursor-page,
div#objContent.Search div#SearchResults div.gsc-trailing-more-results { color: #FFFF00; }

div#objContent.Search div#SearchResults div.gsc-cursor-current-page {
  color: #000000;
  background-color: #FFFF00;
}

/* SITE MAP PAGE */

div#objContent.Search table#tblSitemap td { border-right: 1px solid #FFFFFF; }

div#objContent.Search table#tblSitemap tr.First td { border-bottom: 1px solid #FFFFFF; }

div#objContent.Search table#tblSitemap td.tdLast { border-right: none; }

th.pricequote {
  font-weight: normal;
  text-align: left;
  border: none;
  font-size: 12px;
  color: #FFFF00;
  background-color: #000000;
}

td.pricequote {
  border: none;
}

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

tr.pricecalculator {
  height: 50px;
}

select.pricecalculator {
  width: 170px; 
  height: 48px !important;
}

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