@charset "utf-8";
/* CSS Document */

/* RESET CSS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.success{
  color: green;
}

.error{
  color: red;
}


body {
  line-height: 1;
 color: #fff3de;
  
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*   ALL >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

body{
background:#2c1a0a;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:130%;

margin:0px;
padding:0px;

}

#content{
width:995px;
margin:0 auto;

}
/*   HEADER   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#header{
background:url(../images/layout/image_05.jpg) no-repeat;
width:992px;
height:407px;
}

/*   COLS  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#left_col{
width:223px;
height:824px;
float:left;
}

#left_col #menu{
background:url(../images/layout/image_08.jpg) no-repeat;
height:568px;
font-size: 13px;
font-weight: bold;

}

#left_col #menu_opts{
padding: 0px 58px 10px 45px;
text-align: center;
height: 455px;
}


#left_col #additional_links{
background:url(../images/layout/image_15.jpg);
height:256px;
}

#left_col #additional_links_enq{
padding-top: 40px;
padding-left: 15px;
padding-right: 20px;
}


#middle_col{
background:#595248 url(../images/layout/image_16.jpg) no-repeat;
width:546px;
min-height : 823px;
float:left;

}

#middle_content{
width:546px;
height: 670px;
overflow: auto;

float:left;
margin-top: 145px;
text-align: center;
}

#right_col{

float:left;
width:223px;

}

#right_col #form{
background:url(../images/layout/image_11.jpg) no-repeat;
height:166px;

}

#right_col #form_inputs{
padding: 20px 15px 10px 20px;
text-align: right;
}

#right_col #raports{
background:url(../images/layout/image_12.jpg) no-repeat;
height:197px;

}

#right_col #raports_opts{
padding-top: 40px;
padding-left: 20px;
font-size: 13px;
font-weight: bold;
text-align: center;
}

#right_col #ranking{
background:url(../images/layout/image_14.jpg) no-repeat;
padding-left: 7px;
padding-top: 135px;
text-align: center;
height:480px;

}


a.menu:link { 
  color: #fff3de ;
  text-decoration: none 
}

a.menu:visited {
  color: #fff3de ; 
  text-decoration: none
}

a.menu:hover { 
  color: #fff3de ;  
  text-decoration: underline
}

a.menu:active { 
  color: #fff3de ;  
  text-decoration: none
}



a.gg:link { 
  color: #fff3de ;
  text-decoration: none 
}

a.gg:visited {
  color: #fff3de ; 
  text-decoration: none
}

a.gg:hover { 
  color: #fff3de ;  
  text-decoration: underline
}

a.gg:active { 
  color: #fff3de ;  
  text-decoration: none
}

.ladder1{
  background-color: #464853;
  font-size : 13px; 
  color : #f4dbb2;
  padding-top: 3px;
  padding-bottom: 3px;
}

.ladder2{
  background-color: #282830;
  font-size : 13px; 
  color : #f4dbb2;
  padding-top: 3px;
  padding-bottom: 3px;
}

.ladder_highlight{
  background-color: #666a79;
  font-size: 13px;
}

.ladder_tbl{
  width: 500px;
  margin: 0 auto;
  border: 2px solid black; 
  font-size : 12px;
  color: #DFDEA1;
}

.lader_header{
  text-align : center;
  background-color : #3f221;
}

.ladder_field{
border : 1px solid black;
height: 8px;

}

.news_bar{
  background-color: #523f12;
  border : 1px solid #f7e77b;
  background-repeat: no-repeat;
  height: 22px;
  color:#fff3de;
  font-weight:bold;
  font-size:14px;

}

.news_footer {
font-weight: bold;
text-align: right;
color:#DFDEA1;
}

.news_body{
  text-align: left;
  color: #fff3de;
  font-size:12px;
  padding: 0px 3px 3px;
  
}


.news_bar2{
 text-align: left;
  height: 22px;
  color:#fff3de;
  font-weight:bold;
  font-size:14px;

}

.news_body2{
  text-align: left;
  color: #fff3de;
  font-size:12px;
 
  
}


.avatar{
  text-align: left;
  border-bottom: 1px solid #f7e77b;
  border-right: 1px solid #f7e77b;
  float:left;
  
}

.player_opts{
  border : 2px solid #f7e77b; 
  background-color: #581a0c;
   font-size: 15px; 
  font-weight: bold;

}

.player_body{
background-color: #2a1a0d;
}

.profile_button{
  border: 1px dashed #f7e77b;
  font-size: 14px;
  background-color: #3c0800;
  width: 200px;
  height: 40px;
  text-align: center;
  margin: 0 auto;
  padding-top: 5px;
  margin-top: 10px;
  font-weight: bold;
}

.news_comm{
  background-color: #d6d6d6;
}

.input_tag
{
	background-image: url('../images/layout/input.jpg');	
}

.input_tag2
{
  background-image: url('../images/layout/input2.jpg');
  
}

h2{
  font-size: 17px;
  }
  

.answer{
  height : 20px;
  background-color : red;
  text-align: center;
}

input{
background-image: url('../images/layout/input.jpg');
}

.ready_div{
  padding-top: 15px;
  text-align: left;
  padding-left: 8px;
}

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

.center_txt{
  text-align: center;
}

.shoutbox_body{
  height: 201px;
  padding-left: 59px;
  margin: 0px 12px;
  width: 628px;
  overflow: auto;
  vertical-align: top;
}

.shoutbox_buttons{
  height: 35px;
  padding-left: 115px;
  padding-top: 6px;
}

.shout_text{
  width: 460px;
  background-image: url('../images/layout/input3.jpg');  
}

.shoutbox_top{
  background-image: url('../images/shoutbox/shout_0_0.gif');
  height: 278px;
  margin-top: 5px;
}
.shoutbox_middle{
  background-image: url('../images/shoutbox/shout_1_0.gif');
  height: 234px;
}
.shoutbox_bottom{
  background-image: url('../images/shoutbox/shout_2_0.gif');
  height: 56px;
}