.abs {
	position: absolute
}

.rel {
	position: relative
}

body {
	background-color: #FFFFFF;
	margin: 10px 10px 10px 10px;
	font-family: Verdana;
	font-size: 11px;
}

table, td, tr, th, p, div {
	font-family: Verdana;
	font-size: 11px;
}

a {
	text-decoration: underline;
	color: #354A55;
}

a:hover {
	text-decoration: underline;
	color: #5B7F93;
}

hr {
	margin-top: -5px;
	height: 1px;
	background-color: #999999;
	color: #999999;
	visibility : visible;
}

#header {
	background-color: #FFFFFF;
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 40px;
}

#footer {
	background-color: #FFFFFF;
	margin-top: 30px;
	font-size: 10px;
	color: gray;
	padding-left: 4px;
	padding-bottom: 0px;
}

#account {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: right;
	font-size: 10px;
}

#navigation {
	background-color: #7B9CAE;
	padding: 2px 0px 2px 0px;
	margin-top: 4px;
	margin-bottom: 15px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	color: #FFFFFF;
	font-weight: bold;
}

#navigation a {
	background-color: #7B9CAE;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
	color: #FFFFFF;
}

#navigation a:hover {
	background-color: #3C5462;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
	color: #FFFFFF;
}

.breadcrumbs {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 30px;
	padding-left: 2px;
}

.note {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 30px;
	padding-left: 2px;
}

.heading {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom: 1px solid #999999;
	font-family: Georgia;
	font-size: 15px;
	font-weight: bold;
	color: #821400;
}

.headingError {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 6px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom: 1px solid #999;
	font-family: Georgia;
	font-size: 15px;
	font-weight: bold;
	color: #FF0000;
}

.icons {
	margin-left: 10px;
	padding: 0px;
}

.listing {
	padding: 0px;
	width: 100%;
}

.listing td {
	padding-left: 2px;
}

.listing th {
	padding-left: 2px;
	background-color: #C4D3DB;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	color: #777E82;
	text-align: left;
}

.listing th a {
	text-decoration: none;
}

.listing th a:hover {
	text-decoration: none;
}

.listing .active {
	background-color: #7B9CAE;
	color: #FFFFFF;
}

.listing .active a {
	color: #FFFFFF;
	text-decoration: none;
}

.listing .active a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.odd {
	background-color: #F5F5F5;
}

.even {
	background-color: #EFEFEF;
}

.old {
	background-color: #DDDEDF;
}

.new {
	background-color: #F6F5F5;
}

.weekend {
	background-color: #FFC3E2;
}

.statutoryHoliday {
	background-color: #9DAACD;
}

.makeupHoliday {
	background-color: #C3FFFF;
}

.workday {
	background-color: #EFEFEF;
}

.content {
	padding: 0px;
	width:100%;
}

.content .leftvalue {
	width:27%;
	text-align: right;
}

.content td {
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.content th {
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #C4D3DB;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	color: #777E82;
	text-align: left;
}

.error {
	padding-top: -10px;
	width:100%;
}

.error td {
	color: #FF0000;
	text-align: left;
	padding-left: 2px;
	padding-bottom: 20px;
}

.message {
	padding-top: -10px;
	padding-bottom: 20px;
	width:100%;
}

.message td {
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #C4D3DB;
	color: #000000;
	text-align: left;
}

.tableRevision {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

.revisionTr {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

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

.instrike {
        text-decoration: line-through;
}

.twopagesEqual {
	border: 0;
	width: 100%;
}

.twopagesEqual .leftpage {
	width: 48%;
}

.twopagesEqual .rightpage {
	width: 48%;
}

.twopagesMore {
	border: 0;
	width: 100%;
}

.twopagesMore .leftpage {
	width: 60%;
}

.twopagesMore .rightpage {
	width: 36%;
}

.twopagesLess {
	border: 0;
	width: 100%;
}

.twopagesLess .leftpage {
	width: 36%;
}

.twopagesLess .rightpage {
	width: 60%;
}

.timeticket {
	border: 0;
	width: 100%;
}

.timeticket .quarter {
	width: 23%;
}

.input_text {
	width: 400px;
}

.input_text_highlight {
	width: 400px;
	background: #FFFFBF;
}

.input_datetime {
	width: 100px;
}

.input_datetime_highlight {
	width: 100px;
	background: #FFFFBF;
}

.input_hours {
	width: 50px;
}

.input_hours_highlight {
	width: 50px;
	background: #FFFFBF;
}

.input_dayhours {
	width: 33px;
}

.input_dayhours_highlight {
	width: 33px;
	background: #FFFFBF;
}

.textarea_3rows {
	width: 400px;
	height: 60px;
}

.textarea_3rows_highlight {
	width: 400px;
	height: 60px;
	background: #FFFFBF;
}

.textarea_6rows {
	width: 400px;
	height: 120px;
}

.textarea_6rows_highlight {
	width: 400px;
	height: 120px;
	background: #FFFFBF;
}

.textarea_9rows {
	width: 400px;
	height: 180px;
}

.textarea_9rows_highlight {
	width: 400px;
	height: 180px;
	background: #FFFFBF;
}