/* 960/48 =20px square grid | 520px high */

.clearboth { clear:both; height:0 }

/* ENTRY SCREEN */
#card_king_entry { width:960px; height:520px; background:url(/images/site/games/cardking/bg-green_felt_entry.jpg); font-size:18px; font-family: 'Roboto Slab', serif; position:relative; color:#fff }
#card_king_entry div { box-sizing:border-box; -moz-box-sizing:border-box; }
#card_king_entry h1 { font-size:1.5em; line-height:1.2em; margin:0; padding:0; font-family: 'Roboto Slab', serif!important; color:#fff }
#card_king_entry h2 { font-size:.8em; line-height:1em; margin:10px 0 0 0; font-weight:400; padding:0; font-family: 'Roboto Slab', serif!important; color:#fff; display:block }
#card_king_entry .main { height:400px; width:960px }
#card_king_entry .left { width:50%; float:left; text-align:center; padding:5%; height:100% }
#card_king_entry .right { width:50%; float:left; text-align:left; padding:5% 0% 0% 0%; height:100% }
#card_king_entry .first_card { text-align:center; padding:4% 3%; height:100% }
#card_king_entry .first_card img { margin:0 5px }
#card_king_entry .countries { height:120px; padding-top:10px; text-align:center; color:#fff; font-size.7em }
#card_king_entry .countries img { margin:6px 4px 0 4px; border:1px solid #CCC; width:64px; height:64px }
#card_king_entry .white { color:#FFFFFF }

/* BIG BUTTON STYLES */
.start_button {
	font-size:1em;
	padding:.5em 2em .55em;
	border:1px solid #999;
	display:inline-block;
	outline:none;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font-family:'Roboto Slab', serif;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	border-radius:.5em;		
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);	
	box-shadow:0 1px 2px rgba(0,0,0,.2);
	
}

.start_button:hover { text-decoration:none !important; }	
.start_button:active { position:relative; top:1px; text-decoration:none; }

#card_king_entry a.ck_button_disabled { color:#787878!important; background:rgba(50, 50, 50, 0.6); border:1px solid #787878 }

/* MAIN GAME */
#card_king { width:960px; height:520px; background:url(/images/site/games/cardking/bg-green_feltv2.jpg); font-size:16px; font-family: 'Roboto Slab', serif; position:relative }
#card_king p { margin:0; padding:0 }
#card_king div { box-sizing:border-box; -moz-box-sizing:border-box; }
#card_king .fa-check-circle, #card_king .fa-circle { margin:6px 8px }
#card_king .zackpot { font-size:2em; line-height:.8em }
#card_king .red { color:#F00 }
#card_king .green { color:#060 }
#card_king .yellow { color:#FFCC00 }
#card_king .white { color:#FFFFFF }
#card_king .center { text-align:center }
#card_king .in_block { display:inline-block }
#card_king .inline { display:inline!important }
#card_king .bolder { font-weight:700 }
#card_king .font75 { font-size:.75em }
#card_king .font125 { font-size:1.25em!important }
#card_king .font150 { font-size:1.5em!important }
#card_king .button_margin { margin-top:25px }
#card_king .clearboth { clear:both; }
#card_king .white_background { background:url(/images/site/games/cardking/bg-white_paint.jpg)!important }
#card_king .play_wrapper { float:left; width:720px }
#card_king a.nolink:link, #card_king a.nolink:hover, #card_king a.nolink:visited { text-decoration:none; color:#fff }

/* LEFT AND RIGHT PLAYFIELD PANELS*/
#card_king .section { height:80px; line-height:80px; width:100%; text-align:center; color:#FFFFFF; font-weight:700; font-size:1.5em }
#card_king .sectionplus { height:120px; width:100%; text-align:center; color:#FFFFFF; font-weight:700; font-size:1.5em }
#card_king .section.odds { font-size:.9em; color:#B70200 }

/* WRAPS THE HIGHER/LOWER BUTTONS */
#card_king .high_low_choice { line-height:1em; padding-top:10px; color:#fff; font-size:1em }

/* BIG CARD IN THE CENTER */
#card_king .card { height:240px; line-height:180px;  }
#card_king .card img { height:220px; margin-top:10px }

/* BUTTONS */
#card_king a.ck_button { border-radius:40px; padding:4px 16px; text-decoration:none; color:#090; background:url(/images/site/games/cardking/bg-yellow_paint.jpg); font-size:.7em; width:70%; display:inline-block }
#card_king a.ck_button_hl { background:url(/images/site/games/cardking/bg-white_paint.jpg) }
#card_king a.ck_button_disabled { color:#666; background:rgba(50, 50, 50, 0.6)!important }
#card_king .arrow_up, #card_king .arrow_down { color:#009900 } /* COLOR THE ARROW ICONS */

/* MAIN COLUMNS */
#col_pass { width:240px; height:320px; float:left; display:table }
#col_card { width:240px; height:320px; float:left; display:table }
#col_peek { width:240px; height:320px; float:left }
#col_peek .peek { padding-top:25px }

