/*
    @File: mainstyles.css
    
    @Description: Style Definitions for Lims-client Web Application
	
	@IODP-BACKGROUND-BLUE = #dfefff
*/


body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  min-width: 1000px;
  background-color: #ffffff;  /* white */
  /*  background-image:url(images/background.jpg);  */
  /*  background-repeat:no-repeat;  */
}

h2,h3 {
  margin:0;
  padding:0;
  margin-bottom: 3px;
}
h2 {
  /* font-family: arial, sans-serif; */
  font-weight: normal;
  font-size: 1.5em;
}
h4 {
	/* font-family: arial, sans-serif; */
	color: DarkBlue;
	font-weight: bold;
	font-size: 15px;
	margin-top: 1.5em;
	margin-bottom: 1em;
}

hr {
	border: none 0; 
	border-top: 1px dotted #09c;
	border-bottom: 1px solid DarkBlue;
	width: 100%;
	height: 2px;
	margin: 25px auto 25px 0;
	text-align: left;
}	


/*  
      link behavior
*/

a:link { color: DarkBlue; }
a:visited { color: RoyalBlue; } 
a:hover { color: Red; } 

/*
     generic class definitions
*/
.HIDN {
	display: none;
}

.CNTR {
	text-align: center;
}

.HIGHLIGHT {
	font-weight: bold;
	color: DarkBlue;
}

.WARN {
  font-size: 0.75em;
  font-style: italic;
  color: #ff0000;  /* red */
}


.divResult {
	font-size: 0.7em;
}

.pageTitle {
	/* font-family: arial, sans-serif; */
	color: DarkBlue;
	font-weight: bold;
	font-size: 15px;
	margin-top: 1.5em;
	margin-bottom: 1em;
	display: inline;
	min-height: 40px;
}


img.imgWorking {
	display: inline;
}
	
	
hr.tableSectionDivider {
	color: RoyalBlue;
	background-color: RoyalBlue;
	border: medium double RoyalBlue;
}

hr {
	border: none 0; 
	border-top: 1px dotted #09c;
	border-bottom: 1px solid DarkBlue;
	width: 100%;
	height: 2px;
	margin: 10px auto 0 0;
	text-align: left;
}	

/*  
      table definition
*/
table {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  /* font-family: Verdana, sans-serif; */
  font-size: 10pt;
}

