﻿body {
	background-color: #000000;
	width: inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.wrapper {
	border-collapse: collapse;
	border: 1px solid #444444;
	width: 970px;
	background-color: #222222;
}
a {
	color: #FFCC00;
	text-decoration: none;
}
a:hover {
	color: #FF8000;
}
h1 {
	margin: 5px 0px 5px 0px;
	font-size: 20px;
	font-weight: normal;
}
h2 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 17px;
	font-weight: normal;
	color: #C0C0C0;
}
.rankings_column {
	border: 1px solid #444444;
	background-color: #000000;
	width: 192px;
	position: relative;
	left: 5px;
}
.rankings_column:hover {
	border: 1px solid #C0C0C0;
}
.guildInfo_column {
	border: 1px solid #444444;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	width: 200px;
	float: right;
	position: relative;
	right: 5px;
	text-indent: 5px;
}
.guildInfo_column:hover {
	border: 1px solid #C0C0C0;
}
.characterInfo_column {
	border: 1px solid #444444;
	background-color: #000000;
	width: 550px;
	float: right;
	position: relative;
	right: 5px;
}
.characterInfo_column:hover {
	border: 1px solid #C0C0C0;
}
.guildInfoGuild_column {
	border: 1px solid #444444;
	background-color: #000000;
	width: 760px;
	float: right;
	position: relative;
	right: 5px;
}
.guildInfoGuild_column:hover {
	border: 1px solid #C0C0C0;
}
.itemslot {
	border: 1px solid #444444;
	width: 56px;
	height: 56px;
	background-color: #222222;
	border-collapse: collapse;
}
.center {
	text-align: center;
}
.modelviewer {
	padding: 0px;
	margin: 0px;
	width: 420px;
	vertical-align: top;
}
img {
	border-style: none;
}
.Druid {
	color: #FF8000;
}
.Mage {
	color: #00AADB;
}
.DeathKnight {
	color: #AA181B;
}
.Rogue {
	color: #FFFF00;
}
.Priest {
	color: #FFFFFF;
}
.Hunter {
	color: #00AE00;
}
.Paladin {
	color: #FF88CC;
}
.Warlock {
	color: #6200C4;
}
.Shaman {
	color: #0000FF;
}
.Warrior {
	color: #8A4500;
}
.talentspec {
	padding: 5px;
	border: 1px solid #444444;
	width: 192px;
	background-color: #222222;
	border-collapse: collapse;
	text-align: left;
}
.talentspec:hover {
	border: 1px solid #C0C0C0;
}
.updated {
	padding: 5px;
	border: 1px solid #444444;
	width: 192px;
	background-color: #222222;
	border-collapse: collapse;
	text-align: left;
	position: relative;
}
.updated:hover {
	border: 1px solid #C0C0C0;
}
.quality0 {
	border: 2px solid #9D9D9D;
	width: 56px;
	height: 56px;
	background-color: #222222;
	border-collapse: collapse;
}
.quality1 {
	border: 2px solid #FFFFFF;
	width: 56px;
	height: 56px;
	background-color: #000000;
	border-collapse: collapse;
}
.quality2 {
	border: 2px solid #1DFF06;
	width: 56px;
	height: 56px;
	background-color: #000000;
	border-collapse: collapse;
}
.quality3 {
	border: 2px solid #0670C1;
	background-color: #000000;
	border-collapse: collapse;
}
.quality4 {
	border: 2px solid #A335EE;
	background-color: #000000;
	border-collapse: collapse;
}
.quality5 {
	border: 2px solid #DD8006;
	width: 56px;
	height: 56px;
	background-color: #000000;
	border-collapse: collapse;
}
.quality6 {
	border: 2px solid #C7CC71;
	width: 56px;
	height: 56px;
	background-color: #000000;
	border-collapse: collapse;
}
.quality7 {
	border: 2px solid #C7CC71;
	width: 56px;
	height: 56px;
	background-color: #000000;
	border-collapse: collapse;
}

.mana-stat p,.bar-container b,.level-container b {
	background:url('images/bar-mana.gif') repeat-x}
}

