/* ------ buKitJS.js v0.7.1 Beta (Dilarang Untuk Mengubah dan Menghapus Bagian Header ini) ------*
@ Pencipta/Founder	: Ardiansyah Putra Bukit 
@ Lisensi			: buKitJS License dan BSD 3-Clause License
@ Dibangun pertama 
  kali  pada 		: 27/08/2015 di Pancur Batu, Deli Serdang, Medan, Sumatera Utara, Republik Indonesia
@ Dibuat berdasarkan: Kebutuhan Pribadi
@ Pesan				: Jagalah header ini sebagai wujud kerjasama dan penghargaan kamu terhadap Pencipta Awal buKitJS Library/Framework
@ Mari Cintai dan Hargailah Karya Anak Bangsa {^_^;
@ http://www.ayasnotes.com/cara-mendaftarkan-hak-cipta.html
@ http://www.candra.web.id/2014/02/25/penjelasan-lisensi-open-source/
@ document.activeElement.tagName;
/* ---------------------------------------------------------------------------------------------------- */

@charset "UTF-8";
*{margin:0;padding:0;float:none;}
html,body{height:100%;width:100%;}
.gambar{border-radius:5px;}
.none{display:none;}
input[type='file']{cursor:pointer;}
pre{width:90%;word-wrap:break-word!important;}
div,table{border-radius:2px;}
fieldset, img, div, table,textarea{border:none;}
input[type="text"],input[type="password"],textarea{
box-shadow:inset 0 1px 1px rgba(77,237,57,0.075);transition:border 0.2s linear 0s,box-shadow 0.2s linear 0s;cursor:auto!important;
}

input[type="text"],input[type="password"]{
overflow:visible;padding:5px 10px;color:#474747;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:14px;border-radius:4px;border:1px solid #6D77F3;
}
input[type="text"]:focus,input[type="password"]:focus{
border:1px solid #00FF00;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 12px #00FF00;
}

textarea{
resize:none;overflow:visible;padding:5px 10px;color:#474747;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:14px;border-radius:4px;border:1px solid #6D77F3;
}
textarea:focus{
overflow:visible;border:1px solid #00FF00;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 12px #00FF00;
}

