/* 
Original BY SLAMET RIYANTO 
Email : slamet.riyanto@lipi.go.id
Homepage : http://slametriyanto.web.id
Edit By Dwi Ridho Aulianto
email: dwiridhoaulianto@yahoo.com
*/


@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(fonts/rxxXUYj4oZ6Q5oDJFtEd6vk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(fonts/PTSans-Regular.woff) format('woff');
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(fonts/PTSans-Bold.woff) format('woff');
}

@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: local('PT Sans Italic'), local('PTSans-Italic'), url(fonts/PTSans-Italic.woff) format('woff');
}

@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(fonts/PTSans-BoldItalic.woff) format('woff');
}

@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(fonts/PTSans-Narrow.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'), url(fonts/PTSans-NarrowBold.woff) format('woff');
}


@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(fonts/2NBgzUtEeyB-Xtpr9bm1Cdhy5e3cTyNKTHXrP9DO-Rc.woff2) format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'), url(fonts/UC3ZEjagJi85gF9qFaBgIIsv7neNnoQYDmljOSnH1QE.woff2) format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: local('Playfair Display Black'), local('PlayfairDisplay-Black'), url(fonts/UC3ZEjagJi85gF9qFaBgIMGhQI7v0ryGuSQ4oDzNyds.woff2) format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: local('Playfair Display Italic'), local('PlayfairDisplay-Italic'), url(fonts/9MkijrV-dEJ0-_NWV7E6NwXiAI3F8adTt8b-_w2WoPM.woff2) format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  src: local('Playfair Display Bold Italic'), local('PlayfairDisplay-BoldItalic'), url(fonts/n7G4PqJvFP2Kubl0VBLDEBZeN5y77JNHCKkhVNuYRJ4.woff2) format('woff2');
}

@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 900;
  src: local('Playfair Display Black Italic'), local('PlayfairDisplay-BlackItalic'), url(fonts/n7G4PqJvFP2Kubl0VBLDEOgMHfjK404vVBa5PdO9RSo.woff2) format('woff2');
}

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather'), local('Merriweather-Regular'), url(fonts/RFda8w1V0eDZheqfcyQ4EOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(fonts/ZvcMqxEwPfh2qDWBPxn6nnNuWYKPzoeKl5tYj8yhly0.woff2) format('woff2');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: local('Merriweather Italic'), local('Merriweather-Italic'), url(fonts/So5lHxHT37p2SS4-t60SlBMBlNeli-0RcAdOFWWLdxQ.woff2) format('woff2');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  src: local('Merriweather Bold Italic'), local('Merriweather-BoldItalic'), url(fonts/EYh7Vl4ywhowqULgRdYwIEcqRxak6Wc5LUVz-l064SE.woff2) format('woff2');
}

@font-face {
  font-family: 'Crete Round';
  font-style: normal;
  font-weight: 400;
  src: local('Crete Round'), local('CreteRound-Regular'), url(fonts/ZCcPJiCGOzh84o2siPk48Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(fonts/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(fonts/bH7276GfdCjMjApa_dkG6VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}

/*background body silahkan ubah urlnya
D:\zee\www\ojs\templates\images
*/
body {
    background: url("http://43.252.73.26/bbkkweb/ojs/background.png") repeat scroll 0 0;
    font-family: Verdana,Arial,Times,Georgia,serif;
}


a {
    text-decoration: none;
}

a:link {
    #color: #069;
	color: #0f5a9e;
}
a:active {
    color: #39c;
}
a:visited {
    #color: #069;
	color: #0f5a9e;
}
a:hover {
    text-decoration: underline;
  background: #b8d2ed;
}
.clear {
    clear: both;
}

a.nohover  {
    display: inline-block;
  padding: 10px 6px;
  border: 2px solid #fff;
}

a.nohover:hover  {
    background: #fff;
  border: 2px solid #ffca05;
  
}


.indexer-img {
    height: 38px;
}

.highlight {
    background-color: #fffff0;
    border: 1px dashed #ffa851;
    padding-bottom: 6px;
    padding-top: 6px;
}

label.error {
    color: #f60;
}

input.defaultButton {
    background: #069 none repeat scroll 0 0;
    color: #eeeeff;
}

#container {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 solid #bbb;
    font-size: 18px;
    margin: 0 auto;
    overflow: visible;
    padding: 0;
    width: 1200px !important;
}

#header {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  padding: 20px 0 25px 0;
  display: inline-block;
  
}

#header h1 {
    background: transparent none repeat scroll 0 0;
    color: #000000;
    font-family: "arial narrow";
    font-size: 2em;
    letter-spacing: 0;
    padding: 0; margin: 0;
    /* text-shadow: 0 2px 2px #312121; */
    text-transform: uppercase;
    display: inline-block;
	
}

#headerTitle img {
    clear: both;
	text-align: center;
    /* float: left;*/
    margin-right: 25px;
    margin-bottom: -25px;
}