.mana-stat,.health-stat,.rage-stat,.energy-stat, .runic-stat {
	width:340px;height:15px;padding:5px 6px 0 5px
}

.health-stat p,.mana-stat p,.rage-stat p,.energy-stat p,.runic-stat p{float:left;width:395px;margin:0;text-align:center;color:white;padding:0;height:16px;border:1px solid black}
.health-stat p{background:url('images/bar-life.gif') repeat-x}
.health-stat p span,.mana-stat p span,.rage-stat p span,.energy-stat p span, .runic-stat p span{position:relative;top:-1px}
.health-stat h4,.mana-stat h4,.rage-stat h4,.energy-stat h4, .runic-stat h4{text-align:right;width:55px}
.mana-stat p,.bar-container b{background:url('images/bar-mana.gif') repeat-x}
.warrior-container b{background:url('images/bar-warrior.jpg') repeat-x}
.paladin-container b{background:url('images/bar-paladin.jpg') repeat-x}
.hunter-container b{background:url('images/bar-hunter.jpg') repeat-x}
.rogue-container b{background:url('images/bar-rogue.jpg') repeat-x}
.priest-container b{background:url('images/bar-priest.jpg') repeat-x}
.deathknight-container b{background:url('images/bar-deathknight.jpg') repeat-x}
.shaman-container b{background:url('images/bar-shaman.jpg') repeat-x}
.mage-container b{background:url('images/bar-mage.jpg') repeat-x}
.warlock-container b{background:url('images/bar-warlock.jpg') repeat-x}
.druid-container b{background:url('images/bar-druid.jpg') repeat-x}
.alliance-container b{background:url('images/bar-alliance.jpg') repeat-x}
.horde-container b{background:url('images/bar-horde.jpg') repeat-x}
.rage-stat p{background:url('images/bar-rage.gif') repeat-x}
.energy-stat p{background:url('images/bar-energy.gif') repeat-x}
.runic-stat p{background:url('images/bar-runic.gif') repeat-x}
.health-stat p:hover{border:1px solid #7eff00}
.mana-stat p:hover,.bar-container,.level-container:hover,.warrior-container:hover,.paladin-container:hover,.hunter-container:hover,.rogue-container:hover,.priest-container:hover,.deathknight-container:hover,.shaman-container:hover,.mage-container:hover,.warlock-container:hover,.druid-container:hover,.alliance-container:hover,.horde-container:hover{border:1px solid #00a8ff}
.rage-stat p:hover{border:1px solid #ff0000}
.energy-stat p:hover{border:1px solid #fcff00}
.runic-stat p:hover{border:1px solid #49c1d7}
.bar-container{margin:0;padding:0;text-align:center;color:white;padding:0;height:16px;width:200px;border:1px solid black;background:url('images/bar-grey.gif') repeat-x;position:relative}
.bar-container b{height:16px;margin:0;padding:0;float:left}
.bar-container span{position:absolute;top:-1px;left:0px;width:200px;text-align:center}
.level-container{margin:0;padding:0;text-align:center;color:white;padding:0;height:16px;width:460px;border:1px solid black;background:url('images/bar-grey.gif') repeat-x;position:relative}
.level-container b{height:16px;margin:0;padding:0;float:left}
.level-container span{position:absolute;top:-1px;left:0px;width:460px;text-align:center}
.warrior-container{
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
	padding: 0;
	height: 16px;
	width: 200px;
	border: 1px solid #C0C0C0;
	position: relative;
}
.warrior-container b{height:16px;margin:0;padding:0;float:left}
.warrior-container span{
	position: absolute;
	top: -1px;
	left: 0px;
	width: 200px;
	text-align: center;
	color: #FF8000;
}
.paladin-container{
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
	padding: 0;
	height: 16px;
	width: 200px;
	border: 1px solid #C0C0C0;
	position: relative;
}
.paladin-container b{height:16px;margin:0;padding:0;float:left}
.paladin-container span{
	position: absolute;
	top: -1px;
	left: 0px;
	width: 200px;
	text-align: center;
	color: #FF8000;
}
.hunter-container{
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
	padding: 0;
	height: 16px;
	width: 200px;
	border: 1px solid #C0C0C0;
	position: relative;
}
.hunter-container b{height:16px;margin:0;padding:0;float:left}
.hunter-container span{
	position: absolute;
	top: -1px;
	left: 0px;
	width: 200px;
	text-align: center;
	color: #FF8000;
}
.rogue-container{
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
	padding: 0;
	height: 16px;
	width: 200px;
	border: 1px solid #C0C0C0;
	position: relative;
}
.rogue-container b{height:16px;margin:0;padding:0;float:left}
.rogue-container span{
	position: absolute;
	top: -1px;
	left: 0px;
	width: 200px;
	text-align: center;
	color: #FF8000;
}
.priest-container{
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
	padding: 0;
	height: 16px;
	width: 200px;
	border: 1px solid #C0C0C0;
	position: relative;
}
.priest-container b{height:16px;margin:0;padding:0;float:left}
.priest-container span{
	position: absolute;
	top: -1px;
	left: 0px;
	width: 200px;
	text-align: center;
	color: #FF8000;
}
.deathknight-container{
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
	padding: 0;
	height: 16px;
	width: 200px;
	border: 1px solid #C0C0C0;
	position: relative;
}
.deathknight-container b{height:16px;margin:0;padding:0;float:left}
.deathknight-container span{
	position: absolute;
	top: -1px;
	left: 0px;
	width: 200px;
	text-align: center;
	color: #FF8000;
}
.shaman-container{
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
	padding: 0;
	height: 16px;
	width: 200px;
	border: 1px solid #C0C0C0;
	position: relative;
}
.shaman-container b{height:16px;margin:0;padding:0;float:left}
.shaman-container span{
	position: absolute;
	top: -1px;
	left: 0px;
	width: 200px;
	text-align: center;
	color: #FF8000;
}
.mage-container{
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
	padding: 0;
	height: 16px;
	width: 200px;
	border: 1px solid #C0C0C0;
	position: relative;
}
.mage-container b{height:16px;margin:0;padding:0;float:left}
.mage-container span{
	position: absolute;
	top: -1px;
	left: 0px;
	width: 200px;
	text-align: center;
	color: #FF8000;
}
.warlock-container{
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
	padding: 0;
	height: 16px;
	width: 200px;
	border: 1px solid #C0C0C0;
	position: relative;
}
.warlock-container b{height:16px;margin:0;padding:0;float:left}
.warlock-container span{
	position: absolute;
	top: -1px;
	left: 0px;
	width: 200px;
	text-align: center;
	color: #FF8000;
}
.druid-container{
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
	padding: 0;
	height: 16px;
	width: 200px;
	border: 1px solid #C0C0C0;
	position: relative;
}
.druid-container b{height:16px;margin:0;padding:0;float:left}
.druid-container span{
	position: absolute;
	top: -1px;
	left: 0px;
	width: 200px;
	text-align: center;
	color: #FF8000;
}
.alliance-container{
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
	padding: 0;
	height: 16px;
	width: 200px;
	border: 1px solid #C0C0C0;
	position: relative;
}
.alliance-container b{height:16px;margin:0;padding:0;float:left}
.alliance-container span{
	position: absolute;
	top: -1px;
	left: 0px;
	width: 200px;
	text-align: center;
	color: #FF8000;
}
.horde-container{
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
	padding: 0;
	height: 16px;
	width: 200px;
	border: 1px solid #C0C0C0;
	background: repeat-x;
	position: relative;
}
.horde-container b{height:16px;margin:0;padding:0;float:left}
.horde-container span{
	position: absolute;
	top: -1px;
	left: 0px;
	width: 200px;
	text-align: center;
	color: #FF8000;
}

.professions {
	padding: 5px;
	border: 1px solid #444444;
	width: 400px;
	background-color: #222222;
	border-collapse: collapse;
	text-align: center;
}
.professions:hover {
	border: 1px solid #C0C0C0;
}
.health {
	padding: 5px;
	border: 1px solid #444444;
	width: 400px;
	background-color: #222222;
	border-collapse: collapse;
	text-align: left;
}
.epic {
	color: #A335EE;
	font-weight: bold;
}
.rare {
	color: #0670C1;
	font-weight: bold;
}
.common {
	color: #1DFF06;
	font-weight: bold;
}
.dropdown {
	width: 200px;
}
b {
	font-weight: normal;
}
.resync {
	padding: 5px;
	border: 1px solid #777788;
	position: relative;
	text-align: center;
	width: 65px;
	color: #AAAAAA;
}
.resync:hover {
	background-color: #444444;
	color: #FFFFFF;
}
.footer {
	width: 970px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #151515;
	border-right-color: #444444;
	border-bottom-color: #444444;
	border-left-color: #444444;
}
input {
	border: 1px solid #777788;
	background-color: #444444;
	color: #FFB214;
}
input:hover {
	border-color: #FF9918;
}
textarea {
	border: 1px solid #777788;
	background-color: #444444;
	color: #FFB214;
}
textarea:hover {
	border-color: #FF9918;
}
select {
	border: 1px solid #777788;
	background-color: #444444;
	color: #FFB214;
}
.guildViewer {
	width: 735px;
	border: 1px solid #444444;
	border-collapse: collapse;
}
.guildViewerHeader {
	border: 1px solid #444444;
	background-color: #222222;
	text-align: center;
}
.guildViewerData {
	border: 1px solid #444444;
}
.guildViewerDataRow:hover {
	background-color: #222222;
}
.realmInfoColumn {
	border: 1px solid #444444;
	background-color: #000000;
	width: 958px;
	float: right;
	position: relative;
	right: 5px;
}
.realm_column {
	border: 1px solid #444444;
	background-color: #000000;
	width: 958px;
	float: left;
	position: relative;
	left: 5px;
	top: 2px;
}
.realmViewerTable {
	width: 933px;
	border: 1px solid #444444;
	border-collapse: collapse;
}

#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 1px solid #444444;
	padding: 2px;
	background-color: black;
	visibility: hidden;
	z-index: 100;
}
.guildViewerDataRowAlliance {
	background-color: #00001A;
}
.guildViewerDataRowHorde {
	background-color: #1C0000;
}
.guildViewerDataRowAlliance:hover {
	background-color: #222222;
}
.guildViewerDataRowHorde:hover {
	background-color: #222222;
}
.factionColorAlliance {
	background-color: #000019;
}
.factionColorHorde {
	background-color: #190000;
}
.HunterBorder {
	border: 1px solid #00AE00;
}
.DeathKnightBorder {
	border: 1px solid #AA181B;
}
.RogueBorder {
	border: 1px solid #FFFF00;
}
.DruidBorder {
	border: 1px solid #FF8000;
}
.guildViewerDataAlliance {
	border: 1px solid #444444;
	background-color: #000019;
}
.guildViewerDataHorde {
	border: 1px solid #444444;
	background-color: #190000;
}


.specNotActive {
	color: #C0C0C0;
}



.itemq4 {
	color: #A335EE;
}
.itemq0 {
	color: #9D9D9D;
}
.itemq1 {
	color: #FFFFFF;
}
.itemq2 {
	color: #1DFF06;
}
.itemq3 {
	color: #0670C1;
}
.itemq5 {
	color: #DD8006;
}
.itemq6 {
	color: #C7CC71;
}
.itemq7 {
	color: #C7CC71;
}



.classStatViewerTable {
	width: 833px;
	border: 1px solid #444444;
	border-collapse: collapse;
}



.glyphViewerTable {
	width: 450px;
	border: 1px solid #444444;
	border-collapse: collapse;
}



.auditViewerTable {
	width: 500px;
	border: 1px solid #444444;
	border-collapse: collapse;
}
.auditCurrent {
	border: 1px solid #444444;
	background-color: #480000;
}
.output
{
	font-family:Arial;
	font-size: 10pt;
	color:black;
	padding-left: 3px;
	padding-top: 3px;
	border: 1px solid #000000;
	width: 150px;
	background: #fff;
}
.shadow div{
	position:relative;
	top: -2px;
	left: -2px;
}


