* html .hd { width: 98%; }
* html .md { width: 98%; }
* html .lw { width: 98%; }
* html .cn { width: 98%; }
* html .dc { width: 98%; }
* html h2 { width: 98%; }
body {
  font-family:Verdana;
  font-size: 13px;
  color: #ADD8E6;
  background-color:#000000;
}

a:link {
  color: #90ee90;
}
a:visited {
  color: #90ee90;
}
a:active {
  color: #66aaff;
}

h1#sys {
	margin-bottom: 0px;
	margin-top: 10px;
	background-color: #1cab33;
        color: #000000;
	font-size: 150%;	
}
h1 {
  margin-top:0px;
  margin-bottom:10px;
  background-color: #1ccb00;
  color: #000000;
  float: left;
  width: 100%;
  font-size: 22px;
}
.hd {
  color: #dddddd;
  background-color: #000000;
  margin-top:0px;
  font-size: 16px;
}
.hdl {
  text-align: left;
  text-indent: 5px;
  line-height: 150%;
  background-color: #000000;
  height: 22px;
  width: 60%;
  float: left;
  font-weight: normal;
  color: #dddddd;
  background-image: url(../images/gbf.jpg);
  background-repeat: no-repeat;
  background-position: center left;
}
.hdr {
  text-align: right;
  line-height: 150%;
  background-color: #000000;
  height: 22px;
  width: 40%;
  float: right;
  font-weight: normal;
  background-image: url(../images/bgf.jpg);
  background-repeat: no-repeat;
  background-position: center right;
  white-space:pre;
}
.md {
clear:both;
}
.mdl {
  text-align: left;
  padding-left: 50px;
  width: 50%;
  float: left;
}
.mdr {
  text-align: right;
  width: 40%;
  float: right;
  color: #dddddd;
}
.lw {
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.lwl {
  text-align: left;
  width: 50%;
  float: left;
  padding-bottom: 20px;
}
.lwr {
  text-align: right;
  width: 40%;
  float: right;
  padding-bottom: 20px;
}
.cn {
  padding-left: 5px;
}
.dc {
  float: left;
}

table.list {
	border:1px;
	border-color: #ffffff;
}
th.sortleft {
	text-align:left;
}
th.sortright {
	text-align:right;
}
tr.odd {
	background-color:#1b213f;
	height: 20px;
	font-size: 13px;
	color: #ffffff;
}
tr.even {
	height: 20px;
	font-size: 13px;
	color: #ffffff;
}
td#dark {
	background-color: #000000;
}
td {
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
}
img.ss {
	padding: 5px 5px 0px 0px;
}
img.n {
	width: 282px;
	height: 194px;
	padding: 5px 5px 0px 0px;
}
img.ds {
	width:200px;
	height: 300px;
	padding: 5px 5px 0px 0px;
}
img.w {
	width:320px;
	height:185px;
	padding: 5px 5px 0px 0px;
}
img.s {
	width:300px;
	height:240px;
	padding: 5px 5px 0px 0px;
}

#wb a {
  color:#90EE90;
}
#bgwb {
  white-space:pre;
  padding-left:0px;
  padding-right:0px;
  background-color:#000000;
}
#bgbw {
  white-space:pre;
  padding-left:0px;
  padding-right:0px;
  background-color:#ffffff;
}
#bw a {
  color:#0000ff;
}
#wblink a {
  color:#000000;
}
#bwlink a {
  color:#ffffff;
}
#bwlink {
color:#000000;
background-color:#ffffff;
font-size:13px;
text-decoration:none;
}
#wblink {
color:#ffffff;
background-color:#000000;
font-size:13px;
text-decoration:none;
}
#bw {
color:#000000;
background-color:#ffffff;
font-size:13px;
}
#wb {
color:#ADD8E6;
background-color:#000000;
font-size:13px;
}
#portable {
  width: 160px;
  height: 120px;
  background-color: #1b213f;
  border: 3px solid #1ccb00;
  margin-right:6px;
  font-family:Verdana;
	padding-left: 8px;
	padding-top: 8px;
}

#search {
	width: 160px;
	height: 40px;
  background-color: #1b213f;
  border: 3px solid #1ccb00;
  margin-right:6px;
  font-family:Verdana;
	padding-left: 8px;
	padding-top: 8px;
}

#forums {
	width: 160px;
	height: 170px;
  background-color: #1b213f;
  border: 3px solid #1ccb00;
  margin-right:6px;
  font-family:Verdana;
	padding-left: 8px;
	padding-top: 8px;
}

#polls {
	width: 160px;
	height: 60px;
  background-color: #1b213f;
  border: 3px solid #1ccb00;
  margin-right:6px;
  font-family:Verdana;
	padding-left: 8px;
	padding-top: 8px;
}

#other {
	width: 160px;
	height: 220px;
  background-color: #1b213f;
  border: 3px solid #1ccb00;
  margin-right:6px;
  font-family:Verdana;
	padding-left: 8px;
	padding-top: 8px;
}

#friends {
	width: 160px;
	height: 300px;
  background-color: #1b213f;
  border: 3px solid #1ccb00;
  margin-right:6px;
  font-family:Verdana;
	padding-left: 8px;
	padding-top: 8px;
}

.body1 {
font-family:Verdana, Arial, Helvetica;
font-size: 13px;
}

table.tr.td {
font-family:Verdana, Arial, Helvetica;
}

.label {
  color: #FFFF11;
  font-weight: bold;
  font-family:Verdana;
}
 
a.system:link  { 
color: white;
font-family:Verdana;
font-size:75%;
position:relative;
text-decoration:none;
}
a.system:active  { 
color: white;
font-family:Verdana;
font-size:75%;
position:relative;
text-decoration:none;
}
a.system:visited  { 
	color: white;
font-family:Verdana;
font-size:75%;
position:relative;
text-decoration:none;
}
a.system:hover  { 
	color: yellow;
font-family:Verdana;
font-size:75%;
position:relative;
text-decoration:none;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#000;
    color:#000;
    text-decoration:none;
    border:0;
    height: 32px;
    width: 32px;
}

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

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    font-size: 75%;
    top:2em; left:2em; width:80px;
	margin-left: -80px;
    border:1px solid #1ccb00;
    background-color:#1b213f; color:#ffffff;
    text-align: center
}

#noborder img {
	border:0;
}