/* TAG STYLES */
body {
  margin: 0px;
  padding: 0px;
  background: #000000 url(http://warcraftrealms.com/images/bg_span.jpg) repeat-x;
  font-family: Verdana, sans-serif;
  font-size: 13px;
  color: #522901;
}
/* IE 5.5 and below don't inherit the font styles from the
body to the tables so we need to explicitly specify them */
table {
  font-family: Verdana, sans-serif;
  font-size: 13px;
  color: #522901;
}
div, form, table, td {
  margin: 0px;
  padding: 0px;
}
h1 {
  margin: 0px;
  font-family: Times New Roman, serif;
  font-weight: bold;
  font-size: 24px;
  color:#9f5304;
}
h2 {
  margin: 0px;
  font-family: Times New Roman, serif;
  font-weight: bold;
  font-size: 24px;
  color:#000000;
}
h3 {
  margin: 0px;
  font-family: Times New Roman, serif;
  font-weight: bold;
  color:#9f5304;
}
p {
  margin: 20px 0px;
}
a {
  color: #b75217;
  text-decoration: underline;
}
a:hover {
  color: #dc9a49;
}
/* PAGE LAYOUT

table id page-container contains the layout structure
3 column layout 2% (background), 96% (page), 2% (background)
*/
table#page-container {
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
table#page-container td#page-bg-left,
table#page-container td#page-bg-right {
  width: 2%;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
