body {
	font-size:12px;
	font-family:Tahoma, sans-serif;
	text-align:center;
	background:#000000;
}
body,p,ol,h2,h3,h4 {
	padding:0;
}
form {margin:0;padding:0;}
ul{list-style:none;margin:0;padding:0;}
img,fieldset {border:0;}
a:link , a:visited {color:#FFFFFF}
a:hover {color:#FFF;}
em {font-style:normal;}
.f12 {font-size:12px;}
#topmenu {
	width:100%;
}
#topmenu .left {
	float:left;
	width:50%;
	text-align:left;
}
#topmenu .right {
	float:right;
	width:50%;
	text-align:right;
}
#topmenu .mid {
	clear:both;
	float:left;
}
#logo {
	width:200px;
	text-align:center;
	float:left;
	color:#fff;
}
#footer {text-align:center;}
#footer a:link {color:#FFD100;text-decoration:none;}
#footer a:visited {color:#FFD100;text-decoration:none;}
#footer .info {width:100%;float:left;margin-top:100px;color:#333333;font-size:11px;text-align:center;}
#footer .copyright {padding-top:20px;width:100%;float:left;color:#666666;font-size:11px;text-align:center;}
#footer .line {
	height:1px;
	border-bottom:1px dotted #cccccc;
	margin-top:10px;
	clear:both;
	font-size:1px;
}
#footer .content {
	margin-top:10px;
}
.container {
	width:100%;
	float:left;
	margin:0 auto;
	margin-bottom:10px;
}
.adsbanner {
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	width:948px;
	border:1px solid #BCD2E6;
	background-color:#FFF;
	display:outline;
	float:left;
}
.separator {
	width:100%;
	float:left;
	clear:both;
	height:10px;
	line-height:10px;
}
.tb {
	border-top:1px solid #BCD2E6;
}
.st {
	width: 200px; padding: 3px 0 0 5px; font-size:14px;
}
.ss {
	padding:0px;height:23px;border:0px;
}
.querykeyword {font-weight:bold;color:#FFD100;}
.clear {clear:both;}
#layers {
	position: absolute;
	left: 0;
	top : 0;
	z-index: 100000000;
}
#layers iframe {
	position: absolute;
	visibility: hidden;
	z-index: 10000000;
	border: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
/*- Menu Tabs H--------------------------- */
#navcontainer {clear:both;margin-top:10px;width:100%;}
ul#navlist {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#navlist li {
        float: left;
        font-family: verdana, arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        padding: 5px 0px 4px 0px;
        background-color: #000;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
}

#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #ffffff;
        border-right: 1px solid #FFD100;
        text-decoration: none;
}

ul#navlist li#active {
        color: #95bbae;
        background-color: #000;
}

