/******************************
 * WoWRoster.net  Roster
 * Copyright 2002-2007
 * Licensed under the Creative Commons
 * "Attribution-NonCommercial-ShareAlike 2.5" license
 *
 * Short summary
 *  http://creativecommons.org/licenses/by-nc-sa/2.5/
 *
 * Full license information
 *  http://creativecommons.org/licenses/by-nc-sa/2.5/legalcode
 * -----------------------------
 *
 * $Id: styles.css 603 2007-02-14 07:37:56Z zanix $
 *
******************************/

body {
	font-family:arial,helvetica,sans-serif;
	background:#000000;
	color:#ffffff;
	font-size:12px;
}
a:link {
	color:#CBA300;
	text-decoration:none;
	font-weight:bold;
}
a:visited {
	color:#CBA300;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:#EABB00;
	text-decoration:none;
	font-weight:bold;
}
a:active {
	color:#EABB00;
	text-decoration:none;
	font-weight:bold;
}
img,
p {
	padding:0;
	margin:0;
	border:0;
}
input {
	border:1px solid #CBA300;
	font-size:10px;
	color:#FFF;
	font-family:Verdana, Arial;
	background-color:#202020;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
	cursor:pointer;
}
.wowinput {
	border:none;
	vertical-align:middle;
	width:246px;
	height:16px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	background:transparent url('../img/searchbox.png') no-repeat;
}
* html .wowinput {
	background-attachment:fixed;
}
.wowinput192 {
	border:none;
	vertical-align:middle;
	width:182px;
	height:16px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	background:transparent url('../img/searchbox192.png') no-repeat;
}
* html .wowinput192 {
	background-attachment:fixed;
}
.wowinput128 {
	border:none;
	vertical-align:middle;
	width:118px;
	height:16px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	background:transparent url('../img/searchbox128.png') no-repeat;
}
* html .wowinput128 {
	background-attachment:fixed;
}
.wowinput64 {
	border:none;
	vertical-align:middle;
	width:54px;
	height:16px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	background:transparent url('../img/searchbox64.png') no-repeat;
}
* html .wowinput64 {
	background-attachment:fixed;
}
select {
	border:1px solid #CBA300;
	font-size:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial;
	background-color:#202020;
}
.headline_1 {
	margin:0;
	padding:5px 0 5px 0;
	font:14px arial,helvetica,sans-serif;
	color:#ffffff;
	font-weight:bold;
}
.headline_2 {
	font:12px arial,helvetica,sans-serif;
	color:#dfb901;
	font-weight:bold;
}
.title_text {
	font-size:16px;
	font-weight:bold;
}
table.expOutline {
	border-style:solid;
	border-width:1px;
	border-color:#5A5D5A;
	background-color:#000000;
}
.levelbarParent {
	position:relative;
	height:1px;
}
.levelbarChild {
	position:absolute;
	width:100%;
	text-align:center;
	top:2px;
	font-WEIGHT:bold;
	font-size:10px;
	color:#ffffff;
	font-family:arial,helvetica,sans-serif;
}
.checkBox {
	border:0;
	color:#FFFFFF;
	font:10px Verdana, Arial;
	background-color:transparent;
}
/* Off state for a ARC checkbox */
.checkboxOff {
	display:inline;
	margin:0;
	padding:2px; /* NS 6 problem */
	padding-left:20px;
	line-height:16px;
	background-image:url('../img/check_off.png');
	background-repeat:no-repeat;
	background-position:0% 50%;
	border:0;
}
/* On state for a ARC checkbox */
.checkboxOn {
	display:inline;
	margin:0;
	padding:2px; /* NS 6 problem */
	padding-left:20px;
	line-height:16px;
	background-image:url('../img/check_on.png');
	background-repeat:no-repeat;
	background-position:0% 50%;
	border:0;
}
/* Off state for a ARC radio button */
.radioOff {
	display:inline;
	margin:0;
	padding:2px;
	padding-left:15px;
	background:transparent url('../img/radio_off.png') no-repeat 0% 50%;
}
/* On state for a ARC radio button */
.radioOn {
	display:inline;
	margin:0px;
	padding:2px; /* NS 6 problem */
	padding-left:15px;
	background: transparent url('../img/radio_on.png') no-repeat 0% 50%;
}
/* use CSS to full effect with hover states. Ohhh, perty! */
.checkboxOn:hover {
	background-image: url('../img/check_on_hover.png');
}
.checkboxOff:hover {
	background-image: url('../img/check_off_hover.png');
}
.radioOn:hover {
	background-image: url('../img/radio_hover.png');
}
.radioOff:hover {
	background-image: url('../img/radio_hover.png');
}


/*************** For List menus ***************/
.tab_menu {
	padding:0;
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	list-style-type:none;
	text-align:center;
}
.tab_menu li {
	display:block;
	margin:2px 2px 2px;
}
.tab_menu li a {
	display:block;
	width:140px;
	text-decoration:none;
	border:solid #5D5D5D;
	border-width:1px 0px 0px 1px;
	color:#CBA300;
	background-color:#2E2D2B;
}
.tab_menu li a:visited {
	color:#CBA300;
}
.tab_menu li a:hover {
	text-decoration:none;
	background-color:#7A7772;
	color:#EABB00;
}
.tab_menu li.selected {
	position: relative;
}
.tab_menu li.selected a {
	background-color:#5b5955;
}
.tab_menu li.selected a:hover{
	text-decoration: none;
}


/*************** Roster Main Menu ***************/
.main_roster_menu {
/* Container for the main roster menu */
	font:11px Arial, Helvetica, sans-serif;
}
.main_roster_menu ul {
/* List define for main menu */
	font:10px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	list-style-type:none;
}
.main_roster_menu li {
/* List item define for main menu */
	margin:2px 5px 2px;
	text-align:left;
}
.main_roster_menu .links {
}
.main_roster_menu .links ul {
/* List define for main menu */
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	list-style-type:none;
}
.main_roster_menu .links li {
/* List item define for main menu */
	margin:2px 1px 2px;
	text-align:left;
}
.main_roster_menu .addon {
}
.main_roster_menu .addon ul {
/* List define for main menu */
	font:10px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	list-style-type:none;
}
.main_roster_menu .addon li {
/* List item define for main menu */
	float:left;
	margin:1px 3px 1px;
	text-align:left;
}
.main_roster_menu .links a,
.main_roster_menu .addon a {
/* Links in menu */
	display:block;
	text-align:center;
	width:100px;
	border:solid #5D5D5D;
	border-width:1px 0px 0px 1px;
	background-color:#2E2D2B;
	text-decoration:none;
}
.main_roster_menu .links a:active,
.main_roster_menu .addon a:active {
/* Links in menu on-click */
	background-color:#778899;
}
.main_roster_menu .links a:hover,
.main_roster_menu .addon a:hover {
/* Links in menu on-mouseover */
	background-color:#7A7772;
}
.main_roster_menu .header {
	background-image:url(../img/bgrep.gif);
	color:#ffffff;
	background-color:#1F1E1D;
	border-style:solid;
	border-width:0px 1px 0px 1px;
	border-color:#5D5D5D;
}
.main_roster_menu .row {
	color:#ffffff;
	background-color:#1F1E1D;
	border-style:solid;
	border-width:1px 0px 0px 1px;
	border-color:#000000 #5D5D5D #5D5D5D #5D5D5D;
}
.main_roster_menu .rowright {
	color:#ffffff;
	background-color:#1F1E1D;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	border-color:#000000 #5D5D5D #5D5D5D #5D5D5D;
}
.main_roster_menu span {
/* Container for the main roster menu */
	font:11px Arial, Helvetica, sans-serif;
	color:#ffffff;
}
/*************** Roster Main Menu ***************/

