@charset "utf-8";
/* CSS Document */

@import "css/font-awesome.css";

/** * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/) * http://cssreset.com * Copyright 2012 Yahoo! Inc. All rights reserved. * http://yuilibrary.com/license/ *//*	TODO will need to remove settings on HTML since we can't namespace it.	TODO with the prefix, should I group by selector or property for weight savings?*/html{	color:#000;	background:#FFF;}/*	TODO remove settings on BODY since we can't namespace it.*//*	TODO test putting a class on HEAD.		- Fails on FF. */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {	margin:0;	padding:0;}table {	border-collapse:collapse;	border-spacing:0;}fieldset,img {	border:0;}/*	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...*/address,caption,cite,code,dfn,em,strong,th,var {	font-style:normal;	font-weight:normal;} ol,ul {	list-style:none;} caption,th {	text-align:left;}h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}q:before,q:after {	content:'';}abbr,acronym {	border:0;	font-variant:normal;}/* to preserve line-height and selector appearance */sup {	vertical-align:text-top;}sub {	vertical-align:text-bottom;}input,textarea,select {	font-family:inherit;	font-size:inherit;	font-weight:inherit;}/*to enable resizing for IE*/input,textarea,select {	*font-size:100%;}/*because legend doesn't inherit in IE */legend {	color:#000;}/* YUI CSS Detection Stamp */#yui3-css-stamp.cssreset { display: none; }


html{
	font-size:13px;
	line-height:1.33;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	background:#f2f2f2 url(http://jurnal.ub.ac.id/styles/images/bg-trans-1.png) fixed top center;
	text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	}

em,italic{font-style:italic}
bold,strong{font-weight:bold}
strong em{font-weight:bold; color:#333}

body{}

a,a:link,a:visited{
	color:#002366;
	text-decoration:none;
	}
	
a:hover{}

.serif{font-family:Georgia, "Times New Roman", Times, serif;font-family: 'Merriweather', serif;  text-rendering: auto;}
.sans{	font-family:Arial, Helvetica, sans-serif;	font-family: 'Merriweather Sans', sans-serif;}

.left{float:left}.right{float:right}.clearfix:after,.clear:after{clear:both;content:"";display:block}

#container{width:1080px; margin:0 auto; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.33)}
#topbar{background:#001847; font-size:smaller; padding:0 8px; color:#fff}
#topbar li{float:left}
#topbar li a{display:block;padding:6px 4px; color:#fff}

#header{background:#002366; background:#002366 url(images/bg-header.jpg) center no-repeat ;color:#fff; background-size:100% auto}
#header a{display:block; color:#fff}
#headerTitle{text-indent:-9999px}

.main-header{ min-height:136px}

#main-menu{padding:0; }
#main-menu ul{background:#fbaa17;;position:relative; width:100%; font-size:85%; text-transform: uppercase;}
#main-menu ul:after{clear:both;content:"";display:block}
#main-menu ul li{float:left;color:#fff;}
#main-menu ul{}
#main-menu a{display:block; line-height:32px; color:#002366; position:relative;z-index:1; padding:0 12px; font-weight:700; border-right:solid 1px #002366}
#main-menu ul:before{content:"";position:absolute;bottom:0;left:0; height:50%;width:100%;z-index:0}
#main-menu a:hover{background:rgba(255,255,255,.16)}

#breadcrumb{background:#f0f0f0; padding:10px 12px; font-size:85%}

#body{padding:20px}

#sidebar{width:300px; margin-left:20px}
#main{width:700px;margin-right:20px}

#pageFooter{background:#010101; padding:20px; color:#ddd}
#pageFooter a{color:#ffaf00}


#sidebar{}

#sidebar .block{margin-bottom:8px; background:#eee; padding:10px; border:solid 0px #ddd}
#sidebar .blockTitle{font-size:100%; display:block; font-weight:700; text-transform:uppercase; background:#002366; color:#fff; margin:-10px -10px 10px; padding:5px 10px;}
#sidebar a.blockTitle:link{position:relative}
#sidebar a.blockTitle:link:before{
  content:"";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  content: "\f18e";
  margin-right:4px
}
#sidebar br{display:none; height:0}
#sidebarFontSize{display:none; margin:0}

#customblock-About {padding:0!important; margin:0; font-weight:600;}
#customblock-About .blockBox{padding:6px 12px; margin:0 0 2px; border-bottom:solid 2px #fff;}
#customblock-About .blockTitle {
	display: block;
	font-size: 100%;
	font-weight: 700;
	margin:0 0 2px;
	padding:6px 12px;
	border-bottom:solid 2px #fff;
	color: #fff;
	background: #002366 none repeat scroll 0% 0%;
}

