/* replace background color */
html {
 overflow: -moz-scrollbars-vertical;
}

html, body {
	background-color:#0E0E0E;
	background-repeat:repeat;
	color:#5F6476;
	font: 12px verdana;
}

h2 {
 color:#ADAEAE;
}

a img {
	border: 0;
}


td {
 text-align: left;
}

th {
 text-align: center;
}

table {
 width: 95%;
 border-spacing: 0px;
 background-color:#0E0E0E;
 max-width : 1000px;
}

table.main {
 width: expression(Math.min(parseInt(this.offsetWidth), 1000 ) + "px");
}

table.sortable {
 width: 100%;
}

input.text, .hc_xml {
 background-color:#5F6476;
 border: 1px solid #0E0E0E;
}

input.submit {
 color: #40BFE7 !important;
 font-weight: bold;
 border: 3px solid #0E0E0E;
 background : #000000 url('./images/cellpic3.gif') repeat-x  ; 
}

textarea.hc_xml {
 width:600px;
 height:200px;
 overflow-x: hidden; 
 overflow-y: scroll;
}

table.hc_xml {
 width: 100px;
 font-weight:bold;
 border: 0px;
 background-color:#181818;
}


th.news, th.newsdate{
 padding:10px;
 background-color:#181818;
 text-align:Left;
 border-top: 1px solid #5F6476;
 border-bottom: 1px solid #5F6476;
 color: #ADAEAE;
 font-size: 14px;
}

td.news {
 padding:10px;
 text-align:justify;
}

th.newsdate {
 font-size: 11px;
 text-align:right
}

.menu2tb { 
background : #000000; 
color : #000000; 
border : 1px solid #000000;
width:100%;
}

.menu2 { 
 background : #000000 url('./images/cellpic3.gif') repeat-x  ; 
 font : bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
 padding : 3px 6px 3px 6px; 
 white-space : nowrap; 
}
 
.menu2 a:link, .menu2 a:visited { 
 color: #40BFE7 !important;
 text-decoration : none; 
 font : bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
} 
 
.menu2 a:hover { 
 color : #ffffff !important; 
 text-decoration : underline; 
} 

.menu3 a:link, .menu3 a:visited { 
 color: #40BFE7 !important;
 text-decoration : none; 
 font : bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
} 
 
.menu3 a:hover { 
 color : #ffffff !important; 
 text-decoration : underline; 
} 

.menu4 {
 color: #40BFE7 !important;
 text-decoration : none; 
 font : bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
}


.select {
 color: #40BFE7 !important;
 text-decoration : none; 
 font : bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
 background : #000000 url('./images/cellpic3.gif') repeat-x  ; 
}

.link { 
 color: #40BFE7 !important;
 text-decoration : none; 
 font : tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
} 
 
.link:hover { 
color : #ffffff!important; 
text-decoration : underline; 
}

.fadedlink {
 color : #5F6476;
 text-decoration : underline; 
} 

.heading {
 font-size: 24px;
 font-weight: bold;
}

.small {
 font-size: 10px;
 font-weight: bold;
}

.boss {
 width: 100%;
 
}

.top-left, .top-right, .bottom-left, .bottom-right, .top, .bottom {
	background-image: url("./images/rounded.gif");
	height: 53px;
	font-size: 2px;
}
.top-left, .bottom-left,.top-right, .bottom-right {
	width: 20px;
}

.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}
.bottom-left  {
	background-position: 0 -53px;    /* CHANGE: replace second number by negative height of one of your corners */
}
.bottom-right {
	background-position: 100% -53px; /* CHANGE: replace second number by negative height of one of your corners */
}

.top {
 background-position: -20px 0px;
}

.bottom {
 background-position: -20px -53px;
}

.left, .right {
 background-image: url("./images/bg.gif");
 background-repeat: repeat-y;
}

.right {
	background-position: 100%;
}

.inside {
	/*align: right;*/
	background-image: url("./images/bg.gif");            /* YCC: background-color of the inside */
	background-repeat: repeat-y;
	background-position: 100%;
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 15px;             /* YCC: all texts at some distance of the left border */
	padding-right: 15px;
	padding-top: 1px;             /* YCC: all texts at some distance of the right border */
}

.outside {
	margin: 0 auto;
	width: 95%;
	max-width : 1600px;
	padding: 0;
}

.logodesc {
	background-image: url('./images/site_logo.jpg');
	background-position: center;
	height: 179px;
}

.light {
 background-color:#181818;
}

.dark {
 background-color:#181818;
}

table.loot {
 width: 100%;
 border: solid #252525 1px;
}

tr.recruit {
  background-color:#181818;
}

td.recruit {
 padding: 4px;
 border-top: solid #252525 1px;
 border-bottom: solid #000000 1px;
}

td.recruitNoBottom {
 padding: 4px;
 border-top: solid #252525 1px;

}

.recruitBackground {
 background-color:#181818;
}


td.loot, td.looth, td.lootc {
 background-color:#181818;
 padding: 4px;
 border-top: solid #252525 1px;
 border-bottom: solid #000000 1px;
}

td.lootc {
 text-align: center;
}

td.looth {
 text-align: center;
 font-weight: bold;
}


.recruitHigh {
 color: #55FF00;
 font-weight: bold;
}

.recruitMed {
 color: #FF5500;
 font-weight: bold;
}

.recruitLow {
 color: #FF0000;
 font-weight: bold;
}

.recruitHeader {
 color: #FF0000; font-weight: bold; font-size: 18px;
}

.class0, .class1, .class2, .class3, .class4, .class5, .class6, .class7, .class8, .class9, .class10 {
 font-weight: bold
}

.class0 {
 color:#5F6476;
}

.class1, .wowclass6 {
 color: #C41E3B
}

.class2, .wowclass1 {
 color: #C69B6D
}

.class3, .wowclass8 {
 color: #68CCEF
}

.class4, .wowclass11 {
 color: #FF7C0A
}

.class5, .wowclass4 {
 color: #FFF468
}

.class6, .wowclass2 {
 color: #F48CBA
}

.class7, .wowclass7 {
 color: #2359FF
}

.class8, .wowclass9 {
 color: #9382C9
}

.class9, .wowclass3 {
 color: #AAD372
}

.class10, .wowclass5 {
 color: #FFFFFF
}


.wowclass0, .wowclass1, .wowclass2, .wowclass3, .wowclass4, .wowclass5, .wowclass6, .wowclass7, .wowclass8, .wowclass9, .wowclass11 {
 font-weight: bold
}