*
{
	font-family: tahoma;
}

iframe
{
	background: #ffffff;
}

body
{
	background-color:#ffffff;
}

#bingkai
{
	width: 96%;
	height:auto;
	margin: 0 auto;
	padding: 15px;
	background1-color:#DEC085;
	background1-color:#A1E8D9;
	background:transparent url('images/bg/symphony.png') repeat;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 10px #000000;
}

#header
{	
	position:relative;
	height:auto;
	background1-color:#0A4247;
	background-color:#0A4247;
	background1:transparent url('images/bg/bg.png') repeat;
	padding:0px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 5px #000000;
}

#content
{
	position:relative;
	width:100%;
	height:auto;
}

#kiri
{
	width:100%;
	border:0px solid #f00;
}

#kanan
{
	width:100%;
	border:0px solid #00f;
}

#footer
{	
	position:relative;
	height:auto;
	background-color:#0A4247;
	background1:transparent url('images/bg/black-mosaic.png') repeat;
	padding:0px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 5px #000000;
}

#process
{
	position:relative;
	display:none;	
}

table
{
	font-size: 11px;
	font-family: Arial,Tahoma,Georgia, Sans-serif,Arial, Helvetica;
	color:#000000;
}

.table1
{
	font-size: 12px;
	font-family: verdana,Arial,Tahoma,Georgia, Sans-serif,Arial, Helvetica;
	color:#000000;
}

br
{
	line-height:5px;
}

h2
{
	font-size: 22px;
	font-family: Arial,Tahoma,Georgia, Sans-serif,Helvetica;
	font-weight:bold;
	color:#C20000;
	text-align:center;
}

form
{
	margin:0;
	padding:0;
}

b2

bolt1
{
	font-weight:bold;
	font-size: 16px;
	font-family:Arial,Tahoma,Georgia, Sans-serif,Helvetica;
	color:#000000;
}

bolt2
{
	font-weight:bold;
	font-size: 32px;
	font-family:Arial,Tahoma,Georgia, Sans-serif,Helvetica;
	color:#000000;
}

f10{font-size:10px;}
f11{font-size:11px;}
f12{font-size:12px;}
f14{font-size:14px;}
f16{font-size:16px;}
f18{font-size:18px;}
f20{font-size:20px;}
f22{font-size:22px;}
f24{font-size:24px;}
f26{font-size:26px;}
f28{font-size:28px;}
f30{font-size:30px;}
f32{font-size:32px;}

b10{font-size:10px;font-weight:bold;}
b11{font-size:11px;font-weight:bold;}
b12{font-size:12px;font-weight:bold;}
b14{font-size:14px;font-weight:bold;}
b16{font-size:16px;font-weight:bold;}
b18{font-size:18px;font-weight:bold;}
b20{font-size:20px;font-weight:bold;}
b22{font-size:22px;font-weight:bold;}
b24{font-size:24px;font-weight:bold;}
b26{font-size:26px;font-weight:bold;}
b28{font-size:28px;font-weight:bold;}
b30{font-size:30px;font-weight:bold;}
b32{font-size:32px;font-weight:bold;}

