.cardlink {
	padding: 2px 4px;
	text-align: center;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;    
	
	/*font-size: 14px;*/
	color: #FFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
	
/*	width: 114px;*/
	margin: 0px 3px;
	/*box-shadow: 4px 8px 10px -5px rgba(0,0,0,0.6);*/
	
	position: relative;
	display: inline-block;
	/*float: left;*/
	cursor: pointer;
	
	border: 1px solid #AAA;
	border-radius: 0px;
	
	/*font-weight: bold;
	font-style: italic;*/
	
	
	background: #666;
	
	background: linear-gradient(to bottom right, #AAA, #666, #222);
	
	background-position: 100% 0px;
	background-size: 200%;
	transition: background-position .3s;
}


.cardlink-black {
	background: #555;
	
	background: linear-gradient(to bottom right, #555, #222, #000);
	
	background-size: 200%;
	background-position: 100%;
}

.cardlink-blue {
	background: #06C;
	
	background: linear-gradient(to bottom right, #06C, #047, #112);
	
	background-size: 200%;
	background-position: 100%;
}

.cardlink-green {
	background: #5A0;
	
	background: -webkit-linear-gradient(left top, #E53, #700, #222);
	background: -o-linear-gradient(bottom right, #E53, #700, #222);
	background: -moz-linear-gradient(bottom right, #E53, #700, #222);
	background: linear-gradient(to bottom right, #5A0, #070, #222);
	
	background-size: 200%;
	background-position: 100%;
}

.cardlink-multi {
	background: #058;
	
	background: linear-gradient(to bottom right, #CB0, #860, #321);
	
	background-size: 200%;
	background-position: 100%;
}

.cardlink-red {
	background: #E53;
	
	background: -webkit-linear-gradient(left top, #E53, #700, #222);
	background: -o-linear-gradient(bottom right, #E53, #700, #222);
	background: -moz-linear-gradient(bottom right, #E53, #700, #222);
	background: linear-gradient(to bottom right, #E53, #700, #222);
	
	background-size: 200%;
	background-position: 100%;
}

.cardlink-white {
	background: #AA8;
	
	background: linear-gradient(to bottom right, #EAD8B0, #AA8, #9A8870);
	
	background-size: 200%;
	background-position: 100%;
}


.cardlink:hover {
	background-position: 0px 0px;
	transition: background-position .3s;
}



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



div.dropt {

}

div.dropt:hover {
	z-index: 6;
}

div.dropt div {
	position: absolute;
	left: -9999px;
	
	width: 180px;
	height: 252px;
	
	z-index: 6;
}

div.dropt:hover div {
	left: calc(50% - 90px);
	top: 100%;
}

div.dropt div {
	position: absolute;
	left: -9999px;
	/*margin: 4px 0 0 0px;*/
}

div.dropt:hover div {
	/*margin: -100% 0 0 -50%;*/
	
	z-index:6;
} 






.cardlink-trade {
	position: relative;
	display: inline-block;
	
	width: 200px;
	
	margin: 2px 3px;
	padding: 3px 8px;
	
	border: 2px solid rgba(0,0,0,.5);
	border-radius: 24px;
	
	background: #AAA;
	background: linear-gradient(to bottom right, #DDD, #AAA);
	
	
	color: #222;
	font-weight: bold;
	text-align: left;
	
	cursor: pointer;
	
	
	transition: all .4s;
}

.cardlink-trade:hover {
	border-radius: 8px;
}

.cardlink-trade-black {
	color: #FFF;
	
	background: #000;
	background: linear-gradient(to bottom right, #333, #000);
}

.cardlink-trade-blue {
	background: #48F;
	background: linear-gradient(to bottom right, #9CF, #08A);
}

.cardlink-trade-green {
	background: #8F0;
	background: linear-gradient(to bottom right, #AF0, #0A0);
}

.cardlink-trade-multi {
	background: #FF0;
	background: linear-gradient(to bottom right, #FF4, #A80);
}

.cardlink-trade-red {
	background: #F30;
	background: linear-gradient(to bottom right, #F86, #C00);
}

.cardlink-trade-white {
	background: #F30;
	background: linear-gradient(to bottom right, #FFF, #BA8);
}