/* CSS by Arif Wicahyanto wicahyanto@gmail.com */
@font-face {font-family: YanoneKaffeesatz-Light;src: url(font/YanoneKaffeesatz-Light.otf);}
@font-face {font-family: Barkentina;src: url(font/Barkentina1.otf);}

#bartop {background:#6FDB04;font-size:20px;padding:10px 40px 10px 0px;color:#fff;}
#wrapmain {width:1024px;margin:0px auto;}

.headermain {font-size:65px;color:#279902;padding-top:25px}
.headerdesc {padding-top:20px;color:#5BD134;letter-spacing:12px;}
.nav-tabs {
  border-bottom: none;
  position: relative;
  margin-bottom: -1px;
}
.tab-content {
  border: 1px solid #e8e8e8;
  padding: 15px;
  margin-bottom: 20px;
}
.nav > li > a {
  font-size:1vw;;
}
.nav > li > a:focus,
.nav > li > a:hover {
  background: inherit;
}
.nav-tabs > li > a {
  border: 1px solid #e8e8e8;
  border-bottom: none;
  background: #AAFF56;
  padding: 5px 15px;
  margin-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #444444;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
}
.nav-tabs > li {
  margin-right: 2px;
}
.nav-tabs > li.active {
  border-top: 2px solid #6091ba;
}
.nav-tabs > li.active a,
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:active,
.nav-tabs > li.active a:focus {
  border-bottom: 0;
  border-top: 0;
}

.main-nav {
  background: #AAFF56;
  margin-bottom: 30px;
}
.main-nav button {
  background: #27435a;
  color: #fff !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.main-nav button:focus {
  outline: none;
}
.main-nav button .icon-bar {
  background-color: #fff;
}
.main-nav .navbar-collapse {
  padding: 0;
}
.main-nav .nav .nav-item {
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'open sans', arial, sans-serif;
  z-index: 100;
}
.main-nav .nav .nav-item.dropdown {
  z-index: 101;
}
.main-nav .nav .nav-item a {
  color: #46622A;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.main-nav .nav .nav-item a:hover {
  background: #4C9900;
  color: #fff;
}
.main-nav .nav .nav-item.active {
  position: relative;
}
.main-nav .nav .nav-item.active > a {
  background: #54CF0B;
  color: #fff;
}
.main-nav .nav .nav-item.active > a:before {
  content: "\f0d8";
  position: absolute;
  bottom: -8px;
  left: 0;
  text-align: center;
  font-family: FontAwesome;
  display: block;
  font-size: 12px;
  width: 100%;
}
.main-nav .nav .nav-item.active > a.dropdown-toggle:before {
  display: none;
}
.main-nav .nav .nav-item.open a {
  background: #4CC106;
  color: #fff;
}
.main-nav .nav .nav-item .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0;
  border: none;
  padding: 0;
  text-transform: none;
  min-width: 220px;
}
.main-nav .nav .nav-item .dropdown-menu a {
  border-bottom: 1px solid #64CA00;
  padding: 8px 20px;
}
.main-nav .nav .nav-item .dropdown-menu a:hover {
  background: #A1E811;
  color: #fff;
  padding-left: 24px;
}
.main-nav .nav .nav-item .dropdown-submenu {
  position: relative;
}
.main-nav .nav .nav-item .dropdown-submenu .fa {
  position: absolute;
  right: 15px;
  top: 10px;
}
.main-nav .nav .nav-item .dropdown-submenu li {
  position: relative;
}
.main-nav .nav .nav-item .dropdown-submenu li .fa {
  position: absolute;
  right: 15px;
  top: 10px;
}
.main-nav .nav .nav-item .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: -1px;
}

#linklist ul li {margin-left:20px;}
#linklist {margin-bottom:40px;}

