* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%;
}


body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    /* color: #828282;*/
    color: #fff;
    background-color: #000;
    /*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
    font-size: 12px;
    margin: 0;
    padding: 12px 0;
}

#wrap {
    height: 100%;
    padding: 0 20px;
    min-width: 650px;
}

.bits {
    margin-left: 170px;
    font-size: 95%;
}

.ajax-loader {
    display:block;
    margin-left:auto;
    margin-right:auto; 
}

/* Link styles */

a:link, a:visited	{ color: #AF9F9F; text-decoration: none; }
a:hover, a:active	{ color: #D31141; text-decoration: underline;}

h1 :link, h1 :visited ,h2 :link, h2 :visited, h3 :link, h3 :visited,
h4 :link, h4 :visited, h5 :link, h5 :visited, h6 :link, h6 :visited {
 color: inherit;
 text-decoration: none;
}

img { border: none }

h1, h2, h3, h4 {
   margin-bottom: 2px;
}

#header {
    font-family:Verdana,Helvetica,Arial,sans-serif;
    font-size:10px;
}

#header-top {
    background: #ebebeb none repeat-x 0 0;
    margin-bottom: 4px;
    padding: 0 5px;

    background-color: #808080;

    background-image: url("/images/banners/random.php?speed=3600&cache=5400");

    color: #000000;
}

#site-description {
    width: 70%;
   float: left;
}

#site-description h1 {
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size:2em;
    font-weight:bold;
    margin-right:200px;
    margin-top:15px;
    margin-bottom: 0px;
}

#site-description p {
    font-size:1.1em;
    line-height:1.3em;
    margin-bottom:1.5em;
}


#logo {
    float: left;
    width: auto;
    padding: 10px 13px 0 10px;
}

a#logo:hover {
    text-decoration: none;
}


ul.linklist {
    display: block;
    margin: 0;
    
    height:4%;
    overflow:hidden;
}

ul.linklist li {
    display: block;
    list-style-type: none;
    float: left;
    width: auto;
    margin-right: 5px;
    font-size: 1.1em;
    line-height: 2.2em;
}

ul.navlinks {
    float: left;

    padding-bottom: 1px;
    margin-bottom: 1px;
    font-weight: bold;
}

#page-tagline {
    font-size: 1.1em;
    line-height: 2.2em;
    margin-right: 16px;
}

.postedby {
    font-size: x-small;
    color: #787;
    margin-bottom: .8em;
    margin-left: 10px;
}

.posttext {
  margin: 10px 10px 10px 10px;
}

.commentlink {
    border-top: solid 1px black;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-style: italic;
    font-size: x-small;
}

.hidden {
    display: none;
}

#sidebar {
    height: 100%;
    margin-top: 0px;
    width: 156px;
    font-size: 85%;
    float: left;
}

#sidebar ul {
    margin-left: 1px;
    padding-left: 1px;
    list-style: none;
}

.box {
    border: solid 1px black;
    margin-bottom: 1em;

    background-color: white;
    color: black;
}

.box h1, .box h2, .box h3, .box h4 {
    margin: 0 0 0 0;
    padding: 2px 2px 4px 10px;
    background-color: #ccc;
}

/*
 boxes
*/

.box2 {
    margin-bottom: 11px;
}

