
/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/



<!--
#slidemenubar, #slidemenubar2{
position:absolute;
border:1.5px solid black;
background-color:#F2F2F2;
layer-background-color:#F2F2F2;
font:bold 12px Verdana;
line-height:20px;
}
-->

#dhtmltooltip{
position: absolute;
width: 250px;
border: 2px solid white;
padding: 2px;
	color: white;
	font-weight: bold;
	font-size: 10px;

background-color: black;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


div.infomenu {
color:#FFFFFF;
position:absolute;
top:10px;
right:0px;
padding:0px;
width:210px;
border-left:1px solid #FFFFFF;
border-right:0px solid #FFFFFF; 
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
background-color:#000000;
}

A.menulink {
display: block;
text-align: center;
text-decoration: none;
font-size:10px;
background-color:gray;
color: #000000;
BORDER: none;

}

A.menulink:hover {
text-align: center;
background-color:#FFFFFF;
color: #000000;
font-size:16px;
}


.notice {
width:250px;
position:absolute;
top:235px;
left:154px;
padding:5px;
background-color:#000000;
border:1px solid;
}

div.infomenu2 {
color:#FFFFFF;
position:absolute;
top:10px;
left:0px;
padding:0px;
width:210px;
border-left:0px solid #FFFFFF;
border-right:1px solid #FFFFFF; 
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
background-color:#000000;
}
body { 
font-family:helvetica, arial, geneva, sans-serif;
font-size:12px;
background-color:#000000;
}

font {font-family:helvetica, arial, geneva, sans-serif; font-size:12px; }

a { 
font-family:helvetica,arial,geneva,sans-serif; 
color:#EEEEEE;
text-decoration:none; 
}

.loginDesc {
background-color:#000000;
width:100%px;
display:table;
border:0px;
float:left;
padding:2px;
text-align:left;
font-family:sans-serif;
font-size:10px;
}

h1 {
font-family:helvetica, arial, geneva, sans-serif;
font-size:24px;
}
h2 {
font-family:helvetica, arial, geneva, sans-serif;
font-size:20px;
}
h3 {
font-family:helvetica, arial, geneva, sans-serif;
font-size:16px;
}
h4 {
font-family:helvetica, arial, geneva, sans-serif;
font-size:14px;
}
h5 {
font-family:helvetica, arial, geneva, sans-serif;
font-size:12px;
}

hr {
height:1px;
color:#FFFFFF;
}



.jailbody {
width:350px;
position:absolute;
top:95px;
left:154px;
padding:5px;
background-color:#FFFFFF;
border:1px solid;
}




div.loginContainer { 
background-color:#2A4148;
border:1px solid #FFFFFF;
width:650px;
padding:20px;
margin:5px;
display:table;
text-align:center;
}



