/**
 * common.css
 *
 * Copyright (c) 2003-2011 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Site-wide shared stylesheet.
 *
 * $Id$
 */

/*
 * Notifications
 * FIXME: (Re)move once OJS styles are consolidated with new styles and themes
 */
@import url("../lib/pkp/styles/themes/default/pnotify.css");

.ui-pnotify-title {
	font-size: 0.8em;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
}

.ui-pnotify-text {
	font-size: 0.6em;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
}

.ui-pnotify-history-container .ui-pnotify-history-header {
	font-size: 0.8em;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
}

/**
 * Common HTML elements
 */

a:link {
	color: #375;
}

a:active {
	color: #253;
}

a:visited {
	color: #375;
}

a:hover {
	color: #253;
	background: #CDC;
}


/**
 * Main layout elements
 */

#header {
	background-color: #ABA;
}

#footer {
	background-color: #ABA;
}

#main {
	width: 80%;
	margin: 0 auto;
}


/**
 * 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 a {
	font-size: 0.65em;
	letter-spacing: 0.01em;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
}


/**
 * 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: 170px;
	margin: 1em 2em 1em 0;
	text-align: center;
}


/**
 * Issue cover image
 */

#issueCoverImage img {
	display: block;
	border: 0;
}

.issueCoverImage img {
	border: 0;
	float: left;
	width: 225px;
	margin: 1em 1em 1em 0;
}

#issueCoverImage a:link, .issueCoverImage a:link {
}

#issueCoverImage a:active, .issueCoverImage a:active {
}

#issueCoverImage a:visited, .issueCoverImage a:visited {
}

#issueCoverImage a:hover, .issueCoverImage a:hover {
}


/**
 * Editorial Team Lists
 */

ol.editorialTeam {
}

ol.editorialTeam li {
	list-style: none;
}

ol.editorialTeam, ol.editorialTeam li {
	margin-left: 0;
	padding-left: 0;
}


/**
 * Additional text styles
 */

pre {
	background-color: #F0F0E8;
	color: #000;
	font-size: 1.25em;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
}

/**
 * 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:500px;
}
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;
}

/* @end */






















/*
 * Fusing Wordpress Menu Style
 * Into OJS header
 */
/*

Theme Name: Avada

Description: A business, portfolio and blog theme.

Author: ThemeFusion

Theme URI: http://theme-fusion.com/avada/

Author URI: http://themeforest.net/user/ThemeFusion

Version: 3.3.1

License: GNU General Public License

License URI: license.txt

*/



html{

overflow-y:scroll;

}

input[type=submit],

input[type=text],

input[type=password],

input[type=file],

textarea{

	-webkit-appearance:none;

	-webkit-border-radius:0;

}

input[type="image"]{

	padding:0;

	border:none;

}

body {

	margin:0;

	color:#747474;

	min-width:320px;

	-webkit-text-size-adjust:100%;

	font:13px/20px 'PT Sans', Arial, Helvetica, sans-serif;

}



html {

	overflow-x: hidden;

}



#wrapper {

	overflow: visible;

}



.body_blank {

	display:table;

	height:100%;

	width:100%!important;

	position:absolute;

	margin:0;

	left:0;

	top:0;

	overflow-x: hidden;

}

body.body_blank.admin-bar {

	top: 31px;

}

body.body_blank.admin-bar #wrapper #slidingbar-area {

	top: 0;

}



.wrapper_blank {

	display: table-cell; 

	float: none; 

	vertical-align: middle;

	width: 100%;

}



.wrapper_blank .page-title-container {

    margin-bottom: 25px;

}



.wrapper_blank #main{

	background: transparent !important;

	padding: 0;

}



img{

	border-style:none;

	vertical-align:top;

	max-width:100%;

	height:auto;

	backface-visibility:hidden;

	-webkit-backface-visibility:hidden;

	-moz-backface-visibility:hidden;

	-ms-backface-visibility:hidden;	

}

object{

	max-width:100%;

}

a{

	text-decoration:none;

	color:#333;

}

a:hover {

	color:#1a80b6 !important;

	text-decoration:none;

}

input,

textarea,

select {

	font:100%  'PT Sans', Arial, Helvetica, sans-serif;

	vertical-align:middle;

	color:#000;

}

form, fieldset {

	margin:0;

	padding:0;

	border-style:none;

}

.clearfix:after,#content:after {

  content: "";

  display: table;

  clear: both;

}

.clear{clear:both;}

.wp-caption{max-width:100% !important;}

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

.avada-row{

	margin:0 auto;

	max-width:940px;

}

.avada-row:after{

	content:"";

	display:block;

	clear:both;

}

#header .logo{

	float:left;

	overflow:hidden;

	margin:31px 0 0 0;

}

#header .logo a{

	height:100%;

	display:block;

}

#header .retina_logo{display:none;}



#header .login-box,#small-nav .login-box{

	left:auto;

	right:0;

}

#header .login-box .forgetmenot,#small-nav .login-box .forgetmenot{line-height:32px !important;}

