/* General Styles */
.pub-div { padding-top: 1rem; }
	.pub-div h3 { color: #6E8731; }
.fa-green { color: #6E8731; }
.fa-red { color: #FF0000; }
.right-icon { float: right; padding-top: 5px; }

.hidden { display: none; }
.qtip-content ul { padding-left: 15px; }

.category ul { width: 30rem; overflow: auto; }
.category li { float: left; display: list-item; width: 12em; }

.year ul { width: 25em; overflow: hidden; }
.year li { float: left; display: list-item; width: 5em; }

.stats { padding-left: 0.625rem; }

.tpanel label { text-align: right; }

@media only screen and (max-width: 40em) {
  .tpanel label { text-align: left; }
}

input.inline {
    margin-bottom: 0!important;
    padding-top: 0.5625rem;
}

/* Publication Sidebar */
.pub-sidebar { border: solid 1px #DDDDDD; margin-left: 0; margin-bottom: 1.25rem; }
.pub-sidebar *, .sub-sidebar * { list-style: none; line-height: 1; }
.pub-sidebar .title {
	background-color: #6E8731;
	padding: 0.5rem 1rem;
	color: #EEEEEE;
	font-weight: normal;
	font-size: 1rem;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
.pub-sidebar .bullet-item {
	background-color: #FFFFFF;	
	color: #333333;
	font-size: 0.875rem;
	font-weight: normal;
	border-bottom: dotted 1px #DDDDDD;
}
.pub-sidebar .bullet-item a { color: #333333; text-decoration: none; display: block; padding: 0.5rem 1rem; }
.pub-sidebar .bullet-item a:hover { color: #2ba6cb; background: #EEEEFF; color: #2ba6cb; }
.pub-sidebar .content {
	background-color: #FFFFFF;	
	color: #333333;
	font-size: 0.875rem;
	font-weight: normal;
	border-bottom: dotted 1px #DDDDDD;
	padding: 0.5rem 1rem;
}

.accordion-toggle {cursor: pointer;}
.sub-sidebar { width: 100%; overflow: auto; display: none; }
.sub-sidebar ul { width: 90%; }
.sub-sidebar .bullet-item {
  background-color: #FFFFFF;  
  color: #333333;
  font-size: 0.8rem;
  font-weight: normal;
  border-top: dotted 1px #DDDDDD;
}
.sub-sidebar .bullet-item a { padding: 0.5rem; }
.sub-sidebar .sub-col-4 { width: 25%; float: left; }
@media only screen and (max-width: 40em) {
  .sub-sidebar .sub-col-2 { width: 50%; float: left; }
}
@media only screen and (min-width: 40em) {
  .sub-sidebar .sub-col-2 { width: 100%; float: left; }
}

.pubsearch { padding: 0.5rem 1rem 0rem 1rem; }

.pub-div button.small, .pub-div .button.small {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

/* Publication list style from older system */
.nama, .judul2 { font-style:italic; }
    .judul { color:#930; }
    span.judul { font-weight:bold; } 

.pub_publisher {
  color:#666666;
  font-weight:500;
  text-align:justify;
}


.imgWrap1{
  position: relative;
  height: 225px;
  width: 350px;
}

.imgDescription1{
  position: absolute;
  top: 120px;
  bottom: 0;
  left: 8px;
  right: 5;
  font-weight:bold;
  text-align:center;
  font-family:comic sans MS,cursive;
  font-size: 15px;
  color: #fff;
  background-color: #E8098B;
  width: 334px;

  visibility: hidden;
  opacity: 50;
}

.imgWrap1:hover .imgDescription1{
  visibility: visible;
  opacity: 1;
}

.imgWrap2{
  position: relative;
  height: 225px;
  width: 350px;
}

.imgDescription2{
  position: absolute;
  top: 120px;
  bottom: 0;
  left: 8px;
  right: 0;
  font-weight:bold;
  text-align:center;
  background-color: #E8098B;
  font-family:comic sans MS,cursive;
  font-size: 15px;
  color: #fff;
  width: 334px;

  visibility: hidden;
  opacity: 50;
}


.imgWrap2:hover .imgDescription2{
  visibility: visible;
  opacity: 1;
}

.imgWrap3{
  position: relative;
  height: 225px;
  width: 350px;
}

.imgDescription3{
  position: absolute;
  top: 140px;
  bottom: 0;
  left: 8px;
  right: 0;
  font-weight:bold;
  text-align:center;
  background-color: #E8098B;
  font-family:comic sans MS,cursive;
  font-size: 15px;
  color: #fff;
  width: 334px;

  visibility: hidden;
  opacity: 50;
}


.imgWrap3:hover .imgDescription3{
  visibility: visible;
  opacity: 1;
}

.imgWrap4{
  position: relative;
  height: 225px;
  width: 350px;
}

.imgDescription4{
  position: absolute;
  top: 100px;
  bottom: 0;
  left: 8px;
  right: 0;
  font-weight:bold;
  text-align:center;
  font-family:comic sans MS,cursive;
  font-size: 15px;
  background-color: #E8098B;
  color: #fff;
  width: 334px;

  visibility: hidden;
  opacity: 50;
}


.imgWrap4:hover .imgDescription4{
  visibility: visible;
  opacity: 1;
}

.synopsis, .downloads { background:#FFEDED; }

.synopsis td.keterangan, .downloads td.keterangan { margin:0; padding-left:0; }

.synopsis #abstract, .downloads #downloadtitle{ background:#E6C8C8; padding:5px; margin:0; }

.odd th,.odd td { background:#F0F9E8; }

.fieldname{ background:#E6C8C8; }

.fieldvalue{ background:#FFEDED; }

/* Publication Table */
.pubTable, .pubTable tr, .pubTable td { border: 0; border-collapse: separate; }
.pubTable tr.group { background: none; color: #B41730; }
.pubTable tr.group td { padding: 0; }

.pubTable tr.even td { background-color: #F7F7F7; }
.pubTable tr.odd td { background-color: #EEEEEE; }

.pubTable a img { max-width: inherit; }
.pubTable p { margin-bottom: 0; font-size: 0.9rem; }

/* Publication Pagination */
ul.pub-pagination { display: block; min-height: 1.5rem; margin-left: -0.3125rem; }
ul.pub-pagination li {
	height: 1.5rem;
	font-size: 0.875rem;
	margin-left: 0.3125rem;
	margin-bottom: 1rem;
}
ul.pub-pagination li a, ul.pub-pagination li.current {
	display: block;
	padding: 0.0625rem 0.625rem 0.0625rem;
	color: #333333;
	background: none;
	border-radius: 3px;
	font-weight: normal;
	line-height: inherit;
	transition: background-color 300ms ease-out;
	background: #ffb813;
}
ul.pub-pagination li.current { font-weight: bold; cursor: default; background: #6E8731; color: #EEEEEE; }
ul.pub-pagination li:hover a, ul.pub-pagination li a:focus { background: #6E8731; }
ul.pub-pagination li { float: left; display: block; }

/* Publication Search Panel */
.filter-box { width: 80%; overflow: auto; }
.usual .filter-box { width: 100%; overflow: auto; }
.usual .filter-box div { clear: none; float: left!important; }
.usual .filter-box .jqte div.jqte_editor { clear: both; width: 100%; }

/* Style for Usual tabs */
#pubTabs { margin-bottom: 0.5rem; }
.usual {
  background:#6E8731;
  color:#111;
  border:1px solid #6E8731;
}
.usual li { list-style:none; float:left; }
.usual ul a {
  display:block;
  padding:6px 15px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font-size:0.8rem;
  color:#FFF;
  background:#444;
}
.usual ul a:hover {
  color:#FFF;
  background:#111;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#000;
  background:snow;
  border-bottom:1px solid snow;
  cursor:default;
  }
.usual .tpanel { padding-top: 1rem; }
.usual div {
  padding:0px 10px 0px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:#fff;
  font-size:0.9rem;
}
.usual div a { color:#000; font-weight:bold; }

label.caption { margin-top: 1rem; margin-bottom: 0.5rem; cursor: default; }
input[type="file"].center, input[type="text"].center { margin-bottom: 0; }
table thead tr th, table thead tr td { font-size: 0.8rem!important; }

/* button inside table */
.button-inside {
    background-color: #2ba6cb;
    border: 0;
    cursor: pointer;
    line-height: normal;
    margin-bottom: 0;
    position: relative;
    text-align: center;
    font-size: 0.8rem;
    padding: 0.1rem 0.4rem;
    color: #fff!important;
    font-weight: normal!important;
}

.button-edit {
    background-color: #2ba6cb;
    border: 0;
    cursor: pointer;
    line-height: normal;
    margin-bottom: 0;
    position: relative;
    text-align: center;
    font-size: 0.8rem;
    color: #fff!important;
    font-weight: normal!important;
    padding: 0.3rem 0.75rem;
    top: -0.3rem;
}