body {margin: 0px; padding: 0px; background-color: #66BBFF; font-size: 20px;
			-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
			form {display: inline;}
			input {margin: 0px;	padding: 0px; font-size: 65%;}
			input[type='checkbox'] {margin: 1px; vertical-align: middle;}
			input[type='radio'] {margin: 1px; vertical-align: middle;}
			input[type='text'] {border: 1px solid gray;}
			input[type='password'] {border: 1px solid gray;}
			a {color: #3388CC; text-decoration: none;}
			a:visited {color: #3388CC;}
			a:hover {color: #3388CC;}
			.clear {clear: both;}

			.ui-icon {font-size: inherit;}
			.ui-busy-icon {font-size: inherit;}
			.icon {position: absolute;}

			.head {position: fixed; left: 0px; top: 0px; width: 100%; 	padding: 0px 0px 0px 0px; margin: 0px 0px 1em 0px; 	border-bottom: 1px solid black; box-shadow: 0px 4px 13px 2px black; background-color: #4499DD;}

			.head1 {padding: 2px; background-color: #F0F0F0; color: black; border-top: 1px solid black; border-bottom: 1px solid black;}
/*title*/		.head11 {float: left; 	font-weight: bold; padding: 2px; text-shadow:  1px 0px 0 white, 0px 1px 0 white, -1px 0px 0 white, 1px 1px 2px black;}
/*username*/	.head12 {float: right; 	padding: 2px 6px; margin: 2px; font-size: 70%; background-color: #4499DD; color: white; border-radius: 4px;}
/*logout*/	.head13 {float: right; 	padding: 2px 6px; margin: 2px;  font-size: 70%;}
			.live {float: right; 	padding: 2px 5px; margin: 2px; font-size: 70%; background-color: #4499DD; color: white; border-radius: 4px;}
			.login {background-color: white; border-bottom: 1px solid gray;}
			.login table {margin: auto;}
			.login table th {font-weight: normal; text-align: right;}

			.menu {overflow: hidden; white-space: nowrap; margin: 0px; padding: 4px; font-size: 70%;}
			/* add padding-left and border-left of menu at padding-right */
/*sxhand*/	.menusx {font-family: 'Segoe UI Symbol'; position: fixed; left: 0px; 	padding: 4px calc(10px + 4px) 6px 6px; margin: -2px 0px; 	cursor: pointer; background-color: red; color: white; border: 1px solid white; border-left: none; border-radius: 0px 4px 4px 0px;}
			/* add padding-right and border-right of menu at paddin-left */
/*dxhand*/	.menudx {font-family: 'Segoe UI Symbol'; position: fixed; right: 0px; 	padding: 4px 6px 6px calc(10px + 4px); margin: -2px 0px; 	cursor: pointer; background-color: red; color: white; border: 1px solid white; border-right: none; border-radius: 4px 0px 0px 4px;}
/*item*/		.menu1 {display: inline-block; 		vertical-align: top; padding: 2px 6px; margin: 1px 2px; 	cursor: pointer; color: white; border: 1px solid white; border-radius: 4px;}
/*sel*/		.menu1s {display: inline-block; 		vertical-align: top; padding: 2px 6px; margin: 1px 2px; 	cursor: pointer; background-color: #F0F0F0; color: #303030; border: 1px solid white; border-radius: 4px;}
/*presel*/	.menu1p {display: inline-block; 		vertical-align: top; padding: 2px 6px; margin: 1px 2px; 	cursor: pointer; color: white; border: 1px solid #4499DD; border-radius: 4px;}
/*separator*/	.menu1b {display: inline-block; 		padding: 0px 0px; margin: 1px 2px; 	background-color: white; color: white; border: 1px solid white; border-radius: 4px;}
			/* add padding of menu padding-right and adjust left */
			/* leave margin 0 - adjust padding-left padding-right
/*spacer*/	.menusp {display: inline-block; 		padding: 4px calc(8px + 4px) 6px 4px; margin: 0px; border: 1px solid white; border-left: none; visibility: hidden;}
/*hider*/		.menuh {cursor: pointer; text-align: center; background-color: #55AAEE; background-color: #F0F0F0; color: #E0E0E0; color: #4499DD; font-size: 50%; border-top: 1px solid black;}
			.smenu {background-color: #55AAEE;}

			.frmcnt {margin: 0px 0px 10px 0px; padding: 0px;}
			#wait {text-align: center; margin-bottom: 0px; color: white; font-size: larger;}
			#shortcut {position: fixed; top: 1px; left: 1px; color: red; display: none; padding: 10px; background-color: white; opacity: 0.8; border: 1px solid gray; border-radius: 4px;}

			.glcon {border: none;}
			.glmsgwrn {padding: 8px; font-size: 60%;}
			.glmsgwrn div:first-child {display: inline-block; border-radius: 4px; padding: 2px; margin-right: 8px; font-size: larger;}
			.glmsgerr {padding: 8px; font-size: 60%;}
			.glmsgerr div:first-child {display: inline-block; border-radius: 4px; padding: 2px; margin-right: 8px; font-size: larger;}
			#glpop {padding: 1em; text-align: center; font-size: 80%; border: 1px solid #4499DD; border-radius: 1em;}

			.glbtt {padding: 2px 6px; font-size: 70%; border-radius: 4px; margin: 0px;}
			.glbttc {padding: 2px 6px; font-size: 70%; border-radius: 4px; margin: 0px;}
			.glttip {cursor: help;}
			#glttip {font-size: 60%;}

			@media print {
				.body {background-color: white;}
				.head {display: none;}
				.foot {display: none;}
				.frmcnt {margin: 0px 0px 0px 0px !important;}
			}