#header .login-box .forgetmenot input,#small-nav .login-box .forgetmenot input{margin:0;}

#header .login-box p,#small-nav .login-box p{font-size:11px !important;}

#header .login-box p .input-text,#small-nav .login-box p .input-text{margin-bottom:10px;}



nav#nav, nav#sticky-nav{

	float:right;

	font:15px/18px   'PT Sans', Arial, Helvetica, sans-serif;

	z-index: 99999

    text-transform: none;

}

#nav ul, #sticky-nav ul{

	list-style:none;

	margin:0;

	padding:0;

}

#nav ul li, #sticky-nav ul li{

	float:left;

	padding: 0 30px 0 0;

	margin: 0;

}

ul#navigation > li:last-child{padding-right:0;}

#nav ul a,#sticky-nav ul a,#navigation li.current-menu-ancestor a{

	display:block;

	height:83px;

	line-height:83px;

	border-top:3px solid transparent;

    text-transform: none;

	color:#333;


}

#nav ul .current_page_item a, #nav ul .current-menu-item  a, #nav ul > .current-menu-parent a,

#sticky-nav ul .current_page_item a, #sticky-nav ul .current-menu-item  a, #sticky-nav ul > .current-menu-parent a{

	color:#1a80b6;

	text-decoration:none;

	border-color:#1a80b6;

}

#nav ul li, #sticky-nav ul li{

	position:relative;

}

#nav ul ul, #sticky-nav ul ul{

	display:none;

	position:absolute;top:86px;left:0px;

	width:160px;

	background:#edebeb;

	z-index:100000;

	border-top:3px solid #1a80b6;

	z-index: 99999;

	-moz-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);

	-webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);

	box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);

	/*-moz-box-shadow: -1px 1px 10px rgba(0,0,0,.22);

	-webkit-box-shadow: -1px 1px 10px rgba(0,0,0,.22);

	box-shadow: -1px 1px 10px rgba(0,0,0,.22);*/

}

#nav ul li:hover ul, #sticky-nav ul li:hover ul{

	display:block;

color:#1a80b6 !important;

}

#nav ul li ul li, #sticky-nav ul li ul li{

	display:block;

	float:none;

	margin:0;

	padding: 0;

}

#wrapper #nav ul li ul li a, #wrapper #sticky-nav ul li ul li a{

	border:0;

	border-bottom:1px solid #dcdadb;

	height:auto;

	text-indent:0px;

	font:13px/30px 'PT Sans', Arial, Helvetica, sans-serif;

	color:#333333 !important;

	padding:7px 20px;

	line-height:19px;

}

#wrapper #nav ul li ul li a:hover,#wrapper #nav ul li ul li.current-menu-item a,

#wrapper #sticky-nav ul li ul li a:hover,#wrapper #sticky-nav ul li ul li.current-menu-item a{

	background-color:rgba(255,255,255,0.5);

}

#nav ul ul ul, #sticky-nav ul ul ul{

	display:none !important;

}

#nav ul ul li:hover ul, #sticky-nav ul ul li:hover ul{

	display:block !important;

	top:-3px;left:160px;

}

#nav .dd-container,#sticky-nav .dd-container,.top-menu .dd-container{

	max-width:100%;

	display:none;

}

.main-nav-search {

	width:25px;

}

a.search-link {

    font-size: 14px;

    font-family: FontAwesome !important;

    cursor: pointer;

}

a.search-link:after {

 	border: 1px solid;

    border-radius: 50% 50% 50% 50%;

    padding: 5px;

    content: "\f002";

}

.main-nav-search a:hover {

	border-top: none !important;

	padding-top:3px !important;

}

#header.sticky-header .main-nav-search a:hover {

	border-top: none !important;

	padding-top:3px !important;

}

.main-nav-search-form {

    display: none;

    left: auto;

    position: absolute;

    right: 0;

    top: auto;

    z-index: 99999;

    width: 200px;

    padding: 25px;

    background-color: #ffffff;

    border: 1px solid #E6E5E6;

    text-align:right;

    font-size: 0;

}

#header.sticky-header .main-nav-search-form {

	top: 65px;

}

.main-nav-search-form input{

	display: inline-block  !important;

	color: #AAA9A9;

	background-color: #ffffff;

    border: 1px solid #D2D2D2;

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;

    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;

    color: #747474;

    font-size: 13px;

    height: 16px;

    padding: 8px 5px !important;

    width:150px;

}



.header-wrapper .header-v4 .main-nav-search-form input#s,.header-wrapper .header-v5 .main-nav-search-form input#s {

	width:150px;

}

.main-nav-search-form input[type="submit"], .search-page-search-form input[type="submit"] {

    background: #000000 !important;

    border: none !important;

    color: #FFFFFF !important;

    font-size: 14px;

    height: 34px;

    line-height: 34px;

    margin: 0;

    padding: 0 !important;

    width: 34px;

    text-indent: 0 !important;

    display: inline-block !important;

    cursor: pointer;

    font-family: FontAwesome !important;

}

.main-nav-search-form input[type="submit"]:hover,.search-page-search-form input[type="submit"]:hover {

    background: #1a80b6;

}

