@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(fonts/rxxXUYj4oZ6Q5oDJFtEd6vk_vArhqVIZ0nv9q090hN8.html) 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.html) 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.html) 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.html) 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.html) 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.html) 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.html) format('woff2');
}

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather'), local('Merriweather-Regular'), url(fonts/RFda8w1V0eDZheqfcyQ4EOgdm0LZdjqr5-oayXSOefg.html) format('woff2');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(fonts/ZvcMqxEwPfh2qDWBPxn6nnNuWYKPzoeKl5tYj8yhly0.html) 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.html) 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.html) format('woff2');
}

@font-face {
  font-family: 'Crete Round';
  font-style: normal;
  font-weight: 400;
  src: local('Crete Round'), local('CreteRound-Regular'), url(fonts/ZCcPJiCGOzh84o2siPk48Y4P5ICox8Kq3LLUNMylGO4.html) 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.html) format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(fonts/bH7276GfdCjMjApa_dkG6VtXRa8TVwTICgirnJhmVJw.html) format('woff2');
}


body {
    background: #f3c2f3;
    font-family: Verdana,"Times New Roman",Times,Georgia,serif;
}


a {
    text-decoration: none;
}
a:link {
    color: #069;
}
a:active {
    color: #39c;
}
a:visited {
    color: #069;
}
a:hover {
    text-decoration: underline;
  background: transparent;
}
.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: 1em;
    margin: 0 auto 40px;
    overflow: visible;
    padding: 0;
    width: 980px !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: #ff5603;
    font-family: "Fjalla One",Verdana,Times,Georgia,serif;
    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;
    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: 980px;
}

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

#sidebar div.block {
    border: 0 solid green;
    margin: 0;
    padding-bottom: 1em;
}

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

#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: 48px;
}

#leftSidebar {
    padding-left: 10px;
}

#rightSidebar {
    padding-right: 15px;
}

.blockTitle {
    border-bottom: 1px dotted #666;
    color: #055780;
    font-weight: bold;
    margin-bottom: 4px;
    text-shadow: 1px 0 1px #ccc;
}


#navbar {
    background-color: #8d288e;
    background-repeat: repeat-x;
    border-bottom: 1px solid #ccc;
    border-top: 0 solid #aaa;
    clear: both;
    margin: 0 -15px;
    padding: 7px 0 8px 15px;
    text-align: left;
    width: 1000px;
    font-family: "Arial";
}

#navbar > .menu {

    font-size:90%;
}

ul.menu {
    padding: 0;
}
ul.menu li {
    color: red;
    display: inline;
    font-size: 0.9em;
    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 {
    color: #ffffff;
    text-shadow: none;      
    /* font-size: 0.75em !important;*/
    letter-spacing: 0 !important;
    text-decoration: none;
    text-transform: uppercase;
    margin:0; padding-right:1.1em;
}


#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: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #5d5a9f;
}

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

#footerContent {
    color: #fff;
}

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

#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: "Times New Roman",Times,Georgia,serif;
    text-transform: none;
}

#content h4 {
    font-family: "Times New Roman",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(0, 0, 0, 0) url("../../../../www.pdii.lipi.go.id/jurnal/files/journals/1/images/group.png") 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:#dec1d9; }
.tocArticle:nth-child(even)      { background-color:#ba68b3; }

.tocGalleys{
    background: rgba(0, 0, 0, 0) url("../../../../www.pdii.lipi.go.id/jurnal/files/journals/1/images/adobe-reader-logo.png") no-repeat;
    height: 65px;                        /* be sure to set height & width */
    width:  30px;
    float: right; 
}

#articleFullText {
    background: rgba(0, 0, 0, 0) url("../../../../www.pdii.lipi.go.id/jurnal/files/journals/1/images/adobe-reader-logo.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("../../../../www.pdii.lipi.go.id/jurnal/files/journals/1/images/group.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: #f98039;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f98039), color-stop(100%, #f98039));
  background-image: -webkit-linear-gradient(top, #f98039, #f98039 );
  background-image: -moz-linear-gradient(top, #f98039, #f98039 );
  background-image: -ms-linear-gradient(top, #f98039, #f98039 );
  background-image: -o-linear-gradient(top, #f98039, #f98039 );
  background-image: linear-gradient(top, #f98039, #f98039 );
  border-top: 1px solid #f98039;
  border-right: 1px solid #f98039;
  border-bottom: 1px solid #f98039;
  border-left: 1px solid #f98039;
  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: #daac90;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #daac90), color-stop(100%, #b88c73));
    background-image: -webkit-linear-gradient(top, #daac90, #b88c73);
    background-image: -moz-linear-gradient(top, #daac90, #b88c73);
    background-image: -ms-linear-gradient(top, #daac90, #b88c73);
    background-image: -o-linear-gradient(top, #daac90, #b88c73);
    background-image: linear-gradient(top, #daac90, #b88c73);
    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: #b7b2dd;
    padding: 10px;
    margin-bottom: 10px;
 }

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

  ul.steplist li.current a {
    background: #7a73ad;
    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;
}