@charset "UTF-8";

@font-face{
	font-family:"tfont";
	src:url("syspic/fontr.ttf");
}
@font-face{
	font-family:"dor";
	src:url("syspic/dor.ttf");
}
@font-face{
	font-family:"mitrel";
	src:url("syspic/mitrel.ttf");
}
@font-face{
	font-family:"mitrr";
	src:url("syspic/mitrr.ttf");
}


body{
/*	font-family:"mitrel";*/
	font-family:Arial;
}

.div_main{
	background-color:#FFFFFF;
	color:#000000;
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.div_menu{
	display:block;
	position:fixed;
	left:0px;
	top:0px;
	width:200px;
}

.div_body{
	display:block;
	position:absolute;
	left:200px;
	top:0px;
	bottom:0px;
	right:0px;
	padding-top:50px;
}



.form_button{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	padding:10px;
	margin:1px;
	font-size:large;
	background-color:#3078BC;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
}

.form_text{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	background-color:#FFFFFF;
	color:#000000;
	border:2px solid #3078BC;
	padding:10px;
	margin:1px;
	font-size:large;
	width:100%;
}



.gui_button{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	padding:10px;
	margin:0px;
	font-size:large;
	background-color:#3078BC;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	cursor:pointer;
}

.gui_button_selected{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	padding:10px;
	margin:0px;
	font-size:large;
	background-color:#30BC78;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	cursor:pointer;
}
.gui_button_spacer{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	max-width:4px;
	width:4px;
	height:54px;
	padding:0px;
	margin:0px;
	font-size:large;
	background-color:#99B1C8;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
}



.gui_button_icon{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	padding:0px;
	margin:0px;
	width:32px;
	height:32px;
}
.gui_button_text{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	padding:0px;
	margin:0px;
	text-align:left;
	vertical-align:middle;
	position: absolute;
	left: 50px;
	top: 10px;
	height: 32px;
}



.gui_listrow{
	margin:0px;
	color:#FFFFFF;
}
.gui_listrow:nth-child(even){
	background-color:#3078BC;
}
.gui_listrow:nth-child(odd){
	background-color:#3C98ED;
}
.gui_listrow td{
	padding:10px;
	margin:0px;
	font-size:large;
	color:#FFFFFF;
	cursor:pointer;
	border-bottom:2px solid #FFFFFF;
}
.gui_listrow_done{
	margin:0px;
	color:#FFFFFF;
}
.gui_listrow_done:nth-child(even){
	background-color:#888888;
}
.gui_listrow_done:nth-child(odd){
	background-color:#666666;
}
.gui_listrow_done td{
	padding:10px;
	margin:0px;
	font-size:large;
	color:#FFFFFF;
	cursor:pointer;
	border-bottom:2px solid #FFFFFF;
}

.log_listrow{
	margin:0px;
	color:#000000;
}
.log_listrow:nth-child(even){
	background-color:#CCCCCC;
}
.log_listrow:nth-child(odd){
	background-color:#DDDDDD;
}



.menu_button{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	text-align:left;
	vertical-align:top;
	padding:10px;
	margin:0px;
	width:100%;
	font-size:large;
	background-color:#3078BC;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	cursor:pointer;
	position: relative;
}
.menu_button_green{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	text-align:left;
	vertical-align:top;
	padding:10px;
	margin:0px;
	width:100%;
	font-size:large;
	background-color:#30BC78;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	cursor:pointer;
	position: relative;
}
.menu_button_yellow{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	text-align:left;
	vertical-align:top;
	padding:10px;
	margin:0px;
	width:100%;
	font-size:large;
	background-color:#BCB530;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	cursor:pointer;
	position: relative;
}
.menu_button_red{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	text-align:left;
	vertical-align:top;
	padding:10px;
	margin:0px;
	width:100%;
	font-size:large;
	background-color:#BC3030;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	cursor:pointer;
	position: relative;
}
.menu_button_selected{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	text-align:left;
	vertical-align:top;
	padding:10px;
	margin:0px;
	width:100%;
	font-size:large;
	background-color:#888888;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	cursor:pointer;
	position: relative;
}
.menu_button_spacer{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	text-align:left;
	vertical-align:top;
	max-height:4px;
	height:4px;
	width:100%;
	padding:0px;
	margin:0px;
	font-size:large;
	background-color:#99B1C8;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
}

@media screen and (orientation: portrait){
	.div_menu{
		display:block;
		position:fixed;
		left:0px;
		top:0px;
		Width:100%;
	}
	
	.div_body{
		display:block;
		position:absolute;
		left:0px;
		top:0px;
		bottom:0px;
		right:0px;
	}
}


@media screen and (orientation: landscape){
	.div_body{
		display:block;
		position:absolute;
		left:0px;
		top:0px;
		bottom:0px;
		right:0px;
	}
}