
a, input, img, div {
	border:medium none;
}
body{
	font-family:arial;
	font-size:12px;
	line-height:130%;     
  background: #222;        
}

input.button, input.delete, input.save, input.file, input.upload, label.cabinet, input#search, input.forgotpass, input.login{
	cursor:default;
}

a{
	text-decoration:none;
	cursor:pointer;
}

p{
display:block;
}

h3{
	font-size:18px;
}

* {
	font-family:arial;
	margin:0px 0px;
	padding:0px 0px;
}

a{
	color:white;	
}

a:hover, a:active{
	color:yellow;
}

#main_swap{
	margin:0 auto;
	overflow:hidden;
}

/* File input stuff */

.SI-FILES-STYLIZED label.cabinet{
	width: 110px;
	height: 21px;
	background: url(../images/browse_btn.png) 0 0 no-repeat;
	text-align:center;
	padding-top:2px;
	display: block;
	float:left;
	overflow: hidden;
	cursor:pointer;
}

.SI-FILES-STYLIZED label.cabinet:hover{
  color:ff0;
  text-decoration:underline;
}

.SI-FILES-STYLIZED label.cabinet input.file{
	position: relative;
	height: 100%;
	width: 110px;
	cursor:default;
	z-index:-1;
}


#wrap{	
	margin:20px auto;
	width:815px;
	min-height:600px;
	height:auto;	
}

#wrap #header{
	height:60px;
}

#wrap #header #logo{
	width:201px;
	height:60px;
	float:left;
	border:none;
  margin-bottom:5px;
}

#wrap #header #logo img{
	margin:7px 0px 0px 18px;
	border:none;
}

#wrap #main_swap{	
	background:url('../images/main_sharp.png') right top repeat-y;
	float:left;
	width:815px;
	color:white;
	min-height:570px;
	height:auto;
}

#wrap #main_swap #main_swap_child{
	background:url(../images/main_bg.jpg) #000 repeat-y scroll 0 0;
	width:810px;
	float:left;
	padding:0 0 10px 0;
	min-height:560px;
	height:auto;
}

#wrap #main_swap #main_content{
	float:left;
	width:599px;
}

#wrap #main_swap #main_content .main_nav_top{
	background:url(../images/menu_top.png) no-repeat;
	width:597px;
	height:7px;
	clear:both;
}

#wrap #main_swap #main_content .main_nav{	
	width:591px;
	height:101px;
	border-left:3px solid #A2A2A2;
	border-right:3px solid #A2A2A2;
	clear:both;
	float:left;
	background-color:rgba(0,50,0,0.6);
}

#wrap #main_swap #main_content .main_nav_bottom{
	background:url(../images/menu_bottom.png) no-repeat;
	width:597px;
	height:7px;
	clear:both;
	margin-bottom:5px;
}

.content_manager p.message{
	margin:5px 0px;
}

.nav_top{
	float:left;
}

/**
* Left Column
*/

#left_col {
	color:#FFFFFF;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
  margin-left:5px;
	width:189px;
	height:auto;
	float:left;
	padding-right:5px;
  list-style: none url();
}

#left_col .container_top{
	background:url(../images/left_menu_top.png) no-repeat;
	width:189px;
	height:7px;
	clear:both;
}

#left_col .container{	
	width:179px;
	height:101px;
	border-left:3px solid #A2A2A2;
	border-right:3px solid #A2A2A2;
	clear:both;
	background-color:rgba(0,50,0,0.6);
	height:auto;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
}

#left_col .container_bottom{
	background:url(../images/left_menu_bottom.png) no-repeat;
	width:189px;
	height:7px;
	clear:both;
	margin-bottom:5px;
}

#left_col .container li{
  list-style: none ;
}

/*### avatar ###*/
#left_col #avatar{

}

#left_col #avatar .container h3{
  background-image:none;
	color:#BBF737;
	text-align:center;
	font-size:17px;
	padding:0px 0px 5px;
}

#left_col .container img{
	/*margin:25px 0 20px 33px;*/
	display: block;
	margin: 15px auto auto auto;
	padding-bottom:10px;
}

#left_col #avatar .container h3 span#alias{
	text-transform:uppercase;
}


#left_col #avatar .container .img_avatar{
	background-color:#000;
	height:180px;
	width:165px;
	margin:0pt auto;
	border:1px solid #949494;
	overflow:hidden;
}

