body {
	font-family: "tahoma", "arial", "helvetica", "sans-serif";
	font-size: 8pt;
background-color: #000000;
  color: #000000;
  margin-top: 0px;
  margin-bottom: 0px;

}

table {
  border-collapse: collapse;
  border: none;
   background-color: #D4D4D4; 
}

table.message {
 border: solid #000000 1px;
}

table.main, table.mainouter {
  background-color: #F5F4EA;//#F4F4F0
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

table.bottom {
  background: transparent;
}

h1 {
  font-size: 12pt;
}

h2 {
  font-size: 10pt;
  margin-bottom: 6px;
}

p {
	font-size: 8pt;
}

p.sub { 
  margin-bottom: 4pt;
}

td {
	font-size: 8pt;
	border: solid #000000 1px;
}

td.embedded {
   border: none;
   padding: 0px;
  text-align: left;
}

td.bottom {
  border: none;
}

td.heading {
  font-weight: bold;
}

td.text {
  padding: 10pt;
  text-align: left;
}

td.comment {
  padding: 10pt;
  font-size: 8pt;
  text-align: left;
}

td.colhead {
  font-weight: bold;
  color: #FFD800;
  background-image: url('pbch2.gif');
  background-color: #4f4f4f;
  padding: 3px
}

td.colhead a:link, td.colhead a:visited, td.colhead a:active {
  color: #FFD800;
}

td.rowhead {
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}

td.title {
	font-size: 14pt;
}

td.navigation {
	font-weight: bold;
	font-size: 10pt;
   border: none;
}

td.clear {
  padding: 0px;
  border: 0px;
  background: transparent;
}

form {
	margin-top: 0;
	margin-bottom: 0;
}

.sublink {
	font-style: italic;
	font-size: 7pt;
	font-weight: normal;
}

font.gray
{
  color: #ACA899;
  text-decoration: underline;
}

a:link, a:visited {
  text-decoration: underline;
  color: #000000;
  /*font-weight: bold;*/
}

a:hover {
  color: #FF0000;
}

a.index {
	font-weight: bold;
}

a.biglink {
	font-weight: bold;
	font-size: 12pt;
}

a.altlink:link, a.altlink:visited{
	font-weight: bold;
	color: #A83838;
	text-decoration: none;
}

a.altlink:hover {
  text-decoration: underline;
}

a.altlink_blue:link, a.altlink_blue:visited{
	font-weight: bold;
	color: #004E98;
	text-decoration: none;
}

a.altlink_blue:hover {
  text-decoration: underline;
}

a.altlink_green:link, a.altlink_green:visited{
	font-weight: bold;
	color: #007800;
	text-decoration: none;
}

a.altlink_green:hover {
  text-decoration: underline;
}

.important {
	font-weight: bold;
	font-size: 8pt;
}

.red {
	color: #ee0000;
}

.yellow {
	color: #997700;
}

.green {
	color: #000000;
}

input, select, textarea {
	font-family: "tahoma", "arial", "helvetica", "sans-serif";
	font-size: 8pt;
}

.btn2 {
  width: 75px;
  height: 23px;
  background: #476BA2;
  color: #FFF;
}

.btn {
  width: 75px;
  height: 23px;
}

.small {
  font-size: 7pt;
}

.big {
  font-size: 10pt;
}

li {
  margin-top: 6pt;
  margin-bottom: 6pt;
}

ul {
  margin-left: 16pt;
  margin-top: 0px;
  margin-bottom: 0px;
}

img.border  
{  
  border-style: solid;  
  border-color: #000000; 
  border-width: 1px; 
}
/*Image Resizer v0.1 by xam */
table.ncode_imageresizer_warning {
    background: #FFFFE1;
    color: #000000;
    border: 1px solid #CCC;
    cursor: pointer;
}

table.ncode_imageresizer_warning td {
    font-size: 12px;
    color: red;
    vertical-align: middle;
    text-decoration: bold;
}

table.ncode_imageresizer_warning td.td1 {
    padding: 5px;
}

table.ncode_imageresizer_warning td.td1 {
    padding: 2px;
}
/*Image Resizer v0.1 by xam */

.gobutton{
	background: #476BA2;
	color: #FFF;
}
.codetop{
	background: #f1b000 url('../pic/code.gif') no-repeat right;
	color: #000;
	font-weight: bold;
	margin: 0 auto;
	padding: 3px
}

.codemain{
	background: #FFF;
	border: 1px solid #000;
	color: #000;
	margin: 0 auto 0 auto;
	padding: 3px;
}
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url('../pic/shade.gif') repeat-x top left;; padding-left:7px; padding-right:7px; padding-top:3px; padding-bottom:3px
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
font: bold 11px Verdana;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url('../pic/shadeactive.gif');
border-bottom-color: white
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

/* start drop menus bohus 2007-07-22 */
#nav, #nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font: bold 11px tahoma;
  text-align: center
/*  line-height: 1;*/
}
#nav a {
  display: block;
  text-align: left;
}
#nav li {
  float: left;
/*  width: 7em;*/
  margin-top: 0pt;
  margin-bottom: 0pt;
  text-align: left;
}
#nav li.four {
  width: 4em;
}
#nav li.four_top {
  width: 4em;
  margin-top: 10pt;
}
#nav li.five {
  width: 5em;
}
#nav li.six {
  width: 6em;
}
#nav li.seven {
  width: 7em;
}
#nav li.eight {
  width: 8em;
}
#nav li ul {
  position: absolute;
/*  background: #ebe9e9;*/
  background: transparent;
  width: 7em;
  left: -999em;
}
#nav li:hover ul {
  left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  font: bold 11px tahoma;
}
/* end drop menus bohus 2007-07-22 */

</style>