body {
	background-color: #fff;
	color: navy;
	margin:20px;
}
#adsense01 {
  text-align: center;
  width: 340px;
  height: 50px;
  margin: 0px auto;
}
h1.brand {
  color: aqua;
  font-family: comic sans ms;
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: 170%;
  font-weight: bold;
}
#main_container_1 {
  height: 615px;
  margin: 0px auto;
/*  width: 350px; */
  width:  100%;
  background-color: navy;
  text-align: center;
  font-size: 90%;
  font-weight: bold;
  border: 1px solid black;
  background-color: navy;
  overflow: hidden;
/*  box-shadow: 10px 10px 15px #6666AA;
  -webkit-box-shadow: 10px 10px 15px #6666AA;
  border-radius: 10px;
  -moz-border-radius: 10px; */
}
.tabbed_area {
	border:0px solid #494e52;
	background-color: navy;
	padding:8px;
	text-align: left;
	overflow: auto;
}
#tab_line {
  padding-top: 1px;
  text-align: center;
  width: 100%;
}
.tabs {
  width: 100%;
}
ul.tabs {
  margin:0px; 
	padding:0px;
	margin-top:5px;
	margin-bottom:7px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
  background-color: #6655FF;
  border: 2px solid #464C54;
  color: #00ccff;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 60%;
  font-weight: bold;
  padding: 5px 2px 10px 2px;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom:  0px solid navy;
}
ul.tabs li a:hover {
	background-color:#66bbdd;
	border-color:#2f343a;
	color: yellow;
	border:2px solid #6655ff;
	border-bottom:0px solid #6655ff;
}
ul.tabs li a.active {
  background-color: aqua;
  border: 2px solid blue;
  border-bottom: 2px solid aqua;
  color: navy;
}
.spacer {
  width: 1px;
}

.content {
    background-color: aqua;
    border: 1px solid blue;
    border-radius: 8px 8px 8px 8px;
    font-family: Arial,Helvetica,sans-serif;
  /*  height: 490px; */
    overflow: auto;
    padding: 5px;
    font-size: 100%;
}
#content_1, #content_2, #content_3, #content_4, #content_5 { 
  display:none;
}
.content ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.content ul li {
	list-style:none;
	// border-bottom:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
}
.content ul li a:hover small {
	color:#baae8e;
}
.waiting {
  color: green; 
}
.warning {
  background-color: #cc0000;
  padding: 5px;
  font-weight: bold;
  font-family: arial;
  font-size: 120%;
  text-align: justify;
  color: #ffff00;
}
#warning_head {
  text-align: center;
  font-weight: bold;
  font-size: 130%;
}
.Instructions {
  text-align: left; 
  font-size: 120%;
  font-weight: bold;
  padding: 5px;
}
.brand {
  text-decoration: none;
  color: aqua;
  font-family: comic sans ms;
}
.brand-alt {
  text-decoration: none;
  color: navy;
  font-family: comic sans ms;
}
.serverResponse {
  
}
#ResponseDiv {
  margin-top: 0px;
  width: 100%;
  height: 490px;
  color: navy;
  background-color: aqua;
  text-align: left;
  font-size: 100%;
  overflow: auto;
}
#ResponseDiv1 {
  margin-top: 0px;
  width: 100%;
  height: 410px;
  color: navy;
  background-color: aqua;
  text-align: left;
  font-size: 125%;
  overflow-y: auto;
  overflow-x: auto;
}

#ResponseDiv2 {
  margin-top: 0px;
  width: 100%;
  height: 380px;
  color: navy;
  background-color: aqua;
  text-align: left;
  font-size: 125%;
  overflow-y: auto;
  overflow-x: auto;
}

#ResponseDiv3a {
  margin-top: 0px;
  width: 100%;
  height: 310px;
  color: navy;
  background-color: aqua;
  text-align: left;
  font-size: 125%;
  overflow-y: auto;
  overflow-x: auto;
  display: none;
}
#ResponseDiv3b {
  margin-top: 0px;
  width: 100%;
  height: 310px;
  color: navy;
  background-color: aqua;
  text-align: left;
  font-size: 125%;
  overflow-y: auto;
  overflow-x: auto;
  display: none;
}
#ResponseDiv4 {
  height: 240px;
}
#ResponseDiv5 {
  height: 360px;
}
#ResponseDivActive {
  margin-top: 0px;
  width: 100%;
  height: auto;
  color: navy;
  background-color: pink;
  text-align: left;
  font-size: 100%;
  overflow: auto;
}
#pdepth1, #po21, #pdepth2, #po22, #pNitro2, #pdepth3, #po23, #pHel3, #pNit3 {
  width: 50px;
  font-size: 100%;
  font-weight: bold;
  color: navy;
}
 
