/* ÕÐÎÍÎËÎÃÈß */

.win8container { margin: 10px auto;  height: auto; width: auto;}
.win8tabs { margin: 15px auto;  position: relative; width: 540px;  height:  420px;}
.win8tab { float: left; /* CHANGE TO DISPLAY:BLOCK FOR VERTICAL TABS */}
/* position your tab labels in win8 - also use margins to space your labels - you kind of have to eye until it's centered bc the math with tabs gets confusing */
.win8tab label { display: block; /* this lets you fix the label dimensions */  width: 180px; height: 120px; background: #eee; margin: 0px; position: relative; left: 0px;top: 0px; z-index: 3; color: #ddd; text-align: center; font-size: 30px;cursor: crosshair;}
.win8tab input[type=radio]:checked ~ label { background: white; z-index: 2;}
.win8tab input[type=radio] { display: none; /* DON'T EDIT */}
/* if you want tab transitions they go win8 */
.win8content { position: absolute; top: 140px; bottom: 0px; left: 2px; right: 0px; background: #ddd; padding: 20px; width: 500px; opacity: 0; overflow: auto;}
/* if you want tab transitions they also go win8 */
.win8tab input[type=radio]:checked ~ label ~ .win8content { z-index: 1; opacity: 1; animation: bounceInDown 1s linear normal;-webkit-animation: bounceInDown 1s linear normal;-moz-animation: bounceInDown 1s linear normal;-o-animation: bounceInDown 1s linear normal;}
@-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } 
@keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } 
.win8tab label h1 {padding: 5px;background: #ddd;color: #313131!important;font-family: bebas neue;font-weight: 400;text-transform: uppercase;font-size: 20px;text-align: center;}
.win8-name {background: #ddd;width: 520px;margin: 0 auto;padding: 10px;margin-bottom: -5px;}
.win8-name h1 {font-family: bebas neue;font-weight: 400;text-align: center;font-size: 30px!important; margin: 5px auto;line-height: 30px;}
.win8content table {width: 100%;background: none;}
.win8-about {background: #ccc6c6;padding-left: 4px;padding-right: 4px;color: #343232!important;font-family: cuprum;font-size: 12px;margin: 2px; text-align: left!important;}
.win8-about b {display: inline-block;background: #b7afaf;padding: 5px;font-family: cuprum;text-transform: uppercase;}