@charset "utf-8";

/* CSS FOR CONTENT FORMATTING (TEXT CONTENT) - NORMAL MODE

   Content:  Home / About us / Consultancy / Forecasting / Research /
             Software / Support / User area / Search

   Normal mode: default-design1.css (preferred)
                default-design2.css (persistent)
                default-content.css (persistent)

   This code sets the formatting of the textual content in div#Content that
   is page depending. */

/* HOME PAGE =================================================================*/

div#objContent.Home div#Content {
  margin: 12px 0px 0px 0px;
  min-height: 200px !important;
}

div#objContent.Home div#Content h1.CatchLine {
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0px;
} /* models' catch lines and home page */

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

div#objContent.Home div#Content div#ServicesWrapper {
  width: 100%;
  margin: 15px 0px 0px 0px;
}

/* Banner images */

div#objContent.Home div#Content div#ServicesWrapper div#ServicesWrapperBanner {
  width: 100%;
  margin-top: 12px;
  margin-bottom: 6px;
}

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

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

/* Text */

div#objContent.Home div#Content div#ServicesWrapper div.Service {
  float: left;
  width: 119px;
  margin-right: 46px;
  font-size: 11px;
  padding: 0px;
}

div#objContent.Home div#Content div#ServicesWrapper div.Service.ServiceLast {  margin-right: 0px; }

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

div#objContent.Home div#Content div#ServicesWrapper div.Service a:hover,
div#objContent.Home div#Content div#ServicesWrapper div.Service a:active,
div#objContent.Home div#Content div#ServicesWrapper div.Service a:focus { text-decoration: underline; }

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

div#objContent.Home div#Content div#ServicesWrapper div.Service p { padding-top: 0px; }

div#objContent.Home div#Content div#ServicesWrapper div.Service h2,
div#objContent.Home div#Content div#ServicesWrapper div.Service h2 a {
  background-image: none;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 2px;
  padding: 0px;
  line-height: 1em;
}

div#objContent.Home div#Content div#ServicesWrapper div.Service ul {
  padding: 0px;
  margin-left: 15px;
}

/* MODULES -------------------------------------------------------------------*/

/* Module1 = News
   Module2 = MACC air quality forecast for UK
   Module3 = airTEXT air quality etc forecasts for London
 */


div#objContent.Home div#ModulesWrapper {
  margin: 12px 18px 0px 18px;
  font-size: 11px;
  clear: both;
}

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

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

div#objContent.Home div#ModulesWrapper div#Module1Wrapper {
  width: 448px;
  float: left;
  margin: 0px 24px 0px 0px;
}

div#objContent.Home div#ModulesWrapper div#Module2Wrapper {
  width: 285px;
  float: right;
  margin: 0px 0px 0px 24px;
}
div#objContent.Home div#ModulesWrapper div#Module3Wrapper {
  width: 120px;
  float: left;
  margin: 0px 0px 0px 24px;
}

div#objContent.Home div#Module3 h3{ 
 
  font-weight: normal;
  color:white;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 11px;
}

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:rgb(0,104,172);  text-decoration:none; height:16px;}
div#objContent.Home div#Module3 div#airtext h3:hover{ background-color:rgb(112,169,214); text-decoration:underline;height:16px;}

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:rgb(112,169,214); height:16px; }


div#objContent.Home div#Module1 h2,
div#objContent.Home div#Module2 h2,
div#objContent.Home div#Module3 h2,
div#objContent.Home div#Module1 h2 a,
div#objContent.Home div#Module2 h2 a,
div#objContent.Home div#Module3 h2 a{
  background-image: none;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 1px;
  text-decoration:none;
  padding: 0px 0px 12px 0px;
}

div#objContent.Home div#Module1 h2 a:hover,
div#objContent.Home div#Module2 h2 a:hover,
div#objContent.Home div#Module3 h2 a:hover{
  text-decoration:underline;
}

button.macc_day_button  {
background:none; 
border:none;
color:white;
background-color: rgb(0,104,172);
padding:2px 0px 2px 0px;
border: 1px solid white;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 11px;
margin:0;
width:70px;
height:22px;
cursor: pointer;
}

button.macc_day_button.selected {
background-color:rgb(112,169,214);
text-decoration:underline;
outline:none;
  }

button.macc_pollutant_button  {
background:none; 
border:none;
color:white;
background-color: rgb(0,104,172);
padding:2px 0px 2px 0px;
border: 1px solid white;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 11px;
margin:0;
width:56px;
height:22px;
cursor: pointer;
}

button.macc_pollutant_button.selected {
background-color:rgb(112,169,214);
text-decoration:underline;
outline:none;
  }
  
button.airtext_day_button  {
background:none; 
border:none;
color:white;
background-color: rgb(0,104,172);
padding:2px 0px 2px 0px;
border: 1px solid white;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 11px;
margin:0;
width:40px;
height:22px;
cursor: pointer;
}

