@import url(normalize.css);
@import url(fluidfont.css);
@import url(newStyling.css);
@import url(text.css);
@import url(table.css);
@import url(basics.css);
@import url(navigation.css);
@import url(phoma.css);
@import url(validation.css);
@import url(helpPop.css);



.row{
  width:100%;
}
.col-lg-4 {
  float:left;
  width:40%;
}
.col-lg-3 {
  float:left;
  width:20%;
}
.col-lg-8 {
  float:left;
  width:50%;
}
.col-lg-12 {
  float:left;
  width:100%;
}

#currentWeek {
  padding-top:0;
  margin-top:0;
}

body {
  text-align:center; 
  background-repeat:repeat-x; 
  font-family: 'Lato', sans-serif; 
  /*font-size:1em;*/
  /*color: #7D7D7D;*/
}

.statusSummary {
  padding-top:10px;
  padding-left: 5px;
}

#all {
  width:914px; 
  margin-left:auto; 
  margin-right:auto; 
  height:auto;
} 	

#header { 
  width:912px; 
  height:131px; 
  position: relative;
  background:#fff;
  border-radius:6px 6px 0 0;
  -webkit-border-radius:6px 6px 0 0;
  -moz-border-radius:6px 6px 0 0;
  border:1px solid #BFBFBF;
  margin-bottom:1px;
}	

#headerImage {
  float:left; 
  margin-top:1px; 
  width:914px; 
  height:82px; 
}	
/*** new CropMonitor Logo ***/
.new_crop_logo {
  float:left; 
  margin:5px 0 0 10px;
}

/***  New Css for the defra logo and text  ***/
.defra_logo {
  float:left; 
  margin:33px 0 0 10px; 
  border-left:2px solid #878800; 
  padding-left:10px;
  width:45px;
  height:35px;   
}
.defra_logo_text {
  font-family: sans-serif;
  font-size:1em;
  color:#333333;
  float:left;
  margin:40px 0 0 5px;
}
/***  End new Css for the defra logo and text  ***/
#footer {
  margin-top: 20px;
  padding: 0 200px 0 14px;
}

/* Full width box
---------------------------------------------------------------------------------- */

.longBox {
  margin: 0 auto;
  width:914px; 
  height:auto; 
  display: flex;
  flex-direction: column;
  text-align:left;
  border:solid 1px #DAD9D9; 
  border-radius: 8px;
}

.longBoxHeader {
  width:100%; 
  flex:0 0 45px;
  border-bottom: solid 1px #DAD9D9; 
}

.boxContent {
  width:912px; 
  flex:1 1 auto;
  padding-bottom: 5px;
}

.content { 
  margin-left:10px; 
  margin-top:10px; 
  margin-right:10px;
  position: relative;
}

.longBoxFooter {
  width:914px; 
  flex: 0 0 0px;
}

#homeBox {
  float:left; 
  margin-top:10px; 
  width:585px; 
  height:auto; 
  text-align:left;  
}

#homeBoxHeader {
  float:left; 
  width:585px; 
  height:45px; 
  background-image:url(images/boxHeader585.gif); 
  background-repeat:no-repeat;
}

#boxContent {
  border-right: solid 1px #DAD9D9;
  border-left: solid 1px #DAD9D9;
  border-bottom: solid 1px #ffffff; 
  padding: 0 10px 0 10px;
  margin: 0 0 0 0;
  font-size: 0.75em;
  line-height: 150%;
}

#homeBoxFooter {
  float:left; 
  height:20px; 
  width:585px; 
  background-image:url(images/boxFooter585.gif); 
  background-repeat:no-repeat;
}

#homePromo {
  border: solid 0px green;
  float: left;
  margin: 10px 0 0 5px;
  width: 320px;
  background: url('images/promoHeader.gif') no-repeat top left;
  font-size: 0.75em;
  line-height: 150%;
  text-align: left;
}

#homePromoFooter {
  border: solid 0px red;
  height: 19px;
  background: url('images/promoFooter.gif') no-repeat bottom left;  
}

/* Half width box 
---------------------------------------------------------------------------------- */
.halfboxContainer {
  width: 916px;
  min-height:15rem;
  margin: 0 auto;
  padding-top: 1.5rem;
}

