body
{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:black;
	background-color:white;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:1000px;
}

#boxLogin
{
	margin-left:auto;
	margin-right:auto;
	margin-top:200px;
	border:1px solid black;
	padding:10px;
	width:450px;
}

h1
{
	font-size:1.2em;
	font-weight:bold;
	background-color:#B6F0BE;
	color:green;
	padding:10px;
	border:1px solid black;
	box-shadow: 5px 5px 5px #888888;
}

p.error
{
	color:red;
	font-weight:bold;
}

span.control
{
	color:green;
	font-weight:bold;
}

div#boxMenu
{
	margin-top:20px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	clear:both;
	float:right;
}

div#boxContent
{
	clear:both;
	float:left;
	overflow:auto;
}

span.menuItem
{
	border:1px solid green;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	color:green;
	font-weight:bold;
}


span.menuItem:hover, span.selectedMenuItem
{
	color:white;
	background-color:green;
}

span.leftText
{
	display:inline-block;
	width:100px;
	color:green;
	font-weight:bold;
}

.rightText
{
	float:right;
}

table.tableScheduleList
{
	table-layout:fixed;
	width:1000px;
}

table.tableScheduleList th, table.tableScheduleList td, table.tableInfo th, table.tableInfo td
{
	padding:10px;
}

table.tableScheduleList th, table.tableInfo th
{
	background-color:#B6F0BE;
	border:1px solid black;
}

tr.row1, td.row1
{
	background-color:#E3E4FA;
}

tr.row2
{
	background-color:#EBDDE2;
}

td.pending
{
	background-color:yellow;
}

td.booked
{
	background-color:green;
	color:white;
}

td.cancel
{
	background-color:red;
	color:white;
}

table.tableScheduleTable
{
	table-layout:fixed;
	font-size:0.9em;
	width:1000px;
	border-collapse:collapse;
}

table.tableScheduleTable th
{
	background-color:#B6F0BE;
	border:1px solid black;
}

th.two { width:2%; }
th.three { width:3%; }
th.five { width:5%; }
th.seven{ width:7%; }
th.ten { width:10%; }
th.eleven { width:11%; }
th.fifteen { width:15%; }
th.eighteen { width:18%; }
th.twenty { width:20%; }


.gupper
{
	border-top:1px solid black;
}

.gpillar
{
	padding-top:15px;
	padding-bottom:15px;
	border:1px solid black;
	background-color:#EBDDE2;
	color:#4A4344;
}

.ga /* empty slot */
{
	background-color:#FFF8C6;
}

.gc /* occupied class */
{
	border-left:1px dashed grey;
	border-right:1px dashed grey;
	background-color:#E3E4FA;
	color:#4A4344;
}

.gc2
{
	border-left:1px dashed grey;
	border-right:1px dashed grey;
	background-color:#FAE3E5;
	color:#4A4344;
}

.gcc /* cancelled class */
{
	border-left:1px dashed grey;
	border-right:1px dashed grey;
	background-color:#F62817;
	color:white;
}

.silomExample
{
	background-color:#E3E4FA;
	padding:5px;
	border:1px dashed grey;
	display:inline-block;
}

.laksiExample
{
	background-color:#FAE3E5;
	padding:5px;
	border:1px dashed grey;
	display:inline-block;
}

.cancelExample
{
	background-color:red;
	padding:5px;
	border:1px dashed grey;
	display:inline-block;
	color:white;
}

.alignRight
{
	text-align:right;
}

.summaryField
{
	text-align:right;
	font-weight:bold;
}

.txtUnderline
{
	text-decoration:underline;
}