button.airtext_day_button.selected {
background-color:rgb(112,169,214);
text-decoration:underline;
outline:none;
  }  
  

/* NEWS MODULE */

div#objContent.Home div.News { padding: 0px; }

div#objContent.Home div.News:first-child,
div#objContent.Home div.News:first-child p {
  border-top: none;
  padding-top: 0px;
}

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

div#objContent.Home div.News a:hover,
div#objContent.Home div.News a:active,
div#objContent.Home div.News a:focus {
  color: #0055AA;
  text-decoration: underline;
}

div#objContent.Home div.News div.NewsDate {
  float: left;
  width: 55px;
  clear: left;
  color: #555555;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#objContent.Home div.News div.NewsTitle {
  margin-left: 68px;
  clear: right;
}

/* ABOUT US SECTION ==========================================================*/

div#objContent.About div#Content div#divAddress {
  width: 220px;
  clear: right;
  margin-top: 0px;
} /* Google maps */

div#objContent.About div#Content div#divAddressdetail1a,
div#objContent.About div#Content div#divAddressdetail2a,
div#objContent.About div#Content div#divAddressdetail3a,
div#objContent.About div#Content div#divAddressdetail4a {
  float: left;
  width: 5em;
  font-weight: bold;
}

div#objContent.About div#Content div#divAddressdetail1b,
div#objContent.About div#Content div#divAddressdetail2b,
div#objContent.About div#Content div#divAddressdetail3b,
div#objContent.About div#Content div#divAddressdetail4b { margin-left: 5em; }

div#objContent.About div#Content div#img01 { width: 144px; }

div#objContent.About div#Content div#img01 img { width: 140px; }

div#objContent.About div#Content a#amap { text-decoration: none; }

div#objContent.About div#Content img#img03 {
  width: 15px;
  vertical-align: top;
}

div#objContent.About div#Content div.Partners.Column21,
div#objContent.About div#Content div.Partners.Column22 {
  margin: 12px 18px 6px 0px;
  float: left;
  padding: 12px;
  width: 45%;
  border: 1px solid #BBBBBB;
}

div#objContent.About div#Content div.Partners.Column22 { margin-right: 0px; }

div#objContent.About div#Content div.Partners img.Logo {
  width: 145px;
  margin: 0px;
}

div#objContent.About div#Content div.Partners img.Flag {
  width: 16px;
  height: 11px;
  margin: 0px;
  padding: 0px 0px 0px 2px;
}

div#objContent.About div#Content div.Partners p.Details {
  font-size: 95%;
  color: #555555;
}

/* NEWS FEED -----------------------------------------------------------------*/

/* News container and style */

div#objContent.About div#Content div.News {
  border-top: 1px solid #BBBBBB;
  padding: 0.5em 0px 1em 0px;
  margin-top: 0.5em;
  height: auto;
  clear: right;
}

div#objContent.About div#Content div.News:first-child { border-top: none; }

div#objContent.About div#Content div.News img { clear: right; }

div#objContent.About div#Content div.News span.NewsDate {
  color: #555555;
  padding-right: 2em;
}

div#objContent.About div#Content div.News span.NewsTitle { font-weight: bold; }

div#objContent.About div#Content div.News p.Note,
div#objContent.About div#Content div.News span.Note { padding: 0.5em 0px 0px 0px; }

/* News navigation bar */

div#objContent.About div#Content p.NewsNavBar {
  color: #0055AA;
  text-align: center;
  font-size: 11px;
}

div#objContent.About div#Content p.NewsNavBar a,
div#objContent.About div#Content p.NewsNavBar span {
  padding-right: 0.25em;
  padding-left: 0.25em;
  margin-right: 0.25em;
  margin-left: 0.25em;
  text-decoration: none;
}

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

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: #0055AA;
  text-decoration: underline;
}

div#objContent.About div#Content p.NewsNavBar .NewsCurrentLink {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #0055AA;
}

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

/* FORECASTING SECTION =======================================================*/

div#objContent.Forecasting div#Content div#img02 { width: 224px; } /* Google map; width + 4 px */

div#objContent.Forecasting div#Content img#imgYAIR {
  width: 100px;
  margin: 0px;
}


div#objContent.Forecasting div#Content span#imgPROMOTE img { width: 60px; }

div#objContent.Forecasting div#Content span#imgESA { vertical-align: -4px; }

div#objContent.Forecasting div#Content span#imgESA img { width: 40px; }

div#objContent.Forecasting div#Content span#imgDEFRA { vertical-align: -1px; }

div#objContent.Forecasting div#Content span#imgDEFRA img { width: 55px; }

/* RESEARCH SECTION ==========================================================*/

div#objContent.Research div#Content img#img16 { width: 325px; }