.bodyline {
	border:1px #212121 solid;
}
/*.members {
	padding:3px 3px 3px 3px;
	margin:0px 0px 0px 0px;
	font-family:Sans-Serif;
	width:100%;
}*/
.GMOTD {
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
}
.GuildInfoText {
	background-image:url(../img/paperback.jpg);
	background-repeat: no-repeat;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	color:#260A17;
	padding:10px 8px;
	margin:0;
	width:306px;
	height:337px;
	overflow:auto;
}
.membersHeader {
	text-align:left;
	white-space:nowrap;
	color:#CBA300;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	background-color:#2E2D2B;
	border-color:#5D5D5D;
	border-style:solid;
	border-width:1px 0px 0px 1px;
	padding:0px 6px 0px 6px;
}
.membersHeaderRight {
	text-align:left;
	white-space:nowrap;
	color:#CBA300;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	background-color:#2E2D2B;
	border-color:#5D5D5D;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	padding:0px 6px 0px 6px;
}

.membersKeyRow1 {
	text-align:left;
	vertical-align:middle;
	color:#ffffff;
	background-color:#1F1E1D;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	border-style:solid;
	border-width:1px 0px 0px 1px;
	border-color:#000000 #5D5D5D #5D5D5D #5D5D5D;
	padding:3px 6px 3px 6px;
	height:42px;
	width:42px;
}
.membersKeyRowLeft1 {
	text-align:left;
	vertical-align:middle;
	color:#ffffff;
	background-color:#1F1E1D;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	border-style:solid;
	border-width:1px 0px 0px 1px;
	border-color:#000000 #5D5D5D #5D5D5D #5D5D5D;
	padding:3px 6px 3px 6px;
	height:47px;
}
.membersKeyRowRight1 {
	text-align:left;
	vertical-align:middle;
	color:#ffffff;
	background-color:#1F1E1D;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	border-color:#000000 #5D5D5D #5D5D5D #5D5D5D;
	padding:3px 6px 3px 6px;
	height:47px;
	width:42px;
}

.membersKeyRow2 {
	text-align:left;
	vertical-align:middle;
	color:#ffffff;
	background-color:#2E2D2B;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	border-style:solid;
	border-width:1px 0px 0px 1px;
	border-color:#000000 #5D5D5D #5D5D5D #5D5D5D;
	padding:3px 6px 3px 6px;
	height:42px;
	width:42px;
}
.membersKeyRowLeft2 {
	text-align:left;
	vertical-align:middle;
	color:#ffffff;
	background-color:#2E2D2B;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	border-style:solid;
	border-width:1px 0px 0px 1px;
	border-color:#000000 #5D5D5D #5D5D5D #5D5D5D;
	padding:3px 6px 3px 6px;
	height:47px;
}
.membersKeyRowRight2 {
	text-align:left;
	vertical-align:middle;
	color:#ffffff;
	background-color:#2E2D2B;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	border-color:#000000 #5D5D5D #5D5D5D #5D5D5D;
	padding:3px 6px 3px 6px;
	height:47px;
	width:42px;
}

.membersRow1 {
	position:relative;
	text-align:left;
	color:#ffffff;
	background-color:#1F1E1D;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	white-space:nowrap;
	border-style:solid;
	border-width:1px 0px 0px 1px;
	border-color:#000000 #5D5D5D #5D5D5D #5D5D5D;
	padding:3px 6px 3px 6px;
}
.membersRow2 {
	position:relative;
	text-align:left;
	color:#ffffff;
	background-color:#2E2D2B;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	white-space:nowrap;
	border-style:solid;
	border-width:1px 0px 0px 1px;
	border-color:#000000 #5D5D5D #5D5D5D #5D5D5D;
	padding:3px 6px 3px 6px;
}
.membersRowimg {
	vertical-align:middle;
}
.membersRowRight1 {
	text-align:left;
	color:#ffffff;
	background-color:#1F1E1D;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	white-space:nowrap;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	border-color:#000000 #5D5D5D #5D5D5D #5D5D5D;
	padding:3px 6px 3px 6px;
}
.membersRowRight2 {
	text-align:left;
	color:#ffffff;
	background-color:#2E2D2B;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	white-space:nowrap;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	border-color:#000000 #5D5D5D #5D5D5D #5D5D5D;
	padding:3px 6px 3px 6px;
}
.membersGroup {
	text-align:left;
	color:#EABB00;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
}
.membersGroup a {
	color:#FFFFFF;
}


