/* CSS Document */
html, body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin: 0;
	text-align:left;
	padding:0;
	border:0;
	width: auto;
	min-width:70em;
	height: 100%;
	min-height: 100%;
	/* JLC 20090805 background: url(../images/colorbk.gif) repeat-y left; */
}

/*for popout windows*/
html.pop, body.pop {	
	margin: 0 0 0 10px;
	text-align:left;
	padding:0 0 0 10px;
	border:0;
	background: none;
	width: auto;
	min-width: 10px;
	height: 100%;
	min-height: 100%;
}

.karin1 {color: #009999; font-style: normal;}
.karin2 {color: #009999; font-weight: bold; }

.forceIE{width:700px; background:transparent;} 

#header{
	margin:0;
	padding:0;
	border:0;
	min-width:60em;
	height:91px;
	background: White url(../images/earthchemTopBack.gif) repeat-x top left;
	color: #003176;
	display: block;
}

#wrapper{
	font-size: inherit;
	margin: 0;
	padding:0;
	text-align: left;
	min-width:70em;
	width: auto;
}

#content{
	font-size: inherit;
	margin: 0 0 0px 15px;
	padding: 0 0 0px 15px;
	border:0;
	display: block;
	/*color: #9D4123;*/
	color: Black;
	text-align: left;
	min-width:50em;
	width:85%;
	height:100%;
	float:left;
	}

#srchTabs{
	display: block;
	background: WHITE url(../images/srchtab_bk.gif) repeat-x top left;
	width: 98%;
	position: relative;
	z-index: 2;
	float: left;
	clear: both;
}	

#rtMenu{
	float:right;
	clear:none;
	width:10%;
	height: auto;
	border-bottom: none;
	border-left: 3px double #ABBDDC;
	padding-left: 5px;
}
	

#menu{
		font-size: medium;
		margin:0;
		padding:0px;
		border:0;
		width:7.5em;
		min-height:10em;
		height:100%;
		z-index:4;
		float: left;
		clear:left;
}

#row{
	font-size: inherit;
	margin: 0px 5px 2px 2px;
	padding: 0px 5px 2px 2px;
	border:0;
	min-width: 50em;
	width:90%;
	display:inline;
	float:left;
}

#advanced {
	top:0px;
	/*width: 100%;*/
	display: none;
}

#footer{
	font-size: inherit;
	margin: 10px;
	padding: 10px 20px;
	border:0;
	width:100%;
	height:45px;
	bottom: 2px;
}

.row_sec{
	display:inline;
	float:left;
	width:auto;
}

/*layer styles */

.menuLayer{
	position:absolute;
	float:left;
	/*left:1em;*/
	/*border: .1em solid #F0E68C;*/
	display:none;
	z-index: 5;
	width: 7em;
	height: auto;
	padding: 0 .5em 0 .5em;
}


.floatlayer  {
	z-index:1000;
	position:absolute; 
	height:auto; 
	width:7em;
	text-align:right;
}

.floatlayer > a{
	text-decoration: none;
	color:WHITE;
}

.floatlayer > a:hover {
	color: #FFD700; 
}


.column1{
	/*display: block;*/
	top: 0px;
	width: auto;
	height: auto;
	margin: 0 1% 0 0;
	float: left;
}

.column2{
	top: 0px;
	width: auto;
	margin: 0 0 0 1%;
	float: left;
}

.page {
	font-family: Arial, Helvetica, sans-serif;
	color: #C3CAD1;
	font-size: .9em;
	text-align: left;
}

.row{
	font-size: inherit;
	margin: 5px 2px 2px 2px;
	padding: 5px 2px 2px 2px;
	border:0;
	min-width: 50em;
	width:100%;
	display:block;
	/*float:left;*/
}

/* image styles */

img.pd{
	margin:4px;
	padding:4px;
	border:0;
}

img.info {
	margin-bottom:-.8em;
	padding-bottom:0;
}

img.brdr{	
	margin:0px;
	padding:0px;
	border: .5px solid Black;
}

.imgColR{
	clear: right;
	margin-left: 10px;
	padding-left: 10px;
	float:right; 
	display:block;
}

.imgColL{
	margin-right: 10px;
	padding-right: 10px;
	float:left; 
	display:block;
}

