@font-face { 
	font-family: 'Gill Sans'; 
	src: url('../fonts/GillSans.ttf'); 
	src: url('../fonts/GillSans.eot'),
		 url('../fonts/GillSans.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GillSans.woff2') format('woff2'),
         url('../fonts/GillSans.woff') format('woff');    
}

@font-face { 
	font-family: 'Gill Sans MT';
	src: url('../fonts/GillSans-Light.ttf');	
    src: url('../fonts/GillSans-Light.eot'),
		 url('../fonts/GillSans-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GillSans-Light.woff2') format('woff2'),
         url('../fonts/GillSans-Light.woff') format('woff');
}

@font-face { 
	font-family: 'Helvetica'; 
	src: url('../fonts/Helvetica.ttf');
	src: url('../fonts/Helvetica.eot'),
		 url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Helvetica.woff2') format('woff2'),
         url('../fonts/Helvetica.woff') format('woff');
}

body{
	margin: 0;
	-webkit-tap-highlight-color: transparent;
	background-color: #FFFFFF;
}

canvas{
	/* margin: auto; */
	position: absolute;
	left: 0;
	right: 0;
}

#respiration_nStepper{
	top: 130px;
	left: 115px;
}

#photothn_nStepper{
	top: 267px;
	left: 113px;
}

#burning_nStepper{
	top: 161px;
	left: 115px;
}

#deforest_nStepper{
	top: 195px;
	left: 115px;
}

input{
	position: absolute;
	width: 34px !important;
	height: 14px !important;
	border: 0;
	padding: 0;
	margin: 0;
	-webkit-appearance: none !important;
	-webkit-border-radius: 0;
	border-radius:0;
	outline: none;
	border: none;
	font-size: 11px;
	background-color: rgba(0,0,0,0) !important;
}

/*
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	-moz-appearance: textfield;
	appearance: none;
	margin: 0; 
}

input[type=number] {
	-moz-appearance:textfield;
}
*/

#scaleDiv{
	position: absolute;
	top:0px;
	left:0px;
}
#rightUI_mc_dummy{
	position: absolute;
	top: 530px;
	left: 437px;
}

#container{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 500px;
	overflow: hidden;
}

#dummyFocus{
	width:1px;
	height:1px;
	top: 0px;
	left: 0px;
	position: absolute;
}

@media print {		
	body{
		background-color: #FFFFFF;
	}
	
	canvas{
		width: 800px;
		height: 571px;
		position: absolute;
		left: 10px;
	}
	
	#scaleDiv{
		display: none;
	}
	
	#container{
		left: 0px !important;
	}
}


*:focus{
    outline: none;
}

.focussed{
    outline: 2px solid #FF0000;
}