@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
}
.ecanvas { 
	background-color: #FFF;
}
.ecanvas_div {
	width: 256px;
	height: 512px;
	background-color: #99F;
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
}
.marker_div {
	background-color: #FF0;
	width: 2px;
	height: 16px;
	position: relative;
	left: -9px;
}

#container {
	position: absolute;
	left: 0px;
	top: 8px;
	width: 320px;
	
	background-color: transparent;
	padding: 10px 8px;
}
.under_div {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	padding: 24px 8px;
}

.instructions {
	text-align: center;
	padding-bottom: 6px;
}
.instructions_l {
	padding-bottom: 16px;
}

.small_text {
	font-size: 12px;
}

#angle_1 {
	position: absolute;
	
	top: 32px;
	width: 128px;
}

#do_rotation {
	position: absolute;
	
	top: 64px;
}

.button_css {
	position: relative;
	width: 256px;
	background-color: #334;
	text-align: center;
	padding: 8px 0;
	cursor: pointer;
	border-radius:16px;
	
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 12px;*/
	margin-bottom: 12px;
	
	box-shadow: 
	0 1px 2px #fff, /*bottom external highlight*/
	0 -1px 1px #666, /*top external shadow*/ 
	inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/ 
	inset 0 2px 2px rgba(255,255,255,0.8); /*top internal highlight*/
	
	background-color: #a5b8da; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
	background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
	background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
	background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
	background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
	background-image: linear-gradient(to bottom, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
	 
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
}
.button_less_wide {
	width: 108px !important;
	padding: 4px 0 !important;
	font-size: 14px;
}

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}