/* anchor styles */
a.menu1, a.here {
	border: none;
	display: block;
	background-color: Black;
	/*border: 1px outset #46466B;*/
	color: #FFFFE0;
	padding: 3px 3px 0px 1px;
	margin: 3px 3px 3px 8px;
	font-size: .9em;
	text-decoration : none;
	text-align: right;
	width:7em;
	height: auto;
	position: relative;
	clear:none;
	}
	
a.here, a.here:hover{
	color: #F0E68C;
}
	
a.menu2 {	
	background-attachment : inherit;
	display: block;
	font-size: .9em;
	text-decoration : none;
	text-align: center;
	width:7em;
	height: auto;
	position: relative;
	left:10px;
	clear:none;
	border: 1px outset #46466B;
	color: #FFFFE0;
	padding: 3px 3px 0px 1px;
	margin: 0 2px 0 2px;
	background-color: Black;
	}

a.menu1:hover, a.menu2:hover {
	color: #FFD700;
	}
	
/* anchor styles */
.topmenu, a.topmenu {
	border-left: 1px solid #999999;
	border-right: 1px outset #999999;
	border-bottom:1px solid #999999;
	border-top: none;
	display: inline;
	background-color: #CE6328;
	color: #FAFAD2;
	padding-left: 4px;
	padding-right: 4px;
	/*margin: 1px 1px 3px 1px;*/
	font-size: .9em;
	text-decoration : none;
	text-align: center;
	width: auto;
	height: auto;
	position: relative;
	clear: both;
	font-weight: bold;
	}

a.topmenu:hover{
	background-color: #E2946A;
	color: White;
	text-decoration : none;	
	border: 1px solid #DCDCDC;
}	

.topmenu	{
	border-left: none;
	border-right: none;
	border-bottom:1px solid #999999;
}
/*a {
	color: #E16000;
	text-decoration: none;
}*/

a.top {
	color: #E9C267;
	text-decoration: none;
}

a.top:hover {
	color: #F0E68C;
	text-decoration: none;
}

a, a.site {
	color: #9B6C4D;
	text-decoration: underline;
}

a:hover, a.site:hover {
	color: #FF8C00;
	text-decoration: underline;
}

/* html element styles */
h1, h2, h3, h4 {
	/*color: Black;*/
	/*color: #B85818;*/
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	/*font-style: italic;*/
	font-weight: bold;
	/*font-variant: small-caps;*/
	margin-top: .1%;
	padding-top: .1%;
	margin-bottom: .1%;
	padding-bottom: .1%;
}

h1{
	color: #984812;
	font-size: 1.75em;
}

h2 {
	color: #AD4A08;
	font-size: 1.4em;
}

h3 {
	color: #AF5010;
	font-size: 1.2em;
	}
	
h4 {
	color: #BD4F24;
	font-size: 1em;
	}
	
h2 + p, h4 + p, h3 + p {
	margin-top: .1%;
}

 h2 + h4, .lt_line + h3 {
	margin-top: .5%;
}

li {
	margin-bottom: .4em;
}

ul.arrow {
	list-style-image: url(../images/arrow.gif);
}

p:first-child{
	margin-top:0em;
}


/* table styles */


TABLE {
	font-size: inherit;
	padding: 0;
	margin: 0;
	border: 0;
}


.basic {
	background: #F5F4E4;
	border-left: 6px solid #708090;
	border-top: thin solid #5F6D7A;
	border-bottom: 1px solid #708090;
	border-right: 1px solid #708090;
	padding: 5px 3px 3px 3px;
	}


TABLE.sub1 {
	/*width: 90%;*/
	font-size: 12px;
	border-left: 4px solid #708090;
	background-color: #ACB9CA;
	/*padding-left: 5px;*/
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	}

TABLE.sub2 {
	/*width: 90%;*/
	min-width: 250px;
	padding: 0px;
	margin-right: 5px;
	padding-left: 5px;
	margin-left: 5px;
	border-left: 6px solid #696969;
	border-bottom: 2px solid #5F9EA0;
	border-top: 0px none;
}


TABLE.sub2a {
	padding: 0px;
	width: 90%;
	margin-right: 5px;
	padding-left: 5px;
	margin-left: 5px;
	border-left: 6px solid #696969;
	border-bottom: 2px solid #5F9EA0;
	border-top: 0px none;
}

/*

*/	
TABLE.content {
	background: #F1F0E7;
	border: 3px;
	padding: 2px;
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	border-right: 5px ridge #8EA48F;
	border-left: 1px solid #C2CFC4;
	border-top: 1px solid #C2CFC4;
	border-bottom: 3px ridge #8EA48F;
	}
	
