@font-face {
    font-family: 'Silkscreen';
    src: url('../fonts/slkscr-webfont.eot');
	src: url('../fonts/slkscr-webfont.svg#Silkscreen') format('svg'),	 
		 url('../fonts/slkscr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/slkscr-webfont.woff') format('woff'),
         url('../fonts/slkscr-webfont.ttf') format('truetype');
         
    font-weight: normal;
    font-style: normal;
}

h3{
	color: #ffffff;  
	font-family: "Silkscreen", Gadget, sans-serif;
	letter-spacing: -2px;
	font-size: 13pt;
	cursor:default;
	position:absolute;
	top: 2px;

}
h4{
	color: #ffffff;  
	font-family: "Silkscreen", Gadget, sans-serif;
	font-size: 10pt;
	letter-spacing: -1px;
	cursor:default;
	position:absolute;
	top: 1px;
}
.text_holder {
	position: relative;
	margin: 0;
	padding: 0;
	left: 50%;
	float: left;
	
}

.string_img {
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	display: block;
	left: -50%;
	float: left;
}

.letter_img {
	padding: 0;
	display: block;
	margin: 0;
	position: relative;
	float: left;
	background-image: url("../img/shared_images_sheet.png");
}

.centered{
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.card_div{
	width: 80px;
	height: 80px;
	position: relative;
	margin: 0px;
	padding: 0px;
}

.card_div div {
	position: absolute;
}
.small_num {
	height: 14px;
	width: 14px;
	background-image: url("../img/shared_card_numbers.png");
}
.card_side_vert{
	position: relative;
	background: url('../img/shared_images_sheet.png') no-repeat -898px -482px;
	width: 12px;
	height: 80px;
}
.card_side_vert.card_side_p1{
	background: url('../img/shared_images_sheet.png') no-repeat -858px -482px;

}
.card_side_vert.card_side_p2{
	background: url('../img/shared_images_sheet.png') no-repeat -874px -482px;

}
.card_side_vert.card_side_p3{
	background: url('../img/shared_images_sheet.png') no-repeat -842px -482px;

}

.card_side_hor{
	background: url('../img/shared_images_sheet.png') no-repeat -842px -564px;
	width: 80px;
	height: 12px;
	position: absolute;
}
.card_side_hor.card_side_p1{
	background: url('../img/shared_images_sheet.png') no-repeat -842px -578px;

}
.card_side_hor.card_side_p2{
	background: url('../img/shared_images_sheet.png') no-repeat -842px -592px;
}
.card_side_hor.card_side_p3{
	background: url('../img/shared_images_sheet.png') no-repeat -842px -564px;
}

#card_top_num{
	top: 8px;
	left: 16px;
}
#card_left_num{
	top: 16px;
	left: 6px;
}
#card_right_num{
	top: 16px;
	left: 26px;
}
#card_bottom_num{
	top: 24px;
	left: 16px;
}
#card_bg{
	width: 68px;
	height: 68px;
	top: 6px;
	left: 6px;
	background-image: url("../img/shared_all_cards_bg.png");
}
#card_border{
	width: 80px;
	height: 80px;
	background-image: url("../img/shared_images_sheet.png");
}

#card_plus{
	position: absolute;
	left: 16px;
	top: 34px;
	width: 48px;
	height: 32px;
	background-image: url("../img/shared_images_sheet.png");
}

#card_powIndex{
	background: url('../img/shared_images_sheet.png') no-repeat;
	width: 28px;
	height: 18px;
	position: absolute;
	left: 50px;
	top: 60px;
	z-index: 10;
}
#card_power{
	position: absolute;
	left: 58px;
	top: 0px;
	width: 22px;
	height: 22px;
	z-index: 10;
	background-image: url("../img/shared_images_sheet.png");
}

#card_feedback{
	width: 80px;
	height: 80px;
	margin: 0px;
	padding: 0px;
	display: block;
}
.player_hand.active .card_div {
	cursor: pointer;
}
.player_hand.active .card_div:hover #card_feedback{
	background: rgba(255,255,255,.4);
}
.player_hand.active .card_div:active #card_feedback{
	background: rgba(0,0,0,.4);
}

.opponent_hand.active .card_div {
	cursor: pointer;
}
.opponent_hand.active .card_div:hover #card_feedback{
	background: rgba(255,255,255,.4);
}
.opponent_hand.active .card_div:active #card_feedback{
	background: rgba(0,0,0,.4);
}

#camp_over_card_pick_box .card_div{
	cursor: pointer;
}
#camp_over_card_pick_box .card_div:hover #card_feedback{
	background: rgba(255,255,255,.4);
}

.game_board{
	width: 236px;
	height: 236px;
	padding: 4px;
	top: 12px;
	left: 116px;
	position: absolute;
	float: left;
	background: url('../img/shared_images_sheet.png') no-repeat -36px -26px;
}

.card_slot{
	width: 78px;
	height:78px;
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	background: url('../img/shared_images_sheet.png') no-repeat -304px -194px;
}

.card_slot .card_div {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0;
	margin: 0;
}

.hover_card_slot{
	position: absolute;
	width: 76px;
	height: 76px;
	top: 2px;
	left: 2px;
	margin: 0px;
	padding: 0px;
	display: block;
}

.element_power_div {
	position: absolute;
	width: 80px;
	height: 80px;
	z-index: 20;
}


.element_power_div.air{ background: url('../img/shared_images_sheet.png') no-repeat  -40px -794px; }
.element_power_div.earth{ background: url('../img/shared_images_sheet.png') no-repeat -122px -794px; }
.element_power_div.fire{ background: url('../img/shared_images_sheet.png') no-repeat -204px  -794px; }
.element_power_div.water{ background: url('../img/shared_images_sheet.png') no-repeat -286px -794px; }

.air_slot{ background: url('../img/shared_images_sheet.png') no-repeat  -40px -548px; }
.earth_slot{ background: url('../img/shared_images_sheet.png') no-repeat -122px -548px; }
.fire_slot{ background: url('../img/shared_images_sheet.png') no-repeat -204px  -548px; }
.water_slot{ background: url('../img/shared_images_sheet.png') no-repeat -286px -548px; }

.air_slot.double_slot{ background: url('../img/shared_images_sheet.png') no-repeat  -40px -630px !important;}
.earth_slot.double_slot{ background: url('../img/shared_images_sheet.png') no-repeat -122px -630px !important; }
.fire_slot.double_slot{ background: url('../img/shared_images_sheet.png') no-repeat -204px  -630px !important; }
.water_slot.double_slot{ background: url('../img/shared_images_sheet.png') no-repeat -286px -630px !important; }

.air_slot.triple_slot{ background: url('../img/shared_images_sheet.png') no-repeat  -40px -712px !important;}
.earth_slot.triple_slot{ background: url('../img/shared_images_sheet.png') no-repeat -122px -712px !important;}
.fire_slot.triple_slot{ background: url('../img/shared_images_sheet.png') no-repeat -204px  -712px !important;}
.water_slot.triple_slot{ background: url('../img/shared_images_sheet.png') no-repeat -286px -712px !important;}