#body {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 10px #606065;
    margin: 0 auto;
    overflow: hidden;
    width: 1200px;
}

#sidebar {
    border: 0 solid red;
    margin: 0;
    padding: 0;
}

#sidebar div.block {
    border: 1px solid #eeeeee;
	color: inherit;
	margin-top: 13px;
	padding-bottom: 30px;
}

#leftSidebar, #rightSidebar {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 solid;
    font-size: 13px;
    margin: 0;
    width: 200px;
}

#rightSidebar ul, #leftSidebar ul {
    margin-left: 0;
    padding-left: 0;
}

#rightSidebar li, #leftSidebar li {
    list-style-type: none;
}

#rightSidebar, #leftSidebar {
    border-bottom: 1px dotted #069;
    padding-top: 50px;
}

#leftSidebar {
    padding-left: 10px;
}

#rightSidebar {
    padding-right: 15px;
}

.blockTitle {
	font-family: 'Pathway Gothic One',Arial,Times,serif;
	height: 22px;
	font-size: 16px;
	font-weight: bold;
	color: #222;
	#color: #fff;
	#background-color: #b8d2ed;
	#background-color: #7bc143;
	background-color: #92c6ef;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 15px;
	padding-top: .3em;
	padding-left: .5em;
	padding-right: .5em;
	padding-bottom: .3em;
	display: block;
	text-align: center;
}

#navbar {
    background: url("http://43.252.73.26/bbkkweb/ojs/headerbg.jpg") repeat-x;
    background-repeat: repeat-x;
    border-bottom: 1px solid #ccc;
    border-top: 0 solid #aaa;
    clear: both;
    margin: 0 -225px;
    text-align: left;
    width: 1200px;
    font-family: "Oswald";
	display: block;
	height:40px;
}

#navbar > .menu {
    font-size:120%;
    background-color: #069;
}

ul.menu {
    padding: 0;
	padding-left: 25px;
}
ul.menu li {
    color: #a2dafe;
    display: inline;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0;

/*     margin: 0;
    padding: 0 1em 0 0; */
}
ul.menu li.current {
    font-weight: bold;
    text-transform: uppercase;
}

ul.menu li a {
    font-family: 'Pathway Gothic One',Arial,Times,serif;
    font-weight: bold;
    font-size: 1.33em;
    letter-spacing: 0;
    color: #e6f5fe;
    line-height: 44px;
    display: inline-block;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
}


#content ul.menu li a {
  text-shadow: none;
  color: #ffff;
  padding:10px;
  font-size: 1.1em !important;
  font-family: "Oswald";
}


ul.menu a:hover {
    background-color: #10147e;
    color: #ffffff;
}

#page {
    background-color: #069;
    color: #fff;
	
}

#pageFooter img{
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}

#pageFooter img:hover{
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

#main {
    background-color: #fff;
    /* border-right: 1px solid #ccc; */
    margin: 0;
    overflow: visible;
    padding: 0 15px 10px;
    width: 740px;
}
#main h2 {
    font-family: "Merriweather",Times,Georgia,serif;
    text-transform: uppercase;
}
#main h3 {
    font-family: "PT Sans",Times,Georgia,serif;
    text-transform: uppercase;
}

#breadcrumb {
    border-bottom: 1px dotted #888;
    display: block;
    font-style: italic;
    margin: 0;
    padding: 20px 0 6px;
    position: inherit;
    text-align: left;
}

#content {
    border-top: 1px dotted #069;
}

#content h3 {
    font-family: Arial,Times,Georgia,serif;
    text-transform: uppercase;
}

#content h4 {
    font-family: Arial,Times,Georgia,serif;
    text-transform: uppercase;
}
#content h5 {
    text-transform: uppercase;
}

#content ul.menu {
    margin: 0;
}

#content ul.menu li {
    background-color: #3599af;
    padding: 10px;
}

#content ul.menu li.current {
    background-color: #e04305;
}

#content ul.menu li a:hover {
    color: #000000;
}

span.highlight {
    border-bottom: 1px dotted #069;
}

table.listing tr.highlight {
    background: #fcff64 none repeat scroll 0 0;
}

table.listing tr.fastTracked {
    background-color: #eeeeff;
}

table.listing td.headseparator {
    border-top: 1px dotted #069;
}

table.listing td.endseparator {
    border-top: 1px dotted #069;
}
span.formError {
    color: #f60;
}

ul.formErrorList {
    color: #f60;
}

div.separator {
    border-bottom: 1px dotted #069;
}

#rightSidebar ul, #leftSidebar ul {
    margin-left: 0;
    padding-left: 0;
}

#rightSidebar ul.sidemenu li, #leftSidebar ul.sidemenu li {
    background: #f4f4f4 none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    list-style-type: none;
    margin: 0 -15px;
    padding: 10px 10px 10px 15px;
}

#rightSidebar, #leftSidebar {
    border-bottom: 0 dotted #069;
}

.tocDOI {
    margin-top: 4px;
}