div.logo {
position:absolute;
text-align:center;
top:0px;
left:146px;
height:115px;
padding:0px;
border-left:1px solid #FFFFFF;
border-top:0px solid #FFFFFF; 
border-right:1px solid #FFFFFF; 
border-bottom:1px solid #FFFFFF;
background-color:#6097C6;
background:url(http://70.87.14.210/~lpc/game/templates/darkCity/logo.jpg) no-repeat;
}

div.topLeft {
width:150px;
height:125px;
position:absolute;
text-align:center;
top:0px;
left:0px;
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom:0px;
padding:0px;
margin:0px;
color:#FFFFFF;
font-weight:bold;
background-color:#6097C6;
background:url(http://70.87.14.210/~lpc/game/templates/darkCity/leftcorner.jpg) no-repeat;
}

div.menuLeft {
position:absolute;
width:139px;
_width:140px;
top:125px;
left:0px;
border-top:0px;
border-left:0px;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
padding:0px;
margin:0px;
padding:0px;
margin:0px;
color:#FFFFFF;
background:url(http://70.87.14.210/~lpc/game/templates/darkCity/menuleft.jpg) no-repeat;
}


div.menuLinks {
padding:10px;
}


<Style>
div.hr{
	height: 1px;
	background: black;
	overflow: hidden;
}

div.hr hr{
	display: none;
}

.linkhead {
font-size:12px;
font-family:tahoma,sans-serif;
background-color:green;
border: 1px dotted #FFFFFF;
width: 100%;
display:block;
text-align:center;
font-weight:bold;
padding: 1px;
}

.bbox {
font-size:12px;
font-family:tahoma,sans-serif;
border: 1px dotted #FFFFFF;
padding: 1px;
}

.linkbar {
margin-bottom: 0px;
padding-bottom: 0px;
font-size:10px;
font-family:tahoma,sans-serif;
background-color:green;
border: 1px dotted #FFFFFF;
width: 100%;
display:block;
text-align:center;
padding: 1px;
}

.linkbar2 {
margin-bottom: 0px;
padding-bottom: 0px;
font-size:10px;
font-family:tahoma,sans-serif;
background-color:green;
width: 100%;
display:block;
text-align:center;
}

.linkbar2:hover {
font-size:11px;
border-top: 2px dashed #FFFFFF;
border-bottom: 2px dashed #FFFFFF;
width: 100%;
display:block;
text-align:center;
font-weight:bold;
padding: 1px;
}

.linkbar:hover {
font-size:11px;
border: 2px dashed #FFFFFF;
width: 100%;
display:block;
text-align:center;
font-weight:bold;
padding: 1px;
}

.topic {
font-size:12px;
font-family:tahoma,sans-serif;
background-color:green;
border: 1px dotted #FFFFFF;
text-align:center;
font-weight:bold;
padding: 3px;
}

.head {
background-color:green;
border: 1px dotted #FFFFFF;
padding: 1px;
}
.head td {
background-color:green;
border-bottom: 1px dashed #FFFFFF;
padding: 1px;
}
/* INPUT CSS */

input, select {
font-size:12px;
font-family:Arial,sans-serif;
background-color:#000000;
color:#FFFFFF;
border:1px solid #FFFFFF;
}

textarea {
font-size:12px;
font-family:Arial,sans-serif;
background-color:#000000;
color:#FFFFFF;
border:1px solid #FFFFFF;
}

/* END INPUT CSS */


table,tr,td  { 
font-family:helvetica, arial, geneva, sans-serif;
color:#FFFFFF;
font-size:12px;

}


.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: white;
padding: 4px 7px;
margin: 0;
text-decoration: none;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/

}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #000000; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #FFFFFF;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
padding: 2px 0;
text-decoration: none;
border-bottom: 1px solid #000000; /*THEME CHANGE HERE*/
font-weight: bold;
color: white;
background-color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

ul.cm ul{display:none}
ul.cm li:hover>ul{display:block}
ul.cm ul{position: absolute;left:100%;top:0px;}
ul.cm ul ul{position: absolute;right:100%;top:0px;}
ul.cm,ul.cm ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color:#000000;
	background-repeat:repeat;
	border-color:;
	border-width:0px;
	border-style:dotted;
}
ul.cm table {border-collapse:collapse}ul.cm {
	display:block;
	zoom:1;
	_width:80.85000000000001px;
	float: left;
}
ul.cm ul{
	width:150px;
}
ul.cm li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:13px;
}
ul.cm a:active, ul.cm a:focus {
outline-style:none;
}
ul.cm a, ul.cm li.dis a:hover, ul.cm li.sep a:hover {
	display:block;
	vertical-align:middle;
	zoom:1;
	background-color:#000000;
	border-width:1px;
	border-color:#222222;
	border-style:dotted;
	text-align:left;
	text-decoration:none;
	padding:1px;
	_padding-left:0;
	font:11px Courier New;
	color: white;
	text-decoration:none;
	cursor:default;
}
ul.cm span{
	overflow:visible;
}
ul.cm ul li {
  width: 150px;
	float:none;
}
ul.cm ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cm li{
width:150px;
}
ul.cm li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
}
ul.cm li.sep span{
	float:none;	padding-right:0;
	width:100%;
	height:3;
	display:inline-block;
	background-color:;	background-image:none;}
ul.cm li:hover{
	position:relative;
}
ul.cm li:hover>a{
	background-color:#000000;
	border-color:#FFFFFF;
	border-style:solid;
	font:11px Courier New;
	color: #B0ADAB;
	text-decoration:none;
}
ul.cm li a:hover{
	position:relative;
	background-color:#333333;
	border-color:#FFFFFF;
	border-style:solid;
	font:11px Courier New;
	color: green;
	text-decoration:none;
}
ul.cm li.dis a {
	color: #AAAAAA !important;
}
ul.cm img {border: none;float:left;_float:none;margin-right:4px;width:24px;
height:24px;
}
ul.cm ul img {width:16px;
height:16px;
}
ul.cm img.over{display:none}
ul.cm li.dis a:hover img.over{display:none !important}
ul.cm li.dis a:hover img.def {display:inline !important}
ul.cm li:hover > a img.def  {display:none}
ul.cm li:hover > a img.over {display:inline}
ul.cm a:hover img.over,ul.cm a:hover ul img.def,ul.cm a:hover a:hover ul img.def,ul.cm a:hover a:hover img.over,ul.cm a:hover a:hover a:hover img.over{display:inline}
ul.cm a:hover img.def,ul.cm a:hover ul img.over,ul.cm a:hover a:hover ul img.over,ul.cm a:hover a:hover img.def,ul.cm a:hover a:hover a:hover img.def{display:none}
ul.cm a:hover ul,ul.cm a:hover a:hover ul{display:block}
ul.cm a:hover ul ul{display:none}
ul.cm span{
	display:block;
	background-image:url(./images/arrow_sub5.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}
ul.cm li:hover>a>span{	background-image:url(./images/arrow_main4.gif);
}
ul.cm a:hover span{	_background-image:url(./images/arrow_main4.gif)}
ul.cm ul span,ul.cm a:hover table span{background-image:url(./images/arrow_sub5.gif)}
ul.cm ul li:hover > a span{	background-image:url(./images/arrow_main4.gif);}
ul.cm table a:hover span,ul.cm table a:hover a:hover span{background-image:url(./images/arrow_main4.gif)}
ul.cm table a:hover table span{background-image:url(./images/arrow_sub5.gif)}
