/* CSS Document */

body {
	/*margin-top: 20px;*/
	background-color: #FAF8EC;
}

body, td, th  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #5B5B5B;
}

a {
	cursor: pointer;
	color: #5B5B5B;
	text-decoration: none;
}

a:hover {
	cursor: pointer;
	color: #FF0000;
}

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

.fontHeader {
	font-size: 14px;
	font-weight: bold;
}

.fontHeader1 {
	font-weight: bold;
}

.historyURL, .showStatus {
	float: left;
}

.logout {
	float: right;
}

.historyURL, .logout, .showStatus {
	margin-top: -6px;
	font-size: 10px;
}

.headerborder {
	background-image: url(../images/horisontalborder.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 10px;
	margin: -5px -9px 10px -9px;
}

.separator {
	background-image: url(../images/horisontalborder.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 10px;
}

div.error {
	border: 1px solid #C53E3E;
	padding: 3px;
	font-weight: bold;
	color: #C53E3E;
	background-color: #F0A4A4;
}


div.success {
	border: 1px solid #68A837;
	padding: 3px;
	font-weight: bold;
	color: #68A837;
	background-color: #BAEA96;
}

.selected {
	background-image: url(../images/fill.jpg);
	height: 10px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.unselected {
	background-image: url(../images/empty_fill.jpg);
	height: 10px;
	background-repeat: no-repeat;
	background-position: center;
}

.bgColor {
	background-color: #E0E0E0;
}

div.distance {
	padding-top: 10px;
}

div.paginationControl {
	text-align: right;
	font-size: 10px;
}

/*================================ For MainMenu Page ===========================================*/

div.width {
	width: 620px;
	margin: auto;
	background-color: #FFFFFF;
}

div.tengahatas {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 71px;
	display: block;
	position: relative;
}

div.tengahatas span#akses {
	left: 460px;
	top: 8px;
	width: 95px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
	font: italic;
	font-size: 10px;
}

div.tengahatas a#en {
	left: 558px;
	top: 8px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

div.tengahatas a#id {
	left: 582px;
	top: 8px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

div.kiri {
	background-image: url(../images/bgkiri.gif);
	background-repeat: repeat-y;
	background-position: left center;
	padding-left: 10px;
}

div.kanan {
	background-image: url(../images/bgkanan.gif);
	background-repeat: repeat-y;
	background-position: right center;
	padding-right: 10px;
}

div.kiribawah {
	background-image: url(../images/bgkiribawah.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div.tengahbawah {
	background-image: url(../images/bgtengahbawah.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 10px;
	margin-top: 0px;
	margin-right: 17px;
	margin-bottom: 0px;
	margin-left: 17px;
}

div.kananbawah {
	background-image: url(../images/bgkananbawah.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/*================================ For ListRequestReport Page ===========================================*/

div.tengahataslistrequest {
	background-image: url(../images/header_list_request.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 71px;
	display: block;
	position: relative;
}

div.tengahataslistrequest span#akses {
	left: 460px;
	top: 8px;
	width: 95px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
	font: italic;
	font-size: 10px;
}

div.tengahataslistrequest a#en {
	left: 560px;
	top: 7px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

div.tengahataslistrequest a#id {
	left: 583px;
	top: 7px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

/*================================ For DetailRequest Page ===========================================*/

div.tengahatasdetailrequest {
	background-image: url(../images/detail_request.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 71px;
	display: block;
	position: relative;
}

div.tengahatasdetailrequest span#akses {
	left: 460px;
	top: 8px;
	width: 95px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
	font: italic;
	font-size: 10px;
}

div.tengahatasdetailrequest a#en {
	left: 559px;
	top: 8px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

div.tengahatasdetailrequest a#id {
	left: 582px;
	top: 8px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

/*================================ For NewRequest Page ===========================================*/

div.tengahatasnewrequest {
	background-image: url(../images/header_new_request.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 71px;
	display: block;
	position: relative;
}

div.tengahatasnewrequest span#akses {
	left: 460px;
	top: 8px;
	width: 95px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
	font: italic;
	font-size: 10px;
}

div.tengahatasnewrequest a#en {
	left: 558px;
	top: 7px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

div.tengahatasnewrequest a#id {
	left: 582px;
	top: 7px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

/*================================ For ListApproval Page ===========================================*/

div.tengahataslistapproval {
	background-image: url(../images/header_approval.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 71px;
	display: block;
	position: relative;
}

div.tengahataslistapproval span#akses {
	left: 460px;
	top: 8px;
	width: 95px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
	font: italic;
	font-size: 10px;
}

div.tengahataslistapproval a#en {
	left: 557px;
	top: 8px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

div.tengahataslistapproval a#id {
	left: 581px;
	top: 8px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

/*================================ For DetailApproval Page ===========================================*/

div.tengahatasdetailapproval {
	background-image: url(../images/detail_approval.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 71px;
	display: block;
	position: relative;
}

div.tengahatasdetailapproval span#akses {
	left: 460px;
	top: 8px;
	width: 95px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
	font: italic;
	font-size: 10px;
}

div.tengahatasdetailapproval a#en {
	left: 560px;
	top: 8px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

div.tengahatasdetailapproval a#id {
	left: 583px;
	top: 8px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

/*================================ For ListReport Page ===========================================*/

div.tengahataslistreport {
	background-image: url(../images/header_report.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 71px;
	display: block;
	position: relative;
}

div.tengahataslistreport span#akses {
	left: 460px;
	top: 8px;
	width: 95px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
	font: italic;
	font-size: 10px;
}

div.tengahataslistreport a#en {
	left: 558px;
	top: 7px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

div.tengahataslistreport a#id {
	left: 581px;
	top: 8px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

/*================================ For ListReport Page ===========================================*/

div.tengahataseditpic {
	background-image: url(../images/header_edit_report.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 71px;
	display: block;
	position: relative;
}

div.tengahataseditpic span#akses {
	left: 460px;
	top: 8px;
	width: 95px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
	font: italic;
	font-size: 10px;
}

div.tengahataseditpic a#en {
	left: 558px;
	top: 7px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

div.tengahataseditpic a#id {
	left: 582px;
	top: 8px;
	width: 20px;
	height: 14px;
	/*border: 1px solid #000000;*/
	position: absolute;
	display: block;
}

/*================================ For Login Page ===========================================*/

div.widthlogin {
	width: 400px;
	margin: auto;
	background-color: #FFFFFF;
}

div.tengahataslogin {
	background-image: url(../images/login.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 53px;
}