/* HINT CARDS */
#hint_cards { width:960px; height:200px; padding:40px 10px 0 10px; float:left; color:#fff }
#hint_cards img { height:125px; }
#hint_cards .fa { margin-bottom:4px }
#hint_cards .card_block { text-align:left; width:104px; position:absolute }
#hint_cards .card_block.carousel_left { position:absolute; left:10px; top:425px }
#hint_cards .card_block.carousel_right { position:absolute; left:930px; top:425px; z-index:101 }
#hint_cards .card_block.card1 { position:absolute; left:40px }
#hint_cards .card_block.card2 { position:absolute; left:80px }
#hint_cards .card_block.card3 { position:absolute; left:120px }
#hint_cards .card_block.card4 { position:absolute; left:160px }
#hint_cards .card_block.card5 { position:absolute; left:200px }
#hint_cards .card_block.card6 { position:absolute; left:240px }
#hint_cards .card_block.card7 { position:absolute; left:280px }
#hint_cards .card_block.card8 { position:absolute; left:320px }
#hint_cards .card_block.card9 { position:absolute; left:360px }
#hint_cards .card_block.card10 { position:absolute; left:400px }
#hint_cards .card_block.card11 { position:absolute; left:440px }
#hint_cards .card_block.card12 { position:absolute; left:480px }
#hint_cards .card_block.card13 { position:absolute; left:520px }
#hint_cards .card_block.card14 { position:absolute; left:560px }
#hint_cards .card_block.card15 { position:absolute; left:600px }
#hint_cards .card_block.card16 { position:absolute; left:640px }
#hint_cards .card_block.card17 { position:absolute; left:680px }
#hint_cards .card_block.card18 { position:absolute; left:720px }
#hint_cards .card_block.card19 { position:absolute; left:760px }
#hint_cards .card_block.card20 { position:absolute; left:800px }
#hint_cards .card_block.card21 { position:absolute; left:840px }


/* MODALS */
#card_king .modal_veil { position:absolute; height:520px; width:960px; color:#FFFFFF; background:rgba(0,0,0,0.8); z-index:1000; text-align:center }
#card_king .joker_save { height:330px; width:650px; position:absolute; z-index:2001; top:90px; left:155px; text-align:left; font-size:1.1em; font-weight:400; padding:15px; border:1px solid #CCC; background:#333333; box-shadow:0px 0px 15px 5px #FFCC00; }
#card_king .joker_save img { float:left; margin-right:15px; }
#card_king .joker_save p { margin-bottom:10px; }
#card_king .joker_save p:last-child { margin-bottom:0px; }

#card_king .bust { height:330px; width:750px; position:absolute; z-index:1001; top:90px; left:105px; text-align:left; font-size:1.15em; font-weight:400; padding:15px; border:1px solid #CCC; background:#333333; box-shadow:0px 0px 15px 5px #B70200; }
#card_king .bust img { float:left; margin-right:15px; }
#card_king .bust p { margin-bottom:10px; }
#card_king .bust p:last-child { margin-bottom:0px; }
#card_king .bust .challenge { margin-top:15px; padding:5px 280px 5px 15px; background:url(/images/site/games/cardking/bg-challenge.jpg) #fff no-repeat top right; color:#333333; border:1px solid #F00 }

#card_king .jackpot { height:380px; width:860px; position:absolute; z-index:1001; top:70px; left:50px; text-align:center; font-size:1.15em; font-weight:400; padding:15px; border:1px solid #CCC; background:#333333; box-shadow:0px 0px 15px 5px #FFCC00; }
#card_king .jackpot img { margin:10px 0 }
#card_king .jackpot p { margin-bottom:10px; }
#card_king .jackpot p:last-child { margin-bottom:0px; }

#card_king .intermission { height:490px; width:390px; position:absolute; z-index:1001; top:15px; left:285px; text-align:center; font-size:1.15em; font-weight:400; padding:15px; border:1px solid #CCC; background:#333333; box-shadow:0px 0px 15px 5px #FFCC00; background:url(/images/site/games/cardking/bg-intermission.jpg); padding:220px 15px 0 15px }
#card_king .intermission h1 { font-size:1.5em; line-height:1.25em; color:#FFCC00; font-weight:700; margin:0 0 8px 0; padding:0 }
#card_king .intermission p.bullets { margin:0 15px 6px 15px; font-size:.7em; text-align:left }
#card_king .intermission p.bullets:last-child { margin-bottom:0px; }
#card_king .modal_button { margin:20px 0 }

#card_king .kransom { height:370px; width:600px; position:absolute; z-index:2001; top:70px; left:180px; text-align:center; font-size:1.1em; font-weight:400; padding:15px; border:1px solid #CCC; background:#900; box-shadow:0px 0px 15px 5px #FFCC00; overflow:hidden; }
#card_king .kransom img { margin:10px 0 }
#card_king .kransom h1 { font-size:1.5em; line-height:1.25em; color:#FFCC00; font-weight:700; margin:0 0 8px 0; padding:0 }
#card_king .kransom p { margin-bottom:10px; }

#card_king .bonus_prizes { height:490px; width:780px; position:absolute; z-index:2001; top:15px; left:90px; text-align:left; font-size:.95em; line-height:1.1em; font-weight:400; padding:155px 15px 0px 15px; border:1px solid #CCC; background:#333333; box-shadow:0px 0px 15px 5px #FFCC00; background:url(/images/site/games/cardking/bg-bonus_prizes.jpg) no-repeat center #000000; }
#card_king .bonus_prizes img { float:left; margin-right:15px; }
#card_king .bonus_prizes p { margin-bottom:10px; }
#card_king .bonus_prizes p:last-child { margin-bottom:0px; }
#card_king .bonus_prizes .fa-check-circle { margin:6px 6px 4px 0px }
#card_king .bonus_prizes h1 { font-size:2.5em; font-weight:700; margin:0 0 25px 0; padding:0; text-align:center }
#card_king .bp_col { width:50%; float:left; text-align:left }

/* GAME STATS */
#game_stats { width:240px; height:320px; float:left; text-align:left; color:#000; font-weight:400; font-size:1em; padding:10px}
#game_stats p { margin-bottom:20px }
#game_stats h2 { font-size:1.25em; font-weight:700; margin:0 0 0 }
#game_stats .sounds { position:absolute; top:320px; width:220px; text-align:center }

#peek_results_div { padding-top:25px }

.zackpot .odometer-value { line-height:1em!important }

#sound_select { cursor:pointer }