﻿body {
	font: 13px arial;
	margin:0;
	padding:0;
	background: url('../images/black.png');
}
h1 {
	margin:0;
	font-size:22px;
	font-weight:bold;
}
h2 {
	background: url('../images/gray_black_header.png') no-repeat;
	color:white;
	font: 18px arial;
	padding:6px;
	margin:0 0 10px 0;
	
}
h3 {
	background: url('../images/gray_black_header.png') no-repeat;
	color:white;
	font: 15px arial;
	padding:6px;
	margin:0 0 10px 0;

}
p {
	margin:0 0 15px 0;
}
img {
	border-width:0;
}
a {
	color:white;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.noback {
	background:none;
}
.super {
	vertical-align:text-top;
	font-size:10px;
}
.smallitalic {
	font: italic normal normal 11px arial;
	width:240px;
}
.indentleft {
	margin-left:25px;
}
.indentlb {
	margin-left:25px;
	margin-bottom:15px;
}
.textright {
	text-align: right;
}
.imgright {
	float:right;
	margin:0 0 10px 10px;
}
.imgleft {
	float:left;
	margin:0 10px 10px 0;
}
.sub {
	vertical-align: baseline;
	font-size:10px;
}
.largerfont {
	font-size:14px;
	font-weight:bold;
}
.grayWhite {
	background: url('../images/gray_black_header.png') no-repeat;
	color:white;
	font-family:Arial;
	text-indent:6px;
}
.grayGRAY {	
	color:gray;
	font-family:Arial;
	text-indent:18px;
}

.silverBlack {
	background: url('../images/black_gray_header.png') no-repeat;
	color: white;
	font-family:Arial;
	text-indent:45px;
}
.whiteBlack {
	font-family:Arial;
	text-indent:45px;
}
#container {
	position:relative;
}
/*menu area */
#links {
	color: gray;
	position: absolute;
	left: 673px;
	top: 1px;
	height: 25px;
	z-index: 10;
}
#links a{
	color:white;
	text-decoration:none;
	font-weight:normal;
}
#links a:hover{
	color:silver;
}
/*non-index*/
/*non-index HEADER*/
#downholeheader {
	background: url('../images/downhole_sat_header.png');
}
#linksnon {
	color: gray;
	position: absolute;
	left: 673px;
	top: 1px;
	height: 25px;
	z-index: 10;
}
#linksnon a{
	color:white;
	text-decoration:none;
	font-weight:bold;
	
}

#linksnon a:hover {
	color:silver;
}
/* non-index bottom area */
#bottomareanon {
	background: url('../images/gray_to_black.png') repeat-x;
	color: white;
	margin: 13px 15px;
	padding: 15px;
	max-width: 1020px;
	min-width:650px;

}
#bottomareanon p {
	padding:0 6px;
	
}

#bottomrrightnon {
	width:30%;
	float:right; 
}
#bottomleftnon {
	width:60%; 
	margin:0 15px 0 0;
}
#bottomleftfull {
	width:100%; 
	margin:0;
}

/*indexpage*/
/*SCALE */
#scalemenu {
	
	
}
#scalemenu {
	position: absolute; 
	left: 615px;
	top: 18px; 
	width: 150px; 
	z-index: 11; 
	list-style-type:none;
	margin:0;
	padding:4px;
	background:white; 
	border:1px black solid; 
	visibility: hidden;
}
#scalemenu li {
	padding:0;
	margin:0;
}
#scalemenu a {
	display:block;
	text-decoration:none;
	color:black;
	padding:1px 4px;
	font-weight:normal;
}
#scalemenu a:hover {
	background:silver;
}
/*CORROSION*/
#corrosionmenu {
	position: absolute; 
	left: 680px; 
	top: 18px; 
	width: 150px; 
	z-index: 11; 
	background:white; 
	border:1px black solid; 
	visibility: hidden;
	list-style-type:none;
	margin:0;
	padding:4px;
}
#corrosionmenu li {
	padding:0;
	margin:0;
}
#corrosionmenu a {
	display:block;
	text-decoration:none;
	color:black;
	padding:1px 4px;
	font-weight:normal;
}
#corrosionmenu a:hover {
	background:silver;
}
/*INHIBITOR */
#inhibitormenu {
	position: absolute; 
	left: 750px; 
	top: 18px; 
	width: 150px; 
	z-index: 11; 
	background:white; 
	border:1px black solid; 
	visibility: hidden;
	list-style-type:none;
	margin:0;
	padding:4px;
}
#inhibitormenu li {
	padding:0;
	margin:0;
}
#inhibitormenu a {
	display:block;
	text-decoration:none;
	color:black;
	padding:1px 4px;
	font-weight:normal;
}
#inhibitormenu a:hover {
	background:silver;
}
/* Rotation Area */
/* ul */
#welcomerotate {
	margin:0;
	padding:0;
}
/*welcome to downhole sat */
#welcome {
	width: 100%;
	background: url('../images/top_welcome.png') no-repeat;
	height: 416px;
	margin:0;	
	padding:0;
}
#grayboxholder {	
	width: 975px;
}
#graybox {
	/*background: url('../images/top_whitebox_rev_welc.png') repeat-y;*/
	background:gray;
	width:345px; 
	float:right; 
	margin:60px 25px 0 0; 
	/*height: 185px;*/
	padding:16px;
	/*overflow-y: scroll;*/
	overflow-x: hidden;
	color:black;
}
/* Visual Aids */
#visual {
	background: url('../images/top_visual2.png') no-repeat;
	width: 100%;
	height: 416px;
	margin:0;	
	padding:0;
	display:none;
}
#whitebox {
	background: url('../images/top_whitebox.png') repeat-y; 
	width:345px; 
	float:right; 
	margin:60px 25px 0 0; 
	/*height: 185px;*/
	padding:16px;
	/*overflow-y: scroll;*/
	overflow-x: hidden;
}
/*TABLESTOP */
#tablestop {
	background: url('../images/reports_glossy_toper.png') no-repeat;
	width: 100%;
	height: 416px;
	margin:0;	
	padding:0;
	display:none;
}

/*top rotater control */
#selectorholder {
	max-width: 1020px;
	min-width:650px;
	padding:1px;
}
#selector {
	float:right;
	margin:0 25px 0 0;
	width:120px;
}
#selectorul {
	list-style-type: none;
	margin:0;
	padding:0;
	width:95px;
}
#selectorul li {
	width:20px;
	margin:0;
	padding:4px;
	height:10px;
	float:left;
}
#selectorul a {
	margin:0 4px 0 0;	
	display:block;
	width:inherit;
	color:white;
	text-align:center;
	text-decoration:none;
}
#selectorul a:hover {
	background:navy;
	
}
/*bottom area */
#bottomarea {
	background: url('../images/gray_to_black.png') repeat-x;
	color: white;
	margin: 32px 15px;
	padding: 15px;
	max-width: 1020px;
	min-width:650px;

}
#bottomarea p {
	padding:0 6px;
	
}

#bottomrright {
	width:30%;
	float:right; 
	
}
#bottomleft {
	width:60%; 
	margin:0 15px 0 0;
	
}
/*byfrenchcreek */
#byfrenchcreek {
	max-width: 1050px;
	min-width:650px;
	color:gray;
	padding:1px 20px;
	font-size:12px;
}
#byfrenchcreek a {
	color:white;
	text-decoration:none;
	font-size:13px;
}
#byfrenchcreek a:hover {
	color:white;
	text-decoration:underline;
}