.results {
	background: #F3CFAB;
	width: 100%;
	font-size: .9em;
	border-left: 6px solid #A27128;
	border-top: thin solid #8B4513;
	border-bottom: 1px solid #A27128;
	border-right: 1px solid #A27128;
	padding-left: 2px;
	padding-right: 2px;
	}

TD.topAlign {
	padding-top: .3em;
	padding-left: 1em;
}

th {
	font-weight: normal;
	font-style: italic;
	border: thin solid White;
}

/* misc */
.here{
	font-weight: normal;
	color: #FFD700;
	font-style: italic;
}
	
.nopad{
  padding-left: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 0;
}

.pad, .pad td{
	/*color: #660033;*/
	padding-left: 5px;
	padding-right: 5px;
}

.pad h1{
	margin-top: 1.5em;
}

.pad2 {
	padding: 0px 8px 0px 8px;
}

.padBlok{
	display: block;
	padding:5px;
}

.popTop {
	width:90%;
	font-style: italic;
	margin: 15px 5px 5px 10px;
}

.smTxt{
	font-size: .9em;
}

.smTxt2{
	font-size: .8em;
}

.smTxt3{
	font-size: .7em;
}

.hotTopic, .reqd{
	font-style: italic;
	font-size: 1.2em;
	font-weight: bold;
	color: Red;
}

.coolTopic {
	font-style: normal;
	font-size: 1.1em;
	font-weight: bold;
	color: #0033FF;
	font-family: Arial, Helvetica, sans-serif;
}

.emphasis {
   color: #9D0000;
	font-weight: bold;
}

.hotlink{
	font-style: italic;
	font-weight: bold;
	color: #F3683E;
}

.upcoming{
	font-size: inherit;
	background-color: #F2F1F1;
   border: 1px solid #E1894E;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.bigCoolTopic{
	font-style: normal;
	font-size: 1.8em;
}

.medCoolTopic{
	font-style: normal;
	font-size: 1.5em;
}

.indent1{
	margin-left: 1.3em;
}

.inactive{
	color: #B0B0B0;
}

.color{
	font-style: italic;
	font-size: 1.1em;
	font-weight: bold;
	color: #FE520F;
	font-family: Verdana, Arial, Helvetica, "Challenge Extra Bold", sans-serif;
	
}

.ital {
	font-style: italic;
	font-size: .9em;
}

.notices {
	font-size: .9em;
	font-style: italic;
	color: #2F4F4F;
}

.keyword{
	font-weight: bold;
	color: #CD853F;
}


.emphasis2{
	font-style: italic;
   color: #003466;
}
	
.new {
	font-size: inherit;
	font-style: italic; 
	font-weight: bolder;
}

.regTxt{
	font-size: 1em;
	color: #660033;
}

.newsItem {
	margin-top: 0;
	color: #BD4F24;
	font-size: 1em;
}

p.newsItem {
	margin-bottom: -.9em;
}

.newsItem p {
	margin-bottom: .5em;
}

.newsTitle {
	font-size: 1.2em;
	font-weight: bold;
	color: #726D7F;
}

.newsItem {
	margin-top: 0;
}

.newsdividr{
	background-color: #f9ae39;
	width: .2em;
	padding: 0;
}
.newsdate{
	color: #984812;
	font-weight: bold;
}

.thk_line {
	border-bottom: 5px ridge #7A8FCB;
}

.thn_line {
	display: block;
	border-bottom: 2px ridge #4682B4;
}

.lt_line {
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #CFCA92;
	display: block;
}

h2.lt_line {
	margin-top: 1em;
}

.newsBox{
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: solid;
	border-left: 3px solid #00458C;
	border-bottom: 3px solid #00458C;
	border-top: 3px solid #00458C;
	border-right: 3px solid #00458C;
 }

#newsBox{
	width: auto;
	padding: 0px;
	margin: 0px;
	border: solid;
	border-left: 3px solid #00458C;
	border-bottom: 3px solid #00458C;
	border-top: 3px solid #00458C;
	border-right: 3px solid #00458C;
 }
	
.newsHead{
	padding: 0px 0 3px 0;
	margin: 0px 0 3px 0;
	color: white;
	background-color: #00458C;
	font-weight: bold;
	font-size: 1.1em;
	text-indent: 3px;
}

