body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000022;
	margin: 2px;
	background: #AFBCCC;
}

body.inner {
background-image: url(midmid.gif); background-repeat: repeat;
	margin: 10px 0 4px 0;
}

body.helpinner {
background-image: url(midmid.gif); background-repeat: repeat;
	margin: 10px 0 4px 0;
}

td.inner {
	background-color: #EFEFEF;
}

.menu { color: #000000 ;font-weight:normal;}
.menu:active { color: #000055;font-weight:normal;}

a 		{text-decoration: none;
		font-weight: bold;
		color: #3333ff;}
a:hover {background-color: #aaaaaa;}

H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
}

H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}


H3 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
}

.curs {cursor: pointer;}

.payslip{
	width:90%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	border-style:solid;
	border-color:black;
}
.paysliptd{
	margin-top: 2px;
	margin-bottom: 2px;
	padding:2px;
	border-style:groove;
}
.payslipi{
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	border-style:groove;
	border-color:black;
}

table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
}

td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	border-width: 1px;

}

.tabular-data td
{
border-style:inset;
}

.lightcell{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	border-width: 1px;
	background-color:#f6f6f6;
}

th{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	border-bottom:#aaaaaa solid thin;border-width: 2px;
	border-width: 1px;
	text-align: left;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	border-top:#777777 solid thin; border-width: 1px;
	border-bottom:#222222 solid thin;border-width: 1px;
	border-right:#777777 solid thin; border-width: 2px;
	border-left:#777777 solid thin; border-width: 2px;
	}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	border-top:#777777 solid thin; border-width: 1px;
	border-bottom:#222222 solid thin;border-width: 1px;
	border-right:#777777 solid thin; border-width: 2px;
	border-left:#777777 solid thin; border-width: 2px;
}

.invisible{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	border-top:#777777 solid thin; border-width: 1px;
	border-bottom:#222222 solid thin;border-width: 1px;
	border-right:#777777 solid thin; border-width: 2px;
	border-left:#777777 solid thin; border-width: 2px;
}

.invisibled{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	border-top:#ffffff solid thin; border-width: 1px;
	border-bottom:#ffffff solid thin;border-width: 1px;
	border-right:#ffffff solid thin; border-width: 2px;
	border-left:#ffffff solid thin; border-width: 2px;
}
.plain{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	border-top:#777777 solid thin; border-width: 1px;
	border-bottom:#222222 solid thin;border-width: 1px;
	border-right:#777777 solid thin; border-width: 2px;
	border-left:#777777 solid thin; border-width: 2px;
}

.wrong{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
  background:#ffccdd;
	border-top:#ED4A4A solid thin;
	border-bottom:#ed0000 solid thin;
	border-right:#aa1111 solid thin;
	border-left:#aa1111 solid thin;
}

.plainbox{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	border-top:#777777 solid thin; border-width: 1px;
	border-bottom:#222222 solid thin;border-width: 1px;
	border-right:#777777 solid thin; border-width: 2px;
	border-left:#777777 solid thin; border-width: 2px;
}

.red{
	font-family: Arial, Helvetica, sans-serif;
/* 	font-size: 12px; */
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	background:#ffccdd;
	border-top:#ED4A4A solid thin;
	border-bottom:#ed0000 solid thin;
	border-right:#aa1111 solid thin;
	border-left:#aa1111 solid thin;
}


.optionTL { background-image: url(topleft.gif);} 
.optionTM { background-image: url(topmid.gif);} 
.optionTR { background-image: url(topright.gif);} 
.optionM { background-image: url(midwidth.gif);} 
.optionBL { background-image: url(botleft.gif);} 
.optionBM { background-image: url(botmid.gif);} 
.optionBR { background-image: url(botright.gif);} 

.helpTL { background-image: url(topleft.gif);} 
.helpTM { background-image: url(topmid.gif);} 
.helpTR { background-image: url(topright.gif);} 
.helpM { background-image: url(midwidth.gif);} 
.helpBL { background-image: url(botleft.gif);} 
.helpBM { background-image: url(botmid.gif);} 
.helpBR { background-image: url(botright.gif);} 

.mainTL { background-image: url(topleft.gif);} 
.mainTM { background-image: url(topmid.gif);} 
.mainTR { background-image: url(topright.gif);} 
.mainML { background-image: url(midleft.gif);} 
.mainMM { background-image: url(midmid.gif);} 
.mainMR { background-image: url(midright.gif);} 
.mainBL { background-image: url(botleft.gif);} 
.mainBM { background-image: url(botmid.gif);} 
.mainBR { background-image: url(botright.gif);} 

.titleL { background-image: url(titleleft.gif);} 
.titleM { background-image: url(titlemid.gif);} 
.titleR { background-image: url(titleright.gif);}