/* Font sizes for LARGE */
/* Currently pick between 932 and 1072 px wide */
/* remember to repeat stuff as small and medium for OLD IE */
/* definitions not picked up by OLD IE */
div {font-size:12px;}

h1,h2 {font-size:13px;}

/* 20180108 input font-size changed from 14px to 13px */
input {font-size:13px; }

textarea {
  font-size:13px;
  }

/* img width = width of image + 8px */
img {
   padding: 3px;
   border: solid 1px #e1e1e1;
   }

/* 20211119 */
/* specify height of main image to avoid CLS problems */
.main-img {
   width : 350px;
   height: 250px;
   }

.mobile-only{
   display:none;
   }
.tablet-only{
   display:none;
   }
.desktop-only{
   display:block;
   }

/* mobile-no-desktop-yes class to set */
/* display:none mobile  display:block desktop */
.mobile-no-desktop-yes-inline
  {
  display:inline-block;
  }
.mobile-no-desktop-yes
  {
  display:block;
  }
.mobile-yes-desktop-no
  {
  display:none;
  }
.mobile-yes-desktop-no-inline
  {
  display:none;
  }

/* Show date in header for desktop*/
#idDateHolder{
  display:block;
  }

/* LARGE general purpose text resp-text */
.resp-text{
  padding:0px 4px 0px 4px;
  line-height:16px;
  }
.resp-table{
  padding:0px 4px 0px 4px;
  line-height:16px;
  }

/* resp-header  */
/* 20171229 width 932 (810+122)*/
/* or       width 1072 (950 + 122) */
/* 20220507 change from banner.gif to banner3.gif */
.resp-header{
  display: block;
  width: 122px; 
  height: 50px; 
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 950px;
  background-image: url("/images/banner3.gif"); 
  background-size: 100% 100%;
  line-height: 60px;
  color:#ffffff;
}

/* resp-middle */
/* 20171229 width 932 */
/* or       width 1072 */
/* contains inline-blocks so set font-size to 0 so they abut */
.resp-middle{
  /* background: #5bbe5e; */
  /* overflow:auto; */   /* 20151216 Put ads of RHS */
  display: block;
  width: 1072px;
  font-size:0px;
}

/* resp-nav-pr */
/* 20171229 width 178 172+3+3 */
/* or       width 318 312+3+3 */
.resp-nav-pr{
   /* float:right; */   /* 20151216 Put ads of RHS */
   display:inline-block;
   width: 312px;
   margin:0px 3px 0px 3px;
   /* background: #6b5ede; */
}


/* resp-nav-heading */
/* 20171229 width 172 */
/* or       width 312 with jumpto2.gif image */
/* height changed from 46 to 38 with jumpto3.gif image */
/* added top margin of 2 to align with rhs graphic */
.resp-nav-heading {
   display:block;
   width:312px; 
   height:38px; 
   margin: 2px 0px 0px 0px;
   background-image:url("/images/jumpto3.gif");
   }

/* LARGE resp-nav (width as parent container) */
.resp-nav{
   display:block;
   /* 20150907 solid silver changed to white */
   border:1px white; border-top:0px;
   padding:0px 4px 0px 4px;
   /* background: #6b5ede; */
   /* z-index:0; */
}


/* 20171229 width 172 */
/* or       width 312 with sponsoredlinks2.gif image */
/* 20220507 height 50->38 sponsoredlinks2.gif -> sponsoredlinks3.gif */
/* added top margin of 2 to align with rhs graphic */
.resp-top-pr-heading {
   width:312px; 
   height:38px; 
   margin: 2px 0px 0px 0px;
   background-image:url(/images/sponsoredlinks3.gif);
  }
.resp-top-xl-heading {
   width:312px; 
   height:50px; 
   background-image:url(/images/usefullinks3.gif);
  }

/* resp-top-pr (width as parent container) */
/* 610 height to allow 600 high pr */
.resp-top-pr{
  display:block;
   /* 20150907 solid silver changed to white */
  border:1px white; 
  border-top:0px;
  height:610px;
  /* background: #00fede; */
  /* z-index:0; */
}

/* resp-content */
/* 20171229 width 754 (+178=932) */
/* or       width 754 (+318=1072) */
.resp-content{
  display:inline-block;
  /* background: #2b7ede; */
  width: 754px;
}

/* resp-content1 lies inside resp-content and */
/* desktop version has silver borders */
/* 4px margin at bottom to allow some white space before pr */
/* resp-content1 width 754 (738+14M+2B+0P) (754+178=932 or 754+318=1072) */
.resp-content1{
  display:inline-block;
  /* background: #2b7ede; */
  /* 20150907 solid silver changed to white */
  border:1px white; border-top:0px;
  margin:0px 12px 4px 2px;
  width: 738px;
}