.help {
	color: white;
	z-index: 1000;
	visibility: visible;
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: smaller;
	background-color: #2067E5;
	padding: 0 1px 1px 2px; 
	margin: 0 1px 0 2px;
	border: thin solid White;
}

.helpWin {
	position: absolute;
	background-color: White;
	height:auto;
	width:200px;
	right:-230px;
	top: 5px;
	border: thin solid #476AAA;
	display:none;
	z-index: 500;
}

.help a {color: white; font-weight: bold ; text-decoration: none;}

.featureBox{
	padding: 0px;
	margin: 0px;
	border: solid;
	border-left: 3px solid #708090;
	border-bottom: 3px solid #708090;
	border-top: 3px solid #708090;
	border-right: 3px solid #708090;
 }

.cellborders td{
 	 border-left: 1px solid #C0DAC1;
	 border-right: 1px solid #C0DAC1;
	 border-bottom: 2px solid #EEF5EE;
} 
 
 
.selectBox {
	display: block;
	background-color: #F1C269;
	border: thin outset #A7998D;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 10px;
	float:left;
}
	
.crit {
	font-size: 90%;
	background: #F5F5F5;
	border: 3px;
	padding: 2px;
	border-right: 5px ridge #8EA48F;
	border-left: 1px solid #C2CFC4;
	border-top: 1px solid #C2CFC4;
	border-bottom: 3px ridge #8EA48F;
	}
	
.pg3 {
	background: #E9E9E9;
	border: 2px;
	padding: 2px;
	border-right: 5px ridge #265291;
	border-left: 1px solid #0D6CB6;
	border-top: 1px solid #7FA0CE;
	border-bottom: 3px ridge #004487;
	color: #5A2E19;
}

.setLabelCell {
	padding: 0px 1px 2px 1px;
	margin-left: 3px; margin-right: 4px;
	background-color: #E4DEB4;
	border: 1px solid; border-color: Black;
}
	
.upcoming{
	font-size: small;
	background-color: #F2F1F1;
   border: 1px solid #E1894E;
	padding: 3px 3px 3px 3px;
}


.rowLabel2 {
	background-color: #9EA06D;
}

.rowLabel3 {
	background-color: #91C6FE;
	color: #014489;
}

.rowLabel4 {
	background-color: #DBC3C3;
	color: #5C3E1F;
}

.rowLabel5 {
	background-color: #EBE5F9;
	color: #5798D0;
}

.setLabel1 {
	padding: 0px 1px 2px 1px;
	margin-left: 3px; margin-right: 4px;
	background-color: #E4DEB4;
	}
	
.setLabel1T {
	padding: 0px 1px 2px 1px;
	margin-left: 3px; margin-right: 4px;
	background-color: #E4DEB4;
	border: 1px solid; border-color: Black;
	}
	
.setLabelCell {
	padding: 0px 1px 2px 1px;
	margin-left: 3px; margin-right: 4px;
	background-color: #E4DEB4;
	border: 1px solid; border-color: Black;
	}

.setLabel2 {
	padding: 0px 1px 2px 1px;
	margin-left: 3px; margin-right: 4px;
	background-color: #CFCBAC;
	}
	

.setLabel2T {
	padding: 0px 1px 2px 1px;
	margin-left: 3px; margin-right: 4px;
	background-color: #CFCBAC;
	border: 1px solid; border-color: Black;
	}

.rowCream {
	background-color:#F5F4DC;;
	color: #5C3E1F;
	padding: 3px;
}

.detailsRow {
	background-color: #eef1e4;
	padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 4px;
	border: 1px solid #B1B1B1;
}

.criteria {
	background: #F5F4E4;
	border-left: 6px solid #708090;
	border-top: thin solid #5F6D7A;
	border-bottom: 1px solid #708090;
	border-right: 1px solid #708090;
	padding: 5px 3px 3px 3px;
	position:absolute;
	width:50%;
	z-index:2;
	display:none;
	color: #660033;
}

table.confluenceTable, table.admin
{
    margin: 5px;
    border-collapse: collapse;
}

td.confluenceTd, table.confluenceTable td.confluenceTd, table.admin td
{
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    padding: 3px 4px 3px 4px;
    vertical-align: top;
}

th.confluenceTh, table.confluenceTable th.confluenceTh, table.admin th
{
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    padding: 3px 4px 3px 4px;
    background-color: #f0f0f0;
    text-align: center;
    vertical-align: top;
}

.clearer{
	clear: both;
	font-size: medium;
}

