#container {
	position:absolute;
	top:0px;
	left:0px;
	width:240px;
	height:240px;
	background:url(../img/math/time05.png) no-repeat;

}

#canvas {
	position: absolute;
	top:0px;
	left:0px;
}

#long {
	position: absolute;
	top:16px;
	left:112px;
	-moz-transform-origin:center 104px;
	-webkit-transform-origin:center 104px;
	-o-transform-origin:center 104px;
	-ms-transform-origin:center 104px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


#short {
	position: absolute;
	top:55px;
	left:110px;
	-moz-transform-origin:center 65px;
	-webkit-transform-origin:center 65px;
	-o-transform-origin:center 65px;
	-ms-transform-origin:center 65px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* =======hint======== */

#hint_tokeistep01{
	position:absolute;
	top:10px;
	right:140px;
	width:230px;
	height:230px;
	background:url(../img/math/hint_time01.png) no-repeat;
	display: none;border:
}

#hint_tokeistep02{
	position:absolute;
	top:10px;
	right:140px;
	width:230px;
	height:230px;
	background: url(../img/math/hint_time02.png) no-repeat;
	display: none; 
}

#hint_tokeistep03{
	position:absolute;
	top:0px;
	left:-70px;
	width:410px;
	height:230px;
	display: none;border:
}

#smalltokei{
	position:absolute;
	top:0px;
	left: 0px;
	width:230px;
	height:230px;
	background: url(../img/math/ans_time.png) center 15px no-repeat;
}

#hint_long {
	float: none;
	position: absolute;
	top:35px;
	left:110px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	display: none;
}

#hint_short {
	float: none;
	position: absolute;
	top:73px;
	left:110px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	display: none;
}

#hint_canvas1 {
	position: absolute;
	top:0px;
	left:0px;
	width:230px;
	height:230px;
}

#hint_canvas2 {
	position: absolute;
	top:0px;
	left:0px;
	width:230px;
	height:230px;
}

#hint_canvas3 {
	position: absolute;
	top:0px;
	left:0px;
	width:230px;
	height:230px;
}

#hint_longs {
	position: absolute;
	top:35px;
	left:110px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


#hint_shorts {
	position: absolute;
	top:73px;
	left:110px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#smalltext {
	position:absolute;
	top:10px;
	right: 10px;
	width: 155px;
	font-size: 14px;
}

#text_short {
	border: 1px solid #F90;
	/*background-color: #FFC;*/
	padding: 5px;
	margin-bottom: 15px;
	width: 145px;
}

#text_long {
	border: 1px solid #06F;
	/*background-color: #C8FFFF;*/
	padding: 5px;
	width: 145px;
}

#text_short p#pshort {
	width: 80%;
	color: #000;
	margin: -15px auto 5px;
	background-color: #f0c27b;
	text-align: center;
	padding: 2px;
}

#text_long p#plong {
	width: 70%;
	color: #000;
	margin: -15px auto 5px;
	background-color: #C8FFFF;
	text-align: center;
	padding: 2px;
}


/* ========RESULT PAGE======== */
.correct1{
	position: relative;
	height:200px;
}

.correct2{
	position: relative;
	height:200px;
}

.correct3{
	position: relative;
	height:200px;
}

.correct4{
	position: relative;
	height:200px;
}

.correct5{
	position: relative;
	height:200px;
}

.correct6{
	position: relative;
	height:200px;
}

.correct7{
	position: relative;
	height:200px;
}

.correct8{
	position: relative;
	height:200px;
}

.correct9{
	position: relative;
	height:200px;
}

.correct10{
	position: relative;
	height:200px;
}

#container1 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container2 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container3 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container4 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container5 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container6 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container7 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container8 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container9 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container10 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#canvas1 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas2 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas3 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas4 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas5 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas6 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas7 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas8 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas9 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas10 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#long1 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long2 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long3 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long4 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long5 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long6 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long7 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long8 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long9 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long10 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short1 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short2 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short3 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short4 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short5 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short6 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short7 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short8 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short9 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short10 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#correct p {
	position: absolute;
	top:30px;
	left:160px;
	
}

#next_page {
	display: none;
}