.halfBox { 
  float:left;
  margin: 0px 5px 0 0; 
  width:452px; 
  height:auto; 
  display: flex;
  flex-direction: column;
  text-align:left;
  border:solid 1px #DAD9D9; 
  border-radius: 8px;
}

.halfBoxHeader {
  width:100%; 
  flex:0 0 45px;
  border-bottom: solid 1px #DAD9D9; 
  font-size: 13px;
}

.halfBoxContent {
  width:100%; 
  flex:1 1 auto;
  padding-bottom: 5px;
}

.halfBoxFooter {
  width:100%; 
  flex: 0 0 0px;
}

/* Tabbed Box 
---------------------------------------------------------------------------------- */
#tabbedBoxFullWidth {
  float: left;
  margin: 28px 0px 18px 0;
  width: 100%; 
  height: auto; 
  text-align: left;
  position: relative;
  top: -18px; /* need negative value for ie - see margin top for other browsers */
}

#tabbedBoxHeaderFullWidth {
  float:left; 
  width:100%; 
  height:44px; 
  position: relative;
}

#tabbedBoxContentFullWidth {
  z-index: 0; 
  margin-top:-1px; 
  float:left; 
  width:100%; 
  border-left:solid 1px #DAD9D9; 
  border-right:solid 1px #DAD9D9; 
  border-top:solid 1px #DAD9D9;
}

#tabbedBoxFooterFullWidth {
  float:left; 
  height:25px; 
  width:100%; 
  background-image:url(images/boxFooter.gif); 
  background-repeat:no-repeat;
  background-position: 0px 0px;
}
#tabbedBox {
  float:left;
  margin: 0 0 0 5px;
  width: 452px; 
  display: flex;
  flex-direction: column;
  text-align:left;
  border:solid 1px #DAD9D9; 
  border-radius: 8px;
}
#siteNameLabel {
  margin-left: 260px;
}
#tabbedBoxHeader {
  padding-top:10px;
  float:left; 
  width:1000px; 
  height:44px; 
  position: relative;
}

#tabbedBoxContent {
  z-index: 0; 
  margin-top:-1px; 
  float:left; 
  width:450px; 
  border-left:solid 1px #DAD9D9; 
  border-right:solid 1px #DAD9D9; 
  border-top:solid 1px #DAD9D9;
}

#tabbedBoxFooter {
  float:left; 
  height:25px; 
  width:452px; 
  background-image:url(images/boxFooter452.gif); 
  background-repeat:no-repeat;
  background-position: 0px 0px;
}

#summary {
  cursor:hand; 
  width:119px; 
  height:44px; 
  background-image:url(../images/livemonitoring/summary_on.gif); 
  background-repeat:no-repeat; 
  z-index: 5; 
  position:relative; 
}

#disease {
  cursor:hand; 
  width:133px; 
  height:44px; 
  background-image:url(../images/livemonitoring/disease.gif); 
  background-repeat:no-repeat; 
  z-index: 5; 
  position:relative;
}

#fusarium {
  cursor:hand; 
  width:119px; 
  height:44px; 
  background-image:url(../images/livemonitoring/fusarium.gif); 
  background-repeat:no-repeat; 
  z-index: 5; 
  position:relative;
}
#weather {
  cursor:hand; 
  width:119px; 
  height:44px; 
  background-image:url(../images/livemonitoring/weather.gif); 
  background-repeat:no-repeat; 
  z-index: 5; 
  position:relative; 
}



/* Hide items 
---------------------------------------------------------------------------------- */

.hide{display: none;}

/* Collaborator divs
---------------------------------------------------------------------------------- */

.collLogo {
  float: left;
  width: 290px;
  text-align: center;
  border: dotted 0px green;
  padding: 25px 0 25px 0;
}

.collDescription {
  margin: 0 0 0 300px;
  padding: 10px 0 0 0;
}

/* General page & miscellaneous styles
---------------------------------------------------------------------------------- */

#englandWalesMap {
  /*border: 1px solid #fff;
  background: #fff url('../images/livemonitoring/sites-map.png') no-repeat top left;
  width: 410px;

  position: relative;*/
   width: 440px;
    height: 510px;
}