.box2 .forabg {
	/* background: #b1b1b1 none repeat-x 0 0; */
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.box2 h1, .box2 h2, .box2 h3, .box2 h4 {
    margin: 0 0 0 0;
    padding: 2px 2px 2px 6px;
    background-color: #444;
    color: white;
}

.box2 h1 { font-size: 1.2em; }
.box2 h2 { font-size: 0.9em; }
.box2 h3 { font-size: 0.9em; }
.box2 h4 { font-size: 0.5; }

.box2 .inner .box2c {
    padding: 2px 4px 2px 4px;
    background-color: #010101;
}

.box2c ol, .box2c ul {
    padding: 3px;
    margin-left: 1.2em;
}

.box3c ol, .box3c ul {
    padding: 3px;
    margin-left: 1.2em;
}

ul.nopad, ol.nopad {
    padding: 0;
    margin: 0;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	/* clear: both; */
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}

.forabg {
	background-color: #404040;
	background-image: url("/forums/styles/proDark/theme/images/bg_list.gif");
        background-repeat: repeat-x;
}

span.corners-top {
	background-image: url("/forums/styles/proDark/theme/images/corners_left.png");
}

span.corners-top span {
	background-image: url("/forums/styles/proDark/theme/images/corners_right.png");
}

span.corners-bottom {
	background-image: url("/forums/styles/proDark/theme/images/corners_left.png");
}

span.corners-bottom span {
	background-image: url("/forums/styles/proDark/theme/images/corners_right.png");
}

* html span.corners-top, * html span.corners-bottom { background-image: url("/forums/styles/proDark/theme/images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("/forums/styles/proDark/theme/images/corners_right.gif"); }

/*
 boxes (3)
*/

.box3 {
    margin-bottom: 11px;
}

.box3 .forabg2 {
	background: #414141 none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
}

.box3 h1, .box3 h2, .box3 h3, .box3 h4 {
    margin: 0 0 0 0;
    padding: 2px 2px 2px 6px;
    border-bottom: solid 1px black;
    color: white;
}

/*
 boxes (3b)
*/

.box3-b {
    margin-bottom: 11px;
}

.box3-b .forabg2 {
    /*414141*/
    background: #262626 none repeat-x 0 0;
    margin-bottom: 4px;
    padding: 0 5px;
}

.box3-b h1, .box3-b h2, .box3-b h3, .box3-b h4 {
    margin: 0 0 0 0;
    padding: 2px 2px 2px 6px;
    border-bottom: solid 1px black;
    color: white;
}

span.corners-top-B, span.corners-bottom-B, span.corners-top-B span, span.corners-bottom-B span {
    font-size: 1px;
    line-height: 1px;
    display: block;
    height: 5px;
    background-repeat: no-repeat;
}

span.corners-top-B {
    background-image: none;
    background-position: 0 0;
    margin: 0 -5px;
}

span.corners-top-B span {
    background-image: none;
    background-position: 100% 0;
}

span.corners-bottom-B {
    background-image: none;
    background-position: 0 100%;
    margin: 0 -5px;
    /* clear: both; */
}

span.corners-bottom-B span {
    background-image: none;
    background-position: 100% 100%;
}

span.corners-top-B {
    background-image: url("/images/bits/corners_left-B.gif");
}

span.corners-top-B span {
    background-image: url("/images/bits/corners_right-B.gif");
}

span.corners-bottom-B {
    background-image: url("/images/bits/corners_left-B.gif");
}

span.corners-bottom-B span {
    background-image: url("/images/bits/corners_right-B.gif");
}

* html span.corners-top-B, * html span.corners-bottom-B { background-image: url("/images/bits/corners_left-B.gif"); }
* html span.corners-top-B span, * html span.corners-bottom-B span { background-image: url("/images/bits/corners_right-B.gif"); }


/*
 boxes (outer)
*/

.box_outer {
    background-color: #0e0e0e;
    margin: 2px 2px 2px 2px;
    padding: 0 0 0 0;
}

.box_outer h1 {
    margin-top: 0px;
}

.box_outer_inner {
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 0px;
    margin-top: 0px;
}

span.corners-o-top, span.corners-o-bottom, span.corners-o-top span, span.corners-o-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-o-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -6px;
}

span.corners-o-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-o-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -6px;
	/* clear: both; */
}

span.corners-o-bottom span {
	background-image: none;
	background-position: 100% 100%;
}


* html span.corners-o-top, * html span.corners-o-bottom { background-image: url("/forums/styles/proDark/theme/images/corners_left.gif"); }
* html span.corners-o-top span, * html span.corners-o-bottom span { background-image: url("/forums/styles/proDark/theme/images/corners_right.gif"); }
span.corners-o-top {
	background-image: url("/forums/styles/proDark/theme/images/corners_left.png");
}

span.corners-o-top span {
	background-image: url("/forums/styles/proDark/theme/images/corners_right.png");
}

span.corners-o-bottom {
	background-image: url("/forums/styles/proDark/theme/images/corners_left.png");
}

span.corners-o-bottom span {
	background-image: url("/forums/styles/proDark/theme/images/corners_right.png");
}

div.bbcode_img_div {
    display: inline;
}

.posttext img, .content img {
    max-width: 100%;
}

/* news nav */
#news_nav_block {
    width: 100%;
    height: 24px;
}

