/**
 * Copyright (c) 2015-2016 OpenJournalSystems.com
 * All materials contained on this site are protected by United States copyright law and may not be reproduced, distributed, transmitted, displayed, published or broadcast without the prior written permission of OpenJournalSystems.com or in the case of third party materials, the owner of that content. You may not alter or remove any trademark, copyright or other notice from copies of the content. Copyright violators will be reported to Google, Yahoo, and Bing for DMCA violations.
 
 */
 
html {
	background: url(images/bg.jpg) repeat-x;
}
body {
	font-size: 12px;
	font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
	max-width: 950px;
	min-width: 750px;
}
a:link {
	color: #375;
	font-size: 12px;
	line-height:120%;
}
a:active {
	color: #253;
	font-size: 12px;
	line-height:120%;
}
a:visited {
	color: #375;
	font-size: 12px;
	line-height:120%;
}
a:hover {
	color: #253;
	background: none;
	font-size: 12px;
	text-decoration:none;
	line-height:120%;
}
ul.menu a {
	font-size: 12px;
	line-height:120%;
}
li {
	font-size:12px;
	line-height: 16px;
}
/**
 * Main layout elements
 */

#header {
	padding:0;
 margin-top:;
}
#header h1 {
	font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;
	font-weight: normal;
	height: 106px;
	margin: 0 auto 40px;
	padding:  0 0 0.5em;
	width: auto;
}
#header h1 img {
	margin: 0 0 0 -38px;
}
#footer {
	background-color: #ABA;
}
#body {
	position:relative;
}
#main {
	margin: 0 auto;
	background:#fff;
	padding-top: 0px;
	height:100%;
	min-height:890px;
	float:left;
	width: 59.6%;
	display:block;
	overflow:inherit !important;
	position:inherit !important;
}
#main h2 {
	color: #2B3036;
	font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-left:10px;
}
#content h3 {
	font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;
	line-height: 140%;
	height: 140%;
	padding: 0;
	text-indent: 0;
	margin: 0;
	margin-bottom: 10px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #AB290F;
	border-bottom: 1px solid #D2D8DE;
}
#content h4 {
	font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;
	color: #AB290F;
	font-weight: normal;
	text-decoration: none;
	font-size:14px;
}
/**
 * Access icons and key
 */
#accessKey {
	margin-bottom: 2em;
}
#accessKey img {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
#content img.accessLogo {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
/**
 * Navigation bar
 */
 
#navbar {
	border: none;
	position:absolute;
	top:-36px;
	left:1px;
	z-index:99999;
	width:950px;
}
#navbar a {
	font-size: 12px;
	letter-spacing: 0.05em;
	float: left;
	margin: 5px 5px 0 0;
	padding: 0;
	color: #fff;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	text-decoration: none;
	text-transform: uppercase;
	
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#34628F), to(#21619F));
	background: -webkit-linear-gradient(top, #34628F, #21619F); 
	background: -moz-linear-gradient(top, #34628F, #21619F);
	background: -ms-linear-gradient(top, #34628F, #21619F);
	background: -o-linear-gradient(top, #34628F, #21619F);
	
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}
#navbar a:hover {
	color: #fff;
	background: #333333;
}
/**
 * Sidebar
 */

#developedBy {
	text-transform: uppercase;
	font-size: 0.95em;
}
#sidebar div.block {
	font-size: 12px;
	padding-bottom: 1.5em;
	border: 1px solid #f5f5f6;
	margin: 0 0 10px;
}
#sidebar div.block span.blockTitle {
	display: block;
font-size: 0.9em;
letter-spacing: 0.1em;
color: #57616E;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
height: 23px;
line-height: 27px;
text-indent: 8px;
text-transform: uppercase;
border-bottom: 1px solid #CCC;
width: 181px;
margin: 0px;
}
#sidebar div.block span.blockSubtitle {
	display: block;
	padding: 0 0 0 10px;
}
#sidebar input.textField, #sidebar select.selectMenu, #sidebar input.button {
	font-size: 12px;
}
form {
	padding-left: 10px;
}
/* @end */