c_red{color:#C20000;}
c_green{color:#0B3B0B;}
c_blue1{color:#0000ff;}
c_blue2{color:#5599ff;}
c_dongker{color:#0B3861;}
c_brown{color:#300;}
c_orange{color:#e88300;}
c_yellow{color:#eff300;}
c_putih{color:#ffffff;}
c_hitam{color:#000000;}
c_abu1{color:#eeeeee;}
c_abu2{color:#111111;}

.shadowku-1{text-shadow: 0 0 1px #000000;}
.shadowku-2{text-shadow: 0 0 2px #000000;}
.shadowku-3{text-shadow: 0 0 3px #000000;}
.shadowku-4{text-shadow: 0 0 4px #000000;}
.shadowku-5{text-shadow: 0 0 5px #000000;}

.spasi-1{height:1px;}
.spasi-2{height:2px;}
.spasi-3{height:3px;}
.spasi-4{height:4px;}
.spasi-5{height:5px;}
.spasi-10{height:10px;}
.spasi-20{height:20px;}
.spasi-30{height:30px;}
.spasi-40{height:40px;}
.spasi-50{height:50px;}

.a0
{
	font-size: 11px;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
}

.a0:hover
{
	font-size: 11px;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	color:#e88300;
	text-decoration:none;
}

.a1
{
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0000ff;
	text-decoration:none;
}

.a1:hover
{
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#e88300;
	text-decoration:none;
}

.a11
{
	font-weight:bold;
	font-size: 11px;
	font-family:Arial,Tahoma,Georgia, Sans-serif,Helvetica;
	color:#c20000;
	text-decoration:none;
}

.a11:hover
{
	font-weight:bold;
	font-size: 11px;
	font-family:Arial,Tahoma,Georgia, Sans-serif,Helvetica;
	color:#e88300;
	text-decoration:none;
}

.a12
{
	font-weight:bold;
	font-size: 12px;
	font-family:Arial,Tahoma,Georgia, Sans-serif,Helvetica;
	color:#0000ff;
	text-decoration:none;
}

.a12:hover
{
	font-weight:bold;
	font-size: 12px;
	font-family:Arial,Tahoma,Georgia, Sans-serif,Helvetica;
	color:#e88300;
	text-decoration:none;
}

.a2
{
	font-weight:bold;
	font-size: 16px;
	font-family:Arial,Tahoma,Georgia, Sans-serif,Helvetica;
	color:#C20000;
	text-decoration:none;
}

.a2:hover
{
	font-weight:bold;
	font-size: 16px;
	font-family:Arial,Tahoma,Georgia, Sans-serif,Helvetica;
	color:#e88300;
	text-decoration:none;
}

p
{
	font-size: 12px;
	font-family: Arial,Tahoma,Georgia, Sans-serif,Helvetica;
}

.box1
{
	background: #0B3861;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
}

li#menu1
{
	display:inline;
	border:1px solid #eeeeee;
	background-color:#eeeeee;
	cursor:pointer;
	color:#0B3861;
	padding:5px;
	font-size:14px;
	line-height:40px;
	text-align:center;
}

li#menu1:hover
{
	border:1px solid #e88300;
	background-color:#e88300;
	color:#000000;
	padding:5px;
	text-align:center;
}

li#menu2
{
	display:inline;
	cursor:pointer;
	color:#000000;
	padding:5px;
	text-align:center;
}

li#menu2:hover
{
	color:#ffffff;
	padding:5px;
	text-align:center;
}

#menu1.terpilih1
{
	border:1px solid #5599ff;
	background-color:#5599ff;
	color:#ffffff;
	font-weight:bold;
}

#menu2.terpilih2
{
	color:#000000;
	font-weight:bold;
}

.box_frmku
{
	height:auto;
	margin: 0 auto;
	padding: 10px;
	background-color:#ffffff;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 2px #000000;
}

.box_frmku1
{
	height:auto;
	margin: 0 auto;
	padding: 5px;
}

.box_atas
{
	height:auto;
	margin: 0 auto;
	padding: 5px;
	border-radius: 10px 10px 0px 0px;
	text-align:center;
}

.box_tengah
{
	height:auto;
	margin: 0 auto;
	padding: 5px;
}

.box_bawah
{
	padding: 0px;
}

.gbrbg1{background:#ffffff url(images/bg.jpg) no-repeat 2px 2px;}

.gbr0{cursor:pointer;border:0px dotted #cccccc;padding:1px;}
.gbr0:hover{background:#e88300;cursor:pointer;border:0px dotted #cccccc;padding:1px;}

.gbr1{cursor:pointer;border:1px dotted #cccccc;padding:1px;}
.gbr1:hover{background:#e88300;cursor:pointer;border:1px dotted #cccccc;padding:1px;}

.gbr2{cursor:pointer;border:2px dotted #cccccc;padding:1px;}

.gbrslider{border:1px dotted #cccccc;padding:2px;}
.gbricon1{background:#0B3861;border:1px dotted #0B3861;padding:0px;}

div.box_small{cursor:pointer;border:1px dotted #cccccc;padding:2px;}
div.box_small:hover{background:#AEB404;border:1px dotted #eeeeee;padding:2px;opacity:1;}

div.box_product{background:#eeeeee;cursor:pointer;border:1px dotted #eeeeee;padding:2px;}
div.box_product:hover{background:#ccccff;border:1px dotted #eeeeee;padding:2px;}

td.box_menu{width:170px;height:25px;background:#eeeeee;cursor:pointer;border:1px solid #cccccc;padding:2px;}
td.box_menu:hover{width:170px;height:25px;background:#ccccff;border:1px solid #cccccc;padding:2px;}

td.box_menu0{width:170px;height:25px;background:#cccccc;border:1px solid #cccccc;padding:2px;}
td.box_menu1{width:170px;height:25px;cursor:pointer;border:1px solid #cccccc;padding:2px;background:#cccccc;}
td.box_menu1:hover{width:170px;height:25px;border:1px solid #cccccc;padding:2px;font-weight:bold;}
td.box_menu2{width:170px;height:25px;border:0px solid #cccccc;padding:2px;}

.datanya{border:0px;border-bottom:1px dotted #cccccc;}
tr.mydatasort0{border-bottom:1px dotted #cccccc;}
tr.mydatasort{border-bottom:1px dotted #cccccc;}
tr.mydatasort:hover{ background: #CCFF66; color: #0768B3; cursor: pointer; }

/* Untuk image Tombol */

.tombol_surat{border:1px solid #dddddd;cursor:pointer;padding:5px;background:#eeddff url(images/icon/g_1001.png) no-repeat 5px 5px;padding-left:25px;border-radius: 5px 5px 5px 5px;font-size:11px;}
.tombol_surat:hover{border:1px solid #dddddd;padding:5px;background:#e88300 url(images/icon/g_1001.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}


.tombol_login{border:1px solid #dddddd;cursor:pointer;padding:5px;background:#eeddff url(images/icon/login.png) no-repeat 5px 5px;padding-left:25px;border-radius: 5px 5px 5px 5px;font-size:11px;}
.tombol_login:hover{border:1px solid #dddddd;padding:5px;background:#e88300 url(images/icon/login.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}

.tombol_upload{border:1px solid #dddddd;cursor:pointer;padding:5px;background:#eeddff url(images/icon/upload.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}
.tombol_upload:hover{border:1px solid #dddddd;padding:5px;background:#e88300 url(images/icon/upload.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}

.tombol_save{border:1px solid #dddddd;cursor:pointer;padding:5px;background:#eeddff url(images/icon/save.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}
.tombol_save:hover{border:1px solid #dddddd;padding:5px;background:#e88300 url(images/icon/save.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}

.tombol_close{border:1px solid #dddddd;cursor:pointer;padding:5px;background:#eeddff url(images/icon/close.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}
.tombol_close:hover{border:1px solid #dddddd;padding:5px;background:#e88300 url(images/icon/close.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}

.tombol_delete{border:1px solid #dddddd;cursor:pointer;padding:5px;background:#eeddff url(images/icon/delete.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}
.tombol_delete:hover{border:1px solid #dddddd;padding:5px;background:#e88300 url(images/icon/delete.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}

.tombol_cari{border:1px solid #dddddd;cursor:pointer;padding:5px;background:#eeddff url(images/icon/search.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}
.tombol_cari:hover{border:1px solid #dddddd;padding:5px;background:#e88300 url(images/icon/search.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}

.tombol_html{border:1px solid #dddddd;cursor:pointer;padding:5px;background:#eeddff url(images/icon/html.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}
.tombol_html:hover{border:1px solid #dddddd;padding:5px;background:#e88300 url(images/icon/html.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}

.tombol_web{border:1px solid #dddddd;cursor:pointer;padding:5px;background:#eeddff url(images/icon/web.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}
.tombol_web:hover{border:1px solid #dddddd;padding:5px;background:#e88300 url(images/icon/web.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}

.tombol_readmore{border:1px solid #dddddd;cursor:pointer;padding:5px;background:#eeddff url(images/icon/g_1016.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}
.tombol_readmore:hover{border:1px solid #dddddd;padding:5px;background:#e88300 url(images/icon/g_1016.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}

.tombol_export2_pdf{border:1px solid #dddddd;cursor:pointer;padding:5px;background:#eeddff url(images/icon/pdf.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}
.tombol_export2_pdf:hover{border:1px solid #dddddd;padding:5px;background:#e88300 url(images/icon/pdf.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}

.tombol_print{border:1px solid #dddddd;cursor:pointer;padding:5px;background:#eeddff url(images/icon/printer.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}
.tombol_print:hover{border:1px solid #dddddd;padding:5px;background:#e88300 url(images/icon/printer.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}

.tombol_kolektif{border:1px solid #dddddd;cursor:pointer;padding:5px;background:#eeddff url(images/icon/g_1012.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}
.tombol_kolektif:hover{border:1px solid #dddddd;padding:5px;background:#e88300 url(images/icon/g_1012.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}

.tombol_cek{border:1px solid #dddddd;cursor:pointer;padding:5px;background:#eeddff url(images/icon/g_1014.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}
.tombol_cek:hover{border:1px solid #dddddd;padding:5px;background:#e88300 url(images/icon/g_1014.png) no-repeat 5px 5px;padding-left:25px;font-size:11px;}



/* ====================================================== */
/* Untuk Tampilan Navigasi */
#navpage
{
	font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 3px;
}

#navpage a
{
	padding:2px 5px 2px 5px;
	margin:2px;
	background:#eff300;
	border:1px solid #dddddd;
	text-decoration:none;
	color: #111111;
}

#navpage a:hover, .navpage a:active
{
	border: 1px solid #999;
	color: #5599ff;
}

#current1
{
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #dddddd;
	text-decoration:none;
	color: #FFF;
	background-color: #e88300;
	font-weight: bold;
}
/* ====================================================== */
/* ====================================================== */
#tombol_nav
{
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #999;
	text-decoration:none;
	background-color: transparent;
}

#tombol_nav.active
{
	background:#eeeeee;
	color: #000;
	cursor:pointer;
}

#tombol_nav.active:hover
{
	background:#5599ff;
}

#tombol_nav.noactive
{
	border:0px solid #dddddd;
	color: transparent;
}


/* ====================================================== */
/* CSS for form upload  */
/* ====================================================== */


.file-upload-container
{
	width:200px;
	border: 1px solid #efefef;
	padding:5px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	background: #fbfbfa;
}

.file-upload-override-button
{
	text-align:center;
	width:100px;
	padding:10px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-color:#79bbff;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}

.file-upload-override-button:hover
{
	background-color:#378de5;
}

.file-upload-override-button:active
{
	position:relative; top:1px;
}

.file-upload-button
{
	position: absolute;
	height: 50px;
	top: -10px;
	left: -10px;
	cursor: pointer;
	opacity: 0;
	filter:alpha(opacity=0);
}

.file-upload-filename
{
	margin-left: 10px;
	height: auto;
	padding: 8px;
}