#englandWalesMapInfo {
  color: #747474;
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
}

#diseaseRisk {
  height: 165px;
}

#pleaseWait {
  text-align: left;
  font-family: Verdana;
  font-size: 13px;
  font-weight: bold;
  background: url('../images/livemonitoring/pleasewaitbg.png') left no-repeat;
  width: 225px;
  height: 62px;
  position: absolute;
  z-index: 6;
}

#pleaseWait img {
  margin: 6px;
  margin-left: 10px;
  padding: 8px;
}

#introSection {
  float: left;
}

#mapSection {
  float: left;
}

#selectedLocation {
  float: left;
}

#weekBeginOpt {
  font-family: Verdana;
  font-size: 13px;
  color: #747474;
  font-weight: normal;
}

.fullpagebox {
  width: 900px; 
  border: 1px solid #D6D6D6;
  padding: 2px;
}
.halfpagebox {
  width: 440px; 
  border: 1px solid #D6D6D6;
  padding: 2px;
}

/* Live Monitoring styles 
-------------------------------------------------------------------------------- */
#flotrSelectOptions {
  color: #2A5A00;
  font-weight: normal;
  margin: 6px;
  margin-left: 10px;
}

#chartSelectOptions {
  color: #2A5A00;
  font-weight: normal;
  margin: 6px;
  margin-left: 125px;
  margin-top: 12px;
}

#chartSelectOptions div.icon p, #flotrSelectOptions div.icon p {
  font-size: 10px;
  padding: 0px; margin: 0px;
  text-align: center;
}

#chartSelectOptions div.icon, #flotrSelectOptions div.icon {
  float: left;
  margin-right: 10px;
  text-align: center;
  width: 86px;
  border: 1px solid #fff;
}

#chartSelectOptions div.iconSelected, #flotrSelectOptions div.iconSelected {
  float: left;
  margin-right: 10px;
  font-weight: bold;
  text-align: center;
  width: 86px;
  border-bottom: 1px solid #cccc66;
  border-right: 1px solid #cccc66;
  border-top: 1px solid #339900;
  border-left: 1px solid #339900;
}

#chartSelectOptions div.icon img, #chartSelectOptions div.iconSelected img,
#flotrSelectOptions div.icon img, #flotrSelectOptions div.iconSelected img {
  padding: 6px;
  margin: 0px;
}

#chartSelectOptions div.iconSelected p, #flotrSelectOptions div.iconSelected p  {
  font-size: 10px;
  padding: 0px; margin: 0px;
  text-align: center;
}

#overHintBox {
  display: none;
  padding: 5px;
  border: 1px solid #000;
  background: #ffff99;
  position: absolute;
  font-family: Verdana;
  font-size: 13px;
  font-weight: normal;
  color: #000;
}

div.optionstopleft {
  background: transparent url('../images/livemonitoring/topleft.png') no-repeat top left;
  height: 12px;
  margin-right: 11px;
}

div.optionstopright {
  font-size:1px; /* ensure minimum height */
  background: transparent url('../images/livemonitoring/topright.png') no-repeat right;
  height: 12px;
}

div.optionsbottomleft {
  background: transparent url('../images/livemonitoring/bottomleft.png') no-repeat top left;
  height: 12px;
  margin-right: 11px;
}

div.optionsbottomright {
  font-size:1px; /* ensure minimum height */
  background: transparent url('../images/livemonitoring/bottomright.png') no-repeat right;
  height: 12px;
}

div.optionscenterleft {
  background: transparent url('../images/livemonitoring/centerleft.png') repeat-y top left;
  margin-right: 11px;
  padding: 7px;
  padding-top: 0px;
}

div.optionscenterright {
  background: transparent url('../images/livemonitoring/centerright.png') repeat-y right;
}

div.optionsbox {
  position: absolute;
  margin-left: -420px;
  margin-top: -280px;
  display: none;
  color: #000;
  z-index: 5;
}

div.chartarea {
  font-family: Verdana;
  font-size: 13px;
  font-weight: normal;
}

