body {
	background-color: #fbe9d6;
	color: #000000;
	font-family: monospace;
	font-size: 14px;
	margin: 10px;
	padding: 0px;
}

.vs {
	color: #fbe9d6;
	position: absolute;
	right: 5px;
	bottom: 5px;
}

form {
	display: inline;
}

a {
	text-decoration: none;
	color: #0066cc;
}

a:hover {
	color: #0099ff;
}

select {
	font-family: monospace;
//	font-size: 0.8em;
}

.round-button {
	border: none;
	border-radius: 100px;
	background-color: #563a22;
	color: #ffffff;
}

.link-button {
	border: solid 1px #563a22;
	background-color: #563a22;
	color: #fff;
	padding: 5px;
}

.link-rbutton {
	display: block;
	width: 3em;
	text-align: center;
	border: none;
	border-radius: 100px;
	background-color: #f08f00;
	color: #fff;
	padding: 5px;
}

.login-input {
	border: none;
	border-bottom: solid 1.5px #563a22;
	background: transparent;
}

.maccap {
	background-color: #563a22;
	color: #fff;
}

.macdata {
	background-color: #fff;
	color: #000;
}

.radio-box {
	cursor: pointer;
}

.header {
	z-index: 100;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 60px;
	background-color: #563a22;
}

.hmenu {
	width: 100%;
	height: auto;
/*	margin-top: 10px;*/
	background-color: #563a22;
	text-align: center;
}

.readonly-box {
	background-color: #F7F9FB;
	border: 0px;
}

.inputnum {
	text-align: right;
}

.inputtd {
	text-align: left;
}

.titlebar {
	background-color: #563a22;
	color: #ffffff;
	text-align: center;
}

.errtitlebar {
	background-color: #ff3333;
	color: #ffffff;
	text-align: center;
}

.loginbar {
	background-color: #563a22;
	color: #ffffff;
	text-align: center;
}

.titletext {
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}

.notifymsg {
	text-align: center;
	font-weight: bold;
	color: #0000ff;
}

.errmsg {
	text-align: center;
	font-weight: bold;
	color: #ff0000;
}

.warnmsg {
	text-align: center;
	font-weight: bold;
	color: #ff9900;
}

.speaker {
	font-weight: bold;
	color: #ff0000;
}

.listener {
	font-weight: bold;
	color: #0000ff;
}

.attendance {
	font-weight: bold;
}

.minitext {
	font-size: 0.8em;
}

.minimsg {
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	color: #0000ff;
}

.minierrmsg {
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	color: #ff0000;
}

.formtitle {
	display: inline;
	font-size: 0.9em;
	font-weight: bold;
}

.minitext {
	font-size: 0.8em;
}

.stat-nosubmit {
	color: #ff0000;
	font-weight: bold;
}

.stat-checked {
	color: #00ff00;
	font-weight: bold;
}

.control-box {
	font-size: 1.2em;
}

/* menu */
.menu-ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.menu-li-top {
	display: block;
	border-bottom: 1px solid #000066;
	color: #000000;
}

.menu-li {
	cursor: pointer;
}

.menu-li2 {
	display: none;
}

.menu-li a {
	text-decoration: none;
	display: block;
	padding: 0.5em 0em 0.5em 2em;
	border-bottom: 1px solid #000066;
	border-right: 1px solid #000066;
	color: #000066;
	font-size: 0.8em;
	font-weight: bold;
}

.menu-li a:hover {
//	color: #ff9900;
	color: #CCDDFF;
	background-color: #000066;
	font-size: 0.8em;
	font-weight: bold;
}

.menu-li2 a {
	text-decoration: none;
	display: block;
	padding: 0.5em 0em 0.5em 2em;
	border-bottom: 1px solid #000066;
	border-right: 1px solid #000066;
	color: #999999;
	font-size: 0.8em;
	font-weight: bold;
	cursor: default;
}

.menu-li3 a {
	text-decoration: none;
	display: block;
	padding: 0.5em 0em 0.5em 2em;
	color: #999999;
	font-size: 0.8em;
	font-weight: bold;
	cursor: default;
}

/* form button box */
.button-box {
	text-align: center;
	padding: 1em 0em 0em 0em;
}

/* calendar box */
.calendar th span {
	display: block;
	width: 100px;
	text-align: center;
	white-space: nowrap;
}

.calendar .dateline {
	width: 100px;
	text-align: center;
	white-space: nowrap;
}

.calendar .timeline {
	height: 100px;
	text-align: center;
}

.calendar .td-box {
	background-image: url(./images/cell.gif);
	white-space: nowrap;
}