.news_nav_newer {
    float: right;
}

.news_nav_older {
    float: left;
}

/* icons */

.li-icon {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-image: none;
    padding: 1px 0 0 17px;
    margin-left: 5px;
}

.icon-home      { background-image: url("/forums/styles/proDark/theme/images/icon_home.gif"); }
.icon-armory    { background-image: url("/images/icons2/armory.gif"); }
.icon-apply     { background-image: url("/images/icons2/apply.gif"); }
.icon-info      { background-image: url("/images/icons2/shield2.gif"); }
.icon-bc-forums { background-image: url("/images/icons2/sticky.gif"); }

/* loots */

#loot #rightCol {
    margin-bottom: 4px;
}

.loot-link a {
    white-space: nowrap;
}

.loot-link {
    overflow: hidden;
}

.loot-block {
    border-bottom: 1px solid #444;
}

#loot-recent-hint {
    display: none;
}

#loot-recent-hint {
    text-align: center;
}

/* Auto complete */

.ui-autocomplete {}
.ui-autocomplete-results { overflow: hidden; z-index: 99999; padding: 1px; position: absolute; }
.ui-autocomplete-results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }

/* if  the width: 100%, a horizontal scrollbar will appear when scroll: true. */
/* !important! if line-height is not set, or is set to a relative unit, scroll will be broken in firefox */
.ui-autocomplete-results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; border-collapse: collapse; }
.ui-autocomplete-results li.ui-autocomplete-even { background-color: #fff; }
.ui-autocomplete-results li.ui-autocomplete-odd { background-color: #eee; }

.ui-autocomplete-results li.ui-autocomplete-state-default { background-color: #fff; border: 1px solid #fff; color: #212121; }
.ui-autocomplete-results li.ui-autocomplete-state-active { color: #000; background:#E6E6E6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x; border:1px solid #D3D3D3; }

.ui-autocomplete-loading { background: white url('images/ui-anim.basic.16x16.gif') right center no-repeat; }
.ui-autocomplete-over { background-color: #0A246A; color: white; }

/* tabs */

.ui-tabs .ui-tabs-hide {
     display: none;
}

/* crafting */

.crafting-prof-index {
    margin: 4px;
}

.crafting-prof-index ul {
    float: left;
    border: solid 2px #666;
}

.crafting-prof-index ul li {
    list-style-type: none;
}

.crafting-prof-index img {
    padding: 2px;
    vertical-align: text-top;
}

.crafting-prof-index a {
    font-size: 120%;
    display: block;

    background-color: #444;
    
    padding: 2px;
    padding-right: 5px;
    
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #222;
    
    text-decoration: none;
}

.crafting-prof-index a:hover {
    background-color: #999;
}

.crafting-header-icon {
    vertical-align: text-top;
}

.crafting-recipe-a {
    font-style:italic;
}

.crafting {
    margin: 4px;
    border: solid 3px #777;
    border-collapse: collapse;
}

.crafting tr {
    
}

.crafting td {   
    border: solid 1px #454545;
    background-color: #222222;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.crafting td.crafting-icon {
    border-right: none;
    padding-right: 0px;
    padding-left: 2px;
}

.crafting td.crafting-link {
    border-left: none;
}

.wowhead-tilebutton {
    background:transparent none no-repeat scroll 4px 4px;
    width: 25px;
    height: 25px;
}

.wowhead-tilebutton div {
    background-image:url(http://static.wowhead.com/images/icon_border_small.png);
    height:25px;
    width:25px;
}

.wowhead-tilebutton-enchant {
    background-image:url(http://static.wowhead.com/images/icons/small/spell_holy_greaterheal.jpg);
}

.wowhead-tilebutton-unknown {
    background-image:url(http://static.wowhead.com/images/icons/small/inv_misc_questionmark.jpg);
}

/* xtable */

.xtable {
    margin: 4px;
    border: solid 1px #777;
    border-collapse: collapse;
}

.xtable tr {
    border: 0;
}

.xtable  td {
    margin: 0;
    border: solid 1px #454545; 
    background-color: #222222;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.xtable th {
    border: solid 1px #454545;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #444;
}

.xtable th.headerSortUp {
    background-color: #656565; 
}

.xtable th.headerSortDown {
    background-color: #656565; 
}


/* xform */
.xform {
    margin: 10px;
}

.xform p label {
    margin-right: 18px;
}

.xform p {
    height: 24px;
}

.xform p input {
    position: absolute;
    left: 168px;
}

.xform ul.errorlist {
    color: red;
    list-style: none;
}

.classrace-icon-small, .classrace-icon-medium, .classrace-icon-large { 
    vertical-align:middle;
}
.classrace-icon-small { width: 18px; height: 18px; }
.classrace-icon-medium { width: 32px; height: 32px; }
.classrace-icon-large { width: 40px; height: 40px; }

/* recent achievements */
#news-ach {
    margin: 0;
    padding: 0;
}

#news-ach .ui-tabs-nav li {
    margin-right: 3px;
}

#news-ach .ui-tabs-nav li a {
    padding: 2px 2px 2px 2px;
}

#news-ach .ui-widget-content {
    margin: 0;
    padding: 0;
    padding-top: 1px;
}

#news-ach-hint {
    text-align: center;
}

.ach-recent-box {
    border-bottom: solid 1px #444;
     margin-bottom: 1px;
}

.ach-recent-icon {
    float: left;
    height: 2.1em;
    margin: 2px 4px 2px 2px;
}

.ach-recent-link {
    overflow: hidden;
    white-space: nowrap;
}

.ach-recent-link  a {
    color: white;
    font-weight: bold; 
}

.ach-recent-player {
    overflow: hidden;
    white-space: nowrap;
}

.ach-recent-link span.ach-recent-link-title {
    position: relative;
}

.ach-recent-link span.ach-recent-time {
    z-index: 10;
    color: #666;
    float: right;
    font-size: 90%;
    background-color: black;
    position: relative;
}

.ach-recent-player em {
    float: left;
    color: #aaa;
}

.ach-recent-player span {
    float: right;
    color: #aaa;
}

#recent-ach-page {
    width: 540px;
}

#recent-ach-page .ach-recent-box {
   margin-bottom: 3px;
   margin-top: 3px;
}

#gi-player #ach-tabs {
    width: 480px;
}