div#objContent.Research div#Content img#img35 { width: 230px; }

/* SOFTWARE SECTION ==========================================================*/

div#objContent.Software div#Content div#img04 { width: 652px; } /* yourAir sketch */

div#objContent.Software div#Content div#img34 { width: 450px; }

div#objContent.Software div#Content div.SoftwrWrapper {
  width: 100%;
  clear: right;
  padding-top: 1em;
  padding-bottom: 1em;
}

div#objContent.Software div#Content div.Softwr {
  width: 127px; /* + right margin + side padding + side borders */
  margin: 0px 8px 0px 0px;
  float: left;
  padding: 6px;
  text-align: center;
  font-size: 11px;
  border: 1px solid #BBBBBB;
  min-height: 127px;
}

div#objContent.Software div#Content div.Softwr.SoftwrLast {
  float: none;
  margin-right: 0px;
  clear: right;
  margin-left: 596px; /* 4 div.Softwr; 4 * width + side margin/padding/border */
}

div#objContent.Software div#Content div.Softwrblank {
  float: none;
  margin-right: 0px;
  clear: right;
  margin-left: 596px;
  border: none/* 4 div.Softwr; 4 * width + side margin/padding/border */
}

div#objContent.Software div#Content div.Softwr div.SoftwrImg img {
  float: left;
  width: 35px;
  height: 35px;
  border: 0px;
}

div#objContent.Software div#Content table.tblPrice img { width: 30px; }

div#objContent.Software div#Content img#Soft1 {
  width: 48px;
  height: 48px;
  margin: 0px;
} /* logo on model pages */

div#objContent.Software div#Content div#Soft2 {
  clear: right;
  width: 54px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px; /* relative to content font-size */
} /* price link */

div#objContent.Software div#Content div#Soft5 {
	clear: right;
	width: 222px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px; /* relative to content font-size */
} /* price and features link */

div#objContent.Software div#Content div#Soft4 {
  clear: right;
  width: 108px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px; /* relative to content font-size */
} /* price and features link */

div#objContent.Software div#Content div#Soft3 {
  clear: right;
  width: 165px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px; /* relative to content font-size */
} /* price and features link */

div#objContent.Software div#Content h1.CatchLine {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0px;
} /* models' catch lines and home page */

/* interface screenshots */

div#objContent.Software div#Content div#divInterface {
  width: 100%;
  text-align: center;
  margin-top: 12px;
}

div#objContent.Software div#Content div#divInterface a { padding: 0px 6px 0px 6px; }

div#objContent.Software div#Content div#divInterface a img {
  width: 150px;
  margin-top: 12px;
}

/* ADMS ----------------------------------------------------------------------*/

div#objContent.Software div#Content img#img05 { width: 455px; } /* options */

div#objContent.Software div#Content img#img08 {
  width: 330px;
  margin-top: 0px;
} /* coastline */

div#objContent.Software div#Content img#img06 { width: 204px; } /* contours */

/* ADMS-URBAN ----------------------------------------------------------------*/


div#objContent.Software div#Content div#img36 { width: 399px; } /* London NO2 */

div#objContent.Software div#Content div#img22 {width: 499px; } /* Hong Kong NO2*/
div#objContent.Software div#Content img#img22b {width: 495px; } /* Hong Kong NO2*/

div#objContent.Software div#Content img#36 { width: 395px; } /* London NO2 */

div#objContent.Software div#Content div#img23 { width: 693px; } /* flow chart */

div#objContent.Software div#Content img#img23b { width: 689px; } /* flow chart */

div#objContent.Software div#Content img#img24,
div#objContent.Software div#Content img#img25 {
  width: 235px;
  clear: right;
} /* emissions profiles, wind rose */

div#objContent.Software div#Content img#img21 { width: 345px; } /* canyon */

div#objContent.Software div#Content img#img20 { width: 302px; } /* time series*/

div#objContent.Software div#Content div#img19,
div#objContent.Software div#Content div#img17,
div#objContent.Software div#Content div#img18 { width: 216px; } /* intelligent gridding */

div#objContent.Software div#Content img#img19b,
div#objContent.Software div#Content img#img17b,
div#objContent.Software div#Content img#img18b { width: 212px; } /* intelligent gridding */

/* ADMS-Airport --------------------------------------------------------------*/

div#objContent.Software div#Content img#img26,
div#objContent.Software div#Content img#img27 {
  width: 235px;
  clear: right;
} /* emissions profiles, wind rose */

div#objContent.Software div#Content img#img28 { width: 345px; } /* canyon */

div#objContent.Software div#Content img#img29 { width: 302px; } /* time series*/

div#objContent.Software div#Content div#img30,
div#objContent.Software div#Content div#img31,
div#objContent.Software div#Content div#img32 { width: 216px; } /* intelligent gridding */

