body.Menu {
	background-color: #567EA2;
	margin-top: 0px;
	margin-left : 0px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

body.Header {
	background-color: #FAFFDF;
	margin-top: 0px;
	margin-left : 0px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 6pt;
}

html {
	margin:0;
	padding:0;
	height:99%;
}

body {
	margin-top:0px;
	padding:0;
	height:100%;
	background-color: #E0E6C2;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
}
/* font size attribute for body will be used by DatePicker */
/* to override, set ui-datepicker */
div.ui-datepicker{
	font-size:15px;
}

body.Print {
	margin-top:0px;
	padding:0;
	height:100%;
	background-color: #FFFFFF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

table.Menu {
	background-color : transparent;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

table.header {
	background-color : #FAFFDF;
	font-size : 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000000;
	text-decoration: none;
}

table.Form {
	background-color : #E0D6C2;
	border : thin solid #7694C8;
	font-size : 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000000;
	text-decoration: none;
}

table.framebox {
	border: 2px solid black;
	padding-bottom: 10px;
}

table.Hardcopy {
	background-color : transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

table.hardcopy_7 {
	background-color : transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

table {
	background-color : transparent;
	font-size : 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000000;
	text-decoration: none;
}

table.Print {
	background-color : white;
	font-size : 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000000;
	text-decoration: none;
}

th {
	background-color : #FAFFDF;
	font-size : 17px;
	font-weight: normal;
}

td.Hardcopy {
	background-color : transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	line-height: 15pt;
}

a {
	color: Navy;
	text-decoration: none;
}

a:hover {
    color: #FF0000;
    text-decoration: none;
}

hr {
	color: #E0E6C2;
}

input, select {
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : Black;
}

textarea {
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.warning {
	color : Red;
	text-align : justify;
}

div.PageHeader {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 17px;
	font-weight : bold;
}

div.printfont {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}

/*
 * Below are added by RYU Chua.
 */

.errors {
	font-size:8pt;
	color:red;
}

div.sidebar{
	margin-top	: 20px;
	margin-left	: 20px;
	margin-right: 20px;
}

ul.menu {
		background-color : transparent;
    	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #000000;
		font-weight: bold;
		text-decoration: none;
	}

ul.menu li {
		padding:4px;
	}

.switch_menu{
		background-color : transparent;
    	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
		text-decoration: none;
	}

/* make sure no border for image hyperlink */
a img {border:none}

.search {
	color: #0000FF;
}

#topbar {
		position:absolute;
		left:0px;
		top:0px;
		background-color:#faffdf;
		border:solid 1px black;
}

#sidebar {
		position:absolute;
		left:0px;
		background-color:#567EA2;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #000000;
		font-weight: bold;
		text-decoration: none;
	}

#rightbar {
		position:absolute;
		background-color:#567EA2;
	}

#main_content {
		position:absolute;
		overflow:auto;
	}

#infobar {
		position:absolute;
		background: #567EA2;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
	}

#switch {
		text-align:center;
		position:absolute;
		background: #C0C6C2;
	}


/*	
#sidebar {
		position:absolute;
		left:0px;
		top:0px;
		height:515px;
		width: 150px;
		background-color:#567EA2;
	}

#rightbar {
		position:absolute;
		left:660px;
		top:0px;
		height:515px;
		width: 5px;
		background-color:#567EA2;
	}

#main_content {
		position:absolute;
		left:150px;
		top:15px;
		padding:10px;
		width:500px;
		height:500px;
		overflow: auto;
		}

#infobar {
		position:absolute;
		background: #567EA2;
		left:150px;
		top:0px;
  		width: 510px;
  		height:15px;
	}

#switch {
		text-align:center;
		position:absolute;
		background: #567EA2;
		left:150px;
		top:500px;
  		width: 510px;
  		height:15px;
	}
	*/

#fullheight { height: 100%; }

thead {
	display: table-header-group; 
	height: 40px;
}

tfoot { display: table-footer-group; }

@media screen {
    div.divFooter {
        position: absolute;
		bottom: 0;
		padding: 10px;
		background-color: #609;
		width: 75%;
    }
}

@media print {
    div.divFooter {
        position: fixed;
        bottom: 0;
    }
}