.nice-select {
  -webkit-tap-highlight-color:transparent;
  box-sizing:border-box;
  cursor:pointer;
  font-family:inherit;
  font-weight:normal;
  outline:none;
  position:relative;
  -webkit-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  white-space:nowrap;
  width:auto;

  min-width:200px;
  height:76px;
  border-image:url("../images/textfield.png") 20 fill stretch;
  border-image-width:20px;
  font-weight:bold;
  color:#917D75;
  padding:8px 16px;
  padding-right:52px;
  margin:4px 8px;
  display:inline-flex;
  align-items:center;
  justify-content:left;
}
  .nice-select:hover {
    border-color:#dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color:#999; }
  .nice-select:after {
    border-bottom: 6px solid #917D75;
    border-right: 6px solid #917D75;
    content:'';
    display:block;
    height: 12px;
    margin-top: -12px;
    pointer-events:none;
    position:absolute;
    right: 20px;
    top:50%;
    -webkit-transform-origin:66% 66%;
    -ms-transform-origin:66% 66%;
    transform-origin:66% 66%;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:all 0.15s ease-in-out;
    transition:all 0.15s ease-in-out;
    width: 12px;
  }
  .nice-select.open:after {
    -webkit-transform:rotate(-135deg);
        -ms-transform:rotate(-135deg);
            transform:rotate(-135deg); }
  .nice-select.open .list {
    opacity:1;
    pointer-events:auto;
    -webkit-transform:scale(1) translateY(0);
        -ms-transform:scale(1) translateY(0);
            transform:scale(1) translateY(0); }
  .nice-select.disabled {
    border-color:#ededed;
    color:#999;
    pointer-events:none; }
    .nice-select.disabled:after {
      border-color:#cccccc; }
  .nice-select.wide {
    width:100%; }
    .nice-select.wide .list {
      left:0 !important;
      right:0 !important; }
  .nice-select.right {
    float:right; }
    .nice-select.right .list {
      left:auto;
      right:0; }
  .nice-select.small {
    font-size:75%;
    height:36px;
    line-height:34px; }
    .nice-select.small:after {
      height:4px;
      width:4px; }
    .nice-select.small .option {
      line-height:34px;
      min-height:34px; }
  .nice-select .list {
    background-image: linear-gradient(0deg, #444, #666);
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    box-sizing:border-box;
    margin-top:4px;
    opacity:0;
    overflow:hidden;
    padding:0;
    pointer-events:none;
    position:fixed;
    -webkit-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
    transform-origin:50% 0;
    -webkit-transform:scale(0.75) translateY(-21px);
    -ms-transform:scale(0.75) translateY(-21px);
    transform:scale(0.75) translateY(-21px);
    -webkit-transition:all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition:all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index:9;
    }
    .nice-select .list:hover .option:not(:hover) {
      background-color:transparent !important; }
  .nice-select .option {
    cursor:pointer;
    font-weight:400;
    list-style:none;
    outline:none;
    padding: 0px 12px;
    text-align:left;
    -webkit-transition:all 0.2s;
    transition:all 0.2s;
    min-width: 160px;
   }
    .nice-select .option:hover {
      filter:brightness(1.5); }
    .nice-select .option.focus, .nice-select .option.selected.focus {
      background-image:linear-gradient(90deg,rgba(64,0,0,0.5), rgba(64,0,0,0.2)); }
    .nice-select .option.selected {
      font-weight:bold; }
    .nice-select .option.disabled {
      background-color:transparent;
      color:#999;
      cursor:default; }

.no-csspointerevents .nice-select .list {
  display:none; }

.no-csspointerevents .nice-select.open .list {
  display:block; }
/* BEGIN POPUP */
div.msgBox
{
	border-image:url("../images/popup_bg.png") 80 fill stretch;
	border-image-width:80px;
	position:fixed;
	z-index:10000;
	padding-bottom:48px;
}
div.msgBoxBackGround
{
	top:0;
	left:0;
	position:absolute;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	z-index:10000;
	background-color:#000; 
}
div.msgBoxContainer
{
	float:left;
	width:100%;
	overflow:hidden;
	max-height:calc(100% - 128px);
	padding:0px 10px;
}
div.msgBox > .closeButton
{
	cursor:pointer;
	position:absolute;
	width:67px;
	height:69px;
	right:-24px;
	top:0px;
	z-index:1;
	background-image:url("../images/popup_close.png");
	background-size:100% 100%;
}
div.msgBox > .closeButton:hover
{
	filter:brightness(120%);
}
div.msgBoxContent
{
	overflow:auto;
	padding:0px;
	float:left;
	color:#c18953;
	text-shadow:0px 2px 0px rgba(0,0,0,0.5);
}
div.msgBoxContent > iframe
{
	border:none;
	margin-bottom:-2px;
}
div.msgBoxButtons
{
	clear:both;
	padding:8px 8px 0px 8px;
	display:flex;
	align-items:center;
	justify-content:center;
}
div.msgBoxButtons input[type="button"]
{
	white-space:normal;
	font-weight:bold;
	font-size:87.5%;
	margin:8px 4px;
	color:#442c16;
	min-width:164px;
	max-width:220px;
	line-height:1em;
	padding:0px 16px;
	height:64px;
	border-radius:5px;
	background-image:linear-gradient(to bottom, #b88350, #774f2d);
	box-shadow:0px 4px 0px rgba(0,0,0,0.5);
	border:none;
	outline:none;
}
div.msgBoxButtons input[type="button"]:last-child
{
	color:#451716;
	background-image:linear-gradient(to bottom, #b85351, #762d2d);
}
div.msgBoxButtons input[type="button"]:first-child
{
	color:#442c16;
	background-image:linear-gradient(to bottom, #b88350, #774f2d);
}
.msgBoxContainer .msgBoxInputs .msgInputHeader
{
	float:left;
	font-size:87.5%;
}
.msgBoxContainer .msgBoxInputs input
{
	background-color:transparent;
	border:none;
	outline:none;
	width:calc(100% - 16px);
	min-width:298px;
	height:76px;
	border-image:url(../images/textfield.png) 20 fill stretch;
	border-image-width:20px;
	margin:2px 8px;
	padding:0px 16px;
	font-weight:bold;
	color:#917D75;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
div.msgBox .msgBoxTitle
{
	min-width:400px;
	max-width:460px;
	height:124px;
	padding:42px 56px 24px 56px;
	color:#6C6052;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	position:relative;
	margin:-36px auto 0px auto;
	cursor:move;
	display:flex;
	align-items:center;
	justify-content:center;
}
div.msgBox .msgBoxTitle:after
{
	content:'';
	background-image:url(../images/popup_title.png);
	background-size:calc(100% - 28px) 100%;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
}
div.msgBox > .msgBoxContainer > .msgBoxContent > .messageBody
{
	text-align:center;
	min-width:240px;
	max-width:520px;
	line-height:1.3;
	padding:8px 16px;
	border-radius:8px;
	margin:8px;
	background-color:rgba(0,0,0,0.2);
	box-shadow:
		inset 1px 1px 2px rgba(0, 0, 0, 0.2),
		1px 1px 1px rgba(255, 255, 255, 0.2);
}
div.msgBox > .msgBoxContainer > .msgBoxContent > .messageBody a
{
	color:#ff0;
}
/* END POPUP */

/* BEGIN PLAYER PROFILE */
#player_profile
{
	width:520px;
	height:760px;
	display:flex;
	flex-direction:column;
	overflow-x:hidden;
	margin:0px 12px;
}
#player_profile .glyph
{
	display:inline-block;
	width:40px;
	text-align:center;
	color:#f4a50c;
}
#player_profile #main_wrapper
{
	display:flex;
}
#player_profile #main_wrapper .avatar
{
	margin:4px;
	background:url(../images/bg_player.png);
	background-size:cover;
	min-width:96px;
	height:96px;
	border-radius:96px;
	overflow:hidden;
	padding:8px;
}
#player_profile #main_wrapper > .attrs
{
	flex:1;
	padding:0px 12px;
	margin-left:16px;
	border:4px solid #2F241C;
	border-radius:8px;
	box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3),
		inset 0px 1px 0px rgba(255, 255, 255, 0.3);
}
#player_profile #main_wrapper > .attrs > .attr
{
	margin:12px 0px;
	max-width:350px;
	overflow:hidden;
	white-space:nowrap;
}
#player_profile #main_wrapper > .attrs > .attr a
{
	color:#08c;
}
#player_profile #main_wrapper > .attrs > .attr .glyph:nth-child(2)
{
	margin-left:16px;
}
#player_profile #main_wrapper > .attrs > .attr .level
{
	display:inline-block;
	background-image:url(../images/levels.png);
	background-repeat:no-repeat;
	background-size:1200px 40px;
	width:40px;
	height:40px;
	vertical-align:middle;
}
#player_profile #main_wrapper > .attrs > .attr.online_status
{
	white-space:nowrap;
}
#player_profile #main_wrapper .field.message
{
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
#player_profile #score_wrapper
{
	display:flex;
	align-items:center;
	margin:12px 4px;
}
#player_profile #score_wrapper .exp_progress
{
	flex:1;
	position:relative;
	height:20px;
	background-color:#9C5738;
	margin:0 16px;
	border-radius:20px;
	overflow:hidden;
}
#player_profile #score_wrapper .exp_progress .value
{
	background-color:#f4a50c;
	height:100%;
	border-radius:20px 0px 0px 20px;
}
#player_profile #stats_wrapper
{
	display:flex;
	text-align:center;
}
#player_profile #stats_wrapper .stats
{
	flex:1;
}
#player_profile #stats_wrapper div.stats
{
	border:4px solid #2F241C;
	box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3),
		inset 0px 1px 0px rgba(255, 255, 255, 0.3);
	border-left:none;
	font-weight:bold;
	padding:8px;
}
#player_profile #stats_wrapper div.stats:last-child
{
	border-right:none;
}
#player_profile #stats_wrapper div.stats p
{
	margin:3px;
}
#player_profile #stats_wrapper div.stats p.value
{
	color:#f4a50c;
}
#player_profile #item_wrapper
{
	border-radius:8px;
	flex:1;
	margin:16px 0px 8px 0px;
	background-color:rgba(0,0,0,0.2);
	box-shadow:
		inset 1px 1px 2px rgba(0, 0, 0, 0.2),
		1px 1px 1px rgba(255, 255, 255, 0.2);
	height:160px;
}
#player_profile #item_wrapper .items
{
	display:flex;
	height:calc(100% - 16px);
	flex-wrap:wrap;
	align-content:flex-start;
	justify-content:flex-start;
	margin:8px;
}
#player_profile #item_wrapper .items div.item
{
	width:82px;
	height:82px;
	margin:8px;
}
#player_profile #item_wrapper .items div.item img
{
	width:100%;
	height:100%;
}
#player_profile #function_wrapper
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding:8px 0px;
}
#player_profile #function_wrapper .profile_button
{
	text-decoration:none;
	white-space:normal;
	font-weight:bold;
	font-size:87.5%;
	margin:8px;
	color:#442c16;
	width:168px;
	height:62px;
	border-radius:5px;
	background-image:linear-gradient(to bottom, #b88350, #774f2d);
	box-shadow:0px 4px 0px rgba(0,0,0,0.5);
	text-shadow:0px 1px rgba(255,255,255,0.25);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	text-align:center;
}

#update_profile
{
	padding:0px 16px;
}
#update_profile .label
{
	font-size:90%;
}
#update_profile input
{
	height:76px;
	border-image:url("../images/textfield.png") 20 fill stretch;
	border-image-width:20px;
	font-weight:bold;
	color:#917D75;
	background:none;
	padding:8px 16px;
	outline:none;
	margin:4px 8px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#update_profile input,
#update_profile .nice-select
{
	width:320px;
}
#update_profile .nice-select ul.list
{
	max-height:320px;
	overflow-y:auto;
}
/* END PLAYER PROFILE */

#game_screen.table_screen:before
{
	content:'';
}
#game_screen.table_screen:before,
#game_screen #breadscrumb
{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:96px;
	color:#fff;
	z-index:98;
}
#game_screen #breadscrumb #toolBar
{
	height:100%;
}
#breadscrumb a
{
	float:left;
	color:#fff;
	text-decoration:none;
	background-color:rgba(224,173,112,0.2);
}
#breadscrumb #recharge_button
{
	width:42px;
	height:52px;
	padding:8px 0px;
	text-align:left;
}
#breadscrumb #recharge_button img
{
	width:38px;
}

/* BEGIN PROFILE CARD */
#game_screen.table_screen #profile_card
{
	display:none;
}
#profile_card
{
	height:96px;
	white-space:nowrap;
	padding:8px 0px 8px 16px;
}
#profile_card > .avatar
{
	float:left;
	background:url(../images/bg_player.png);
	background-size:cover;
	width:74px;
	height:74px;
	padding:5px;
}
#profile_card > .avatar > img
{
	height:64px;
	width:64px;
	border-radius:64px;
	overflow:hidden;
}
#profile_card .name
{
	display:none;
}
#profile_card .lvl_bg
{
	display:none;
/*	float:left;
	width:40px;
	height:40px;
	border-radius:40px;
	margin:18px 0px 18px -48px;
*/
}
#profile_card .lvl
{
	background-image:url(../images/levels.png);
	background-repeat:no-repeat;
	background-size:1200px 40px;
	width:40px;
	height:40px;
}
#profile_card .score,
#profile_card .chipBalance,
#profile_card .starBalance
{
	float:left;
	width:180px;
	text-align:center;
	line-height:48px;
	background-color:#241E18;
	border-radius:4px;
	margin:14px 16px;
	font-size:90%;
}
#profile_card .score
{
	display:none;
}
#profile_card .chipBalance,
#profile_card .starBalance
{
	margin-left:36px;
	display:none;
}
#profile_card > .score:before,
#profile_card > .chipBalance:before,
#profile_card > .starBalance:before
{
	content:'';
	float:left;
	width:48px;
	height:48px;
	margin-left:-12px;
	background-repeat:no-repeat;
	background-position:center;
}
#profile_card > .chipBalance:after,
#profile_card > .starBalance:after
{
	content:'';
	float:right;
	width:48px;
	height:48px;
	margin-right:-12px;
	background-repeat:no-repeat;
	background-position:center;
}
#profile_card .score:before
{
	background-image:url("../images/trophy.png");
}
#profile_card .chipBalance:before
{
	background-image:url("../images/coin.png");
}
#profile_card .starBalance:before
{
	background-image:url("../images/star.png");
}
#profile_card .chipBalance:after,
#profile_card .starBalance:after
{
	background-image:url("../images/recharge_button.png");
}
.currency0 #profile_card .chipBalance
{
	display:inline-block;
}
.currency1 #profile_card .starBalance
{
	display:inline-block;
}
/* END PROFILE CARD */

#module_container_left
{
	left:0px;
}
#module_container_right
{
	right:0px;
}
#module_container_left .module:first-child
{
	height:calc(40% - 2px);
	min-height:200px;
}
#module_container_left .module:last-child
{
	height:calc(60% - 2px);
	min-height:280px;
}
.module_container .activity_list{
	position:absolute;
}
.blink {
	animation:blink 0.5s linear 10;
	-webkit-animation:blink 0.5s linear 10;
}
@keyframes blink {
	0% { box-shadow:0px 0px 0px 0px #f80; background-color:#f80;}
	50% { box-shadow:0px 0px 8px 4px #f80; background-color:#f80;}
	100% { box-shadow:0px 0px 0px 0px #f80; background-color:#f80;}
}
@-webkit-keyframes blink {
	0% { box-shadow:0px 0px 0px 0px #f80; background-color:#f80;}
	50% { box-shadow:0px 0px 8px 4px #f80; background-color:#f80;}
	100% { box-shadow:0px 0px 0px 0px #f80; background-color:#f80;}
} 

@keyframes label_blink
{
	100%  {box-shadow:0px 0px 2px 2px #d00;background-color:#d00;}
}
@-webkit-keyframes label_blink /* Safari and Chrome */
{
	100%  {box-shadow:0px 0px 2px 2px #d00;background-color:#d00;}
}

.jq-dropdown {
	position:fixed;
	z-index:9999999;
	display:none;
	background:#FFF;
	padding:1px 0px;
}

.jq-dropdown .jq-dropdown-menu
{
	width:252px;
	max-height:400px;
	overflow-y:scroll;
	overflow-x:hidden;
	list-style:none;
	margin:0;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

.jq-dropdown .jq-dropdown-menu > A
{
	width:58px;
	min-height:58px;
	line-height:58px;
	display:inline-block;
	color:#555;
	text-decoration:none;
	padding:2px;
	margin:2px;
	text-align:center;
	border:1px solid #888;
	border-radius:8px;
}

.jq-dropdown .jq-dropdown-menu > A:hover
{
	border-color:#f00;
	box-shadow:inset 0px 0px 4px 1px #800;
}

/* BEGIN IM */
#im
{
	position:relative;
	width:540px;
	height:640px;
	overflow:hidden;
	background-color:rgba(0,0,0,0.3);
	border-radius:8px;
	box-shadow:inset 0px -1px 1px rgba(255, 255, 255, 0.2);
}
#im .header
{
	height:72px;
	padding:7px 4px;
}

#im > #im_container
{
}
#im > #im_container > .content_scroll > .content > div
{
	background-color:rgba(255,255,255,0.13);
	border-radius:5px;
	padding:4px 8px;
	margin-bottom:8px;
}
#im > #im_container > .content_scroll > .content > div.currentPlayer
{
	margin-right:32px;
}
#im > #im_container > .content_scroll > .content > div.targetPlayer
{
	margin-left:32px;
	text-align:right;
}
#im > #im_container > .content_scroll > .content > div > .senderName
{
	color:#cf0;
}
#im > #im_container > .content_scroll > .content > div > .chatContent > div
{
	color:#fff;
}
#im > #im_container > .content_scroll > .content > div > .chatContent > div a
{
	color:#fc4;
}
#im > #im_container > *
{
	position:absolute;
	left:0px;
	right:0px;
}
#im > #im_container > .content_scroll
{
	top:76px;
	bottom:76px;
	line-height:1.4em;
}
#im > #im_container > .action_panel
{
	bottom:0px;
}
#im > .notice_container
{
	position:absolute;
	bottom:76px;
	right:10px;
}
#im > .notice_container > div
{
	float:right;
	clear:both;
	cursor:pointer;
	background-color:rgba(0,255,255,0.2);
	max-width:420px;
	padding:8px 12px;
	border-radius:8px;
	margin:1px;
	font-size:90%;
}

/* HEADER */
#im .header a.nav_button
{
	float:left;
	width:64px;
	height:64px;
	padding-bottom:6px;
	border-image:url("../images/clay_button.png") 20 fill stretch;
	border-image-width:20px;
	color:#503A32;
	text-shadow:0px 1px rgba(255,255,255,0.2);
	text-decoration:none;
	font-family:FontAwesome;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#im .header #remove_chat_button
{
	float:right;
}
#im .tab_container
{
	float:left;
	width:268px;
	white-space:nowrap;
	margin:0px 4px;
	overflow:hidden;
}
#im .tab_container > div
{
	opacity:0.5;
	height:64px;
	padding:0px 8px 6px 0px;
	overflow:hidden;
	font-size:87.5%;
	border-image:url(../images/clay_button.png) 20 fill stretch;
	border-image-width:20px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#im .tab_container > div > a.tab
{
	float:left;
	max-width:128px;
	overflow:hidden;
	font-size:87.5%;
	color:#503A32;
	text-shadow:0px 1px rgba(255, 255, 255, 0.2);
	text-decoration:none;
	padding:0px 8px 0px 16px;
}
#im .tab_container div.active
{
	opacity:1;
}
#im .tab_container .closeButton
{
	float:left;
	width:46px;
	height:48px;
	margin-bottom:4px;
	background-image:url(../images/popup_close.png);
	background-size:contain;
	background-repeat:no-repeat;
	color:transparent;
	text-decoration:none;
	text-shadow:none;
}

/* CONTENT */
#im .content
{
	overflow-y:auto;
	overflow-x:hidden;
	height:100%;
	padding:0px 8px;
}
#im .content_scroll .content .viewMoreMsg
{
	text-align:center;
	display:block;
	color:#ff8;
	margin-bottom:4px;
}

/* ACTION_PANEL */
#im .action_panel
{
	margin-bottom:0px;
	display:flex;
	flex-direction:row;
}
#im .action_panel #im_text_input
{
	flex:1;
	min-width:144px;
	height:72px;
	border-image:url(../images/textfield.png) 20 fill stretch;
	border-image-width:20px;
	font-weight:bold;
	color:#917D75;
	background:none;
	padding:8px 16px;
	outline:none;
	margin:2px 10px 2px 6px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#im .action_panel #chat_send_button
{
	font-family:FontAwesome;
	background-color:rgba(0,0,0,0);
	border:0px;
	font-size:137.5%;
	color:#E0AC70;
	cursor:pointer;
	padding:0px 20px 0px 12px;
}

/* recent_msg_list */
#recent_msg_container
{
	height:100%;
}
#recent_msg_container a
{
	color:#fc4;
}
#recent_msg_container .items
{
	overflow-y:auto;
	overflow-x:hidden;
	height:calc(100% - 44px);
	float:left;
	width:100%;
}
#recent_msg_container .items > div > .item
{
	cursor:pointer;
	line-height:1.5em;
	width:100%;
	padding:6px 12px;
	color:#ccc;
	margin:2px 0px;
	border-image:url(../images/tab.png) 20 fill stretch;
	border-image-width:20px;
}
#recent_msg_container .items > div > .item:hover
{
	color:#fc0;
}
#recent_msg_container .items > div > .item.unread
{
	color:#ff8;
}
#recent_msg_container .items > div > .item .chatter_name
{
	float:left;
	font-style:italic;
}
#recent_msg_container .items > div > .item .msg_content
{
	clear:both;
	line-height:1.3em;
}
#recent_msg_container .items > div > .item .msg_date
{
	float:right;
}
#recent_msg_container .items > div
{
	position:relative;
}
#recent_msg_container .items > div input.selection
{
	width:17px;
	float:right;
	margin:4px 6px 0px 8px;
	height:17px;
	border-radius:8px;
	zoom:200%;
}
/* END IM */

/* BEGIN VIDEO REWARD */
#daily_reward,
#video_reward
{
	text-align:center;
	width:520px;
}
#daily_reward > .guide,
#video_reward > .guide
{
	font-style:italic;
	margin:8px;
	font-weight:bold;
	font-size:80%;
}
#daily_reward > .countdown,
#video_reward > .countdown
{
	line-height:66px;
	font-weight:bold;
	font-size:125%;
}
#daily_reward > .rewardList,
#video_reward > .rewardList
{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	justify-content:center;
	width:100%;
	overflow:hidden;
}
#daily_reward > .rewardList > *,
#video_reward > .rewardList > *
{
	display:flex;
	flex-flow:column;
	justify-content:center;
	align-items:center;
	width:156px;
	height:176px;
	margin:8px;
	position:relative;
	font-size:85%;
	font-weight:bold;
	border-image:url("../images/reward_item.png") 40 fill stretch;
	border-image-width:40px;
	padding-bottom:3px;
}
#daily_reward > .rewardList > * > .name,
#video_reward > .rewardList > * > .name
{
	margin-bottom:52px;
	font-size:90%;
}
#daily_reward > .rewardList > * > .value,
#video_reward > .rewardList > * > .value
{
	margin-top:52px;
	font-weight:bold;
	color:#888;
}
#video_reward > .rewardList > * > .value
{
	margin-top:110px;
	font-size:110%;
}
#daily_reward > .rewardList > * > img,
#video_reward > .rewardList > * > img
{
	position:absolute;
	height:78px;
	top:46px;
	left:50%;
	transform:translateX(-50%);
}
#daily_reward > .rewardList > .claimed,
#video_reward > .rewardList > .claimed
{
	opacity:50%;
}
#daily_reward > .rewardList > .available > .value:after,
#video_reward > .rewardList > .available > .value:after
{
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-image:url(../images/daily_reward_light.png);
	background-size:190px 192px;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-animation:spin 4s linear infinite;
	-moz-animation:spin 4s linear infinite;
	animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform:rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform:rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } }
#video_reward > .rewardList > .available > .value:after,
#video_reward > .rewardList > * > img
{
	margin-top:-8px;
}

#daily_reward > .rewardList > *:last-child,
#video_reward > .rewardList > *:last-child
{
	width:500px;
}
#daily_reward > .rewardList > .today > .name
{
	color:#fff;
}
#daily_reward > .rewardList > .today > .value,
#video_reward > .rewardList > .today > .value
{
	color:#FFD200;
}
#daily_reward > .buttonPane,
#video_reward > .buttonPane
{
}
#daily_reward > .buttonPane > a,
#video_reward > .buttonPane > a
{
	margin:8px;
	height:66px;
	padding:0px 16px 6px 16px;
	border-image:url("../images/clay_button.png") 20 fill stretch;
	border-image-width:20px;
	color:#503A32;
	text-shadow:0px 1px rgba(255,255,255,0.2);
	text-decoration:none;
	font-weight:bold;
	font-size:90%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#daily_reward > .buttonPane > a > label,
#video_reward > .buttonPane > a > label
{
	font-size:150%;
	margin:-4px 8px 0px 0px;
	display:inline-block;
	vertical-align:middle;
}
#daily_reward_button > span,
#place #reward_video_button > .countdown,
#place #reward_video_button > .remain
{
	position:absolute;
	bottom:0px;
	white-space:nowrap;
	line-height:40px;
	height:40px;
	color:#a5660f;
	left:50%;
	margin-left:-56px;
	width:112px;
	font-size:90%;
	border-radius:40px;
	background-color:#240A00;
	text-align:center;
	box-shadow:0px 0px 1px #240A00;
	text-shadow:none;
}
#daily_reward_button.active > span
{
	-webkit-animation:attention 1s infinite;
	animation:attention 1s infinite;
	background-color:#f00;
	box-shadow:0px 0px 8px #000;
}
#place #reward_video_button > .countdown
{
	bottom:-20px;
}
#place #reward_video_button > .remain
{
	left:46px;
	top:-10px;
	width:40px;
	display:none;
}
#place #reward_video_button.active > .remain
{
	-webkit-animation:attention 1s infinite;
	animation:attention 1s infinite;
	box-shadow:0px 0px 4px #f00;
	background-color:#f00;
	color:#fff;
}
/* END VIDEO REWARD */

/* BEGIN PLAYER SELECTION */
.player_list
{
	float:left;
	width:100%;
	padding:8px 0px;
	overflow:auto;
}
.player_list .body
{
	display:flex;
	justify-content:center;
	align-content:flex-start;
	flex-wrap:wrap;
}
.player_list .player
{
	float:left;
	text-align:center;
	margin:8px;
	width:224px;
	text-decoration:none;
	position:relative;
	padding:4px 0px 0px 0px;
	border:4px solid #2F241C;
	border-radius:8px;
	box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3),
		inset 0px 1px 0px rgba(255, 255, 255, 0.3);
	background-color:rgba(255,255,255,0.2);
}
.owner
{
	background-image:url(../images/owner32.png);
	height:32px;
	top:-8px;
	left:0px;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	position:absolute;
}
.player .avatar
{
	width:72px;
	height:72px;
	background:url(../images/bg_player.png);
	background-size:cover;
	border-radius:72px;
	padding:6px;
	overflow:hidden;
	margin-top:12px;
}
.player .name,.player .chipBalance,.player .starBalance,.player .score
{
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	line-height:30px;
	font-size:80%;
}
.player .chipBalance,.player .starBalance,.player .score
{
	background-repeat:no-repeat;
	background-position:0px 1px;
	display:inline-block;
	margin-bottom:-2px;
	padding-left:34px;
	text-align:left;
	background-size:28px;
}
.player .chipBalance
{
	background-image:url("../images/coin.png");
	color:#fc0;
}
.player .starBalance
{
	background-image:url("../images/star.png");
}
.currency1 .player .chipBalance
{
	display:none;
}
.currency0 .player .starBalance
{
	display:none;
}
.player .score
{
	background-image:url("../images/trophy.png");
}
.player .status
{
	position:absolute;
	z-index:6;
	width:100%;
	text-align:center;
}
.msgBox .tab_content .player_list .body
{
	height:620px;
}
.tab_content .player_list .body .player
{
	width:160px;
	height:180px;
	border:4px solid #2F241C;
	border-radius:8px;
	box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3),
		inset 0px 1px 0px rgba(255, 255, 255, 0.3);
	background-color:rgba(255,255,255,0.2);
}
.tab_content .player_list .body .player.hasbutton
{
	margin-bottom:56px;
}
.tab_content .player_list .button_box
{
	display:flex;
	justify-content:space-around;
	margin-bottom:-32px;
	height:32px;
}
.tab_content .player_list a.button
{
	width:128px;
	height:66px;
	padding-bottom:6px;
	border-image:url("../images/clay_button.png") 20 fill stretch;
	border-image-width:20px;
	color:#503A32;
	text-shadow:0px 1px rgba(255,255,255,0.2);
	text-decoration:none;
	font-weight:bold;
	font-size:90%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
.tab_content .player_list a.button.add
{
	color:#080;
	width:64px;
}
.tab_content .player_list a.button.delete
{
	color:#800;
	width:64px;
}
.tab_content .player_list .player .name
{
	text-overflow:ellipsis;
	margin-top:-4px;
}
.tab_content .player_list .player.fb-friend .name
{
	text-overflow:ellipsis;
	line-height:48px;
	margin-bottom:16px;
	font-size:110%;
}
/* END PLAYER SELECTION */

/* BEGIN PLAYER LIST */
.module_container .player_container .player_item
{
	float:left;
	width:100%;
	height:96px;
	padding:6px 12px;
	display:flex;
	align-items:center;
	text-decoration:none;
	color:#ccc;
}
.module_container .player_container .player_item:nth-child(odd)
{
	border-image:url(../images/tab_active.png) 20 fill stretch;
	border-image-width:20px;
}
.module_container .player_container .player_item:nth-child(even)
{
	border-image:url(../images/tab.png) 20 fill stretch;
	border-image-width:20px;
}
.module_container .player_container .player_item.affordable
{
	color:#e8e800;
}
.module_container .player_container .player_item.mode1
{
	color:#fc4;
}
.module_container .player_container .player_item.online
{
	color:#ff8;
}
.module_container .player_container .player_item:hover
{
	color:#f80;
}
.module_container .player_container .player_item .avatar
{
	float:left;
	background:url(../images/bg_player.png);
	background-size:cover;
	width:74px;
	height:74px;
	border-radius:74px;
	padding:6px;
	margin-right:16px;
	overflow:hidden;
}
.module_container .player_container .player_item .info
{
	flex:1;
	position:relative;
}
.module_container .player_container .player_item .info .name
{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:240px;
	padding-top:8px;
	padding-bottom:8px;
}
.module_container .player_container .player_item.fbPlayer .name
{
	padding-top:30px;
}
.module_container .player_container .player_item .info .chipBalance,
.module_container .player_container .player_item .info .starBalance,
.module_container .player_container .player_item .info .score
{
	background-repeat:no-repeat;
	background-position:0 1px;
	float:left;
	padding-left:34px;
	background-size:28px;
}
.module_container .player_container .player_item .info .chipBalance
{
	background-image:url(../images/coin.png);
	width:136px;
}
.module_container .player_container .player_item .info .starBalance
{
	background-image:url(../images/star.png);
	width:136px;
}
.currency1 .module_container .player_container .player_item .info .chipBalance
{
	display:none;
}
.currency0 .module_container .player_container .player_item .info .starBalance
{
	display:none;
}
.module_container .player_container .player_item .info .score
{
	background-image:url(../images/trophy.png);
}
.module_container .player_container .player_item .info .level
{
	display:none;
	background-image:url(../images/levels.png);
	background-repeat:no-repeat;
	background-size:1440px 48px;
	width:48px;
	height:48px;
	position:absolute;
	right:16px;
	top:16px;
}
.module_container .player_container .player_item .invite
{
	width:75px;
	height:72px;
	padding-bottom:6px;
	border-image:url("../images/clay_button.png") 20 fill stretch;
	border-image-width:20px;
	color:#503A32;
	text-shadow:0px 1px rgba(255,255,255,0.2);
	text-align:center;
	font-size:175%;
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
/* END PLAYER LIST */

/* General config */
@font-face {
	font-family:'FontAwesome';
	font-style:normal;
	font-weight:900;
	src:url("../images/fontawesome-webfont.woff") format("woff");
}
a:hover,button:hover,input[type='button']:hover
{
	filter:brightness(120%);
}
a:active,button:active,input[type='button']:active
{
	filter:brightness(80%);
}
img
{
	border:0px;
}
body,button,select,input,table
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
}
table,div,pre,a,button,select,input,textarea,label
{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.textbuzz {
	-webkit-animation:textbuzz 0.5s 3;
	animation:textbuzz 0.5s 3;
}
@keyframes textbuzz
{
	0% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	50% {
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@-webkit-keyframes textbuzz /* Safari and Chrome */
{
	0% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	50% {
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

/* Game screen & stuff */
#game_container
{
	background-image:url("../images/background.jpg");
	background-size:100% 100%;
	background-color:#4D3722;
	position:absolute;
	top:0px;
	bottom:0px;
	width:640px;
	left:50%;
	margin-left:-320px;
}

#game_screen
{
	width:100%;
	min-height:100%;
	position:relative;
}
@supports (-webkit-touch-callout: none)
{
	#game_screen
	{
		width:100%;
		min-height:calc(100% - 32px);
		position:relative;
	}
}
#game_screen .caption
{
	color:#cef;
	font-weight:bold;
	font-size:112.5%;
	padding:6px 2px;
	text-align:center;
}
#game_screen .place_content
{
	position:absolute;
	overflow:auto;
}
@-webkit-keyframes rotating /* Safari and Chrome */
{
	from
	{
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	to
	{
		-webkit-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@keyframes rotating
{
	from
	{
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	to
	{
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
#progress_bar
{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:9999;
}
#progress_bar label
{
	position:absolute;
	top:50%;
	left:50%;
	width:128px;
	height:128px;
	margin-left:-64px;
	margin-top:-64px;
	border:16px solid rgba(255,255,255,0.8);
	border-top:16px solid #3498db;
	border-radius:50%;
	-webkit-animation:rotating 2s linear infinite;
	-moz-animation:rotating 2s linear infinite;
	-ms-animation:rotating 2s linear infinite;
	-o-animation:rotating 2s linear infinite;
	animation:rotating 2s linear infinite;
}
.smiley {
	vertical-align:middle;
	margin-top:-2px;
	box-sizing:content-box;
	height:32px;
}
.msgInput .smiley {
	margin-top:1px;
}

.glyph_button,
.round_glyph_button
{
	width:68px;
	height:68px;
	padding-bottom:6px;
	border-image:url("../images/clay_button.png") 20 fill stretch;
	border-image-width:20px;
	color:#503A32;
	text-shadow:0px 1px rgba(255,255,255,0.2);
	text-decoration:none;
	text-align:center;
	font-family:FontAwesome;
	margin:0 4px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

#toggleModuleButton,#backButton,#broadcastButton,#listInTablePlayerButton,#changePieceFaceButton,#chatButton
{
	position:absolute;
	z-index:100;
}
#listInTablePlayerButton span,#chatButton span
{
	position:absolute;
	top:-8px;
	right:-8px;
	font-size:85%;
	font-weight:bold;
	border-radius:32px;
	box-shadow:0px 0px 2px #c40;
	width:32px;
	height:32px;
	line-height:33px;
	text-align:center;
	background-color:#f80;
	color:#000;
	text-shadow:-1px 1px rgba(255,255,255,0.3);
}
.warning_message{
	text-align:left;
	font-size:87.5%;
	line-height:2em;
	margin:auto;
	position:relative;
	top:64px;
	width:90%;
	color:#9F6000;
	background-color:#FEEFB3;
	border:1px solid;
	padding:15px 10px 15px 50px;
}

.warning_message .suggestions{
	color:green;
}

.slide
{
	position:absolute;
	z-index:99;
	top:-48px;
	right:8px;
	padding:3px;
	background-image:url('../images/background_achm_item_s.png');
	width:335px;
	height:70px;
	text-align:center;

	font-size:175%;
	font-weight:bold;
	line-height:64px;
	text-shadow:
		-2px 0px 1px #d93,
		0px -2px 1px #d93,
		2px 0px 1px #d93,
		0px 2px 1px #d93;
	opacity:0.75;
}
.slide a
{
	color:#000;
}
.achievement
{
	position:absolute;
	z-index:101;
	top:-76px;
	left:8px;
	padding:12px 13px;
	width:540px;
	text-align:center;
	background-image:linear-gradient(135deg, #AE7A41 0%, #E4D29E 50%, #AE7A41 100%);
	border-radius:5px;
	border-bottom:2px solid #a16627;
	box-shadow:0px 2px 8px #000;
}
.achievement:before
{
	content:'';
	position:absolute;
	top:8px;
	left:8px;
	right:8px;
	bottom:6px;
	z-index:-1;
	background-color:#5B190F;
	border-radius:5px;
	box-shadow:inset 0px 0px 40px #000;
}
.achievement .name
{
	font-size:130%;
	font-weight:bold;
	display:flex;
	text-shadow:0px 0px 8px rgba(255, 0, 0, 0.9);
	align-items:center;
	justify-content:center;
	line-height:60px;
	padding-top:3px;
}
.achievement .avatar
{
	float:left;
	margin-right:6px;
	height:64px;
}

#clientModeModule
{
	position:absolute;
	z-index:100;
	top:0px;
	left:188px;
	height:44px;
}
#clientModeModule > a
{
	float:left;
	height:36px;
	line-height:37px;
	margin-top:7px;
	margin-left:4px;
	padding:0px 12px;
	color:#888;
	background-color:#012;
	border-radius:8px 8px 0px 0px;
	border:1px solid #036;
	border-bottom:0px;
	text-decoration:none;
}
#clientModeModule > a:hover
{
	background-color:rgba(255,255,255,0.25);
	color:#aaa;
}
#clientModeModule > a.active
{
	height:37px;
	background-color:#012;
	color:#fff;
}
#charging
{
	max-width:520px;
	min-height:440px;
}
.owl-item
{
	float:left;
}
.module_container,
.tabbed_dialog .tab_content,
.hidden-scrollbar
{
	overflow:auto;
}
.module_container::-webkit-scrollbar,
.tabbed_dialog .tab_content::-webkit-scrollbar,
.hidden-scrollbar::-webkit-scrollbar
{
	width:8px;
	height:8px;
	background-color:rgba(0,0,0,0.5);
}
.module_container::-webkit-scrollbar-thumb,
.tabbed_dialog .tab_content::-webkit-scrollbar-thumb,
.hidden-scrollbar::-webkit-scrollbar-thumb
{
	background-color:rgba(255,255,255,0.5); 
}
.module_container::-webkit-scrollbar-corner,
.tabbed_dialog .tab_content::-webkit-scrollbar-corner,
.hidden-scrollbar::-webkit-scrollbar-corner
{
	display:none;
}
.glyph
{
	font-family:FontAwesome;
}
@keyframes headerNotification
{
	0% { color:rgba(255,255,0,1); }
	50% { color:rgba(255,255,0,0); }
	100% { color:rgba(255,255,0,1); }
}
@-webkit-keyframes headerNotification /* Safari and Chrome */
{
	0% { color:rgba(255,255,0,1); }
	50% { color:rgba(255,255,0,0); }
	100% { color:rgba(255,255,0,1); }
}
.headerNotification
{
	background-color:#000;
	padding:16px;
	font-size:125%;
	-webkit-animation:headerNotification 1s infinite;
	animation:headerNotification 1s infinite;
	z-index:1001;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}

.lobby_screen #backButton
{
	display:none;
}
#game_screen.lobby_screen #breadscrumb
{
	padding-left:0px;
}
#game_screen.lobby_screen
{
	background:url(../images/logo.png) no-repeat top;
}
#game_screen.lobby_screen #place .place_content
{
	top:calc(75% - 350px);
	text-align:center;
}
#game_screen #place .lobby_footer_button > label,
#game_screen #place .lobby_button > label
{
	font-size:120%;
}
#game_screen #place .lobby_button > label
{
	width:48px;
	padding-bottom:3px;
}
#game_screen #place .lobby_button,
#game_screen #place .lobby_footer_button
{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	text-decoration:none;
	color:#663819;
	text-shadow:0px 1px 1px rgba(255,255,255,0.3);
	background-size:100% 100%;
}
#game_screen #place .lobby_button
{
	background-image:url('../images/lobby_button.png');
	width:327px;
	height:114px;
	margin:auto;
	justify-content:left;
	padding:21px 36px 42px 36px;
	margin:8px;
}
#game_screen #place .lobby_footer_button
{
	background-image:url('../images/lobby_footer_button.png');
	width:92px;
	height:97px;
	padding-bottom:16px;
}
#place #leader_board_button,
#place #show_guide_button,
#place #friend_button,
#place #reward_video_button
{
	position:absolute;
	bottom:28px;
	margin-left:-46px;
}
#place #show_guide_button
{
	left:17%;
}
#place #friend_button
{
	left:39%;
}
#place #leader_board_button
{
	left:61%;
}
#place #reward_video_button
{
	left:83%;
}
#place #lucky_wheel_button,
#place #other_game_button,
#place #add_friend_button
{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	background-image:url(../images/side_button.png);
	background-size:100% 100%;
	width:80px;
	height:198px;
	padding:0px 0px 28px 14px;
	position:absolute;
	top:12px;
}
#place #lucky_wheel_button,
#place #other_game_button
{
	right:0px;
}
#place #lucky_wheel_button:before
{
	content:'';
	background-image:url("../images/ic_lucky_wheel.png");
	right:0px;
	width:41px;
	height:44px;
	display:inline-block;
	margin:7px 0px 0px 0px;
}
#place #add_friend_button
{
	left:0px;
	transform:scaleX(-1);
}
#place #other_game_button:before
{
	content:'';
}
#place #add_friend_button:before
{
	content:'';
}
#place #other_game_button:before,
#place #add_friend_button:before
{
	right:0px;
	display:inline-block;
	margin:6px 0px 0px 3px;
	font-family:'FontAwesome';
	color:#663819;
	text-shadow:0px 1px 1px rgba(255,255,255,0.3);
	font-size:150%;
}
#disconnectedMesage
{
	position:fixed;
	top:0;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.75);
	z-index:1001;
	display:flex;
	flex-wrap:wrap;
	align-content:center;
	justify-content:center;
}
#disconnectedMesage > p
{
	color:#DFB980;
	font-size:150%;
	font-weight:bold;
	margin:48px;
	width:100%;
	text-align:center;
}
#game_screen #place #disconnectedMesage > a.lobby_button
{
	justify-content:center;
}
#addFriendDialog
{
	position:fixed;
	top:0;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.75);
	z-index:1001;
	display:flex;
	display:flex;
	justify-content:center;
	align-items:center;
}
#addFriendDialog > div
{
	background-image:url("../images/invite_friend_dialog.png");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	width:626px;
	height:408px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	position:relative;
}
#addFriendDialog > div > .closeButton
{
	background-image:url("../images/popup_close.png");
	background-position:center;
	background-repeat:no-repeat;
	width:67px;
	height:69px;
	position:absolute;
	right:48px;
	top:24px;
}
#addFriendDialog > div > .inviteButton
{
	font-weight:bold;
	width:298px;
	height:73px;
	border-image:url("../images/dialog_yellow_button.png") 28 fill stretch;
	border-image-width:28px;
	color:#0E1128;
	text-shadow:0px 1px 0px rgba(255,255,255,0.25);
	text-decoration:none;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	margin-left:16px;
}
#addFriendDialog > div > .inviteButton:before
{
	content:'\f234';
	font-family:FontAwesome;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	font-size:150%;
	padding-bottom:6px;
	margin-right:8px;
}
#addFriendDialog > div > .inviteButton:before,
#addFriendDialog > div > .inviteButton > label
{
	background:linear-gradient(0deg, #e1dd96, #fff);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	filter:drop-shadow(0px 2px 2px #381f09);
}
#addFriendDialog > div > .prize
{
	font-size:250%;
	font-weight:bold;
	margin:0px;
	background:linear-gradient(0deg, #f2c41a, #fff891);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	filter:
		drop-shadow(0px 0px 4px #e71d13)
		drop-shadow(0px 0px 4px #e71d13);
}
#addFriendDialog > div > .content,
#addFriendDialog > div > .notice
{
	font-style:italic;
	color:#fff;
	margin:0px;
	text-align:center;
	width:400px;
}
#addFriendDialog > div > .content
{
	font-weight:bold;
	margin-top:64px;
	margin-bottom:20px;
	background:linear-gradient(0deg, #d9a756, #f4d97f);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	filter:drop-shadow(0px 3px 3px #000);
}
#addFriendDialog > div > .notice
{
	font-size:70%;
	margin-bottom:48px;
	text-shadow:
		2px 2px 1px rgba(0,0,0,0.5);
}

#game_screen > #chatboxBlocker
{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:9999;
	background-color:rgba(0,0,0,0.5);
}
#game_screen > #chatbox
{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	z-index:9999;
	background-color:rgba(0,0,0,0.75);
}
#game_screen > #chatbox > .content
{
	height:480px;
	overflow-y:auto;
	overflow-x:hidden;
	padding:0px 12px;
	color:#fff;
	line-height:1.4em;
}
#game_screen > #chatbox > input
{
	height:72px;
}
#game_screen > #chatbox > input[type='text']
{
	width:calc(100% - 84px);
	border-image:url(../images/textfield.png) 20 fill stretch;
	border-image-width:20px;
	font-weight:bold;
	color:#917D75;
	background:none;
	padding:8px 16px;
	outline:none;
	margin:2px 4px;
	vertical-align:middle;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#game_screen > #chatbox > a#chat_send_button
{
	display:inline-block;
	vertical-align:middle;
	text-decoration:none;
	text-align:center;
	padding:8px;
	font-family:FontAwesome;
	font-size:150%;
	color:#E0AC70;
}
#game_screen > #chatbox > .content .chatterName,
#game_screen > #chat_flash > div .chatterName
{
	color:#fe4;
}
#game_screen > #chatbox > .content .currentPlayer,
#game_screen > #chat_flash > div .currentPlayer
{
	color:#4ef;
}
#game_screen > #chatbox > .content .viewMoreMsg
{
	color:#ff4;
	text-align:center;
	display:block;
	margin-bottom:4px;
}
#game_screen > #chat_flash
{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	text-align:left;
	overflow-y:auto;
	overflow-x:hidden;
	max-height:160px;
	z-index:100;
}
#game_screen > #chat_flash:empty
{
	display:none;
}
#game_screen > #chat_flash > div
{
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	padding:16px;
}
#game_screen > #chat_flash > div > .closeButton
{
	float:right;
	margin-right:-8px;
	margin-top:-12px;
	background-image:url(../images/popup_close.png);
	background-size:cover;
	width:56px;
	height:56px;
	cursor:pointer;
}
#game_screen > #chatbox > .emoList
{
	text-align:center;
}
#game_screen > #chatbox > .emoList > div
{
	display:inline-block;
	width:92px;
}
#game_screen > #chatbox > .emoList > div > img
{
	height:64px;
	margin-top:8px;
}

#game_container > #matchMaker
{
	position:absolute;
	top:0;left:0;bottom:0;right:0;z-index:101;
	background:url(../images/crowd.png) center no-repeat;
	background-color:rgba(0,0,0,0.75);
	display:flex;
	align-items:center;
	justify-content:center;
	color:white;
}
#game_container > #matchMaker > .body
{
	display:flex;
	flex-direction:column;
	align-items:center;
	height:440px;
}
#game_container > #matchMaker > .body > .content
{
	flex:1 1 100%;
	margin-top:24px;
}
#game_container > #matchMaker > .body > img
{
	position:absolute;
	width:96px;
	height:96px;
	top:calc(50% - 26px);
	left:calc(50% - 66px);
}
#game_container > #matchMaker > .body > a
{
	color:yellow;
}
.achm_container
{
	position:relative;
	padding-top:82px;
}
.achm_container #category_label
{
	position:absolute;
	top:0px;
	width:100%;
	height:82px;
	display:flex;
}
.achm_container .tab {
	flex:1;
	height:82px;
	border-image:url("../images/tab.png") 20 fill stretch;
	border-image-width:20px;
	color:#2A231B;
	text-shadow:none;
	text-decoration:none;
	font-weight:bold;
	margin:0px 1px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
.achm_container .tab.active {
	border-image:url("../images/tab_active.png") 20 fill stretch;
	border-image-width:20px;
	color:#877B71;
}
.achm_container #achm
{
	max-width:540px;
	height:640px;
	overflow-x:hidden;
	overflow-y:auto;
}
.achm_container #achm .achm-item
{
	float:left;
	width:100%;
	position:relative;
}
#achm .achm-list .achm-item:nth-child(odd)
{
	border-image:url(../images/tab_active.png) 20 fill stretch;
	border-image-width:20px;
}
#achm .achm-list .achm-item:nth-child(even)
{
	border-image:url(../images/tab.png) 20 fill stretch;
	border-image-width:20px;
}
.achm_container #achm .empty_content {
	text-align:center;
	color:red;
	font-size:190%;
}
.achm_container #achm .achm-info {
	padding:8px 0px;
	float:left;
}
.achm_container #achm .achm-info .avatar {
	margin:0px 8px;
	float:left;
	width:96px;
	height:96px;
}
.achm_container #achm .achm-info .name,
.achm_container #achm .achm-info .description {
	width:420px;
	margin:4px;
}
.achm_container #achm .achm-info .description {
	font-size:80%;
	color:#ccc;
}
.achm_container #achm .prize-info {
	margin:10px;
	width:96px;
	height:92px;
	color:#E0AC6F;
	position:absolute;
	right:0px;
}
.achm_container #achm .achm-item.unresolved > .achm-info
{
	-webkit-filter:sepia(100%);
	-moz-filter:sepia(100%);
}
.achm_container #achm .prize-info .achm-count {
	text-align:center;
	line-height:96px;
	font-size:130%;
	width:100%;
	font-weight:bold;
}
.achm_container #achm .prize-info .prize {
	background-position:bottom center;
	background-image:url('../images/coin.png');
	background-repeat:no-repeat;
	padding-bottom:40px;
	color:#fc4;
	text-align:center;
	font-weight:bold;
	-webkit-animation:attention 1s infinite;
	animation:attention 1s infinite;
}
@keyframes attention
{
	0% {
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	50% {
		-webkit-transform:scale(0.9);
		transform:scale(0.9);
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@-webkit-keyframes attention /* Safari and Chrome */
{
	0% {
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	50% {
		-webkit-transform:scale(0.9);
		transform:scale(0.9);
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
.achm_container #achm .progress-bar { 
	height:12px;
	background:#046;
	position:absolute;
	left:8px;
	right:8px;
	bottom:0px;
	border-radius:12px;
}
.achm_container #achm .progress-bar > span {
	display:block;
	height:100%;
	background-color:#5A8AD8 !important;
	border-radius:12px 0px 0px 12px;
}
#fireworks {
	border-radius:8px;
}
.level_up #shareButton {
	width:320px !important;
	height:64px !important;
	padding-bottom:6px !important;
	border-image:url("../images/clay_button.png") 20 fill stretch !important;
	border-image-width:20px !important;
	color:#503A32 !important;
	text-shadow:0px 1px rgba(255,255,255,0.2) !important;
	text-align:center;
	font-weight:bold !important;
	font-size:100% !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
}
.level_up #txt3
{
	font-size:100% !important;
	color:#fc0 !important;
}
.level_up
{
	margin:8px;
	box-shadow:0px 1px 2px rgba(255, 255, 255, 0.3);
	border-radius:8px;
}
#game_screen #zone .roomList
{
	margin:auto;
	text-align:left;
}
#game_screen #zone .room
{
	float:left;
	cursor:pointer;
	box-shadow:inset 0px 0px 4px #f00,0px 0px 8px #f00;
	margin:8px;
	background-color:rgba(0,0,0,0.2);
	border-radius:3px;
	width:240px;
}
#game_screen #zone .room:hover,#game_screen #zone .room.focused
{
	background-color:rgba(0,128,255,0.25);
}
#game_screen #zone .room .avatar
{
	float:left;
	width:64px;
	padding:8px;
}
#game_screen #zone .room .attrs
{
	float:left;
	padding:8px;
}
#game_screen #zone .room .attrs div
{
	font-weight:bold;
}
#game_screen #zone .room .attrs div.name
{
	position:absolute;
	bottom:16px;
	width:100%;
	line-height:30px;
	white-space:nowrap;
	overflow:hidden;
	padding:0px 8px;
	font-size:80%;
}
#game_screen #zone .room .attrs div.tableCount,
#game_screen #zone .room .attrs div.clientCount
{
	float:left;
	font-size:87.5%;
	line-height:26px;
	color:#ddd;
	padding:3px 2px 3px 24px;
	background-position:0px center;
	background-repeat:no-repeat;
}
#game_screen #zone .room .attrs div.tableCount
{
	width:80px;
	background-image:url("../images/ic_table.png");
}
#game_screen #zone .room .attrs div.clientCount
{
	width:64px;
	background-image:url("../images/ic_player.png");
}

#game_screen #room
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	padding-left:16px;
}
#game_screen #room .table
{
	display:inline-block;
	cursor:pointer;
	width:192px;
	height:192px;
	position:relative;
	text-align:center;
	color:#fff;
	font-size:90%;
	background-repeat:no-repeat;
	background-position:center 48px;
	background-size:96px 96px;
	margin:0px 4px;
}
#game_screen #room .table.exceed { opacity:0.5; }
#game_screen #room .table.grade1 { background-image:url("../images/table_icon_1.png"); }
#game_screen #room .table.grade2 { background-image:url("../images/table_icon_2.png"); }
#game_screen #room .table.grade3 { background-image:url("../images/table_icon_3.png"); }
#game_screen #room .table.grade9 { background-image:url("../images/table_icon_9.png"); }
#game_screen #room .table .slot_player
{
	position:absolute;
	background-image:url("../images/table_player.png");
	background-size:cover;
	width:64px;
	height:64px;
}
#game_screen #room .table .slot2 { left:64px; top:0px;}
#game_screen #room .table .slot3 { left:64px; top:128px; transform:scaleY(-1);}
#game_screen #room .table .slot0 { left:0px; top:64px; transform:rotate(-90deg);}
#game_screen #room .table .slot1 { right:0px; top:64px; transform:rotate(90deg);}
#game_screen #room .table .slot4 { left:16px; top:16px; transform:rotate(-45deg);}
#game_screen #room .table .slot5 { right:16px; top:112px; transform:rotate(135deg);}
#game_screen #room .table .slot6 { right:16px; top:16px; transform:rotate(45deg);}
#game_screen #room .table .slot7 { left:16px; top:112px; transform:rotate(-135deg);}
#game_screen #room .table div.status
{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-40px;
	margin-top:-40px;
}
#game_screen #room .table .password_protected
{
	position:absolute;
	top:78px;
	left:78px;
	width:36px;
	height:36px;
	background-image:url(../images/table_status_pwd.png);
	background-size:cover;
}
#game_screen #room .table:hover,#game_screen #room .table.focused
{
	background-color:rgba(0, 0, 0, 0.5);
}
#game_screen #room .table div.name
{
	position:absolute;
	bottom:0px;
	width:100%;
	line-height:48px;
	white-space:nowrap;
	overflow:hidden;
	padding:0px 8px;
	font-size:80%;
}
#game_screen #room .table .status img
{
	width:80px;
	height:80px;
}
#game_screen #room .table img.avatar
{
}

/* COMMON GROUP ATTRIBUTE */
#game_screen #room_filter,
#game_screen #table_filter,
#game_screen #titleBar,
#game_screen #roomWrapper
{
	position:absolute;
}

/* TABLE FILTER */
#game_screen #table_filter
{
	bottom:144px;
	right:0px;
	left:0px;
	text-align:center;
	padding-top:8px;
	white-space:nowrap;
}
#game_screen #table_filter a
{
	margin:0px 2px;
	width:180px;
	height:64px;
	padding-bottom:6px;
	border-image:url("../images/clay_button.png") 20 fill stretch;
	border-image-width:20px;
	color:#503A32;
	text-shadow:0px 1px rgba(255,255,255,0.2);
	text-decoration:none;
	font-weight:bold;
	opacity:0.3;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#game_screen #table_filter a.active
{
	opacity:1;
}
#game_screen #place #room .table .value
{
	background:url("../images/coin.png") no-repeat;
	background-size:22px;
	text-shadow:0px 1px 3px #000;
	padding-right:60px;
	text-align:right;
	top:24px;
	background-position:56px 1px;
	position:absolute;
	width:100%;
	font-size:80%;
}
#game_screen #place #room .table .tour_sign
{
	background-image:url("../images/tour_sign.png");
	position:absolute;
	top:78px;
	width:100%;
	height:36px;
	background-position:center 0px;
	background-repeat:no-repeat;
}
/* END TABLE FILTER */

/* ROOM WRAPPER */
#game_screen #roomWrapper
{
	padding:8px 0px;
	right:0px;
	left:0px;
	top:116px;
	bottom:224px;
	border-top:2px solid rgba(224,173,112,0.3);
	overflow-y:scroll;
}

/* tableConfig */
#tableConfig
{
	font-weight:bold;
	text-align:center;
	color:#917D75;
	text-shadow:0px 1px rgba(0,0,0,0.5);
}
#tableConfig > * > .caption
{
	text-transform:uppercase;
	font-size:125%;
}
#tableConfig > .pinGroup,
#tableConfig > .radioGroup,
#tableConfig > .betGroup,
#tableConfig > .policyGroup,
#tableConfig > .durationGroup
{
	padding-top:16px;
}

#tableConfig > .betGroup > .betInfo > * > *,
#tableConfig > .pinGroup > *,
.SliderField > *
{
	display:inline-block;
	vertical-align:middle;
}
#tableConfig > .pinGroup > div.buttonPanel > a,
#tableConfig > .betGroup > a,
.SliderField > a
{
	margin:5px 8px 0px 8px;
	width:75px;
	height:70px;
	padding-bottom:6px;
	border-image:url("../images/clay_button.png") 20 fill stretch;
	border-image-width:20px;
	color:#503A32;
	text-shadow:0px 1px rgba(255,255,255,0.2);
	text-decoration:none;
	font-weight:bold;
	font-size:250%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#tableConfig > .pinGroup > label,
.SliderField > label
{
	min-width:298px;
	height:76px;
	border-image:url("../images/textfield.png") 20 fill stretch;
	border-image-width:20px;
	margin:2px 8px;
	font-weight:bold;
	color:#917D75;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

#tableConfig > .pinGroup > label
{
	width:440px;
	height:96px;
	margin:16px;
	font-family:monospace;
	font-size:200%;
	letter-spacing:0.3em;
	padding-left:0.3em;
}
#tableConfig > .pinGroup > div.buttonPanel
{
	width:440px;
	display:flex;
	flex-flow:row wrap;
	margin:0px auto;
}
#tableConfig > .pinGroup > div.buttonPanel > a
{
	flex:30%;
	height:84px;
	font-size:150%;
	margin:3px;
}

#tableConfig > .radioGroup > input[type=radio]
{
	display:none;
}
#tableConfig > .radioGroup > input[type=radio] + label
{
	display:inline-block;
	padding:8px;
	margin:4px;
	border-image:url(../images/blue_button.png) 20 fill repeat;
	border-image-width:20px;
	position:relative;
	min-width:128px;
}
#tableConfig > .radioGroup > input[type=radio]:checked + label:after,
#tableConfig > .radioGroup > input[type=radio] + label:active:after
{
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	border-image:url(../images/checked_mark.png) 32 96 96 32 fill stretch;
	border-image-width:16px 48px 48px 16px;
	margin:-2px;
}
#tableConfig > .radioGroup > input[type=radio] + label:hover
{
	color:#fc4;
}

#tableConfig > .betGroup > *
{
	vertical-align:middle;
}
#tableConfig > .betGroup > .betInfo
{
	width:269px;
	height:176px;
	display:inline-block;
	margin:8px 22px 0px 22px;
	padding:26px 0px;
	background-image:url(../images/prize_bg.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
#tableConfig > .betGroup > .betInfo > *
{
	font-size:110%;
	line-height:58px;
	white-space:nowrap;
}
#tableConfig > .betGroup > .betInfo > * > img
{
	height:28px;
}
#tableConfig > .betGroup > .betInfo > * > label
{
	margin-left:8px;
}
#tableConfig > .button
{
	font-weight:bold;
	color:#442c16;
	width:260px;
	height:80px;
	border-radius:10px;
	background-image:linear-gradient(to bottom, #b88350, #774f2d);
	box-shadow:0px 4px 0px rgba(0,0,0,0.5);
	text-align:center;
	text-decoration:none;
	font-size:120%;
	margin-top:16px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
/* end tableConfig */
.pawn_promotion_dialog
{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:8px 12px 12px 12px;
	flex-wrap:wrap;
	max-width:60vw;
}
.pawn_promotion_dialog > a
{
	border-image:url(../images/table_icon_3.png) 40 fill stretch;
	border-image-width:40px;
	padding:24px 24px;
	margin:16px
}
.pawn_promotion_dialog > a > div
{
	width:108px;
	height:108px;
	background-image:url('../zone/images/pieces.png');
	background-size:1296px 108px;
}

.table_popup
{
	float:left;
	width:540px;
	background-color:rgba(0,0,0,0.3);
	border-radius:8px;
	box-shadow:inset 0px -1px 1px rgba(255,255,255,0.2);
}
.table_popup .caption
{
	font-size:87.5%;
	font-weight:bold;
	padding:4px 0px;
	background-color:#400;
	margin-bottom:2px;
	color:#fff;
}
.table_popup .attrs
{
	background-color:rgba(192,192,192,0.2);
	padding:8px 8px 4px 8px;
	border-radius:8px 8px 0px 0px;
}
.table_popup .attrs .attr
{
	display:inline-block;
	margin:4px 8px;
	font-size:85%;
	color:#fff;
}
.table_popup .attrs .attr:before
{
	font-family:FontAwesome;
	color:#DDAD6E;
	margin-right:6px;
	vertical-align:middle;
	font-size:120%;
	float:left;
}
.table_popup .attrs .attr.money:before
{
	content:'\f28c';
}
.table_popup .attrs .attr.mysteryPolicy:before
{
	content:'\f29c';
}
.table_popup .attrs .attr.boardSize:before
{
	content:'\f0b2';
}
.table_popup .attrs .attr.matchDuration:before
{
	content:'\f017';
}
.table_popup .attrs .attr.turnDuration:before
{
	content:'\f1da';
}
.table_popup .attrs .attr.maxBet:before
{
	content:'\f2c7';
}
.table_popup .attrs .attr.publicTable:before
{
	content:'\f091';
}
.table_popup .player_list .body
{
	max-height:240px;
}
.table_popup .player_list .body .player .chipBalance,
.table_popup .player_list .body .player .starBalance,
.table_popup .player_list .body .player .score
{
	line-height:32px;
	background-position:left;
	font-size:70%;
	margin:0px 8px;
}

/* BEGIN SECRET INVITATION */
#secretInvitation
{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:100;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-weight:bold;
	background-color:rgba(0,0,0,0.5);
}
#secretInvitation > .content
{
	max-width:500px;
	padding:0px 16px 60px 16px;
	border-image:url("../images/popup_bg.png") 64 fill stretch;
	border-image-width:64px;
	margin-top:128px;
}
#secretInvitation > .content > *
{
	display:inline-block;
}
#secretInvitation > .content > .secretCode > div
{
	display:inline-block;
	background:url(../images/popup_title.png) no-repeat center;
	background-size:contain;
	width:371px;
	height:124px;
	padding:40px 30px 20px 30px;
	margin-top:-42px;
	color:#6C6052;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#secretInvitation > .content > .secretCode > input
{
	font-family:monospace;
	font-size:200%;
	margin:12px 12px 12px 0px;
	background:transparent;
	text-align:center;
	vertical-align:middle;
	width:280px;
	height:96px;
	padding:4px 0px 8px 0px;
	border-image:url("../images/textfield.png") 20 fill stretch;
	border-image-width:20px;
	font-weight:bold;
	color:#917D75;
	outline:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#secretInvitation > .content > .secretCode > button,
#secretInvitation > .content > .buttonPanel > a
{
	margin-top:6px;
	height:88px;
	padding:0px 24px 6px 24px;
	background:none;
	border-image:url("../images/clay_button.png") 20 fill stretch;
	border-image-width:20px;
	color:#503A32;
	text-shadow:0px 1px rgba(255,255,255,0.2);
	text-decoration:none;
	font-weight:bold;
	vertical-align:middle;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#secretInvitation > .content > .secretCode > button > .tooltiptext
{
	visibility:hidden;
	width:128px;
	background-color:rgba(0,0,0,0.75);
	color:#aaa;
	border-radius:8px;
	padding:12px;
	position:absolute;
	bottom:98px;
	margin-left:-36px;
	opacity:0;
	line-height:1.5;
	font-size:80%;
}
#secretInvitation > .content > .secretCode > button > .tooltiptext::after
{
	content:"";
	position:absolute;
	top:99%;
	left:50%;
	margin-left:-10px;
	border-width:10px;
	border-style:solid;
	border-color:#000 transparent transparent transparent;
}
#secretInvitation > .content > .secretCode > button:hover > .tooltiptext
{
	visibility:visible;
	opacity:1;
}
#secretInvitation > .content > .buttonPanel > a
{
	height:76px;
	margin:6px;
}
#secretInvitation > .content > .status
{
	font-weight:normal;
	margin-top:8px;
	color:#fc4;
}
/* END SECRET INVITATION */

/* BEGIN LEADER BOARD */
#leader_board
{
	flex-direction:row;
}
#leader_board > .tab_content > .body
{
	width:520px;
	height:700px;
	border-radius:5px
}
#leader_board > .tab_content > .body > div
{
	display:flex;
	width:100%;
	height:96px;
}
#leader_board > .tab_content > .body > div:nth-child(odd)
{
	border-image:url(../images/tab_active.png) 20 fill stretch;
	border-image-width:20px;
}
#leader_board > .tab_content > .body > div:nth-child(even)
{
	border-image:url(../images/tab.png) 20 fill stretch;
	border-image-width:20px;
}
#leader_board > .tab_content > .body > div > .entry
{
	flex:1;
	display:flex;
	align-items:center;
	text-decoration:none;
	color:#ccc;
	padding:6px 12px;
	position:relative;
}
#leader_board > .tab_content > .body > div > .entry.online:after
{
	content:'\f118';
	position:absolute;
	left:144px;
	top:4px;
	padding:2px;
	font-family:'FontAwesome';
	background-image:radial-gradient(circle, #ff0, #d80);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	filter:drop-shadow(0px 0px 2px #000);
	text-shadow:none;
}
#leader_board > .tab_content > .body > div > .entry > .avatar
{
	float:left;
	background:url(../images/bg_player.png);
	background-size:cover;
	width:74px;
	height:74px;
	border-radius:74px;
	padding:6px;
	margin:0px 16px;
	overflow:hidden;
}
#leader_board > .tab_content > .body > div > .entry > .rank
{
	width:53px;
	height:51px;
	background-image:url(../images/shield.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
	font-size:90%;
}
#leader_board > .tab_content > .body > div > .entry > .attrs
{
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	height:100%;
	overflow:hidden;
	font-weight:bold;
	line-height:36px;
}
#leader_board > .tab_content > .body > div > .entry > .level
{
	background-image:url(../images/levels.png);
	background-repeat:no-repeat;
	background-size:1440px 48px;
	width:48px;
	height:48px;
}
#leader_board > .tab_content > .body > div > .entry > .attrs > .top,
#leader_board > .tab_content > .body > div > .entry > .attrs > .bottom
{
	display:flex;
}
#leader_board > .tab_content > .body > div > .entry > .attrs .attr
{
	position:relative;
	white-space:nowrap;
	background-repeat:no-repeat;
	background-position:left center;
}
#leader_board > .tab_content > .body > div > .entry > .attrs .bottom .attr
{
	padding-left:38px;
	background-position:top left;
}
#leader_board > .tab_content > .body > div > .entry > .attrs .name
{
	overflow:hidden;
	text-overflow:ellipsis;
	width:180px;
}
#leader_board > .tab_content > .body.tab1 > div > .entry > .attrs .name
{
	width:240px;
}
#leader_board > .tab_content > .body > div > .entry > .attrs .score
{
	flex:1;
	background-image:url(../images/trophy.png);
	background-size:32px;
}
#leader_board > .tab_content > .body > div > .entry > .attrs .balance
{
	flex:1;
	background-image:url(../images/coin.png);
	background-size:16px;
}
#leader_board > .tab_content > .body > div > a.challengeButton
{
	width:76px;
	height:76px;
	margin:12px 12px 12px 8px;
}
#leader_board > .tab_content > .body > div > a.challengeButton > label
{
	font-size:180%;
	font-family:sans-serif;
	font-weight:bold;
	padding-bottom:4px;
}
/* END LEADER BOARD */

#contest > .tab_content > .body
{
	padding:0px 4px;
	margin:4px 0px;
	height:100%;
}
.msgBoxContent > #contest > .tab_content > .body
{
	width:520px;
	max-height:720px;
}
#contest > .tab_content > .body > .entry
{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	position:relative;
	text-decoration:none;
	flex:1;
	color:#ccc;
	padding:6px 12px;
}
#contest > .tab_content > .body > *:nth-child(odd)
{
	border-image:url(../images/tab_active.png) 20 fill stretch;
	border-image-width:20px;
}
#contest > .tab_content > .body > *:nth-child(even)
{
	border-image:url(../images/tab.png) 20 fill stretch;
	border-image-width:20px;
}
#contest > .tab_content > .body > hr
{
	margin:16px 8px;
}
#contest > .tab_content > .body > .entry.reg
{
}
#contest > .tab_content > .body > .entry.it-me
{
}
#contest > .tab_content > .body > .entry.contest
{
	border-image:url(../images/prize_bg.png) 20 fill stretch;
	border-image-width:20px;
	flex-direction:column;
	align-content:space-around;
	height:274px;
	padding:24px;
}
#contest > .tab_content > .body > .entry.contest > .avatar
{
	width:160px;
	height:160px;
	margin:24px 0;
	background-color:#1B1004;
	border-radius:160px;
	border:4px solid #D6B28C;
}
#contest > .tab_content > .body > .entry.contest > .attr-name
{
	font-weight:bold;
	text-align:center;
	color:#F0C9A0;
	text-shadow:0px 1px 2px #000;
	max-width:348px;
	max-height:60px;
	overflow:hidden;
}
#contest > .tab_content > .body > .entry.contest > .attr-endTime
{
	display:flex;
	align-items:center;
	justify-content:center;
	width:348px;
	padding:30px 16px 28px 52px;
	margin:2px 0px 8px 0px;
	color:#fff;
	border-image:url(../images/textfield.png) 20 fill stretch;
	border-image-width:20px;
	font-weight:bold;
	font-size:85%;
	position:relative;
}
#contest > .tab_content > .body > .entry.contest > .attr-endTime > img
{
	position:absolute;
	left:12px;
}
#contest > .tab_content > .body > .entry.contest > a,
#contest > .tab_content > .body > .entry.contest > .button-panel > a,
#contest > .tab_content > .body > .entry.contest > label
{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	padding:0px 24px;
	height:68px;
	font-size:180%;
	padding-top:4px;
	border-radius:5px;
	background-image:linear-gradient(to bottom, #b88350, #774f2d);
	box-shadow:0px 4px 0px rgba(0,0,0,0.5);
	text-shadow:0px 1px rgba(255,255,255,0.25);
	color:#503A32;
}
#contest > .tab_content > .body > .entry.contest > a,
#contest > .tab_content > .body > .entry.contest > .button-panel > a,
{
	font-weight:bold;
}
@keyframes howl
{
	0%, 100% {
		-webkit-filter:brightness(100%);
	}
	50% {
		-webkit-filter:brightness(140%);
	}
}
#contest > .tab_content > .body > .entry.contest > .button-panel
{
	display:flex;
	width:346px;
}
#contest > .tab_content > .body > .entry.contest > .button-panel > a:nth-child(2)
{
	flex:1 1;
	animation:howl 1s infinite;
	margin-left:12px;
}
#contest > .tab_content > .body > .entry.contest > label
{
	font-size:250%;
	padding-bottom:8px;
	width:176px;
}
#contest > .tab_content > .body > .entry.online:after
{
	content:'\f118';
	position:absolute;
	left:144px;
	top:4px;
	padding:2px;
	font-family:'FontAwesome';
	background-image:radial-gradient(circle, #ff0, #d80);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	filter:drop-shadow(0px 0px 2px #000);
	text-shadow:none;
}
#contest > .tab_content > .body > .entry.reg > .avatar
{
	float:left;
	background:url(../images/bg_player.png);
	background-size:cover;
	width:74px;
	height:74px;
	border-radius:74px;
	padding:6px;
	margin:0px 16px;
	overflow:hidden;
}
#contest > .tab_content > .body > .entry > .rank
{
	width:53px;
	height:51px;
	background-image:url(../images/shield.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
	font-size:90%;
}
#contest > .tab_content > .body > .entry > .attrs
{
	flex:1;
	overflow:hidden;
}
#contest > .tab_content > .body > .entry > .attrs .attr
{
	position:relative;
	white-space:nowrap;
	background-repeat:no-repeat;
	background-position:left center;
	line-height:1.4em;
	max-width:208px;
	overflow:hidden;
}
#contest > .tab_content > .body > .entry > .attrs .score
{
	flex:1;
	padding-left:44px;
	min-width:144px;
	background-image:url(../images/trophy.png);
	background-size:32px;
}
#contest > .tab_content > .body > .entry > .prize
{
	display:flex;
	height:78px;
	justify-content:end;
	gap:6px;
}
#contest > .tab_content > .body > .entry > .prize > *
{
	width:80px;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	border-radius:10px;
	font-size:80%;
	font-weight:bold;
	color:#FFD600;
	background-color:#2F261F;
	border:3px solid #3E3832;
}
#contest > .tab_content > .body > .entry > .prize > img
{
	padding:4px;
}
#contest > .tab_content > .body > .entry > .prize > .item:before
{
	content:'';
	background:url('../images/daily_reward_item.png') center no-repeat;
	background-size:contain;
	width:100%;
	height:36px;
	margin:6px 4px 4px 4px;
}
#contest > .tab_content > .body > .entry > .prize > .item.coin:before
{
	background-image:url('../images/coin.png');
}
#contest > .tab_content > .body > .entry > .prize > .item.star:before
{
	background-image:url('../images/star.png');
}
.contest-guide-content
{
	max-width:520px;
	max-height:760px;
	overflow:auto;
}
#place #contest_button > .remain
{
	position:absolute;
	top:-12px;
	left:calc(50% - 50px);
	z-index:1;
	font-size:90%;
	color:#fff;
	display:flex;
	justify-content:center;
	width:36px;
	height:36px;
	border-radius:36px;
	align-items:center;
	background-image:linear-gradient(to right, rgb(186,14,14) 0%, rgb(235,16,31) 100%);
	box-shadow:0px 6px 3px 0px rgba(0, 0, 0, 0.16),inset -1.463px 1.364px 0px 0px rgba(255, 0, 0, 0.004);
	-webkit-animation:attention 1s infinite;
	animation:attention 1s infinite;
}

/**/
.result-panel
{
	position:absolute;
	z-index:1;
	width:572px;
	height:361px;
	background:url('../images/contest_result_bg.png') no-repeat;
	padding:185px 22px 25px 22px;
	left:calc(50% - 286px);
	white-space:nowrap;
}
.result-panel > .players
{
	display:flex;
	justify-content:space-between;
	padding-top:10px;
}
.result-panel > .players > *
{
	display:flex;
	width:127px;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	position:relative;
}
.result-panel > .players > * > .name
{
	font-family:cursive;
	font-size:80%;
	max-width:100%;
	text-overflow:ellipsis;
	overflow:hidden;
}
.result-panel > .players > * > .avatar
{
	width:64px;
	height:64px;
	background:url('../images/bg_player.png');
	background-size:cover;
	padding:6px;
}
.result-panel > .players > * > .avatar > img
{
	width:100%;
	height:100%;
	border-radius:100%;
}
.result-panel > .players > * > .point,
.result-panel > .deltaPoint
{
	font-family:cursive;
	color:#914a18;
	-webkit-text-stroke:1.2px #F66C23;
	-webkit-text-fill-color:#914a18;
	font-weight:bold;
	font-size:85%;
	position:absolute;
	top:calc(50% - 16px);
}
.result-panel > .players > *:first-child > .point
{	
	left:calc(50% + 56px);
}
.result-panel > .players > *:last-child > .point
{	
	right:calc(50% + 56px);
}
.result-panel > .players > * > .point::before
{
	content:'';
	background-image:url('../images/ic_mark.png');
	width:15px;
	height:21px;
	margin-top:8px;
}
.result-panel > .players > *:first-child > .point::before
{
	float:left;
	margin-left:-17px;
}
.result-panel > .players > *:last-child > .point::before
{
	float:right;
	margin-right:-17px;
}
.result-panel > .players > * > .position
{
	font-size:70%;
	font-weight:900;
	letter-spacing:-2px;
	text-shadow:0px 2px 0px #000;
	-webkit-text-stroke:1px #90480B;
	-webkit-text-fill-color:#FFDB13;
	color:#FFDB13;
	margin-top:13px;
}
.result-panel > .players > *:first-child > .position.up
{	
	-webkit-text-stroke:1px #0C6C0A;
	-webkit-text-fill-color:#AAF92E;
	color:#AAF92E;
}
.result-panel > .players > *:first-child > .position.down
{
	-webkit-text-stroke:1px #741415;
	-webkit-text-fill-color:#FA2E2F;
	color:#FA2E2F;
}
.result-panel > .players > *:first-child > .position.up::before,
.result-panel > .players > *:first-child > .position.down::before
{
	content:'';
	width:16px;
	height:11px;
	display:inline-block;
	margin:0px 2px 0px -17px;
}
.result-panel > .players > *:first-child > .position.up::before
{
	background-image:url('../images/ic_up.png');
}
.result-panel > .players > *:first-child > .position.down::before
{
	background-image:url('../images/ic_down.png');
}
.result-panel > .progress
{	
	width:506px;
	height:27px;
	border-image:url('../images/contest_progress_bg.png') 12 fill stretch;
	border-image-width:15px;
	position:absolute;
	bottom:56px;
	left:calc(50% - 253px);
	z-index:-1;
	padding-bottom:2px;
	border-radius:27px;
	overflow:hidden;
}
.result-panel > .progress > .fg
{
	background:url('../images/contest_progress_fg.png') repeat-x;
	height:100%;
	border-radius:27px;
	border:1px solid #85D960;
}
.result-panel > .players > * > .point .deltaPoint
{
	position:absolute;
	top:0px;
	left:-15px; 
}

/* BEGIN RECHARGE */
#recharge
{
	width:440px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
#recharge > .item
{
	width:192px;
	height:180px;
	text-align:center;
	margin:10px;
	text-decoration:none;
	font-size:85%;
	font-weight:bold;
	background-image:url("../images/bg_recharge_item.png");
}
#recharge > .item > .title {
	color:#DBA520;
	line-height:28px;
	margin-top:8px;
}
#recharge > .item > .avatar
{
	height:98px;
}
#recharge > .item > .price
{
	line-height:28px;
	color:white;
}
.rechargeDialog
{
	width:520px;
}
.rechargeDialog > a
{
	float:left;
	width:100%;
	padding:12px;
	text-decoration:none;
	color:#2B2522;
	text-shadow:0px 1px rgba(255, 255, 255, 0.15);
	font-weight:bold;
	border-image:url(../images/tab.png) 20 fill stretch;
	border-image-width:20px;
}
.rechargeDialog > a > span.glyph
{
	width:88px;
	float:left;
	font-size:230%;
	margin-right:8px;
}
.rechargeDialog > a > span.note
{
	display:block;
	font-weight:normal;
}
/* END RECHARGE */

#popup_screen
{
	width:100%;
	min-height:100%;
	position:relative;
}
#popup_screen > .title
{
	display:flex;
	justify-content:center;
	align-items:center;
	height:96px;
	padding-bottom:6px;
	background:url(../images/bg_breadscrumb.png) no-repeat bottom;
	font-size:150%;
	font-weight:bold;
	color:#917d75;
}
#popup_screen > .title > i
{
	width:100%;
	margin-left:65px;
	font-size:162.5%;
	font-weight:bold;
}
#popup_screen > .content
{
	position:absolute;
	top:96px;
	left:0;
	bottom:0;
	right:0;
	display:flex;
	align-items:center;
	justify-content:center;
}
#popup_screen > .content::-webkit-scrollbar
{
	display:none;
}
#popup_screen .popup_button
{
	white-space:normal;
	font-weight:bold;
	color:#442c16;
	width:280px;
	height:80px;
	padding:0px 24px;
	text-align:center;
	border-radius:10px;
	background-image:linear-gradient(to bottom, #b88350, #774f2d);
	box-shadow:0px 4px 0px rgba(0,0,0,0.5);
	text-decoration:none;
	margin:12px auto 0px auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

/* BEGIN TABBED DIALOG */
.msgBox .tabbed_dialog
{
	max-width:540px;
}
#popup_screen > .content > .tabbed_dialog
{
	width:calc(100% - 40px);
	height:calc(100% - 40px);
}
.tabbed_dialog .tab_container
{
	width:100%;
	display:flex;
}
.tabbed_dialog .tab_container a
{
	flex:1;
	min-width:192px;
	height:82px;
	border-image:url("../images/tab.png") 20 fill stretch;
	border-image-width:20px;
	color:#2A231B;
	text-shadow:none;
	text-decoration:none;
	font-weight:bold;
	margin:0px 1px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	text-align:center;
}
.tabbed_dialog .tab_container a.active
{
	border-image:url("../images/tab_active.png") 20 fill stretch;
	border-image-width:20px;
	color:#877B71;
}
.tabbed_dialog .tab_content
{
	width:100%;
	height:calc(100% - 82px);
	display:flex;
	flex-direction:column;
}
.tabbed_dialog .search_form
{
	position:relative;
}
.tabbed_dialog .search_form input
{
	width:100%;
	height:76px;
	font-size:150%;
	background:none;
	border:none;
	outline:none;
	border-bottom:4px solid #2F241C;
	box-shadow:0px 1px 0px rgba(255, 255, 255, 0.3);
	color:white;
	padding:8px 60px 8px 16px;
}
.tabbed_dialog .search_form a#search_button
{
	position:absolute;
	top:8px;
	right:16px;
	font-size:200%;
	color:#917d75;
	text-decoration:none;
}
/* END TABBED DIALOG */

#date_dialog
{
	width:480px;
}
#date_dialog .date-dropdowns
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
}
#date_dialog .date-dropdowns .nice-select .list
{
	max-height:400px;
	overflow:auto;
}
#match_history
{
	display:flex;
	flex-direction:column;
}
#match_history .search_container
{
	padding:9px 6px;
}
#match_history .search_container > *
{
	width:calc(50% - 32px);
	height:76px;
	margin:4px 16px;
	float:left;
	clear:none;
}
#match_history .search_container .search_button
{
	margin-top:10px;
	height:70px;
	padding-bottom:6px;
	border-image:url("../images/clay_button.png") 20 fill stretch;
	border-image-width:20px;
	color:#503A32;
	text-shadow:0px 1px rgba(255,255,255,0.2);
	text-decoration:none;
	font-weight:bold;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#match_history .search_content
{
	flex:1;
	overflow:hidden;
}
#match_history .match_container
{
	height:100%;
	font-size:80%;
	font-weight:bold;
}
#match_history .match_container .match
{
	display:flex;
	padding:8px 16px;
	color:#ccc;
	text-decoration:none;
	border-image:url(../images/tab.png) 20 fill stretch;
	border-image-width:20px;
}
#match_history .match_container .match .opponent_container
{
	flex:3;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
#match_history .match_container .match .opponent_container .opponent
{
	width:100%;
	height:76px;
	display:flex;
	align-items:center;
}

#match_history .match_container .match .opponent_container .opponent .avatar
{
	width:72px;
	height:72px;
	background:url(../images/bg_player.png);
	background-size:cover;
	border-radius:72px;
	padding:6px;
	overflow:hidden;
	margin:0px 16px;
}
#match_history .match_container .match .time_container
{
	display:flex;
	flex-direction:column;
	justify-content:space-evenly;
	align-items:center;
}
#match_history .match_container .match .button_container
{
	flex:1;
	display:flex;
	justify-content:center;
	align-items:center;
}
#match_history .match_container .match .button_container a
{
	font-family:FontAwesome;
	font-size:300%;
	text-decoration:none;
	color:#A47445;
}
.match-note
{
	max-height:480px;
	max-width:480px;
	font-size:87.5%;
	line-height:1.2em;
	font-family:monospace;
	margin-left:12px;
	overflow:auto;
}
.match-note > *
{
	display:inline-block;
	min-width:64px;
}

#buttonPanel
{
	position:absolute;
	bottom:4px;
	width:100%;
	padding:4px;
}
#buttonPanel a.left
{
	float:left;
}
#buttonPanel a.right
{
	float:right;
}
.replay_title
{
	width:100%;
	padding-top:4px;
}
#popup_screen .replay_content
{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow:hidden;
}
.replay-match-info
{
	line-height:1.5;
	padding:0px 16px;
}
.flash_msg
{
	position:absolute;
	top:8px;
	z-index:101;
	width:100%;
	text-align:center;
	pointer-events:none;
}
.flash_msg label
{
	color:#fff;
	background-color:rgba(0,0,0,0.75);
	padding:8px;
	border-radius:0px 0px 8px 8px;
}

/* begin menu */
.msgBoxContent #toolBar
{
	float:left;
	width:440px;
	display:flex;
	flex-direction:column;
}
.msgBoxContent #toolBar a
{
	height:88px;
	padding:0px 12px;
	text-decoration:none;
	font-weight:bold;
	display:flex;
	align-items:center;
	color:#ccc;
	text-shadow:0px 2px 0px rgba(0, 0, 0, 0.5);
}
.msgBoxContent #toolBar a:nth-child(even)
{
	border-image:url(../images/tab.png) 20 fill stretch;
	border-image-width:20px;
}
.msgBoxContent #toolBar a:nth-child(odd)
{
	border-image:url(../images/tab_active.png) 20 fill stretch;
	border-image-width:20px;
}
.msgBoxContent #toolBar a span.glyph
{
	width:80px;
	font-size:180%;
	text-align:center;
	padding-bottom:3px;
}
.msgBoxContent #toolBar img
{
	float:left;
	padding-right:8px;
}
/* end menu */

/* POTRAIT */
/* General config */
/* BREADSCRUMB */
#game_screen #breadscrumb
{
	padding:0px;
	padding-left:84px;
	padding-right:180px;
	background:url(../images/bg_breadscrumb.png) no-repeat bottom;
}

/* Game screen & stuff */
#game_screen .place_content
{
	top:92px;
	bottom:0px;
	left:0px;
	right:0px;
	overflow:hidden;
}
#game_screen.table_screen .place_content
{
	top:108px;
}
#game_container.with-contest > #game_screen.table_screen .place_content
{
	top:164px;
}

/* BUTTON BAR */
#game_screen #zone.place_content
{
	overflow:visible;
	z-index:99;
}
#game_screen #quickPlayButton,
#game_screen #selectTableButton
{
	float:right;
	font-weight:bold;
	color:#442c16;
	width:304px;
	height:98px;
	border-radius:10px;
	background-image:linear-gradient(to bottom, #b88350, #774f2d);
	box-shadow:0px 4px 0px rgba(0,0,0,0.5);
	text-decoration:none;
	margin:8px;
	font-size:120%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#game_screen #toggleModuleButton,
#game_screen #listInTablePlayerButton,
#game_screen #chatButton,
#backButton,
#game_screen #changePieceFaceButton
{
	top:12px;
	width:68px;
	height:68px;
	background-repeat:no-repeat;
	background-position:center;
}
#game_screen #toggleModuleButton
{
	right:16px;
	background-image:url("../images/ic_setting.png");
}
#game_screen #chatButton
{
	right:100px;
	background-image:url("../images/ic_chat.png");
	/*display:none;*/
}
#game_screen #listInTablePlayerButton
{
	left:286px;
	background-image:url("../images/ic_eye.png");
}
#backButton
{
	left:16px;
	background-image:url("../images/ic_back.png");
}
#game_screen #changePieceFaceButton
{
	left:100px;
	background-image:url("../images/ic_piece.png");
}
#game_screen #broadcastButton
{
	right:0px;
	bottom:6px;
}
#game_screen.room_screen #broadcastButton
{
	right:0px;
	bottom:64px;
}
#game_container > div > .contestName
{
	display:none;
}
#game_container.with-contest > #game_screen.lobby_screen > .contestName,
#game_container.with-contest > #game_screen.table_screen > .contestName
{
	position:absolute;
	z-index:100;
	top:86px;
	left:0px;
	right:0px;
	height:79px;
	font-weight:bold;
	color:#F0C89E;
	text-shadow:#000 0px 1px 2px;
	border-image:url("../images/contest_title_bg.png") 28 fill stretch;
	border-image-width:28px;
	overflow:hidden;
	padding:0px 56px 6px 56px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	pointer-events:none;
}

/* ROOM FILTER */
.list_room_dialog
{
	width:540px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding:4px;
}
.msgBox .roomCard
{
	width:256px;
	margin:4px;
	border-radius:5px;
	background-color:rgba(0,0,0,0.4);
	font-size:80%;
	text-align:left;
}
.msgBox .roomCard.active
{
	box-shadow:inset 0px 0px 8px 1px #c00
}
.roomCard
{
	padding:8px 4px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
.msgBox .roomCard img
{
	float:left;
	height:68px;
	padding:4px;
}
.msgBox .roomCard .roomName
{
	padding:8px 0px 4px 4px;
}
.roomCard .roomName
{
	white-space:nowrap;
	overflow:hidden;
	line-height:28px;
}
.roomCard .attrs div.tableCount,
.roomCard .attrs div.clientCount
{
	display:inline-block;
	margin:0px 2px;
	padding:4px 0px 0px 38px;
	background-repeat:no-repeat;
	background-position:0px 2px;
	line-height:28px;
	background-size:28px;
}
.roomCard .attrs div.tableCount
{
	background-image:url("../images/ic_table.png");
}
.roomCard .attrs div.clientCount
{
	background-image:url("../images/ic_player.png");
}
.msgBox .roomCard .attrs div.tableCount,
.msgBox .roomCard .attrs div.clientCount
{
	padding:4px 0px 0px 34px;
	background-repeat:no-repeat;
	background-size:26px;
}
#game_screen .roomCard
{
	display:inline-block;
	font-weight:bold;
	color:#f80;
	width:304px;
	height:98px;
	border-radius:10px;
	background-image:linear-gradient(to bottom, #92633a, #5a3d23);
	box-shadow:0px 4px 0px rgba(0,0,0,0.5);
	text-align:center;
	text-decoration:none;
	margin:8px; 
}
#game_screen .roomCard img
{
	float:left;
	width:80px;
	margin:0px 4px;
}
#game_screen .roomCard .attrs
{
	float:left;
	text-align:left;
	margin:4px;
	text-shadow:0px 1px rgb(0, 0, 0, 0.5);
}
#game_screen .roomCard .roomName
{
	font-size:115%;
	line-height:40px;
	width:198px;
	text-overflow:ellipsis;
}

/* TOOLBAR */
#game_screen #toolBar
{
	display:none;
}