table.searchTable {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

td,th {
  /* font-family: Verdana, sans-serif; */
  font-size: 10pt;
}
th {
  font-weight: bold;
}

td a {
  font-weight: bold;
}

th.inputLabel {
  /* font-family: Verdana, sans-serif; */
  font-size: 10pt;
  text-align: center;
  margin-right: 0.5em;
}
th.v-label {  /*  Labels that descend vertically down the page.  */
  text-align: right;
  font-size: 0.75em;
}

/* 
   The style below will control the main header line for results table, e.g., results
   table on sci-data.html page.
*/
th.outputTable {  /*  Actual output table header.  */
  background-color: #5575C5;   /* medium-blue orig- #99CCFF */  /*  Test - blue: #66CCFF */
  color: #FFFFFF;
  font-size: 8pt;
  font-weight: normal;
  padding-left: 3px;
  padding-right: 3px;
  min-width: 88px;
}
table.outputTable tr td {
	border:  1px solid #aaaaaa;
}


td.tableSectionDivider {
  /* font-family: Verdana, sans-serif; */
  font-size: 1.0em;
  font-weight: bold;
  text-align: left;
  margin: 0.75em 1em;
}

table.SCIDTA_CONTENT_TBL {
  border-collapse: collapse;
	
}

tbody.SCIDTA_CONTENT_TBODY td {
	border: 1px solid #bababa;
}
tbody.SCIDTA_CONTENT_TBODY th {
	border: 1px solid #bababa;
}
tbody.SCIDTA_CONTENT_TBODY tr.shaded {
	background-color: #eaedf3;
}


p {font-size: 10pt}
hr { margin:0; padding:0}

div.WT_header {
	width: 1000px;
	text-align: center;
	font-size: 2em;
}

div.WT-page {
	/* These define the primary stylings for all WebTabular pages */
	display: inline;
	width: 1000px;
	float: none;
}



.userDisplay {
  /* font-family: arial, sans-serif;  */
  font-weight: bold;
  font-size: 1.00em;
}



div.leftDiv {
	display: inline;
	width: 205px;
	margin-top: 15px;
	float: left;
}

div.rightDiv {
	display: inline;
	width: 700px;
	margin-top: 15px;
	margin-left: 5px;
	float: left;
}

div.leftDivHdr {
	height: 24px;
	width: 206px;
	line-height: 24px;
	font-weight: bold;
	font-family: "Times New Roman", serif;
	text-align: center;
	vertical-align: middle;
	margin-left: -10px;
	/*
	background-image: url(images/header_gray_tab_left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	*/
	background-image: url(images/header_gray_tab_left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	/* padding: 4px;  */
	/* border: solid thin #003399;  */
	/* background-color: #6699cc;  */
}
.loginHdrLft{
	background: url(images/header_gray_tab_left.gif) top left no-repeat;
}
.loginHdrMdl {
	width: 186px;
	margin-left: 10px;
	background: url(images/header_gray_1px.gif) 0 0 repeat-x;
}
.loginHdrRgt {
	/* background: url(images/header_gray_tab_right.gif) top right no-repeat; */
	background-image: url(images/header_gray_tab_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.leftDivFooter {
	height: 10px;
	width: 205px;
	margin-left: -10px;
	background-image: url(images/bottom_left.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.leftDivFooterMdl {
	width: 186px;
	height: 9px;
	margin-left: 10px;
	border-bottom: thin solid #dddddd;
	background-color: #f2f2f2;
	/* background: url(images/div_grey.gif) 0 0 repeat-x; */
}
.leftDivFooterRgt {
	background-image: url(images/bottom_right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}


div.leftDivBody {
	/* background-color: #daebee;  */
	font-weight: normal;
	font-family: "Times New Roman", serif;
	border-right: solid thin #dddddd;
	border-left: solid thin #dddddd;
	padding: 4px;
	padding-top: 20px;
	background: url(images/gradient_bottom.gif) bottom left repeat-x;
	min-height: 100px;
}


div.leftDivBody input {
	border: solid thin #003399;
}

.msgBoxHdrRgt {
	background-image: url(images/header_gray_tab_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.msgBoxHdrMdl {
	width: 680px;
	margin-left: 10px;
	background: url(images/header_gray_1px.gif) 0 0 repeat-x;
}
.msgBoxHdrLft {
	height: 24px;
	width: 690px;
	line-height: 24px;
	font-weight: bold;
	font-family: "Times New Roman", serif;
	text-align: center;
	vertical-align: middle;
	margin-left: -10px;
	background: url(images/header_gray_tab_left.gif) top left no-repeat;
}

.msgBoxBody {
	font-weight: normal;
	font-family: "Times New Roman", serif;
	border-right: solid thin #dddddd;
	border-left: solid thin #dddddd;
	padding: 4px;
	padding-top: 20px;
	background: url(images/gradient_bottom.gif) bottom left repeat-x;
	min-height: 100px;
}
	
.msgBoxFooterRgt {
	background-image: url(images/bottom_right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.msgBoxFooterMdl {
	width: 680px;
	height: 9px;
	margin-left: 10px;
	border-bottom: thin solid #dddddd;
	background-color: #f2f2f2;
}
.msgBoxFooterLft {
	height: 10px;
	width: 690px;
	margin-left: -10px;
	background-image: url(images/bottom_left.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.mainSciDataDiv {
	width: 1110px;
	margin-top: 25px;
}

.SciDtaHdrRgt {
	background-image: url(images/header_gray_tab_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.SciDtaHdrMdl {
	width: 1090px;
	margin-left: 10px;
	background: url(images/header_gray_1px.gif) 0 0 repeat-x;
}
.SciDtaHdrLft {
	height: 24px;
	width: 1100px;
	line-height: 24px;
	font-weight: bold;
	font-family: "Times New Roman", serif;
	text-align: center;
	vertical-align: middle;
	margin-left: -10px;
	background: url(images/header_gray_tab_left.gif) top left no-repeat;
}
.SciDtaFormBody {
	font-weight: normal;
	font-family: "Times New Roman", serif;
	border-right: solid thin #dddddd;
	border-left: solid thin #dddddd;
	padding: 4px;
	padding-top: 20px;
	background: url(images/gradient_bottom.gif) bottom left repeat-x;
}

.SciDtaFooterRgt {
	background-image: url(images/bottom_right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.SciDtaFooterMdl {
	width: 1090px;
	height: 9px;
	margin-left: 10px;
	border-bottom: thin solid #dddddd;
	background-color: #f2f2f2;
}
.SciDtaFooterLft {
	height: 10px;
	width: 1100px;
	margin-left: -10px;
	background-image: url(images/bottom_left.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}





div.WT_SearchType {
  margin-top: 2em;
  margin-bottom: 2em;

  font-size: 1.3em;
  font-weight: normal;
}

div.sub-title {
	width: 1000px;
  text-align: center;
  font-style: oblique;
}

div.sectionTitle {
  font-size: 2em;
  margin-left: 5em;
}

div.WT-formSubmit {
  margin-top: 1.5em;
  margin-bottom: 1em;
  text-align: center;
}
div.WT-formSubmit input {
  margin-right: 5em;
  margin-left: 5em;
}
div.WT-formSubmit div {
	width: 100%;
	height: 20px;
	margin-right: 5em;
	margin-left: 5em;
}


div.thinblueline {
      /* border-width: 1px;  */
      /* border-style: solid; */
      border: thin solid #0000FF;
      width:900px;
	  background-color: #f7fbff;  /* light-blue */
}

div.inner {
	margin: 10px;
}
	

div.centcol {
 margin: 5px 20px 20px 20px;
 /*    background: #ffffff;  */
 background-color: #ffffff;  /* white */
 color: #333333;
 padding: 20px;
 position: relative;
}

input.fixedWidBtn {
	width: 175px;
	height: 20px;
}

table.thinblue{ 
  border-collapse: collapse;
  border: 1px solid #0000ff; 
}

div.hdr{
 height:35px;
 /*// background-color: #f7fbff;  */  /* light-blue */
 color:#09c;
 border-style:solid;
 border-color:black;
 border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
 margin:4px 0 0 0;
}

select.wideInput {
  min-width: 10em;
}

span.inputLabel {
  margin-left: 3em;
  font-weight: bold;
}
span.WT-optional {
  font-size: 0.75em;
  color: #0000ff;  /* blue */
}

span.WT-formatString {
  font-size: 0.75em;
  font-style: italic;
  color: #ff0000;  /* red */
}

span.WT-vertLabel {
	font-size: 1.2em;
	font-weight: bold;
}


.underline {
 font-size: 8pt;
 color: DarkBlue;
 border-bottom:1px dotted;
}

.wideIpt {
	min-width: 325px;
}

/*  Define styles for result div */
div#result {
  margin-top: 2em;
  border-top: solid thin black;
}

/*  Printing styles  */
@media print {
	body * {
		display:none;
	}
	#result {
		display:block;
	}
}

/*  

     ********************  Editable Select Box Styles   ********************
*/
	.selectBoxArrow{
		margin-top:1px;
		float:left;
		position:absolute;
		right:1px;
		

	}	
	.selectBoxInput{
		border:0px;
		padding-left:1px;
		height:16px;
		position:absolute;
		top:0px;
		left:0px;
	}

	.selectBox{
		border:1px solid #7f9db9;
		height:20px;	
	
	}
	.selectBoxOptionContainer{
		position:absolute;
		border:1px solid #7f9db9;
		height:100px;
		background-color:#FFF;
		left:-1px;
		top:20px;
		visibility:hidden;
		overflow:auto;
	}
	.selectBoxAnOption{
		font-family:arial;
		font-size:12px;
		cursor:default;
		margin:1px;
		overflow:hidden;
		white-space:nowrap;
	}
	.selectBoxIframe{
		position:absolute;
		background-color:#FFF;
		border:0px;
		z-index:999;
	}	

/* *** Set Background colors for output tables. */
tr.darkrow { /* even-numbered rows have a different background color for easier reading */
  background-color: #F5F5F5;   /* Orig-Color: #CCFFFF (light-blue) */  /*  Test Blue: #66CCFF  */
}

tr.alternateRow { /* even-numbered rows have a different background color for easier reading */
  background-color: #F5F5F5;   /* Orig-Color: #CCFFFF (light-blue) */
}

tr.firstTestRow { /* the first row of one test entry has a different background color for easier reading */
  background-color: #FFFFBC;   /* orig-color: #CCCCFF (blue-grey) */  /*  test-color: #669999  (light-blue-gray)   :::   #EAF5EA (light-gray-green) */
}

td.totalCell { /* total cells have a different background color for easier reading */
  font-weight: bold;
  background-color: #CCCCFF;   /* blue-grey */
}

tr.GT_row { /* background is white, font-weight is bold, font-size is 1.5em */
	background-color: #FFFFFF;  /* white */
}

tr.GT_row td { /* background is white, font-weight is bold, font-size is 1.5em */
	font-weight: bold;
	font-size: 1.3em;
	background-color: #FFFFFF;  /* white */
}

tr.blankRow { /* background is white, font-weight is bold, font-size is 1.5em */
	background-color: #FFFFFF;  /* white */
	border-style: none;
	height: 2em;
}
tr.blankRow td { /* background is white, font-weight is bold, font-size is 1.5em */
	background-color: #FFFFFF;  /* white */
	border-style: none;
	height: 3em;
}

h1.GT_Title {
	font-weight: bold;
	font-size: 1.3em;
}

/* Fixed Header Height */
.fixedHeader tr {
 position: relative;
 height: auto;
}
/* Put border around entire table */
div.TableContainer {
 border: 1px solid #7DA87D;
 height:500px;
 width:90%;
 overflow-x:auto;
 overflow-y:hidden;
}
/* Scrollable Content Height */
.scrollContent {
 height:401px;
 overflow-x:hidden;
 overflow-y:auto;
}
table.scrollTable tr {
 height: auto;
}

table.scrollTable {
 empty-cells: show
}
/* Prevent Mozilla scrollbar from hiding right-most cell content */
.scrollContent tr td:last-child {
 padding-right: 20px;
}

div.thinblueline {
      /* border-width: 1px;  */
      /* border-style: solid; */
      border: thin solid #0000FF;
      width:900px;
	  background-color: #f7fbff;  /* light-blue */
}

div.inner {
	margin: 10px;
}
	

div.centcol {
 margin: 5px 20px 20px 20px;
 /*    background: #ffffff;  */
 background-color: #ffffff;  /* white */
 color: #333333;
 padding: 20px;
 position: relative;
}

input.fixedWidBtn {
	width: 175px;
	height: 20px;
}

table.thinblue{ 
  border-collapse: collapse;
  border: 1px solid #0000ff; 
}

div.hdr{
 height:35px;
 /*// background-color: #f7fbff;  */  /* light-blue */
 color:#09c;
 border-style:solid;
 border-color:black;
 border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
 margin:4px 0 0 0;
}

select.wideInput {
  min-width: 10em;
}

span.inputLabel {
  margin-left: 3em;
  font-weight: bold;
}
span.WT-optional {
  font-size: 0.75em;
  color: #0000ff;  /* blue */
}

span.WT-formatString {
  font-size: 0.75em;
  font-style: italic;
  color: #ff0000;  /* red */
}

span.WT-vertLabel {
	font-size: 1.2em;
	font-weight: bold;
}