div, p, table, td, th {
	font-family: Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
	line-height: 140%;
	color: #666;
	font-size: 12px;
}
a:link, a:visited {
	color: #084f91;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color: #c00;
	text-decoration: underline;
	font-weight: normal;
}
p {
	margin-top: 0;
	margin-bottom: 7px;
	text-align: left;
	font-size: 12px;
}
h1 {
	padding: 0;
	padding-bottom: 5px;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	vertical-align: bottom;
	color: #666;
	text-align: left;
	width: 100%;
}
h2, .contentheading {
	font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #2b3036;
}
h3 {
	margin: 0;
}
input.textField, select.selectMenu, textarea.textArea, input.uploadField {
	background-color: #fff;
}
input.defaultButton {
	background-color: #ccc;
}
#container {
	text-align: left;
	margin-bottom: 30px;
	float:left;
}
#headerTitle {
	color: #ffffff;
}
#navbar {
	height: 35px;
	margin-right: 0;
	padding-bottom: 0;
}
ul.menu li {
	display: inline;
	margin: 0;
	padding: 0;
}
#breadcrumb {
	padding-bottom: 10px;
	color: #394048;
	padding-left: 10px;
}
#content {
	border-top: 0px dotted #000;
	padding:10px;
}
/**
#content img {
max-width: 100%;
}

*/

#content p img {
	max-width: 100%;
}
/**
 * Common HTML elements
 */


#leftSidebar {
	float: left;
	width: 20%;
	font-size: 0.65em;
	margin-left: 0;
	display: inline;
	overflow: hidden;
	margin-right: 0;
	padding-top: 0;
	min-height:900px;
	float:left;
}
 // Set main on non-IE browsers to have a 10% margin *html #main {
 margin-right: 5%;
}
#rightSidebar {
	float: right;
	width: 20%;
	font-size: 0.65em;
	/*height: 100%;*/
	margin-right: 0;
	margin-left: 0;
	padding-top: 0;
	min-height:900px;
	float:right;
	position:absolute;
	height:auto;
	right:0;
	top:0;
	z-index:888;
}
* html #rightSidebar {
	margin-right: 5%;
}
/**
 * Announcements
 */

#announcementsHome {
	width: 100%;
	margin: 2em 0 2em 0;
}
#announcementsHome h3 {
	text-align: center;
}
#announcements {
	width: 100%;
}
#announcements h3 {
	text-align: center;
}
table.announcements {
	width: 100%;
}
table.announcements td {
	padding: 0.25em 0.5em 0.25em 0.5em;
}
table.announcements td.nodata {
	text-align: center;
	font-style: italic;
}
table.announcements td.headseparator {
	border-top: 1px dotted #000;
	font-size: 0.1em;
	line-height: 1%;
}
table.announcements td.endseparator {
	border-top: 1px dotted #000;
	font-size: 0.25em;
	line-height: 10%;
}
table.announcements td.separator {
	border-top: 1px dotted #DDDDD0;
	font-size: 0.1em;
	line-height: 1%;
}
table.announcements tr.intro {
}
table.announcements td.intro {
}
table.announcements tr.title {
	vertical-align: top;
}
table.announcements td.title {
	width: 85%;
}
table.announcements td.title h4 {
}
table.announcements tr.description {
	vertical-align: top;
}
table.announcements td.description {
	width: 85%;
}
table.announcements tr.details {
	vertical-align: bottom;
}
table.announcements td.posted {
	padding-top: 1em;
	font-style: italic;
}
table.announcements td.more {
	width: 15%;
	text-align: right;
}
table.announcementsMore {
	width: 100%;
}
table.announcementsMore td {
	padding-top: 1.5em;
	text-align: right;
}
/**
 * Table of contents
 */

h4.tocSectionTitle {
}
table.tocArticle {
	width: 100%;
}
table.tocArticle td.tocTitle {
	width: 70%;
	height: 100%;
}
table.tocArticle td.tocGalleys {
	width: 30%;
	text-align: right;
}
table.tocArticle td.tocAuthors {
	padding-left: 30px;
	font-style: italic;
	vertical-align: top;
}
table.tocArticle td.tocPages {
	text-align: right;
	vertical-align: top;
}
.tocArticleCoverImage img {
	border: 0;
	float: left;
	width: 100px;
	margin: 0 1em 1em 0;
}
/**
 * Homepage image
 */

