/**
 * Copyright (c) 2013-2016 OpenJournalSystems.com
 * The unauthorized reproduction or distribution of this copyrighted work is illegal and punishable under US federal laws.  
*/  
    @import url(font-awesome-4.6.3/css/font-awesome.min.css);
    @import url(https://fonts.googleapis.com/css?family=Lato:400,700);
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
background: #f5f4f3;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
      /* list-style-type: circle;*/
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img{display: inline-block;}
*{  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-webkit-box-sizing:border-box;}


html , body{
    background: #fff ;
}
body {
  font-family: 'Lato', sans-serif;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
    margin: 0px; padding: 0px;
       color: #575757;
           line-height: 1.5;
}

a{color: #009ece;
    text-decoration: none;
    transition: all 250ms ease;
}
a:visited,a:active, a:link{color: #006a42;}

a:hover {
    color: #004a22;
    background: transparent;
}
input, button, select, textarea{    margin-bottom: 3px;}

.highlightReviewerNotNotified, .highlightCopyediting {
    background: #EDEBC4;
}
.highlightNoDecision, .highlightLayoutEditing {
    background: #D8E9BD;
}
.highlightRevisedCopyUploaded, .higlightProofreading {
    background: #C6EBE4;
}
.highlightReviewerConfirmationOverdue {
    background: #9DD1E6;
}
.highlightReviewerCompletionOverdue {
    background: #74C5D8;
}
#main li[class^="highlight"], #main li[class^="higlight"]{padding: 3px 16px;}
#header {
     background: #fff;
    margin-top: 0px;
     padding:15px 10px 15px 10px;
}
#header h1 {
 background:transparent;
    font-family: inherit;
    font-weight: 300;
    border-bottom: 0 solid #B4BABF;
    margin:0em auto 0;
    padding: 0em 0 0em 0.1em;
    width: auto;
    font-size: 32px;
    letter-spacing: -2px;
}
#footer {
    background-color: #aba;
}
.centerDiv{margin: 0 auto; width: 1130px}
#body{display: table; height:800px; position: relative; padding: 30px 0px; width: 100%}
#body ul  {list-style: none;   list-style: none; padding: 0px; margin: 0px; }
#body li:before {  content: "\00BB \0020";    }
#body ol {padding-left: 0px;   }
#body ol li::before  {  float: left; margin-right:5px;    }
#body  #content ol li h4 { margin-bottom: 0px; }
#body ul li h4{display: inline-block;}
#body ul li h4 + p{margin-top: 0px;}
#sidebar{display: table-cell; vertical-align: top;     width: 240px; width: 23%; float: none; font-size: inherit;}
#sidebar div.block + br{display: none;}
#sidebar div.block:empty, #sidebar div.block .blockContent:empty{display: none;}
#sidebar div.block .blockContent{display: block;}
#sidebar div.block{background: #f5f4f3; margin-bottom: 15px;     padding: 0px 0px 0px 0px;}
#sidebar div#sidebarFontSize{ margin-bottom: 15px !important;  }
#sidebar div.block .blockTitle, #sidebar div.block span.blockTitle{font-family: inherit; text-transform: inherit; color: #fff; background: #006a42; padding: 10px; cursor: pointer; font-size: 22px; transition: all 250ms ease; letter-spacing: -1px; font-weight: 500; display: block; line-height: 20px; }
#sidebar div.block span.blockTitle{  transition: all 250ms ease;  position: relative;}
#sidebar div.block span.blockTitle:after{content: "\f107"; font-family: 'FontAwesome'; position: absolute; right: 10px; transition: all 250ms ease;}
#sidebar div.block.active span.blockTitle{    background: #004a22;}
#sidebar div.block.active span.blockTitle::after{transform:rotate(-180deg);}
#sidebar div.block  table{width: 100%}
#sidebar div.block .blockContent{padding: 10px;}
#sidebar div.block .blockContent ul{  color: #009ece;} 
#sidebar div.block .blockContent li{    font-size: 14px; font-weight: 500; line-height: 25px;} 
#sidebar div.block .blockSubtitle{     font-weight: 400;font-size: 16px;} 
#sidebar div.block form td {padding-bottom: 5px;}
#sidebar div.block form td label{line-height: 32px;}

