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 {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent; }

body{ margin: 0; padding: 0; background-image: url('../img/bg.png'); font-family: Arial, Helvetica; }
#container{ min-width: 1130px; background-image: url('../img/v2/bg_map.png'); background-position: top center; background-repeat: no-repeat; } 


#bigwrap{ width: 1130px; margin: 0 auto 0 auto; }
#wrap{ width: 930px; margin: 0 auto 0 160px; }
#wrapw {
    min-width: 930px;
    max-width: 1110px;
    margin: auto;
    width: auto;
}
#header{ width: 930px; margin: 0 auto 0 160px; }
#header{ padding-top: 110px; }

#leftbar{  position: absolute; display: block; width: 160px;float: left; margin: 190px 0 0 0px; }
.lblock{ background-color: #e4ddcb; background: rgba(228,221,203,0.57);  margin-bottom: 10px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px; border-top-left-radius: 5px; }
#introblock p{ font-size: 11px; margin: 0; padding: 10px 10px 5px 10px; }
#howtoplay{ text-align: center; }
#howtoplay a{ padding: 10px 0 10px 0; display: block; }

#ajaxchat h4{ background: #fff; color: #b5010c; font-size: 12px; padding: 5px 0 5px 10px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px; border-top-left-radius: 5px; }
#ajaxchat form{ padding: 5px; }
#ajaxchat input{ width: 142px; }
#chatmsg{ max-height: 450px; overflow-y: auto; word-wrap; break-word; }
#chatmsg em{ text-align: center; display: block; padding: 20px; font-size: 11px; }
.chatmsg{ color:#474642; font-size: 11px; border-top: 1px solid #dcd6c6; padding: 5px; margin: 0 5px; }

#ajaxchat .chatguideline{  font-size: 11px; padding: 11px; font-style: italic; }


ul#tabs, ul#tabpre{  margin: 0 0 6px 0; padding: 0; }

ul#tabs li, ul#tabpre li{ font-size: 13px; line-height: 100%; font-family: Arial, Helvetica, sans-serif; display: inline;  margin-right: -1px; flex-wrap: nowrap; }
ul#tabs li a, ul#tabpre li a{ background-image: url('../img/tabs.png'); background-position: 100% -70px; color: #7d7649; text-decoration: none; font-size: 12px;  padding: 7px 5px 7px 0; font-weight: bold;  }
ul#tabs li a span, ul#tabpre li a span{ background-image: url('../img/tabs.png'); background-position: 0 0; padding: 7px 10px 7px 15px;  }
ul#tabs li a:hover, ul#tabpre li a:hover { color: #9c1d1d; }

ul#tabs li.active a{ background-position: 100% -105px; color: #fff; }
ul#tabs li.active a span{ background-position: 0 -35px; }


ul#tabs li.premium { float: right; margin-right: 1px; margin-top: 2px; }
ul#tabs li.premium a:hover{ color: #9c1d1d; }
ul#tabs li.premium a{ background-image: url('../img/premium.png');  color: #9c1d1d; padding: 9px 0 8px 26px; background-position: left; text-align:center; background-repeat: no-repeat; }
ul#tabs li.premium a span{ background-image: url('../img/premium.png'); color: #9c1d1d; background-position: left; padding: 0 25px 0 0; }
ul#tabs li.premium a:hover{ color: #9c1d1d; }

ul#tabs li.premlong a{ background-image: url('../img/premium_long.png') !important; padding-left: 23px !important; } 


#orders_overlay_div_abs{ width: 190px;}

@media screen and (-webkit-min-device-pixel-ratio:0){
 ul#tabs { margin-bottom: 6px; } /* safari */
 ul#tabs li.premium a{ padding-bottom: 7px; }
}

#submenu ul{ background: url('../img/tabbar.jpg'); height: 40px; }
#submenu.subsmall ul{ height: 10px; }
#submenu ul li{ float: left; list-style: none; padding: 7px 5px 10px 15px;  }
#submenu ul li a{ text-decoration: none; color: #ffd9d0; font-size: 12px; font-weight: bold;}
#submenu ul li a.selected_tab_a{ color: #fbad00; }

#content{ clear: both; padding-bottom: 30px; }
#wrap{ background-image: url('../img/paper.jpg'); padding-bottom: 0; }
#content mapterr:hover { color: red; }
#content.home{ background-image: url('../img/bg_content.jpg');  background-position: top; background-repeat: no-repeat;  } 

#avalon{ font-family: Georgia, Times New Roman; font-size: 14px; font-style: italic; line-height: 130%; color: #ffd9d0; width: 400px; float: right; padding: 15px;  }
#avalon em{ color: #eaa493; padding-top: 10px; font-style: normal; display: block; }

#intro{ float: left; color:#fff; width: 450px; padding: 15px; height: 130px; }
#intro h1{ font-family: Arial Narrow; font-weight: normal; font-size: 30px; color: #fff !important; margin-left: 0 !important;  }
#intro p{ margin: 10px 0 0 0 !important; font-size: 11px; line-height: 140%;  }
#intro a{ color: #ffbd00;  }


/* new homepage */
#home_top{ padding: 20px 10px 20px 10px; clear: both;  }
.t_left{ float: left; width: 660px; padding: 5px 0px 5px 5px; } 
.t_left img{ border: 5px solid #eae8da !important; }
.t_right{ width: 225px; float: right;  font-size: 12px;line-height: 18px;  color: #474642; }
.t_right div{ margin: 0 0 10px 10px; }
.t_right a{ color: #474642; text-decoration: underline; font-weight: normal; }
#home_top h3{ font-size: 12px; width: 225px; background: url('../img/v2/titlebg.png') top left no-repeat; padding: 5px 0 10px 10px; color:#B5010C;}

#home_bot #page{ padding: 0 15px 10px 5px; }
#home_bot{clear: both; padding: 10px 10px 0 10px; background: url('../img/v2/bottombg.png') repeat-x top; }
.b_left{ float: left; width: 50%; }
.b_right{ float: right; width: 40%; } 

#home_bot ul.activity { width: 400px; }
#home_bot ul.activity li {background: none;  margin: 0; padding: 0; border-bottom: 1px dashed #ccc; }
.act_img{ float: left; width: 50px; }
.act_txt{ float: left; width: 200px; line-height: 15px; }
.act_txt strong{ color: #474642; }
.act_txt em{ color: #a7a7a7; font-style: normal;  }

#memberlive { padding: 3px; }
#memberlive ul{ list-style: none; margin-bottom: 10px; }
#memberlive li{ color: #747058;  line-height: 19px !important; font-size: 12px; }

.t_right .field{ display: block; width: 160px; float: left; }
.t_right .num{ display: block; width: 40px; float: left; }

ul.your_rank{ list-style: none; margin: 0; padding: 0; }
ul.your_rank li{ clear: both; margin: 0; }
ul.your_rank li b{ line-height: 14px; float: left; width: 110px; padding: 5px 0 0 5px; }
ul.your_rank li .user_points{ text-align:right;  line-height: 14px;  font-size: 11px; float: left; padding: 5px 0 0 0; width: 60px; }
div.ranknum{ margin: 0 0 0 5px; float: left; padding-top: 5px; text-align: center; font-weight: bold; background: url('../img/v2/bullet.png') no-repeat top left; color: #fff; font-weight: bold; width: 27px; height: 25px; }
div.rank-on{ background-image: url('../img/v2/bullet-on.png'); }

#page  h1, #content .t_left h1{padding: 0 0 10px 0; margin-bottom: 15px; border-bottom: 1px dashed #b0b0b0; color: #000; font-size: 27px; font-family: Georgia,Times New Roman !important; font-weight: normal; }


#loginform input[type=checkbox]{ margin-bottom: 10px; }
#loginform input[type=text], #loginform input[type=password]{ margin-bottom: 5px; width: 93%; }

#page{ clear: both; padding: 15px;  }

#content h1{ font-family: Arial Narrow, Arial; color: #b93300; font-size: 24px; font-weight: normal; margin-bottom: 3px;  }
#page p{ line-height: 140%; font-size: 12px; }

#content.home #page p{ padding-right: 290px; }

#loginhome{ margin: 30px auto 0 60px; padding: 10px 0 0 110px;  background-image: url('../img/bg_loginhome.png');  background-repeat: no-repeat; }
#loginhome form{ width: 497px; height: 94px; }
#loginhome{ font-size: 12px; }
#loginhome input.txt{ width: 130px; }
#content.home #page #loginhome p{ width: auto; padding: 0; margin: 20px 0 0 0; }
#loginhome span{ color: #92884c; font-size: 10px; text-transform: uppercase; }

#loginbtnhome{ display: inline; float: right; margin-right: 130px; background-image: url('../img/loginhome.png'); background-repeat: no-repeat;  text-align: center; padding-top: 14px; }
#loginbtnhome div{ width: 73px; height: 30px; display: block; }
#loginbtnhome a{ text-decoration: none; color:#fff; font-weight: bold;  }

#footer{ text-align: center; color: #bfbb96; font-size: 12px; margin: 20px; }

#buttons{ background-image: url('../img/topleft.png'); background-repeat: no-repeat;  padding:0; float: right;  margin-top: -100px; background-position: left; padding-left: 9px; }
#buttons a{  margin-bottom: -4px; color: #fff; text-decoration: none; font-size: 9px; }
#buttons div.inner  { height: 33px; background-image: url('../img/topbg.jpg'); background-repeat: repeat-x; }
#buttons div.innerin{ padding-top: 6px; }
#buttons div.right { background-image: url('../img/topright.png'); background-repeat: no-repeat; padding-right: 9px;  background-position: right; }
#buttons a.myacc{  background-image: url('../img/myacc_btn.png'); background-repeat: no-repeat; text-align:center; width: 82px;height: 22px; color: #747058; display: block; float:right; padding-top: 4px; }
#buttons a.login{  background-image: url('../img/login_btn.png'); background-repeat: no-repeat; text-align:center; width: 49px;height: 22px; color: #747058; display: block; float: left; padding-top: 4px; }
#buttons a.nofl{ float: right; }
#buttons a.register{ margin-left: 57px; background-image: url('../img/register_btn.png'); background-repeat: no-repeat; text-align:center; width: 64px; height: 22px; color: #ffd9d0; display: block; padding-top: 4px; float: none; }
#buttons div.username{ display: inline; font-size: 10px; padding-bottom: 20px; margin-right: 10px; }
#buttons div.username span{ font-weight: bold; color: #b11700; }
div.space{ float: right; width: 7px; }

a{ color: #b11700; }

#user_col{ width: 50%; float: left; margin-top: 30px;  }


#page ul.count{ background-image: none; margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; }
#page ul.count div.num{ color: #92884C; font-weight: bold; text-align: center; font-weight: bold; background: url('../img/ol.png') no-repeat top left; padding: 3px 0 10px 0; font-size: 10px; text-align:center; width: 26px; float: left; margin-right: 10px; }
#page ul.count li { clear: both; margin-bottom: 10px; background:none; padding-left: 0; }

div.user_data { width: 170px; float: right; }
div.user_data div { padding-top: 3px; float: left; width: 85px; font-size: 10px; color: #7b7b7b; }

#game_col ul li p{ border-top: 1px dashed #d1d1d1; padding: 5px 0 0 0 !important; margin: 5px 60px 0 36px !important; font-size: 11px; }
#game_col ul li a{ color: #b11700;  text-transform: uppercase; font-size: 14px; text-decoration: none; font-weight: bold;  }

#user_col ul li{ padding-bottom:20px; }
#user_col ul li b{ padding-top: 5px;  float: left;  color: #625d42; text-transform: uppercase; font-size: 12px; text-decoration: none; font-weight: bold; display: block; }

.more{ margin: 15px 0 0 2px; font-size: 12px; }

#page h2, h2.page{ color: #66655f; font-family: Arial Narrow, Arial; font-size: 21px; margin: 5px 0 15px 0; font-weight: normal; }


.clear{ clear: both; }



#content #order_box, #page #gamesubnav{ margin: 20px 18px 20px 20px; text-align: right; color: #92884c; font-size: 13px;  }
#content #order_box b, #page #gamesubnav b{ display: block; float: right; padding: 15px 15px 0 0; }
#content #order_box ul, #page #gamesubnav ul { background-image: url("../img/bg_orderbox.jpg"); background-repeat:no-repeat; width: 551px; height: 45px; float: right; }
#content #order_box ul li, #page #gamesubnav ul li{ float: left; list-style: none; font-size: 12px; margin-left: 15px; padding: 15px 0 10px 10px; background-position: left 20px; background-repeat: no-repeat; background-image: url("../img/orderarrow_off.gif");   }
#content #order_box ul li a, #page #gamesubnav ul li a{ font-weight: bold;   text-decoration: none; color: #aaa480; }
#content #order_box ul li.orderactive{ background-image: url("../img/orderarrow_on.gif");  }
#content #order_box ul li.orderactive a{ color: #ab0000; }

#page #gamesubnav ul li.msglink_norm {display: inline !important; }
#page #gamesubnav ul li.msglink_mob {display: none !important; }


#page #gamesubnav.detailgame ul { background-image: url("../img/bg_detail.jpg") !important; width: 310px; }
#page #gamesubnav.detailgame2 ul { background-image: url("../img/bg_detail2.jpg") !important; width: 380px; }
#content p{ font-size: 12px; margin: 5px 20px 10px 15px; }

#content h1.bump{ padding-top: 7px; }


#games_list { border: 0; margin: 10px 0 20px 16px; }
#games_list td{ background-image: url('../img/game_bg.jpg');  background-repeat: no-repeat; width: 894px; height: 425px; background-position: right top; }

.flleft{ float: left; margin: 10px 10px 0 0; }
.flright{ float: right; margin: 10px 10px 0 0; }
.btnred {  color: #fff; text-decoration: none; text-transform: uppercase; font-size: 10px;  background-image: url("../img/btnred_left.png");   background-position: left;  background-repeat: no-repeat; padding: 6px 0 6px 6px;}

.btnred span span{ background-image: url("../img/btnred.png"); background-repeat: repeat-x; padding: 6px 0 6px 0; }
.btnred span { background-image: url("../img/btnred_right.png"); background-position: right;  background-repeat: no-repeat; padding: 6px 6px 6px 0; }

.leavegame {  background-image: url("../img/blue/btnred_left.png");  margin-left: 10px; }
.leavegame span { background-image: url("../img/blue/btnred_right.png"); }
.leavegame span span{ background-image: url("../img/blue/btnred.png"); }

.game_list_box{ width: 100%; }
#games_list .game_list_box td{ vertical-align: top; background: none; width: auto; height: auto; }
#games_list h3{ margin: 10px 10px 10px 10px; padding:0 0 10px 5px;  border-top: 1px dashed #c0bfbb; font-family: Georgia, Times New Roman; font-size: 18px; color: #9c1d1d;  }
#games_list h3 a{ text-decoration: none; }
#games_list h4{ margin: auto; padding:0 0 10px 5px; font-family: Georgia, Times New Roman; font-size: 18px; color: #9c1d1d;  }
#games_list h4 a{ text-decoration: none; }

h5{ font-family: Arial; font-size: 12px; text-transform: uppercase; color: #9c1d1d; margin: 0 60px 7px 0; background-position: left 0; padding-top: 2px; font-weight: normal; border-bottom: 1px dashed #dbdad6;  padding-bottom: 7px;  }
h5.players, h5.deadlines, h5.settings, h5.games{ background-image: url('../img/users.png'); background-repeat: no-repeat;  padding-left: 20px; }
h5.deadlines{ background-image: url('../img/deadline.png'); margin-top: 10px !important; }
h5.settings{ background-image: url('../img/settings.png'); }
h5.games{ background-image: url('../img/games.png'); }

h6{  font-family: Arial; font-size: 12px; text-transform: uppercase; color: #aba268; font-weight: normal;  }
#content .game_list_box p{ margin: 0 0 7px 0 !important; font-size: 11px; }
.game_list_box td{ color: #747058; font-size: 11px; line-height: 140%; }
.game_list_box td p{ margin-bottom: 6px; }
.game_list_box ul li{ list-style: none; font-size: 11px;   }
.game_list_box ul{ list-style: none; margin-bottom: 10px; font-size: 12px; }
td.mapthumb{ padding: 0 10px 0 15px; }

.game_list_box ul.playerlist li img{ margin-right: 5px; }
.game_list_box ul.playerlist li{ margin-bottom: 3px; }

#content.home #page p{ margin: 0 0 10px 0; }
#member_box{ font-size: 12px; width: 300px; float: left; line-height: 150%;  }
#forum_box{ font-size: 12px; float: left; line-height: 150%; }

a{ font-weight: bold; text-decoration: none; }

.paging{ text-align: center; font-size: 11px; color: #555; }
.paging .standard_text{ color: #aaa; }
.paging a{ text-decoration: none }

.joinform select, .joinform input{ margin-bottom: 2px; font-size: 11px; }

#join_search{ font-size: 11px; }
#join_search td, #join_sarch input{ font-size: 11px; }

.div_explain { display:none; font-size:11px; padding:0; position:absolute; width:420px; z-index:2; }
.div_explain table{ padding: 0; margin: 0; }
.div_explain td{ font-size: 11px; border-collapse: collapse; line-height: 0%; }
.div_explain td.popup{ background-color:#ffffff; padding:2px; line-height: 100%;  }

#createform td{ font-size: 12px; padding-right: 20px; }
small{ font-size: 11px; }


.qtip-content{ font-size: 11px !important; }

#content #page p{ margin-left: 0; }

#page ul{ margin-left: 15px; }
#page ul li{ font-size: 12px; line-height: 160%; }

#page table td{ font-size: 12px; }

table.rpad td{ padding-right: 15px; vertical-align: top; }

.alert{ font-size: 12px; padding: 7px; color: #426b4a; border: 1px solid #426b4a; background: #f7faf8; margin-bottom: 10px; }

input.submit{ font-size: 12px;  background-color: #a60000; color: #fff; font-weight: bold; border: 0; padding: 3px 5px 3px 5px; border-style: none; -webkit-appearance: none;}
input.submit_norm{ font-size: 12px;  background-color: #a60000; color: #fff; font-weight: bold; border: 0; padding: 3px 5px 3px 5px; border-style: none; -webkit-appearance: none;}
input.submit_mob{ font-size: 12px;  background-color: #a60000; color: #fff; font-weight: bold; border: 0; padding: 3px 5px 3px 5px; border-style: none; -webkit-appearance: none; display: none;}



.loc_entry select, .loc_entry select option {
  color: #000000;
}

.loc_entry select:invalid, .loc_entry select option[value="0"] {
  color: #999999;
}

.loc_entry select option[value="0"]{ color: #999999; }

/*Added for browser compatibility*/
.loc_entry [hidden] {
  display: none;
}

#page table.box_div td{ font-size: 11px; }
#page table.box_div td p{ font-size: 12px; }

#page ol{ margin: 10px 10px 10px 25px; }
#page ol li{ margin-bottom: 5px; font-size: 12px; }

#stattbl{ margin: auto; }
#stattbl td{ padding: 20px; font-size: 12px; vertical-align: top; }

#stattbl td.borders_both{ border-left: 1px dashed #dbdad6;  border-right: 1px dashed #dbdad6; }
#stattbl ul li{ font-size: 12px; }

#page h3{ margin-bottom: 7px; }

.totalp{ text-align: center; color: #ada983; }


.statsearch{ background-image: url("../img/search_stats.png"); background-repeat: no-repeat; width: 252px; padding: 10px 0 30px 0; }

input.searchbox{ float: left; margin-left: 7px; }

div.statbtn{ background-image: url("../img/search_btn.png"); background-repeat: no-repeat; float: right; margin: -3px 7px 0 0;  }
div.statbtn div{ padding: 5px 0 5px 0; text-align: center; color: #fff; font-weight: bold;width: 71px;  }

div.statbtn a{ color: #fff; text-decoration: none; }

#page td.playerstat{ color: #625925; font-size: 11px; line-height: 160%; }
#page td.playerstat h2{ color: #b83301; font-size: 19px;  margin: 10px 0 5px 0; }
td.playerstat em{ font-family: Georgia; font-size: 13px; font-style: italic; margin-bottom: 7px; }
td.playerstat h5{ margin: 10px 0 5px 0; }

td.userlist{ color: #625925; }

#page #gamesubnav ul{ float: right; background-image: url("../img/bg_gamebox.png") !important; margin: 0 -20px 0 0; width: 469px; }
h2.gamesub{ color: #888 !important; font-family: Georgia !important; font-size: 14px !important; font-weight: normal; font-style: italic; margin: 5px 0 10px 0; padding-top: 5px; }
img#big_map{ border: 1px solid #888; }
#time_left{ width:95px; /*float: left;  display: block;*/ color: #fff; }
#time_left b{ font-weight: normal;  color: #fff !important; }
div.time{ margin: 5px 0 0 0; }

#statistics_list_overlay_div, #orders_list_overlay_div, #pp_overlay_div{ font-size:11px; padding:0; width:920px; margin: auto; top: 255px; position: absolute;   }
#statistics_list_overlay_div table.main{ width: 300px; margin-right: 18px;  float: right; }
#pp_overlay_div table.main{ width: 80%; margin-right: 18px;  float: right; }
#orders_list_overlay_div table.main{ width: 200px; margin-right: 400px;  float: right; }
span[id^='ordr_']{display: inline-block;
                         padding-left: 15px;
                         text-indent: -15px;}
#page #statistics_list_overlay_div table td, #page #pp_overlay_div table td, #page #orders_overlay_div_abs table td, #page #orders_list_overlay_div table td{ border-collapse: collapse; padding: 0; line-height: 110%; font-size: 11px !important; }
.lineh{ line-height: 0 !important; }

#message_text_bottom{ margin-top: 5px; color: #444; font-family: Georgia ; }


#orders_overlay_div_abs{  position: absolute; z-index:999; margin: 0; width: 190px; height: 100px; }

#orders_overlay_div_abs table td div a button
{
width: 80px;
padding: 1px 1px;
background: #3178B1; 
color: #FFF;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;
border-radius: 20px;}

#orders_overlay_div_abs table td div a button:hover
{
background: #1B4364;
}


/* #msgwindow{ font-size: calc(1vw + 1vh + .5vmin); background: #f8f5ee; } */
#msgwindow{ font-size: 80%; background: #f8f5ee; }
#msgwindow img{ max-width: 400px; }
@media only screen and (max-width: 600px) {
	#msgwindow img{ max-width: 200px; }
	
}
@media only screen and (max-width: 992px) and (min-width: 600px) {
	#msgwindow img{ max-width: 300px; }
	
}

/*
@media only screen and (max-width: 400px) {  	
	#msgwindow{ font-size: 24px; -webkit-text-size-adjust:none; color: red; background: #f8f5ee; }
}
*/
#msgwindow.bgpopup{ background-image: url('../images/popupbg.jpg'); background-repeat: repeat-y; background-size: 15% 100%; }
.popuphead{ float: right; padding: 5px; }
#tabsF{ background: #FEFEFE; padding: 5px 0px 5px 10px; border-bottom: 1px solid #AAA; }

@media only screen and (max-width: 400px) {
.msg_text{ font-size: 120%; }
}

.sh_frame_div{ position: relative; padding-bottom: 85%; padding-top: 5%; margin-top: 1%; height: 0; -webkit-overflow-scrolling: touch; overflow: hidden; overflow-y: auto;}
.sh_frame_div iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow}


.sh_text_div{ position: relative; padding-bottom: 30%; padding-top: 5%; margin-top: 1%; height: 0; }
.sh_text_div form{position: absolute; display: block; top: 0; left: 5px; right: 5px; width: 90%; height: 100%; margin: 0 auto;}

textarea.sh_text{ width: 90%; height: 100%;}
/*
@media screen and (max-width: 400px) {
  textarea.sh_text{ padding: 0; margin: 0; width: 90%; height: 80%; -webkit-text-size-adjust:none; font-size: 24px; } 
}
*/

.msgbox {padding: 5px 10px 5px 10px; }
.msgbox table table td{ padding-bottom: 4px; font-weight: normal; }
.msgbox table table td a{ font-weight: normal; }

.msgbox table table td.msgs_in {padding: 2px; color: white; text-align: center; border: 1px; border-radius: 25px; background-color: #00cc00; font-weight: 700; box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.msgbox table table td.msgs_out {padding: 2px; color: white; text-align: center; border: 1px; border-radius: 25px; background-color: #B30086; font-weight: 700; box-shadow: 0 0 20px rgba(0, 0, 0, .2);}

.msg_centre_radio input[type="radio"] {
  display: none;
}

.msgbox table table td.msg_centre_radio label {
  display: inline-block;
  background-color: #002080;
  border: 3px solid #fff;
  border-radius: 10px;   
  white-space: nowrap;
  color: #fff;
  margin: 0px;
  padding: 5px 5px 5px 5px; 	
  width: 60px;
  cursor: pointer;  
  white-space: nowrap;
  transition: background-color .2s, box-shadow .2s;
}

.msgbox table table td.msg_centre_radio input[type="radio"]:checked+label {
  background-color: #0040ff;
  font-weight: 900;
  box-shadow: 0 0 2px rgba(0,0,0, .2);
}

.msgbox table table td.msg_centre_radio input[type="radio"]:not(:checked) + label {
  text-shadow: none;
  box-shadow: none;
  font-weight: normal;
}

.msgbox table table td.msg_to_list {padding: 0p;}

.msgbox table table td a.new_message, .msgbox table td a.new_message {
display: block;
  margin: 0px;
  padding: 5px 5px 5px 5px;  
  color: #fff;
  width: 60px;
  background-color: #a60000;
  border: 3px solid #fff;
  border-radius: 10px;   
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition: background-color .2s, box-shadow .2s;
}

.msgbox table table td a.new_message_mob, .msgbox table td a.new_message_mob {
display: none;
  margin: 0px;
  padding: 5px 5px 5px 5px;  
  color: #fff;
  width: 80%;
  background-color: #a60000;
  border: 3px solid #fff;
  border-radius: 10px;   
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition: background-color .2s, box-shadow .2s;
}
/*
@media screen and (max-width: 400px) {
  .msgbox table table td a.new_message_mob, .msgbox table td a.new_message_mob { display: block; } 
  .msgbox table table td a.new_message, .msgbox table td a.new_message { display: none; }
}
*/

a.special_button_link{ font-style: italic; }

#content.home .alert{ margin-right: 280px; }

#page{ font-size: 12px; }
#msgwindow div.border_div{ padding: 10px; }
#msgwindow.history{ background-image: url('../images/popupbg.jpg'); }

td.maphistory img{ margin: 10px 0 0 35px; border: 1px solid #AAA; }

.prembtns{ margin-left: -8px; }
.prembtns a, .prembtns form, .prembtns input, .prembtns img{ display: inline; margin: 0; }

.premimg{ float: right; width: 285px; text-align: right; }
img.free{ margin-right: 15px; }
.premimg img { margin-bottom: 10px; }

.premiumtable{ border-collapse: collapse; }
.premiumtable td{ padding: 5px; }
.premiumtable tr.head td{  color: #46432d;  }
.premiumtable tr.head { vertical-align: top; height: 40px; }
.premiumtable tr.head td b{ color: #a70000;  }
.premiumtable tr.uneven{ background-color: #f1f0e9; }
#page .premiumtable td{ color: #46432d; font-size: 11px;  }
.premiumtable td.val{ color: #868363; text-align: center; }
td.dot{ border-left: 1px dashed #ccc; border-right: 1px dashed #ccc;  }
.premiumtable tr.head td img{ padding: 0; margin: 0 0 -30px 0; display:inline; float: left; }


#page ul { list-style: none; margin: 0; }
#page ul li{ background-image: url('../images/bullet.png'); background-repeat: no-repeat; background-position: left 6px; padding-left: 20px; }
.premiumtable td img{ text-align: center; }

#page p.disclaimer{ font-style: italic; color: #868363; font-size: 11px; }

a.becomenow{ font-size: 16px; }


#clickable{ width: 420px; height: 80px; float: left;clear:both;margin-top:-100px; } 
#clickable img{ border: 0; }



h2.gdate{ margin-top: -10px !important; font-size: 14px !important; clear: both; }

#msgwindow div.alert{ width: auto;  display: block; float: none; clear: both; }


/* red tabs */
a.hot{ color: #e33e42 !important; }

td.nomsg a{ color: #444; }
td.gotmsg a{ color: #E33E42; }
@media screen and (max-width: 400px) {
  td.nomsg a{ font-size: 90%; line-height: 20px; } 
  td.gotmsg a{ font-size: 90%; line-height: 20px; }	
}

.msgtitle a{ color: #444; }
.msgtitle a b{ color: #B11700; }

#submenu a.red{  color: #00ff00; text-decoration: blink; }

.superreward{ text-align: center; padding: 10px 0px 5px 22px; }

#notepad{ padding: 10px; }
.notepadstatus{ font-style: italic; color: #89a391; padding-left: 10px; }

.noteslink a{ font-weight: normal; font-style: italic; }
.noteslink{ float: right; }

/* The container */
.cbcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.cbcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #cce6ff;
}

/* On mouse-over, add a grey background color */
.cbcontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cbcontainer input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cbcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cbcontainer .checkmark:after {
    left: 3px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



#stats_table input[type="checkbox"] {
  display: none;
}

#stats_table label {
  display: block;
  position: relative;
  margin: 0px;
  padding: 5px 5px 5px 5px;  
  color: #fff;
  width: 80%;
  background-color: #66b3ff;
  border: 3px solid #fff;
  border-radius: 10px;   
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition: background-color .2s, box-shadow .2s;
}

#stats_table {
  border-collapse: collapse;
}

#stats_table label:hover, #stats_table input:focus + label {
  box-shadow: 0 0 20px rgba(0, 0, 0, .6);
}

#stats_table input:checked + label {
  background-color: #B30086; 
  font-weight: 900; 
  box-shadow: 0 0 2px rgba(0, 0, 0, .2); 
}

#stats_table input:disabled + label {
  background-color: #cccccc;
  cursor: not-allowed;
  opacity: .8;
}

#stats_table input:not(:checked) + label {
  text-shadow: none;
  box-shadow: none;
  border: none;
  font-weight: normal;
}


.container2 {
  position: absolute;
  top: 10%;
  left: 0%;
  transform: translate(-10%, -10%);  
}

#msg_table input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

#msg_table label {
  display: block;
  position: relative;
  margin: 0px;
  padding: 5px 5px 5px 5px;
  border: 3px solid #fff;
  border-radius: 10px;
  color: #fff;
  width: 80%;
  background-color: #66b3ff;  
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition: background-color .2s, box-shadow .2s;
}

@media screen and (max-width: 400px) {
  #msg_table label{ font-size: 80%; } 	
}

#msg_table label:first-of-type {
  transform: translateX(-10px);
}

#msg_table label:last-of-type {
  transform: translateX(10px);
}

#msg_table label:hover, #msg_table input:focus + label {
  box-shadow: 0 0 20px rgba(0, 0, 0, .6);
}

#msg_table input:checked + label {
  background-color: #B30086; 
  font-weight: 900;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

#msg_table input:not(:checked) + label {
  text-shadow: none;
  box-shadow: none;
  font-weight: normal;
}

table.manual_tab{ 
	table-layout: fixed; 
	border-collapse: separate;
	border-spacing: 3px;
	width: 100%;
}
table.manual_tab td{ width: 25%; }
table.manual_tab select{ width: 100%; }


.toggle_arrows_button{ padding-left: 40%; float: left; }
.toggle_manual_button{ padding-left: 80%; }

div.mapselect{ float: left; margin: 0 10px 0 0; }
div.mapselect img{ border: 2px solid #ccc; }
div.mapselect img.active{ border: 2px solid #000; }

.creategamepage td{ vertical-align: top; text-align: left; }

#newgame_1, #newgame_2, #newgame_3{ width: 100%; margin-bottom: 20px;  }
td.disabled{ color: #777; }

.iconset{ cursor: pointer; text-align: center; padding: 0px 0 0px 0; float: left; margin: 0 5px 0 5px; border: 1px solid #ccc; width: 95px; height: 46px; }
.iconset:hover{ background: #EFEFEF; }
.activeunit, .activeunit:hover{ background: #DDFFBB; } 

.livegame h2{ font-family:Georgia,Times New Roman !important; padding:0 0 10px 5px; font-size:18px !important; border-bottom: 1px dashed #C0BFBB; color: #9C1D1D; font-weight: bold; margin-bottom: 15px; }
.livegame a.btnred{ margin-top: 4px; }
.livegame{ padding: 10px; min-height: 355px }
.livegame select{ font-size: 11px; }
#game_col .livegame li{ margin: 0 0  0 2px; padding-right: 0 !important; font-size: 11px; color: #747058; }
#game_col  .livegame p{ margin: 5px 0  5px 2px; padding-right: 0 !important; font-size: 11px; color: #747058; }

.livegame ul{  list-style: none; }
.livegame ul li{padding-left: 0; background: none; }

.leftlive{ margin-top: 0;  width: 220px; float: left; }
.leftlive h5{ width: auto; } 


.livejoined{ margin-top: 0; clear: both; width: 180px; float: right; }


#game_col { background-image: url("../img/livebg.jpg");  background-position: left top;  background-repeat: no-repeat;  width: 439px; }
/*#game_col{ background-image: url("../img/v2/livebg.jpg"); background-repeat: no-repeat; background-position: top left; width: 665px; }*/
#game_col, #user_col { float: left;  margin-top: 30px;  width: 50%; }
#user_col{ width: 45%; float: right; }
#game_col p.infolive{ clear: both; padding-right: 0 !important; font-style: italic; line-height:  150%; }
#content p.timeleft{ clear: both; padding-top: 10px !important; margin-bottom: 5px !important; }

.live_confirm{ -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 5px; margin-top: -7px; display: block; background-color: #B11700; font-size: 14px; text-transform: uppercase; color: #fff; }



/* premium page */
.premiumpage h1{ margin: 10px 0 10px 0; }
.premiumpage p{ color: #747058; }
table.variants{ width: 95%; }
table.variants td{ text-align: center; color: #747058; line-height: 20px; }
table.variants strong{ color: #B11700;  font-family: Georgia,Times New Roman !important; font-weight: normal; font-size: 16px;  }

.premiumpage ul{ list-style: none; margin: 0;  }
.premiumpage li{ color: #747058; vertical-align: middle; clear: both; background: none !important; padding: 0 0 0 5px !important; }
.premiumpage ul div.num{ color: #92884C; font-weight: bold; text-align: center; font-weight: bold; background: url('../img/ol.png') no-repeat top left; padding: 3px 0 10px 0; font-size: 12px; text-align:center; width: 26px; float: left; margin-right: 10px; }
.premiumpage ul div.txt{ padding-top: 3px; }

p.other{ padding-left: 50px !important; }

.trialpayleft, .paypalleft{ float: left; width: 65%;}
.trialpayright, .paypalright{ margin-right: 40px; padding-top: 20px; float: right; width: 25%;  text-align: center;  }
#page .paypalright p{ padding: 0; margin: 0 0 15px 0; }
#page .paypalright img{ margin-bottom: 15px; }

span.closechat{ float: right; padding-right: 5px; display: block; }
span.closechat a{ text-decoration: none; color: #333; }