img {
   behavior: url("pngbehavior/pngbehavior.htc");
}
body{
  background-color: #000000;
  font-family: 12px verdana, arial, sans-serif;
  color: #ffffff;
}
h1{
	color: #CBA300;
	font-size: 18pt;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
}

em{
	color: #F3C861;
	font-style: italic;
	font: 10px verdana, arial, sans-serif;
}

a.charlink{
	font-weight: bold;
	color: #CBA300;
}
a.columntitle{
	color: #CBA300;
	font-size: 8pt;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
}
a:hover.columntitle {
	text-decoration: underline;
}

* { 
  font: 12px verdana, arial, sans-serif;
}

.rankingHeader 	  { text-align: left; color: #CBA300; font-size: 10pt; font-family: arial,helvetica,sans-serif; background-color: #2E2D2B; border-style: solid; border-width: 0px; }
TD.rankingHeader 	{ text-align: center; color: #CBA300; font-size: 8pt; font-family: arial,helvetica,sans-serif; background-color: #2E2D2B; border-style: solid; border-width: 1px; border-color: #5D5D5D #5D5D5D #1E1D1C #1E1D1C;}
TD.rankingHeader2 { text-align: left; color: #CBA300; font-size: 8pt; font-family: arial,helvetica,sans-serif; background-color: #2E2D2B; border-style: solid; border-width: 1px; border-color: #5D5D5D #5D5D5D #1E1D1C #1E1D1C;}
TD.rankingHeader3 { text-align: center; color: #CBC300; font-size: 12pt; font-family: arial,helvetica,sans-serif; background-color: #1F1E1D; border-style: solid; border-width: 1px; border-color: #5D5D5D #5D5D5D #1E1D1C #1E1D1C;}

TD.rankingFiller 	{ text-align: center; font-size: 8pt; font-family: arial,helvetica,sans-serif; background-color: #1F1E1D; border-style: none; border-width: 0px; }
TD.rankingRow		{ text-align: center; color: #ffffff; font-size: 9pt; font-family: arial,helvetica,sans-serif; font-weight: bold; border-style: solid; border-width: 1px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-color:#000000; padding: 3px; }
TD.rankingRowLeft	{ color: #ffffff; font-size: 9pt; font-family: arial,helvetica,sans-serif; font-weight: bold; border-style: solid; border-width: 1px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-color:#000000; padding: 3px; }
TD.rankingRowRight	{ text-align: right; color: #ffffff; font-size: 9pt; font-family: arial,helvetica,sans-serif; font-weight: bold; border-style: solid; border-width: 1px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-color:#000000; padding: 3px; }
TD.rankingRowAlt	{ color: #ffffff; font-size: 9pt; font-family: arial,helvetica,sans-serif; font-weight: bold; border-style: solid; border-width: 1px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-color:#000000; padding: 3px; }
TD.ranking		{ text-align: center; color: #ffffff; font-size: 9pt; font-family: arial,helvetica,sans-serif; font-weight: bold; }

SPAN.rankingZone	{ color: #CBA300; font-size: 9pt; font-family: arial,helvetica,sans-serif; font-weight: bold; }
SPAN.rankingLvl		{ color: #ffffff; font-size: 9pt; font-family: arial,helvetica,sans-serif; font-weight: bold; }
SPAN.title			{ color: #CBA300; font-size: 18pt; font-family: "Friz Quadrata TT", Arial, sans-serif; }

TABLE.expOutline	{ border-style: solid; border-width: 1px; border-color: #5A5D5A; background-color:#000000;}
TABLE.topmenu 		{BORDER-RIGHT: #CBA300 1px solid; BORDER-TOP: #CBA300 1px solid; BORDER-LEFT: #CBA300 1px solid; BORDER-BOTTOM: #CBA300 1px solid;}

.tip{
  position: absolute;
  top: 0px;
  left: 45px;
  width: 250px;
  border: 2px solid #aa9900;
  background-color: #000000;
  text-decoration: none;
  display: none;
  z-index: 100;

}

.tooltipline { 
float: left;
 width: 100%;
}
.tooltiplinemanaleft {
	float: left;
	width: 50%;
	text-align: left;
}
.tooltiplinemanaright {
	float: left;
	width: 50%;
	text-align: right;
}

.tooltipheader { 
	float: left;
 width: 100%;
  font-weight: bold;
}
div#tipDiv {
	position:absolute;
	visibility:hidden;
	left:45px;
	top:400px;
	z-index:1;
	width:250px;
	padding:4px;
	font-size: 1px;
	opacity:0.8;
	filter: Alpha(Opacity=80);
}


.item { 
  position: relative;
  width: 40px;
  height: 40px; 
}

.item .quant {
  position: absolute;
  bottom: 0px;
  right: 0px;
  font: 11px verdana, sans-serif;
/*  background-color: #000000; */
  color: #ffffff;
}
.icon { 
  float: left;
  width: 40px;
  height: 40px;
  padding: 1px 0 0 0;
  position:relative;
  }
img, p { 
  padding: 0;
  margin: 0;
  border: 0;
}


.bag_bank { 
  float: left;
  width: 312px;
  margin: 10px 0 10px;
  color: #ffffff;
  background: url('img/bagBg2.gif') repeat-y;
  background-position: 0 3px;
}

.bag_bank .bagTop { 
  float: left;
  width: 100%;
  background: url('img/bagTopBigBank.gif') no-repeat;
  height: 52px;
}

.bag_bank .bagTop .bagIcon { 
  float: left;
  width: 50px;
  height: 50px;
  padding: 5px 5px 5px 5px;
} 

.bag_bank .bagTop .bagName {
	float: left;
	vertical-align: middle;
	height: 50px;
	margin: 0;
  padding: 15px 0 10px 0;
	font: 13px georgia, tahoma, sans-serif;
	font-weight: bold;
	width: 250px;
}

.bag_bank .bagLine { 
  float: left;
  width: 100%;
  padding: 0 0 0 4px;
}

.bag_bank .bagLine .bagNoSlot { 
  float: left;
  width: 40px;
  height: 40px;
  padding: 4px 5px 5px 6px;
}

.bag_bank .bagLine .bagSlot { 
  float: left;
  width: 40px;
  height: 40px;
  padding: 4px 5px 5px 6px;
  background-image: url('img/bagSlot.gif');

}

.bag_bank .bagBottomLine { 
  float: left;
  width: 100%;
  padding: 0 0 0 4px;
}

.bag_bank .bagBottomLine .bagSlot { 
  float: left;
  width: 40px;
  height: 40px;
  padding: 4px 5px 2px 6px;
  background-image: url('img/bagBottomBox.gif');
  background-position: left top;
}

.bag_bank .bagMoneyBottom { 
  float: left;
  width: 100%;
  background-image: url('img/bagMoneyBottom.gif');
}

.bag_bank .bagMoneyBottom .money { 
  float: right;
  padding: 4px 15px 7px 0;
}

.bag_bank .bagBottom { 
  float: left;
  height: 6px;
  width: 100%;
  background-image: url('img/bagBottom.gif') ;
}

.bag { 
  float: left;
  width: 212px;
  margin: 10px 0 10px;
  color: #ffffff;
  background: url('img/bagBg2.gif') repeat-y;
  background-position: 0 3px;
}

.bag .bagTop { 
  float: left;
  width: 100%;
  background: url('img/bagTopBig.gif') no-repeat;
  height: 52px;
}

.bag .bagTop .bagIcon { 
  float: left;
  width: 50px;
  height: 50px;
  padding: 5px 5px 5px 5px;
} 

.bag .bagTop .bagName {
	float: left;
	vertical-align: middle;
	height: 50px;
	margin: 0;
  padding: 15px 0 10px 0;
	font: 13px georgia, tahoma, sans-serif;
	font-weight: bold;
	width: 150px;
}

.bag .bagLine { 
  float: left;
  width: 100%;
  padding: 0 0 0 4px;
}

.bag .bagLine .bagNoSlot { 
  float: left;
  width: 40px;
  height: 40px;
  padding: 4px 5px 5px 6px;
}

.bag .bagLine .bagSlot { 
  float: left;
  width: 40px;
  height: 40px;
  padding: 4px 5px 5px 6px;
  background-image: url('img/bagSlot.gif');

}

.bag .bagBottomLine { 
  float: left;
  width: 100%;
  padding: 0 0 0 4px;
}

.bag .bagBottomLine .bagSlot { 
  float: left;
  width: 40px;
  height: 40px;
  padding: 4px 5px 2px 6px;
  background-image: url('img/bagBottomBox.gif');
  background-position: left top;
}

.bag .bagMoneyBottom { 
  float: left;
  width: 100%;
  background-image: url('img/bagMoneyBottom.gif');
}

.bag .bagMoneyBottom .money { 
  float: right;
  padding: 4px 15px 7px 0;
}

.bag .bagBottom { 
  float: left;
  height: 6px;
  width: 100%;
  background-image: url('img/bagBottom.gif') ;
}