@CHARSET "UTF-8";


.perspective_container {
	/*transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;*/
	
	width: 99%;
	height: 99%;
    -webkit-perspective: 2500px; /* Chrome, Safari, Opera  */
    perspective: 2500px;
}

.perspective_container:hover {
    /*transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;*/
	
	width: 99%;
	height: 99%;
    -webkit-perspective: 2500px; /* Chrome, Safari, Opera  */
    perspective: 2500px;
}

.perspective_container_in {
    transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
	
	width: 99%;
	height: 99%;
	margin: 18px 0px 18px 5px;
	border: 1.5px solid rgba(50, 50, 50, 0.7);
	border-left: 6px solid rgba(50, 50, 50, 0.7);
	border-collapse: collapse;
	box-shadow: 10px 8px 5px 0px rgba(0, 0, 0, 0.6);
    
    -webkit-transform: rotateY(50deg); /* Chrome, Safari, Opera  */
    transform: rotateY(50deg);
}


.perspective_container_in:hover {
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
	
	width: 99%;
	height: 99%;
	border-collapse: collapse;
	border-left: 1.5px solid rgba(50, 50, 50, 0.7);
	box-shadow: 5px 4px 2.5px 0px rgba(0, 0, 0, 0.3);

    transform: rotateY(5deg);
    -webkit-transform: rotateY(5deg); /* Chrome, Safari, Opera  */
}



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

.table-head {
    font-family: "WebSymbolsRegular",cursive;
    font-size: 20px;
    text-shadow: 0px 0px 1px #333;
    left: 10px;
    text-align: center;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    line-height: 130%;
}

th:first-child {
	width: 30%;
}