/*General Layout*/
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404040;  margin:0; padding:0; top:0; left:0 }
#wrapper { width:900px; height:640px; margin:0 auto; padding:0; margin-top:5px; position:relative; border:0px solid #FFF;}
#game { width:900px; height:580px; margin:0 auto; padding:0; position:relative; border:0px solid #FF0000; display:none; -webkit-transform: translate3d(0,0,0);}
#loader { width:900px; height:200px; padding:250px 0 0 0; margin:0; position:relative; border:0px solid #FF0000; }
#toolbar { width:900px; height:50px; margin:0 auto; margin-top:10px; padding:0; position:relative; border:0px solid #FF0000; display:none;}
#msg { width:510px; height:50px; margin:0 0 0 210px; padding:13px 0 0 0; position:absolute; text-align:center; border:0px solid #FF0000;}
#msg span { font-size:25px; color:#fff; text-shadow: 0px 0px 5px #636363, 0px 0px 10px #636363;}
#menu-left {padding:0; margin:0; position:relative; border:0px solid #FFF; float:left;}
#menu-right {padding:0; margin:0; position:relative; border:0px solid #FFF; float:right;}
.menuitem { color:#2a4a6b; font-size:16px; margin:0; padding:0; list-style:none; display:inline;}
.menuitem li { height:43px; margin:0 0 0 0px; padding:0 10px 0 0px; list-style:none; display:inline; float:left; }
/*.menuitem li:first-child {padding:0px 0px 0 0px; }*/
.menuitem li:last-child {padding:0px 0px 0 0px; }
.menuitem li span { display:none; }
a.bt_previous, a.bt_index, a.bt_next, a.bt_reset, a.bt_audio, a.bt_text { display: block; width:50px; height:50px; -moz-border-radius:10px; border-radius:10px; border:1px solid #FFF;box-shadow: 2px 2px 3px #636363;}
a.bt_previous:hover, a.bt_index:hover, a.bt_next:hover, a.bt_reset:hover, a.bt_audio:hover, a.bt_text:hover {box-shadow: 0px 0px 5px #fff, 0px 0px 10px #fff;}
a.bt_previous { background:url(../resources/bt_prev.png) no-repeat;}
a.bt_index { background:url(../resources/bt_index.png) no-repeat;}
a.bt_next { background:url(../resources/bt_next.png) no-repeat;}
a.bt_audio { background:url(../resources/bt_audio.png) no-repeat;}
a.bt_audio:not(.enabled) { background:url(../resources/bt_audio_off.png) no-repeat;}
a.bt_text { background:url(../resources/bt_text.png) no-repeat;}
a.bt_text:not(.enabled) { background:url(../resources/bt_text_off.png) no-repeat;}
a.bt_reset { background:url(../resources/bt_reset.png) no-repeat; width:82px; }

/*Loader*/
#logo { background:url(../resources/logo_efk.png) no-repeat center;  width:275px; height:100px; margin:0 auto; padding:0; position:relative;}
#loading { width:260px; height:16px; margin:0 auto; padding:0; position:relative; border:2px solid #000000; margin-top:10px;}
#loading-bar { background-color:#FF0; width:0px; height:16px; }

/*Wheel*/
#logo_wheel { background:url(../resources/logo_wheel.png) no-repeat center; display: none; width:426px; height:430px; margin:0 auto; padding:10px 0 0 0; position:relative; border:0px solid #FF0000;}

/*Boardgame*/
#boardgame { width:900px; height:430px; margin:0 auto; padding:0; position:relative; border:0px solid #FF0000;}
#boardgame2 { width:900px; height:130px; margin:0 auto; margin-top:0px; padding:0; border:0px solid #FF0000;-moz-border-radius:10px; border-radius:10px; box-shadow: 2px 2px 3px #636363;}

/*Roulette*/
#rouletteholder { background:url(../images/roulette_base.png) no-repeat center; width:357px; height:374px; margin:30px 0 0 270px; position:absolute; border:0px solid #FF0000;}
#roulettepointer { background:url(../images/roulette_pointer.png) no-repeat center; width:154px; height:51px; margin:310px 0 0 100px; position:absolute; border:0px solid #FF0000;}
#roulettecenter{ background:url(../images/roulette_center.png) no-repeat center; width:76px; height:76px; margin:137px 0px 0px 142px; position:absolute; border:0px solid #FF0000; float: left;}

#roulettedisc {display: block; width:302px; height:302px; margin:22px 0px 0px 30px; position:relative; border:0px solid #FF0000; float: left;}
#slot_1{ background:url(../images/roulette_bgcolor1.png) no-repeat center; width:181px; height:151px; position:absolute; margin:151px 0px 0px 60px; padding:0; border:0px solid #0000FF; float: left;}
#slot_2{ background:url(../images/roulette_bgcolor2.png) no-repeat center; width:181px; height:151px; position:absolute; margin:98px 0px 0px 133px; padding:0; border:0px solid #FF0000; float: left; -webkit-transform: rotate(-73deg); 
	-moz-transform: rotate(-73deg); -o-transform: rotate(-73deg); -ms-transform: rotate(-73deg); transform: rotate(-73deg);}
#slot_3{ background:url(../images/roulette_bgcolor3.png) no-repeat center; width:181px; height:151px; position:absolute; margin:13px 0px 0px 103px; padding:0; border:0px solid #FF0000; float: left;
	-moz-transform: rotate(-146deg); -o-transform: rotate(-146deg); -ms-transform: rotate(-146deg); transform: rotate(-146deg);}
#slot_4{ background:url(../images/roulette_bgcolor4.png) no-repeat center; width:181px; height:151px; position:absolute; margin:12px 0px 0px 18px; padding:0; border:0px solid #FF0000; float: left;
	-moz-transform: rotate(146deg); -o-transform: rotate(146deg); -ms-transform: rotate(146deg); transform: rotate(146deg);}