select {
  width: 55px;
  font-size: 100%;
  font-weight: bold;
  color: navy;
}
select#pressureGroupa {
  width: 115px;
  font-size: 100%;
  font-weight: bold;
  color: navy;
}
.left1 {
 // border: 1px solid red;
  width: 150px;
  height: 55px;
  line-height: 170%;
  font-size: 110%;
}
.right1 {
  width: 180px;
  height: 55px;
  margin-left: 150px;
  margin-top: -55px;
  line-height: 170%;
  font-size: 110%;
}
.left2 {
 // border: 1px solid red;
  width: 210px;
  height: 85px;
  line-height: 25px;
  font-size: 110%;
}
.right2 {
  width: 70px;
  height: 85px;
  margin-left: 210px;
  margin-top: -85px;
  line-height: 1.6;
  font-size: 110%;
}
.left3top {
  height: 35px;
  line-height: 170%;
  width: 100%;
  font-size: 110%;
  text-align: center;
}
.right3bottom {
  height: 110px;
  line-height: 170%;
  //border: 1px solid red;

  font-size: 110%;
  margin: 10px;
}
.planDive {
  
}
#planDive_0 {
  color: red;
  display: block;
}
#planDive_1 {
  color: navy;
  display: none;
}
#planDive_2 {
  color: navy;
  display: none;
}
#planDive_left {
  height: 110px;
  width: 200px;
  text-align:  right;
  margin-left: -10px;
  line-height: 27px;
}
#planDive_right {
  margin-left: 195px;
  margin-top: -109px;
  text-align: left;
 /* width: 235px; */
  height: 110px;
}
#pressureGroupa, #surace0a, #surface1a, #bottomTime0a, #bottomTime1a {
  height: 25px;
}

.planDive_textbox {
  width: 50px;
  font-size: 100%;
  font-weight: bold;
  color: navy;
}
#planHelp {
    font-size: 80%;
    font-weight: normal;
    height: 100px;
    line-height: 100%;
    margin-left: 120px;
    margin-top: -100px;
    width: 115px;
}
.left4 {
  height: 235px;
  line-height: 170%;
  width: 100%;
  font-size: 110%;
}
.right4 {
  height: 200px;
  line-height: 170%;
  margin-left: 400px;
  margin-top: -200px;
  width: 40px;
  font-size: 110%;
}
.left5 {
  height: 110px;
  line-height: 170%;
  width: 100%;
  font-size: 110%;
}
.right5 {
  height: 110px;
  line-height: 170%;
  margin-left: 400px;
  margin-top: -110px;
  width: 40px;
  font-size: 110%;
}
.regLink {
  text-decoration: none;
  color: navy;
  font-weight: bold;
}
.g {
  color: green;
  font-size: 150%;
}
.r {
  color: red;
}
.tiny {
  font-size: 60%;
}
.copy {
  text-align: center;
  position: absolute;
  margin: 0px auto;
  top: 595px;
  width: 350px;
  font-size: 60%;
  color: aqua;
  opacity: .5;
}
#copyLink {
  text-decoration: none;
  color: aqua;
}
.redtext {
  color: red;
}
/* 
*******MOBILE SPECIFIC CSS*********


input, select, textarea {
    background-image: -moz-linear-gradient(center top , #EEEEEE, #FFFFFF);
    border: 2px solid #CDCDCD;
    border-radius: 6px 6px 6px 6px;
    padding: 0 5px;
    width: 100%;
}
input, select {
    border: 2px solid #CDCDCD;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
}
*/
input, select, textarea {
    background-image: -moz-linear-gradient(center top , #EEEEEE, #FFFFFF);
    border: 2px solid #CDCDCD;
    border-radius: 6px 6px 6px 6px;

}