/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

#slot-machine-region { font: 14px Georgia, serif; }
#slot-machine-region { margin: 5px auto; }
#slot-machine-region a { text-decoration: none; }
#slot-machine-region h3 { margin: 0 0 10px 0; }

.tabs ul { list-style: none; overflow: hidden; padding-left: 1px; margin: 0 0 0 0px; }


.slot-machine-tabs-left .tabs { float: left; background: #eee; }
.slot-machine-tabs-left .tabs li { padding-top: 10px; border: 1px solid #ccc; text-align: right; }
.slot-machine-tabs-left .tabs li a { float: top; font-size: 18px; display: block; padding: 4px 8px; color: black; background: #eee; margin: 0 -1px 0 0; }
.slot-machine-tabs-left .tabs li a.current { background: white;  position: relative; z-index: 2; margin-top: -10px; padding-top: 10px; }
.slot-machine-tabs-left .box-wrapper { float: left; position: relative; display: inline; margin: -1px 0 0 0; width: 70%; }

.slot-machine-tabs-top .tabs li { display: inline; float: left; padding-top: 0px; border: 1px solid #ccc; text-align: right; }
.slot-machine-tabs-top .tabs li a { float: left; border: 1px solid #ccc; font-size: 18px; display: block; padding: 4px 8px; color: black; background: #eee; margin: 0 0 0 -1px; }
.slot-machine-tabs-top .tabs li a.current { background: white; border-bottom: 0; border-top: 0; position: relative; top: 2px; z-index: 2; }
.slot-machine-tabs-top .box-wrapper { float: top; position: relative; margin: 0 0 0 0; width: 658px; }


.slot-machine-tabs-top .clear { clear: both; display: inline; margin: 0 0 0 0px; padding: 0 0 0 0px;}



.box-wrapper { -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; 
	padding: 20px; 
	background: white; 
	border: 1px solid #ccc; 
	height: 210px; 

	 }
.content-box { overflow: hidden; position: absolute; top: 20px; left: 20px; width: 658px; height: 230px; }

.current { z-index: 100; font-weight: normal; }

.col-one, .col-two, .col-three { width: 30%; float: left; position: relative; top: 350px; }
.col-one, .col-two { margin-right: 3%; }