.header .search-form .form-control {
  width: 360px;
  background: #f5f5f5;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

body {
	color: #777;
	font: 13px 'Open Sans', sans-serif;
	line-height: 20px;
	word-wrap: break-word;
	background:#fff;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

h1, h2, h3, h4, h5, h6 {
	font-family:'Philosopher', sans-serif;
	margin:0px 0px 4px 0;
	color:#71A114;
}

h1 { font-size: 36px; line-height: 40px; }
h2 { font-size: 32px; line-height: 35px; }
h3 { font-size: 28px; line-height: 33px; }
h4 { font-size: 24px; line-height: 27px; }
h5 { font-size: 20px; line-height: 22px; }
h6 { font-size: 16px; line-height: 18px; }

img {border: none;}

a {color: #2DBC18;text-decoration: none;}

a:hover {color: #FF8001; text-decoration: underline;}

.menutitle ul li a{color:#42820C;font-size:13px;}
.menutitle ul li {font-size:13px;}

#boxnav {background:#EEFFE0;padding:0px;}
#boxnav2 {background:#EEFFE0;padding:0px;}
#boxnavtitle {padding-top:0px;display:inline-block;border-top:2px solid #73C82B;
font-weight:300;margin-bottom:15px;color:#42820C;font-size:2vw ;}
.gsc-search-button {padding-top:5px;}
#margin {padding:5px;}
#layanan ul li{list-style:none;}
#layanan a {font-size:14px;font-weight:100;color:#585850;line-height:24px;}




#ico_legalisir li:before {color:#65B417;content:'\f09d';font-family: FontAwesome;display: inline-block;width: 1.4em;margin-left: -1.4em;}
#ico_wisuda li:before {color:#65B417;content:'\f19d';font-family: FontAwesome;display: inline-block;width: 1.4em;margin-left: -1.4em;}
#ico_skipsi li:before {color:#65B417;content:'\f016';font-family: FontAwesome;display: inline-block;width: 1.4em;margin-left: -1.4em;}
#ico_ormawa li:before {color:#65B417;content:'\f073';font-family: FontAwesome;display: inline-block;width: 1.4em;margin-left: -1.4em;}
#ico_pinjam li:before {color:#65B417;content:'\f1ad';font-family: FontAwesome;display: inline-block;width: 1.4em;margin-left: -1.4em;}

#filedownload ul li{list-style:none;}
#filedownload a {font-size:13px;font-weight:100;color:#585850;line-height:20px;}

#filedownload li {
  padding-left: 0;
}



#filedownload li:before {color:#65B417;content: '\f019';font-family: FontAwesome;display: inline-block;width: 1.4em;margin-left: -1.4em; /* same as padding-left set on li */
}​




























#wrap {width: 980px; margin: 10px auto; border-left: 0px solid #e2f8bf; border-right: 0px solid #e2f8bf;background:#fff;}

#wrap-top {height: 0px;}

#wrap-mid {background:#fff repeat-y;float:left;padding-left:20px;width:960px;
border-radius: 10px;-moz-box-shadow: 0 0 5px 5px #888;-webkit-box-shadow: 0 0 5px 5px#888;box-shadow: 0 0 5px 5px #888;}

#wrap-bottom {float: left; height: 0px; width: 980px;margin-bottom:10px;}

#language {position: relative; z-index: 2; top: 0; right: 0; width: 100px; height: 50px; text-align: right; margin-top: 10px; padding-right: 10px; float: right;}

#language a {color: #FFFFFF;}

#language a:hover {text-decoration: none; color: #AAFFAA;}

#mainbox {width: 940px; float: left;}

#main_top {height: 136px; width: 940px; background: #333; float: left; background: url('img/logo_id.jpg');}

#runningtext {width: 900px; padding-top: 5px; height: 19px; background: #fff7e8; border-bottom: 1px solid #e1c2b0; color: #413025; font-family: verdana;}

#main_mid {float: left; width: 900px;}

#footer {padding: 10px 0px 15px 0px; color: #70521d; font-family: verdana; float: left; font-size: 11px;}

#pagewrapper {margin: 0;}

#wrapper {margin: 0px auto;}

#content {float: left; margin-top: 0px; width: 935px; padding: 10px 0px 3px 5px;}

#center_left {float: left; width: 200px;}

#beranda-kiri {width:400px;float:left;}
#slidebox {width:400px;height:260px;}

#menu {width: 200px; margin: 0px;}

#menu ul {list-style: none; margin: 0; padding: 0;}

#menu li {margin-top: 5px;}

#menu li a {height: 24px; text-decoration: none; font-weight: bold;}

#menu li a:link, #menu li a:visited {width: 190px; color: #3b9414; display: block; background: url("img/menu.gif"); padding: 8px 0 0 10px;}

#menu li a:hover {width: 190px; color: #381307; background: url("img/menu.gif") 0 -32px; padding: 8px 0 0 10px;}

#center_center {float: left; padding-right: 4px; padding-bottom: 10px;}

#sidebar {float: left; width: 200px; margin-bottom: 10px;}

#sidebar h2 {height: 28px; margin: 0px; padding: 10px 0px 0px 10px; background: url("img/sidebar.jpg") no-repeat; font-size: 100%; font-weight: bold; color: #147586;}

#sidebar ul {margin: 0; padding: 0; list-style: none;}

#sidebar li li {margin: 0; padding: 10px 0 4px 5px; border-bottom: 1px solid #BEC030;}

#sidebar a {text-decoration: none; font-family: verdana; color: #227C34; font-size: 11.3px;}

#sidebar a:hover {color: #E66414;}

#sidebar_border {padding-bottom: 5px; padding-top: 5px;}

#sidebar_right {float: left; margin-bottom: 10px; color: #3b3b3b;}

#sidebar_right ul {margin: 0; padding: 0; list-style: none;}

#sidebar_right li li {margin: 0; padding: 5px 0 0 5px; background: none;}

#sidebar_right h2 {height: 28px; margin: 0px; padding: 10px 0px 0px 10px; background: url("img/sidebar.jpg") no-repeat; font-size: 100%; font-weight: bold; color: #147586;}

#sidebar_right a {text-decoration: none; color: #940909;}

#sidebar_right a:hover {color: #9a31b1;}

#roundtop {background: url('img/round_top.jpg') no-repeat; width: 280px; height: 15px;}

#roundbottom {background: url('img/round_bottom.jpg') no-repeat; height: 8px; width: 280px;}

#sidebar_content {width: 260px; padding: 5px 5px 5px 5px; border: 1px solid #BEC1B8;}

#infoouter {margin:10px 10px 20px 10px;}
#wartabox {padding: 5px 5px 15px 0px;margin-bottom: 15px; color: #000;border-bottom:1px solid #CCE2B7;}
#wartabox a{text-decoration:none;color:#68C30D;font-weight:100px;}
#wartabox a:hover{color:#3F8B00;}
#wartabox img {max-width:100%;max-height:100%;}
#wartabox a:hover p {color: #f69a0a;}
#newstitle a{font-size:16px;color:#4F9F00;}

#logojurnal img {max-width:100%;max-height:100%;font-size:14px;}
#menutitle {font-weight:300;margin-bottom:10px;color:#42820C;font-size:2vw;}

#center_right {float: left;}

#date {float: right; width: 120px; text-align: right; font-size: 13px; font-weight: bold; color: #fefefe; padding-right: 14px;}

#jsddm {padding: 0px; float: left; margin: 0px 0px 0px 0px; z-index: 90; padding-left: 5px;}

#jsddm ul{padding: 0px;}

#jsddm li {float: left; list-style: none; font: 11px verdana; padding: 0px; z-index: 90;}

#jsddm li a {display: block; background: url('img/tableft.gif') repeat-x; padding: 8px 7px 8px; text-decoration: none; border-right: 2px solid white; color: #000; white-space: nowrap; font-size: 12px; font-family: verdana; font-weight: bold;}

#jsddm li a:hover {background: #f1b015; color: #381307;}

#jsddm li ul {margin: 0; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid white; z-index: 90;}

#jsddm li ul li {float: none; display: inline; z-index: 90;}

#jsddm li ul li a {width: auto; background: #360604; z-index: 90; font-size: 12px; color: #fff; font-weight: normal;}

#jsddm li ul li a:hover {background: #b40901; color: #fff; z-index: 90;}

.imagehead1 {margin-bottom: -4px;}

.imagehead2 {margin-bottom: -3px;}

.imagehead3 {margin-bottom: -2px;} /* contact form */

#contact_form {padding-top: 20px;}

.row {clear: both; width: 470px; margin-left: 0px;}

.row span.formlabel{font-size: 12px; float: left; width: 180px; text-align: left; padding: 3px;}

.row span.forminput{float: right; text-align: right;}

.row span.forminput1{float: right; text-align: right; margin-right: 2px;}

.spacer {width: 30px;}

input.contact, textarea.contact {width: 260px; margin-left: 0px; border: 1px solid #5AAD41; margin: 2px; padding: 3px;}

.submit01 {border: 1px solid #19A146; width: 70px; padding: 5px 0px 5px 0px; font-size: 100%; background: #fff; color: #533e10; font-weight: bold;}

#imageflip {margin: 0px auto 0px;}

#imageflip ul {list-style: none; padding: 0px; margin: 0px;}

#flip {} /* Scroller Box */

#scroller_container {width: 470px; height: 20px; overflow: hidden; margin-left: 490px; color: #fff; margin-top: -30px;}

#halaman {float:left;padding-top:12px;width:70px;}

.vcount {color: #e8935a; font-weight: bold;}

.menuicon {margin-bottom: -3px;}

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

.gallery {border: #97F856 solid 1px; padding: 3px; background: #FAFDDF;}

.title01 {color: #00cc66;font-family:'Philosopher'}

.title02 {color: #339900;font-family:'Philosopher'}

.date {font-size: 10px;}

.scroll_gb {font-size: 11px; margin-top: 10px; height: 200px; width: 470px; overflow: auto; margin-bottom: 10px; padding: 10px; background: #e5f9ae; border: 1px solid #aad23f;}

#head-new {padding-bottom: 5px; border-bottom: 1px solid #79de27;}

#info {padding: 0px 0px 20px 0px;}

#infobox {padding: 0 5px 5px 5px; border-top: 1px solid #D5ED59; background: #FCF4CE; margin-bottom: 15px; color: #000; width: 920px;}

#infobox h2{font-weight: normal; color: #86390C;}

#infobox h3{font-weight: normal; color:#60200F;}

#info a{text-decoration: none; color:#AD4A30;}

#content_bottom {float: left; width: 930px; margin-top: 15px; background: url('img/pat-bawah.png');}

#content_bottom h1 {margin: 0px;}

#bottom_left {width: 290px; margin: 3px; padding: 10px 0px 0px 5px; min-height: 300px; color: #fff;}

#bottom_left a {color: #1A2A0A; font-size: 14px; font-weight: 900;}

#bottom_left a:hover {color: #A40A37;}

.custom table {border-collapse: collapse; display: table; font-size: 100%; margin: 10px 0pt; border: 1px solid #f6dcaa;}

.custom tr td {border: 1px solid #f6dcaa; display: table-cell; margin: 0pt; padding: 5px; text-align: left; vertical-align: top;}
.head {background:#EFCF7F;font-weight:bold;}
.notice {font-size: 11px; color: #6B8E23;}
.indexpage {color:#1678d4;font-family:arial;}

#rightbar {float: left; width: 225px; margin-left: 8px; padding: 0px 5px 5px 5px;}

#right-bar {background:#adf044; color: #000; font-size: 17px; width: 220px; padding: 6px 0px 6px 5px; float: left;margin:2px 0px 7px 0px;}

#download_terbaru {width:220px;padding:10px 0px 0px 0px;}
#download_terbaru ul{padding-left:10px;margin:0px;}
#download_terbaru li{list-style:square;line-height: 18px;padding:0px;margin-left:20px;}
#cari {margin-bottom:10px;}
#bar-link img{padding:4px 0px 4px 0px;}
#pmblink {width:220px;padding:10px 0px 10px 0px;background:#FFFFD4;margin-bottom:20px;}
#pmblink a{color:#CC4C0C;}
#pmblink ul {padding-left:10px;margin:0px;}
#pmblink li {list-style:square;line-height: 18px;padding:0px;margin-left:20px;}

#wisudalink {width:222px;padding:10px 0px 10px 7px;background:#ddffad;margin-bottom:20px;border-radius:5px;box-shadow:3px 3px 5px #888888;}
#wisudalink a{color:#996600;}
#wisudalink ul {padding-left:10px;margin:0px;}
#wisudalink li {list-style:square;line-height: 18px;padding:0px;margin-left:20px;}

#blok01 {padding:10px 0px 10px 7px;background:#ddffad;margin-bottom:20px;border-radius:5px;box-shadow:3px 3px 5px #888888;}

#resensibuku{}
#resensibukurow{width:900px;padding:5px;background:#EEEFE2;border:1px solid #BEC0B1;}

#blokkiri {width:400px;float:left;background:#FDDC8C;margin-top:20px;}
#blokkiri a{font-weight:bold;display:block;text-decoration:none;padding:10px 20px 10px 20px;}
#blokkiri a:hover{text-decoration:none;background-color: #9E9A90;color:#fff;}
#blokkanan{width:400px;float:right;background:#FDDC8C;margin-top:20px;}
#blokkanan a{font-weight:bold;display:block;text-decoration:none;padding:10px 20px 10px 20px;}
#blokkanan a:hover{text-decoration:none;background-color:#9E9A90;color:#fff;}
.jumlah {color:#2A2027;font-weight:normal;}

#skipsi {}
#skripsi_row {padding: 0 5px 5px 5px; border-top: 1px solid #D5ED59; background:#F3F0F0; margin-bottom: 15px; color: #000; width: 920px;}
#skripsi_row h3 {font-size:12px;}
#skripsi_row label {float:left;width:150px;}
#skripsi_detail {padding:0px 20px 20px 0px;}
#skripsi_detail label {float:left;width:190px;}

#rtop {background:url('img/modal-top.png');width:600px;height:14px;}
#rbottom {background:url('img/modal-bottom.png');width:600px;height:14px;}

#modal-top {margin-bottom:20px}
#modal-top h3{margin:0px;padding-bottom:15px;border-bottom:1px solid #B4B8AA;}
#modal-top img {margin-bottom:-4px;}
#modal-bottom {border-top:1px solid #DEDFDC;padding-top:10px;margin-top:5px;text-align:right;}
#modal-bottom  img {margin-bottom:-4px;}

.navbar .nav > li > a {color:#fff;}
.navbar-inner {padding-left:8px;}
.navbar .nav li a {padding-left:7px;}


.navbar-inner {
    background-color: #45AEEA;
    background-image: linear-gradient(to bottom, #8ee51e, #569900);
}
.navbar .nav > li > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #b2e81f;
}

.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  text-decoration: none;
  background-color: #98cf05;
}

@media (max-width:767px){
  #menutitle {font-size: 60px;color:#556677;}
}

@media screen and (max-width: 768px) {
  p,.btn,input,div,span,h4 {
    font-size: 90%;
  }
  h1 {
    font-size: 20px;  
  }
  h2 {
    font-size: 18px;  
  }
  h3 {
    font-size: 16px;  
  }
}