table#page-container td#page-bg-right {
  background: #000000 url(http://warcraftrealms.com/images/page-bg-right.jpg) 0 0 no-repeat;
}
table#page-container td#page-bg-left {
  background: #000000 url(http://warcraftrealms.com/images/page-bg-left.jpg) 100% 0 no-repeat;
}
table#page-container td#page {
  width: 98%;
  background: #000000;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
}
/* enclose the page area into a 1px black border */
div#page-border {
  border: 1px solid #000000;
  background: #000000;
}
/* page header style (floats logo to the left and floats the search box and language selector to the right */
div#header-container {
  background: #000000 url(http://warcraftrealms.com/images/header_bg.gif) repeat-x;
  text-align: left;
}
div#header-logo {
  width: 475px;
}
div#header-controls {
  float: right;
  width: 300px;
}
input#txt-keyword {
  width: 90px;
  height: 14px;
  padding: 2px;
  margin: 12px 0px 0px 5px;
  border: 1px solid #b1bbc3;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #666666;
  vertical-align: top;
}
input#btn-search {
  margin: 10px 0px 0px 0px;
  border: 0px;
  vertical-align: top;
}
img#nav0 {
  margin: 10px 10px 0px 10px;
  border: 0px;
  vertical-align: top;
}
/* page promotion area */
div#promo-container
{
  padding: 15px 0px 15px 0px;
  background: url(http://warcraftrealms.com/images/hd-background-1.jpg) repeat-x;
}
div#promo img {
  border: 1px solid #000000;
}
/* page main menu area */
div#nav-container {
  height: 26px;
  background: #000000 url(http://warcraftrealms.com/images/bg_nav.gif) repeat-x;
}
div#nav-right {
  float: right;
  width: 5px;
  height: 26px;
}
div#nav-realms {
  float: left;
  width: 141px;
  height: 26px;
  background: url(http://warcraftrealms.com/images/nav_realms_b.gif) no-repeat;
}
div#nav-community {
  float: left;
  width: 86px;
  height: 26px;
  background: url(http://warcraftrealms.com/images/nav_community_b.gif) no-repeat;
}
div#nav-data {
  float: left;
  width: 84px;
  height: 26px;
  background: url(http://warcraftrealms.com/images/nav_data_b.gif) no-repeat;
}
div#nav-graphs {
  float: left;
  width: 61px;
  height: 26px;
  background: url(http://warcraftrealms.com/images/nav_graphs_b.gif) no-repeat;
}
div#nav-mods {
  float: left;
  width: 51px;
  height: 26px;
  background: url(http://warcraftrealms.com/images/nav_mods_b.gif) no-repeat;
}
div#nav-developers {
  float: left;
  width: 86px;
  height: 26px;
  background: url(http://warcraftrealms.com/images/nav_developers_b.gif) no-repeat;
}
div#nav-drawings {
  float: left;
  width: 76px;
  height: 26px;
  background: url(http://warcraftrealms.com/images/nav_drawings_b.gif) no-repeat;
}
div#nav-links {
  float: left;
  width: 49px;
  height: 26px;
  background: url(http://warcraftrealms.com/images/nav_links_b.gif) no-repeat;
}
div#nav-sponsors {
  float: left;
  width: 75px;
  height: 26px;
  background: url(http://warcraftrealms.com/images/nav_sponsors_b.gif) no-repeat;
}
div#nav-login {
  float: left;
  width: 65px;
  height: 26px;
  background: url(http://warcraftrealms.com/images/nav_login_b.gif) no-repeat;
}
/* page content area */
div#content-container {
  background: #dddddd url(http://warcraftrealms.com/images/bg_content.gif) repeat-x;
  padding: 5px;
  text-align: left;
}
/* potential columnar layout available if needed, must be a table */
/* fixed width column on the right */
td.right-column {
  width: 300px;
  margin: 0px;
  vertical-align: top;
}
/* fixed width column on the left */
td.left-column {
  float: left;
  width: 300px;
  margin: 0px;
  vertical-align: top;
}
/* main column (flexible width) */
td.main-column {
  padding: 0px;
  vertical-align: top;
}
/* fixed width ad column on the right */
td.adright-column {
  margin: 0px;
  vertical-align: top;
  width: 120px;
}
/* a generic box of content, creates the effect of the window with a title bar */
div.content-box {
  border: 1px solid #000000;
  background: #ececec url(http://warcraftrealms.com/images/img_table_head_bg.gif) 0 0 repeat-x;
}
td.content-box {
  background: #ececec url(http://warcraftrealms.com/images/img_table_head_bg.gif) 0 0 repeat-x;
}
div.content-box div.title-bar {
  height: 31px;
  background: url(http://warcraftrealms.com/images/img_table_head_arrow.gif) no-repeat;
  font-size: 14px;
  font-weight: bold;
  color: #dc9a49;
  line-height: 30px;
  padding: 0px 0px 0px 35px;
}

div.content-box .form {
  text-align: center;
  width: 240px;
  border: 0px;
  font-size: 11px;
  font-family: Verdana, sans-serif;
  margin: 0px;
}
div.content-box .form td.right {
  width: 170px;
  text-align: left;
  padding: 2px;
}
div.content-box .form td.left {
  text-align: left;
  padding: 2px;
}
div.content-box .form input.text {
  height: 13px;  /* all browsers */
  border: 1px solid #b3bbc2;
  background: #ffffff;
  color: #000000;
  font-family: Verdana, sans-serif;
  font-size: 10px;
}
div.content-box .form input.username {
  height: 13px;  /* all browsers */
  width: 172px;
  border: 1px solid #b3bbc2;
  background: #ffffff;
  color: #000000;
  font-family: Verdana, sans-serif;
  font-size: 10px;
}
div.content-box .form input.image {
  float: right;
}
div.content-box p {
  font-size: 11px;
  font-family: Verdana, sans-serif;
  margin: 20px 10px;
}
div.content-box .white {
  font-size: 11px;
  font-weight: normal;
  color: #ffffff;
}
div.content-box .dark {
  font-size: 11px;
  color: #cd733c;
  font-weight: normal;
}
div.content-box div.reply-btn {
  text-align: right;
}
/* ad-banner, floatedo n the right */
div.ad-banner {
  margin: 0px;
  height: 600px;
}
/* separator layer */
div.separator {
  clear: both;
  font-size: 1px;
}
/* footer style */
div#footer-container {
  height: 34px;
  background: url(http://warcraftrealms.com/images/footer_bg.gif) repeat-x;
}
div#footer-left {
  float: left;
  width: 31px;
}
div#footer-right {
  float: right;
  width: 31px;
}
div#footer-main {
  color: #cb7644;
  font-size: 11px;
  padding: 9px 0px 0px 0px;
}
div#footer-main a {
  color: #cb7644;
  text-decoration: none;
}
div#footer-main a:hover {
  color: #ffab45;
}
/* list of links with striped effect (see Latest News) */
ul.links {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.links li {
  margin: 0px;
  line-height: 17px;
  padding: 8px 10px;
}
ul.links li a {
  color: #522900;
  text-decoration: none;
}
ul.links li a:hover {
  color: #dc9a49;
}
.odd {
  background: #ffffff;
}
.even {
  background: #ececec;
}
/* styles for the dropdown js menu */
/* the dropdown box */
div.dropdown {
  filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  opacity: 0.95;
  border: 1px solid #000000;
  border-bottom: 0px;
  background-color: #363636;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  z-index: 99;
  text-align: left;
  width: 150px; /* << modify this if you wish to make the dropdown wider or narrower */
}
/* shadow behind the dropdow box */
div.dropdown-shadow {
  filter: alpha(opacity=10);
  -moz-opacity: 0.10;
  opacity: 0.10;
  background-color: #000000;
  left: 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 98;
}
div.dropdown img {
  display: block;
}
/* dropdown menu item */
div.menu-active a,
div.menu-active a:link,
div.menu-active a:visited,
div.menu-active a:active,
div.menu-active a:hover {
  color: #cd733e;
  background-color: #363636;
  display: block;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  margin: 0px;
  padding: 0px 0px 0px 10px;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 1px solid #000000;
  overflow: hidden;
}
div.menu-active a:hover {
  background-color: #000000;
  color: #ffffff;
}
/* rollover effect for the website main menu buttons */
.rollover a {
  display: block;
}
.rollover a:hover {
  visibility: visible;
}
.rollover a:hover img {
  visibility: hidden;
}


.bgheader {
	background-color: #393731;
	color: #d0d0d0;
}
.bgcontent {
	background-color: #131210;
	color: #d0d0d0;
}
.bgFormat
{
	color: #d0d0d0;
}
.Scores
{
	color: #d0d0d0;
	text-align:right;
	margin: 3px 1px 3px 1px;
	padding: 5px 2px 5px 2px;
}
.Scores a:link, .Scores a:visited {
	color: #dc9a49;
}
.Scores a:hover, .Scores a:active {
	color: #d0d0d0;
}
.Alliance {
	background-color: #182642;
	margin: 3px 1px 3px 1px;
	padding: 5px;
}
.Alliance a:link, .Alliance a:visited {
	color: #0292cb;
}
.Alliance a:hover, .Alliance a:active {
	color: #ffffff;
}
.Horde {
	background-color: #521323;
	margin: 3px 1px 3px 1px;
	padding: 5px;
}
.Horde a:link, .Horde a:visited {
	color: #cc1819;
}
.Horde a:hover, .Horde a:active {
	color: #ffffff;
}
.Green {
	background-color: #0b5006;
	margin: 3px 1px 3px 1px;
	padding: 5px;
}
.Green a:link, .Green a:visited {
	color: #18e117;
}
.Green a:hover, .Green a:active {
	color: #ffffff;
}
.Gold {
	background-color: #5f5413;
	margin: 3px 1px 3px 1px;
	padding: 5px;
}
.Gold a:link, .Gold a:visited {
	color: #ffd100;
}
.Gold a:hover, .Gold a:active {
	color: #ffffff;
}

.charHistory
{
	text-align:left;
	padding: 0px 5px 0px 5px;
}


ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #000;
margin: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #777;
margin: 2px 2px 0 2px;
border: 1px solid #000;
}

