/* Tables should show empty cells. */
table
{
	empty-cells: show;
}

/* By default (td, body..) use Tahoma in black. */
body, td, th
{
	color: #ffffff;
	font-size: small;
	font-family: tahoma, sans-serif;
}

/* The main body of the entire forum. */
body
{
	background-color: #000000;
	margin: 0px;
	padding: 0px;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
	font-size: 9pt;
	color: #fff;
	font-family: tahoma, sans-serif;
	background-color: #000000;
}

input {
	border-color: #cccccc;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
	font-family: tahoma, sans-serif;
	background-color: #000000;
}

/* A quote, perhaps from another post. */
.quote
{
	color: #ffffff;
	background-color: #080808;
	border: 1px solid #707070;
	margin: 10px auto 10px 10px;
	padding: 5px;
	font-size: x-small;
	line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #ffffff;
	background-color: #080808;
	font-family: "courier new", "times new roman", monospace;
	font-size: x-small;
	line-height: 1.3em;
	/* Put a nice border around it. */
	border: 1px solid #707070;
	margin: 10px auto 10px 10px;
	padding: 1px;
	width: 95%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space: nowrap;
	overflow: auto;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{	
	margin-top: 10px;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
	color: #ffffff;
	background-color: #191919;
	background-image: url(images/windowbg.jpg);
	background-repeat: repeat-x;
}
.windowbg2
{
	color: #ffffff;
	background-color: #191919;
	background-image: url(images/windowbg.jpg);
	background-repeat: repeat-x;
}

.windowbg_s
{
	color: #ffffff;
	background-color: #191919;
	/*background-image: url(images/grey_bg_s.jpg);*/
}

.windowbg2_s
{
	color: #ffffff;
	background-color: #191919;
	/*background-image: url(images/grey_bg_s.jpg);*/
}

/* the today container in calendar */
.calendar_today
{
	height: 96px; border: 2px outset; background-color: #222222; padding: 2px;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td
{
/*	color: #848284;*/
	font-weight: bold;
	font-style: normal;
	background-color: #000000;
	background-image: url(images/titlebg2.gif);
}

.titlebg a:link, .titlebg a:visited
{
/*	color: #848284;*/
	font-style: normal;
}

.titlebg a:hover
{
/*	color: #848284;*/
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg
{
	background-image: url(images/catbg.jpg);
}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{
	background-image: url(images/catbg.jpg);
}

.catbg_n
{
	font-weight: bold;
	background-image: url(images/titlebg2.gif);
}
.catbg, .catbg2
{
	font-weight: bold;
	background-color: #000000;
/*	color: #848284;*/
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color: #000000;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
/*	border: 1px solid #707070;*/
/*	background-color: #000000;*/
/*	padding: 2px;*/
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size: 85%; /*x-small;*/
	line-height: 120%;
}

.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
	background-color: #000000;
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
	background-color: #080808;
/*	background: #171717 url(images/grey_bg.jpg) repeat; */
	background-image: url(images/body_bg.png);
	background-position: left top;
	background-repeat: repeat-x;
}


/* This is for the special header boxes on the top (user info, key stats, news box.) */

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	width: 100%;
	overflow: auto;
	line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
  /* height: 100px; */
	max-width: 600px;
	max-height: 100px;
	overflow: hidden;
	padding-bottom: 3px;
	line-height: 1.3em;
}

/* No image should have a border when linked */
a img{
	border: 0;
}
/* Except popup resizeable ones ;) */
.imgtag a:link, .imgtag a:visited, .imgtag img{
  border-style: solid;
  border-color: #707070;
  border-width: 2px;
}

.imgtag a:hover, .imgtag img:hover{
  border-color: white;
}

.smalltext2
{
	color: #dfdfdf;
	font-size: x-small;
	font-family: tahoma, sans-serif;
}

.smalltext2 a:link, .smalltext2 a:visited
{
	font-weight: bold;
	color: #dfdfdf;
}

.smalltext2 a:hover
{
	font-weight: bold;
	color: #ffffff;
}

.nav2, .nav2 a:link, .nav2 a:visited
{
	color: #dfdfdf;
}
.nav2 a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.tpblock{
/*border: 1px solid #707070;*/
overflow: hidden;
margin: 1px 0 20px 0;
padding: 0 2px 1px 2px;
}


/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited, .maintab_off_back a:visited
{
	color: white;
	text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover, .maintab_off_back a:hover
{
	color: #e0e0ff;
	text-decoration: none;
}

.maintab_bgb
{
	background-color: #000000;

}

.maintab_bgba
{
	background: transparent; /* #000000 url(images/maintab_bgba.gif); */
	background-position: right top;
	background-repeat: no-repeat;
}

.pagelink, .pagelink a:active, .pagelink a:visited, .pagelink a:link
{
	background: #333333;
	font-weight: normal;
	font-size: 11px;
	border: 1px solid #B3AE87;
	padding: 0px 3px 0px 3px;
	text-decoration: none;
	vertical-align: top;
	position: relative;
	top: 2px;
}

.pagelink_b
{
	background: #333333;
	font-weight: normal;
	font-size: 11px;
	border: 1px solid #B3AE87;
	padding: 0px 3px 0px 3px;
	text-decoration: none;
	vertical-align: top;
	position: relative;
	top: 2px;
}

.page_c
{
	background: #333333;
	font-weight: normal;
	font-size: 11px;
	border: 1px solid #B3AE87;
	padding: 0px 3px 0px 3px;
	vertical-align: top;
	position: relative;
	top: 2px;
}


.small_pagelink
{
	font-weight: normal;
	font-size: x-small;
	text-decoration: none;
}

.small_pagelink a:active, .small_pagelink a:visited, .small_pagelink a:link
{
	background: #333333;
	font-weight: normal;
	font-size: x-small;
	border: 1px solid #B3AE87;
	padding: 0px 3px 0px 3px;
	text-decoration: none;
}

.powered_by_smf
{
	background-image: url(images/powered_by_smf.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.avatar_t
{
	height: 65px;
	width: 65px;
	border: 1px solid #000000;
}

.hd_border_l{
background-image: url(images/hd_border_l.gif);
background-repeat: repeat-y;
}

.hd_border_r{
background-image: url(images/hd_border_r.gif);
background-repeat: repeat-y;
}

/* Raid Instance Names */
DIV.general-instances  {color: white; font-size: medium;}

/* Raid Date */
DIV.raid-date          {color: white; font-size: medium;}

/* General Notes */
DIV.general-notes      {color: white;}

/* Point System Notes */
DIV.points-notes       {color: white;}

/* Boss Kills Table */
DIV.general-bosses     {color: white;}

/* Table */
DIV.main-table         {}

/* Instance Name */
SPAN.instance          {font-size: large;}


/* The main player table */
TABLE.main {color: white; background-color: black; width: 100%; font-size: x-small;}

/* The main player table header columns */
TH.main-player_name, TH.main-player_class, TH.main-joins, TH.main-leaves, TH.main-loot, TH.main-formula, TH.main-points {
  color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	background-color: #000000;
	background-image: url(images/titlebg.jpg);
}

TH.main-joins, TH.main-leaves, TH.main-loot, TH.main-formula, TH.main-points, TH.main-points_total
{
text-align: center;
}

TH.main-player_name, TH.main-player_class, TH.main-joins, TH.main-leaves {width: 5%;}
TH.main-loot {width: 31%;}
TH.main-formula {width: 39%;}
TH.main-points {width: 5%;}

/* The main player table rows, by class-type */
TR.main-druid_row TD.main-player_class   {color: orange; padding: 3px;}
TR.main-hunter_row TD.main-player_class  {color: green; padding: 3px;}
TR.main-mage_row TD.main-player_class    {color: cyan; padding: 3px;}
TR.main-paladin_row TD.main-player_class {color: magenta; padding: 3px;}
TR.main-priest_row TD.main-player_class  {color: grey; padding: 3px;}
TR.main-rogue_row TD.main-player_class   {color: gold; padding: 3px;}
TR.main-shaman_row TD.main-player_class  {color: blue; padding: 3px;}
TR.main-warlock_row TD.main-player_class {color: purple; padding: 3px;}
TR.main-warrior_row TD.main-player_class {color: brown; padding: 3px;}

/* The main player table cells */
TD.main-player_name, TD.main-joins, TD.main-leaves, TD.main-points, TD.main-points_total
{
	background-color: #080808; vertical-align: top; padding: 3px;
}

TD.main-points, TD.main-points_total
{
  text-align: right;
}

TD.main-player_class, TD.main-loot, TD.main-formula
{
	background-color: #101010; vertical-align: top;
}

TD.main-joins, TD.main-leaves
{
  white-space: nowrap;
}

/* The formula table (which is a cell within the main player table) */
TABLE.formula        {width: 100%; color: white; border-width: 0px; padding: 0; margin: 0; font-size: x-small;}

/* Formula table rows */
TR.formula-row       {}

/* Formula table cells: value is the point value, type is the description. */
TD.formula-value     {text-align: right; width: 20%; vertical-align: top;}
/* The dkp line, i.e. boss kill, time, distribution points */
TD.formula-type_dkp  {vertical-align: top;}
/* Standard cost lines, i.e. loot drops */
TD.formula-type_cost {width: 80%; vertical-align: top;}

/* The loot table (which is a cell within the main player table) */
TABLE.loot           {border-width: 0px; padding: 0; margin: 0; font-size: x-small; text-align: left;}

/* Loot items within the loot table, by loot quality */
SPAN.loot-quality_artifact      {margin: 0px; color: #ff0000}
SPAN.loot-quality_legendary     {margin: 0px; color: #ff8000}
SPAN.loot-quality_epic          {margin: 0px; color: #a335ee}
SPAN.loot-quality_rare          {margin: 0px; color: #0070dd}
SPAN.loot-quality_uncommon      {margin: 0px; color: #1eff00}
SPAN.loot-quality_common        {margin: 0px; color: #000000}
SPAN.loot-quality_poor          {margin: 0px; color: #9d9d9d}
SPAN.loot-quality_none          {margin: 0px; color: #000000}

SPAN.loot-time                  {font-style: italic}

/* The boss kills table */
TABLE.bosses {
  color: white;
  background-color: black;
/*  border: 1px solid #707070;*/
  font-size: small;
  padding: 5px;
  width: 50%;
}

TH.bosses-name {
  color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	background-color: #000000;
	background-image: url(images/titlebg.jpg);
}

TH.bosses-date {
  color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	background-color: #000000;
	background-image: url(images/titlebg.jpg);
}

TD.bosses-name {
	color: #ffffff;
	background-color: #080808;
}
TD.bosses-date {
	color: #ffffff;
	background-color: #101010;
}

/* REPORTS */

/* Player Raid Time */
DIV.report-playerRaidTime              {}
P.report-playerRaidTime-title          {text-align: center; font-size: large;}
P.report-playerRaidTime-parameters     {}
SPAN.report-playerRaidTime-range       {}
SPAN.report-playerRaidTime-filters     {}
TABLE.report-playerRaidTime            {color: black; border-width: 1px; border-style: solid;}
TR.report-playerRaidTime-row_header    {border-width: 1px; border-style: solid; background-color: #FFFFCC;}
TR.report-playerRaidTime-row_normal    {border-width: 1px; border-style: solid; background-color: white;}
TH.report-playerRaidTime_column_rank   {}
TH.report-playerRaidTime_column_name   {}
TH.report-playerRaidTime_column_time   {}
TD.report-playerRaidTime_column_rank   {}
TD.report-playerRaidTime_column_name   {}
TD.report-playerRaidTime_column_time   {}

/* Player Raid Count */
DIV.report-playerRaidCount             {}
P.report-playerRaidCount-title         {text-align: center; font-size: large;}
P.report-playerRaidCount-parameters    {}
SPAN.report-playerRaidCount-range      {}
SPAN.report-playerRaidCount-filters    {}
TABLE.report-playerRaidCount           {color: black; border-width: 1px; border-style: solid;}
TR.report-playerRaidCount-row_header   {border-width: 1px; border-style: solid; background-color: #FFFFCC;}
TR.report-playerRaidCount-row_normal   {border-width: 1px; border-style: solid; background-color: white;}
TH.report-playerRaidCount_column_rank  {}
TH.report-playerRaidCount_column_name  {}
TH.report-playerRaidCount_column_count {}
TD.report-playerRaidCount_column_rank  {}
TD.report-playerRaidCount_column_name  {}
TD.report-playerRaidCount_column_count {text-align: center;}

/* Item Drops */
DIV.report-itemDrops                   {}
P.report-itemDrops-title               {text-align: center; font-size: large;}
P.report-itemDrops-parameters          {}
SPAN.report-itemDrops-range            {}
SPAN.report-itemDrops-filters          {}
TABLE.report-itemDrops                 {color: black; border-width: 1px; border-style: solid;}
TR.report-itemDrops-row_header         {border-width: 1px; border-style: solid; background-color: #FFFFCC;}
TR.report-itemDrops-row_normal         {border-width: 1px; border-style: solid; background-color: white;}
TH.report-itemDrops_column_rank        {}
TH.report-itemDrops_column_name        {}
TH.report-itemDrops_column_count       {}
TD.report-itemDrops_column_rank        {}
TD.report-itemDrops_column_name        {}
TD.report-itemDrops_column_count       {text-align: center;}

/* Set Drops */
DIV.report-setDrops                    {}
P.report-setDrops-title                {text-align: center; font-size: large;}
P.report-setDrops-parameters           {}
SPAN.report-setDrops-range             {}
SPAN.report-setDrops-filters           {}
TABLE.report-setDrops                  {color: black; border-width: 1px; border-style: solid;}
TR.report-setDrops-row_header          {border-width: 1px; border-style: solid; background-color: #FFFFCC;}
TR.report-setDrops-row_normal          {border-width: 1px; border-style: solid; background-color: white;}
TH.report-setDrops_column_rank         {}
TH.report-setDrops_column_set          {}
TH.report-setDrops_column_total        {}
TH.report-setDrops_column_head         {}
TH.report-setDrops_column_legs         {}
TH.report-setDrops_column_bracers      {}
TH.report-setDrops_column_belt         {}
TH.report-setDrops_column_boots        {}
TH.report-setDrops_column_gloves       {}
TH.report-setDrops_column_shoulders    {}
TH.report-setDrops_column_chest        {}
TD.report-setDrops_column_rank         {}
TD.report-setDrops_column_set          {}
TD.report-setDrops_column_total        {text-align: center;}
TD.report-setDrops_column_head         {text-align: center;}
TD.report-setDrops_column_legs         {text-align: center;}
TD.report-setDrops_column_bracers      {text-align: center;}
TD.report-setDrops_column_belt         {text-align: center;}
TD.report-setDrops_column_boots        {text-align: center;}
TD.report-setDrops_column_gloves       {text-align: center;}
TD.report-setDrops_column_shoulders    {text-align: center;}
TD.report-setDrops_column_chest        {text-align: center;}

/* Instance Count */
DIV.report-instanceCount               {}
P.report-instanceCount-title           {text-align: center; font-size: large;}
P.report-instanceCount-parameters      {}
SPAN.report-instanceCount-range        {}
SPAN.report-instanceCount-filters      {}
TABLE.report-instanceCount             {color: black; border-width: 1px; border-style: solid;}
TR.report-instanceCount-row_header     {border-width: 1px; border-style: solid; background-color: #FFFFCC;}
TR.report-instanceCount-row_normal     {border-width: 1px; border-style: solid; background-color: white;}
TH.report-instanceCount_column_rank    {}
TH.report-instanceCount_column_name    {}
TH.report-instanceCount_column_count   {}
TD.report-instanceCount_column_rank    {}
TD.report-instanceCount_column_name    {}
TD.report-instanceCount_column_count   {text-align: center;}

/* Boss Count */
DIV.report-bossCount                   {}
P.report-bossCount-title               {text-align: center; font-size: large;}
P.report-bossCount-parameters          {}
SPAN.report-bossCount-range            {}
SPAN.report-bossCount-filters          {}
TABLE.report-bossCount                 {color: black; border-width: 1px; border-style: solid;}
TR.report-bossCount-row_header         {border-width: 1px; border-style: solid; background-color: #FFFFCC;}
TR.report-bossCount-row_normal         {border-width: 1px; border-style: solid; background-color: white;}
TH.report-bossCount_column_rank        {}
TH.report-bossCount_column_name        {}
TH.report-bossCount_column_count       {}
TD.report-bossCount_column_rank        {}
TD.report-bossCount_column_name        {}
TD.report-bossCount_column_count       {text-align: center;}