#gi-guild-recent-ach {
    width: 640px;
}

/* info */

#tabs-info div.box3 {
    margin: 20px;
    margin-left: 36px;
    margin-right: 32px;
    margin-bottom: 10px;
}

.gi-index-class {
    display: inline-block;
    width: 240px;
    margin-top: 20px;
    margin-left: 36px;
    margin-right: 32px; 
    margin-bottom: 40px;
    vertical-align: top;
}

.gi-index-class ul {
    padding-top: 2px;
    list-style-type: none;
    padding-left: 5px;
}

.gi-index-class img {
    width: 1em;
    height: 1em;
    margin: 0px 0px -1px 0;
}

.gi-index-class li img {
    margin: 0px 0px -1px 2px;
}

.gi-roster-race {
    font-size: .9em;
}

.gi-roster-cls {
    font-size: .9em;
}

/* player */

.gi-plr-portrait {
    height: 64px; width: 64px;float: left; margin-right: 4px;
}

.gi-plr-header-info {
    height: 64px;
}

.gi-plr-header-info-name {
    font-size: 28px; height: 32px;
}

.gi-plr-header-info-name .player-title {
    font-size: 16px;
    font-weight: bold;
}

.gi-plr-header-info-guild { 
    font-size: 12px; height: 16px;
}

.gi-plr-header-info-type {
    font-size: 14px; height: 16px;
}

/* info achievements */

#ach-tree {
    float: left;
    max-width: 200px;
    width: 200px;
}

.ach-tree .selected, .ach-tree .selected {
    font-weight: bold;
}

.ach-tree-level0, .ach-tree-level1 {
    list-style-type: none;
}

.ach-tree-level0 {
    margin-left: 10px;
}

.ach-tree-level1 {
    font-weight: normal;
    display: none;
    margin-left: 20px;
}

#ach-body {
    display: block;
    margin-left: 200px;
}