/***************************************************************/
/*  CSS stylesheet for standard HTML tags
/*  Copyright 2006 by Pixelsound Web Design Perth
/*  http://www.pixelsound.com/

/*************** HTML Tags *************************************/
body {
	font-size:70%;		/* to make font size in IE accessible (also see next definition): default is 70% */
	margin:0px;
	padding:10px;
	line-height:1.6em;
	background-color:black;
}

table, td, th, p, form, input, select, textarea, h1,h2,h3,h4,h5,h6, blockquote, ul, ol {
	font-size:1em;		/* to make font size in IE accessible (also see previous definition) */
}

body, table, td, th, p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol {
	font-family:Verdana, Tahoma, sans-serif;
	color:#c0c0c0;
	/*
	font-size:11px;
	*/
}

p {
	margin:0 0 1em;
	padding:0;
}

a {
	color:#E3CC92;
	text-decoration: none;	
}
		a:hover {
			color:#8f4734;
			text-decoration: underline;
		}
		img, a img, a:hover img {
			text-decoration: none;
		}




ul {
	margin:0;
	padding:.3em 0;
	padding-left:1.5em;
}
ol {
	margin:0;
	padding:.3em 0;
	padding-left:3em;
}

li ul, li ol {
}
		* li {
			margin:0;
			padding:.3em 0;
		}

	ul li,
	ul li ul li ul li {
		list-style-type:square;
	}

	/*** Level 2 ***/
	ul li ul li {
		list-style-type:circle;
	}
		.noBullets {
			margin-left:0;
		}
		.noBullets li {
			list-style:none;
		}



/************   Headings   *****************/

h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 * {
	font-weight:700;
	text-decoration:none;
	color: #CECEA6;
	height: 40px;
	
}
h1,h2,h3,h4,h5,h6 {
	
					background-image:url('../template/hback.gif');
					background-position: left top;
					background-repeat: repeat-x;
}
div.tabbertab h1,div.tabbertab h2,div.tabbertab h3,div.tabbertab h4,div.tabbertab h5,div.tabbertab h6 {
	background-image: none;
}
		h1, h1 a {
			text-decoration:none;
			width: 900px;
		}
				h1 {
					font-size:2em;
					line-height:.8em;
					padding:0 0 .3em;
					font-weight:100;
					margin-top:0;
					padding: 5px 5px 5px 40px;
				}

		h2, h2 a {
			text-decoration:none;
			width: 690px;
			padding-left: 40px;
			padding-top: 4px;
		}
		h2.full_width {
			width: 880px;
			padding-left: 40px;
			padding-top: 4px;
		}
				h2 {
					text-transform: uppercase;
					font-size:1.3em;
					margin:3em 0 1em;
					
				}
		h3, h3 a {
			text-decoration:none;
			text-transform: uppercase;
			width: 680px;
		}
				h3 {
					font-size:1.1em;
					padding-left: 40px;
					padding-top: 5px;
					margin:2em 0 .5em;
					margin-top:2em;
				}

		h4, h4 a {
			text-decoration:none;
			font-weight:700;
			font-size:1em;
			letter-spacing:.2em;
		}
				h4 {
					text-transform: uppercase;
				}

		h5, h5 a {
			text-decoration:none;
		}
				h5 {
					text-transform: uppercase;
					font-size:.9em;
				}

		h6, h6 a {
			text-decoration:none;
		}
				h6 {
					font-size:.9em;
				}
				h6 a:hover {
					text-decoration:underline;
				}

.csc-firstHeader,
h1.csc-firstHeader,
h2.csc-firstHeader,
h3.csc-firstHeader,
h4.csc-firstHeader,
h5.csc-firstHeader,
h6.csc-firstHeader {
	padding-top:0px;
	margin-top:0px;
}



/*** Table Header ***/

th,
tr.tableHeader td,
td.tableHeader {
	background-color:#5A5A3E;	/* not sorted column */
	color:#F5F5D9;
	padding:0px 10px;
	line-height:1.4em;
}
		th a,
		tr.tableHeader td a,
		td.tableHeader a {
			color:white;
			text-decoration:none;
			display:block;
		}

		tr.tableFooter td,
		td.tableFooter {
			background:none;
			font-weight:700;
		}





