/******************************
 * WoWRoster.net  Roster
 * Copyright 2002-2006
 * 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 394 2006-12-28 10:24:34Z zanix $
 *
******************************/

body {
   font-family:arial,helvetica,sans-serif;
   background:#000000;
   color:#ffffff;
   font-size:12px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;   
}
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:#FFFFFF;
   font-family:Verdana, Arial;
   background-color:#202020;
}
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;
}

.input {
   border:1px solid #CBA300;
   color:#FFFFFF;
   font:10px Verdana, Arial;
   background-color:#202020;
}
.checkBox {
   border:0;
   color:#FFFFFF;
   font:10px Verdana, Arial;
   background-color:transparent;
}

/*************** 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:10px 0 10px;
   color:#ffffff;
   background:url(../img/bagbg2.gif) repeat-y;
   background-position:0 3px;
}
.bag .bagTop {
   float:left;
   width:100%;
   background:url(../img/bagtopbig.gif) no-repeat;
   height:52px;
}
.bag .bagTop .bagIcon {
   float:left;
   width:40px;
   height:40px;
   padding:5px;
}
.bag .bagTop .bagIcon .quant {
   position:absolute;
   bottom:0px;
   right:3px;
   font-size:12px;
   font-weight:bold;
   color:#ffffff;
}
.bag .bagTop .bagIcon .quant_shadow {
   position:absolute;
   bottom:-1px;
   right:2px;
   font-size:12px;
   font-weight:bold;
   color:#333333;
}
.bag .bagTop .bagName {
   float:left;
   text-align:left;
   width:150px;
   overflow:hidden;
   margin:0;
   padding-top:10px;
   font-size:13px;
   font-weight:bold;
}
.bag .bagLine {
   float:left;
   width:100%;
   padding:0 0 0 4px;
}
.bag .bagLine .bagNoSlot {
   float:left;
   width:40px;
   height:40px;
   padding:4px 5px 5px 6px;
}
.bag .bagLine .bagSlot {
   float:left;
   width:40px;
   height:40px;
   padding:4px 5px 5px 6px;
   background-image:url(../img/bagslot.gif);
}
.bag .bagBottomLine {
   float:left;
   width:100%;
   padding:0 0 0 4px;
}
.bag .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;
   width:100%;
   background-image:url(../img/bagmoneybottom.gif);
}
.bag .bagMoneyBottom .money {
   float:right;
   padding:4px 15px 7px 0;
}
.bag .bagBottom {
   float:left;
   height:6px;
   width:100%;
   background-image:url(../img/bagbottom.gif) ;
}
/**
 * END Bag 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:#00D2BC; }
.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 */
   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 ***********/