@charset "utf-8";
body {
background-image: url(../images/bgpics/zu-bg.jpg);
background-repeat:no-repeat; 
background-position: top center;
width: 950px;
margin: 0px auto;
font-family:arial, geneva, sans-serif;font-size:12px;color: white;
}
table,tr,td { font-family:helvetica, arial, geneva, sans-serif;font-size: 11px; }
img { border:none; }
textarea { font-family:helvetica, arial, geneva, sans-serif;font-size:11px;color: black; } 

hr { width: 70%; color: #8f6bb1; }

a:link { color: white; text-decoration: none }
a:active { color: white; text-decoration: none }
a:visited { color: white; text-decoration: none }
a:hover { color: gold; text-decoration: none }

.table2 {
}

hr { width: 70%; color: #8f6bb1; }

h1 {
color: #fff;
font-size: 25px;
}
h2 {
color: #fff;
font-size: 15px;
}
h4 {
color: #fff;
font-size: 25px;
width:360px;
position:absolute;
top: 90px;
left: 550px;
text-align:center;
}

.center {
width:932px;
background-color:#000;
vertical-align:top;
text-align:center;
}
.table {
background-color:#000000;
}
.table3 {
background-color:#000000;
}
.table td {
background-color:#000;
height:22px;
}
.table3 td {
background-color:#000;
}
td .alt {
background-color:#000;
height:22px;
}
td .h {
font-weight: bold;
background-color: #D6D6D6;
}
.table th {
font-weight: bold;
background-color: Maroon  ;
}

table.ce_hover td:hover { background:#999999;color:#CCCCCC; }


#invtable {
width: 500px;
border-color: #8f6bb1;
text-align:center;
float:left;
background-color: #000;
}



.banner {
	width: 500px;
	height: 123px;
	top: 0px;
	left: 0px;
	position:absolute;
	float: left;
}

.userbox {
	width: 220px;
	position:absolute;
	top: 0px;
	left: 510px;
	text-align: left;
	float: left;
}

.statsbox {
	width: 170px;
	top: 0px;
	left: 690px;
	float: left;
	position: absolute;
	text-align:right;
	
}

.rewardstext {
	width:100%;
	position:absolute;
	top: 125px;
	left: 0px;
	text-align:left;
	background-image:url(../../../rewardsbar.png);
	background-repeat:no-repeat;

}

.poth {
	width:360px;
	position:absolute;
	top: 87px;
	left: 500px;
	text-align:left;
}

.cityowns {
	position: absolute;
	top: 145px;
	left: 205px;
	text-align:center;
	z-index:1;
}
.rta {
	position: absolute;
	top: 150px;
	left: 660px;
	text-align:center;
	z-index:1;
}

.followon {
	width: 950px;
	position:absolute;
	top: 224px;
	left: 0px;
}

.container {
	width: 864px;
	margin-top: 0px;
	background-image: url(images/bgpics/mainbg.jpg);
        background-repeat: repeat;
}

  table.events tr.even td, table.zebra tr.even th { background-color:#000; }
  table.events tr.odd td { background-color:#8f6bb1; }

input.btn {
padding-left: 2px;
color: orange;
font: bold 84% 'trebuchet ms',helvetica,sans-serif;
background-color: black;
border:1px solid;
border-color: #696 #363 #363 #696;
}

.menu a{
text-align: left;
display:inline-block;

width:126px;

padding:0px 0px 0px 10px;

font-size: 12px;

text-decoration: none;

}



.menu a:hover {
text-align: left;

background-image: url(images/bgpics/rolloverbg.jpg);

color: #FFCC00;

}

#quickg
{
	width:125px;
	color: white;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #1c0629;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0px;
	outline: none;
	background: #000;
}

#dhtmltooltip{
position: relative;
font-size: 10px;
width: 135px;
border: 1px solid #1c0629;
padding: 2px;
background-color: #000;
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);
}