button, .pushbutton, .form-submit {
  margin-bottom: 1px;
  cursor: pointer;
  padding: 2px 10px;
  color: #666;
  font-weight: normal;
  font-size: 12px;
  border: solid 1px #888;
  background: #fff url(../images/livemonitoring/button.gif) repeat-x center;
}

button:hover, .pushbutton:hover, .form-submit:hover {
  color: #000;
  border: solid 1px #666;
  background: #fff url(../images/livemonitoring/button-o.gif) repeat-x center;
}

#intensiveChartSwitch {
  text-align: center;
}

#intensiveChartSwitch a {
  padding: 3px;
  text-decoration: none;
  border: 1px solid #DAD9D9;
}

#intensiveChartSwitch a.selected {
  padding: 3px;
  border: 1px solid #5A5959;
}

#locationRiskTableIcons {
  color: #2A5A00;
  font-weight: normal;
  margin: 6px;
  margin-left: 60px;
}

#locationRiskTableIcons div.riskIcon p {
  font-size: 10px;
  padding: 0px; margin: 0px;
  text-align: center;
}

#locationRiskTableIcons div.riskIcon {
  float: left;
  margin-right: 10px;
  border: 1px solid #fff;
}


#locationRiskTableIcons div.riskIcon img, #locationRiskTableIcons div.riskIconSelected img {
  padding: 6px;
  margin: 0px;
}

#locationRiskTableIcons div.riskIconSelected {
  float: left;
  margin-right: 10px;
  font-weight: bold;
  border-bottom: 1px solid #cccc66;
  border-right: 1px solid #cccc66;
  border-top: 1px solid #339900;
  border-left: 1px solid #339900;
}

#locationRiskTableIcons div.riskIconSelected p  {
  font-size: 10px;
  padding: 0px; margin: 0px;
  text-align: center;
}

#favChartPopUp {
  position: absolute;
}

div.fillBackdrop {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: black;
  filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.20;
  z-index: 10;
}

div.favPopUpWindow h2 {
  color: #4C8300;
  position: absolute;
  top: -13px;
  left: 0px;
  height: 40px;
  margin: 0 0 0 0;
  text-align: left;
  width: 361px;
  padding: 18px 0 0 10px;
  background: url('images/popUpTop.gif') no-repeat top left;
  font-size: 12px;
  z-index: 20;
}

div.favPopUpWindow {
  width: 361px;
  position: absolute;
  padding: 35px 35px 10px 10px;
  font-family: verdana, arial;
  color: #7D7D7D;
  background: url('images/popUpBottom.gif') no-repeat bottom left;
  margin-top: -10px;
  z-index: 25;
  text-align: center;
}
div.favPopUpWindow img {
  width: 200px;
}

div.favPopUpWindow a.closeButton {
  position: absolute;
  margin-top: -35px;
  margin-left: 230px;
  z-index: 26;
  border: 0px;
}

div.favPopUpWindow a.closeButton img {
  border: 0px;
  width: auto;
}

#symptoms, #toxins {
  border-top: solid 1px #DAD9D9;
  border-bottom: solid 4px #DAD9D9;
  border-right: solid 4px #DAD9D9;
  border-left: solid 1px #DAD9D9;
  display: none;
  position: absolute;
  right: 50px;
  top: 150px;
  background-color: #ffffff;
  padding: 10px;
  z-index: 1;
}

/* Septoria tritici prediction map hover styles
---------------------------------------------------------------------------------- */

.hoverBox {
  border-left: solid 1px #dddddd;
  border-top: solid 1px #dddddd;
  border-right: solid 2px #dddddd;
  border-bottom: solid 2px #dddddd;
  font-size: 1em;
  font-family: verdana;
  color: #4C8300;
  width: 270px;
  padding: 25px;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: #ffffff;
  line-height: 200%;
}
    
area, area:hover {
  cursor: pointer;
}
    
.calloutSmall {
  position: absolute;
  top: 0px;
  left: 10px;
  padding: 0 12px 12px 12px;
  width: 120px;
  height: 135px;
  background: url('images/calloutSmall.jpg') no-repeat;
  font-size: 1em;
  color: #4C8300;
}

.septoriaMap {
  float: left;
  width: 465px; 
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
  position: relative;
}