#homepageImage img {
	display: block;
	margin: 0 auto;
	border: 0;
	text-align: center;
}
.homepageImage img {
	margin: 0 auto;
	border: 0;
	float: left;
	width: 100px;
	margin: 1em 1em 1em 0;
	text-align: center;
}
/**
 * Additional text styles
 */

pre {
	background-color: #F0F0E8;
	color: #000;
	font-size: 1.25em;
}
/**
 * Table styles
 */

table.listing tr.highlight {
	background: yellow;
}
table.listing tr.fastTracked {
	background-color: #ABA;
}
table.listing tr.data td {
	border-top: 1px dotted #DDDDD0;
	border-bottom: 1px dotted #DDDDD0;
}
table.listing tr.data td.drag {
	cursor: move;
}
/**
 * Other organizational elements
 */

div.progressbar {
	background-image: url(../templates/images/progbg.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 505px;
	z-index:1;
}
td.notificationContent {
	padding-left: 5px;
	padding-right: 5px;
}
td.notificationFunction {
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
}
.throbber {
	display: none;
	background: url(../lib/pkp/templates/images/throbber.gif) no-repeat;
	width: 25px;
	height: 25px;
	margin-left: 50%;
	margin-top: 5%;
}
/* Font Sizer */

.smallFont {
	outline: none; /*for making it look nice in FF */
	background: url(../lib/pkp/templates/images/icons/font-down.png);
	text-indent: -9999px;
	display: block;
	float: left;
	width: 20px;
	height: 23px;
	margin-right: 4px;
	margin-left: 8px;
}
a.smallFont:hover {
	background: url(../lib/pkp/templates/images/icons/font-down.png);
	color: none;
}
.defaultFont {
	/*if you want to hide the default font button, use display:none */
	background: url(../lib/pkp/templates/images/icons/font-default.png);
	text-indent: -9999px;
	outline: none;
	display: block;
	float: left;
	width: 20px;
	height: 23px;
	margin-right: 4px;
}
a.defaultFont:hover {
	background: url(../lib/pkp/templates/images/icons/font-default.png);
	color: none;
}
.largeFont {
	background: url(../lib/pkp/templates/images/icons/font-up.png);
	outline: none;
	text-indent: -9999px;
	display: block;
	float: left;
	width: 20px;
	height: 23px;
}
a.largeFont:hover {
	background: url(../lib/pkp/templates/images/icons/font-up.png);
	color: none;
}
/* @group Tag-it */

ul.tagit {
	padding:1px 5px;
	border-style:solid;
	border-width:1px;
	border-color:#C6C6C6;
	overflow:auto !important;
	width:350px;
	margin-bottom: 0px;
}
ul.tagit li {
	-moz-border-radius:5px 5px 5px 5px;
	display: block;
	float: left !important;
	margin:2px 5px 2px 0;
	clear: none;
}
ul.tagit li.tagit-choice {
	background-color:#DEE7F8;
	border:1px solid #CAD8F3;
	padding:2px 4px 3px;
}
ul.tagit li.tagit-choice:hover {
	background-color:#bbcef1;
	border-color:#6d95e0;
}
ul.tagit li.tagit-new {
	padding:2px 4px 3px;
	padding:2px 4px 1px;
	padding:2px 4px 1px 0;
}
ul.tagit li.tagit-choice input {
	display:block !important;
	float:left;
	margin:2px 5px 2px 0;
}
ul.tagit li.tagit-choice a.close {
	color:#777777;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	outline:medium none;
	padding:2px 0 2px 3px;
	text-decoration:none;
}
ul.tagit input[type="text"] {
	-moz-box-sizing:border-box;
	border:none;
	margin:0;
	padding:0;
	width:inherit;
	border-color:#C6C6C6;
	background-color:#FFFFFF;
	color:#333333;
}
ul.tagit li:after, ul.tagit li div:after {
	content:" ";
	display:block;
	clear:none;
}