/* General settings ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html, body {
  margin-left : 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  border: 0px;
  background-color: #CCCCCC;
  color: #000000;
  font-family: Arial, Arial, sans-serif;
  font-size: 100%;
  font-weight: bold;
}

th.groupheader
{
  background:   #6666CC;
  color: #FFFFFF;
}

img.logo
{
  border: none;
  margin-top: 5px;
}

div.spacer
{
  position: relative;
  height: 25px;
}

a.skip
{
  display:none
}

/* Centre main text ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

div.main
{
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  min-width: 375px;
  margin-top: 0px;
  margin-bottom: 75px;
  margin-left: 220px;
  margin-right: 50px;
  background: #CCCCCC;
  padding: 5px;
  border: 0px;
}

div.maindraft
{
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  min-width: 375px;
  margin-top: 0px;
  margin-bottom: 75px;
  margin-left: 220px;
  margin-right: 200px;
  background: url("../graphics/draft.gif");
  background-repeat: repeat;
  padding: 5px;
  border: 0px;
}

/* Footer -------------------------------*/



p.copyright {
  font-size: 70%;
  color: #666666;
  text-align: center;
}

p.jumps
{
  text-align: right;
}

div.rock_bottom
{
  position: relative;
  top: 0px;
  height: 50px;
  width: 100%;
  background-image: url("../graphics/bottom_rock_border.jpg");
  background-repeat: repeat-x;
  background-position: bottom;
}

/* General -------------------------------*/

p {text-align: justify;
}

p.bold {
  font-weight: bold;
}

p.small {
  font-size: 60%;
  text-align: center;
}
p.centre {
  text-align: center;
}
p.construction {
  font-size: 80%;
  color: #666666;
}

p.indent_normal {
  margin-left: 15px;
}

p.indent_h4 {
  margin-left: 15px;
  font-size: 110%;
}

h1 {
  font-size: 140%;
  font-style: normal;
  text-align: center;
}

h2 {
  font-size: 130%;
  font-style: normal;
  text-align: left;
}

span.bold {
  font-weight: bold;
}
span.italic {
  font-style: italic;
}
span.glossary {
  background:   #CCCCCC;
  padding: 10px;
}
span.in_line_h2 {
  font-size: 130%;
  font-style: normal;
  text-align: left;
}
h3 {
  font-size: 120%;
  font-style: normal;
  text-align: left;
}
span.in_line_h3 {
  font-size: 120%;
  font-style: normal;
  text-align: left;
}
h4 {
  font-size: 110%;
  font-style: normal;
  text-align: left;
}
li {
  font-size: 100%;
}
hr {
  width: 100%;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #FAFAFA;
}
a:link {
  color: #6666CC;
  text-decoration: none;
}
a:visited {
  color: #663399;
  text-decoration: none;
}
a:hover {
  color: #CC6600;
  text-decoration: none;
}

/* ALSF page  -------------------------------*/
table.alsf_main
{
  text-align: left;
  border-style: none;
}