.search-page-search-form { 

	padding-bottom: 60px;

	border-bottom: 1px solid #E6E5E6;

	margin-bottom: 60px;

}

.search-page-search-form .seach-form { text-align: right; margin-left:-3px; font-size: 0;}

.search-page-search-form input { 

	color: #AAA9A9;

	background-color: #ffffff;

    border: 1px solid #D2D2D2;

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;

    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;

    color: #747474;

    font-size: 13px;

    height: 16px;

    padding: 8px 2% !important;

    width: -moz-calc(96% - 39px);

    width: -webkit-calc(96% - 39px);

    width: -ms-calc(96% - 39px);

    width: -o-calc(96% - 39px);

    width: calc(96% - 39px);

    display: inline-block !important;

}





#fallback-slide{display:none;}

#fallback-slide img{width:100%;}

#wrapper #nav ul ul ul ul, .sticky-header #sticky-nav ul ul ul ul{display:none !important;}

#wrapper #nav ul ul ul li:hover > ul, .sticky-header #sticky-nav ul ul ul li:hover > ul{display:block !important;}



body #header.sticky-header{background:transparent !important;margin:0;position:fixed;top:0;left:0;z-index:99998;display:none;padding:0;width:100%;height: 105px;}

body.admin-bar #header.sticky-header{top:32px;}

body #header.sticky-header.sticky{display:block;}

body #header.sticky-header .logo{margin-top:0;margin-bottom:0;margin-left:0;max-height:65px;width:auto; float: left;}

body #header.sticky-header #sticky-nav ul ul{top:65px !important;}

body #header.sticky-header #sticky-nav ul ul ul{top:-3px !important;}

body #header.sticky-header .sticky-shadow {

	height:102px;

	background:rgba(255,255,255,0.97) !important;

	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);

	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);

	padding: 0 10px;

}

.sticky-header #sticky-nav ul li a {

    border-top-width: 0;

    padding-top: 3px;

}

.sticky-header #sticky-nav ul .current_page_item a, .sticky-header #sticky-nav ul .current-menu-item a, .sticky-header #sticky-nav ul > .current-menu-parent a, .sticky-header #navigation li.current-menu-ancestor a, .sticky-header #sticky-nav ul > li > a:hover {

    border-top-width: 3px;

    padding-top: 0;

}

.sticky-header #sticky-nav ul li ul li a, .sticky-header #sticky-nav ul li ul li a:hover { padding: 7px 20px; }



body #header.sticky-header .sticky-shadow .mobile-nav-holder { padding-top: 117px; }



body #header.sticky-header .sticky-shadow .nav-holder .dd-container { padding-top: 117px; }

body #header.sticky-header .sticky-shadow .nav-holder .dd-options li a { padding:1 10px; }



/*

body #header.sticky-header #navigation > li > a, #navigation li.current-menu-ancestor a,

body #header.sticky-header #sticky-nav ul.menu .cart a{

	height: 83px;

	line-height: 83px;

}


/* Shortcodes */

.one_half, .one_third, .two_third, .three_fourth, .one_fourth { margin-right: 4%; float: left; margin-bottom:20px; position:relative; }

.one_half { 	width: 48%; }

.one_third { width: 30.6666%; }

.two_third { width: 65.3332%; }

.one_fourth { width: 22%; }

.three_fourth { width: 74%; }

#main .last { margin-right: 0 !important; clear: right; }

.clearboth{ clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; }

.shortcode-tabs .tab-hold .tabs li{

	border-right:0 !important;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

input::-moz-focus-inner { 
  border: 0; 
}

.clearfix::after, #content::after {
    clear: both;
    content: "";
    display: table;
}
.home-page #content {
    width: 84%;
}
#content {
    border-top: medium none;
    font-family: "PT Sans",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0 1px 60px;
    min-height: 100%;
    padding-top: 5px;
}
#content {
    border-top: medium none;
    font-family: "PT Sans",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0 1px 60px;
    min-height: 100%;
    padding-bottom: 35px;
    padding-top: 25px;
}
#content {
    margin-right: 0 !important;
}
#content {
    border-top: 2px dotted #000;
    font-size: 0.7em;
    margin: 0;
    padding: 0.5em 0 0;
}
div {
    text-align: left;
}
div {
    text-align: left;
}
#main {
    font-family: "PT Sans",Arial,Helvetica,sans-serif;
}
#main {
    font-family: "PT Sans",Arial,Helvetica,sans-serif;
}
div {
    text-align: left;
}
div {
    text-align: left;
}
#container {
    text-align: center;
}
div {
    text-align: left;
}
body {
    color: #747474;
    font: 13px/20px "PT Sans",Arial,Helvetica,sans-serif;
}
body {
    color: #111;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
}
.main-section #breadcrumb {
    background: white none repeat scroll 0 0;
    color: #000;
    display: block;
    margin-top: 0;
    padding-left: 1px;
}
.main-section #breadcrumb a {
    color: #000;
    font-size: 1.5em;
}