/* CSS Document */
body {
	background-image: url(images/design/background.gif);
	background-repeat:repeat-x;
	background-color:#101024;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.Base_font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style:normal;
	text-decoration:none;
}
.Title_font {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style:normal;
	text-decoration:none;
}
.Title_14_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight:bold;
	text-transform:capitalize;
}
.Base_9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	font-style:normal;
	text-decoration:none;
}
.Blank_9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-style:normal;
	text-decoration:none;
}
.Red_10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	font-style:normal;
	text-decoration:none;
}
/* Filter */
.Shadow {
	outline-style: inherit;
	outline-color: #000066;
	outline-width: 1px;
}
/* Colors WoW */
.Legend {
	color: #E26316;
}
.Epic {
  color: #7F40BF;
}
.Rare {
  color: #335FFF;
}
.Unc {
  color: #9BF733;
}
.Grey {
  color: #999;
}

/* Colors  */
.Black {
	color: #000000;
}
.Dark_grey {
	color:#333333;
}
.Red {
	color:#990000;
}
.White {
	color:#FFFFFF;
}

/* Size */
.12px {
	font-size: 12px;
}
.11px {
	font-size: 11px;
}

/* Template */
.menu1 {
	height:20px;
	width:111px;
}
.menu1 div {
	height:20px;
	width:111px;
	background-image: url(images/menu_off.gif);
}
.menu1 div:hover {
	height:20px;
	width:111px;
	background-image: url(images/menu_on.gif);
}
.menu2 {
	height:20px;
	width:115px;
}
.menu2 div {
	height:20px;
	width:115px;
	background-image: url(images/char_bar2.gif);
}
.menu2 div:hover {
	height:20px;
	width:115px;
	background-image: url(images/char_bar.gif);
}
#apply_next {
	width:144px;
	height:31px;
	background-image:url(images/next_step.gif);
	background-repeat:no-repeat;
}
#apply_next:hover {
	background-image:url(images/next_step_on.gif);
	background-repeat:no-repeat;
}

/* Class colors */
.Druid { color:#FF7D0A; }
.Hunter { color:#ABD473; }
.Mage { color:#69CCF0; }
.Paladin { color:#F58CBA; }
.Priest { color:#FFFFFF; }
.Rogue { color:#FFF569; }
.Shaman { color:#2459FF; }
.Warlock { color:#9482CA; }
.Warrior { color:#C79C6E; }