div#objContent.Software div#Content img#img30b,
div#objContent.Software div#Content img#img31b,
div#objContent.Software div#Content img#img32b { width: 212px; } /* intelligent gridding */

/* ADMS-Roads ----------------------------------------------------------------*/

div#objContent.Software div#Content div#img15 { width: 693px; } /* flow chart */

div#objContent.Software div#Content img#img15b { width: 689px; } /* flow chart */

div#objContent.Software div#Content img#img14,
div#objContent.Software div#Content img#img13 {
  width: 235px;
  clear: right;
} /* emissions profiles, wind rose */

div#objContent.Software div#Content img#img12 { width: 345px; } /* canyon */

div#objContent.Software div#Content img#img07 { width: 302px; } /* time series*/

div#objContent.Software div#Content div#img09,
div#objContent.Software div#Content div#img11,
div#objContent.Software div#Content div#img10 { width: 216px; } /* intelligent gridding */

div#objContent.Software div#Content img#img09b,
div#objContent.Software div#Content img#img11b,
div#objContent.Software div#Content img#img10b { width: 212px; } /* intelligent gridding */

/* EMIT ----------------------------------------------------------------------*/

div#objContent.Software div#Content div#img33 { width: 565px; }

/* SUPPORT SECTION ===========================================================*/

div#objContent.Support div#Content div#divTrainingCmt {
  width: 260px;
  font-size: 11px;
  border: 1px solid #BBBBBB;
  padding: 0px 12px 9px 12px;
} /* people's comments */

div#objContent.Support div#Content table.tblCourse {
  margin-left: 0px;
  margin-right: 0px;
  width: 400px;
}

/* Log on button */

div#objContent.Support div#Content div#divLogon {
  width: 170px;
  font-size: 11px;
  text-align: center;
  border: 1px solid #BBBBBB;
}

div#objContent.Support div#Content div#divLogon p { padding: 0px 0px 6px 0px; }

div#objContent.Support div#Content div#divLogon form {
  color: #FFFFFF;
  background-color: #6098CD;
  background-image: url(../img/bgd_bluelight.jpg);
  background-repeat: repeat;
}

div#objContent.Support div#Content div#divLogon button { margin-right: 0px; }

/* USER AREA SECTION =========================================================*/

div#objContent.Support div#Content div#imgLic2,
div#objContent.User div#Content div#imgLic2 {
  width: 365px;
  margin-top: 0px;
  margin-left: 15px;
} /* helpdesk, licence number */

div#objContent.Support div#Content div#imgLic1 img,
div#objContent.Support div#Content div#imgLic2 img,
div#objContent.User div#Content div#imgLic1 img,
div#objContent.User div#Content div#imgLic2 img {
  width: 355px;
  padding-top: 0.5em;
} /* helpdesk, licence number */

div#objContent.User div#Content p#imgModelIcon1 img,
div#objContent.User div#Content table.imgModelIcon2 img { width: 20px; }

div#objContent.User div#Content p#imgModelIcon1 img { vertical-align: -5px; }

div#objContent.User div#Content table.imgModelIcon2 img { margin-right: 2px; }

/* SEARCH PAGE ---------------------------------------------------------------*/

/* important to dissociate these form rules from the other in order to maintain
   the look of the Google Custom Search Engine (search box and results display) */

/* Edited by Chris & Mark to fix Google search control for API version 2 January 2014 
   U:\Cerc Websites\CERC website\CRs\CR0001 Fix search box
 */

body.CERCSearch table {
  margin: 0px 0px 0px 0px;
  border-collapse: separate;
}

body.CERCSearch td {
  border: solid 0px #FFFFFF;
  padding: 0px;
}


/* SITE MAP PAGE -------------------------------------------------------------*/

div#objContent.Tools table#tblSitemap td {
  padding: 6px 12px 6px 12px;
  width: 210px;
  vertical-align: top;
}

div#objContent.Tools table#tblSitemap h2,
div#objContent.Tools table#tblSitemap h3,
div#objContent.Tools table#tblSitemap h4 {
  background-image: none;
  padding: 0px;
  line-height: 1.5em;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal;
  font-family: Verdana, Geneva, Arial, sans-serif;
}

div#objContent.Tools table#tblSitemap h2 {
  padding-top: 6px;
  padding-bottom: 3px;
  font-size: 12px;
  font-weight: bold;
}

div#objContent.Tools table#tblSitemap h2.First { padding-top: 0px; }

div#objContent.Tools table#tblSitemap h3 {
  margin-left: 12px;
  padding-top: 1px;
  font-size: 12px;
}

div#objContent.Tools table#tblSitemap h4 {
  margin-left: 24px;
  font-size: 11px;
}

.jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('../img/a17.png') no-repeat;
            overflow: hidden;
        }
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }