@charset "UTF-8";

body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	/*background-repeat: repeat-x;
	background-image: url('/images/1b.png');
	width: 1024px;*/
}

input, button, textarea, select {
	color: #FFFFFF;
	
	font-size: 14px;
	font-family: Verdana, Helvetica, sans-serif;
	
	border: 1px #FFFFFF solid;
	background-color: #000000;
}

/*For the stupid Microsoft's Internet Explorer 6!*/
#pseudo_body {
	margin: 0px auto;
	width: 950px;
}

ul, ol, dl, img, div, form, table, td, tr, tbody, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

img {
	border: none;
}

img.img_button {
	cursor: pointer;
}

.min_height {
	height: 560px;
	width: 0px;
	float: left;
	/*border: 1px solid red;*/
}

.body_width {
	width: 1024px;
}

.center_block {
	margin: 0px auto 0px auto;
}

.float_right {
	float: right;
}

.float_left {
	float: left;
}

.clear {
	clear: both;	
}

.fully_hidden {
	visibility: hidden;
	display: none;
}

.border {
	border: 1px solid #FFFFFF;
}

.h1 {
	font-size: 26px;
	font-weight: bold;
	line-height: 30px;
}

.h2 {
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
}

.h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
}

.failed {
	color: #FF9A00;
}

.red {
	color: #FF0000;
}

.succeeded {
	color: #16FF3D;
}

.role_admin {
	color: #AC00FF;
	font-weight: bold;
}

.role_moderator {
	color: #717EFF;
	font-weight: bold;
}

.role_user {
	
}

.left_text {
	text-align: left;
}

.right_text {
	text-align: right;
}

.center_text {
	text-align: center;
}

.bold_text {
	font-weight: bold;
}

.small_text {
	font-size: 10px;
}

.medium_text {
	font-size: 14px;
}

.large_text {
	font-size: 18px;
}

.big_text {
	font-size: 22px;
}

.bigger_text {
	font-size: 26px;
}

.huge_text {
	font-size: 30px;
}

.center {
	margin: 0px auto 0px auto;
}

.hili_default {
	background-color: #0066cc;
}

div.indent_20 {
	text-indent: -20px;
	padding-left: 20px;	
}

div.indent_first_20 {
	text-indent: 20px;	
}

.padding_light {
	padding: 6px;
}

.padding_medium {
	padding: 12px;
}
	
.overflow_scroll {
	overflow: auto;
}

.cursor_pointer {
	cursor: pointer;
}

.cursor_normal {
	cursor: default;
}

/***********************************
 *       START BASE LAYOUT
 ***********************************/

#header {
	height: 137px;
}

#server_time {
	margin-top: -136px;
	
	padding-right: 8px;
	
	line-height: 20px;
	text-align: right;
}

/* Button strip when logged */

#buttons_logged_strip {
	width: 970px;
	height: 45px;
}

#buttons_logged_strip li {
	list-style: none;
	float: left;
}

.buttons_logged_middle_hili {
	background-image: url('/images/red_layout/button_logged_middle_hili.png') !important;
}

#buttons_logged_strip a,
#buttons_logged_strip a:link,
#buttons_logged_strip a:visited,
#buttons_logged_strip a:hover,
#buttons_logged_strip a:active {
	display: block;
	
	padding-top: 12px;
	margin-right: -7px;
	
	width: 114px;
	height: 33px;
	
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	
	background-image: url('/images/red_layout/button_logged_middle.png');
}

#buttons_logged_strip a.button_left_most {
	background-image: url('/images/red_layout/button_logged_left.png');
}

#buttons_logged_strip a.button_right_most {
	background-image: url('/images/red_layout/button_logged_right.png');
	margin-right: 0px;
}

#dropdown_account a,
#dropdown_mail a {
	padding-top: 2px !important;
	margin-right: -6px !important;
	
	width: 114px !important;
	height: 25px !important;
	
	font-size: 12px !important;
	
	background-image: url('/images/red_layout/button_submenu_right.png') !important;
}

[id^='dropdown'] a {
	position: absolute;
}

[id^='dropdown'] {
	position: absolute;
	visibility: hidden;
}

/* Button strip when not logged */

#buttons_strip {
	height: 42px;
	width: 466px;
}

#button_strip button_left_most {
	background-image: url('/images/red_layout/button_left.png');
}

#button_strip button_right_most {
	background-image: url('/images/red_layout/button_right.png');
}

#buttons_strip a,
#buttons_strip a:link,
#buttons_strip a:visited,
#buttons_strip a:hover,
#buttons_strip a:active {
	display: block;
	float: left;
	
	margin-right: 14px;
	padding-top: 9px;
	width: 146px;
	height: 33px;
	
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	
	background-image: url('/images/red_layout/button_middle.png');
}

#buttons_strip a.button_left_most {
	background-image: url('/images/red_layout/button_left.png');
}


#buttons_strip a.button_right_most {
	background-image: url('/images/red_layout/button_right.png');
	margin-right: 0px;
}

/* End Buttons Menu */

#middle {
	height: 528px;
}

.middle_not_logged {
	background-image: url('/images/red_layout/content_bg.png');
	background-repeat: no-repeat;
	background-position: 162px 0px;
}

.middle_logged {
	background-image: url('/images/red_layout/content_logged_bg.png');
	background-repeat: no-repeat;
}

#content {
	width: 700px;
}

.content_spacing {
	margin: 20px;
	padding: 20px;
}

.content_height {
	height: 486px;
}

#fb_button_connect {
	padding-top: 20px;
	padding-bottom: 20px;
	height: 20px;
	
	margin-top: -60px;
}

#fb_button_connect div:first-child {
	width: 240px;
	
	position: relative;
	left: 66px;
}

#footer {
	height: 103px;
	background-image: url('/images/red_layout/footer_strip_bg.jpg');
	background-repeat: repeat-x;
}

#footer_shares {
	height: 70px;
}

#footer_shares img#share {
	margin-top: 8px;
}

#footer_shares img {	
	margin-top: 16px;
	margin-left: 19px;
}

#footer_shares #without_clothes {
	font-size: 10px;
	padding: 4px;
}

#footer_shares #without_clothes a,
#footer_shares #without_clothes a:link,
#footer_shares #without_clothes a:visited,
#footer_shares #without_clothes a:hover,
#footer_shares #without_clothes a:active {
	color: #FFFFFF;
}

#footer a#contact,
#footer a#contact:link,
#footer a#contact:visited,
#footer a#contact:hover,
#footer a#contact:active {
	display: block;
	float: right;
	margin-top: -40px;
	margin-right: 34px;
	
	width: 94px;
	
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

#footer a#contact b {
	display: block;
	margin-top: -30px;
}

#footer a#logout_link,
#footer a#logout_link:link,
#footer a#logout_link:visited,
#footer a#logout_link:hover,
#footer a#logout_link:active {
	display: block;
	float: left;
	margin-top: -40px;
	margin-left: 34px;
	
	width: 94px;
	
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

#footer a#logout_link b {
	display: block;
	margin-top: -30px;
}

/***************************************
 *		Login boxes styles
 ***************************************/

#fb_profile_box {
	float: left;
	position: relative;
	top: 380px;
	
	margin-right: -159px;
	width: 159px;
}

#login_box {
	float: left;
	margin-top: 37px;
	margin-right: -159px;
	
	width: 159px;
}

.login_box_not_logged {
	background-image: url('/images/red_layout/login_bg.png');
	background-repeat: no-repeat;
}

#login_box a,
#login_box a:link,
#login_box a:visited,
#login_box a:hover,
#login_box a:active {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

#login_title {
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
}

#login_box form {
	margin-top: 14px;
	margin-bottom: 24px;
	padding-left: 10px;
	font-weight: bold;
	
	color: #4e0606;
}

#login_box input {
	border: 1px #000000 solid;
	
	background: none;
	width: 66px;
	color: #4e0606;
	font-weight: bold;
}

#login_box #submit_btn {
	color: #FFFFFF;
	
	border: none;
	background-color: transparent;
	
	cursor: pointer;
}

#login_box div {
	height: 22px;
	margin-bottom: 10px;
}

#login_box div:first-child {
	margin-top: 6px;
}

#login_box #login_controls {
	margin-top: 16px;
}

#login_box a {
	margin-left: 0px;
}

#battle_scene {
	margin-top: 43px;
	margin-left: -188px;
	float: right;
}

.height_not_logged {
	height: 346px;
}

/***********************************
 *       END BASE LAYOUT
 ***********************************/

.frame {
	min-width: 80px;
}

.frame .frame_content {
	padding: 0px 10px 0px 10px;
	
	background-color: #000000;
}

.frame .frame_top {
	height: 20px;
	
	background-image: url('/images/red_layout/frame/top.png');
	background-repeat: repeat-x;
	background-position: top left;
}

.frame .frame_top_left {
	width: 10px;
	height: 20px;
	
	background-image: url('/images/red_layout/frame/top_left.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.frame .frame_top_right {
	width: 10px;
	height: 20px;
	
	background-image: url('/images/red_layout/frame/top_right.png');
	background-repeat: no-repeat;
	background-position: top right;
}

.frame .frame_left {
	width: 10px;
	
	background-image: url('/images/red_layout/frame/left.png');
	background-repeat: repeat-y;
	background-position: top left;
}

.frame .frame_right {
	width: 10px;
	
	background-image: url('/images/red_layout/frame/right.png');
	background-repeat: repeat-y;
	background-position: top right;
}

.frame .frame_bottom {
	height: 20px;
	
	background-image: url('/images/red_layout/frame/bottom.png');
	background-repeat: repeat-x;
	background-position: bottom left;
}

.frame .frame_bottom_left {
	width: 10px;
	height: 20px;
	
	background-image: url('/images/red_layout/frame/bottom_left.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

.frame .frame_bottom_right {
	width: 10px;
	height: 20px;
	
	background-image: url('/images/red_layout/frame/bottom_right.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#submenu {
	display: none;
	position: absolute;
	
	overflow: hidden;
	
	opacity: 0;
}

#ajax_loading {
	display: none;
	position: absolute;
	
	opacity: 0;
}

#submenu_user {
	width: 120px;
}

#submenu_user a,
#submenu_user a:link,
#submenu_user a:hover,
#submenu_user a:active,
#submenu_user a:visited {
	display: block;
	
	font-size: 13px;
	font-weight: bold;
	
	color: #FFFFFF;
}

#submenu_user a:hover {
	color: #FF0000;
}

#submenu_chat {
	width: 120px;
}

#submenu_chat a,
#submenu_chat a:link,
#submenu_chat a:hover,
#submenu_chat a:active,
#submenu_chat a:visited {
	display: block;
	
	font-size: 13px;
	font-weight: bold;
	
	color: #FFFFFF;
}

#submenu_chat a:hover {
	color: #FF0000;
}

/************************
 *     Home page
 ************************/

#home_stats {
	margin-top: 50px;
}

#home_stats div.home_stat_box {
	margin-bottom: 10px;
	padding-top: 6px;
	
	width: 168px;
	height: 30px;
	
	font-size: 14px;
	font-weight: bold;
	
	border: none;
	background-image: url('/images/red_layout/button_bank_claim.png');
	background-repeat: no-repeat;
	background-color: transparent;
	
	cursor: pointer;
}

#home_stats #home_stats_left {
	float: left;
}

#home_stats #home_stats_right {
	float: right;
}

#home_stats #home_stat_box_balance {
	margin-top:50px;
	padding-top:12px;
	
	height:42px;
	width:420px;
	
	background-image:url(/images/red_layout/button_bank_long.png);
	background-repeat:no-repeat;
	
	cursor: pointer;
}

#home_welcome_frame {
	font-size: 14px;
	font-weight: bold;
	padding-top: 50px;
	padding-left: 100px;
	padding-right: 100px;
}

table#table_home_welcome {
	width: 432px;
}

table#table_home_welcome td {
	padding-top: 6px;
	padding-bottom: 28px;
}

table#table_home_welcome td.left {
	background-image: url('/images/red_layout/button_stat_left.png');
}

table#table_home_welcome td.middle {
	background-image: url('/images/red_layout/button_stat_middle.png');
}
	
table#table_home_welcome td.right {
	background-image: url('/images/red_layout/button_stat_right.png');
}

table#table_home_welcome td.top_cells {
	text-align: center;
	width: 108px;
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

table#table_home_welcome td.bottom_cells {
	text-align: center;
	
	background-repeat: no-repeat;
	background-position: center 0px;
}

/************************
 *     Bank pages
 ************************/

#bank_finance {
	margin-top: 70px;
	padding-top: 12px;
	
	width: 420px;
	height: 42px;
	
	background-image: url('/images/red_layout/button_bank_long.png');
	background-repeat: no-repeat;
}

#bank_boxes {
	margin-top: 32px;
}

#bank_right, #bank_left {
	width: 162px;
	height: 135px;
	
	background-image: url('/images/red_layout/bank_box_bg.png');
	background-repeat: no-repeat;
}

#bank_left {
	float: left;
	margin-left: 140px;
}

#bank_right {
	float: right;
	margin-right: 140px;
}

#bank_box_title {
	margin-top: 17px;
	margin-bottom: 17px;
	
	font-size: 14px;
	font-weight: bold;
}

.bank_button {
	margin-top: 10px;
	padding-bottom: 4px;
	
	width: 149px;
	height: 23px;
	
	font-size: 11px;
	
	border: none;
	background-image: url('/images/red_layout/button_bank_right.png');
	background-repeat: no-repeat;
	background-color: transparent;
	
	cursor: pointer;
}

#bank_currency {
	margin-top: 40px;
	font-size: 14px;
}

#bank_claim_form {
	margin: 0px auto;
	width: 646px;
}

#bank_claim_form textarea {
	width: 400px;
	height: 250px;
	
	float: left;
}

#bank_claim_form input {
	margin-top: 10px;
	margin-left: 245px;
	padding-bottom: 4px;
	
	width: 168px;
	height: 32px;
	
	font-size: 14px;
	font-weight: bold;
	
	border: none;
	background-image: url('/images/red_layout/button_bank_claim.png');
	background-repeat: no-repeat;
	background-color: transparent;
	
	cursor: pointer;
}

#bank_claim_help {
	float: right;
	width: 220px;
}

#bank_claim_example {
	padding: 6px;
	border: 1px solid #FFFFFF;
}

/****************************
 * Registraion pages.
 ****************************/

/*******  Step 1 *******/
#reg_frame_step_1 {
	padding-top: 70px
}

#left_avatar_title, 
#right_avatar_title {
	width: 113px;
	height: 34px;
	
	font-size: 14px;
	font-weight: bold;
	
	overflow: visible;
}

#left_avatar_title div,
#right_avatar_title div {
	margin-top: -32px;
}

#left_avatar_title {
	margin-left: 105px;
	margin-top: -372px;
}

#right_avatar_title {
	margin-left: 475px;
	margin-top: -34px;
}

#reg_female_avatar,
#reg_male_avatar {
	width: 244px;
	height: 358px;
}

#reg_female_avatar {
	margin-left: 40px;
}

#reg_male_avatar {
	margin-left: 116px;
}

/******* Step 2 *******/

#reg_form_step {
	padding-top: 1px;
}

#reg_form_step input,
#reg_form_step4 input {
	width: 214px;
	height: 38px;
	
	padding: 10px 8px 10px 8px;
	
	margin-top: 0px;
	margin-left: 60px;
	
	font-size: 30px;
	font-weight: bold;
	
	background-image: url('/images/red_layout/reg_input_bg.jpg');
	background-repeat: repeat-x;
	background-color: transparent;
}

#reg_form_step #submit_btn,
#reg_form_step4 #submit_btn {
	width: 268px;
	height: 70px;
	
	padding: 0px 0px 6px 0px;
	margin-left: 0px;
	
	border: none;
	
	font-size: 30px;
	font-weight: bold;
	
	background-image: url('/images/red_layout/reg_step2_input_bg.png');
	
	cursor: pointer;
}

#reg_form_step div.reg_input {
	height: 70px;
	
	background-image: url('/images/red_layout/reg_step2_input_bg.png');
	background-repeat: no-repeat;
}

#reg_form_step b {
	display: block;
	float: left;
	
	padding-top: 12px;
	
	width: 268px;
	
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

#reg_label_retype_password {
	font-size: 25px !important;
}

#reg_form_step,
#reg_form_step4 div.reg_label {
	font-size: 17px;
	font-weight: bold;
}

#reg_form_step div {
	margin: 0px 68px 12px 68px;
}

/*******  Step 3 *******/
/* Reusing styles from previous step. */

/*******  Step 4 *******/

#reg_form_step4 {
	padding: 44px 0px 0px 0px;
	margin: 0px 30px 0px 30px;
}


#reg_form_step4 #reg_terms {
	height: 239px;
	
	border: 1px #FFFFFF solid;
	background-image: url('/images/red_layout/reg_terms_bg.jpg');
}

#reg_form_step4 #reg_terms_title {
	position: relative;
	
	margin-bottom: 22px;
	padding-left: 1px;
	
	height: 0px;
	
	top: -264px;
	
	font-size: 15px;
	font-weight: bold;
}

#reg_form_step4 #reg_terms_title div {
	margin-left: 6px;
	position: relative;
	top: -37px;
}

#reg_form_step4 #reg_verify {
	height: 80px;
}

#reg_form_step4 #reg_verify img {
	display: block;
	float: left;
}

#reg_form_step4 #reg_verify input {
	display: block;
	float: right;
	
	width: 155px;
	
	margin: 0px 0px 0px 0px !important;
}

#reg_form_step4 #reg_verify_label {
	float: left;
	
	width: 150px;
	
	font-size: 22px;
	font-weight: bold;
}

#reg_form_step4 #reg_verify_label img {
	margin-left: 40px;
}

#reg_form_step4 #submit_btn {
	font-size: 27px;
}

/*******  Step final *******/

#fb_user_register #submit_input {
	padding: 4px;
	width: 100%;
	
	font-size: 16px;
	font-weight: bold;
	
	cursor: pointer;
}

/*************************
 *		Profile page
 *************************/

#profile_title {
	margin-top: 18px;
	padding-top: 10px;
	
	height: 44px;
	
	background-image: url('/images/red_layout/button_bank_long.png');
	background-repeat: no-repeat;
	background-position: center;
}

#profile_title a,
#profile_title a:visited,
#profile_title a:hover,
#profile_title a:active {
	display: block;
	float: left;
	margin-right: -89px;
	margin-top: -20px;
	
	width: 89px;
	height: 32px;
	
	font-size: 10px;
	color: #FFFFFF;
	
	background-image: url('/images/red_layout/button_chat.png');
	background-repeat: no-repeat;
	background-position: 6px 4px;
}

ul#profile_items {
	font-size: 14px;
}

ul#profile_items {
	float: left;
	
	width: 400px;
}

#char_pic_profile,
ul#profile_items {
	padding: 8px;
	margin: 20px 15px 0px 15px;
}

ul#profile_items li#desc {
	padding: 4px;
	margin: 10px 0px 10px 0px;
	
	height: 130px;
	overflow: auto;
}

ul#profile_items table {
	width: 100%;
}

ul#profile_items table tr td {
	width: 50%;
}

ul#profile_items table tr td {
	padding-right: 20px;
	padding-left: 20px
}

ul#profile_items table tr td:first-child {
	text-align: right;
}

ul#profile_items table tr:hover {
	background-color: #000000;
	cursor: pointer;
}

#char_pic_profile {
	float: right;
	
	width: 192px;
	height: 256px;
}

#char_pic_profile img {
	width: 192px;
	height: 256px;
}

/*************************
 *	Edit Pofile/Settings pages
 *************************/

#settings_password,
#settings_email {
	margin: 10px 20px;
	
	font-size: 14px;
}

#settings_password {
	float: left;
	
	width: 360px;
}

#settings_email {
	float: right;
	
	width: 260px;
}

#settings_password div,
#settings_email div {
	margin-bottom: 8px;
}

#settings_password input,
#settings_email input {
	width: 200px;
}

#settings_password .settings_fields_box,
#settings_email .settings_fields_box {
	margin: 0px 0px 0px 0px;
	height: 200px;
}

#settings_password div.border,
#settings_email div.border {
	padding: 10px;
}

form[id^='settings'] .submit_btn {
	margin-right: 20px;
}

/* Edit profile */
	
#editprofile_notice {
	padding: 8px;
	margin-bottom: 8px;
	
	height: 16px;
	
	line-height: 16px;
	font-size: 14px;
}

form[id^='editprofile'] div {
	margin-bottom: 8px;
	font-size: 14px;
}

#editprofile_info input,
#editprofile_uploadpic #uploadpic_controls input {
	width: 100%;
}

form[id^='settings'] .submit_btn,
form[id^='editprofile'] .submit_btn {
	padding-bottom: 8px;
	line-height: 12px;
	
	width: 83px !important;
	height: 28px !important;
	
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	
	border: none;
	background-image: url('/images/red_layout/button_chat.png');
	background-repeat: no-repeat;
	background-color: transparent;
	
	cursor: pointer;
}

#editprofile_info {
	float: left;
	
	margin: 0px 20px 0px 10px;
	
	width: 370px;
}

#editprofile_info #desc {
	margin-top: 10px;
	width: 100%;
}

#editprofile_info #timezone {
	margin-top: 10px;
	width: 100%;
}

#editprofile_uploadpic {
	float: right;
	
	margin: 0px 10px 0px 20px;
	
	width: 270px;
}

#editprofile_uploadpic #uploadpic_controls {
	text-align: right;
}

#editprofile_uploadpic #image_notice {
	font-size: 10px;
}

/*************************
 *		Mail styles
 *************************/

#mail_table_holder {
	height: 325px;
} 

#mail_table {
	margin: 0px;
	padding: 0px;
	
	width: 670px;
	
	border-top: none;
}

#mail_table input {
	border: none;
	background: none;
}

#inbox_controls {
	height: 0px;
	
	position: relative;
	left: -118px;
}

#inbox_controls button {
	display: block;
	padding-bottom: 10px;
	
	width: 114px;
	height: 53px;
	
	font-size: 22px;
	font-weight: bold;
	
	border: none;
	background-color: transparent;
	background-image: url('/images/red_layout/button_hub_side.png');
	
	cursor: pointer;
}

#mail_table tr:hover {
	background-color: #FF0000;
}

#mail_table td {
	padding: 4px;
	
	border-left: none;
	border-right: none;
	border-bottom: none;
}

#mail_table tr.message_unread,
#mail_table tr.message {
	cursor: pointer;
}

#mail_table tr.message_unread {
	font-weight: bold;
}

#mail_table input {
	border: none;
}

#message_frame {
	margin: 0px auto;
	position: relative;
	width: 600px;
	
	background-color: transparent;
}

#message_subject {
	font-size: 16px;
	font-weight: bold;
}

#message_text {
	height: 300px;
	overflow: auto;
}

#message_controls {
	text-align: right;
	padding-right: 4px;
}

#message_controls button {
	padding-bottom: 10px;
	
	width: 143px;
	height: 40px;
	
	font-size: 22px;
	font-weight: bold;
	
	border: none;
	background-color: #000000;
	opacity: 1;
	background-image: url('/images/red_layout/button_battle_ready.png');
	
	cursor: pointer;
}

#message_frame div.padding_light {
	margin-bottom: 24px;
}

/*************************
 *	Chat styles
 *************************/

input#message_box {
	width: 498px;
	margin-left: 8px;
	margin-top: 4px;
	
	border: 2px #000000 solid;
	background-color: #561006;
}

div#messages_dialog {
	width:  520px;
	height: 410px;
	padding: 4px;
	margin-bottom: 8px;
	margin-right: 8px;
	overflow: auto;
	
	float: left;
}

div#messages_footer {
	height: 4px;
	font-size: 1px;
	background-color: transparent;
}

div.message_chat_0 {
	padding: 2px;
	margin: 1px;
	background-color: #303030;
}

