/* CSS Document */


body {
    font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: black;
    background: #D7D7D7;
    height: 100%;
  	background: #fff ; //url(../images/backdiagonal.png);
  	
}

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: 600px;
	margin: auto;
	background-color: #FFFFFF;
}

div.tengahatas {
	background-image: url(../images/pinreset-header.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 60px;
	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.tengahbody {
	background-image: url(../images/pinreset-body.png);
	background-repeat: no-repeat; 
	background-position: center;
	height: 295px;
}


div.tengahbawah {
	background-image: url(../images/pinreset-footer.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 45px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div.menubawah{
	width: 400px;
	margin: auto;
	padding-top: 25px;
	background-color: #FFFFFF;
}