* { margin: 0; padding: 0; }
html { font-size: 100%; }
body { font: 0.75em Arial, Verdana, sans-serif; color: #000; text-align: center; margin: 0; padding: 0; background-color: #f5f5f5; }
#container { width: 920px; text-align: left; background-color: #FFF; margin: 0 auto; padding: 0 20px; }
#header { height: 102px; }
#header img { margin: 0 0 0 0; float: left; }
#header ul { margin: 0 62px 0 0; padding: 0; float: right; width: 326px; list-style: none; list-style-image: none; }
#header ul li { float: right; margin: 0 10px 0 0; padding: 0; }
#header ul li a { display: block; padding: 28px 10px 6px 10px; background-color: #240078; color: #fff; text-decoration: none; font-size: 12px;

/*	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;			*/
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-radius-bottomright: 5px;	
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-radius-bottomleft: 5px;	
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;

 behavior:url(border-radius.htc);
 }
div#menu { min-height:46px;}
#menu ul { list-style: none; list-style-image: none; margin: 0; padding: 10px 0 0 10px; }
#menu ul li { display: inline; padding: 0 10px 5px 10px; font-size: 1.1em; font-weight: bold; }
#menu ul li a { text-decoration: none; color: #c6941a; }
#menu ul li a:hover { color: #000066; }
#menu ul li.active a { color: #000066; }
/*	#content { padding: 10px 20px; }		*/
#footer { background-color: #000066; height: 24px; margin: 15px -20px 0 -20px; }
#footer p { padding: 5px 20px 5px 20px; font-size: 0.8em; color: #fff; }
/* forms */
#frm_login { float: left; width: 450px; padding-top: 10px; }
label { font-weight: bold; padding: 2px 10px 0 0; color: #000066; }
.formLine { height: 28px; clear: both; }
.formLineLarge { height: 150px; clear: both; }
.formLine label, .formLineLarge label { float: left; text-align: right; width: 250px; }
.formLine input.text, .formLineLarge select, .formLine select { float: left; border: 1px solid #8282b4; font-family: Arial, Verdana, sans-serif; }
.formLine select.date { width: 70px; margin: 0 8px 0 0; }
input.check { border: 0; width: 20px; float: left; }
textarea { margin: 6px 0 10px 0; border: 1px solid #819ab3; font-family: Arial, Verdana, sans-serif; }
.formLineLarge textarea { float: left; }
table { font-size: 1em; margin: 0 0 15px 0; }
table td, table th { padding: 5px 10px; text-align: left; }
/*table td { border-bottom: 1px dotted #243a69; color: #333; }
*/table td img { margin: 0 0 -2px 0; }
table th { border-bottom: 2px solid #c6941a; color: #FFF; }
/* timesheet table */
table.timesheet th, table.timesheet td { text-align: center; }
table.timesheet td { border-bottom: 1px solid #243a69; border-right: 1px solid #243a69; color: #333; }
table.timesheet th { border-bottom: 1px solid #243a69; color: #FFF; background-color: #243a69; }
table.timesheet th.day, table.timesheet td.day { text-align: left; }
table.timesheet td.dayBorder { text-align: left; border-top: 1px solid #243a69; }
/* coommon */
td.end_cell {
	border-right: none;	
}
.error { padding: 10px; border: 1px solid #cc0000; margin: 0 0 15px 0; color: #D8000C; background-color: #FFBABA; font-size: 1.2em; }
.success { padding: 10px; border: 1px solid #9F6000; margin: 0 0 15px 0; color: #9F6000;
background-color: #FEEFB3;
}
.floatRight { float: right; margin: -6px 0 0 10px; }
.clear { clear: both; }
.asterisc { font-size: 1.4em; color: #eb0000; font-weight: bold; }
#finder { float: right; width: 310px; margin: 0; text-align: right; }
#finder input#findWhat { width: 200px; }
#finderLeft { float: left; width: 250px; padding: 0; }
/* standard tags */
h1, h2, h3, h4, h5, p, form { padding: 0 0 15px 0; color: #000066; }
/*	h1 { font-size: 2em; }			*/
h1 { background-color: #240078; color: #fff; font-size: 30px; padding: 8px 16px; margin: 0 0 15px 0; }
h2 { font-size: 1.4em; }
P { line-height: 1.5em; color: #333; }
ul, ol { line-height: 1.5em; color: #333; margin: 0 0 0 45px; padding: 0 0 15px 0; }
ul li, ol li { padding: 0 0 5px 0; }
a { color: #000066; text-decoration: underline; }
a:hover { color: #ffcc00; }
select.small { margin: 0 4px 0 0; }
.holiday { color: #ffcc00; font-weight: normal; font-size: 0.9em; }
#timesheetTable { font-size: 0.9em; }
#logoPrint { display: none; }
img.ui-datepicker-trigger { position:relative; margin-top:-10px; }
/*HK Added*/
th { font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; border-right: 1px solid #000066; border-bottom: 1px solid #000066; border-top: 1px solid #000066; text-align: left; padding: 6px 6px 6px 12px; background: #000066 url(images/bg_header.jpg) no-repeat; }
th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: none; }
th.spec { border-left: 1px solid #C1DAD7; border-top: 0; background: #fff url(images/bullet1.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,  sans-serif; }
th.specalt { border-left: 1px solid #C1DAD7; border-top: 0; background: #f5fafa url(images/bullet2.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,  sans-serif; color: #B4AA9D; }
td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px; color: #333; }
td.alt { background: #F5FAFA; color: #B4AA9D; }
hr {color: #fff; background-color: #fff; border: 1px dotted #999; border-style: none none dotted; margin:15px 0px }
th a { color: #FFF; }
th a:hover { text-decoration: none; }
input.button_submit {
	border: 1px solid #243a69;
	padding: 5px 15px;
	color: #fff;
	background-color: #243a69;
	font-weight: bold;
	margin: 0 10px 0 0;
	font-size: 11px;
}
.bankhols a.ui-state-default {background-color:#6CF; background-image:none; color:#FFF; font-weight:normal;}