/**
 * plugins/themes/vanilla/vanilla.css
 *
 * Copyright (c) 2013-2017 Simon Fraser University
 * Copyright (c) 2003-2016 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Vanilla theme.
 *
 */

body {
	background-color: #f1f1f1;
	color: #000000;
}

a:link {
	color: #002241;
	border-bottom: 0px solid rgba(0,0,0,.3);
	padding-bottom: 0;
}

a:active {
	color: #000000;
}

a:visited {
	color: #f77006;
}

a:hover {
	color: #990000;
	background: #ffffff;
}

a.icon img {
	vertical-align:middle;
}

input.textField, select.selectMenu, textarea.textArea, input.uploadField {
	background-color: #eeeeee;
}

form {
	margin-top: 7px;
}

input.defaultButton {
	background-color: #000000;
	color: #ffffff;
}

#container {
	width: auto !important;
	max-width: 940px !important;
	min-width: 616px !important;
	padding: 0 20px 15px 20px;
	margin: 20px auto;
	text-align:center;
	background-color:#FFFFFF;
	_height:100%;
	min-height:100%;
	overflow:hidden;
}

#body {
    overflow: hidden;/* Makes #body contain its floated children */

    /* Colours and borders for illustration purposes
    border: solid 3px #666;
    background: #ddd; */
}

#main {
	width: auto !important;
	padding: 0;
	margin: 0;
	float: none;
	display: block;
    overflow: hidden;/* Make this div take up the rest of the horizontal space, and no more */

    /* Colours and borders for illustration purposes
    border: solid 3px #00c;
    background: #ddf; */
}

#sidebar {
    float: right;
	width: 152px;
	margin: 0;
	margin-left: 15px;

    /* Colours and borders for illustration purposes
    border: solid 3px #c00;
    background: #fdd; */
}

#top + #sidebar {
	padding-top: 3em;
}

#rightSidebar {
	width: auto;
	margin: 0;
	padding: 0;
	float: left;
}

#header {
	border-bottom: 0px solid black;
	background-color:#FFFFFF;
}

#header h1 {
	padding: 10px 0 10px 0;
}

#headerTitle h1 {
	text-align:left;
}

#headerTitle h1 a:hover{
	line-height: 1px;
}

#headerTitle h1 a img {
	border: none;
}

#footer {
	background-color:#FFFFFF;
}

.footercontent p {
	padding-top: 5px;
	border-top: 1px solid #f1f1f1;
}

#rightSidebar a:hover {
	color: #990000;
	background: none;
}

#main h2 {
	padding: 0;
	margin: 15px 10px;
	border-bottom: 1px solid #f1f1f1;
}

#main h3 {
	padding: 0;
	margin: 15px 0 5px 0;
}

#articleTitle h3 {
	margin-top: 6px;
}

#articleAbstract p {
	margin: 0;
}

table.tocArticle {
	padding-top: 5px;
}

div.tocTitle {
	padding-bottom: 5px;
}	

div.tocGalleys {
	vertical-align: middle;
}

div.tocGalleys a, a.file.PDF, a.action.PDF {
	display:inline-block;
	padding-right:20px;
	line-height:18px;
	background:transparent url(/ojs/styles/pdf.png) center right no-repeat;
}

div.tocAuthors {
	padding-left: 24px !important;
}

div.tocPages {
}


table.data td {
	padding: 5px 0 5px 0;
}

table.data td.instruct {
	padding-top: 0;
	margin-top: 0;
}

table.data td.value, table.data td.value label {
	line-height: 23px;
}

table.data td.label {
	padding-right: 1em;
	padding-top: 0.8em;
}

#navbar {
	padding: 0;
	background-color: #f35d02;
	width: 100%;
	display: block;
	float: left;
	border: 0px solid black;
}

#navbar ul {
	padding: 0 0 0 3px;
}	

#navbar li {
	float:left;
	position:relative;
	padding: 0;
}

#navbar a {
	color:#fbfaf8;
	display:block;
	padding: 10px 10px;
	margin: 0;
	text-decoration:none;
	letter-spacing: 0px;
}

#navbar a:hover {
	color:#fff;
	display:block;
	text-decoration:none;
	background-color: #414b67;
}

