ul.tabs {
 margin: 0;
 padding: 0;
 float: left;
 list-style: none;
 height: 32px;
 border-bottom: 1px solid #999;
 border-left: 1px solid #999;
 width: 100%;
}
ul.tabs li {
 float: left;
 margin: 0;
 padding: 0;
 height: 31px;
 line-height: 31px;
 border: 1px solid #999;
 border-left: none;
 margin-bottom: -1px;
 overflow: hidden;
 position: relative;
 /*background: #3873de;*/
 background:#0B5095;
}
ul.tabs li a {
 text-decoration: none;
 display: block;
 padding: 0 20px;
 border: 1px solid #fff;
 outline: none;
 color:white;
 font-weight:bold;
}
ul.tabs li a:hover {
 background-color: orange;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
 background: #fff;
 border-bottom: 1px solid #fff;
 color: black;
}
html ul.tabs li.active a {
 color: black;
 font-weight:bold;
}
.tab_container {
 border: 1px solid #999;
 border-top: none;
 overflow: hidden;
 clear: both;
 float: left; width: 100%;
 background: #fff;
}
tab_content {
 padding: 20px;
 font-size: 1.2em;
}
.myTab {
 border: 0px solid #3873de;
}
 .attrTD {
 background-color:#3873de;
 color:white;
 font-weight:bold;
 }
.myTab tr td {
 border: 1px solid #3873de;
}

body {
  background-color:#fff;
  width:1000px;
}

h3 {
color:#0B5095;
}