/* edit buttons */
.button {
	display: inline;
	position: relative;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.button img {
	visibility: hidden;
}

.button a,
.button a:link,
.button a:visited {
	display: block;
	width: 25px;
	height: 25px;
	background-position: 0px 0px;
	overflow: hidden;
}

.button a:focus,
.button a:hover,
.button a:active {
	display: block;
	width: 25px;
	height: 25px;
	background-position: 0px 25px;
	overflow: hidden;
}

.button .new a {
	background-image: url(./images/new.jpg);
}

.button .new2 a {
	cursor: default !important;
	background-image: url(./images/new2.jpg);
}

.button .edit a {
	background-image: url(./images/edit.jpg);
}

.button .edit2 a {
	cursor: default !important;
	background-image: url(./images/edit2.jpg);
}

.button .delete a {
	background-image: url(./images/delete.jpg);
}

.button .delete2 a {
	cursor: default !important;
	background-image: url(./images/delete2.jpg);
}

.button .shutdown a {
	background-image: url(./images/shutdown.jpg);
}

.button .preview a {
	background-image: url(./images/preview.jpg);
}

.button .video a {
	background-image: url(./images/video.jpg);
}

.button .video2 a {
	cursor: default !important;
	background-image: url(./images/video2.jpg);
}

.button .report a {
	background-image: url(./images/report.jpg);
}

.button .report2 a {
	cursor: default !important;
	background-image: url(./images/report2.jpg);
}

.button .enter a {
	background-image: url(./images/enter.jpg);
}

.button .enter2 a {
	cursor: default !important;
	background-image: url(./images/enter2.jpg);
}

.button .enter3 a {
	cursor: default !important;
	background-image: url(./images/enter3.jpg);
}

.button .csv a {
	background-image: url(./images/csv.jpg);
}

.button .clear a {
	background-image: url(./images/clear.jpg);
}

.button .close a {
	background-image: url(./images/close.jpg);
}

.button .attendance a {
	background-image: url(./images/attendance.jpg);
}

.button .move a {
	background-image: url(./images/move.jpg);
}

.button .reserve a {
	background-image: url(./images/reserve.jpg);
}

.button .reserve2 a {
	background-image: url(./images/reserve2.jpg);
}

.button .cancel a {
	background-image: url(./images/cancel.jpg);
}

.button .cancel2 a {
	background-image: url(./images/cancel2.jpg);
}

.button .copy a {
	background-image: url(./images/copy.jpg);
}

.button .info a {
	background-image: url(./images/info.jpg);
}

.button .info2 a {
	background-image: url(./images/info2.jpg);
}

/* tooltip */
.ToolTip {
	position: relative;
}

.ToolTip span {
	display: block;
	border: solid 1px #7f7f7f;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
	position: absolute;
	top: 0.5em;
	left: 2em;
	padding: 0.5em;
	visibility: hidden;
	width: 5em;
}

.ToolTip:hover,
.ToolTip:hover span {
	visibility: visible;
	z-index: 128;
}

/* table cell align predefine (for IE) */
td {
	text-align: left;
}

.td-center {
	text-align: center !important;
}

.td-right {
	text-align: right !important;
}

/* tab control */
.active-tab {
	background-color: #ffccaa;
	border: 1px solid #000000;
	text-align: center;
}

.inactive-tab {
	background-color: #cccccc;
	border: 1px solid #000000;
	text-align: center;
}

select, option {
  behavior: url(select-disable-emulator.htc);
}

/* timetable */
.tttext {
	font-size: 0.8em;
	cursor: default;
}

.ttbutton {
	font-size: 0.8em;
	cursor: pointer;
}

.ttselect {
	background-color: #9999ff;
}

.ttreserve {
	background-color: #ff9999 !important;
}

.reserved1 {
	background-color: #8888ff;
}

.reserved2 {
	background-color: #bbbbff;
}

.past {
	background-color: #dddddd;
}

/* timetable line */
.border_t {
	border-top: 1px solid #000000;
}

.border_b {
	border-bottom: 1px solid #000000;
}

.border_lt {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}

.border_lb {
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.border_rb {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.border_ltr {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}

.border_tr {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}

.border_tb {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.border_ltb {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.border_trb {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.border_ltrb {
	border: 1px solid #000000;
}

/* timetable dashed */
.dashed_t {
	border-top: 1px dashed #cccccc;
}

.dashed_lt {
	border-left: 1px solid #000000;
	border-top: 1px dashed #cccccc;
}

.dashed_ltr {
	border-left: 1px solid #000000;
	border-top: 1px dashed #cccccc;
	border-right: 1px solid #000000;
}

.dashed_tb {
	border-top: 1px dashed #cccccc;
	border-bottom: 1px solid #000000;
}

.dashed_ltb {
	border-left: 1px solid #000000;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px solid #000000;
}

.dashed_ltrb {
	border-left: 1px solid #000000;
	border-top: 1px dashed #cccccc;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.dashed_r {
	border-right: 1px dashed #000000;
}

/* timetable dashed 2 */
.dashed2_t {
	border-top: 1px dashed #666666;
}

.dashed2_lt {
	border-left: 1px solid #000000;
	border-top: 1px dashed #666666;
}

.dashed2_ltr {
	border-left: 1px solid #000000;
	border-top: 1px dashed #666666;
	border-right: 1px solid #000000;
}

.dashed2_tb {
	border-top: 1px dashed #666666;
	border-bottom: 1px solid #000000;
}

.dashed2_ltb {
	border-left: 1px solid #000000;
	border-top: 1px dashed #666666;
	border-bottom: 1px solid #000000;
}

.dashed2_ltrb {
	border-left: 1px solid #000000;
	border-top: 1px dashed #666666;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

/* Flat TextBox */
.ft_date {
	width: 6em;
	border: 1px solid #000000;
	background-color: transparent;
	text-align: center;
	font-family: monospace;
	font-size: 1.2em;
}

.ft_time {
	width: 3em;
	border: 1px solid #000000;
	background-color: transparent;
	text-align: center;
	font-family: monospace;
	font-size: 1.2em;
}

/* User List */
.ul_disable {
	background-color: #FFCCCC !important;
}

.ul_record {
	background-color: #FFCF7F;
}

.ul_entry {
	background-color: #CCFFCC;
}

.ul_listen {
	background-color: #CCFFFF;
}

/* Recording */
.rl_disable {
	background-color: #FFCCCC !important;
}

.rl_expired {
	background-color: #CCCCCC !important;
}

/* Other */
._entry {
}

.layout-box {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

.list th {
	text-align: center;
}