/*### End avatar ###*/


#left_col  h3{
	background:transparent url(../images/left_box_title_bg.jpg) no-repeat scroll 0 0;
	font-size:17px;
	height:23px;
	margin:0 auto 6px;
	padding-top:6px;
	text-align:center;
	width:177px;
}

#left_col a.logout{
	margin:6px auto 10px;
	background:url(../images/logout.jpg) no-repeat;
	display:block;
	width:130px;
	height:27px;
	cursor:default;
}

/*** Login side */ 

#login_left_col{
  font-size:11px;
}

#login_left_col p{
  line-height:200%;
}

#right_login input{
  margin-bottom:6px;
}

#left_login{
  width: 55px; 
  float:left;
  text-align:left;
  padding:0px 0px 3px 2px;
}

#left_login p.remember{
  width: 90px;
}

#right_login{
  float:left;
  padding:0px 0px 3px 2px;
  text-align:right;
}

#login_bottom{
  text-align:right;
  padding-right:2px;
}



/** End side login */


/**End left column */

/**
* Main content
*/

#main_content .content_top{
	background:url(../images/content_top.png) no-repeat;
	width:597px;
	height:7px;
	clear:both;
}

#main_content .content{
	background-color:rgba(0,20,0,0.85);
	color:white;
	clear:both;
	float:left;
	padding:2px 3px 2px 9px;
	width:579px;
	border-left:3px solid #A2A2A2;
	border-right:3px solid #A2A2A2;
	min-height:395px;
	height:auto;			
}

#main_content .content .content_title{
	height:64px;
	background:url(../images/content_title_bottom.gif) left  bottom no-repeat;
}

#main_content .content .content_title img.icon{
	float:left;
	width:55px;
}

#main_content .content .content_title h2{
	color:white;
	font-size:20px;
	text-align:center;
	text-transform:uppercase;
	padding: 14px 0px;
}

.content a{
  text-decoration:underline;
}

.content a:hover{
  text-decoration:none;
}

.content .content_content{
	float:left;
	background:url(../images/content_saparate.gif) 279px 6px no-repeat;
}

.content .content_content .left_content{
	float:left;
	width:285px;
	margin-top:4px;
	position:relative;
}

.left_content #txtGames{
	width:263px;
	float:left;
	margin-top:5px;
}

.left_content #txtGames .game_list{
	background:url("../images/game_list_bg.gif") no-repeat;
	width:263px;
	height:29px;
	margin:4px 0px;
}

.left_content #txtGames .game_list a{
	text-decoration:none;
	font-weight:bold;
	width:231px;
	height:23px;
	display:block;
	position:relative;
	padding:6px 11px;
}

.left_content #txtGames .selected a{
	color:#C6FB37;
}

.left_content #txtGames .game_list a:hover{
	color:#C6FB37;
}

#txtGames .game_list span.game_start{
	text-align:right;
	background:none;
	display:inline;
	position:absolute;
	right:0;
	padding:0;
	
}
.paging{
	clear:both;
	margin:5px 0;
	text-align:right;
}

.paging b{
	color:yellow;
}

form.search_site{
	margin:0pt auto;
	width:400px;
}


#main_content .content_bottom{
	background:url(../images/content_bottom.png) no-repeat;
	width:597px;
	height:7px;
	clear:both;
}
/** End main content */

/**
* Footer
*/

#wrap #footer{
	clear:both;
	float:left;
	width:815px;
	height:10px;	
}

#wrap #footer #footer_left_sharp {	
	width:800px;
	height:10px;
	float:left;
	background:url('../images/footer_sharp_bottom.png') left top repeat-x;
	
}

#wrap #footer #footer_corner_sharp {	
	float:left;
	background:url('../images/footer_sharp_corner.png') left top repeat-x;
	width:15px;
	height:10px;
}

/**
 * End footer
 */ 
 


/* Header notices */

div#header_message{
  width:100%;
  background-color:#FF7373;
  text-align:center;
  font-weight:bold;
  font-size:14px;
  padding-top:2px;
  height:20px;
  top:0px;
  left:0px;
  z-index:99999;
  position:fixed;
}

div#header_notice{
  width:100%;
  background-color:#0f6;
  text-align:center;
  font-weight:bold;
  font-size:14px;
  padding-top:2px;
  height:20px;
  position:fixed;
  top:0px;
  left:0px;
  z-index:99998;
}