ul#tabnav li.Horde_tab {
	background-color: #521323;
}

ul#tabnav li.Alliance_tab {
	background-color: #182642;
}

ul#tabnav li.Green_tab {
	background-color: #0b5006;
}

ul#tabnav li.Gold_tab {
	background-color: #5f5413;
}

#tabnav a {
float: left;
display: block;
color: #ddd;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background: #fff;
color: #333;
}

#tabnav li.selected {
background: #333;
color: #333;
}

#breadcrumb
{
    margin: 5px 0px 5px 0px;
    padding: 2px 0px 10px 0px;
    width:100%;
    text-align: left;
}

/* a generic box of content, creates the effect of the window with a title bar */
div.infobox {
  border: 2px solid #522901;
  margin: 5px;
  padding: 25px;
  background-color: #f6f6f6;
}



/* dropdown menu item */
div.userChar
{
	text-align:left;
	margin: 10px 5px 10px 5px;
	padding: 4px;
}
div.userChar:hover {
  background-color: #c0c0c0;
  border: solid 1px #000000;
  padding: 3px;
}

div.userChar a,
div.userChar a:link,
div.userChar a:visited,
div.userChar a:active,
div.userChar a:hover
{
    color: #b75217;
    text-decoration: none;
    display: block;
}

.comment
{
    padding: 10px 0px 10px 0px;
}

