html 		{ padding:0; }

body		{
			font:11px Verdana, Arial, sans-serif;
			color:#222222;
			background-color:#E8E2D4;
/* 		background-image:url(img/bg_ad.gif);  */
			margin:8px;
			padding:0;
			}
			
#container
			{
			background-color:#FFFFFF;
		  	text-align:left;
			padding:0;
			margin:0;
			width:980px;
			border:1px solid #666666;
			}

a 			{ font-weight:bold; text-decoration:none; color:#7F7500; }
a:hover 	{ text-decoration:underline; color: #FF4700; }

.smalltxt	{ font-size:10px;}
.bigtxt		{ font-size:12px; font-weight:bold; }
.fade		{ color:#AAAAAA; }

input,select { font-size:11px; background-color: #FFFFFF; padding:1px; margin:1px}
textarea 	{ font-size:12px; background-color: #FFFFFF; padding:1px; margin:1px}



img			{ border-width:0; }
td 			{ vertical-align:top; }
.colleft		{ float:left; margin:0px 4px 0px 4px; }
.colright	{ float:right; margin:0px 4px 0px 4px; }
.bar_front 	{ background-color:#FF4700; border-right:0px solid #DDDDDD; padding:0; color:#DDDDDD; height:12px;}
.bar_back 	{ background-color:#FFFFFF; border:1px solid #FF4700; margin:0; height:12px; }
.bbcodes a img { border:1px outset #AAAAAA; background-color:#FFFFFF; }
.smilies a img { border:0; background-color:transparent; }

hr
			{
			height:1px;
			border-top:1px solid #CCCCCC;
			border-left:0 none;
			border-right:0 none;
			border-bottom:0 none;
			margin:1em 0;
			padding:0;
			}

.userbar	{ font-size:10px; width:100%; background-color:#7F7500; color:#D6CA3E; }
.userbar a 	{ font-weight:bold; text-decoration:none; color:#D6CA3E; }
.userbar a:hover { font-weight:bold; text-decoration:underline; color:#FFFFFF; }
.sidebar 	{ background-color:#F8F8F8; height:100%; vertical-align:top; border-left:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; }
.topbar 	{ background-color:#000000; color:#666666; }
.bottombar 	{ font-size:10px; color:#999999; background-color:#000000;}

.title
			{
			padding:8px;
			margin:0;
			font-size:12px;
			font-weight:bold;
			color:#EEEBCE;
			background-color:#B4A600;
			border-bottom:1px solid #666666;
			}

.title a	{ color:#FFFFFF; }

.subtitle	{ padding:8px;	margin:0; font-size:11px; background-color:#EEEBCE; border-bottom:1px solid #D9DAE1; }
.main		{ padding:12px; margin:0; }
.block		{ font-size:11px; padding:5px; margin:12px; border:1px solid #BBBBBB; background-color: #EEEBCE; }
.error		{ padding:8px; margin:0; color:#FF3F3F; font-weight: bold; }
.code 		{ font-size:11px; color:#800000; background-color:#EEEEEE; padding:2px; }

table.flat		{ text-align:left; width:100%; margin:0; padding:0; border-collapse:collapse; }
table.flat td 	{ padding:0; margin:0}
table.main 		{ text-align:left; width:100%; margin:0; padding:4px; }
table.main td 	{ padding:4px; }
table.cells 	{ text-align:left; width:100%; margin:0; padding:0; }
table.cells td { padding:2px; background-color:#F8F8F8;}
table.list 		{ text-align:left; width:100%; margin:0; padding:5px; }
table.list td 	{ padding:12px; }

/* border:1px solid #BBBBBB; */

/* Default link colors for the whole frame */
.wowitemt a:link, .wowitemt a:visited, .wowitemt a:active { color: #FFB019; text-decoration: none; font-weight: normal }
.wowitemt a:hover { color: #FFB019; text-decoration: underline; font-weight: normal }

.borderless {background: #202020; color: #fff;} 

.wowitemt td, .wowitem th {
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
}
.wowrttxt {
    display: compact;
    position: absolute;
    text-align: right;
    right: 3px;
    top: inherit;
    color: #FFFFFF;
}

/* Item icon stuff */
.itemicon { width: 40px; height: 40px; }
.smallitemicon { width: 20px; height: 20px; }

/* Item colors */
.redname,    .quality6 { color: #FF0000; font-weight: bold; }
.orangename, .quality5 { color: #FF8000; font-weight: bold; }
.purplename, .quality4 { color: #A335EE; font-weight: bold; }
.bluename,   .quality3 { color: #0070DD; font-weight: bold; }
.greenname,  .quality2 { color: #1EFF00; font-weight: bold; }
.whitename,  .quality1 { color: #FFFFFF; font-weight: bold; }
.greyname              { color: #9D9D9D; font-weight: bold; }
.goldtext              { color: #FFD700; font-weight: bold; }

.artifact,    .quality6 { color: #FF0000; font-weight: bold; }
.legendary, .quality5 { color: #FF8000; font-weight: bold; }
.epic, .quality4 { color: #A335EE; font-weight: bold; }
.rare,   .quality3 { color: #0070DD; font-weight: bold; }
.uncommon,  .quality2 { color: #1EFF00; font-weight: bold; }
.common,  .quality1 { color: #FFFFFF; font-weight: bold; }
.poor              { color: #9D9D9D; font-weight: bold; }


/* Item link (Name of items on ViewItem page) */
a:link.itemlink, a:visited.itemlink, a:active.itemlink { text-decoration: none; }
a:hover.itemlink { text-decoration: none; }

/* Forum link */
a:link.forumitemlink, a:visited.forumitemlink, a:active.forumitemlink { text-decoration: none; font-weight: normal }
a:hover.forumitemlink { text-decoration: none; font-weight: normal }

/* Armor set info link */
.setbonus { color: #1EFF00; font-weight: normal; }
a:link.setbonus, a:visited.setbonus, a:active.setbonus { text-decoration: none; font-weight: normal; color: #1EFF00; }
a:hover.setbonus { text-decoration: underline; font-weight: normal; color: #1EFF00; }
a:link.set, a:visited.set, a:active.set { text-decoration: none; font-weight: normal; color: #FFA500; }
a:hover.set { text-decoration: underline; font-weight: normal; color: #FFA500; }

/* Item effects */
.itemeffectlink { color: #FFFFFF; font-weight: normal; }
a:link.itemeffectlink, a:visited.itemeffectlink, a:active.itemeffectlink { text-decoration: none; font-weight: normal; color: #1EFF00; }
a:hover.itemeffectlink { text-decoration: underline; font-weight: normal; color: #1EFF00; }

/* Refresh link */
a:link.itemrefresh, a:visited.itemrefresh, a:active.itemrefresh { text-decoration: none; font-weight: normal; font-size: x-small }
a:hover.itemrefresh { text-decoration: none; font-weight: normal; font-size: x-small }

/* Item Create link, used for certain recipes */
.itemeffectlink { color: #FFFFFF; font-weight: normal; }
a:link.itemcreatelink, a:visited.itemcreatelink, a:active.itemcreatelink { text-decoration: none; font-weight: normal; color: #1EFF00; }
a:hover.itemcreatelink { text-decoration: underline; font-weight: normal; color: #1EFF00; }

/* Item Description Text */
.itemdesc { color: #FFD200; }

#content .gameFrame *, .gameFrame *, #content .gameFrame, .gameFrame { text-decoration: none; font: 8pt Tahoma; background: none; margin: 0; padding: 0; border: 0; }
#content .gameFrame,
.gameFrame {
	padding: 5px;
	background: #050a1e;
	color: #fff;
	border: 2px solid #a5a5a5;
	border-bottom: 2px solid #4f4f4f;
	-moz-border-radius: 2px;
	opacity: 0.1;
	filter:alpha(opacity=10);
	width: 400px;
}
#content .gameFrame h3,
.gameFrame h3 {
	color: #fff;
	font-siZe: 10pt;
}
.gameFrame .requirement {
}
#content .gameFrame blockquote,
.gameFrame blockquote {
	color: #00FF00;
}
#content .gameFrame blockquote.lore,
.gameFrame blockquote.lore,
.gameFrame .setname {
	color: #FFF000;
	}
#content .gameFrame a:link,
.gameFrame a:link,
#content .gameFrame a:visited,
.gameFrame a:visited,
#content .gameFrame a:active,
.gameFrame a:active,
#content .gameFrame a:hover,
.gameFrame a:hover {
	color: #fff;
	}
#content .post .gameFrame blockquote a:link,
.gameFrame blockquote a:link,
#content .post .gameFrame blockquote a:hover,
.gameFrame blockquote a:hover,
#content .post .gameFrame blockquote a:visited,
.gameFrame blockquote a:visited,
#content .post .gameFrame blockquote a:active,
.gameFrame blockquote a:active {
	color: #00FF00;
	text-decoration: none;
	border: 0;
}
#content .post .gameFrame blockquote.lore a:link,
.gameFrame blockquote.lore a:link,
#content .post .gameFrame blockquote.lore a:hover,
.gameFrame blockquote.lore a:hover,
#content .post .gameFrame blockquote.lore a:visited,
.gameFrame blockquote.lore a:visited,
#content .post .gameFrame blockquote.lore a:active,
.gameFrame blockquote.lore a:active {
	color: #FFF000;
	text-decoration: none;
	border: 0;
}
#content .gameFrame blockquote.seteffect,
.gameFrame blockquote.seteffect,
#content .gameFrame blockquote.seteffect a:link,
.gameFrame blockquote.seteffect a:link,
#content .gameFrame blockquote.seteffect a:hover,
.gameFrame blockquote.seteffect a:hover,
#content .gameFrame blockquote.seteffect a:active,
.gameFrame blockquote.seteffect a:active,
#content .gameFrame blockquote.seteffect a:visited,
.gameFrame blockquote.seteffect a:visited {
	color: #c9c9c9;
	}
#content .gameFrame h3.poor,
.gameFrame h3.poor {
	color: #c0c0c0;
}
#content .gameFrame h3.common,
.gameFrame h3.common {
	color: #fff;
}
#content .gameFrame h3.uncommon,
.gameFrame h3.uncommon {
	color: #00FF00;
}
#content .gameFrame h3.rare,
.gameFrame h3.rare {
	color: #0684ff;
}
#content .gameFrame h3.epic,
.gameFrame h3.epic {
	color: #c065ff;
}
#content .gameFrame h3.legendary,
.gameFrame h3.legendary {
	color: #FF6633;
}
#content .gameFrame h3.artifact,
.gameFrame h3.artifact {
	color: red;
}