a.header_notice{
  color:#00f!important;
}

a:hover.header_notice, a:visited.header_notice{
  color:#ff0!important;
}

div.clear{
  clear:both;
}

#header_notice img{
  float:right;
  padding-right:6px;
}

/* Pretty controls */

a.button {
  background: transparent url('../images/button-r.png') no-repeat scroll top right; 
  display: block;
  float: left;
  height: 21px;
  margin-right: 6px;
  padding-right: 6px;
  text-decoration: none !important;
  color: #fff;
  font-family: Veranda, Arial, Helvetica, sans-serif;
  font-size:12px;
  cursor:default;
}

a.button span {
  background: transparent url('../images/button-l.png') no-repeat; 
  display: block;
  line-height: 21px; 
  padding: 0px 10px 0px 16px;
  text-align:center;
} 

a.button:hover span{
  text-decoration:underline;
  color:#ff0;
}

div.buttons_center{
  text-align:center;
}

a.button_center {
  background: transparent url('../images/button-r.png') no-repeat scroll top right; 
  max-width:200px;
  margin-right: 6px;
  padding:3px 6px 10px 0px;
  text-decoration: none !important;
  color: #fff;
  font-family: Veranda, Arial, Helvetica, sans-serif;
  font-size:12px;
  cursor:default;
}

a.button_center span {
  background: transparent url('../images/button-l.png') no-repeat; 
  line-height:21px;
  padding: 3px 10px 10px 16px;
  text-align:center;
}

a.button_center:hover span{
  text-decoration:underline;
  color:#ff0;
}


.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url('../images/checkbox.png') no-repeat;
	display: block;
	clear: left;
	float: left;
}

.radio {
	background: url(../images/radio.png) no-repeat;
}


.select, .select_small, .select_medium{
	position: absolute;
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	overflow: hidden;
}

.select {
	width: 190px;
	background: url(../images/select.png) no-repeat;
}

.select_small{
	width: 65px; 
	background: url(../images/select_small.png) no-repeat;
}

.select_medium{
	width: 120px;
	background: url(../images/select_medium.png) no-repeat;
}

.main_nav .messenger_menu{
	padding-left:48px;
}

.top_menu_button{
 font-weight:bold;
  padding-top:13px;
  float:left;
  width:100px;
  text-align:center;
}

.top_menu_button:hover{
  color:#ff0;
}

.no_underline a{
  text-decoration:none;
}

.current_page{
  color:#ff0;
}

input{
  color:#fff;
  background-color:#011802;
  border:solid 1px #888;
  font-size:11px;
  padding:1px;  
}

/* Xdebug stuff */

.xdebug-error td, .xdebug-error th{
  color:#000;
}

/* Outer shell and header */

#profile_header_container{
  padding-bottom:10px;
  height:100px;
}

/* Profile stuff */

#profile_header_inner_header{
  padding-bottom:8px;
  height:20px;
}

#profile_inner_header_breadcrumbs{
  font-weight:900;
  float:left;
}

#profile_inner_header_search{
  float:right;
}

input.profile_search{
  color:#fff;
  background-color:#011802;
  border:solid 1px #888;
  font-size:11px;
  padding:1px;
  width:150px;
}

/* Search */
#search_results{
  margin-bottom:15px;
}

#search_results_headers{
  margin-bottom:10px;
  clear:both;
  size:14px;
  font-weight:900;
}

.search_results_header, .search_results_cell{
  float:left;
  width:185px;      
  overflow:hidden;
}

#search_results a{
  text-decoration:none;
}

.search_results_row{
  clear:both;      
}

#profile_container{
  padding:5px 10px 5px 6px;
}

#profile_links_container{
  width:400px;
  float:left;
}

h1.profile_name{
  font-size:20px;
}

h2.profile_menu{
  font-size:14px;
  float:left;
}

h2.profle_menu a.current_page{
  color:#ff0;
}

#profile_logo{
	float:right;
}

.stat_box{
  border: 2px solid #aaa;
  padding: 5px;
  margin-bottom:15px;
  background:rgba(0,0,0,0.2);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000, endColorstr=#26000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000, endColorstr=#26000000)";   
  width:545px;
}