#slot_5{ background:url(../images/roulette_bgcolor5.png) no-repeat center; width:181px; height:151px; position:absolute; margin:97px 0px 0px -12px; padding:0; border:0px solid #FF0000; float: left;
	-moz-transform: rotate(73deg); -o-transform: rotate(73deg); -ms-transform: rotate(73deg); transform: rotate(73deg);}

.slotimage{ background:url(../images/roulette_image.png) no-repeat center; width:181px; height:151px;  border:0px solid #FF0000;}
.bt_slot { background:url(../images/none.png) no-repeat center; display:block; width:181px; height:151px; margin:0; border:0px solid #FF0000;}

/*Cards*/
.cardholder {width:160px; height:120px; padding:0; margin:0px; position:relative; float:left; display:none; -webkit-transform: translate3d(0,0,0);}
.bt_card { background:url(../resources/bt_card.png) no-repeat center; display: block; width:inherit; height:inherit; margin:0; -moz-border-radius:10px; border-radius:10px; border: 2px solid #DF0015; background-color:#FFF; box-shadow: 0px 0px 5px #F99435;}
.bt_card:hover { box-shadow: 0px 0px 5px #DF0015; cursor:pointer; cursor: hand;}
.bt_card:not(.enabled):hover { background:url(../resources/bt_card.png) no-repeat center; display: block; width:inherit; height:inherit; margin:0; -moz-border-radius:10px; border-radius:10px; border: 2px solid #DF0015; background-color:#FFF; box-shadow: 0px 0px 5px #F99435; cursor:default;}

/*Cards Matched*/
.imageholder {width:130px; height:100px; padding:0; margin:0; position:relative; float:left; display:none;}
.empty { background:url(../resources/none.png) no-repeat center; background-size: cover; display: block; width:inherit; height:inherit; margin:0; -moz-border-radius:10px; border-radius:10px; border: 2px solid #7c2c11; background-color:#FFF; box-shadow: 0px 0px 5px #7d2d11;}
.matched { background:url(../resources/bt_card.png) no-repeat center; background-size: cover; border: 2px solid #f5f203; box-shadow: 0px 0px 5px #f5f203;}