.comment_0
{
    border-bottom: solid 1px #573E0E;
    border-top: solid 1px #573E0E;
    background-color: #f6f6f6;
    padding: 5px 10px 5px 10px;
}
.comment_1
{
    padding: 5px 10px 5px 10px;
}

form.inline_edit_form
{
  display: block;
  width: 450px;
  padding: 8px 0 8px 0;
  margin: 2px auto 0 auto;
}

form.inline_edit_form textarea
{
  text-align: center;
  width: 450px;
}

form.inline_edit_form .editor_cancel
{
  float: right;
  display: block;
  margin-top: 10px;
  margin-right: 5px;
}

form.inline_edit_form input.editor_ok_button
{
  float: right;
  margin-top: 8px;
  margin-right: 8px;
}

.inplaceeditor-saving
{
  font-style: italic;
  color: rgb(140,140,140);
}

#Caption
{
  width: 450px;
  padding: 8px 0 8px 0;
  text-align: center;
  margin: 5px auto 0 auto;
  line-height: 1.4em;
}

#Caption.Editable
{
  cursor: text;
}

#Delete
{
  display: block;
  width: 600px;
  margin: 5px auto 0 auto;
  text-align: right;
  font-size: 11px;
}

#Delete a
{
  display: block;
  float: right;
  color: rgb(140,140,140);
  text-decoration: none;
}

#Delete a:hover
{
  text-decoration: underline;
}

/* Rahmenfarbe der Tabelle */
.tbg {background-color: #C0C0C0; width:100%; text-align:center; font-size:10pt;}

/* Zellenfarbe der Tabelle */
table.tbg tr {background-color: #FFFFFF;}

/* Hintergrundbild f&uuml;r Tabellenkopf  */
.rbg {background-color: #FFFFFF; font-weight:bold; background-image: url("http://warcraftrealms.com/images/c2.gif");}



/* Tabellenzeile Grau */
table.tbg tr.cbg1 td, td.cbg1 {background-color:#F5F5F5;margin:5px;}
table.tbg td.cbg2 {background-color:#71D000}

/* Abstand links, in Tabellenzeile */
table.tbg tr.s7 td, td.s7 {padding-left:7px !important; text-align:left}
table.tbg tr.r7 td, td.r7 {padding-right:7px !important; text-align:right}

/* Abstand links und rechts in Tabellenzeile */
.slr3 { padding-left:3px; padding-right:3px; text-align:center}

/* Rahmen f&uuml;r Treffer in der Statistik */
table.tbg td.ou {border-top:1px solid #D07100; border-bottom:1px solid #D07100; background-color:#FFF0F0; }
table.tbg td.li {border-left:1px solid #D07100 }
table.tbg td.re {border-right:1px solid #D07100}

table.tbg td { margin:3px; padding:3px;}