/* 
Febri Adi Prasetya
*/

@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');
}

body {
	background-image: url("https://i.ibb.co/xMtRkhT/Artboard-90.png");
    font-family: Verdana,"Times New Roman",Times,Georgia,serif;
}
/*a {
    text-decoration: none;
}*/
a:link {
    color: #000;
    text-decoration-line: underline;
}
a:active {
    color: #39c;
}
a:visited {
    color: #000;
}
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: 1000px !important;
	position: center;
	
	box-shadow: 0 0 10px #606065;
   overflow: hidden;
   margin-top: 8px;
}

#header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	padding: 0px 0 20px 0;
	width: 1000px !important;
	/*display: inline-block;*/
  
}

#header h1 {
    background: transparent none repeat scroll 0 0;
    color: #000000;
    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: 0;
}

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

#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: 3px solid #001c53;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 4px;
    /*text-shadow: 3px 0 1px #ffffff;*/
}

#navbar {
  /*  background-color: #2a166f;
    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: center;
    width: 1000px;
    font-family: "Oswald"; 
	
	border-bottom: none;
    background: -webkit-gradient(linear, center top, center bottom, from(#52575d), to(#52575d));
    background-image: linear-gradient(#52575d, #52575d);

}

#navbar a {
display:line;
padding:9px;
text-decoration:none;
background: -webkit-gradient(linear, center top, center bottom, from(#52575d), to(#52575d));

}

#navbar a:hover {
background: -webkit-gradient(linear, center top, center bottom, from(#52575d), to(#52575d));
color: white;

}

#navbar > .menu {

    font-size:120%; |
}

ul.menu {
    padding: 0;
}
ul.menu li {
    color: black;
    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: rgb(255, 255, 255);
    /* text-shadow: 0 1px 1px #ffffff; */
    /* 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: #f2b817;
}

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

#footerContent {
    color: #fff;
}

#main {
    background-color: #ffffff;
    border-right: 1px solid #41444b;
    margin: 0;
    overflow: visible;
    padding: 0 15px 10px;
    width: 714px;
}
#main h2 {
    font-family: "Merriweather",Times,Georgia,serif;
    text-transform: uppercase;
    font-size: 120%;
}
#main h3 {
    font-family: "PT Sans",Times,Georgia,serif;
    text-transform: uppercase;
}

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

#content {
    border-top: 3px solid black;
}

#content h3 {
    font-family: "Times New Roman",Times,Georgia,serif;
    text-transform: uppercase;
	background-color: #f4f1b0;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

#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;
}

/*block sidebar atas*/
#rightSidebar ul.sidemenu li, #leftSidebar ul.sidemenu li {
    background: #f1f1f1 none repeat scroll 0 0;
    border-bottom: 1px solid #c1c1c1;
    list-style-type: none;
    margin: 0 -15px;
    padding: 10px 15px 10px 15px;
}

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

/*block sidebar bawah*/
#sidebar div.block span.blockTitle {
        border-bottom: none;
        background: -webkit-gradient(linear, center top, center bottom, from(#ffcd3c), to(#ffcd3c));
        background-image: linear-gradient(#a3ffef94, #f1d71f63);
        padding: 6px 10px 6px 10px;
		margin: -10px -10px 10px;
		color:black;
}

#sidebar div.block {
	padding: 10px;
	/*box-shadow: 0px 0px 3px -2px #92d2e2; 
	border: solid 1px #92d2e2; */
	border-bottom: none;
}

.tocDOI {
    margin-top: 4px;
}

.tocAuthors {
    background: rgba(0, 0, 0, 0) url("http://ejournal.amikompurwokerto.ac.id/public/site/images/lppm/group2.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;
}

.tocViews {
    background: rgba(0, 0, 0, 0) url("http://bright-journal.org/ijiis.org/icon/Abstract.png") no-repeat;
    height: 20px;
    width: 130px;
    padding-left: 25px;
    padding-top: 5px;
}

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

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

#articleFullText {
    background: url("http://ijain.org/files/pdf.png") no-repeat 10px center;
    background-color: #ffe0e9;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: auto;
    height: auto;
    position: static; /* default value */
}

#articletrack {
    position: relative;
    background-color: #f1f1f1;
    width: 220px;
    height: 65px;
    font-size: 10px;
    top: 68px;
    padding-top: 5px;
}

#articleSubject {
    background-color: #f1f1f1;
    position: relative;
    bottom: 80px
}

#articleAbstract {
    background-color: #f1f1f1;
}

.articleToolItem {
    background-color: #bbbbbb;
    width: 259px;
    position: relative;
    left: 445px;
    bottom: 80px;
    padding-bottom: 2px;
    padding-left: 10px;
}

#articleCitations {
    position: relative;

}

.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("http://ejournal.amikompurwokerto.ac.id/public/site/images/lppm/group2.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;
	text-align: justify;
}

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

#doii {
    background: #fff8cd url("http://bright-journal.org/ijiis.org/icon/doi.png") no-repeat ;
    height: 20px;
    position: relative;
    bottom: 181px;
    padding-left: 22px;
    padding-top: 4px;
}

.doilink {
    background: url("http://bright-journal.org/ijiis.org/icon/doi.png") no-repeat ;
    background-size: 13px 13px;
    position: relative;
    left: 150px;
    bottom: 12px;
    padding-left: 15px;
}