div.message_chat_1 {
	padding: 2px;
	margin: 1px;
	background-color: #4F0000;
}

div#users_dialog {
	width: 147px;
	height: 410px;
	padding: 6px;
	
	float: left;
	overflow: auto;
	
	border: 1px #000000 solid;
	background-image: url('/images/red_layout/chat_strip_bg.png');
	background-repeat: repeat-y;
}

ul#users_list li {
	cursor: pointer;
	padding: 2px;
}

ul#users_list li.hili_chat_item {
	background-color: #000000;
}

div#chat_br {
	font-size: 1px;
	margin-bottom: 4px;
}

div#messages_dialog b.left {
	font-weight: bold;
	color: #FFFFFF;
}

div#messages_dialog b.joins {
	font-weight: bold;
	color: #00FF00;
}

div#messages_dialog b.joins,
div#messages_dialog b.left,
div#messages_dialog b.username,
div#messages_dialog b.reconnect {
	cursor: pointer;
}

b.reconnect {
	color: #E9FF00;
	text-decoration: underline;
}

b.try_reconnect {
	color: #FF9A00;
}

#clear, #lists_toggle, #send {
	margin: 0px 0px 0px 6px;
	padding-right: 6px;
	padding-bottom: 4px;
	
	width: 83px;
	height: 26px;
	
	border: none;
	background-image: url('/images/red_layout/button_chat.png');
	background-color: transparent;
	cursor: pointer;
}

#lists_toggle {
	position: relative;
	left: 607px;
}


/*//////////////////// Old Styles, but still in use. //////////////////////////*/

/*************************
 *	Generic form styles
 *************************/

fieldset {
	margin: 0px;
	margin-bottom: 8px;
	padding: 8px;
	border: 1px solid #FFFFFF;
}

label {
	color: #808080;
	padding-right: 14px;
}

form.classic {
	width: 99%;
	display: table;
}

form.classic input {
	margin-right: 8px;
}

form.classic fieldset.fckeditor {
	height: 300px;
	float: none;
}

form.classic fieldset {
	padding: 8px;
	margin-right: 8px;
	float: left;
}

/*************************
 *	Send mail styles
 *************************/

#mail_to_field,
#mail_subject_field {
	float: left;
	margin-right: 6px;
}

#send_mail textarea#msgtext {
	margin-top: 20px;
	width: 630px;
	height: 230px;
}

#send_mail #btn_submit {
	margin-top: 10px;
	margin-left: 245px;
	padding-bottom: 4px;
	
	width: 168px;
	height: 32px;
	
	font-size: 14px;
	font-weight: bold;
	
	border: none;
	background-image: url('/images/red_layout/button_bank_claim.png');
	background-repeat: no-repeat;
	background-color: transparent;
	
	cursor: pointer;
}

/*************************
 *	Misc styles
 *************************/

#notify_box {
	width: 400px;
}

#notify_title {
	font-size: 30px;
}

#notify_text {
	height: 100px;
}

#ignore_players table.frame,
#online_players table.frame {
	width: 100% !important;
}

#users_online {
	padding-top: 6px;
	
	margin-right: -113px;
	float: left;
	position: relative;
	top: -24px;
	left: 26px;
	
	width: 113px;
	height: 28px;
	
	background-image: url('/images/red_layout/reg_avatar_title.png');
	background-repeat: no-repeat;
	background-color: transparent;
	
	cursor: pointer;
}

/*b#total_users_online {
	background-color: #000000;
	padding: 2px;
	border: 1px solid #FFFFFF;
	border-right: none;
	font-size: 12px;
}

b#total_users_online_count {
	background-color: #000000;
	padding: 4px;
	border: 1px solid #FFFFFF;
}*/

/****************************************/

#blocker_fullscreen {
	position: absolute;
	top: 0px;
	left: 0px;
	
	background-color: #808080;
	/*text-align: center;
	font: 44px bold;
	font-family: Verdana;
	color: #FFFFFF;
	cursor: pointer;*/
	
	display: none;
}

#blocker_fullscreen table.frame:first-child {
	margin: 0px auto;
}