#navlist a:hover {
        color: #74a893;
        background-color: #d1e3db;
}
.info{clear:both;}
.quest1,.quest2{padding-left:10px;color:#ffffff;}
.quest2{text-indent:20px;color:#cccccc;}
.killlist{line-height:25px;clear:both;}
.killlist span{display:block;float:left;}
.reward {line-height:25px;}
.series { border-collapse: collapse; line-height: 1.5em ;}
.series .t {padding:0 0 0 16px;width:20px;font-weight: normal; text-align: right; vertical-align: top ;}
.series .n {padding:1px 0 0 0px;}
span.pl{float:left;padding:5px;text-indent:10px;display:block;}
span.pr{float:right;padding:5px 10px 5px 5px;display:block;}
.pnav{width:100%;color:#FFD100;}
.getlinkbutton{background :url("/images/redbutton28.gif") no-repeat top center;height:28px;float:right;margin-top:-6px;width:124px;}
.getlinkbutton span{font-size:12px;display:block;text-align:center;line-height:28px;font-weight:normal;}
.getlinkbutton a{color:#FFD100;}
.getlinkbutton a:hover{color:#FFFFFF;text-decoration:none;}
.itemseteff {color:#9d9d9d;}
.itemseteff a{color:#ffd100;text-decoration:none;}
.itemseteff a:hover{color:#ffd100;text-decoration:underline;}
.aw0{width:210px;margin:5px auto;font-size:11px;}
.aw1{margin-right:5px;float:left;color:Gray;}
.aw2{display:block;width:18px;height:18px;cursor:hand;}
.setl0{width:195px;margin:5px auto;font-size:11px;}
.setl1{margin-right:6px;float:left;}
.setl2{display:block;width:18px;height:18px;cursor:hand;}
.grid {
	width:100%;
	clear:both;
	border-collapse:collapse;
	background-color:#181818;
	border:3px solid #404040;
}
.grid tr:hover {
	background-color:#202020;
}
.grid td {
	padding:4px;
	color:#ddd;
	font-size:13px;
}
.grid th {
	vertical-align:top;
	font-weight:normal;
	color:white;
	padding:4px;
	text-align:left;
	white-space:nowrap;
}
.grid td, .grid th {
	border-top:1px solid #404040;
	border-bottom:1px solid #404040;
	border-left:1px solid #282828;
	border-right:1px solid #282828;
}
.summaryh2{padding:2px;font-size:15px;border-bottom:1px solid #505050;text-align:left;text-indent:5px;margin-bottom:12px;}
.moneyalliance, .moneyhorde, .moneyarena{color:white;background:no-repeat right center;cursor:help;}
.moneyalliance {padding-right:12px;background-image:url(../images/money_alliance.gif);}
.moneyhorde {padding-right:17px;background-image:url(../images/money_horde.gif);}
.moneyarena {padding-right:18px;background-image:url(../images/arenapoint.gif);}
.f14 {font-size:14px;}
#setlb {width:250px; float:left;clear:right;}
#setrb {visibility: visible; float:right; width:400px; margin: 0 5px 0 0;}
.setsummary{border:0px solid #ffffff;clear:both;}
.achievespellicon{margin-left:2px;text-indent:46px;background-position:left center;background-repeat:no-repeat;}
.achievedes{color:silver;font-size:10px;}
#achievespellicon{float:left;margin-right:5px;margin-top:-5px;width:40px;height:40px;background-position:left top;background-repeat:no-repeat;}
.left-txt{text-align:left;}
#achievementinfo{width:460px;margin-left:6px;margin-top:2px;float:left;text-align:left;}
*html #achievementinfo{width:460px;margin-left:5px;margin-top:-5px;float:left;text-align:left;} /*IE6*/
*+html #achievementinfo{width:460px;margin-left:10px;margin-top:-5px;float:left;text-align:left;} /*IE7*/
.achievementdesc{color:#ffffff;}
#criteriatitle{color:#ffffff;font-size:14px}
#criterialist{color:red;margin:auto;padding:auto;width:440px;}
#criterialist li{background:url("/images/icon_list.gif") no-repeat left center;text-indent:15px;float:left;color:#ffffff;text-align:left;line-height:20px;width:50%;}




#header,#main,#footer{width:980px;margin-left:auto;margin-right:auto;}

#header a:link {color:#FFD100;text-decoration: none;}
#header a:visited {color:#FFD100;text-decoration: none;}
#header a:hover {color:#FF3300;text-decoration: underline;}

#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:#333333;margin:0 auto;padding:0px;}
#main .mid .page{height:25px;line-height:25px;text-align:left;clear:both;}
#main .page .left{text-align:left;float:left;text-indent:10px;padding:6px;}
#main .page .right{text-align:left;width:300px;float:right;padding:6px;}


.left {font-size:12px;color:#FFFFFF;font-family: "Verdana", "宋体","sans-serif";}
.left a:link {color:#FFFFFF;text-decoration: none;}
.left a:visited {color:#FFFFFF;text-decoration: none;}
.left a:hover {color:#FF3300;text-decoration: underline;}

.right {font-size:12px;font-family: "Verdana", "宋体","sans-serif";}
.right a:link {color:#FFFFFF;text-decoration: none;}
.right a:visited {color:#FFFFFF;text-decoration: none;}
.right a:hover {color:#FF3300;text-decoration: underline;}

.left ul {margin:0;padding:0;}
.left ul li{width:140px;float:left;font-size:12px;font-family: "Verdana", "宋体","sans-serif";text-align:center;}

.left1 {font-size:12px;color:#FFFFFF;font-family: "Verdana", "宋体","sans-serif";}
.left1 a:link {color:#FFFFFF;text-decoration: none;}
.left1 a:visited {color:#FFFFFF;text-decoration: none;}
.left1 a:hover {color:#FF3300;text-decoration: underline;}
.left1 ul {margin:0;padding:0;}
.left1 ul li{width:100px;float:left;font-size:12px;font-family: "Verdana", "宋体","sans-serif";text-align:center;}

.left2 {font-size:12px;color:#FFFFFF;font-family: "Verdana", "宋体","sans-serif";}
.left2 a:link {color:#FFFFFF;text-decoration: none;}
.left2 a:visited {color:#FFFFFF;text-decoration: none;}
.left2 a:hover {color:#FF3300;text-decoration: underline;}
.left2 ul {margin:0;padding:0;}
.left2 ul li{width:118px;float:left;font-size:12px;font-family: "Verdana", "宋体","sans-serif";text-align:center;}

.right ul {margin:0;padding:0;}
.right ul li{width:110px;float:left;font-size:12px;font-family: "Verdana", "宋体","sans-serif";text-align:center;}


#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 .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;font-family: "Verdana", "宋体","sans-serif";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;text-decoration: none;}
.cltitle a:visited {color:#FFD100;text-decoration: none;}
.cltitle a:hover {color:#FE9900;text-decoration: underline;}
.cllist a:link {color:#FFFFFF;text-decoration: none;}
.cllist a:visited {color:#FFFFFF;text-decoration: none;}

#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:17px;line-height:17px;}
.cllist ul li a{display:block;font-weight:normal;color:#FFFFFF;text-indent:10px;}
.cllist ul li a:hover{background:#404040;color:#1EFF00;}


.classlistnav{float:left;width:717px;font-size:12px;font-weight:bold;font-family: "Verdana", "宋体","sans-serif";color:#FFD100;background:#383838;padding:5px;text-align:left;text-indent:10px;margin:0;}
.classlistnav a:link {color:#FFD100;text-decoration: none;}
.classlistnav a:visited {color:#FFD100;text-decoration: none;}
.classlistnav a:hover {color:#FFD100;text-decoration: underline;}

.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;}
.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:40px;height:40px;}
.smallitemicon {float:left;width:18px;height:18px;}
.itemnumber2 {width:36px;border:0px solid #fff;z-index:99;color:#ffffff;font-size:13px;font-weight:bolder;text-align:right;margin-left:0px;margin-top:-18px;filter:Shadow();}
.itemnumber3 {width:18px;border:0px solid #fff;z-index:99;color:#ffffff;font-size:9px;font-weight:bolder;text-align:right;margin-left:-1px;margin-top:7px;filter:Shadow();}
.itemnumber4 {width:18px;border:0px solid #fff;z-index:99;color:#ffffff;font-size:9px;font-weight:bolder;text-align:right;margin-left:-1px;margin-top:3px;filter:Shadow();}
.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;}