/****  Highlight  ***/
.highlight,
.highlight td,
td.highlight {
	background-color:#242C1D;
	padding: 0 1em 0 1em;
	margin: 0 0 0 0;
	border: 0px none white;
	clear:none;
}
table.highlight,
.highlight table {
	/*border-collapse:collapse;*/
	clear:left;
	background:transparent;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.highlight td,
td.highlight,
.transparent .highlight td,
.transparent td.highlight {
	padding: 0 1em 0 1em;
	margin: 0;
	border: 0px none transparent;
}
.highlight textarea,
.highlight select,
.highlight input {
	background:white;
}

.highlight p {
	margin:0;
}





/************   Classes   *****************/
.small {
	font-size: .9em;
}



/****  Header Text  ***/

.HeaderText {
	font-size:1.2em;
	font-weight:700;
	margin-bottom:1em;
}


/****  Spaced Text  ***/
.spaced {
	letter-spacing:.3em;
}



/****  All Caps  ***/

.AllCaps {
	text-transform:uppercase;
}



/*************** Main Sections *************************************/
/*  make page 750px wide and center aligned */
body {
	width:980px;
	margin: 0px auto; /* Right And Left Margin Widths To Auto */
	background-color: black;
	background-image: url('../template/bg-gradient.gif');
	background-position: center top;
	background-repeat: repeat-y;
	text-align: left; /* Hack To Keep IE5 Windows Happy */
	padding:0 10px;
}

body div#body {
}
	body div.page {
	}

	body div#container {
		background-color: #13180F;
	}





/*************** PageHeader *************************************/
div#PageTop {
	height:24px;
	background-color: #11150D;	
}
	
#PageHeaderContainer{
	margin: 0px;
	padding: 0px;
	height: 116px;
}
div#PageHeader {
	height:110px;
    background-color: #11150D;
	background-position: bottom;
	padding: 3px 3px 3px 3px;
	width: 780px;
	position: absolute;
	top: 0px;
	margin-left: 180px;
	padding-top: 20px;
	text-align:right;
		
}

#logoimg{
	position: absolute; 
	margin-top: 1px;
}

div.logo {
	padding:30px 10px 0px 30px;
	float:left;
	background-color: #11150D;
}
div.banner-top iframe {
	padding:11px 0px 0px;
	margin:5px 0px 0px;
	float:right;
	text-align:right;
	background-image:url(../template/banner-tag.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

div.banner-top {
	width: 974px;
	height: 100px;
	vertical-align: top;
}
#navbarcontainer{
	position: absolute; 
	top: 194px; 
	width: 978px; 
	padding: 0px; 
	margin: 0px; 
	margin-left: -10px;
	z-index:9999;
}
 

div.login {
	float:right;
	margin-top:-5px;
}

div.searchlogin a , div.searchlogin td{
	color: #FAFBDB;
	font-weight: bold;
	}
div.searchlogin {
	background-color: #27301F;
	color: #FAFBDB;
	padding: 2px 0px 2px 270px;
	height: 28px;
	z-index: 99999;
}
div.searchlogin a {
	text-decoration: underline;	
}
div.searchlogin a:hover {
	color: #E3CC92;
}

div.goldbar {
	background-image: url(../template/grtopbartile2.gif);
	background-repeat: repeat-x;
	width: 980px;	
	height: 23px;
}



/*************** Main Content Area *************************************/
div.mainContentArea {
	background-color:#11150D;
	padding:10px;
}

td#colRight {
	width:165px;
}

td#colRight iframe {
	padding:11px 0px 0px;
	margin:5px 0px 0px;
	float:right;
	text-align:right;
	background-image:url(../template/banner-tag.gif);
	background-position:left top;
	background-repeat:no-repeat;
}






/*********************************/
/** Content Element Styles  ******/
/*********************************/

#contentsection {
	clear:both;
}