td.alsf_main 
{
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

img.alsf_main 
{
  border: solid 1px black;
}

/* Rigs by name -------------------------------*/

table.rigs_by_name
{
  border: 0px;
  
}
td.rigs_by_name
{
  border: none;
  color:#000000;
  background-color: #CCCCCC;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}  

/* Rigs by location -------------------------------*/

img.rigs_by_loc_map
{
  border: none;
  width: 341px;
  height: 375px;
}

img.rigs_by_loc_pan_horizontal 
{
  border: none;
  width:100px;
  height:10px;
}

img.rigs_by_loc_pan_vertical
{
  border: none;
  width:10px;
  height:100px;
}

img.rigs_by_loc_pan_corner
{
  border: none;
  width:10px;
  height:10px;
}


table.rigs_by_location 
{
  border-style: solid;
  border-spacing:0px;
  border-width: thin;
  font-size: 60%;
  background-color:   #CCCCCC;
  text-align: center;
}

/* Site reports -------------------------------*/

img.site_map
{
  border: none;
  width: 341px;
  height: 375px;
  margin: 5px;
  position: relative;
  float: right;
}

img.site_pic
{
  border: solid 1px black;
  margin: 5px;
  position: relative;
  float: right;
}

img.site_pic_thumb
{
  border: none;
  width: 160px;
  height: 107px;
  margin: 10px;
}

 
table.eras_main_1
{
  margin-left: 5%;
  margin-right:5%;
  width:auto%;
  background-color: #CCCCCC;
  border-style: 1px solid #000000;
  font-size: 90%;
  text-align: left;
  color: #666666;
}

table.eras_main_2
{
  width: 100%;
  font-size: 100%;
  background-color: #CCCCCC;
  border-style: 1px solid #000000;
  text-align: left;
  color: #666666;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

td.eras_main_2
{
  background-color: #999999;
  border-style: 1px solid #000000;
  text-align: left;
  vertical-align:top;
  color: #000000;
}

div.eras_main_1
{
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0px;
}

div.eras_main_2
{
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  
}

div.eras_main_3
{
  width: 100%;
  height: 50px;
  background-image: url("../graphics/bottom_rock_border.jpg");
  background-repeat: repeat-x;
  background-position: bottom;
}

/* Top banner ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.top_banner
{
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: 101px;
  background: url("../graphics/top_banner.jpg");
  background-repeat: no-repeat;
}

/* Left column - menu, search and logo bar ---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.leftcol {
  position: absolute;
  top: 101px;
  left: 0px;
  width: 215px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  border: 0px;
}

/* --------------------------------------------------main menu*/
div.leftmain {
  position: relative;
  top: 0px;
  left: 0px;
  font-size: 95%;
  font-weight: Bold;
}
ul.leftmenu {
  list-style-image: url("../graphics/arrow.gif");
  list-style-position: outside;
  margin-right: 10px;

}
ul.leftsubmenu {
  list-style-image: url("../graphics/arrow_nolink.gif");
  list-style-position: outside;
  margin-left : 5px;
  margin-right: 0px;
  font-size: 90%;

}
li.leftmenu_nolink {
  list-style-image: url("../graphics/arrow_nolink.gif");
  list-style-position: outside;
  margin-left : 5px;
  margin-right: 0px;
  font-size: 85%;
}
a.menu:link {
  color: #6666CC;
  text-decoration: none;
  font-weight: Bold;
}
a.menu:visited {
  color: #6666CC;
  text-decoration: none;
  font-weight: Bold;
}
a.menu:hover {
  color: #CC6600;
  text-decoration: none;
  font-weight: Bold;
}

/* --------------------------------------------------search and logos*/

table.search_and_logo
{
  height: 60px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  font-size:80%;
  text-align: center;
}

td.searchsite
{
}
form.searchsite
{
  margin-top: 4px;
  margin-bottom: 4px
}
input.searchsite
{
 width: 130px;
}


/* --------------------------------------------------ALSF page - boards*/

td.boards_download_text
{
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight:normal;
}
td.boards
{
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight:bold;
}

img.boards
{
  border: none;
}



/* Right column geological time bar --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

div.rightcol
{
  position: absolute;
  top: 101px;
  right: 0px;
  width: 190px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  border: 0px;
}

table.eras_right
{
  position: relative;
  top: 0px;
  right: 0px;
  width: 160px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 70%;
  text-align: center;
  color: #666666;
}

td.cenozoic {
  background: #FFCC99;
}
td.holocene {
  background: #6699FF;
}
td.pleistocene {
  background: #3399FF;
}
td.pliocene {
  background: #F3CB64; /* was #0099FF; */
}
td.miocene {
  background: #E8994D; /* was #6699CC;*/
}
td.oligocene {
  background: #35C370; /* was #3399CC;*/
}
td.eocene {
  background: #FEFEAF; /*was #0099CC;*/
}
td.paleocene {
  background: #66CCFF;
}

td.mesozoic {
  background: #CCFFCC;
}
td.cretaceous {
  background: #86DF80; /*was#666666;*/
}
td.jurassic {
  background: #FFFF40; /*#9966CC;*/
}
td.triassic {
  background: #EFB980; /*#993366;*/
}
td.palaeozoic {
  background: #66CCCC;
}
td.permian {
  background: #FDAC5B; /* was #CC9999; */
}
td.carboniferous {
  background: #C4B1BD; /*was #9999CC;*/
}
td.devonian {
  background: #D7B062; /*was #996633;*/
}
td.silurian {
  background: #FBDCED; /*was #999999;*/
}
td.ordovician {
  background: #FFFFFF; /*was #336699;*/
}
td.cambrian {
  background: #649FCF; /*was #666666;*/
}
td.ediacaran {
  background:#339999;
}

td.precambrian {
  background: #8B8164; /* was #FFCC99;*/
  height: 30px;
}

a.eras_1:link {
  color: #666666;
  text-decoration: none;
  font-weight: Normal;
}
a.eras_1:visited {
  color: #666666;
  text-decoration: none;
  font-weight: Normal;
}
a.eras_1:hover {
  color: #CC6600;
  text-decoration: none;
  font-weight: Normal;
}
a.eras_2:link {
  color: #666666;
  text-decoration: none;
  font-weight: Normal;
}
a.eras_2:visited {
  color: #666666;
  text-decoration: none;
  font-weight: Normal;
}
a.eras_2:hover {
  color: #CC6600;
  text-decoration: none;
  font-weight: Normal;
}

/* Site report pages ------------------ */

div.right_site_specific
 {
   width: 160px;
   margin-top: 30px;
 }
table.site_eras
{
  position: relative;
  top: 0px;
  right: 0px;
  width: 100%;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 70%;
  text-align: center;
  
}
table.site_rocks
{
  position: relative;
  top: 0px;
  right: 0px;
  width: 100%;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 70%;
  text-align: center;
}

td.rocks {
  background: #FFFFCC;
  color: #000000;
}