/* NB resp-content1 DESKTOP container 738 wide */
/* 20141220 IE8 not abutting lhs and rhs - give it extra 2 pixels */
/* ie change width from 361 (should be) to 359 */
/* resp-lhs 369px (361+8M) */
.resp-lhs {
display:inline-block;
margin:0px 4px 0px 4px;
width: 359px;
}
/* resp-rhs 369px (361+8M) */
.resp-rhs {
display:inline-block;
margin:0px 4px 0px 4px;
width: 359px;
}

/* resp-divider width 738 (726+12P) */
.resp-divider 
   {
   display:block;
   height:10px;
   padding:0px 0px 12px 0px;
   background-image:url("/images/divider1.gif");
   background-repeat:repeat-x;
   background-position:center;
   /* z-index:0; */
   }

/* LARGE resp-inline-pr width 738   */
/* 92 height to allow 720x90 pr */
.resp-inline-pr 
   {
   display:block;
   height:92px;
   padding:0px 0px 0px 0px;
   /* z-index:0; */
   text-align:center;
   }

.resp-divider-top-pr
   {
   display:block;
   height:0px;
   }

/* resp-heading width 754 (740+12+2) (+178=932 or +318=1072) */
.resp-heading {
   display:block;
   width:740px; 
   height:46px; 
   margin:0px 12px 0px 2px;
   }
.resp-heading-charters {
   display:block;
   width:740px; 
   height:46px; 
   margin:0px 12px 0px 2px;
   }
.resp-heading-details {
   display:block;
   width:740px; 
   height:46px; 
   margin:0px 12px 0px 2px;
   }
.resp-heading-cd {
   display:block;
   width:740px; 
   height:46px; 
   margin:0px 12px 0px 2px;
   }
.resp-heading-cs {
   display:block;
   width:740px; 
   height:46px; 
   margin:0px 12px 0px 2px;
   }
.resp-heading-po {
   display:block;
   width:740px; 
   height:46px; 
   margin:0px 12px 0px 2px;
   }
.resp-heading-cl {
   display:block;
   width:740px; 
   height:46px; 
   margin:0px 12px 0px 2px;
   }
.resp-heading-ds {
   display:block;
   width:740px; 
   height:46px; 
   margin:0px 12px 0px 2px;
   }
.resp-heading-it {
   display:block;
   width:740px; 
   height:46px; 
   margin:0px 12px 0px 2px;
   }

/* resp-heading-text width 738 (730 + 8P) (parent container - resp-content1) */
.resp-heading-text{
  display:block;
  padding:0px 4px 0px 4px;
  /* z-index:0; */
}

/* LARGE resp-heading-nf (notfound) */
.resp-heading-nf {
   display:block;
   width:740px; 
   height:46px; 
   margin:0px 12px 0px 2px;
   background-image:url("/images/notfound3.gif"); 
   }
/* LARGE resp-heading-tcp (terms,contact,privacy policy) */
.resp-heading-tcp {
   display:block;
   width:740px; 
   height:46px; 
   margin:0px 12px 0px 2px;
   background-image:url("/images/aboutus3.gif"); 
   }
/* LARGE resp-heading-ti (ticker maker) */
.resp-heading-ti {
   display:block;
   width:740px; 
   height:46px; 
   margin:0px 12px 0px 2px;
   background-image:url("/images/tickers3.gif"); 
   }
/* LARGE resp-heading-sr (search results) */
.resp-heading-sr {
   display:block;
   width:740px; 
   height:46px; 
   margin:0px 12px 0px 2px;
   background-image:url("/images/searchresults3.gif"); 
   }

/* resp-footer-pr width as parent container */
/* 92 height to allow 720x90 pr */
.resp-footer-pr 
   {
   display:block;
   height:92px;
   padding:0px 0px 4px 0px;
   /* z-index:0; */
   text-align:center;
   }

/* 20171229 width 932 */
/* or       width 1072 */
.resp-footer 
   {
   display:block;
   width:1072px; 
   height:32px;
   line-height:26px;
   margin:2px 0px 0px 0px; 
   border:0px; 
   padding:0px;
   background-image:url("/images/footer.gif"); 
   }
/* LARGE prslots */
/* 20171229 width 160 */
/* or       width 300 */
.prslot1header { width: 300px; height: 600px; }
.prslot2inlinebanner { width: 728px; height: 90px; }
.prslot3inlinesquare { width: 300px; height: 250px; }
.prslot4footer { width: 728px; height: 90px; }

/* EU Cookie compliance banner 20150824 */
/* 20171229 width 924 + 4 + 4 = 932 */
/* or       width 1064 + 4 + 4 = 1072 */
#cookie-law { 
  max-width:1064px;
}
