/* CSS Document */

@media print {
	.noprint {display: none;}
}

@page rotated {size: landscape}

BODY {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	page: rotated;
}

A {
	text-decoration: none;
	color: #336699;
}

A:hover {
	color: #FF6633;
}

FORM {
	margin: 0;
	padding: 0;
}

#container {
	width: 740px;
	margin: 0 auto 0 auto;
	position: relative;
	border: 1px solid #E6EBF9;
}

#header {
	height: 95px;
	background-color: #173979;
	margin-bottom: 8px;
}

#header SPAN#title{
	float: left;
	padding: 4px 24px 4px 24px;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF9933;
	background-color: #003366;
	margin-top: 75px;
	margin-left: 5px;
	border: 1px solid #FFFFFF;
}

#header DIV.icon{
	float: right;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:1px;
	padding-right:2px;
	font-size: 10px;
	text-align: center;
	width: 60px;
}

#header DIV.icon A{
	color: #FFFFFF;
}

#search ,#paging,.action{
	background-color:#E6ECF7;
	border: 1px solid #CCDDFF;
	margin-bottom: 8px;
}

#footer {
	padding: 10px;
	background-color:#12273F;
	margin-top: 8px;
	text-align: center;
	color:#FFFFFF;	
	background:url(../images/crystal-bg.gif) repeat-x;
}

.btn {
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	text-decoration: none;
	margin: 0 4px 0 2px;
}

.input_text, SELECT, TEXTAREA, .input_file, .input_password {
	border: 1px solid #003366;
}

.input_button, .input_submit, .input_reset{
	border-top: 1px solid #99CCFF;
	border-left: 1px solid #99CCFF;
	border-bottom: 1px solid #003366;
	border-right: 1px solid #003366;
	background-color: #8899BB;
	color: #FFFFFF;
}

/* ---------------------- list --------------------- */
TABLE.list {
	background-color: #CCDDFF;
}

TABLE.list A{
	text-decoration: none;
}

TABLE.list A:hover{
	color:#990000;
	text-decoration: underline;
}

TABLE.list TH{
	color: #FFFFFF;
	text-align: center;
	font-family: Arial, Times, serif;
	font-size: 12pt;
	font-weight: bold;
	background: #FFF url(../images/crystal-bg.gif) repeat-x center center;
}

TABLE.list TD{
	background-color: #FFFFFF;
}

TABLE.list TR.row2 TD{
	background-color: #F9F9F9;
}

TABLE.list A.delete{
	background: url(../images/delete-gray.gif) no-repeat;
}

TABLE.list A.delete:hover{
	background: url(../images/delete.gif) no-repeat;
}

TABLE.list A.edit{
	background: url(../images/edit-gray.gif) no-repeat;
}

TABLE.list A.edit:hover{
	background: url(../images/edit.gif) no-repeat;
}

DIV.paging{
	text-align:center;
	padding-top: 12px;
}
/* ---------------------- buttons --------------------- */

A.search{
	background: url(../images/search-gray.gif) no-repeat;
}
A.search:hover{
	background: url(../images/search.gif) no-repeat;
}

A.add{
	background: url(../images/add-gray.gif) no-repeat;
}
A.add:hover{
	background: url(../images/add.gif) no-repeat;
}

A.calc{
	background: url(../images/calc-gray.gif) no-repeat;
}
A.calc:hover{
	background: url(../images/calc.gif) no-repeat;
}


/* ---------------------- payroll --------------------- */

TABLE.payroll_main {
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
}

TABLE.payroll_main TH{
	color: #FFFFFF;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	font-family: tahoma;
	background: #FFF url(../images/crystal-bg.gif) repeat-x center center;
	padding: 6px 2px 6px 2px;
	border-left: 1px solid #003366;
	border-top: 1px solid #003366;
}

TABLE.payroll_main TD{
	border-left: 1px solid #003366;
	border-top: 1px solid #003366;
}

TABLE.payroll_child {
	border-right: 0px solid #003366;
	border-bottom: 0px solid #003366;
}

TABLE.payroll_child TD{
	border-left: 1px solid #003366;
	border-top: 0px solid #003366;
}

TABLE.payroll_content {
	margin-top: -1px;
	border-right: 0px solid #003366;
	border-bottom: 0px solid #003366;
}

TABLE.payroll_content TD{
	border-left: 1px solid #003366;
	border-top: 1px solid #003366;
	font-size: 10px;
	color: #000088;
}

TABLE TD.nlb{
	border-left: 0;
	color: #000000;
}

#watermark {
	height: 290px;
	overflow: hidden;
	position:absolute;
	z-index: 100;
	z-index: expression("-100");
}

.list TH A:hover{
	color:#FFFFFF;
}

#msg_error {
	color:#FF0000;
}

#msg_help{
	color:#006600;
}

#msg_lock {
	color:#FF9900;
}

#msg_alert{
	color:#FF0000;
}

#msg_ok{
	color:#006600;
}

/*------------faq----------*/

.alist{
	margin-top: 40px;
	margin-right: 10px;
}
.alist A{
	display: block;
	padding: 4px 20px 4px 0;
	background: url(../images/alist-bg.gif) right center no-repeat;
}

.para {
	margin-right: 30px;
	margin-bottom: 20px;
}
.para H1 {
	font-size:20px;
	font-weight: bold;
	font-family: arial, times;
	color:#333366;
	padding: 0;
	margin: 30px -15px 5px 0;
}

IMG.help{
	border:solid 1px #FF6633;
	margin:20px;
}