#customblock-Tools {padding:0!important; margin:0; font-weight:600;}
#customblock-Tools .blockBox{padding:6px 12px; margin:0 0 2px; border-bottom:solid 2px #fff;}
#customblock-Tools .blockTitle {
	display: block;
	font-size: 100%;
	font-weight: 700;
	margin:0 0 2px;
	padding:6px 12px;
	border-bottom:solid 2px #fff;
	color: #fff;
	background: #002366 none repeat scroll 0% 0%;
}

#customblock-Author-Information {padding:0!important; margin:0; font-weight:700;}
#customblock-Author-Information .blockBox{padding:6px 12px; margin:0 0 2px; border-bottom:solid 2px #fff;}
#customblock-Author-Information .blockTitle {
	display: block;
	font-size: 100%;
	font-weight: 700;
	margin:0 0 2px;
	padding:6px 12px;
	border-bottom:solid 2px #fff;
	color: #fff;
	background: #002366 none repeat scroll 0% 0%;
}

#customblock-Reviewer-Information {padding:0!important; margin:0; font-weight:700;}
#customblock-Reviewer-Information .blockBox{padding:6px 12px; margin:0 0 2px; border-bottom:solid 2px #fff;}
#customblock-Reviewer-Information .blockTitle {
	display: block;
	font-size: 100%;
	font-weight: 700;
	margin:0 0 2px;
	padding:6px 12px;
	border-bottom:solid 2px #fff;
	color: #fff;
	background: #002366 none repeat scroll 0% 0%;
}

#customblock-IOS {padding:0 10px 10px 10px!important;}
#customblock-IOS .blockBox{padding:6px 12px; margin:0 0 2px; border-bottom:solid 0px #fff;}
#customblock-IOS .blockTitle {
	display: block;
	font-size: 100%;
	font-weight: 700;
	margin:0 0 2px;
	padding:6px 12px;
	border-bottom:solid 2px #fff;
	color: #fff;
	background: #002366 none repeat scroll 0% 0%;
}

#customblock-Submit {padding:0!important; margin:0; font-weight:600;}
#customblock-Submit .blockBox{margin:0 0 2px; height:36px; background:#002366; font-size:16px; text-align:center}
#customblock-Submit a{display:block; line-height:36px; color:#fff;}
#customblock-Submit a:hover{background:rgba(255,255,255,.24)}

.tocArticleCoverImage{position:relative; width:20px;}
.tocArticleCoverImage:before{
  content:"";
  display: block;
  width:20px; height:20px;
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02d";
  color:#002366;
  text-align:center
}