.ta-luas{width:417px!important;height:117px;}
.ta{float:left;width:37px!important;color:#474747;}
.ta2{border:1px solid #6D77F3!important;}
.ta2:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 12px #FFFFFE!important;}

.latar{position:fixed;top:0;left:0;width:100%;height:100%;border:none;border-radius:0;opacity:0.92;z-index:-7;}
.head{position:relative;left:0;width:100%;min-width:600px;}
.head-kop{position:relative;float:left;padding:7px 0 17px 0;font-size:14px;border:0!important;border-bottom:1px solid #F7F7F7!important;border-radius:0!important;width:100%;}
.head-ikon{position:absolute;float:left;left:0;top:0px;margin:2px;}
.head-hias1{position:relative;float:left;left:10px;margin:4px 0 0 0;}
.head-hias2{position:relative;float:left;margin:4px 0 0 20px;}
.head-hias3{position:relative;float:left;min-width:77px;word-wrap:break-word;margin:4px 0 0 20px;}
.head-hias4{position:relative;float:right;margin:2px 7px 0 0;}
.head-hias5{position:relative;float:right;right:2px;margin:4px 10px 0 17px;}
.head-hias6{position:absolute;float:left;right:10px;clear:both;margin:4px 0 0 0;}
.head-gambar,.atas,.atas2{position:relative;float:left;left:0;top:0px;}
.head-kop2{position:relative;float:left;clear:both;width:100%;min-width:200px;box-shadow:2px -2px 7px 2px #222222;border:0!important;border-radius:0!important;border-top:1px solid #F7F7F7!important;}

.head-kop3{position:relative;float:left;clear:both;width:100%;min-width:600px;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;}
.bg1{position:fixed;float:left;top:0;left:0;clear:both;width:100%;height:72px;min-width:200px;border:0!important;border-radius:0!important;}
.bg2{position:fixed;float:left; bottom:0;left:0;clear:both;width:100%;height:72px;min-width:200px;border:0!important;border-radius:0!important;}

.head-menu{position:relative;float:left;padding:7px 37px;border:none!important;border-radius:0!important;}
.head-menu-gambar{position:absolute;float:left;left:0;top:0px;margin:2px 0 0 2px;}
.head-cari{position:relative;float:left;margin:4px 0 0 10px;width:317px;}
.head-input-teks{width:177px!important;padding:4px 17px!important;margin-left:1%;}
.head-input-tmbl{padding:4px 17px!important;margin-top:-1px!important;float:right!important;}

.head-menu2{position:relative;float:left;padding:8px 7px;border:none!important;border-radius:0!important;}

.foot{position:relative;float:left;bottom:0!important;clear:both;width:100%;min-width:600px;padding:10px 0;background:linear-gradient(to bottom, #FFFFFC,#CCCCCC);border-radius:0;border:0;}
.foot-hias1{position:relative;float:left;left:1%;width:auto;font-size:12px;margin:17px 27px;}
.foot-hias2{position:relative;float:right;right:17px;width:auto;margin:17px 27px;font-size:12px;}
.ikon:before{font-family:Webdings, Arial, Wingdings;content:"?";}
.layar-utama{position:relative;float:left;width:100%;min-width:600px;border:0px solid #E7E7E7;border-left:0!important;border-right:0!important;border-radius:0!important;}
.layar1,.layar1_5,.layar2,.layar2_5,.layar3,.layar4,.layar4_5,.layar5,.layar5_5,.layar6,.layar6_5,.layar7,.layar7_5,.layar8,.layar9,.layar9_5,.layar9_7,.layar10{position:relative;float:left;clear:none;padding-bottom:1.7%;margin:0.4%;word-wrap:break-word!important;}
.layar1{width:10%;min-width:100px;}
.layar1_5{width:15%;min-width:100px;}
.layar2{width:19%;min-width:227px;}
.layar2_5{width:23%;min-width:227px;}
.layar3{width:28%;min-width:227px;}
.layar3_5{width:33%;min-width:227px;}
.layar4{width:38%;min-width:227px;}
.layar4_5{width:43%;min-width:227px;}
.layar5{width:48%;min-width:227px;}
.layar5_5{width:54%;min-width:227px;}
.layar6{width:58%;min-width:227px;}
.layar6_5{width:63%;min-width:227px;}
.layar7{width:68%;min-width:227px;}
.layar7_5{width:73%;min-width:227px;}
.layar8{width:78%;min-width:227px;}
.layar8_5{width:83%;min-width:227px;}
.layar9{width:88%;min-width:227px;}
.layar9_5{width:93%;min-width:227px;}
.layar9_7{width:97%;min-width:227px;}
.layar10{width:99.7%;min-width:227px;}

.tinggi1{height:167px;}

.buku{position:relative;float:left;clear:both;width:90%;padding:2.7%;margin:1.7% 1% 1% 1.7%;border:0;border-radius:7px;cursor:auto;}
.buku2{position:relative;float:left;clear:both;width:90%;padding:1% 2%;margin:0.7% 0.7% 0 0.7%;border:0;border-radius:0;cursor:auto;}
.judul{position:relative;float:left;clear:none;font-size:17px;font-weight:bold;width:99%;word-wrap:break-word;}
.parag{position:relative;float:left;clear:both;width:99%;margin:3px 0 7px 0;word-wrap:break-word;}
.parag2{position:relative;float:left;clear:both;width:97%;padding:0.5% 1.7%;word-wrap:break-word;}
.parag3{position:relative;float:left;clear:both;width:97%;padding:0.5% 1%;word-wrap:break-word;}

.parag>div{float:left;}
ul{list-style:outside;}
li{margin-top:2px;}
.ul1{margin-right:7px;}
.ul2{margin-right:27px;}

.pre{position:relative;float:left;clear:both;width:99.7%;margin:0 0 7px 0;overflow:auto;word-wrap:break-word;}
.buku>.tanda-tangan{position:relative;clear:both;margin:17px 0;float:right;right:0;}

.ff1{font-family:Arial, Helvetica, sans-serif!important;}
.ff2{font-family:"Times New Roman", Times, serif;}

.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs32{font-size:32px;}
.fs34{font-size:34px;}
.fs36{font-size:36px;}

.bold0{font-weight:normal;}
.bold1{font-weight:bold;}


@media screen and (max-width:1174px){
.bg1,.bg2{height:77px;}
.layar6{width:52%;}
.kecilkan9{width:90%!important;}
.kecilkan8{width:80%!important;}
.kecilkan7{width:70%!important;}
.kecilkan6{width:60%!important;}
.kecilkan5{width:50%!important;}
.kecilkan4{width:40%!important;}
.kecilkan3{width:30%!important;}
.kecilkan2{width:20%!important;}
.kecilkan1{width:10%!important;}
}

@media screen and (max-width:1020px){
.bg1,.bg2{height:57px;}
.l13, .l14, .l15, .l17, .l20{left:0.7%!important;}
.layar1_5,.layar2,.layar2_5,.layar3,.layar5_5,.layar6,.layar6_5{width:98.5%;}
.head,.head-kop,.head-kop2,.head-kop3,.foot{width:100%;min-width:277px;}
.head-kop2>.head-hias5{display:none!important;}
.jarak9{margin:0.7%!important;padding:0.7%!important;}
.tinggi1{height:auto!important;}
}

@media screen and (max-width:902px){
.bg1,.bg2{height:35px;}
.l13, .l14, .l15, .l17, .l20{left:0.7%!important;}
.layar-utama{min-width:277px;}
.head-kop2,.head-kop3,.foot{width:100%;min-width:277px;}
.layar1,layar1_5,.layar2,.layar2_5,.layar3,.layar4,.layar5,.layar6,.layar7,.layar7_5,.layar8,.layar9,.layar10{width:98.5%;min-width:200px;}
.layar4_5{width:98%;min-width:200px;}
.head-menu{clear:both;width:88%!important;}
.head-cari{margin:1%;width:98%!important;}
.ta-luas{width:217px!important;}
.head-input-teks,.tx,.tx2,.tx3,.tx4,.tx5,input[type="text"],input[type="password"],.txa{float:left!important;clear:both!important;width:92%!important;margin:0.5%!important;padding:10px 17px!important;}
.head-input-tmbl{float:left!important;clear:both!important;width:23%!important;margin:0.5%!important;padding:10px 27px!important}
.jarak8_1{margin:inherit!important;padding:inherit!important;}
}

@media screen and (max-width:590px){
.bg1,.bg2{height:37px;}
.fontskala{font-size:12px!important;}
.fontskala2{font-size:14px!important;}
.fontskala3{font-size:16px!important;}
.fontskala4{font-size:18px!important;}
.fontskala5{font-size:20px!important;}
.atas{display:none;}
.titbox,.isibox{padding-left:5%!important;width:95%!important;}
}


@media screen and (max-width:480px){
.bg1,.bg2{height:37px;}
.kecilkan9,.kecilkan8,.kecilkan7,.kecilkan6,.kecilkan6,.kecilkan4,.kecilkan3,.kecilkan2,.kecilkan1{width:99%!important;}
}

.pintas{position:relative;float:left;clear:both;width:47%;min-width:227px;margin:1%;height:377px;}
.pintas-ket{position:relative;float:left;width:53%;margin:4px 0 0 10px;color:#555555;font-size:16px;word-wrap:break-word;}
.pintas-isi{position:relative;float:left;clear:right;margin:0 7px 2px 0;padding:10px 17px;font-size:17px;color:#990000;width:99%;border-radius:5px;}

.kartu{position:relative;float:left;clear:both;word-wrap:break-word;width:95%;margin:7px 0 0 0;padding:2% 2.7%;color:#575757;font-size:16px;font-family:"Times New Roman", Times, serif;border:1px solid #E7E7E7;border-radius:3px;}
.kartu>.judul{word-wrap:break-word;width:99%;font-size:17px;}
.kartu>.parag{position:relative;float:left;clear:both;width:99%;word-wrap:break-word;font-size:16px;}
.kartu-footer{clear:both;font-size:14px;margin:2px 0 0 0;}

.ket{position:relative;float:left;clear:both;margin:1px 0;padding:1.7% 2.7%;width:95%;word-wrap:break-word;background-color:#EFFFFF;border:1px solid #F7F7F7;}

.inihal1,.inihal2,.inihal3{float:left;padding:3px;font-size:14px;font-family:"Times New Roman", Times, serif;cursor:pointer; color:#0066FF; margin:0 0 0 7px;}
.inihal1{background:#000000;text-decoration:underline;color:#FFFF77;}
.inihal2:hover{background:#666666;color:#FFFFFF;}
.inihal3{color:#FF0000;font-size:16px;}
.inihal3:hover{background:#00CC00;color:#FFFFFF;}

.halaman{position:relative;float:left;clear:both;margin:7px 0 0 0;width:auto;}
.halaman>span{float:left;font-size:16px;}
.halaman-teks1{float:left;margin:7px 0 0 15px;font-size:14px!important;color:#777777;}
.halaman-teks2{float:left;color:#575757;}
.halaman-teks3{text-align:center;clear:both;}
.clompat{margin:0 0 0 7px!important;padding:4px 7px!important;border-radius:3px;}


.warna1{color:#990000;}
.warna2{color:#EE0000;}
.warna3{color:#00CC00;}
.warna4{color:#777777;}
.warna5{color:#FF3300;}
.warna6{color:#575757;}
.warna7{color:#FFFFFF;}
.warna8{color:#474747;}
.warna9{color:#0077FF;}

.label-utama{position:relative;float:left;clear:both;margin:1px 0;padding:1.7% 2.7%;width:95%;min-width:217px;color:#575757;font-size:20px;font-family:Arial, Helvetica, sans-serif;text-shadow: 0 1px 1px rgba(237, 237, 237, 0.75);}
.label,.label2,.label4{position:relative;float:left;clear:none;vertical-align:middle;width:auto;word-wrap:break-word;}
.label{padding:2px 7px;margin:1px;width:177px;}
.label2{padding:0;margin:0 8px;}
.label3{padding:3px 17px;margin:1px;width:57%;word-wrap:break-word;}
.label4{margin:1px;}
.label5{padding:2px 7px;margin:1px;width:157px;}

.hilang{display:none!important;}
.lihat{display:inline-block;display:block;}
.kolom{position:relative;float:left;clear:none;width:95%;word-wrap:break-word;padding:10px 17px;margin:1px;color:#575757;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.tinggi{height:377px;overflow:auto!important;}

.bingkai0{border:0!important;}
.bingkai1{border:1px solid #E7E7E7!important;}
.bingkail{border-left:1px solid #E7E7E7!important;}
.bingkair{border-right:1px solid #E7E7E7!important;}
.bingkait{border-top:1px solid #E7E7E7!important;}
.bingkaib{border-bottom:1px solid #E7E7E7!important;}

.clear{clear:both!important;}
.clear0{clear:none!important;}
.floatr{position:relative;float:right!important;}
.floatl{position:relative;float:left!important;}
.alignr{text-align:right!important;}
.alignl{text-align:left!important;}
.alignc{text-align:center!important;}
.alignj{text-align:justify!important;}

.scroll{overflow:auto;}
.jarak0{margin:0;padding-bottom:2.7%;}
.jarak1{margin:2.7% 0;padding-bottom:2.7%;}
.jarak2{margin-left:17px;}
.jarak3{margin-left:27px;}
.jarak4{margin-left:37px;}
.jarak5{margin:0.7% 0;padding-bottom:1.7%;}
.jarak6{padding:0;margin:0;}
.jarak7{margin:0;padding-bottom:1.7%;}
.jarak8{margin:0.7%;padding:0.7%;}
.jarak9{margin:1%;padding:1%;}
.jarak10{margin:0.3%;padding:0.3%;}
.jarak11{margin:0 1%;}
.jarak12{padding:0.2% 0;margin:0.7% 0;}
.jarak13{padding:0.5% 0.2%;margin:0 0.5%;}
.bawah0{margin-bottom:0!important;padding-bottom:0!important;}
.l13{left:13%;}
.l14{left:14%;}
.l15{left:15%;}
.l17{left:17%;}
.l20{left:20%;}

.letspas0{letter-spacing:0;}
.letspas1{letter-spacing:1px;}
.letspas2{letter-spacing:2px;}
.bayang{border:0px solid #CCCCCC;box-shadow:2px 2px 10px 7px #777777;border-radius:3px;}
.bayang0{border:0px solid #CCCCCC;box-shadow:none;border-radius:3px;}

.none{display:none;}
.file{position:absolute;float:left;top:0;left:0;width:100%;height:100%;font-size:177px;opacity:0;-ms-filter:'alpha(opacity=0)';cursor:pointer;}
.dvfile{position:relative;float:left;height:27px;width:77px;word-wrap:break-word;background-color:#C7C7C7;padding:7px 17px;}
.tombol-besar{padding:8px 37px!important;font-size:18px;}
input[type="submit"],input[type="button"],input[type="reset"],button,.tombol{
position:relative;float:left;width:auto;padding:5px 10px;margin:1px;color:#575757;vertical-align:middle;cursor:pointer;background-color:#EFFFFF;background:linear-gradient(to bottom, #FFFFFC,#EFFFFF);border:1px solid #E7E7E7;text-shadow: 0 1px 1px rgba(237, 237, 237, 0.75);border-radius:3px;
}
input[type="submit"]:active,input[type="button"]:active,input[type="reset"]:active,button:active,.tombol:active{position:relative;top:1px;}
input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover,button:hover,.tombol:hover{background:linear-gradient(to bottom, #F3F3F3,#FFFFFC);background-color:#F9F7F9;color:#171717;}

.kursor{cursor:pointer;}
.radius0{border-radius:0;}
.radius5{border-radius:5px;}

.tmb0{background-color:#FFFFFF;}
.tmbl,.tmb{color:#FFFFFF!important;background-color:#666666!important;background:linear-gradient(to bottom, #999999,#555555)!important;text-shadow: 0 1px 1px rgba(155, 155, 155, 0.57)!important;border:1px solid #C7C7C7;cursor:pointer;}
.tmbl:hover{background-color:#777777!important;background:linear-gradient(to bottom, #444444,#777777)!important;}

.tmbl2,.tmb2,.tmbl2_1{color:#FFFFFF!important;text-shadow:0 1px 1px rgba(177, 177, 177, 0.37)!important;background-color:#373737!important;background:linear-gradient(to bottom, #272727,#171717)!important;border:double 1px #FFFFFF;}
.tmbl2:hover{background-color:#272727!important;background:linear-gradient(to bottom, #272727, #575757)!important;}
.tmbl2_1:hover{background-color:#FFF700!important;background:linear-gradient(to bottom, #FFCC00,#FFFF66)!important;color:#BC0000!important;}
.tmbl2_2:hover{background-color:#FFF700!important;background:linear-gradient(to bottom, #FFFF77,#FFFFAA)!important;color:#171717!important;}

.tmbl3,.tmb3{color:#575757!important;text-shadow:0 1px 1px rgba(177, 177, 177, 0.37)!important;background-color:#EFFFFF!important;background:linear-gradient(to bottom, #FFFFFC,#EFFFFF)!important;border:solid 1px #EEEEEE;}
.tmbl3:hover{background-color:#EFEFFF!important;background:linear-gradient(to bottom, #EFEFFF,#FFFFFC)!important;color:#171717!important;}

.tmbl4,.tmb4{color:#575757!important;text-shadow:0 1px 1px rgba(177, 177, 177, 0.37)!important;background:#FFFFE7!important;background:linear-gradient(to bottom,#FFFFE7,#FFE7CC)!important;border:solid 1px #FFBE7D;}
.tmbl4:hover,.tmb4_1{background-color:#FFE7CC!important;background:linear-gradient(to bottom, #FFE7CC,#FFFFE7)!important;transition:border 0.2s linear 0s,box-shadow 0.2s linear 0s!important;}

.tmbl5,.tmb5{color:#EFFFFE!important;text-shadow:0 1px 1px rgba(177, 177, 177, 0.37)!important;background-color:#990000!important;background:linear-gradient(to bottom,#FF0000,#990000)!important;border:solid 1px #FFFFFF;}
.tmbl5:hover{background-color:#FF0000!important;background:linear-gradient(to bottom, #990000, #FF0000)!important;color:#E7E7E7!important;}

.tmbl6,.tmb6,.tmbl6_1,.tmbl6_2{color:#FFFFFF!important;text-shadow:0 1px 1px rgba(177, 177, 177, 0.37)!important;border:solid 1px #FFFF00;background-color:#AA0000!important;background:linear-gradient(to bottom, #AA0000, #FF0000)!important;}
.tmbl6:hover{color:#FFFF00!important;background-color:#AA0000!important;background:linear-gradient(to bottom,#AA0000,#FF0000)!important;}
.tmbl6_1:hover{background-color:#FFF700!important;background:linear-gradient(to bottom, #FFCC00,#FFFF66)!important;color:#BC0000!important;}
.tmbl6_2:hover{background-color:#FF0000!important;background:linear-gradient(to bottom,#FF0000, #AA0000)!important;}

.tmbl7,.tmb7{color:#575757!important;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.57)!important;background-color:#FFFF66!important;background:linear-gradient(to bottom, #FFFF66,#FFCC00)!important;border:double #775577;}
.tmbl7:hover{background-color:#FFF700!important;background:linear-gradient(to bottom, #FFCC00,#FFFF66)!important;}

.tmbl8,.tmb8{color:#FFFFFF!important;text-shadow: 0 1px 1px rgba(57, 57, 57, 0.57)!important;background-color:#003388!important;background:linear-gradient(to bottom,#0099FF,#003388)!important;border:1px solid #F7F7F7;}
.tmbl8:hover{background-color:#0066FF!important;background:linear-gradient(to bottom,#003388,#0099FF)!important;}

.tmbl9,.tmb9{color:#575757!important;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.57)!important;background-color:#FFFFE7!important;background:linear-gradient(to bottom, #FFFFE7,#FFFFF7)!important;border:1px solid #C7C7C7;}
.tmbl9:hover,.tmb9_1{background-color:#F9F7F9!important;background:linear-gradient(to bottom, #F3F3F3,#FFFFFC)!important;}

.tmbl10,.tmb10{color:#FFFFFF!important;background-color:#00FE00!important;background:linear-gradient(to bottom, #00FF00,#00CC00)!important;border:1px solid #00FF00;text-shadow: 2px 1px 1px rgba(117, 177, 177, 0.57)!important;}
.tmbl10:hover{background-color:#00EF00!important;background:linear-gradient(to bottom,#00CC00,#00FF00)!important;}
.tmb10_1{background:#FAFFF4;}

.tmbl11,.tmb11{color:#FFFFFF!important;background-color:#FF7600!important;background:linear-gradient(to bottom,#FF7600,#FF3700)!important;text-shadow: 0 1px 1px rgba(255, 77, 177, 0.77)!important;border:1px solid #EFFFFE;}
.tmbl11:hover{background-color:#FF3700!important;background:linear-gradient(to bottom,#FF3700,#FF7600)!important;}

.tmbl12,.tmb12{color:#575757!important;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.57)!important;background:#FFFF66!important;border:double #775577!important;border-radius:3px!important;}
.tmbl12:hover{background:#FFFA00!important;}

.tmbl13,.tmb13{color:#575757!important;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.57)!important;background-color:#E7E7E7!important;background:linear-gradient(to bottom, #FFFFFC,#CCCCCC)!important;}
.tmbl13:hover{background-color:#E7E7E7!important;background:linear-gradient(to bottom,#CCCCCC,#FFFFFC)!important;}

.tmbl14,.tmb14{color:#575757!important;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.57)!important;background-color:#FFFFE7!important;background:linear-gradient(to bottom, #FFFFFC,#FFFFE7)!important;border:1px solid #E7E7E7;}
.tmbl14:hover{background-color:#E7E7E7!important;background:linear-gradient(to bottom,#FFFFE7,#FFFFE7)!important;}

.tmbl15,.tmb15{color:#575757;background:#FDFDFD;}
.tmbl15:hover{color:#FFFFFF;font-weight:bold;background:linear-gradient(to bottom, #00FF00,#00CC00);background-color:#00FE00;cursor:pointer;}

#proses{position:fixed;width:52%;left:23%;top:30%;z-index:77777777!important;display:none;}
#bgproses{position:fixed; right:0%; top:0%; width:100%; height:100%; padding:0; margin:0; z-index:77777777!important; display:none;}
#ctutup{position:fixed; top:0;right:0; cursor:pointer;z-index:77777777!important; display:none;}
#animasi{position:relative; left:45%; top:30%; height:55px; width:55px;}
.imgproses{width:100%;height:100%;overflow:hidden;}

#proses2{position:absolute;height:700px; overflow:auto;margin:0;padding:0;left:0;top:0;float:left;z-index:7777777!important;display:none;}
#bgproses2{position:fixed; right:0%; top:0%; width:100%; height:100%; padding:0; margin:0; z-index:7777777!important; display:none;}
#ctutup2,#ctutup3{position:fixed; top:0;right:0; cursor:pointer;z-index:77777777!important; display:none;}
#animasi2{position:relative; left:45%; top:30%; height:55px; width:55px;}
.imgproses2{width:100%;height:100%;overflow:hidden;}

.layar-box{position:relative;float:left;width:100%;padding:0px 0px 17px 0px;height:12%;;border:0;border-radius:5px;}
.titbox{position:relative;float:left;width:98%;padding:1% 0 1% 2%;top:0px;left:0px;margin:0;border:0;color:#FFFFFF;}
.isibox{position:relative;float:left;width:99%;margin:2.5% 0 2% 0;clear:both;font-size:16px;color:#333333;text-align:center;}

.txa{resize:none; overflow:visible; padding:7px; border:1px solid #6D77F3;width:257px; border-radius:5px;}
.txa:focus{resize:none; overflow:visible; border:1px solid #0099FF; box-shadow: 0 0 12px #0099FF;}
.txa2{background:none;color:#555555;resize:none; overflow:visible; padding:7px; border:0 solid #CCCCCC;width:257px; border-radius:5px;cursor:pointer;}
.txa2:focus{background:#FFFFFF;resize:none; overflow:visible; border:0 solid #0099FF; box-shadow: 0 0 12px #0099FF;cursor:auto;}
.txa3{resize:none; overflow:visible; padding:7px; border:1px solid #CCCCCC;width:257px; border-radius:5px;}
.txa3:focus{resize:none; overflow:visible; border:1px solid #FFFF00; box-shadow: 1px 1px 17px 0 #FFFF00;}

.tx{padding:2px 5px 2px 5px;margin:1px;border:1px solid #CCCCCC!important;border-radius:3px;width:100px;}
.tx2{padding:5px 10px 5px 10px;margin:1px;border:1px solid #6D77F3!important;border-radius:3px;width:217px;}
.tx3{background:none;color:#555555!important;padding:5px 9px 5px 9px;margin:1px;border:0 solid #CCCCCC;border-radius:3px;width:217px;cursor:pointer;}
.tx3:focus{background:#FFFFFF;border:1px solid #0099FF;}
.tx4{text-align:right;padding:5px 10px 5px 10px;margin:1px;border:1px solid #6D77F3!important;border-radius:3px;width:57px;}
.tx5{width:97%;}
.tcari{padding:3px 9px 3px 9px;border:1px solid #CCCCCC;border-radius:3px;width:177px;}
.tcari:focus{border:1px solid #0099FF;box-shadow: 0 0 12px #0099FF;}

.ketdft{position:relative;float:left;display:none;}
.ketdft2{position:relative;float:left;clear:both;border:1px solid #FFCC66;background:#FFFF00;padding:5px 7px;margin:2px 0 0 7px;font-size:12px;width:92%;border-radius:3px;}
.ketdft3{position:relative;background:#99FF66;float:left;clear:both;padding:3px 7px 3px 10px;margin:2px 0 0 7px;font-size:14px;width:92%;border-radius:3px;}
.ketdft4{position:relative;float:left;clear:both;border:1px solid #FFCC66;background:#FFFF00;padding:0.5% 0.7%;margin:2px 0 0 7px;width:92%;border-radius:3px;}
.ketdft5{position:relative;background:#99FF66;float:left;clear:both;padding:0.3% 0.7% 0.3% 1%;margin:2px 0 0 7px;width:92%;border-radius:3px;}

img{cursor:pointer;}

a.link0:link{color:#000000;text-decoration:none;}
a.link0:visited{color:#000000;text-decoration:none;}
a.link0:hover{color:#000000;text-decoration:none;}
a.link0:active{color:#000000;text-decoration:none;}

a.link1:link{color:#FF0000;text-decoration:none;}
a.link1:visited{text-decoration:none;}
a.link1:hover{text-decoration:none;}
a.link1:active{text-decoration:none;}

a.link2:link{color:#FF0000;text-decoration:none;}
a.link2:visited{color:#FF0000;text-decoration:none;}
a.link2:hover{color:#0033FF;text-decoration:underline;}
a.link2:active{text-decoration:none;}

a.link3:link{color:#FFFFFF;text-decoration:none;}
a.link3:visited{color:#FFFFFF;text-decoration:none;}
a.link3:hover{color:#FFFF00;text-decoration:none;}
a.link3:active{text-decoration:none;}

a.link4:link{color:#990099;text-decoration:none;}
a.link4:visited{color:#990099;text-decoration:none;}
a.link4:hover{color:#990033;text-decoration:none;}
a.link4:active{text-decoration:none;}

a.link5:link{color:#999999;text-decoration:none;}
a.link5:visited{color:#999999;text-decoration:none;}
a.link5:hover{color:#666666;text-decoration:none;}
a.link5:active{text-decoration:none;}

a.link6:link{color:#990099;text-decoration:none;}
a.link6:visited{color:#990099;text-decoration:none;}
a.link6:hover{color:#FF9900;text-decoration:none;}
a.link6:active{text-decoration:none;}

a.link7:link{color:#FFFFFF;text-decoration:none;}
a.link7:visited{color:#FFFFFF;text-decoration:none;}
a.link7:hover{color:#CCCCCC;text-decoration:none;}
a.link7:active{text-decoration:none;}

a.link8:link{color:#990000;text-decoration:none;}
a.link8:visited{color:#990000;text-decoration:none;}
a.link8:hover{color:#C60000;text-decoration:none;}
a.link8:active{text-decoration:none;}

a.link9:link{color:#00FF00;text-decoration:none;}
a.link9:visited{color:#00FF00;text-decoration:none;}
a.link9:hover{color:#00CC00;text-decoration:none;}
a.link9:active{text-decoration:none;}

a.link10:link{color:#990000;text-decoration:none;}
a.link10:visited{color:#990000;text-decoration:none;}
a.link10:hover{color:#FD0000;text-decoration:none;}
a.link10:active{text-decoration:none;}

a.link11:link{color:#00CC00;text-decoration:none;}
a.link11:visited{color:#00CC00;text-decoration:underline;}
a.link11:hover{color:#00FF00;text-decoration:underline;}
a.link11:active{text-decoration:underline;}

a.link12:link{color:#FFFF00;text-decoration:none;}
a.link12:visited{color:#FFFF00;text-decoration:none;}
a.link12:hover{color:#00FF00;text-decoration:underline;}
a.link12:active{text-decoration:none;}

a.link13:link{color:#FFFFFF;text-decoration:none;}
a.link13:visited{color:#FFFFFF;text-decoration:none;}
a.link13:hover{color:#FF9900;text-decoration:none;}
a.link13:active{text-decoration:none;}

a.link14:link{color:#FF6600;text-decoration:none;}
a.link14:visited{color:#FF6600;text-decoration:none;}
a.link14:hover{color:#00CC00;text-decoration:none;}
a.link14:active{text-decoration:none;}

a.link15:link{color:#0033FF;text-decoration:none;}
a.link15:visited{color:#0033FF;text-decoration:none;}
a.link15:hover{color:#990000;text-decoration:underline;}
a.link15:active{text-decoration:none;}

a.link16:link{color:#000000;text-decoration:none;}
a.link16:visited{color:#000000;text-decoration:none;}
a.link16:hover{color:#FF00CC;text-decoration:underline;}
a.link16:active{text-decoration:none; top:1px;}

a.link17:link{color:#FF6600;text-decoration:none;}
a.link17:visited{color:#000000;text-decoration:none;}
a.link17:hover{color:#FFFFFF;text-decoration:underline;}
a.link17:active{text-decoration:none; top:1px;}

a.link18:link{color:#00CCFF;text-decoration:none;}
a.link18:hover{color:#00FFFF;text-decoration:underline;}
a.link18:visited{color:#00CCFF;text-decoration:none;}
a.link18:active{color:#00CCCC;text-decoration:none;}

a.link19:link{color:#FF6600;text-decoration:none;}
a.link19:hover{color:#FF0000!important;text-decoration:underline!important;}
a.link19:visited{color:#FF6600;text-decoration:none;}
a.link19:active{color:#FF0000;text-decoration:none;}

a.link20:link{color:#FF6600;text-decoration:none;}
a.link20:hover{color:#40A8FD!important;text-decoration:underline!important;}
a.link20:visited{color:#FF6600;text-decoration:none;}
a.link20:active{color:#FF0000;text-decoration:none;}