/*************** Breadcrumbs, Paging, Results *************************************/
/*div.breadcrumb {
	color:#F5F7DF;
	background-color: black;
	width: 635px;
	margin-top: 18px;
	margin-bottom: 18px;
	height: 25px;
	font-weight: bold;
	vertical-align: middle;
	padding: 2px 0px 0px 15px;
}

div.breadcrumb a {
	color: #F5F7DF;
	text-decoration: underline;
}
*/

div.breadcrumb {
	font-weight: bold;
	padding: 2px 2px 5px 5px;
}

div.results {
	width:50%;
	font-size:.9em;
}



/*************** Item set stats table *************/

table.item_set_stats tr th {
	background-color: transparent;
}

table.item_set_stats tr td.bonus {
	text-align: right;
	font-weight: bold;
	white-space: normal;
}

table.item_set_stats tr td.total {
	text-align: center;
	font-weight: bold;
}

table.item_set_stats tr td {
	text-align: center;
}

/*************** Table *************************************/
table.highlight th {
	white-space: nowrap;
	padding: 3px 12px 3px 12px;
	text-align: center;
}
table.highlight th a, table.highlight th a:hover {
color: white;
}
	

table.highlight td.name img {
	/*margin:-2px 5px -2px -10px;*/
	margin:0px .5em 1px -1em;
}

table.highlight td {
	vertical-align:middle;
	white-space: nowrap;
	text-align: center;
	color: white;
	height: 20px;
}
table.highlight td a {
	color: #E3CC92;
	text-decoration: none;
}
table.highlight td a:hover {
	text-decoration: underline;
}
table.highlight td.name {
	text-align: left;
	width: 100%;
}
table.highlight td.multiline {
	white-space: normal;
	text-align: left;
}
table.highlight td.wide-multiline {
	white-space: normal;
	text-align: left;
}
table.highlight {
	background-color: #2e2f2a;
}
table.highlight tr:hover td {
	background-color:#424330;
}

table.highlight span.rank {
	color: #E3CC92;
}
select.gem_list {
	background-color: #242C1D;
	color: #E3CC92;
}
select.gem_list optgroup {
	color: #E3CC92
}
.quality_spell, .quality img, .quality0 img, .quality1 img, .quality2 img, .quality3 img, .quality4 img, .quality5 img, .quality6 img, .quality7 img {
	float:left;
}
a.quality_spell, a.quality, a.quality0, a.quality1, a.quality2, a.quality3, a.quality4, a.quality5, a.quality6, a .quality7 {
	font-weight:700;
	display:block;
	text-decoration:none;
}

.quality_spell, .quality_spell * {
	color:#E3CC92;
	padding: 1px 0 0 0;
}
.quality, .quality *, .quality0, .quality0 *, table.highlight td a.quality, table.highlight td a.quality0 {
	color:#cccccc; /* original */
}
.quality1, .quality1 *, table.highlight td a.quality1, table.comments div.body a.quality1 {
	color:#FFFFFF; /* original */
}
.quality2, .quality2 *, table.highlight td a.quality2, table.comments div.body a.quality2 {
	color:#1eff00; /* original */
}
.quality3, .quality3 *, table.highlight td a.quality3, table.comments div.body a.quality3 {
	color:#00ccff; /* original */
}
.quality4, .quality4 *, table.highlight td a.quality4, table.comments div.body a.quality4 {
	color:#cc66ff; /* original */
}
.quality5, .quality5 *, table.highlight td a.quality5, table.comments div.body a.quality5 {
	color:#ff9900;
}
.quality6, .quality6 *, table.highlight td a.quality6, table.comments div.body a.quality6 {
	color:#e5cc80; /* original */
}
.quality7, .quality7 *, table.highlight td a.quality7, table.comments div.body a.quality7 {
	color:#e5cc80; /* original */
}



div.sectionIndex {
	width: 200px;
	margin-right: 10px;
}
		div.sectionIndex div.sectionTitle {
			background-color:#30372A;
			margin-top:0;
			padding: 5px 0px 5px 15px;
			background-color: #000000;
			color: #E0D4A2;
			background-position: left top;
			background-repeat: no-repeat;
			font-weight:bold;
			text-decoration:none;
			font-size:12px;
			line-height:.8em;
		}
		div.sectionIndex div.navSub {
			background-color:#30372A;
		}
		div.navSub + div.sectionTitle {
			margin-top: 10px;
		}
		div.sectionIndex ul, div.sectionIndex ol {
		}
			div.sectionIndex ul li {
				list-style-type:none;
			}