.rankbordertopleft {
	float:left;
	background-image:url(../img/borders/rankingborder-top-left.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border:0;
	height:14px;
	width:16px;
	overflow:hidden;
}
.rankbordertop {
	padding:0;
	margin:0;
	border:0;
	background-image:url(../img/borders/rankingborder-top.gif);
	background-repeat:repeat-x;
	height:14px;
	white-space:nowrap;
	overflow:hidden;
}
.rankborderheader {
	font-weight:bold;
	font-size:14px;
	padding:0;
	padding-left:5px;
	padding-right:5px;
	margin:0;
	border:0;
	background-image:url(../img/borders/rankborder-header.gif);
	background-repeat:repeat-x;
	height:27px;
	white-space:nowrap;
	overflow:hidden;
}
.rankbordertopright {
	float:right;
	background-image:url(../img/borders/rankingborder-top-right.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border:0px;
	height:14px;
	width:16px;
	overflow:hidden;
}
.rankbordercenterleft {
	background-image:url(../img/borders/rankingborder-left.gif);
	background-repeat:repeat-y;
	background-position:left top;
	padding-left:011px;
	border:0px;
	height:14px;
	overflow:hidden;
}
.rankbordercenter {
	background-color:#1F1E1D;
	padding:0;
	margin:0;
	border:0;
}
.rankbordercenterright {
	background-image:url(../img/borders/rankingborder-right.gif);
	background-repeat:repeat-y;
	background-position:right top;
	padding-right:11px;
	border:0;
	height:14px;
	overflow:hidden;
}
.rankborderbotleft {
	float:left;
	background-image:url(../img/borders/rankingborder-bot-left.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border:0;
	height:12px;
	width:19px;
	overflow:hidden;
}
.rankborderbot {
	padding:0;
	margin:0;
	border:0;
	background-image:url(../img/borders/rankingborder-bot.gif);
	background-repeat:repeat-x;
	height:12px;
	overflow:hidden;
}
.rankborderbotright {
	float:right;
	background-image:url(../img/borders/rankingborder-bot-right.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border:0;
	height:12px;
	width:19px;
	overflow:hidden;
}

.simplebordertopleft {
	padding:0;
	margin:0;
	border:0;
	background-repeat:no-repeat;
	height:5px;
	width:5px;
	overflow:hidden;
}
.simplebordertop {
	padding:0;
	margin:0;
	border:0;
	background-repeat:repeat-x;
	height:5px;
	white-space:nowrap;
	overflow:hidden;
}
.simpleborderheader {
	padding:0 5px;
	margin:0;
	border:0;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid black;
	background-repeat:repeat-x;
	height:22px;
	white-space:nowrap;
	overflow:hidden;
}
.simplebordertopright {
	padding:0;
	margin:0;
	border:0;
	background-repeat:no-repeat;
	height:5px;
	width:5px;
	overflow:hidden;
}
.simplebordercenterleft {
	background-repeat:repeat-y;
	padding-left:5px;
	border:0;
	overflow:hidden;
}
.simplebordercenter {
	padding:0;
	margin:0;
	border:0;
	background-color:#1F1E1D;
}
.simplebordercenterright {
	background-repeat:repeat-y;
	padding-right:5px;
	border:0;
	overflow:hidden;
}
.simpleborderbotleft {
	padding:0;
	margin:0;
	border:0;
	background-repeat:no-repeat;
	height:5px;
	width:5px;
	overflow:hidden;
}
.simpleborderbot {
	padding:0;
	margin:0;
	border:0;
	background-repeat:repeat-x;
	height:5px;
	overflow:hidden;
}
.simpleborderbotright {
	padding:0;
	margin:0;
	border:0;
	background-repeat:no-repeat;
	height:5px;
	width:5px;
	overflow:hidden;
}


.syellowbordertopleft {
	background-image:url(../img/borders/syellowborder-top-left.gif);
}
.syellowbordertop {
	background-image:url(../img/borders/syellowborder-top.gif);
}
.syellowborderheader {
	background-image:url(../img/borders/syellowborder-header.gif);
}
.syellowbordertopright {
	background-image:url(../img/borders/syellowborder-top-right.gif);
}
.syellowbordercenterleft {
	background-image:url(../img/borders/syellowborder-left.gif);
}
.syellowbordercenterright {
	background-image:url(../img/borders/syellowborder-right.gif);
}
.syellowborderbotleft {
	background-image:url(../img/borders/syellowborder-bot-left.gif);
}
.syellowborderbot {
	background-image:url(../img/borders/syellowborder-bot.gif);
}
.syellowborderbotright {
	background-image:url(../img/borders/syellowborder-bot-right.gif);
}

.spurplebordertopleft {
	background-image:url(../img/borders/spurpleborder-top-left.gif);
}
.spurplebordertop {
	background-image:url(../img/borders/spurpleborder-top.gif);
}
.spurpleborderheader {
	background-image:url(../img/borders/spurpleborder-header.gif);
}
.spurplebordertopright {
	background-image:url(../img/borders/spurpleborder-top-right.gif);
}
.spurplebordercenterleft {
	background-image:url(../img/borders/spurpleborder-left.gif);
}
.spurplebordercenterright {
	background-image:url(../img/borders/spurpleborder-right.gif);
}
.spurpleborderbotleft {
	background-image:url(../img/borders/spurpleborder-bot-left.gif);
}
.spurpleborderbot {
	background-image:url(../img/borders/spurpleborder-bot.gif);
}
.spurpleborderbotright {
	background-image:url(../img/borders/spurpleborder-bot-right.gif);
}

.sgreenbordertopleft {
	background-image:url(../img/borders/sgreenborder-top-left.gif);
}
.sgreenbordertop {
	background-image:url(../img/borders/sgreenborder-top.gif);
}
.sgreenborderheader {
	background-image:url(../img/borders/sgreenborder-header.gif);
}
.sgreenbordertopright {
	background-image:url(../img/borders/sgreenborder-top-right.gif);
}
.sgreenbordercenterleft {
	background-image:url(../img/borders/sgreenborder-left.gif);
}
.sgreenbordercenterright {
	background-image:url(../img/borders/sgreenborder-right.gif);
}
.sgreenborderbotleft {
	background-image:url(../img/borders/sgreenborder-bot-left.gif);
}
.sgreenborderbot {
	background-image:url(../img/borders/sgreenborder-bot.gif);
}
.sgreenborderbotright {
	background-image:url(../img/borders/sgreenborder-bot-right.gif);
}

.sredbordertopleft {
	background-image:url(../img/borders/sredborder-top-left.gif);
}
.sredbordertop {
	background-image:url(../img/borders/sredborder-top.gif);
}
.sredborderheader {
	background-image:url(../img/borders/sredborder-header.gif);
}
.sredbordertopright {
	background-image:url(../img/borders/sredborder-top-right.gif);
}
.sredbordercenterleft {
	background-image:url(../img/borders/sredborder-left.gif);
}
.sredbordercenterright {
	background-image:url(../img/borders/sredborder-right.gif);
}
.sredborderbotleft {
	background-image:url(../img/borders/sredborder-bot-left.gif);
}
.sredborderbot {
	background-image:url(../img/borders/sredborder-bot.gif);
}
.sredborderbotright {
	background-image:url(../img/borders/sredborder-bot-right.gif);
}

.sbluebordertopleft {
	background-image:url(../img/borders/sblueborder-top-left.gif);
}
.sbluebordertop {
	background-image:url(../img/borders/sblueborder-top.gif);
}
.sblueborderheader {
	background-image:url(../img/borders/sblueborder-header.gif);
}
.sbluebordertopright {
	background-image:url(../img/borders/sblueborder-top-right.gif);
}
.sbluebordercenterleft {
	background-image:url(../img/borders/sblueborder-left.gif);
}
.sbluebordercenterright {
	background-image:url(../img/borders/sblueborder-right.gif);
}
.sblueborderbotleft {
	background-image:url(../img/borders/sblueborder-bot-left.gif);
}
.sblueborderbot {
	background-image:url(../img/borders/sblueborder-bot.gif);
}
.sblueborderbotright {
	background-image:url(../img/borders/sblueborder-bot-right.gif);
}

.sorangebordertopleft {
	background-image:url(../img/borders/sorangeborder-top-left.gif);
}
.sorangebordertop {
	background-image:url(../img/borders/sorangeborder-top.gif);
}
.sorangeborderheader {
	background-image:url(../img/borders/sorangeborder-header.gif);
}
.sorangebordertopright {
	background-image:url(../img/borders/sorangeborder-top-right.gif);
}
.sorangebordercenterleft {
	background-image:url(../img/borders/sorangeborder-left.gif);
}
.sorangebordercenterright {
	background-image:url(../img/borders/sorangeborder-right.gif);
}
.sorangeborderbotleft {
	background-image:url(../img/borders/sorangeborder-bot-left.gif);
}
.sorangeborderbot {
	background-image:url(../img/borders/sorangeborder-bot.gif);
}
.sorangeborderbotright {
	background-image:url(../img/borders/sorangeborder-bot-right.gif);
}

.sgraybordertopleft {
	background-image:url(../img/borders/sgrayborder-top-left.gif);
}
.sgraybordertop {
	background-image:url(../img/borders/sgrayborder-top.gif);
}
.sgrayborderheader {
	background-image:url(../img/borders/sgrayborder-header.gif);
}
.sgraybordertopright {
	background-image:url(../img/borders/sgrayborder-top-right.gif);
}
.sgraybordercenterleft {
	background-image:url(../img/borders/sgrayborder-left.gif);
}
.sgraybordercenterright {
	background-image:url(../img/borders/sgrayborder-right.gif);
}
.sgrayborderbotleft {
	background-image:url(../img/borders/sgrayborder-bot-left.gif);
}
.sgrayborderbot {
	background-image:url(../img/borders/sgrayborder-bot.gif);
}
.sgrayborderbotright {
	background-image:url(../img/borders/sgrayborder-bot-right.gif);
}


.lastupdated {
	color:#0099FF;
	font-size:x-small;
	font-style:italic;
}

/**
 * Bag Styles
**/
.bag {
	float:left;
	width:212px;
	margin:0 5px 5px 0;
	color:#ffffff;
	background-position:0 3px;
}
.bag .bagTop {
	float:left;
	width:100%;
	background:url(../img/bagtopbig.gif) no-repeat;
	height:52px;
}
.bag .bagBody {
	float:left;
	width:212px;
	background:url(../img/bagbg2.gif) repeat-y;
}
.bag .bagTop .bagIcon,
.bankbag .bagTop .bagIcon {
	float:left;
	width:40px;
	height:40px;
	padding:5px;
}
.bag .bagTop .bagIcon .quant,
.bankbag .bagTop .bagIcon .quant {
	position:absolute;
	bottom:0px;
	right:3px;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}
.bag .bagTop .bagIcon .quant_shadow,
.bankbag .bagTop .bagIcon .quant_shadow {
	position:absolute;
	bottom:-1px;
	right:2px;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}
.bag .bagTop .bagName,
.bankbag .bagTop .bagName {
	float:left;
	text-align:left;
	width:150px;
	overflow:hidden;
	margin:0;
	padding-top:10px;
	font-size:13px;
	font-weight:bold;
}
.bag .bagLine,
.bankbag .bagLine {
	float:left;
	width:100%;
	padding:0 0 0 4px;
}
.bag .bagLine .bagNoSlot,
.bankbag .bagLine .bagNoSlot {
	float:left;
	width:40px;
	height:40px;
	padding:4px 5px 5px 6px;
}
.bag .bagLine .bagSlot,
.bankbag .bagLine .bagSlot {
	float:left;
	width:40px;
	height:40px;
	padding:4px 5px 5px 6px;
	background-image:url(../img/bagslot.gif);
}
.bag .bagBottomLine,
.bankbag .bagBottomLine {
	float:left;
	width:100%;
	padding:0 0 0 4px;
}
.bag .bagBottomLine .bagSlot,
.bankbag .bagBottomLine .bagSlot {
	float:left;
	width:40px;
	height:40px;
	padding:4px 5px 2px 6px;
	background-image:url(../img/bagbottombox.gif);
	background-position:left top;
}
.bag .bagMoneyBottom {
	float:left;
	height:26px;
	width:212px;
	background-image:url(../img/bagmoneybottom.gif);
}
.bag .bagMoneyBottom .money {
	float:right;
	padding:4px 15px 7px 0;
	font-size:12px;
	font-family:arial,verdana,sans-serif;
	font-weight:bold;
}
.bag .bagBottom {
	float:left;
	height:6px;
	width:212px;
	background-image:url(../img/bagbottom.gif) ;
}
/**
 * END Bag Styles
**/

/**
 * BankBag Styles
**/
.bankbag {
	float:left;
	width:362px;
	margin:0 5px 5px 0;
	color:#ffffff;
	background-position:0 3px;
}
.bankbag .bagTop {
	float:left;
	width:362px;
	background:url(../img/bagtopbank.GIF) no-repeat;
	height:52px;
}
.bankbag .bagBody {
	float:left;
	width:362px;
	background:url(../img/bagbgbank.GIF) repeat-y;
}
.bankbag .bagBottom {
	float:left;
	height:6px;
	width:362px;
	background-image:url(../img/bagbottombank.GIF) ;
}
/**
 * END BankBag Styles
**/

.item {
	position:relative;
	width:40px;
	height:40px;
}
.item .quant {
	position:absolute;
	bottom:0px;
	right:3px;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}
.item .quant_shadow {
	position:absolute;
	bottom:-1px;
	right:2px;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}
.icon {
	float:left;
	width:40px;
	height:40px;
	padding:1px 0 0 0;
	z-index:1;
}
.iconsmall {
	float:left;
	width:31px;
	height:30px;
	padding:1px 0 0 0;
	z-index:1;
}

.xp {
	float:left;
	height:15px;
	width:253px;
}
.xp .xpbox {
	position:relative;
	left:0;
	top:0;
	width:253px;
	height:15px;
}
.xp .xpbox .bg {
	position:absolute;
	left:0px;
	top:0;
	width:253px;
	height:15px;
}
.xp .xpbox .bit {
	position:absolute;
	left:0px;
	top:1px;
	left:3px;
	height:12px;
}
.xp .xpbox .name {
	position:absolute;
	left:0px;
	top:0;
	height:10px;
	padding:2px 0px 5px 10px;
	font:9px tahoma, sans-serif;
	font-weight:bold;
	color:#ffffff;
}
.xp .xpbox .level {
	position:absolute;
	left:0px;
	top:0;
	height:10px;
	width:100%;
	text-align:center;
	padding:2px 0px 5px 10px;
	font:9px tahoma, sans-serif;
	color:#ffffff;
	font-weight:bold;
}

/*******
 * Class colorization
*******/
.classDruidtxt { color:#FF7C0A; }
.classHuntertxt { color:#AAD372; }
.classMagetxt { color:#68CCEF; }
.classPaladintxt { color:#F48CBA; }
.classPriesttxt { color:#FFFFFF; }
.classRoguetxt { color:#FFF468; }
.classShamantxt { color:#00DBBA; }
.classWarlocktxt { color:#9382C9; }
.classWarriortxt { color:#C69B6D; }


/**********
 * Random color defines
**********/

span.white{
	font-weight:bold;
	color:#ffffff
}
span.yellow{
	font-weight:bold;
	color:#cc9900;
}
span.green{
	font-weight:bold;
	color:#22ff22;
}
span.grey{
	font-weight:bold;
	color:#808080;
}
span.red{
	font-weight:bold;
	color:#ff2222;
}
span.orange{
	font-weight:bold;
	color:#FF9900;
}
span.purple {
	font-weight:bold;
	color:#8000ff;
}
span.blue {
	font-weight:bold;
	color:#0068ff;
}

.grey {
	color:#808080;
}
.yellow {
	color:#cc9900;
}
.green {
	color:#00bb00;
}
.blue {
	color:#0068ff;
}
.purple {
	color:#8000ff;
}
.white {
	color:#ffffff;
}
.red {
	color:#FF0000;
}
.gold {
	color:#FFCC00;
}

.iconwhite {
	float:left;
	width:40px;
	height:40px;
	padding:1px 0 0 0;
	z-index:1;
	border:2px solid #ffffff;
}
.icongrey {
	float:left;
	width:40px;
	height:40px;
	padding:1px 0 0 0;
	z-index:1;
	border:2px solid #9d9d9d;
}
.icongreen {
	float:left;
	width:40px;
	height:40px;
	padding:1px 0 0 0;
	z-index:1;
	border:2px solid #1eff00;
}
.iconblue {
	float:left;
	width:40px;
	height:40px;
	padding:1px 0 0 0;
	z-index:1;
	border:2px solid #0070dd;
}
.iconpurple {
	float:left;
	width:40px;
	height:40px;
	padding:1px 0 0 0;
	z-index:1;
	border:2px solid #aa00dd;
}

/**********
 * END Random color defines
**********/



/**********
 * Character Page styles
**********/

.menubar {
	background-color:#000000;
}
.menubarHeader {
	text-align:center;
	color:#CBA300;
	font:12px arial,helvetica,sans-serif;
	font-weight:bold;
	background-color:#2E2D2B;
	border-color:#5D5D5D;
	border-style:solid;
	border-width:1px 0px 0px 1px;
	white-space:nowrap;
}

.rep {
	float:left;
	height:20px;
	width:360px;
}
.rep .repbox {
	position:relative;
	left:0;
	top:0;
	width:360px;
	height:20px;
}
.rep .repbox .repbg {
	position:absolute;
	left:5px;
	top:0;
	width:360px;
	height:20px
}
.rep .repbox .repbit {
	position:absolute;
	left:1px;
	top:1px;
	left:8px;
	height:18px;
}

.skill {
	float:left;
	height:20px;
	width:360px;
}
.skill .skillbox {
	position:relative;
	left:0;
	top:0;
	width:360px;
	height:20px;
}
.skill .skillbox .bg {
	position:absolute;
	left:5px;
	top:0;
	width:360px;
	height:20px
}
.skill .skillbox .bit {
	position:absolute;
	left:5px;
	top:1px;
	left:8px;
	height:18px;
}
.skill .skillbox .name {
	position:absolute;
	left:5px;
	top:0;
	height:15px;
	padding:3px 0px 5px 10px;
	font:11px verdana, arial, sans-serif;
	font-weight:bold;
	color:#aa9900;
}
.skill .skillbox .level {
	position:absolute;
	left:5px;
	top:0;
	height:15px;
	width:100%;
	text-align:center;
	padding:3px 0px 5px 10px;
	font:11px verdana, arial, sans-serif;
	color:#ffffff;
	font-weight:bold;
}
.skilltype {
	float:left;
	height:12px;
	padding:10px 2px 2px 10px;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}

.questtype {
	float:left;
	height:12px;
	padding:10px 2px 2px 10px;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}
.quest {
	float:left;
	height:20px;
	width:360px;
}
.quest .questbox {
	position:relative;
	left:0;
	top:0;
	width:360px;
	height:20px;
}
.quest .questbox .bg {
	position:absolute;
	left:5px;
	top:0;
	width:360px;
	height:20px
}
.quest .questbox .bit {
	position:absolute;
	left:5px;
	top:1px;
	left:8px;
	height:18px;
}
.quest .questbox .name {
	position:absolute;
	left:5px;
	top:0;
	height:15px;
	padding:3px 0px 5px 10px;
	font:11px georgia,tahoma,sans-serif;
	font-weight:bold;
	color:#aa9900;
}
.quest .questbox .level {
	position:absolute;
	left:5px;
	top:0;
	height:15px;
	width:100%;
	text-align:center;
	padding:3px 0px 5px 10px;
	font:11px georgia,tahoma,sans-serif;
	color:#ffffff;
	font-weight:bold;
}
.quest_link a {
	text-align:center;
	padding-left:3px;
	padding-right:3px;
	margin-left:2px;
	margin-right:2px;
	border:solid #5D5D5D;
	border-width:1px 0px 0px 1px;
	background-color:#2E2D2B;
	text-decoration:none;
}
.quest_link a:active {
/* Links in menu on-click */
	background-color:#778899;
}
.quest_link a:hover {
/* Links in menu on-mouseover */
	background-color:#7A7772;
}

.resistance {
	color:#ffffff;
	float:right;
	margin-top:5px;
	width:35px;
	height:210px;
}
.resistance ul {
	margin:0;
	padding:0;
}
.resistance ul li {
	list-style-type:none;
	font:11px verdana, tahoma, sans-serif;
	font-weight:bold;
	text-align:right;
	position:relative;
}
.resistance .fire {
	background:url(../img/resfire.gif) no-repeat;
	height:27px;
	width:27px;
	padding:2px;
}
.resistance .nature {
	background:url(../img/resnature.gif) no-repeat;
	height:27px;
	width:27px;
	padding:2px;
}
.resistance .arcane {
	background:url(../img/resarcane.gif) no-repeat;
	height:27px;
	width:27px;
	padding:2px;
}
.resistance .frost {
	background:url(../img/resfrost.gif) no-repeat;
	height:27px;
	width:27px;
	padding:2px;
}
.resistance .shadow {
	background:url(../img/resshadow.gif) no-repeat;
	height:27px;
	width:27px;
	padding:2px;
}
.resistance span {
	font:11px verdana, tahoma, sans-serif;
	font-weight:bold;
	text-align:right;
	position:relative;
	float:left;
}

.health_mana {
	margin-top:10px;
	margin-left:5px;
}
.health_mana .mana {
	background:url(../img/mana_background.gif) no-repeat;
	height:27px;
	width:125px;
	font-size:10px;
	padding-top:7px;
	padding-left:30px;
}
.health_mana .health {
	background:url(../img/health_background.gif) no-repeat;
	height:27px;
	width:125px;
	font-size:10px;
	padding-top:7px;
	padding-left:30px;
}

/**********
* Character tabs
**********/
.char {
	width:405px;
	height:560px;
}
.char .main {
	width:405px;
	height:500px;
	background:url(../img/borderbottomsides.gif) no-repeat;
	background-position:center bottom;
}
.char .main .top {
	width:405px;
	height:70px;
	text-align:center;
	background:url(../img/bgtop.gif) no-repeat;
	overflow:hidden;
}
.char .main .page1 {
	float:left;
	width:405px;
}
.char .main .page1 .left {
	float:left;
	width:62px;
	height:430px;
	background:url(../img/borderleft.gif) repeat-y;
	background-position:left top;
	overflow:hidden;
	clear:none;
}
.char .main .page1 .right {
	float:left;
	width:62px;
	height:430px;
	background:url(../img/borderright.gif) repeat-y;
	background-position:right top;
	overflow:hidden;
}
.char .main .page1 .left .equip {
	float:left;
	width:52px;
	height:43px;
	padding:3px 0 3px 10px;
	background:url(../img/bgitem.gif) no-repeat;
	background-position:3px 0;
}
.char .main .page1 .right .equip {
	float:left;
	width:52px;
	height:43px;
	padding:3px 0 3px 7px;
	background:url(../img/bgitem.gif) no-repeat;
}
.char .main .page1 .middle {
	float:left;
	width:280px;
	height:430px;
}
.char .main .page1 .middle .portrait {
	float:left;
	width:280px;
	height:240px;
	background-color:#000000;
	background:url(../img/bgchar.gif) no-repeat;
	color:#DFB801;
}
.char .main .page1 .middle .portrait li {
	list-style-type:none;
	padding:1px 0 0 6px;
	text-align:left;
	font:12px verdana, tahoma, sans-serif;
	font-weight:bold;
}
.char .main .page1 .middle .portrait li ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.char .main .page1 .middle .portrait ul li span {
	float:right;
	font-family:verdana, tahoma, sans-serif;
	padding:0 6px 0 0;
	margin-top:-15px;
}
.char .main .page1 .middle .portrait ul li ul li span {
	color:#ffffff;
}
.char .main .page1 .middle .portrait .info {
	font-weight:bold;
	font-size:10px;
	margin-left:5px;
	height:130px;
	overflow:hidden;
}
.char .main .page1 .middle .bottom {
	float:left;
	width:280px;
	height:170px;
}
.char .main .page1 .middle .bottom .padding {
	height:100px;
	padding:0 2px 0 2px;
	background:url(../img/bgstats.gif) no-repeat;
	background-position:0 0px;
}
.char .main .page1 .middle .bottom .padding .stats {
	float:left;
	width:138px;
	height:100px;
	padding:0;
	margin:0;
	list-style-type:none;
	color:#DFB801;
}
.char .main .page1 .middle .bottom .padding .stats li {
	list-style-type:none;
	padding:2px 0 0 6px;
	text-align:left;
	font:11px verdana, tahoma, sans-serif;
	font-weight:bold;
}
.char .main .page1 .middle .bottom .padding .stats li ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.char .main .page1 .middle .bottom .padding .stats li span,
.stats ul li span {
	float:right;
	font-family:verdana, tahoma, sans-serif;
	padding:0 6px 0 0;
	margin-top:-15px;
	overflow:hidden;
}
.char .main .page1 .middle .bottom .padding .stats ul li ul li span {
	color:#ffffff;
}
.char .main .page1 .middle .bottom .hands {
	height:70px;
	width:280px;
	background:url(../img/bghands.gif) no-repeat;
}
.char .main .page1 .middle .bottom .hands .weapon0 {
	padding:16px 0 0 69px;
	float:left;
}
.char .main .page1 .middle .bottom .hands .weapon1 {
	padding:16px 0 0 11px;
	float:left;
}
.char .main .page1 .middle .bottom .hands .weapon2 {
	padding:16px 0 0 10px;
	float:left;
}
.char .main .page1 .middle .bottom .hands .ammo {
	padding:21px 0 0 21px;
	float:left;
}

.char .main .page2 {
	float:left;
	width:405px;
	display:none;
}
.char .main .page2 .left {
	float:left;
	width:4px;
	height:430px;
	background:url(../img/borderleft.gif) repeat-y;
	background-position:left top;
}
.char .main .page2 .right {
	float:left;
	width:4px;
	height:430px;
	background:url(../img/borderright.gif) repeat-y;
	background-position:right top;
}
.char .main .page2 .pet {
	float:left;
	text-align:right;
	position:relative;
	height:430px;
	width:397px;
	overflow:hidden;
	background-color:#000000;
	background:url(../img/bg_pet.gif) no-repeat;
	color:#DFB801;
}

.char .main .page3 {
	float:left;
	width:405px;
	display:none;
}
.char .main .page3 .left {
	float:left;
	width:4px;
	height:430px;
	background:url(../img/borderleft.gif) repeat-y;
	background-position:left top;
}
.char .main .page3 .right {
	float:left;
	width:4px;
	height:430px;
	background:url(../img/borderright.gif) repeat-y;
	background-position:right top;
}
.char .main .page3 .reputation {
	float:left;
	position:relative;
	height:430px;
	width:397px;
	overflow:auto;
	background-color:#000000;
	background:url(../img/bgrep.gif);
	background-repeat:repeat;
	background-position:top left;
}
.char .main .page3 .faction {
	position:absolute;
	left:5px;
	top:0;
	height:15px;
	padding:3px 0px 5px 10px;
	font:11px verdana, tahoma, sans-serif;
	font-weight:bold;
	color:#aa9900;
}
.char .main .page3 .war {
	position:absolute;
	right:0px;
	top:0;
	height:15px;
	padding:3px 5px 5px 0px;
	font:9px verdana, tahoma, sans-serif;
	font-weight:bold;
	color:#FF0000;
}
.char .main .page3 .nowar {
	position:absolute;
	right:0px;
	top:0;
	height:15px;
	padding:3px 5px 5px 0px;
	font:9px verdana, tahoma, sans-serif;
	font-weight:bold;
	color:#00FF00;
}
.char .main .page3 .value {
	position:absolute;
	left:150px;
	top:0;
	height:15px;
	width:100px;
	text-align:center;
	padding:3px 0px 5px 18px;
	font:11px verdana, tahoma, sans-serif;
	color:#ffffff;
	font-weight:bold;
}

.char .main .page4 {
	float:left;
	display:none;
	width:405px;
}
.char .main .page4 .left {
	float:left;
	width:4px;
	height:430px;
	background:url(../img/borderleft.gif) repeat-y;
	background-position:left top;
}
.char .main .page4 .right {
	float:left;
	width:4px;
	height:430px;
	background:url(../img/borderright.gif) repeat-y;
	background-position:right top;
}
.char .main .page4 .skills {
	float:left;
	position:relative;
	height:430px;
	width:397px;
	overflow:auto;
	background-color:#000000;
	background:url(../img/bgrep.gif);
	background-repeat:repeat;
	background-position:top left;
}

.char .main .page5 {
	display:none;
	width:405px;
}
.char .main .page5 .left {
	float:left;
	width:4px;
	height:430px;
	background:url(../img/borderleft.gif) repeat-y;
	background-position:left top;
}
.char .main .page5 .right {
	float:left;
	width:4px;
	height:430px;
	background:url(../img/borderright.gif) repeat-y;
	background-position:right top;
}
.char .main .page5 .talents {
	float:left;
	position:relative;
	height:430px;
	width:397px;
	overflow:auto;
	background-color:#000000;
}

.char .main .page6 {
	float:left;
	display:none;
	width:405px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .char .main .page6 {
	position:absolute;
	float:left;
	display:none;
}
/* End hide from IE5/mac */

.char .main .page6 .left {
	float:left;
	width:4px;
	height:430px;
	background:url(../img/borderleft.gif) repeat-y;
	background-position:left top;
}
.char .main .page6 .right {
	float:left;
	width:4px;
	height:430px;
	background:url(../img/borderright.gif) repeat-y;
	background-position:right top;
}
.char .main .page6 .honor {
	position:relative;
	float:left;
	height:430px;
	width:397px;
	overflow:hidden;
	background:url(../img/bghonor.jpg) no-repeat;
	background-position:center center;
}
.char .main .page6 .honor .honortext {
	position:absolute;
	margin-top:2px;
	text-align:center;
	width:396px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}
.char .main .page6 .honor .honortext span {
	margin:0 0 0 20px;
	color:#FFCC00;
}
.char .main .page6 .honor .honortext img {
	margin:0 0 0 10px;
	vertical-align:middle;
}
.char .main .page6 .honor .arenatext {
	position:absolute;
	text-align:center;
	width:396px;
	margin-top:104px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}
.char .main .page6 .honor .arenatext span {
	margin:0 0 0 20px;
	color:#FFCC00;
}
.char .main .page6 .honor .arenatext img {
	margin:0 0 0 10px;
	height:20px;
	width:23px;
	vertical-align:middle;
}
.char .main .page6 .honor .today {
	position:absolute;
	margin:30px 0 0 100px;
	font-size:13px;
	color:#999;
	font-weight:bold;
	overflow:hidden;
}
.char .main .page6 .honor .yesterday {
	position:absolute;
	margin:30px 0 0 160px;
	font-size:13px;
	color:#999;
	font-weight:bold;
	overflow:hidden;
}
.char .main .page6 .honor .lifetime {
	position:absolute;
	margin:30px 0 0 270px;
	font-size:13px;
	color:#999;
	font-weight:bold;
	overflow:hidden;
}
.char .main .page6 .honor .divider {
	position:absolute;
	margin:48px 0 0 80px;
	border:1px outset #333333;
	width:280px;
	height:0;
}
.char .main .page6 .honor .killsline {
	position:absolute;
	margin-top:55px;
	text-align:right;
	width:76px;
	font-size:13px;
	color:#999;
	font-weight:bold;
	overflow:hidden;
}
.char .main .page6 .honor .killsline1 {
	position:absolute;
	margin:55px 0 0 35px;
	text-align:right;
	width:100px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	overflow:hidden;
}
.char .main .page6 .honor .killsline2 {
	position:absolute;
	margin:55px 0 0 115px;
	text-align:right;
	width:100px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	overflow:hidden;
}
.char .main .page6 .honor .killsline3 {
	position:absolute;
	margin:55px 0 0 215px;
	text-align:right;
	width:100px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	overflow:hidden;
}
.char .main .page6 .honor .honorline {
	position:absolute;
	margin-top:80px;
	text-align:right;
	width:76px;
	font-size:13px;
	color:#999;
	font-weight:bold;
	overflow:hidden;
}
.char .main .page6 .honor .honorline1 {
	position:absolute;
	margin:80px 0 0 35px;
	text-align:right;
	width:100px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	overflow:hidden;
}
.char .main .page6 .honor .honorline2 {
	position:absolute;
	margin:80px 0 0 115px;
	text-align:right;
	width:100px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	overflow:hidden;
}
.char .main .page6 .honor .honorline3 {
	position:absolute;
	margin:80px 0 0 205px;
	text-align:right;
	width:100px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	overflow:hidden;
}

.char .bottomBorder {
	float:left;
	width:405px;
	height:10px;
	background:url(../img/borderbottom.gif);
	background-position:left top;
	font-size:0px;
}

.char .tabs {
	width:405px;
	height:20px;
	float:left;
	padding:0 0 0 5px ;
}
.char .tabs .tab {
	float:left;
	width:56px;
	height:15px;
	background:url(../img/tab.gif) no-repeat;
	background-position:left top;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	text-align:center;
	cursor:pointer;
}
/**********
 * END Character tabs
**********/

/**********
 * CHAR.PHP - PET TAB - function printPet()
**********/
.petName{
	position:absolute;
	font-family:sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFC000;
}
.petTrainingPts{
	font-family:sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFC000;
	white-space:nowrap;
	display:none;
}
.petStatsTableStatname{
	text-align:left;
	color:#FFC000;
	white-space:nowrap;
}
.petStatsTableStatValue{
	text-align:right;
	color:#FFFFFF;
	white-space:nowrap;
}
.petStatsBg{
	position:absolute;
	top:150px;
	left:35px;
	height:100px;
	width:280px;
	background:url(../img/bgstats_pet.gif) no-repeat;
	background-position:center;
	display:none;
}
.pet_xp {
	float:left;
	height:15px;
	width:381px;
	display:none;
}
.pet_xp .pet_xpbox {
	position:absolute;
	left:6px;
	top:392px;
	width:381px;
	height:15px;
}
.pet_xp .pet_xpbox .pet_bg {
	position:absolute;
	left:0px;
	top:0;
	width:381px;
	height:15px
}
.pet_xp .pet_xpbox .pet_bit {
	position:absolute;
	left:0px;
	top:1px;
	left:3px;
	height:12px;
}
.pet_xp .pet_xpbox .pet_xp_name {
	position:absolute;
	left:0px;
	top:0;
	height:10px;
	padding:2px 0px 5px 10px;
	font:10px tahoma, sans-serif;
	font-weight:bold;
	color:#ffffff;
}
.pet_xp .pet_xpbox .pet_xp_level {
	position:absolute;
	left:0px;
	top:0;
	height:10px;
	width:100%;
	text-align:center;
	padding:1px 0px 5px 10px;
	font:10px tahoma, sans-serif;
	color:#ffffff;
	font-weight:bold;
}
.pet_resistance {
	float:right;
	margin-top:20px;
	position:absolute;
	left:280px;
	top:66px;
	height:190px;
	display:none;
}
.pet_resistance ul li {
	list-style-type:none;
	font-weight:bold;
	text-align:center;
}
.pet_resistance .pet_fire {
	background:url(../img/resfire.gif) no-repeat;
	height:27px;
	width:27px;
	padding:2px;
}
.pet_resistance .pet_nature {
	background:url(../img/resnature.gif) no-repeat;
	height:27px;
	width:27px;
	padding:2px;
}
.pet_resistance .pet_arcane {
	background:url(../img/resarcane.gif) no-repeat;
	height:27px;
	width:27px;
	padding:2px;
}
.pet_resistance .pet_frost {
	background:url(../img/resfrost.gif) no-repeat;
	height:27px;
	width:27px;
	padding:2px;
}
.pet_resistance .pet_shadow {
	background:url(../img/resshadow.gif) no-repeat;
	height:27px;
	width:27px;
	padding:2px;
}
/**********
 * CHAR.PHP - END PET TAB - function printPet()
**********/

/**********
 * Talent section
**********/
.talenticon {
	width:40px;
	height:40px;
	padding:1px 0 0 0;
}
.talenticonGreyed {
	width:40px;
	height:40px;
	padding:1px 0 0 0;
	Filter:Gray;
	/* Filter:Gray only works in IE, no Mozilla, so we do this to half-assed grey it out in Mozilla */
	-moz-opacity:0.5;
}
#talentpage1 {
	background-attachment:fixed;
	left:0px;
	overflow:auto;
	width:380px;
	background-repeat:no-repeat;
	position:relative;
	top:5px;
	height:370px;
}
#talentpage2 {
	background-attachment:fixed;
	left:0px;
	overflow:auto;
	width:380px;
	background-repeat:no-repeat;
	position:relative;
	top:5px;
	height:370px;
}
#talentpage3 {
	background-attachment:fixed;
	left:0px;
	overflow:auto;
	width:380px;
	background-repeat:no-repeat;
	position:relative;
	top:5px;
	height:370px;
}
#talentwrapper1 {
	display:block;
	left:10px;
	right:10px;
	width:360px;
	position:relative;
	top:10px;
	height:355px;
}
#talentwrapper2 {
	display:none;
	left:10px;
	right:10px;
	width:360px;
	position:relative;
	top:10px;
	height:355px;
}
#talentwrapper3 {
	display:none;
	left:10px;
	right:10px;
	width:360px;
	position:relative;
	top:10px;
	height:355px;
}
#tlab1 {
	left:1px;
	width:115px;
	position:absolute;
	top:400px;
	text-align:center;
}
#tlab2 {
	left:135px;
	width:115px;
	position:absolute;
	top:400px;
	text-align:center;
}
#tlab3 {
	left:265px;
	width:115px;
	position:absolute;
	top:400px;
	text-align:center;
}
#tlabbg1 {
	left:1px;
	position:absolute;
	top:390px;
}
#tlabbg2 {
	left:138px;
	position:absolute;
	top:390px;
}
#tlabbg3 {
	left:268px;
	position:absolute;
	top:390px;
}
.tablabel {
	font-weight:normal;
	color:white;
	cursor:pointer;
}
.tablabelactive {
	font-weight:bold;
	color:#CBA300;
	cursor:pointer;
}
.talspent {
	color:white;
	font-weight:bold;
}
.talvalue {
	font-weight:bold;
	text-align:center;
	background-image:url(../img/talent_rank.gif);
	width:17px;
	height:16px;
	left:30px;
	cursor:default;
	position:absolute;
	top:30px;
}
.talicon {
	left:0px;
	width:40px;
	position:absolute;
	height:40px;
	Border:0;
}
.taldiv {
	width:40px;
	position:absolute;
	top:5px;
	height:40px;
}
.tlink {
	text-decoration:none;
}
.tbar {
	left:1px;
	position:absolute;
	top:390px;
	width:394px;
}
/**********
 * END Talent section
**********/

/******
 * CHAR.PHP - SPELLBOOK - function show_spellbook()
******/
.spell_panel {
/* Background image for character tab */
	background-image:url(../img/spellbook/background.gif);
	background-repeat:no-repeat;
	width:344px;
	height:434px;
}
.spell_panel_name {
/* Style and placement of Spellbook */
	color:white;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	position:absolute;
	margin:13px 0 0 68px;
	width:270px;
}
.spell_page_back {
/* Style and placement of Back Page Button */
	color:white;
	text-align:left;
	font-weight:bold;
	width:100px;
	position:absolute;
	margin-top:390px;
	margin-left:30px;
	cursor:pointer;
}
.spell_page_back .navicon {
/* Style and placement of Back Page Button */
	width:26px;
	height:26px;
}
.spell_page_forward {
/* Style and placement of Forward Page Button */
	color:white;
	text-align:right;
	font-weight:bold;
	width:100px;
	position:absolute;
	margin-top:390px;
	margin-left:220px;
	cursor:pointer;
}
.spell_page_forward .navicon {
/* Style and placement of Back Page Button */
	width:26px;
	height:26px;
}
.spell_pagenumber {
/* Style and placement of Back Page Button */
	color:#ffd200;
	text-align:center;
	font-weight:bold;
	width:100px;
	position:absolute;
	margin-top:395px;
	margin-left:120px;
}
.spell_skill_tab_bar {
/* Position of the tab bar to place all the tabs */
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:58px;
	margin-left:344px;
}
.spell_skill_tab {
/* Tab background */
	background-image:url(../img/spellbook/skilltab.gif);
	background-repeat:no-repeat;
	height:49px;
	width:38px;
}
.spell_skill_tab .spell_skill_tab_icon {
/* Tab background for inactive tabs */
	width:34px;
	height:34px;
	margin-top:8px;
	margin-left:1px;
	cursor:pointer;
}
.spell_container_1 {
/* Position of the spells on the left side */
	position:absolute;
	margin-top:78px;
	margin-left:25px;
}
.spell_container_2 {
/* Position of the spells on the right side */
	position:absolute;
	margin-top:78px;
	margin-left:182px;
}
.spell_info_container {
/* Spell Info container */
	width:155px;
	height:44px;
}
.spell_info_container .icon {
/* Spell Icon */
	width:40px;
	height:40px;
}
.spell_info_container .text {
/* Spell Icon text */
	position:absolute;
	width:115px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin-left:4px;
	text-align:left;
	margin-top:4px;
}
.spellYellow {
	color:#ffd517;
}
.spellBrown {
	color:#593300;
}
/******
 * CHAR.PHP - END SPELLBOOK - function show_spellbook()
******/

/**********
 * END Character Page styles
**********/


/*********** Overlib Tooltip styles ***********/
.overlib_fg {
/* Sets main text background */
/* ol_fgclass */
	background-color:#000000;
}
.overlib_border {
/* Sets the border style */
/* ol_bgclass */
	border:1px outset white;
}
.overlib_maintext {
/* Sets main text style */
/* ol_textfontclass */
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.overlib_captiontext {
/* ol_captionfontclass */
	color:#FFFFFF;
	background-color:#2E2D2B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
.overlib_closetext {
/* ol_closefontclass */
	color:#FFFFFF;
	background-color:#2E2D2B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
/*********** End Overlib Tooltip styles ***********/