/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	font-size:12px;
	margin:0px auto auto auto;
	color:#6c7b81;
	background-color:#002f5f;
}

strong
{
	font-weight: bold;
	font-size: 11pt;
	color: yellow;
	font-family: Georgia, Arial, 'Courier New';
}

.wrap {
	width:960px;
	margin:auto;
}

.header{
	width:960px;
	height:130px;
	//background:url(../images/header_bg.jpg) no-repeat left;
	//background-color:#0d1f29;
}

.logo{
	padding:30px 0 0 64px;
	float:left;
}

.logotext{
	padding:100px 0 0 10px;
	float:left;
	font-size:20px;
	color:#FFFFFF;
}
/*--- tabel --- */
.tb{
	border:0px;
	padding:5px;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif
}


/*----------- menu */
#menu{
	width:700px;
	position: absolute;
	text-align:right;
	padding:15px 10px 0 0;
	right:30px;
	top:10px;
}

#menu ul{
	display:block;
	list-style:none;
	margin:0px;
}
#menu ul li{
	display:inline;
	padding:0px;
	margin:0px;
}
#menu ul li a{
	width:81px;
	height:28px;
	display:block;
	padding:0px;
	margin:0 4px 0 4px;
	float:left;
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-size:13px;
	line-height:28px;
}

#menu ul li.selected a{
	width:81px;
	height:28px;
	display:block;
	padding:0px;
	margin:0 4px 0 4px;
	float:left;
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-size:13px;
	line-height:28px;
	background:url(../images/menu_bt_a.gif) no-repeat center;
}
#menu ul li a:hover{
	background:url(../images/menu_bt_a.gif) no-repeat center;
}

/*---- konten ---- */
.center_konten{
	width:100%;
	overflow:hidden;
	margin:auto;
	padding:0;
	background-color:#003976;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.kiri_konten{
	width:600px;
	padding:10px 0 20px 20px;
	float:left;
}

.kanan_konten{
	width:300px;
	padding:10px 0 20px 20px;
	float:left;
}

.kontene{
	width:800px;
	margin:auto;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px 10px 10px 10px;
}

.login {
	width:280px;
	height:220px;
	border:thin;
	padding:5px 0 10px 10px;
	background-color:#002d5a;
}

#register {
	width:300px;
	//height:220px;
	border:thin;
	padding:5px 0 50px 10px;
	background-color:#002d5a;
	margin: auto;
	//background: url(../images/login.jpg) no-repeat center;
}

#selected a{
	width:81px;
	height:28px;
	display:block;
	padding:0px;
	margin:0 4px 0 4px;
	float:left;
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-size:13px;
	line-height:28px;
	background:url(../images/menu_bt_a.gif) no-repeat center;
}

a {
	text-decoration: none;
}


/* ---- footer ---*/
.footer{
	width:960px;
	margin:auto;
	font-size:10px;
	color:#FFFFFF;
	float:left;
	height:30px;
	//background-color:#002d5a;
}

#textfooter {
	padding: 10px 0 0 20px;
}

/*----- button --- */
.button {
    border: 1px solid #fff;
	background-color:#0066FF;
	font-weight: bold;
	font-size: 9pt;
	color: #ffff66;
	font-family:Arial, Helvetica, sans-serif;
}

.button:hover {
    border: 1px solid #fff;
    background: #000000;
	font-weight: bold;
	font-size: 9pt;
	color: #ffff66;
	font-family:Arial, Helvetica, sans-serif;
}

/* ----- ajax ----- */

#box {
margin-bottom:10px;
width: auto;
padding: 4px;
border: solid 1px #DEDEDE;
background: #0000ff;
display: none;
width:200px;
}

#loading3 {
margin-bottom:2px;
padding: 2px;
}


/* ----- added by LEAP ----- */
div.center_konten div.kiri_konten table td{
	color:#333;
	padding:4px 6px;
}
div.center_konten div.kiri_konten table th{
	color:#FFF;
	padding:4px 6px;
	background: #002D5A;
}
div.center_konten div.kiri_konten strong{
	font-size:12px;
	font-weight: bold;
	color: #DDD;
	font-family: Arial, 'Courier New';
}
form a:hover{
	color:#FFF;
}
