@charset "utf-8";
/* CSS Document */


/* Dasar */

body {
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 12px;
	background : #000000;
	margin : 15px;
	padding : 0;
}

a { text-decoration : underline; color : #000000; }
a:visited { text-decoration : underline; }
a:hover { text-decoration : none; color : #007cc3; }
a:link, { text-decoration : none; }

#area {
	width : 765px;
	margin : auto;
	border : 1px solid #000000;
	background : #FFFFFF;
	padding : 15px 15px 0px 15px;
}

#atas {
	border-bottom : 1px solid #E0E1E1;
	margin-bottom : 15px;
}

#bawah {
	text-align : center;
	padding : 5px;
	font : 11px arial;
	background : #E0E1E1;
	border-top : 1px solid #E0E1E1;
	margin-bottom : 15px;
}

#navigasi {
	padding : 8px 10px 8px 10px;
	font : bold 11px arial;
	border-bottom : 1px solid #E0E1E1;
	background : #E0E1E1;
}

#halaman {
	float : left;
	text-align : justify;
	width : 550px;
	background : #FFFFFF;
}

#sisi {
	float : right;
	width : 200px;
	background : #FFFFFF;
	margin-bottom : 15px;
}

#kanan {
	float : right;
}

#kiri {
	float : left;
}

#bersih {
	clear : both;
}


/* Halaman */

.nama-halaman { 
	text-align : left;
	font : bold 15px arial;
	border-bottom : 2px solid #000000;
	margin-bottom : 15px;
}

.navigasi-halaman { 
	text-align : right;
	font : bold 12px arial;
	margin-top : -15px;
	margin-bottom : 15px;
}

.navigasi-halaman a { text-decoration : none; color : #000000; }
.navigasi-halaman a:visited { text-decoration : none; }
.navigasi-halaman a:hover { text-decoration : none; color : #007cc3; }
.navigasi-halaman a:link, { text-decoration : none; }

/* Sisi */

.nama-kotak {
	text-align : center;
	font : bold 12px georgia;	
	padding : 9.5px;
	border-top : 1px solid #E0E1E1;
	border-left : 1px solid #E0E1E1;
	border-right : 1px solid #E0E1E1;
	background : #E0E1E1;
}

.kotak {
	padding : 15px;
	border : 1px solid #E0E1E1;
}

/* Campur */

.garis {
	border-bottom : 1px solid #E0E1E1;
}

input,textarea,option,select {
	font : 12px arial;
}

.jarak-5 {
	margin-bottom : 5px;
}

.jarak-10 {
	margin-bottom : 10px;
}

.jarak-12 {
	margin-bottom : 12px;
}

.jarak-15 {
	margin-bottom : 15px;
}

.judul { 
	font : bold 14px arial;
}

.judul a { text-decoration : none; color : #000000; }
.judul a:visited { text-decoration : none; }
.judul a:hover { text-decoration : none; color : #007cc3; }
.judul a:link, { text-decoration : none; }

.merah { 
	color : red;
}

.merah a { text-decoration : none; color : red; }
.merah a:visited { text-decoration : none; }
.merah a:hover { text-decoration : underline; color : red; }
.merah a:link, { text-decoration : none; }

.kecil { 
	font : 11px arial;
}

.tabel {
	padding : 5px;
}

.tabel th {
	text-align : center;
	padding : 8px;
	font-weight : bold;
	background : #E0E1E1;
}

.tabel td {
	padding : 5px;
}

.tabel-pulsa {
	padding : 5px;
}

.tabel-pulsa th {
	text-align : center;
	padding : 5px;
	font : bold 11px arial;
	background : #E0E1E1;
}

.tabel-pulsa td {
	padding : 3px;
	font : 11px arial;
}

ul {
	margin-top : 5px;
	margin-left : 15px;
	padding : 0;
}

/* halaman */

.sistem-halaman-tautan{
	background : #f8f8f8;
	border : #000000 1px solid;
	padding : 3px 8px;
	margin-left : 3px;
	margin-right : 3px;
	color : #000000;
}

.sistem-halaman-tautan-aktif{
	background : #bbb7b7;
	border : #000000 1px solid;
	padding : 3px 8px;
	margin-right : 3px;
	margin-left : 3px;
	color : #ffffff;
 }

.sistem-halaman{
	padding-bottom : 5px;
	padding-top : 7px;
	text-align : center;
	font-weight : bold;
	margin-top : 13px;
	margin-bottom : 15px;
}

.sistem-halaman a{
	border : none;
	color : #000000;
}

.sistem-halaman a:hover{
	text-decoration : underline;
}

/* ddacordion */

.technology {
	cursor : hand;
	cursor : pointer;
	font : 15px georgia;
	margin : 10px 0px 0px 0px;
}

.technology a { text-decoration : none; color : #000000; }
.technology a:visited { text-decoration : none; }
.technology a:hover { text-decoration : none; color : #007cc3; }
.technology a:link, { text-decoration : none; }

.openlanguage {
	color : #344194;
}

.closedlanguage {
	color : #484E9C;
}

.thelanguage {
	margin : 1px 1px 0px 17px;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 1em;
}