/*
	kuning: fff600
biru tua:	10253f
tosca tua: 1f5766
	biru muda: 33bee5
red: fd0302
yellow: eece1a
biru: 4f81bd
	ijo: 6cc437
	item: 3a454b
*/
h3{margin-bottom:5px}
.jumbotron{
	height:220px;margin:20px 0;padding:20px;
  /* background: -webkit-gradient(linear, 77% 111%, -10% 53%, to(#fff600), from(#fff)) no-repeat;
  background: -moz-linear-gradient(bottom, #fff, #a8b5bb) no-repeat;
  background: -ms-linear-gradient(bottom, #fff, #a8b5bb) no-repeat;
  background: -o-linear-gradient(bottom, #fff, #a8b5bb) no-repeat */
	background:url(bg.jpg);
}
a.s1{width: 180px;height: 30px;margin: 5px 5px 0 0;background: #ccc;padding:15px 17px 20px;text-decoration: none;display: block;color: #fff;}
a.s2{width: 100px;height: 40px;margin:5px;background:#ccc;color:#fff;padding:14px 17px;text-decoration:none;display:block}
a.s1:visited{color:#fff}
a.s1:hover{color:#000}
a.anchor:target {content:".";display:block; padding-top:100px; margin-top:-100px; }
body{
	/* font: 13px "Droid Sans", Arial, Geneva, Helvetica, sans-serif; */
    position:relative; margin-top:100px;
	font:12px sans-serif;color:#444;background:#a8b5bb;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, to(#a8b5bb), from(#fff)) no-repeat;
  background: -webkit-linear-gradient(bottom, #fff, #a8b5bb) no-repeat;
  background: -moz-linear-gradient(bottom, #fff, #a8b5bb) no-repeat;
  background: -ms-linear-gradient(bottom, #fff, #a8b5bb) no-repeat;
  background: -o-linear-gradient(bottom, #fff, #a8b5bb) no-repeat;
}
a,a:visited{color:#666}
a:hover,a:active{color:#D28C00}

#container{width:1100px;margin:0 auto 0 auto;background:#fff;padding: 0;}

#header{ position:fixed; top:0; border-width:0 10px 0 10px; border-style:solid; border-color: #fff; width:1080px; clear:both; padding:0;margin:0;background:#fff;z-index:100; height:100px;}

#headerTitle{float:left;padding:0 20px 0 10px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 1px 2px 3px #fff,0 0 0 #3a454b, 1px 2px 3px #fff;font-size: 16px; letter-spacing: 2px; color: rgba(58,69,75,0.8); text-align: center;}
::-moz-selection { background: #5af; color: #fff; text-shadow: none; }
::selection { background: #5af; color: #fff; text-shadow: none; }

/* #headerTitle img{width:400px;padding:20px;display:block;float:left} */
#schFrm{width:312px;border:1px solid #ddd;float: right;margin:20px 0 30px 0;color: #aaa;font-size: 15px;}
#schFrm input.txt{width: 140px;padding: 3px 7px 4px;color: #333;font-size: 14px;border: none;cursor:pointer}
#schFrm select{width: 100px;color:#333;padding:5px 0;border:none;font-size:14px;background:#fff;cursor:pointer}
#schFrm input.btn{border: none;cursor:pointer;float:right;background:#ddd url(ib.png) -39px 9px no-repeat;color: #fff;text-indent: -999px;width: 31px;height: 32px;}
#schFrm a{display: block;text-decoration: none;font-size: small;color: #aaa;margin: 0 0 -17px 0;text-align: right}

#navbar{z-index:10; }
#navbar a,#navbar a:visited{color:#fff;display:block}
#navbar ul{padding:0px;margin:0px;list-style:none;}
#navbar ul:first-child{position: absolute;top:60px;box-shadow:0 3px 8px #999;background:#3a454b; display: inline-block; width: 100%;/*border-bottom:2px solid #e8e900*/}
#navbar ul li{display:block;float:left;position:relative;margin:0;border-right:1px solid #576166}
#navbar ul li a{text-decoration: none;padding:12px 20px;font-size:12px;color:#fff; }
#navbar ul li ul{display:none;}
#navbar a:hover{background:#33bee5}
#navbar ul li:hover ul{display:block;position: absolute; height:auto;background:#3a454b;padding-top:0;width:auto;right:auto;left:0;box-shadow:0 2px 5px #000;overflow:auto;}
#navbar ul li:hover ul li{border-bottom:1px solid #576166;border-right:none;white-space: nowrap;float:none;padding:0}
#navbar ul li:hover ul li a{padding:9px 15px}
#navbar ul li:hover ul li:last-child{border-bottom:none}


#leftSidebar,#rightSidebar{width:180px;padding:20px 10px;}
#leftSidebar{float:left}
#leftSidebar.anchor{width:100%;}
#leftSidebar .block{clear:both}
#rightSidebar{float:right}
#rightSidebar .block{margin:0 0 20px 0;clear:both}
.blockTitle{font-family: Segoe UI Light,'SegoeUILightWF',Arial,sans-serif;color: #000;display: block;font-size: 18px;letter-spacing: -1px;}

#sidebarUser{min-height:70px}
#sidebarUser .blockTitle{display:none}
#sidebarUser ul{margin:5px -2px;padding:0;list-style:none}
#sidebarUser li{margin:0;padding:0;list-style:none;display:inline}
#sidebarUser strong{font-weight:normal}
#sidebarUser a,a.but1{
/* box-shadow:0 3px 8px #999; */
text-decoration: none;
background: #4297d7;
color: #fff;
border:none;
cursor: pointer;
margin:5px 2px;padding:5px 9px 0;
display: block;
min-width: 77px;
min-height: 21px;
text-align: center;
float: left;
line-height: 15px;
font:14px sans-serif;
}
a.but2,input.but2{
/* border-radius:3px; */
font-family: Segoe UI Light,'SegoeUILightWF',Arial,sans-serif;
font-size:14px;
text-decoration: none;
background: #f97a14;
color: #fff;
border:none;
cursor: pointer;
margin:2px;padding:5px 9px 0;
display: block;
min-width: 77px;
min-height: 21px;
text-align: center;
float: left;
line-height: 15px;
/* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#777));
background: -webkit-linear-gradient(top, #777, #444);
background: -moz-linear-gradient(top, #777, #444);
background: -ms-linear-gradient(top, #777, #444);
background: -o-linear-gradient(top, #777, #444); */
}
#sidebarUser a:hover,a.but1:hover,a.but2:hover,input.but2:hover{background:#3a454b !important}
a.butS{width:20px !important}
.formInp,.uploadField,input.textField, .ui-autocomplete-input{}


.uploadField,#sidebarUser input.textField,.ui-autocomplete-input{border: 1px solid #aaa;background:#fff}


#sidebarHelp .blockTitle{
font-size: 25px;
text-decoration: none;
background: #215969;
color: #fff;
border: none;
cursor: pointer;
margin: 20px 2px 2px 2px;
padding: 2px 4px 3px 3px;
letter-spacing: 0;
display: block;
width: 132px;
height: 80px;
word-spacing: 40px;
line-height: 22px;
text-align: right;
}
#sidebarHelp .blockTitle:hover{background:#10253f}

#sidebarNavigation ul{margin:5px 2px;padding:0;list-style:none;height:60px}
#sidebarNavigation li{margin: 0 3px 3px 0;
padding: 0;
list-style: none;
display: block;
width: auto;
float: left;}
#sidebarNavigation a{background: #ccc;color: #fff;width: 38px;height: 40px;display: block;padding: 2px 3px;text-decoration:none;background:#4297d7;border-radius:3px;
  background: -webkit-gradient(radial, 0 0, 0, 0 0, 100, from(#4297d7), to(#244469));
  background: -webkit-radial-gradient(0 0, #4297d7, #244469);
  background: -moz-radial-gradient(80% 20%, closest-corner, #4297d7, #244469);
  background: -ms-radial-gradient(80% 20%, closest-corner, #4297d7, #244469);
}
#sidebarNavigation a:hover{background:#10253f}

#simpleSearchForm{margin:0 0 -10px -3px}
input#simpleQuery.textField,select#searchField.selectMenu{border:1px solid #bbb;padding:3px;color:#999}
input#simpleQuery.textField{width:130px}
select#searchField.selectMenu{width:138px}
input.button{font-family: Segoe UI Light,'SegoeUILightWF',Arial,sans-serif; font-size:14px; text-decoration: none; background: #4297d7; color: #fff; border:none; cursor: pointer; margin:2px;padding:3px 9px; height:25px}
input.button:hover{background:#10253f}

#main{float:left;width: 860px;padding: 25px 20px 20px 0;margin-left:20px;min-height:280px;}

#sidebarInformation ul,#notification.block ul{margin:0;padding:0 0 10px 25px}
#sidebarInformation li,#notification.block li{padding:0;margin:0;list-style:disc}
.block a{text-decoration:none}

#content{font-size:15px; }

#main h2{font-size: 30px;margin:0 0 20px 0;letter-spacing: -2px;color:#33bee5;}
/* #content div:last-child{font-size:13px} */

textarea{font:13px Arial,sans-serif}
input.textField, select.selectMenu, textarea.textArea, .ui-autocomplete-input{border: 1px solid #aaa;padding:4px 6px;box-shadow:inset 0 0 7px #ccc}
#formErrors,#formErrors a,#formErrors a:visited{color:#f00}

/* ul.steplist{list-style:none;margin:0;padding:0 0 10px 0;border-bottom: 1px solid #ccc;}
ul.steplist li{list-style:none;margin:0 10px 0 0;padding:0;display:inline}
ul.steplist li a{text-decoration:none;text-transform:uppercase;color:#999}
ul.steplist li a:hover{color:#f00}
ul.steplist li.current a{color:#000} */

#content ul.menu,ul.steplist{margin:0;padding:0 5px;list-style:none;height:auto;clear:both;border-bottom: 3px solid #aaa;}
#content ul.menu li,ul.steplist li{margin:0 !important;padding:0;list-style:none;display:inline-block;margin:3px;min-width:100px;height:auto;vertical-align:top}
#content ul.menu li a,ul.steplist li a{text-decoration:none;width:94px;height:60px;display:block;padding:5px;background:#ddd;border-top-left-radius: 9px;border-top-right-radius: 9px;}
ul.steplist li a{border-top-right-radius:5px;border-bottom-right-radius:5px;text-align:center}

/* #content ul.menu li a,ul.steplist li a{text-decoration:none;background:#ddd;width: 94px;height: 50px;display: block;padding: 0 3px;} */
/* #content ul.menu li a:hover,ul.steplist li a:hover{background:#ccc;color:#000} */
#content ul.menu li a:hover,ul.steplist li:hover a{background:#ccc;color:#000}
#content ul.menu li.current a,ul.steplist li.current{background:#aaa;color:#000;cursor:default;text-align:center}

table.listing{border-collapse: collapse;font-size:14px;margin:20px 0}
table.listing tr.heading,table.listing tr.heading:hover{text-align:center;font-weight:bold;background: #ccc;line-height:25px;text-shadow: 1px 1px 0 #ddd;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#ccc));
  background: -webkit-linear-gradient(top, #ccc, #999);
  background: -moz-linear-gradient(top, #ccc, #999);
  background: -ms-linear-gradient(top, #ccc, #999);
  background: -o-linear-gradient(top, #ccc, #999);}
table.listing tr.heading a{text-decoration:none}
table.listing td.headseparator,.endseparator{line-height:0px;display:none !important}
table.listing .nodata{text-align:center;font-style:italic}
table.listing tr:hover{background:#e9faff}
table.listing td{padding:3px 5px}
table.listing .separator{line-height:1px;background:#eee;padding:0 !important}
table.listing tr.end:hover{background:#eee !important;border-top:1px solid #fff}
table.listing tr.end,table.listing tr:last-of-type{color:#4297d7;background:#eee;border-top:1px solid #fff}
table.listing tr:last-of-type td{padding:5px}
table.listing tr:last-of-type a{color:#4297d7;border-radius:3px;border:1px solid #4297d7;text-decoration:none;padding: 0 3px;font-size: smaller;background:#fff;}
table.cellPadding td{padding:9px 9px}

#footer{min-height:100px;background:#3a454b;width:1060px;margin:0px auto 0px auto;padding: 20px 20px 10px;color:#aaa;}
label ol,label ol li{margin:0 0 0 10px;padding:0}

.nomargin,.tagit{margin:0;padding:0}
.nomargin li,.tagit li{margin:0 0 0 20px;padding:0}
.nobullet{margin:0;padding:0;list-style:none}
.nobullet li{margin:0;padding:0;list-style:none}

.tagit-close{cursor: pointer;
font-weight: bold;
color: #fff;
font-size: 15px;margin-left:5px;border-left: 1px solid #fff;padding-left:2px;
line-height: 0px;}

#interests ul,#interests li{margin:0;padding:0;list-style:none}
#interests li{display: block;
float: left;
width: auto;
margin: 3px;
background: #ccc;
color: #333;
padding:0 3px 1px 5px;
border-radius: 5px;}
#interests li.tagit-new{margin:0;float:none;clear:both;background:none;padding:0}
.tagit-label{font-size:13px}

.ui-autocomplete,.ui-menu-item{list-style:none}

#breadcrumb {margin: 0; float:right;padding: 0px 0 20px 0;}
#breadcrumb a{text-decoration:none;color:#999;}
#breadcrumb a:last-child{text-decoration:none;cursor:default;color:#ccc}
#breadcrumb a:hover{color:#000}

.instruct{font-size:small}

.r0{width: 250px;margin: 0 30px 20px 0;float:left}
.r0 ul{background: #ccc;padding: 10px 10px 20px 30px;border-top:3px solid #999}
.r0 ul b{margin: 10px 0 0 -18px;display: block;}
.r0 ul a{text-decoration:none}
.r0 h4{text-transform: capitalize;color:#999;font-size: 20px;margin: 0 0 -20px -1px;text-align:center}
.r1 ul{background:#32bee5;border-top:3px solid #2196b7}
.r1 h4{color:#2196b7}

#issueHead{}
#issueHead img{float: right;margin: -82px 30px 10px 20px;padding: 5px;border: 1px solid #aaa;border-radius: 5px;box-shadow: 0px 0px 20px #000;width: 160px;}
#issueHead h3{}
#issueDescription{}
.warning{background: #eee;padding: 3px 12px;border-radius: 4px;margin: 20px 0;}


.search2{background:#eee;padding:7px 7px 0 7px;margin:0 0 -40px 0}
.tight{padding:1px 0px;margin:0}
.w100{width:100px}
.noBorder{border:none;maring:0}
.noBorder2{border:none;margin:0}
input.noBorder2{padding:1px 3px}
.formInp{border:1px solid #aaa;width:200px;display:inline;background:#fff;padding-bottom:2px}
.noTitle{background: #fff;margin-top: -50px;position: relative;z-index: 2}
.mepetBawah{margin-bottom:5px;line-height:35px;color:#33bee5}
.butSmlOff,.butSml{padding: 0 3px;border-radius: 10px;background: #ddd;text-decoration:none}
.butSmlOff{cursor:default;color:#aaa}
.butSmlOff:hover{color:#aaa}
tr.data{border-bottom:1px solid #ccc}
/* alson, kwitansi, surat tugas, kosan, server */
.issueCoverImage a img{max-width:300px;max-height:500px}
#issueArchive{width: 150px;background:#4297d7;text-align: center;float: left;overflow: hidden;height: 200px;color:#fff;margin:0 20px 15px 0}
#issueArchive:first-child{background:#f97a14}
#issueArchive img{width:150px;height:200px}

#sidebarRTArticleTools{position:absolute;top:180px;right:130px}
#sidebarRTArticleTools .blockTitle, #sidebarRTArticleTools img{display:none}
#sidebarRTArticleTools a{display:block;background:#f97a14;color:#fff;padding:5px 9px;margin:3px 0}
#sidebarRTArticleTools a:hover{background:#10253f}
#sidebarRTArticleTools:before{content:"Want to cite this article?"}
#sidebarRTArticleTools a:before{content:"Choose "}
#sidebarRTArticleTools br{display:none}
h3#articleTitle{font-size: 25px;margin: 0 0 5px;width: 540px;line-height:29px}
em#authorString{display:block;width:540px}
.articleToolItem:nth-child(5),.articleToolItem:nth-child(6),.articleToolItem:nth-child(7){display:none}

.hideTitle{background:#fff;position:relative;margin-top:-42px;min-height:100px}
.hideTitle img{float:right;margin:15px;max-width:250px;max-height:300px}
.hideTitle h2{margin-top:0px !important}

h4.tocSectionTitle{margin:9px 0 0 0 !important;color:#6dc437}
table.tocArticle{margin-left:10px}
td.tocAuthors{font-size:small}

.lastComma:last-of-type{display:none}
.b1{font-weight:normal;color:#33bee5}
.b2{font-weight:bold;color:#33bee5}
em.warn{color:red;font-style:normal;font-size:smaller}
em.info{font-style:normal;font-size:smaller}
.red{color:red}
i{color:red;font-style:normal}
.needAction{color:red}
.articleAbstractText{margin-top:-3px;text-align:justify}

.toggleExtras-inactive, .toggleExtras-active {color:#33bee5;cursor:pointer}

#notification ul li:last-of-type{display:none}
.ui-autocomplete a.ui-corner-all{
background: #eee;
/* padding: 0 6px 3px; 
border: 1px solid #aaa;*/
cursor: pointer;
display: block;
border-top: none;
}
.ui-autocomplete li.ui-menu-item{
width: 150px;
overflow: hidden;
margin-left: -39px;
}
input.suggestReviewer{width:117px}

#xL option:nth-child(4),#xL option:nth-child(5),#xL option:nth-child(7){display:none}
#enrollAs{height:90px}
.but3{background: none;border: none;text-decoration: underline;cursor: pointer;}



#tab-container{
    line-height:14px;
    overflow: hidden;
}
#tab-container ul{
    list-style: none;
		padding:0 0 0 5px;margin:;
}
#tab-container ul.tab-menu li{
    display: block;
		cursor:pointer;
    float: left;
    position: relative;
    font-weight: 700;
    padding: 5px 10px 5px 10px;
    background: #eee;
    border: 1px solid #ddc;
    border-bottom: none;
    color: #999;
    cursor: default;
    height: 14px;
    margin-bottom: -1px;
    margin-right: 5px;
}
#tab-container ul.tab-menu li.active{
    background: #fff;
    color: #0088CC;
    height: 15px;
    border-bottom: 0;
}
.tab-top-border {
    border-bottom: 1px solid #d0ccc9;
		height:25px;
}
.tab-content{
    margin: 0 auto;
    border: 1px solid #ddc;
    border-top-style: none;
    text-align: left;
    padding: 10px 10px 20px;
    display: none;
}
#tab-container div.active{
    display: block;
}
.tab-content h1{
    line-height: 1em;
    height: 28px;margin:0;
    font-size: 22px;
}
i.fileDownload{
background: url(ib.png) -25px -18px no-repeat;
display: inline-block;
width: 15px;
height: 20px;
margin: -9px 0 -2px 0;
}
i.fileFinal{
background:url(ib.png) -289px 6px no-repeat;
display: inline-block;
width: 15px;
height: 20px;
margin: -9px 0 -2px 0;
}
.helpEditing{border:1px solid #aaa; border-radius:5px;padding:10px;margin:5px 0}
.grTr{background:rgba(0,0,0,0.5)}
.theBox{margin:0 0 5px 9px;font-size:13px}
.boxTitle a{text-decoration:none;font-size:20px;font-family:'Segoe UI Light',arial}
.boxTitle a:hover{color:#D28C00}
.theBox img{display:none;max-width:180px;max-height:120px;display:block;float:left;border:1px solid #33bee5;margin:7px 9px 0 0}
.theBox img:hover{display:none;max-width:300px;max-height:200px}
.boxTitle em{}
/* .theBox:hover img{opacity:1} */
.theBox b{font-weight:normal;display:block;color:#33bee5}
ul.plain,ul.plain li{list-style:none;margin:0;padding:0}
ul.plain li{padding-left:5px}

#announcementsHome{}
.announcementDate{float:left;width:40px;height:18px;text-align:right;font-size:12px;padding:0 9px 0 0;color:#4297d7}
.announcementItem{float:left;padding:0 9px;margin-bottom:10px;border-left:1px solid #ddd}


/* .announcementItem a:last-child{display:block;float:left} */