@font-face{
	font-family:LCD-medium;
	src:url('LCD/font/Basicdots.eot?') format('eot'),
		/*url('res/font/Basicdots.woff') format('woff'),*/
		url('LCD/font/Basicdots-ex.ttf') format('truetype'),
		url('LCD/font/Basicdots.svg#Basicdots') format('svg');
	
}
@font-face{
	font-family:LCD-large;
	src:url('LCD/font/Ozone.ttf');
}
@font-face{
	font-family:LCD-x-large;
	src:url('LCD/font/zetentas_eyefs.eot?') format('eot'),
		/*url('res/font/zetentas_eyefs.woff') format('woff'),*/
		url('LCD/font/zetentas_eyefs.ttf') format('truetype'),
		url('LCD/font/zetentas_eyefs.svg#zetentas-eYe/FS') format('svg');
}
@font-face{
	font-family:LCD-small;
	src:url('LCD/font/5x5dots.eot?') format('eot'),
		/*url('res/font/3x3dots.woff') format('woff'),*/
		url('LCD/font/5x5dots.ttf') format('truetype'),
		url('LCD/font/5x5dots.svg#5x5dots') format('svg');
}
@font-face{
	font-family:LCD-x-small;
	src:url('LCD/font/3x3dots.eot?') format('eot'),
		/*url('res/font/3x3dots.woff') format('woff'),*/
		url('LCD/font/3x3dots.ttf') format('truetype'),
		url('LCD/font/3x3dots.svg#3x3dots') format('svg');
}


body {
	background:url('LCD/icon/LCDdot-off.png') repeat;
	margin:10px;
	padding:0;
	color:orange;
}
div, table {
	margin:10px 0;
	padding:0;
}
ul {
	list-style-type: none;
}
a {
	color:orange;
	text-decoration:none;
	font-weight:normal;
}
a:hover, a:active {
	color:black;
	background:url('LCD/icon/LCDdot.png');
	text-decoration:none;
}
input, select, option, textarea {
	border:2px dotted orange;
	border-radius:2px;
	background:url('LCD/icon/LCDdot-off.png') repeat;
	color:orange;
	font-family:LCD-medium;
	font-size:20px;
	padding:0;
	margin:0;
}
input[type=text], input[type=password], textarea {
	padding:3px;
}
input[type=button],input[type=submit],input[type=reset]{
	font-size:24px;
	cursor:pointer;
}
a:active, a:focus,
input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active,
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
	background:url('LCD/icon/LCDdot.png') repeat;
	color:black;
}
a:active, a:focus,
input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {
	outline:2px dotted orange;
}
.lcd-checkbox, .lcd-checkbox-checked {
	display:inline-block;
	width:24px;
	height:24px;
	margin:0;
	padding:0;
	background:transparent;
	border:2px dotted orange;
	vertical-align:text-bottom;
	text-align:left;
	cursor:pointer;
}
.lcd-checkbox-checked {
	background-image:url('LCD/icon/checked.png');
}
.lcd-checkbox:hover {
	background:url('LCD/icon/LCDdot.png');
}
.lcd-checkbox-checked:hover {
	background:url('LCD/icon/checked-inv.png');
}
.arrow-up, .arrow-down {
	padding-left:30px;
}
.arrow-up {
	background:url('LCD/icon/arrow-up.png') no-repeat;
}
.arrow-down {
	background:url('LCD/icon/arrow-down.png') no-repeat;
}
.arrow-up:hover, .arrow-up:active, .arrow-up:focus {
	background:url('LCD/icon/arrow-up-off.png') left top no-repeat, url('LCD/icon/LCDdot.png') left top repeat;
}
.arrow-down:hover, .arrow-down:active, .arrow-down:focus {
	background:url('LCD/icon/arrow-down-off.png') left top no-repeat, url('LCD/icon/LCDdot.png') left top repeat;
}


.title {
	font-family:LCD-large;
	font-size:40px;
	text-align:center;
	white-space:nowrap;
}

.toolbox {
	font-family:LCD-medium;
	font-size:24px;
	white-space:nowrap;
}

.grid {
	border:2px dotted orange;
	cursor:url('LCD/icon/LCDdot.png'), auto;
}

.status, .about {
	font-family:LCD-small;
	font-size:20px;
	margin:0;
	border:2px dotted orange;
	border-top:0;
	padding:3px;
	position:absolute;
	top:0;
	display:inline-block;
}
.status {
	float:left;
	border-left:0;
	left:0;
}
.about {
	float:right;
	border-right:0;
	right:0;
}
.separator {
	margin:20px;
}

.lcd-alert {
	background:url('LCD/icon/LCDdot-off.png') repeat;
	padding:10px;
	color:orange;
	font-family:LCD-medium;
	font-size:24px;
	position:fixed;
	top:0;
	left:0;
	margin:auto;
	display:none;
	text-align:center;
	z-index:1000;
}