#beanSummaryPopUp {
  background: #ffff99;
  border: 2px solid #666;
  position: absolute;
  padding: 20px;
}

/* stylesheet for cms content areas 
----------------------------------------------------------------------------------------*/
fieldset.cms_form {
  width: 866px;
  margin-bottom: 12px;
  position: relative;
}

fieldset.cms_form textarea {
  width: 100%;
}

div.content div.paraOptions {
  margin-left: 10px;
  width: 650px;
  line-height: 200%;
}

div.content div.deletePara {
  position: absolute;
  top: 12px;
  right: 10px;
}

div.content div.cmsReportOutput {
  clear: both;
  border: solid 1px #ffffff;
  margin-bottom: 10px;
  padding: 0 0 0 0;
}

div.content div.reportImageL {
  float: left;
}

div.content .reportImageR {
  float: right;
}

div.longBox div.content .reportImageC {
  text-align: center;
  margin-bottom: 10px;
}

div.longBox div.content .reportImageC p {
  text-align: left;
}

div.longBox div.content span.cmsCaption {
  display: block;
  padding: 0 0 0 0;
  margin: 6px 0 0 0;
  font-style: italic;
  line-height: 135%;
}

div.longBox div.content p.addImage {
  line-height: 275%;
}

div.longBox div.content div#cmsReportsWrap {
  float: left; 
  width: 100%; 
  background: url('images/verticalSplit.jpg') repeat-y 292px 0;
}

div.longBox div.content div#cmsReportsWrap div#current {
  width: 285px;
  float: left;
}

div.longBox div.content div#cmsReportsWrap div#adhoc {
  border-bottom: solid 1px #DAD9D9;
  float: right;
  width: 587px;
  padding-bottom: 6px;
}

div.longBox div.content div#cmsReportsWrap div#archive {
  float: right;
  width: 587px;
}

div.longBox div.content div#cmsReportsWrap div#archive p span.surveyLinks,
div.longBox div.content div#cmsReportsWrap div#current p span.surveyLinks {
  margin-left: 10px;
}

div.longBox div.content div#cmsReportsWrap span {
  display: block;
}

div.longBox div.content div#cmsReportsWrap span span.cmsLinks {
  display: inline;
  font-size: 0.75em;
}

/* Twitter
---------------------------------------------------------------------------------*/

a.twitterLink {
    font-size: 12px;
    color: #4C8300;
    position: absolute;
    top: 10px;
    right: 11px;
}
a.twitterLink:hover {
    font-size: 12px;
    color: #4C8300;
    position: absolute;
    top: 10px;
    right: 11px;
}
a.twitterLink:visited {
    font-size: 12px;
    color: #4C8300;
    position: absolute;
    top: 10px;
    right: 11px;
}

/* Cookie policy text
---------------------------------------------------------------------------------*/

div#cookiePolicyContent table {
  border-collapse: collapse;
}

div#cookiePolicyContent table th,
div#cookiePolicyContent table td {
  border: solid 1px #e1e1e1;
  padding: 4px;
}
/*** zing Charts ****/

#chartDiv-license {
  display: none !important;
}
#chartDiv-menu-item-xmibl,
div#zc-fullscreen-menu.zc-menu.zc-style div#zc-fullscreen-menu-item-xmibl.zc-menu-item.zc-fullscreen-menu-item {
  display: none !important;
}
#chartDiv-menu-item-xmiabt,
div#zc-fullscreen-menu.zc-menu.zc-style div#zc-fullscreen-menu-item-xmiabt.zc-menu-item.zc-fullscreen-menu-item {
  display: none !important; 
}
#chartDiv-menu-item-viewsource,
div#zc-fullscreen-menu.zc-menu.zc-style div#zc-fullscreen-menu-item-viewsource.zc-menu-item.zc-fullscreen-menu-item {
  display: none !important;   
}
#chartDiv-menu-sep-tools,
div#zc-fullscreen-menu.zc-menu.zc-style div#zc-fullscreen-menu-sep-tools.zc-menu-sep {
  display: none !important;
}

#riskWeather img {
  margin: 15px;
  margin-top: 5px;
}