input.textField, select, textarea{border-radius: 5px; border:1px solid #ccc; padding:8px 10px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition:all 0.2s; outline: none}
input.textField:focus,  select:focus, textarea:focus{border:1px solid #009ece; outline: none;  box-shadow:  0 0px 10px rgba(0, 158, 206, 0.61), inset 0 1px 1px rgba(0, 158, 206, 0.61);}
input.textField + .button{margin-left: 15px}
input.button{color: #fff; background-color: #006a42; outline: 0px;font-size: inherit !important; cursor: pointer; border-color: transparent; padding:5px; transition: all 250ms ease;}
input.button:active{background-color: #004a22; }
td + input.textField + .button{width: 90%}

#assignBlocksToSidebars .button{border:2px solid #fff;}
td.label{padding-right: 20px;}
#sizer{padding:  0px; display: inline-block; width: 100%;}
#sizer a {outline: none; text-indent: -9999px; display: block; float: left; width: 20px; height: 23px; margin-right: 4px; margin-left: 8px; } 
.pkp_controllers_fontController_smallFont {background: url(./images/font-down.png) !important;}
.pkp_controllers_fontController_defaultFont {background: url(./images/font-default.png) !important;}
.pkp_controllers_fontController_largeFont {background: url(./images/font-up.png) !important;}

#breadcrumb{font-size: initial;}
#main{display: table-cell; margin-left: 0px; width: 75%; float: none; padding-left: 30px;}
#main #content{ border:inherit;}
#main #content form{margin-bottom: 20px}
#main h2{ margin-top: 0px;     font-weight: 500;  font-size: 42px; letter-spacing: -2px; line-height: 0.95; color: #766d63; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 3px #eaeaea; font-family: inherit;}
#main h3{font-weight: 500;  font-size: 32px; letter-spacing: -2px; color: #766d63; padding-bottom: 10px; border-bottom: solid 3px #eaeaea; margin-bottom: 10px; font-family: inherit;} 
#main h4{margin-top: 0px; margin-bottom: 0px; font-family: inherit;} 
#main #content h4 {font-size: 20px; color: #766d63; margin-bottom: 15px;
background-color: rgba(225, 227, 230, 0.68);

} 

#main p{ margin-bottom: 0px;} 
#main .mceLayout p, #main #content .mceToolbar span{ margin-bottom: inherit;} 
#main li, #content > a, #content h4 a{ font-weight: 500;  }
#main #content td{padding: 0px; }
#main #content td:empty{padding: 0px;}
#main #content table{width: 100% }
#main #search input[type="text"]{width: 80%;}
#main #content table.listing{border-bottom: 1px solid #eaeaea; margin-bottom: 15px;}
#main #content table.listing td{border-bottom: 1px solid #eaeaea;}
#main #content table.listing tr:not(.heading):hover {    background: rgba(234, 234, 234, 0.37); }
#systemConfiguration h4{border-bottom: 1px solid #eaeaea; margin-top: 40px; padding-bottom: 7px;}
#main #content table.data td.label{font-weight: 600}
#main #content table img{display:inline-block;}
#main #content table .heading{font-weight: 500; color: #766d63; background: #eaeaea;}
#main #content table .headseparator{border-bottom: 0px solid #eaeaea; height: 0px; padding:0px; font-size: 0px}
#main #content table .headseparator{border-bottom: 0px solid #eaeaea; height: 0px; padding:0px; font-size: 0px}
#main #content table .data td{border-bottom: 1px solid #eaeaea; }
#emptyFilters select {width: auto;}



#headerTitle {color: #ffffff; margin-bottom: 5px; text-align: left; } 
#navbar {width: 100%; background:#f5f4f3; border: 0px; display: inline-block; padding: 0px;}
#navbar ul.menu {display: inline-block; width: 100%; float: left; padding: 0px; margin: 0px;}
#navbar ul.menu li {display: inline-block; margin: 0; padding: 0px 20px; float: left !important;  }
#navbar a {letter-spacing: 0; float: left; margin: 0; padding: 5px 0px; display: block; font-size: 16px; font-weight: 500; text-decoration: none; text-transform: inherit; }
#navbar li.active a {border-bottom: solid 3px #006a42;}

#navbar ul.menu li:first-child  {padding-left: 0px;}




#container{min-width: auto;}
body, #container{max-width: 100%; margin-top:0px;}
#pageFooter{background: #f5f4f3;; color: #93887d; padding: 10px; text-align: center; clear: both; margin-left: 0px; margin-right:0px; }
#pageFooter h5{display: inline-block; width: 100%; margin-top: 0px; margin-bottom: 5px;}
.iconFt{background-position: center; background-repeat: no-repeat; background-size:contain;  height: 50px; width: 150px; display: inline-block; margin-right: 10px}
.iconFt.crosslog{background-image:url(./images/cross_logo.png);} 
.iconFt.orcidLogo{background-image:url(./images/orcid_logo.png);}
.iconFt.cc_logo21{background-image:url(./images/cc_logo21.png);}
.iconFt.cropped_doaj_logo_big{background-image:url(./images/cropped-doaj_logo_big.png); width: 150px;}
#main + #sidebar{display: none;}

*{  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-webkit-box-sizing:border-box;}
.video iframe,  
.video object,  
.video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.mshow{display: none;}
.hide{display: none;}
img {max-width: 100%; height: auto;}
label[for="menuOnTop"]{display: none; border-radius: 0px; float: right; margin-right: 20px;}
#menuOnTop{display: none;}
.respFooter{text-align: right;}

#helpViewWindow  #body > #sidebar ul{padding: 10px;}
#helpViewWindow  #body > #sidebar{height: auto;}
#helpViewWindow  #sidebar div.block span.blockTitle::after{display: none;}
#helpViewWindow  div.thickSeparator{border:1px solid #eaeaea}

#main .grid_header h3{    letter-spacing: 0px; border-bottom: 0px ; font-size: inherit;}
.steplist {border-bottom: 1px solid #eaeaea}
.steplist li{display: inline-block;     padding: 10px 10px;}
.steplist li::before{display: none}
#main  table.listing td.headseparator, #main  table.listing td.separator, #main  table.listing td.endseparator{border-top: 1px solid #ededed;font-size: 0em;line-height: 0; padding: 0px !important;}
#body ol ul{margin: 10px 20px;}
#main ul.menu {margin-bottom: 20px; display: block;}
#main ul.menu li{display: inline-block; margin: 0px 10px;}
#main ul.menu li.active a{border-bottom: solid 3px #009ece; padding: 4px 0px;}

@media screen and (max-width: 1024px) { 

    #body > #sidebar{display: none;}
    

     
    #main + #sidebar, #helpViewWindow  #body > #sidebar{display: block !important;}
    #navbar ul.menu{background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); position: fixed; right: -200px; top: 0px; bottom: 0px; z-index: 999; visibility: hidden; width: 200px; transition:all 0.2s; -webkit-transition:all 0.2s; }
    #navbar ul.menu li{padding: 0px; }
    #navbar ul.menu li a{padding: 10px 20px;}
    #navbar{border: none;}
    .centerDiv{width: 100%}
    #navbar a{color: #333}
    #container{min-width: 100% !important;}
    #menuOnTop{display: inline-block; opacity: 0; visibility: hidden; position: fixed; left: -200px;}
.hideOnMobile{display: none !important;}
#body{display: block; height: auto; width: 100%}
#sidebar,  #main{ padding: 0px 20px;}
#sidebar, #rightSidebar, #leftSidebar, #main{display: block; width: 100%; clear: both;}
#leftSidebar{border-left:solid #B4BABF thin;}
#rightSidebar{border-right:solid #B4BABF thin;}
body, html{background: #fff}
.mshow{display: inline-block;}
#header {margin-top: 0}
#menuOnTop:checked{}
#main{width: 100% !important; margin: 0px !important; height: inherit; min-height: inherit; border:0px;}

#container{margin-top: 0px; min-width: auto !important; box-shadow: none;  border-bottom: 0px; margin-bottom: 0px;}
label[for="menuOnTop"]{font-size: 24px; padding: 10px; border-radius: 0%; background: #009ece; color: #fff; display: inline-block;}
.menuOnTopClose, #sidebar .sideOnTopClose{ transition:all 0.2s; -webkit-transition:all 0.2s;box-shadow: 0px 0px 10px rgba(0,0,0,0.5); position: fixed;  top: 0px; background: #fff; color: #333 !important; padding: 10px; font-size: 20px !important; }
.menuOnTopClose{right: -200px;  color: #fff !important;}

#navbar{position: fixed; top: 10px; left: 10px; z-index: 2; background: transparent; box-shadow: none}

#menuOnTop:checked ~ ul.menu{display: block; right:0px; visibility: visible; overflow: auto; width: 200px;}
#menuOnTop:checked ~ label[for="menuOnTop"].menuOnTopClose{right: 200px; margin-right: 0px;}
#navbar li{display: block; border-bottom: 1px solid #ccc; width: 100%;}
#navbar li:last-child{border-bottom: 0px;}
#navbar li a{width: 100%; float: none;}
#leftSidebar,  #rightSidebar{position: relative;  margin: 0px; width: 100%; min-height: inherit; border-top: 1px solid #ccc; }
   #pageFooter{margin-left: 0px ; margin-right: 0px;}

}
@media screen and (min-width: 480px) {
   
}

.tocArticleGalleysPages { text-align:right} in responsive.css