/*************** To the top Button *************************************/
div.tothetop {
	clear:both;
	text-align:right;
	line-height:2em;
	padding-top:20px;
	margin-bottom:30px;
	text-transform:uppercase;
			font-size:.9em;
			text-decoration:none;
			line-height:2em;
}

/*************** Footer *************************************/

div#footer {
	font-size:.9em;
	line-height:1.2em;
	padding:5px 5px 50px;
}
div#footer * {
	color:#fff;
	padding:0;
	margin:0;
}
		div#navDisclaimer {
			float:right;
		}
		div#footer a {
			color:#fff;
		}




/*************** Comment lists *************/
table.comments {
	background-color: #2e2f2a;
	clear: left;
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #2e2f2a;
}
table.comments th.title, table.comments th.controls, table.comments th.indent {
	white-space: nowrap;
	background-color:#6E6954;
	height: 25px;
	font-weight: normal;
	text-align: left;
}
table.comments th.indent {
	width: 15px;
	background-color: #2e2f2a;
}

table.comments th.controls {
	text-align: right;
}
table.comments th.title a, table.comments th.controls a {
	display: inline;
}
table.comments th a, table.comments td a {
	color: #E3CC92;
}
table.comments td {
	color: white;
	padding: 5px 10px 5px 10px;
}
div.reply {
	text-align: right;
}

#comment_form > textarea{	
	font-size: 13px;
	width: 360px;
	height: 140px;
}

/* BEGIN FOR ITEM QUALITY */
/*
.quality   { color: #FFFFFF; }
.quality0  { color: #808080; }
.quality1  { color: #FFFFFF; }
.quality2  { color: #00FF00; }
.quality3  { color: #0068FF; }
.quality4  { color: #A335EE; }
.quality5  { color: #FF8000; }
.quality6  { color: #FF0000; }
*/
/* BEGIN ITEM MOUSEOVERS AND ITEMS */
/* WHEN UPDATING THIS BE SURE TO ALSO UPDATE tip_style.css */
#contents{
    visibility: hidden;
    position: absolute;
    Z-INDEX: 999999;
}
#tooltipText{
    visibility: hidden;
    color: #ffffff;
    font-family: verdana, arial, sans-serif;
    font-size:10pt;
    font-weight:normal;
    padding: 4px;
	max-width: 300px;
	border: 1px solid #5B4E2F;
}
div.item_detail {
    color: #ffffff;
    font-family: verdana, arial, sans-serif;
    font-size:10pt;
    font-weight:normal;
    padding: 4px;
	max-width: 300px;
	border: 1px solid #5B4E2F;
}
div.itemset_detail {
    color: #ffffff;
    font-family: verdana, arial, sans-serif;
    font-size:10pt;
    font-weight:normal;
    padding: 4px;
	max-width: 300px;
	border: 1px solid white;
}
div.myTable, div.myTable td {
	color: white;
}
.trans_div {
    background-image:url(../template/tooltip.png);
}
span.item_name, span.spell_name {
  font-size: 11pt;
  white-space: nowrap;
}
span.item_spell, span.item_spell a {
  color: #1EFF00;
}
span.item_set_name, span.item_set_name a {
  color: #FFD100;
}
span.item_set_piece_name, span.item_set_piece_name a {
  color: #9D9D9D;
  margin-left: 5px;
}
span.item_set_piece_name_equipped, span.item_set_piece_name_equipped a {
  color: #F8FFA8;
  margin-left: 5px;
}
span.item_set_bonus, span.item_set_bonus a {
  color: #9D9D9D;
}
span.item_set_bonus_equipped, span.item_set_bonus_equipped a {
  color: #1EFF00;
}
span.item_openable, span.item_random_enchantment {
  color: #1EFF00;
  white-space: nowrap;
}
span.item_description {
  color: #FFD100;
}
a.item_quest, span.item_area a, span.reagents, span.reagents a {
  color: white;
}
span.item_socket, span.item_socket a {
  color: #9D9D9D;
}
span.item_filled_socket, span.item_filled_socket a,
span.item_gem_effect, span.item_gem_effect a {
  color: #FFFFFF;
}
span.item_filled_socket {
	white-space: nowrap;
}
span.item_socket img, span.item_filled_socket img {
  vertical-align: middle;
  margin-right: 5px;
}
span.item_socket_bonus, span.item_socket_bonus a {
  color: #9D9D9D;
}
span.item_socket_bonus_enabled, span.item_socket_bonus_enabled a {
  color: #1EFF00;
}
span.item_binding, span.item_starts_quest, span.item_requirement {
  white-space: nowrap;
}

