#header,#main,#footer{width:980px;margin-left:auto;margin-right:auto;}

#header a:link {color:#FFD100;}
#header a:visited {color:#FFD100;}

#main .content{border:1px solid #333333;float:left;width:100%;color:#fff;font-size:12px;background:#181818;}
#main .nav{background:#383838;height:20px;line-height:20px;padding:5px;text-align:left;font-size:13px;font-family: "Verdana", "ËÎÌå","sans-serif";}

.nav a:link {color:#FFD100;}
.nav a:visited {color:#FFD100;}

.menu {background:#000000;Border:0px solid #282828;}
.menu a{display:block;}
#main .top{padding:0px 5px 5px 5px;text-align:left;text-indent:10px;border:0px solid #fff;}
#main .top .browse span{float:left;display:block;}
#main .mid{padding:6px;}
#main .mid .cleft{float:left;width:205px;background:#242424;margin:0 auto;padding:8px;border:1px solid #383838;}
#main .mid .cright{float:left;width:728px;background:#242424;margin-left:5px;margin-right:auto;padding:5px;border:1px solid #383838;}
#main .mid .c1{background:#404040;margin:0 auto;padding:0px;}
#main .mid .page{height:25px;line-height:25px;text-align:right;clear:both;}
#main .page .left{text-align:left;float:left;text-indent:10px;}
#main .page .right{text-align:right;float:right;}

.right {font-size:12px;font-family: "Verdana", "ËÎÌå","sans-serif";}
.right a:link {color:#FFD100;}
.right a:visited {color:#FFD100;}


#locations a:link {color:#FFD100;}
#locations a:visited {color:#FFD100;}

#main .mid .itemheader{font-size:14px;}
#main .mid .itemname{font-size:13px;height:46px;line-height:46px;}
#main .mid .itemnamehalf{font-size:13px;height:46px;line-height:23px;}
#main .mid .itemtr{background-color:#181818;}
#main .mid .itemtrhover{background-color:#333333;}
#main .mid .itemtd{text-indent:5px;font-size:13px;}
.itemtd a:link {color:#FFD100;}
.itemtd a:visited {color:#FFD100;}


#main .mid .itemname .itemimg {border:0;width:43px;margin-left:5px;margin-right:15px;}
#main .mid .itemcolor0{color:#9D9D9D;}
#main .mid .itemcolor1{color:#ffffff;}
#main .mid .itemcolor2{color:#1EFF00;}
#main .mid .itemcolor3{color:#0070DD;}
#main .mid .itemcolor4{color:#A335EE;}
#main .mid .itemcolor5{color:#FF8000;}
#main .mid .itemcolor6{color:#E5CC80;}
#main .mid .cleft .cltitle{color:#FE9900;font-weight:bold;font-size:14px;text-align:left;}
#main .mid .cleft .clcontent{color:#ffffff;border:1px solid #fff;margin:0 auto;float:left;}
#main .mid .itemtable td{height:46px;font-size:13px;}
.cllist{margin-top:5px;margin-left:auto;margin-right:auto;}

.cltitle a:link {color:#FFD100;}
.cltitle a:visited {color:#FFD100;}
.cllist a:link {color:#FFFFFF;}
.cllist a:visited {color:#FFFFFF;}
#PagerBottom a:link {color:#FFD100;}
#PagerBottom a:visited {color:#FFD100;}

.cllist ul li{float:left;margin:0 5px 5px 5px;width:85px;float:left;text-align:left;font-size:12px;height:20px;line-height:20px;}
.cllist ul li a{display:block;font-weight:normal;color:#FFFFFF;text-indent:10px;}
.cllist ul li a:hover{background:#404040;color:#1EFF00;}

.classlistnav1{float:left;width:724px;background:#383838;padding:5px;text-align:left;text-indent:10px;margin:0;}
.classlistnav1 a:link {color:#FFD100;text-decoration: underline;}
.classlistnav1 a:visited {color:#FFD100;text-decoration: underline;}
.classlistnav1 ul {margin:0;padding:0;}
.classlistnav1 ul li{width:138px;float:left;font-size:12px;font-family: "Verdana", "ËÎÌå","sans-serif";text-align:center;padding:3px;}

.classlistnav{float:left;width:720px;background:#383838;padding:5px;text-align:left;text-indent:10px;margin:0;}
.classlistnav a:link {color:#FFFFFF;}
.classlistnav a:visited {color:#FFFFFF;}

.classlistnav ul {margin:0;padding:0;color:#FFFFFF;}
.classlistnav ul li{width:110px;float:left;font-size:12px;color:#FFFFFF;text-align:center;padding:3px;}
.itemimg{width:32px;}

.moneyitem, .moneygold, .moneysilver, .moneycopper, .moneyalliance, .moneyhorde, .moneyarena, .moneysocketmeta, .moneysocketred, .moneysocketyellow, .moneysocketblue {
	color: white;
	background: no-repeat right center;
}
.moneyitem         { padding-right: 19px } 
.moneygold         { padding-right: 15px; background-image: url(../images/money_gold.gif) } 
.moneysilver       { padding-right: 15px; background-image: url(../images/money_silver.gif) }
.moneycopper       { padding-right: 15px; background-image: url(../images/money_copper.gif) }
.moneyalliance     { padding-right: 12px; background-image: url(../images/money_alliance.gif) }
.moneyhorde        { padding-right: 16px; background-image: url(../images/money_horde.gif) }
.moneyarena        { padding-right: 18px; background-image: url(../images/money_arena.gif) }
.moneysocketmeta   { padding-right: 18px; background-image: url(../images/socket_meta.gif) }
.moneysocketred    { padding-right: 18px; background-image: url(../images/socket_red.gif) }
.moneysocketyellow { padding-right: 18px; background-image: url(../images/socket_yellow.gif) }
.moneysocketblue   { padding-right: 18px; background-image: url(../images/socket_blue.gif) }

.itemset {padding: 0 0 0 8px;}
.baseinfo{}
.baseinfo ul{ padding:0; margin: 5px 5px ; list-style:none; background:#03081c;  }
.baseinfo li {padding:3px 0 0 10px;}
.baseinfo li a{ text-decoration: none;}
.baseinfo a:link {color:#FFD100;}
.baseinfo a:visited {color:#FFD100;}

#foto {text-align:center}
#foto img{border:3px solid #404040; margin: 10px auto;}
#foot {padding: 20px;}

.q  { color: #ffd100 !important }
.q0, .q0 a { color: #9d9d9d !important }
.q1, .q1 a { color: #ffffff !important }
.q2, .q2 a { color: #1eff00 !important }
.q3, .q3 a { color: #0070dd !important }
.q4, .q4 a { color: #a335ee !important }
.q5, .q5 a { color: #ff8000 !important }
.q6, .q6 a { color: #e5cc80 !important }
.q7, .q7 a { color: #ff0000 !important }
.q8, .q8 a { color: #ffff98 !important }

.itemdetailinfo {margin: 0; width: 690px; padding: 5px ; border: 0px solid #404040;  text-align: left;}
#itemtitle {font-size:16px;clear:both;color:#FFF;border-bottom:1px solid #404040;padding-bottom:5px;margin-bottom:5px;}
.getlinkbutton a:link {color:#FFD100;text-decoration:underline;}
.getlinkbutton a:visited {color:#FFD100;text-decoration:none;}
#itemicon {float:left;width:64px;height:64px;}
#itemnumber {color:#ffffff;font-size:18px;font-weight:bold;float:right;padding-right:5px;padding-top:39px;filter:Shadow();}
.itemicon {float:left;width:44px;height:44px;}
.smallitemicon {float:left;width:18px;height:18px;}
.itemnumber2 {float:left;width:40px;z-index:99;color:#ffffff;font-size:13px;font-weight:bolder;text-align:right;margin-top:-22px;}
.itemnumber3 {width:18px;z-index:99;color:#ffffff;font-size:9px;font-weight:bolder;text-align:right;margin-left:-1px;margin-top:7px;}
.itemnumber4 {width:18px;z-index:99;color:#ffffff;font-size:9px;font-weight:bolder;text-align:right;margin-left:-1px;margin-top:3px;}
.tip {width:320px; text-align: left;}
.tooltip {visibility: hidden; z-index: 100000001;}
.tooltipext{visibility: visible;float:left;width:360px;}
.tooltip a { text-decoration: none }
.tooltip a:hover { text-decoration: underline }
.tooltip table { border-spacing: 0; border-collapse: collapse }

.tooltip td, .tooltip th { background: url(../images/tooltip.gif); font-family: Verdana; font-size: 12px; line-height: 17px; color: white }
.tooltip th { padding: 3px; height: 8px }
.tooltip td { padding: 8px 4px 1px 9px }

.tooltip b { font-size: 14px; line-height: 19px; font-weight: normal }
.tooltip div.indent { padding-left: 0.6em }

.tooltip td th, .tooltip td td { background: none }
.tooltip td th { padding: 0 0 0 4em; text-align: right; font-weight: normal }
.tooltip td td { padding: 0 }

.tooltip table.shrink b { font-size: 12px; line-height: 15px }
.tooltip table.shrink td, .tooltip table.shrink th { font-size: 10px; line-height: 14px }

.socketMeta   { padding:3px 0 0 26px; background: url(../images/socket_meta.gif) no-repeat left center }
.socketRed    { padding:3px 0 0 26px; background: url(../images/socket_red.gif) no-repeat left center }
.socketYellow { padding:3px 0 0 26px; background: url(../images/socket_yellow.gif) no-repeat left center }
.socketBlue   { padding:3px 0 0 26px; background: url(../images/socket_blue.gif) no-repeat left center }

/*icons*/

.icons { width: 26px; height: 26px; background-position: 0px 0px; background-repeat: no-repeat; position: relative ;}
.icons .sub{width: 26px; height: 26px;clear:both;}
.icons .tile  { width: 26px; height: 26px; background-image: url(../images/icon_border_small.gif); }
.icons .hover { width: 26px; height: 26px;  position: absolute; z-index: 20 ;}
.icons .hover a { width: 26px; height: 26px; display: block; border: 0 ;}

.iconm {width:40px; height:40px;display:block;min-height:40px;background-color:#fff;}
.iconm .sub{width:40px;height:40px;clear:both;}
.iconm .tile  { width: 44px; height: 44px; background-image: url(../images/icon_border_medium.gif); }
.iconm .hover { width: 44px; height: 44px;  position: absolute; z-index: 20 ;}
.iconm .hover a { width: 44px; height: 44px; display: block; border: 0 ;}

.iconl { width: 68px; height: 68px; background-position: 6px 6px; background-repeat: no-repeat; position: relative ;}
.iconl .sub{width: 60px; height: 60px;clear:both;}
.iconl .tile  { width: 68px; height: 68px; background-image: url(../images/icon_border_large.gif); }
.iconl .hover { width: 68px; height: 68px; left: 6px; top: 6px; position: absolute; z-index: 20; cursor: default; }
.iconl .hover a { width: 68px; height: 68px; display: block; border: 0 ;}

.icons .glow { font-size: 11px; margin: 2px 5px 2px 4px; cursor: default; font-weight: bold ;}
.iconm .glow { font-size: 13px; margin: 4px 6px 4px 6px; cursor: default; font-weight: bold ;}
.iconl .glow { font-size: 18px; margin: 4px 6px 4px 6px; cursor: default; font-weight: bold ;}

.icons .hover a:hover { background: url(../images/icon_hilite_small.gif) ;position: absolute; width: 20px; height: 20px; left: 3px; top: 3px;}
.iconm .hover a:hover { background: url(../images/icon_hilite_medium.gif) -38px 0 ;position: absolute; width: 38px; height: 38px; left: 3px; top: 3px; }
.arenapoints {width:100%;cursor:help;display:block;border:1px solid #ffffff;background:url('/images/arenapoint.gif') no-repeat 75% center}
.cl{text-align:left;word-break:break-all;width:320px;}
.tw{color:#c0c0c0;}

#achievementtitle {font-size:16px;clear:both;color:#FFF;border-bottom:1px solid #404040;padding-bottom:8px;}

.iconlargebg, .iconmediumbg, .iconsmallbg, .iconmediumbg2
{
	background-repeat:no-repeat;
	z-index:10;
}
.iconlargebg p, .iconmediumbg p, .iconsmallbg p, .iconmediumbg2 p {margin:0;padding:0;z-index:1;}
.iconlargebg
{
	width:64px;
	height:64px;
	background-position: 2px 2px;
	margin-right:2px;
	_margin-right:0px;
	}
.iconlargebg p
{
	width:68px;
	height:68px;
	float:left;
	background:url(/images/icon_border_large2.png) no-repeat left top !important;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon_border_large2.png'); /* IE6 */
	_background-image: none; /* IE6 */
	}
.iconmediumbg, .iconmediumbg p, .iconmediumbg a
{
	width:48px;
	height:48px;
	}
.iconmediumbg
{
	background-position: 4px 4px;
	}
.iconmediumbg p, .iconmediumbg a
{
	display:block;
	line-height:48px; 
	background:url(/images/icon_border_medium2.png) no-repeat left center !important;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon_border_medium2.png'); /* IE6 */
	_background-image: none; /* IE6 */
	}
.iconmediumbg a:hover
{
	z-index:2;
	background:url(/images/icon_highlight_medium2.png) no-repeat left center !important;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon_highlight_medium2.png'); /* IE6 */
	_background-image: none; /* IE6 */
	}
.iconmediumbg2 , .iconmediumbg2 p, .iconmediumbg2 a
{
	width:44px;
	height:44px;
	}
.iconmediumbg2
{
	background-position: 3px 3px;
	}
.iconmediumbg2 p, .iconmediumbg2 a
{
	display:block;  
	background:url(/images/icon_border_medium.png) no-repeat left center !important;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon_border_medium.png'); /* IE6 */
	_background-image: none; /* IE6 */
	}
.iconsmallbg, .iconsmallbg p, .iconsmallbg a
{	
	width:26px;
	height:26px;
	}
.iconsmallbg
{
	background-position: 4px 4px;
	}
.iconsmallbg p , .iconsmallbg a
{
	display:block;  
	background:url(/images/icon_border_small.png) no-repeat left center !important;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon_border_small.png'); /* IE6 */
	_background-image: none; /* IE6 */
	}
.iconsmallspan
{
	cursor:pointer;
	display:block;
	height:24px;
	width:24px;
	line-height:24px;
	}
.iconmediumspan
{
	cursor:pointer;
	display:block;
	height:46px;
	width:46px;
	line-height:46px;
	}
.achpointsicon
{
	width:auto;
	padding-right:12px;
	background:Transparent url(/images/money_achievement.gif) no-repeat right 2px;
}