body {
	font-family: Helvetica;
	padding: 0px;
	margin: 0px;
}

a {
	color: #000;
}

#page_wrapper {
	overflow: hidden;
}
#page_orientation {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 20px;
	background-color: #fff;
}
#page_about {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ddd;
}
#aboutInner {
	padding: 20px;
}

#canvasWrapper {
	-webkit-transition:-webkit-transform 0.3s ease-in-out;
	/*-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;	
	transition:scale 0.3s ease-in-out;*/
}
@-webkit-keyframes consoleIn {
 from {
   opacity: 0.0;
 }
 to {
   opacity: 1.0;
 }
}
@-webkit-keyframes consoleOut {
 from {
   opacity: 1.0;
 }
 to {
   opacity: 0.0;
 }		
}
#BVCONSOLE {
	position: absolute;
	left: 10px;
	top: 10px;
	font-weight: bold;
	min-width: 100px;
	text-align: center;
	padding: 20px;
	background-color: #eee;
	color: #444;
	border-radius: 20px;
	z-index: 100;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	-webkit-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;

	background-image: -webkit-linear-gradient(
		bottom,
		rgba(255,255,255,0) 60%,
		rgba(255,255,255,0.8) 100%
	);
	background-image: -o-linear-gradient(
		bottom,
		rgba(255,255,255,0) 60%,
		rgba(255,255,255,0.8) 100%
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgba(255,255,255,0) 60%,
		rgba(255,255,255,0.8) 100%
	);
}

#popup
{
	background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5), rgba(127, 127, 127, 0.5) 35%, rgba(0, 0, 0, 0.7));
	background-image: -o-radial-gradient(rgba(127, 127, 127, 0.5) 0%, rgba(127, 127, 127, 0.5) 35%, rgba(0, 0, 0, 0.7) 100%);
	background-image: -moz-radial-gradient(rgba(127, 127, 127, 0.5) 0%, rgba(127, 127, 127, 0.5) 35%, rgba(0, 0, 0, 0.7) 100%);
	display:table;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-name: pulse;
	-moz-animation-duration: 0.3s;
	-moz-animation-timing-function: ease-in;
}
.poperror {
	padding-left: 104px;
	background: url(error.png) no-repeat 20px 20px;
	 border-radius: 10px;
}
.popok {
	padding-left: 104px;
	background: url(ok.png) no-repeat 20px 20px;
	border-radius: 10px;
}
.poptrash {
	padding-left: 104px;
	background: url(trash.png) no-repeat 20px 20px;
	border-radius: 10px;
}
.popdefault{
	 border-radius: 10px;
}

button
{
	padding: 5px;
	min-width: 30px;
	font-size: 15px;
	color:#666;
	border: none;
	  background-color:#eee;
	  border-radius: 2px;
	
	background-image: -webkit-linear-gradient(
		bottom,
		rgba(255,255,255,0) 60%,
		rgba(255,255,255,0.8) 100%
	);
	background-image: -o-linear-gradient(
		bottom,
		rgba(255,255,255,0) 60%,
		rgba(255,255,255,0.8) 100%
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgba(255,255,255,0) 60%,
		rgba(255,255,255,0.8) 100%
	);
	
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
button:hover {
	background-color:#fff;
	color: #000;
	cursor: pointer;
}
button:active {
	background-color: #ddd;
	box-shadow: inset 2px 2px 10px rgba(0,0,0,0.2), 0 2px 2px #ddd;
}