.tocGalleys{position:relative; font-size:10px; color:#fff; background:#996900; padding:4px; font-weight:700}
.tocGalleys a{color:#fff; text-align:center;display:block}
.tocGalleys a:before{
	  content:"";
  display: inline-block;
  width:12px; height:12px;
  margin-right:4px;
  font: normal normal normal 12px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1c1";
  color:#fff;
  text-align:center;
	}

.tocAuthors{color:#111; font-style:italic; font-size:12px; font-weight:700; padding:0 0 0 15px;}
.tocInfo {position: relative; margin: 5px 0 0 0; font-size: 11px; padding:0 0 0 15px;}
.tocTitle {margin:0; padding:0 0 0 15px; font-weight: 700;}
.tocArticle{margin:0 0 0 0; background:#f8f8f8; border-bottom:none;}
.issue-footer {line-height: 1.2; padding: 8px 0; padding:0 0 0 15px;}

#simpleSearchInput{}
input[type=button]{background:#002366;color:#fff; padding:4px 10px; border:solid 1px rgba(0,0,0,.33); vertical-align:top; cursor:pointer}
input[type=submit]{background:#002366;color:#fff; padding:4px 10px; border:solid 1px rgba(0,0,0,.33); vertical-align:top; cursor:pointer}
input[type=text]{min-height: 20px;width:120px;}
input[type=password]{min-height: 20px;width:120px;}
input[class=textField]{margin-left: 50px; min-height: 20px; width:120px;}
select[class=selectMenu]{margin-left: 10px; min-height: 22px; width:120px;}

/* =Entry Content
----------------------------------------------- */

.entry-content p,
.entry-content > ul,
.entry-content > li,
.entry-content > dl {
  margin: 25px 0 10px;
  margin: 1em 0 .2em;
}

.entry-content blockquote {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  margin-left: 1.5em;
}
.entry-content blockquote cite {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.entry-content pre {
  background: white;
  font-family: "Courier New", Courier, mono;
  border: 1px solid #E0E0E0;
  padding: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
  overflow-x: auto;
}
.entry-content code {
  font-family: "Courier New", Courier, mono;
}
.entry-content sup,
.entry-content sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
}
.entry-content sup {
  bottom: 1ex;
}
.entry-content sub {
  top: .5ex;
}

.entry-content table {
  border-bottom: 1px solid #ededed;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 20px;
  width: 100%;
}
.entry-content table th,
.entry-content table td {
  font-weight: normal;
  text-align: left;
}
.entry-content table th {
  font-weight: bold;
  text-transform: uppercase;
}
.entry-content table td {
  border-top: 1px solid #ededed;
  padding: 6px 10px 6px 0;
}
.entry-content img {
  max-width: 100%;
  height: auto;
}
.entry-content .alignleft {
  /* This is also styled on a global level */
  margin: 0 1.5em 1.5em 0;
}
.entry-content .alignright {
  /* This is also styled on a global level */
  margin: 0 0 1.5em 1.5em;
}
.entry-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.entry-content ul {
  list-style-type: square;
}
.entry-content ol {
  list-style-type: decimal;
}
.entry-content ol ol {
  list-style-type: upper-alpha;
}
.entry-content ol ol ol {
  list-style-type: lower-roman;
}
.entry-content ul li,
.entry-content ol li {
  margin-left: 1.5em;
}
.entry-content dl dt {
  margin-bottom: 5px;
  font-weight: bold;
}
.entry-content dl dd {
  margin-bottom: 10px;
  padding-left: 20px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin: 1em 0 0;
  font-weight:700;
  color:#002366
}
.entry-content h1 {
  font-size: 1.8em;
}
.entry-content h2 {
  font-size: 1.65em;
}
.entry-content h3 {
  font-size: 1.5em;
}
.entry-content h4 {
  font-size: 1.35em;
}
.entry-content h5 {
  font-size: 1.2em;
}
.entry-content h6 {
  font-size: 0.9em;
}
.entry-content embed,
.entry-content iframe,
.entry-content object {
  max-width: 100%;
}

#inlinePdfResizer {
	width: 98%;
	height: 400px;
	padding: 1px 0px 1px 1px;
}

#pluginMissing{
	font-size: 1.4em;
	padding: 10px;
}
#pluginMissing a {
	text-decoration: underline;
}

#inlinePdf {
	width:99%;
	height:99%;
	padding: 1px 0px 1px 1px;
}

#inlinePdf.fullscreen {
	position: fixed;
	width: 97%;
	height: 95%;
	left: 20px;
	top: 7px;
	z-index: 1002;
}

#pdfDownloadLinkContainer {
	text-align: right;
	padding: 5px;
}

a.pdf {
	background: transparent url(../lib/pkp/templates/images/structure/page_white_acrobat.png) no-repeat scroll 0 2px !important;
	padding: 3px 0 3px 23px;
	font-size: 1.2em;
	text-transform: none;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 2000px; /* 100% only fills window, not page, causing potential display issues */
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

#fullscreenShow {
	display: none;
	float: right;
}

#fullscreenHide {
	padding: 2px;
	background-color: white;
	display: none;
	position: fixed;
	bottom: 3px;
	right: 3px;
	z-index: 1003;
}