.filajsCard {
	display: inline-block;
	position:relative;
	overflow: hidden;
}

.filajsCard_jfitz {
	border-radius: 3%/2%;
}

.filajsCard_classic {
	border-radius: 3%/2%;
}

.filajsCard_knoll {
	border-radius: 4%/3%;
}

.filajsCard_aguilar {
	border-radius: 5%/4%;
}

.filajsCard_ilias {
	border-radius: 5%/4%;
}

.filajsCard_nicubunu {
	border-radius: 12%/10%;
	background-color: #A5A5A5;
}

.filajsCard_bordered {
	border-radius: 12%/10%;
	background-color: #A5A5A5;
}

.filajsCard_ornamental {
	border-radius: 12%/10%;
	background-color: #A5A5A5;
}

.filajsCardText {
	display: none;
	font-weight: bold;
	font-family: "Comic Sans MS", cursive, sans-serif;
	line-height: 98%;
	color: #D5D5D5;
	text-shadow: 1px 1px 1px rgb(162, 161, 176), -1px -1px 0px rgb(186, 186, 187);
}

.filajsCardTextTL {
	position: absolute;
	top: 0;
	left: 0;
}

.filajsCardTextBR {
	position: absolute;
	bottom: 0;
	right: 0;
}

.filajsCardImage {
	width: 100%;
	height: 100%;
}

.filajsAsorti {
	background-color: rgba(44, 200, 176, 0.50);
}

.filajsHand {
	display: inline-block;
	position: relative;
	white-space: nowrap;
}

.filajsHandCard {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

/*
Ακολουθούν προκατασκευασμένοι οδηγοί θέσεων για τα φύλλα κυκλικών μπαζών,
δύο, τριών και τεσσάρων φύλλων. Οι θέσεις αριθμούνται εκκινώντας από το
Νότο (θέση 1) και ακολουθώντας φορά αντίθετη από τους δείκτες του ρολογιού.
*/

/*
Η κλάση "filajsCircleContainer" περιγράφει γενικά το container div κάποιας
προκατασκευασμένης ομάδας θέσεων, δηλαδή εφαρμόζεται σε όλες τις ομάδες.
*/

.filajsCircleContainer {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgb(221, 211, 112);
	visibility: hidden;
}

/*
Η κλάση "filajsCircle" περιγράφει γενικά μια προκατασκευασμένη θέση. Υπάρχει
και χρωματισμός ο οποίος όμως δεν θα φανεί καθώς το container είναι κρυφό.
*/

.filajsCircle {
	position: absolute;
	width: 88px;
	height: 120px;
	background-color: rgba(128, 0, 107, 0.10);
}

/* 4-cards */

#filajsCircle4 {
	width: 160px;
	height: 190px;
}

#filajsCircle41 {
	bottom: 0px;
	right: 27px;
}

#filajsCircle42 {
	bottom: 45px;
	right: 0px;
}

#filajsCircle43 {
	top: 0px;
	left: 27px;
}

#filajsCircle44 {
	top: 45px;
	left: 0px;
}

/* 3-cards */

#filajsCircle3 {
	width: 140px;
	height: 170px;
}

#filajsCircle31 {
	bottom: 0px;
	left: 26px;
}

#filajsCircle32 {
	bottom: 35px;
	right: 0px;
}

#filajsCircle33 {
	top: 0px;
	left: 0px;
}

/* 2-cards */

#filajsCircle2 {
	width: 110px;
	height: 165px;
}

#filajsCircle21 {
	bottom: 0px;
	left: 0px;
}

#filajsCircle22 {
	top: 0px;
	right: 0px;
}

/* 1-card */

#filajsCircle1 {
	width: 88px;
	height: 120px;
}

#filajsCircle11 {
	top: 0px;
	left: 0px;
}

/* 2-cards ARCH */

#filajsArch2 {
	width: 140px;
	height: 134px;
}

#filajsArch21 {
	top: 7px;
	left: 10px;
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
}

#filajsArch22 {
	top: 7px;
	right: 10px;
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
}

/* 3-cards ARCH */

#filajsArch3 {
	width: 150px;
	height: 141px;
}

#filajsArch31 {
	top: 10px;
	left: 15px;
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg);
}

#filajsArch32 {
	top: 4px;
	left: 31px;
}

#filajsArch33 {
	top: 10px;
	right: 15px;
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
}

/* 4-cards ARCH */

#filajsArch4 {
	width: 169px;
	height: 143px;
}

#filajsArch41 {
	top: 11px;
	left: 18px;
	-ms-transform: rotate(-18deg);
	-o-transform: rotate(-18deg);
	-moz-transform: rotate(-18deg);
	-webkit-transform: rotate(-18deg);
	transform: rotate(-18deg);
}

#filajsArch42 {
	top: 8px;
	left: 30px;
	-ms-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

#filajsArch43 {
	top: 8px;
	right: 30px;
	-ms-transform: rotate(6deg);
	-o-transform: rotate(6deg);
	-moz-transform: rotate(6deg);
	-webkit-transform: rotate(6deg);
	transform: rotate(6deg);
}

#filajsArch44 {
	top: 11px;
	right: 18px;
	-ms-transform: rotate(18deg);
	-o-transform: rotate(18deg);
	-moz-transform: rotate(18deg);
	-webkit-transform: rotate(18deg);
	transform: rotate(18deg);
}

/* 5-cards ARCH */

#filajsArch5 {
	width: 180px;
	height: 144px;
}

#filajsArch51 {
	top: 12px;
	left: 18px;
	-ms-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
}

#filajsArch52 {
	top: 7px;
	left: 31px;
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
}

#filajsArch53 {
	top: 0px;
	left: 46px;
}

#filajsArch54 {
	top: 7px;
	right: 31px;
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
}

#filajsArch55 {
	top: 12px;
	right: 18px;
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}