#breadcrumb {
	padding: 5px 12px 4px 12px;
	margin-bottom: 12px;
	background-color: #f1f1f1;
	border-bottom: 1px solid #f1f1f1;	
	clear: both;
}

#breadcrumb a:hover {
	color: #000000;
	background-color: #f1f1f1;
	border-bottom: 1px solid black;	
}

#content {
	padding: 0 10px;
	border-top: 0px dotted #000;
}

#content li {
	padding-bottom: 5px;
}

#content ol {
	margin: 7px 0;
}

#content li.tagit-new {
	padding: 3px;
	margin: 6px;
	border: 1px solid #777;
}

#pub-id\3A \3A doi { 
	text-decoration: none;
}

#topBar {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

#articlePdfResizer {
	height:800px;
	width:100%;
	padding: 0;
}

div.addthis_container {
	margin-top: 20px;
}

div.license {
/* licence code block is defined in /lib/pkp/locale/en_US/common.xml */
	margin-top: 25px;
	padding-left: 2px;
}

#commentsForEditor textarea {
	width: 430px; 
	height: 300px;
}

#custom.block p {
	margin: 0.2em;
}

#custom.block a {
	text-decoration: none;
}

#sidebar div.block {
	padding: 5px;
	margin-bottom: 0.5em;
	background: #F8F8F8;
}

#sidebar ul {
	margin-bottom: 0.25em;
}

#sidebar div.block span.blockTitle {
	display: block;
	padding: 0;
	padding-bottom: 0.5em;
	font-size: 1em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

#sidebar form {
	margin-top: 2px;
}

#sidebar div.block  br {
	font-size: 1px;
}

#custom.block  {
	background: #FFFFFF;
}
/*Free 4all*/
/* Reset */
*{margin:0;padding:0;}

/* Slider */
#slider{
  width:100%;
/*  height:500px; */
  position:relative;
  overflow:hidden;
}
@keyframes load{
  from{left:-100%;}
  to{left:0;}
}
.slides{
  width:400%;
  height:auto;
  position:middle;
  -webkit-animation:slide 30s infinite;
  -moz-animation:slide 30s infinite;
  animation:slide 30s infinite;
}
.slider{
  width:25%;
  height:100%;
  float:left;
  position:relative;
  z-index:1;
  overflow:hidden;
}
.slide img{
  width:100%;
  height:auto;
}
.slide img{
  width:100%;
  height:auto;
}
.image{
  width:100%;
  height:auto;
}
.image img{
  width:100%;
  height:auto;
}

/* Legend */
.legend{
  border:500px solid transparent;
  border-left:800px solid rgba(52, 73, 94, .7);
  border-bottom:0;
  position:absolute;
  bottom:0;
}

/* Contents */
.content{
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
}
.content-txt{
  width:400px;
  height:150px;
  float:left;
  position:relative;
  top:300px;
  -webkit-animation:content-s 7.5s infinite;
  -moz-animation:content-s 7.5s infinite;
  animation:content-s 7.5s infinite;
}
.content-txt h1{
  font-family:Intro;
  font-size:24px;
  color:#fff;
  text-align:left;
  margin-left:30px;
  padding-bottom:10px;
}
.content-txt h2{
  font-family:Quicksand;
  font-weight:normal;
  font-size:14px;
  font-style:italic;
  color:#fff;
  text-align:left;
  margin-left:30px;
}

/* Switch */
.switch{
  width:120px;
  height:10px;
  position:absolute;
  bottom:50px;
  z-index:99;
  left:30px;
}
.switch > ul{
  list-style:none;
}
.switch > ul > li{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#333;
  float:left;
  margin-right:5px;
  cursor:pointer;
}
.switch ul{
  overflow:hidden;
}
.on{
  width:100%;
  height:100%;
  border-radius:50%;
  background:#f39c12;
  position:relative;
  -webkit-animation:on 30s infinite;
  -moz-animation:on 30s infinite;
  animation:on 30s infinite;
}

/* Animation */
@-webkit-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@-moz-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}

@-webkit-keyframes content-s{
  0%{left:-420px;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}
@-moz-keyframes content-s{
  0%{left:-420px;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}
@keyframes content-s{
  0%{left:-420px;}
  10%{left:20px;}
  15%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}

@-webkit-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

@-moz-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

@keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}