span.item_requirement a {
  color: white;
}

span.item_gem_condition {
  color: #9D9D9D;
}

table.item_dmg_speed {
  width: 293px;
  border-collapse: collapse;
}
table.item_dmg_speed td {
  white-space: nowrap;
}
table.item_dmg_speed td.speed{
  text-align: right;
}

#tooltipText a, div.item_detail a, div.itemset_detail a {
  text-decoration: none;
}
#tooltipText a:hover, div.item_detail a:hover, div.itemset_detail a:hover {
  text-decoration: underline;
}
span.supply {
  color: #E3CC92;
}
/* END ITEM MOUSEOVERS */

/* START SPELL MOUSEOVERS */
span.spell_desc {
	color: #FFD200;
}

/* END SPELL MOUSEOVERS */

/* BEGIN for maps */
.map { margin-top: 10px; border: 3px solid #404040; background: black url(http://wowdigger.com/images/icons/loading2.gif) no-repeat 2px 2px }
.map span { display: block; position: relative }
.map .marker_outer  { position: absolute; width: 1px; height: 1px; font-size: 1px }
/* http://www.free-graphic-design.com/free_bullets */
.map .marker_inner_0 { position: relative; width: 12px; height: 12px; left: -6px; top: -6px; background: url(http://wowdigger.com/images/cross-bullet-blue.png) no-repeat }
.map .marker_inner_1 { position: relative; width: 12px; height: 12px; left: -6px; top: -6px; background: url(http://wowdigger.com/images/plus-bullet-green.png) no-repeat }
.map .marker_inner_2 { position: relative; width: 12px; height: 12px; left: -6px; top: -6px; background: url(http://wowdigger.com/images/cross-bullet-blue.png) no-repeat }
.map .marker_inner_3 { position: relative; width: 12px; height: 12px; left: -6px; top: -6px; background: url(http://wowdigger.com/images/cross-bullet-green.png) no-repeat }
.map .marker_inner_4 { position: relative; width: 12px; height: 12px; left: -6px; top: -6px; background: url(http://wowdigger.com/images/cross-bullet-yellow.png) no-repeat }
.map .marker_inner_5 { position: relative; width: 12px; height: 12px; left: -6px; top: -6px; background: url(http://wowdigger.com/images/cross-bullet-red.png) no-repeat }

/* hover links for maps */
div.map.on {
	position:relative;
	text-align:left;
	margin:0px;
	padding:0px;
	border:#999 1px solid;
}

a.map_location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	width:12px;
	height:12px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
/* END for maps */


span.shadow_outer  { margin-bottom: 0px; position: absolute; width: 1px; height: 1px; font-size: 1px }
div.shadow_inner  { margin-bottom: 0px; position: relative; font-size:18px; font-weight: bolder; }
div.shadow_text  { margin-bottom: 0px; position: relative; font-size:18px; font-weight: normal; }

/* Sortable and pageable tables */
ul.tablePaginater {
  display:block;
  list-style:none;
  padding:0;
  margin:0 0 1em 0;
}
ul.tablePaginater li {
  display:block;
  float:left;
  width:2.1em;
  height:2.1em;
  line-height:2em;
  vertical-align:middle;
  text-align: center;
  margin-right:4px;
}
ul.tablePaginater li.currentPage a
{
	background-color: #4C4A3B;
}
ul.tablePaginater li a
{
	display:block;
	width:2em;
	height:2em;
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
	background-color: #242C1D;
}
ul.tablePaginater li a:hover
{
	color:#ffffff;
	background-color: #a7a49a;
}
th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-numeric,
th.sortable-currency
th.sortable-sortItemName
th.sortable-sortCost
th.sortable-sortReputation
th.sortable-sortXP
{
	cursor:pointer;
}

th.forwardSort
{
	background-image: url(../template/down.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
th.reverseSort
{
	background-image: url(../template/up.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
table.iconset
{
	border-style: solid;
	border-width: 0px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}
td.iconset
{
	border-style: solid;
	border-width: 0px;
	padding: 0 3px 0 0;
	margin: 0;
}

/* Navigation */
div#navMain {
	background-color: #000000;
	padding-top: 5px;
	width: 100%;
	height: 23px;
}

/* Side details boxes */
div.detail {
  float: right;
}

div.detail span.value {
  margin-left: 5px;
}

/* TABS */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
    display: none;
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 0;
 border-bottom: 1px solid #5B4E2F;
 font-weight: bold;
 clear: both;
}

ul.tabbernav div#break
{
    margin-bottom: 5px;
}
ul.tabbernav span.nowrap {
	
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #5B4E2F;
 border-bottom: none;
 background: black;
 text-decoration: none;
 color: white;
 white-space: nowrap;
}

/*
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
*/
ul.tabbernav li a:hover
{
 color: #FFFFFF;
 background-color: #827e6f;
}

ul.tabbernav li.tabberactive a
{
 background-color: #665416;
 color: #FFFFFF;
}

/*--------------------------------------------------
	tab styles, but ONLY for outfits.
  --------------------------------------------------*/
span.outfit_tabs ul.tabbernav {
	clear: none;
	width: 512px;
}
span.outfit_tabs .tabbertab {
  width: 512px;
  padding: 0px;
  border: none;
  background: transparent;
}
span.outfit_tabs ul.tabbernav {
	border-bottom: none;
}
span.outfit_tabs ul.tabbernav li.tabberactive a {
	background: #30372A;
}

/*--------------------------------------------------
	tab styles, but ONLY for areas.
  --------------------------------------------------*/
span.area_tabs ul.tabbernav
{
 margin: 0;
 padding: 0;
 border-bottom: none;
 font-weight: normal;
  width: 570px;
  margin-bottom: 5px;
  clear: none;
}

span.area_tabs ul.tabbernav div#break
{
    display: none;
}

span.area_tabs ul.tabbernav li
{
	margin: 0px;
	padding: 0px;
}

span.area_tabs ul.tabbernav li a {
	color:#E3CC92;
 border: none;
 background: transparent;
 white-space: nowrap;
}

span.area_tabs ul.tabbernav li a:hover {
	color:#8f4734;
	text-decoration: underline;
	background: transparent;
}

span.area_tabs ul.tabbernav li.tabberactive a
{
 border-bottom: none;
 font-weight: bold;
}

span.area_tabs ul.tabbernav li.tabberactive a:hover
{
 background-color: transparent;
 border-bottom: none;
}

span.area_tabs .tabberlive, span.area_tabs .tabbertab {
 padding:0px;
 border:none;
 border-top:0;
}
span.area_tabs .tabbertab {
  text-align: center;
  width: 570px;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #5B4E2F;
 border-top:0;
 background-color: #000000;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* SCREENSHOTS */

table.screenshots {
	width: 930px;
	clear:left;
	/*float: left;*/
}

table.screenshots tr td, table.random_screenshot {
	width: 195px;
	text-align: center;
	vertical-align: top;
}

table.screenshot_detail {
	width: 780px;
}

table.screenshot_detail tr td.prev, table.screenshot_detail tr td.next {
	width: 150px;
	text-align: center;
}

table.screenshot_detail tr td.current {
	text-align: center;
	width: 550px;
}

img.thumbnail {
	border: 2px solid #E3CC92;
}
img.thumbnail:hover {
	border: 2px solid white;
}

/* Threads */

span.comment_high {
	color: #ff9900;
}
span.comment_low, span.comment_low a, span.comment_low a:hover {
	color: gray;
}
span.comment_admin {
	color: 	#00c0ff;
}

/* Character screen */
table.character {
	width: 500px;
	border: 1px solid #5B4E2F;
	border-collapse: collapse;
}

table.character tr td {
	vertical-align: top;
	text-align: center;
	padding: 0px;
}

table.character tr td.left, table.character tr td.right {
	width: 36px;
}

table.character tr td img {
	margin-bottom: 2px;
}

table.character tr td.bottom {
	vertical-align: bottom;
	text-align: center;
}

table.character tr td.bottom img {
	margin-left: 1px;
	margin-right: 1px;
}

table.character td.stats_left, table.character td.stats_right, td.middle table tr td {
	width: 214px;
}
table.character td.stats_left, table.character td.stats_right {
	height: 140px;
}

.character1 {
	background-color: #30372A;
}
.character2 {
	background-color: #4E4F3D;
}

table.character img {
	float: none;
}

/* TALENT BUILDER */
div.tree_title {
	z-index: 60;
	position: absolute;
	width: 250px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: white;
	background-color: black;
}
div.points, div.points_off {
	position: absolute;
	font-size: 10px;
	color: #FFCC00;
	width: 27px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	background-color: transparent;
	background-image: url(../images/trees/points.gif);
	background-repeat: no-repeat;
	z-index: 150;
}
div.points_off {
	color: white;
}
div.talent_classes ul {
	margin-left: 50px;
}

/* ITEMS */
table.large_item {
	border-collapse: collapse;
}
td.large_icon, td.large_detail {
	vertical-align:top;
}
td.large_icon {
	height: 84px;
}
table.random_enchantments {
	width: 730px;
}
/* QUESTS & ITEM SETS*/

p.quest_description, div.set_bonuses {
	width: 730px;
}

/* CHARACTERS */

table.character {
	background-color: #30372A;
}
table.character a, table.character a:hover {
	color: #ffcc00;
}
table.character td, table.character td p {
	color: white;
}
table.character td img {
	margin: 2px;
}

table.character table caption {
	font-weight: bold;
	margin-bottom: 2px;
	color: white;
}

div.char_compare {
	text-align: center;
	padding: 10px;
}

table.bars {
	width: 100%;
	background-color: #2e2f2a;
}
table.bars th {
	width: 100px;
}
table.bars td.health, table.bars td.energy, table.bars td.rage, table.bars td.mana {
	text-align: center;
}
table.bars td.health {
	background-color: #206C01;
	border: 1px solid #3ACA01;
}
table.bars td.energy {
	background-color: #908D00;
	border: 1px solid #E6E200;
}
table.bars td.rage {
	background-color: #920A00;
	border: 1px solid #FF0000;
}
table.bars td.mana {
	background-color: #154786;
	border: 1px solid #316BB3;
}
table.character td.spec a {
	font-size: 12px;
	font-weight: bold;
}

/* ERRORS */
div.error {
	color: red;
	font-weight: bold;
	margin-bottom: 10px;
}

/* USERS */
table.user_settings {
	width: 500px;
}

/* HOME PAGE */
div.welcome {
	width: 555px;
}

div.home_search {
	background-image: url('../template/search_back.jpg');
	background-repeat: no-repeat;
	width: 568px;
	height: 81px;
	text-align: center;
	vertical-align: middle;
}
div.home_search .title {
	color: #A6A08F;
	font-weight: bold;
	font-size: 13px;
}

table.latest_site_additions {
	width: 560px;
	border: 1px solid #453E24;
	margin-top: 110px;
}
table.latest_site_additions td {
	padding: 5px;
	text-align: left;
}
table.latest_site_additions td p .title {
	color: #918657;
	font-weight: bold;
	font-size: 13px;
}
table.latest_site_additions td p {
	color: #716B5F;	
}

div.front_page_links {
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
	margin-bottom: 200px;
}

/* FILTERS */
div#filter {
	background-color:#000000;
	border: 2px solid #5B4E2F;
	color: white;
	padding: 10px;
}
div#filter p {
	color: white;
}
div#filter a {
	color: #E3CC92;
}
p.filter_header {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid white;
}

/* Admin */
span.admin {
	text-align: right;
}

div.process {
	width: 50%;
	padding:20px;
	border:1px solid #5B4E2F;
	background-color: #000000;
}

iframe#diff {
	z-index: 60;
	position: absolute;
	width: 190px;
	left: 750px; 
	top: -2px; 
	height: 503px;
	padding:0px;
}

a.talent_reset
{
       color: #FFD200;
       text-decoration: none;
}

a.talent_reset:hover
{
       text-decoration: underline;
}

input#link {
    background-color: #27301F;
    border:1px solid #000000;
    font-family:Verdana, Tahoma, sans-serif;
    color: #E3CC92;
    width: 630px;
}

#tooltipText div.outfit {
	padding:20px;
	border:1px solid #5B4E2F;
	background-color:#4E4F3D;
}

#tooltipText table.outfit_popup
{
	border-collapse: collapse;
}

#tooltipText table.outfit_popup tr th
{
	color:#FFCC00;
	background-color: transparent;
	white-space: nowrap;
	font-size: 1em;
	padding: 1px 1px 1px 1px;
	font-weight: normal;
	text-align: left;
}

#tooltipText table.outfit_popup tr td
{
	color:#FFCC00;
	background-color: transparent;
	white-space: nowrap;
	font-size: 1em;
	padding: 1px 3px 1px 3px;
	text-align: left;
}

#tooltipText table.outfit_popup td.main, #tooltipText table.outfit_popup th.main
{
	font-size: 14px;
	color: white;
}

#tooltipText span.green_text {
	font-size: 14px;
	font-weight: normal;
	color: #33CC00;
}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;/*zoom:1;*/}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc ul {left:-10000px;position:absolute;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li{position:relative;}.qmmc ul {z-index:10;}.qmmc ul ul {z-index:20;}.qmmc ul ul ul {z-index:30;}.qmmc ul ul ul ul {z-index:40;}.qmmc ul ul ul ul ul {z-index:50;}li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/



/* QuickMenu 0 */

/*"""""""" (MAIN) Container""""""""*/	
#qm0	
{	
	background-color:transparent;
	border: 0px solid black;
	
	
}

/*"""""""" (MAIN) Items""""""""*/	
#qm0 a	
{	
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
	color: #E3CC92;
	font-weight: bold;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}


/*"""""""" (MAIN) Hover State""""""""*/	
#qm0 a:hover	
{	
	color: white;
	text-decoration: none;
}


#qm0 .qmparent
{
	background-image: url(../js/stmenu/1_bullet-arrow-white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	width: auto;
}

/*"""""""" (MAIN) Parent items""""""""*/	
#qm0 .top
{	
	width: 95px;
	height: 18px;
	background-image: url(../js/stmenu/menuback.gif);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	margin: 1px 1px 1px 1px;
}
#qm0 .top:hover
{
	background-image: url(../js/stmenu/menuback-on.gif);
}

/*"""""""" (MAIN) Active State""""""""*/	
body #qm0 .qmactive, body #qm0 .qmactive:hover	
{
}


/*"""""""" (SUB) Container""""""""*/	
#qm0 div, #qm0 ul	
{
	margin-top: 2px;
	margin-left: 3px;
	width: 150px;
	background-color: #303125;
	border: 2px solid #5B4E2F;
}

/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a	
{	
	padding: 5px 5px 5px 5px;
	width: auto;
}


/*"""""""" (SUB) Hover State""""""""*/	
#qm0 div a:hover, #qm0 ul a:hover	
{
	background-color: #a7a49a;
	width: auto;
	text-align: left;
	background-image: none;
}


/*"""""""" (SUB) Parent items""""""""*/	
#qm0 div .qmparent	
{
}

/*"""""""" (SUB) Active State""""""""*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
{
	background-image: url(../js/stmenu/1_bullet-arrow-white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	width: auto;
}

/*"""""""" (MAIN) Persistent State """"""""*/
#qm0 .qmpersistent
{
	background-image: url(../js/stmenu/menuback-on.gif);
	color: #ffffff;
	/*background-color: #77756F;*/
}

/*"""""""" (SUB) Persistent State """"""""*/
#qm0 div .qmpersistent
{
	background: #77756F;
}