.tocAuthors {
    #background: rgba(181, 251, 167) no-repeat scroll 1px 2px;
	background: #add8e6 no-repeat scroll 1px 2px;
    font-style: italic;
    margin-top: 4px;
    padding-bottom: 15px;
    padding-left: 26px;
}

.tocTitle a {
    font-weight: bold;
}

.tocPages {
    padding: 0 35px;
}

.tocDOI a {
    color: #690;
}

.tocArticle{
    padding: 5px 8px 0 8px;
}
.tocArticle:nth-child(odd)      { background-color:#e4e9eb; }
.tocArticle:nth-child(even)      { background-color:#d4e0f1; }

.tocGalleys{
    background: rgba(0, 0, 0, 0) url("/public/site/images/daulianto/pdf.png") no-repeat;
    height: 65px;                        /* be sure to set height & width */
    width:  30px;
    float: right; 
}

#articleFullText {
    background: rgba(0, 0, 0, 0) url("/public/site/images/daulianto/pdf.png") no-repeat;
    height: 65px;                        /* be sure to set height & width */

}

.file {
    padding-right: 5px;
    padding-left: 5px;

}

#content h3 {
    font-family: "Crete Round",Verdana,Times,Georgia,serif;
}

#authorString {
    background: rgba(0, 0, 0, 0) url("/public/site/images/daulianto/logoid3.png") no-repeat scroll 1px 2px;
    margin-top: 4px;
    padding-bottom: 15px;
    padding-left: 26px;
}

#articleAbstract h4, #articleSubject h4, #articleFullText h4 {
    font-family: "Fjalla One",Verdana,Times,Georgia,serif;
}

#articleFullText h4 {
    margin-bottom: 10px;
}

.tocSectionTitle {
    font-family: "Fjalla One",Verdana,Times,Georgia,serif;
}

#content h4.tocSectionTitle{
    font-family: "Playfair Display",Verdana,Times,Georgia,serif;
}

/* blue pill (inspired by iTunes)
*******************************************************************************/
.button {
  #background-color: #a5b8da;
  #background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5b8da), color-stop(100%, #7089b3));
  #background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
  #background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
  #background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
  #background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
  #background-image: linear-gradient(top, #a5b8da, #7089b3);
  #background-color: #006699;
  #background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006699), color-stop(100%, #ef4035));
  #background-image: -webkit-linear-gradient(top, #006699, #ef4035);
  #background-image: -moz-linear-gradient(top, #006699, #ef4035);
  #background-image: -ms-linear-gradient(top, #006699, #ef4035);
  #background-image: -o-linear-gradient(top, #006699, #ef4035);
  #background-image: linear-gradient(top, #006699, #ef4035);
  background-color: #0f5a9e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f5a9e), color-stop(100%, #012444));
  background-image: -webkit-linear-gradient(top, #0f5a9e, #012444);
  background-image: -moz-linear-gradient(top, #0f5a9e, #012444);
  background-image: -ms-linear-gradient(top, #0f5a9e, #012444);
  background-image: -o-linear-gradient(top, #0f5a9e, #012444);
  background-image: linear-gradient(top, #0f5a9e, #012444);
  border-top: 1px solid #758fba;
  border-right: 1px solid #6c84ab;
  border-bottom: 1px solid #5c6f91;
  border-left: 1px solid #6c84ab;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
  box-shadow: inset 0 1px 0 0 #aec3e5;
  color: #fff;
  font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 5px 0;
  text-align: center;
  text-shadow: 0 -1px 1px #64799e;
  text-transform: uppercase;
}

 .button:hover {
    background-color: #9badcc;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9badcc), color-stop(100%, #687fa6));
    background-image: -webkit-linear-gradient(top, #9badcc, #687fa6);
    background-image: -moz-linear-gradient(top, #9badcc, #687fa6);
    background-image: -ms-linear-gradient(top, #9badcc, #687fa6);
    background-image: -o-linear-gradient(top, #9badcc, #687fa6);
    background-image: linear-gradient(top, #9badcc, #687fa6);
    border-top: 1px solid #6d86ad;
    border-right: 1px solid #647a9e;
    border-bottom: 1px solid #546685;
    border-left: 1px solid #647a9e;
    -webkit-box-shadow: inset 0 1px 0 0 #a5b9d9;
    box-shadow: inset 0 1px 0 0 #a5b9d9;
    cursor: pointer; }

.button:active {
    border: 1px solid #546685;
    -webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee; }

 ul.steplist {
    background: #a0d0fb;
    padding: 10px;
    margin-bottom: 10px;
 }

 ul.steplist a {
    color: #000000;
    font-family: "Oswald";
    font-size: 120%;
 }

  ul.steplist li.current a {
    background: #2099e5;
    padding: 10px;
    color: #ffffff;
  }

 #step1,#step2,#step3,#step4,#step5 {
    margin-right: 20px;
 } 

 img.cover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    margin-right: 15px;
}