.stat_box p{
  line-height:150%;
}

.stat_box a{
  text-decoration:underline;
}

.stat_box_header{
  font-size:13px;
  font-weight:900;
  padding-bottom:5px;
  width: 500px;
  float:left;
}

.stat_box_edit_icon{
  float:right;
  text-align:right;

}

.stat_box .profile_stat{
  clear:both;
}

.stat_box .left_profile{
  width:110px;
  float:left;
}

.stat_box .right_profile{
  width:430px;
  float:left;
}

.stat_box .option{
  vertical-align:middle;
  min-height:30px;
}

.profile_address_wrapper{
	float:left;
	padding-bottom:10px;
}

.profile_address_label{
  width:110px;
  float:left;
}

.profile_address_input{
	width:430px;
	float:left;
}

.stat_box .option_error{
  vertical-align:middle;
  height:16px;
  width:275px;
  float:right;
  background-color:#FABDBD;
  border:solid #f00 2px;
  color:#000;
  font-weight:900; 
  padding:2px 0px 0px 2px;
  font-size:11px;
  visibility:hidden;
}     

input.profile, textarea.profile{
  color:#fff;
  background-color:#011802;
  border:solid 1px #888;
  font-size:11px;
  padding:1px;
}

.profile_stat_label{
	width:120px;
	float:left;
	clear:both;
}

.profile_stat_data{
	float:left;
}
 /* New Therad/Post Styles */

div#new_post_outer{
  width:552px;
  border: 1px solid #ACACAC;
  background:#000;
  margin-top:8px;
  padding:10px;
  overflow:hidden;
}

input#new_post_title{
  color:#fff;
  background-color:#022701;
  border:solid 1px #888;
  font-size:11px;
  padding:1px;
  width:510px;
}

label.new_post_label{
  padding-right:8px;
}

/* Formatting bar */

div#formatting_bar{
  margin:8px 0px 3px 0px;
  float:left;
}

.button {
  border: none;
  margin: 2px;
}

.ed {
width: 400px;
height: 150px;
}

/* Admin controls */

div#new_post_admin_options{
  float:left;
  padding:12px 0px 0px 10px;
}

input.post_option{
  margin-left:3px;
}

input.post_lock{
  margin-left:8px;
}

/* Main body */

textarea.new_post_main_body {
  margin-left:2px;
  width: 545px;
  height: 300px;
  color:#fff;
  background-color:#022701;
  border:solid 1px #888;
  font-size:12px;
}

a.cancel_button{
  padding: 2px 10px; 
  margin-left:5px;
  background: rgb(236, 233, 216) none repeat scroll 0% 0%;
  display: inline; 
  color: rgb(0, 0, 0);
  cursor:default;
  margin-top:-1px;
}

input.post_button{
  padding: 2px 10px; 
  background: rgb(236, 233, 216) none repeat scroll 0% 0%;
  display: inline; 
  color: rgb(0, 0, 0);
  cursor:default;
  width:59px;
  height:19px;
  margin-top:1px;
  font-weight:900;
}

div#post_controls{
  float: right;
  padding:8px 2px 4px 2px;
}

/* End New Therad/Post Styles */

.left_content input#text_select{
	background:url(../images/select_bg.png) no-repeat;
	width:274px;
	font-size:18px;
	font-weight:bold;
	text-transform:capitalize;
	color:#fff;
	padding:0px 0px 0px 40px;
	height:29px;
	cursor:pointer;
	border:none;
}

.left_content .list{
	width:274px;
	position:absolute;
	top:29px;
	left:0;
	z-index:999;
	border:1px #ddd;	
}

.left_content .list input.option{
	width:264px;
	background:#123121;
	color:#fff;
	text-align:left;
	text-indent:9;
	font-weight:bold;
	cursor:pointer;
	padding-left:10px;
	border:none;
}

.left_content .list input.option:hover{
	background:#125021;
}

ul.ui-autocomplete{
	max-height:400px !important;
	overflow-x:hidden;
	overflow-y:auto;
}

.msg{
	width:570px;
	margin:10px 0px 10px 0px;
	text-align:center;
	color:#000;
	font-weight:900;
	border: solid 2px;
}

.error{
	background-color:#FE7A7A;
	border-color:#ff0000;
}

.success{
	background-color:#7AFE85;
	border-color:#00ff00;	
}