div#notify {
	margin: 0px auto ;
	position: relative;
	width: 400px;
	background-color: #000000;
}

div#notify_controls {
	text-align: right;
	padding-right: 4px;
}

div#fight_notify {
	margin: 0px auto ;
	position: relative;
	width: 280px;
	background-color: #000000;
}

div#fight_notify_title {
	text-align: center;
}

div#fight_notify_controls {
	text-align: right;
	padding-right: 4px;
}

div#fight_notify table {
	width: 100%;
}

div#fight_notify td {
	width: 50%;
}

div#therms {
	padding: 12px;
	line-height: 140%;	
}

div#reg_terms {
	width: 98%;
	height: 200px;
	overflow: auto;
}

div#game_guide {
	padding: 40px 0px 40px 0px;
	text-align: center;
	font-size: 20px;
	color: #F6FF00;
}

div#game_guide div.text {
	padding: 0px 60px 0px 60px;
}

div#game_guide div#left_text {
	text-align: left;
}

#settings_uploadpic #char_pic {
	margin: 0px auto 16px auto;
	width: 192px;
	height: 256px;
	
	border: 1px white solid;
}

/**************************************/

div#few_words {
	font-weight: bold;
	width: 660px;
}

div#few_words_title {
	padding-top: 40px;
	font-size: 23px;
}

div#few_words_the_actual_words {
	margin-top: 30px;
	font-size: 13px;
}

div#signature {
	padding-right: 50px;
	text-align: right;
}

.screenshots_top_space {
	padding-top: 80px;
}

.screenshot_left_space {
	margin-left: 40px;
}

.screenshot {
	
}

/**************************************/

div#fb_reg_options {
	overflow: hidden;
}

div.fb_side_notice {
	padding: 4px;
	overflow: hidden;
}

.linklike {
	color: #00FFFF;
	cursor: pointer;
}

a:link, a:visited {
	color: #00FFFF; /*#00FFFF;*/
	text-decoration: none;
}

a:hover {
 	color: #FF0000;
 	text-decoration: none;
}

a:active {
 	color: #00FFFF;
 	text-decoration: none;
}

.paginator_holder {
	margin: 6px auto 6px auto;
	
	width: 80%;
	height: 80px;
}

.paginator_prev, .paginator_next,
.paginator_prev:link, .paginator_next:link,
.paginator_prev:visited, .paginator_next:visited,
.paginator_prev:active, .paginator_next:active,
.paginator_prev:hover, .paginator_next:hover  {
	display: block;
	
	margin-top: 4px;
	
	padding-left: 6px;
	padding-top: 6px;
	
	width: 52px;
	height: 28px;
	
	font-size: 14px;
	font-weight: bold;
	
	color: #FFFFFF;
	background-color: transparent;
	background-repeat: no-repeat;
}

.paginator_prev {
	float: left;
	
	background-image: url('/images/red_layout/button_page_prev.png');
}

.paginator_next {
	float: right;
	
	background-image: url('/images/red_layout/button_page_next.png');
}

.paginator_page,
.paginator_page:link,
.paginator_page:hover,
.paginator_page:active,
.paginator_page:visited {
	display: block;
	float: left;
	
	margin: 4px 6px 0px 6px;
	
	height: 29px;
	
	font-size: 14px;
	
	color: #FFFFFF;
	
	background-image: url('/images/red_layout/button_page_middle.png');
	background-repeat: repeat-x;
	
	cursor: pointer;
}

.paginator_page_left {
	float: left;
	margin-left: -4px;
	
	cursor: pointer;
}

.paginator_page_number {
	float: left;
	padding-top: 5px;
	
	cursor: pointer;
}

.paginator_page_right {
	float: left;
	margin-right: -4px;
	
	cursor: pointer;
}

.paginator_page_selected {
	background-image: url('/images/red_layout/button_page_middle_sel.png') !important;
}

/* Donno what these are used for! */

.button, .button_passive {
	margin-left: 4px;
	padding: 4px;
	border: 1px solid #FFFFFF;
}

.button_passive {
	border-color: #FFFFFF;
}