/* 	Prototype only */
Body {
	left: 0px; top 0px; margin:	0px;
}

/* Game CSS */
#GamePosition {
	display: none;
	position: absolute;
	width: 1080px;
	height: 808px;

    background: var(--position) no-repeat scroll 0 0px transparent;
    border:	1px dotted black;
	z-index: 0;

}

#TheGameContainer {
	display: block;
	position: absolute;
	width: 780px;
	height: 670px;
	z-index: 1000;
	top: -40px;
	left: 270px;
	opacity:1;
	
}


#TheGameContainer #Frame {
	display: block;
	position: absolute;
    background: var(--Frame) no-repeat scroll 0 0px transparent;
	width: 199px;
	height: 581px;
	top: 71px;
	left: 153px;
	z-index: 1010;

}

#TheGameContainer #YourPrize{
	display: block;
	position: absolute;
	top: 71px;
	left: 154px;
	width: 199px;
	height: 64px;
	z-index: 1110;
}


.bg_prize_fr {
	background: var(--YourPrize_fr) no-repeat scroll 0 0px transparent;
}

.bg_prize_en {
	background: var(--YourPrize_en) no-repeat scroll 0 0px transparent;
}

#TheGameContainer #Wheel{
	display: block;

	position: absolute;
	background: var(--Wheel) no-repeat scroll 0 0px transparent;
	width: 368px;
	height: 369px;
	top: 190px;
	left: 60px;
	z-index: 1020;
	-webkit-transform: rotate(0deg);

}
#TheGameContainer .Wheel {
	-webkit-animation: Wheel 4s ease-in-out 1;
}

@-webkit-keyframes Wheel {
	from { 	-webkit-transform: rotate(0deg); }
	to   {  -webkit-transform: rotate(475deg); }
}


#TheGameContainer .Buckets{
	color: white;
	font-size: 2em;
	text-shadow: 0px 0px 11px black;
	font-weight: bold;
	padding-top: 2.2em;
}

#TheGameContainer #BucketContainer {
	display: block;
	position: absolute;
	width: 480px;
	height: 480px;
	top: 70px;
	left: 5px;
}
#TheGameContainer #BucketContainer #BucketA, 
#TheGameContainer #BucketContainer #BucketB,
#TheGameContainer #BucketContainer #BucketC,
#TheGameContainer #BucketContainer #BucketD,
#TheGameContainer #BucketContainer #BucketE,
#TheGameContainer #BucketContainer #BucketF,
#TheGameContainer #BucketContainer #BucketG,
#TheGameContainer #BucketContainer #BucketWater {
	display: block;
	position: absolute;
	width: 120px;
	height: 128px;
}



#TheGameContainer #BucketContainer #BucketA {
 background: var(--spacer) no-repeat scroll 0 0px transparent;
	z-index: 1032;
	top: 240px;
	left: 240px;
}

#TheGameContainer #BucketContainer #BucketB {
 background: var(--spacer) no-repeat scroll 0 0px transparent;
	z-index: 1031;
	top: 240px;
	left: 240px;
}


#TheGameContainer #BucketContainer #BucketC {
 background: var(--spacer) no-repeat scroll 0 0px transparent;
	z-index: 1033;
	top: 240px;
	left: 240px;
}

#TheGameContainer #BucketContainer #BucketD {
 background: var(--spacer) no-repeat scroll 0 0px transparent;
	z-index: 1034;
	top: 240px;
	left: 240px;
}



#TheGameContainer #BucketContainer #BucketE {
 background: var(--spacer) no-repeat scroll 0 0px transparent;
	z-index: 1035;
	top: 240px;
	left: 240px;
}



#TheGameContainer #BucketContainer #BucketF {
 background: var(--spacer) no-repeat scroll 0 0px transparent;
	z-index: 1036;
	top: 240px;
	left: 240px;
}



#TheGameContainer #BucketContainer #BucketG {
 background: var(--spacer) no-repeat scroll 0 0px transparent;
 	z-index: 1036;
	top: 240px;
	left: 240px;
}



#TheGameContainer #BucketContainer #BucketWater {
 background: var(--price_water) no-repeat scroll 0 0px transparent;
	z-index: 1036;
	top: 240px;
	left: 240px;
}

#TheGameContainer #BucketContainer  #BucketWater #BucketFull.empty {
    background: var(--price_water) no-repeat scroll 0 0px transparent;
}
#TheGameContainer #BucketContainer  #BucketWater #BucketFull.full {
	display: block;
	position: absolute;
	width: 120px;
	height: 128px;
    background: var(--price_water_full) no-repeat scroll 0 0px transparent;
	z-index: 1036;
	top: 0px;
	left: 0px;
}



#TheGameContainer #DogContainer {
	display: block;
	position: absolute;
	width: 377px;
	height: 630px;
	left: 356px;
	top: 1px;
}

#TheGameContainer #DogContainer #Dog {
	display: block;
	position: absolute;
	background: var(--Spr_DogAnim) no-repeat scroll 0px 0px transparent;
	width: 256px;
	height: 339px;
	top: 286px;
	left: 98px;
z-index: 20000;
}

#TheGameContainer #DogContainer #DropBucket {
	display: block;
	position: absolute;
	background: var(--Spr_DropBucket_2) no-repeat scroll 0px 0 transparent;
	width: 134px;
	height: 615px;
	left: 113px;
	top: -109px;
	z-index: 19000;
}

#TheGameContainer #DogContainer #DropWater {
	display: block;
	position: absolute;
	width: 150px;
	height: 104px;
	top: 189px;
	left: 3px;
	z-index: 21000;
}
#TheGameContainer #DogContainer #DropWater.init {
	background: var(--Spr_FlowBlank) no-repeat scroll 0px 0px transparent;
}
#TheGameContainer #DogContainer #DropWater.start {
	background: var(--Spr_FlowDown) no-repeat scroll 0px 0px transparent;
}
#TheGameContainer #DogContainer #DropWater.flow {
	background: var(--Spr_FlowCont) no-repeat scroll 0px 0px transparent;
}
#TheGameContainer #DogContainer #DropWater.end {
	background: var(--Spr_FlowEnd) no-repeat scroll 0px 0px transparent;
}




#TheGameContainer #ClickZone {
	display: block;
	position: absolute;
	width: 100px;
	height: 100px;
	top: 310px;
	left: 520px;
}

#TheGameContainer #Circle {
	background-color: rgba(0,255,0,0.4);
	z-index: 2000;
	width:201px;
	height:201px;
	top:200px;
	left:40px;
	display:block;
	position:absolute;
}

#TheGameContainer #CircleB {
	background-color: rgba(0,255,0,0.4);
	z-index: 2000;
	width:191px;
	height:191px;
	top:401px;
	left:241px;
	display:block;
	position:absolute;
}

#Star div img {
	background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
}
#get_skill_question #Star{
	width:711px;
	height:491px;
	position:relative;
	z-index: 11001;
	
}