/*
 * plugins/themes/professions/professions.css
 *
 * Copyright (c) 2013-2014 Simon Fraser University Library
 * Copyright (c) 2003-2014 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Responsive theme for Professions & Professionalisms, based on classicBrown theme
 */

/* Ultra Narrow Layout END */
/* Hide/show menu END */
/* Styles for HTML fulltext articles START */

#pp-ojs-article p {
/*  line-height: 1.55em;*/	
	line-height: 300%;
}

#pp-ojs-article li {
/*  line-height: 1.55em;*/	
	line-height: 200%;
}
#pp-ojs-article p + p,
#pp-ojs-article div.table-wrap + p,
#pp-ojs-article p + div.table-wrap,
#pp-ojs-article ul.references li + li,
#pp-ojs-article p + div.fn-group,
#pp-ojs-article table + div {
	margin-top: 1.55em;

}
#pp-ojs-article div.footnote + div.footnote {
	margin-top: 0;
}
#pp-ojs-article .fig img {
	margin: auto;
	max-width: 100%;
}
#pp-ojs-article table-wrap {
	overflow: auto;
}
#pp-ojs-article {
	text-align: left;
	margin-left: 0; 
	margin-right: 0;
	color: white; /*  20.03 - new- set text color as white */
	background-color : #272727; /* 20.03 - new-set background color as #272727  */
}
#pp-ojs-article div,
#pp-ojs-article p,
#pp-ojs-article table,
#pp-ojs-article caption {
	font-size: 1em;
}
#pp-ojs-article div > *:first-child,
#pp-ojs-article td > *:first-child {
	margin-top: 0em;
}
#pp-ojs-article div {
	margin-top: 0.5em;
}

#pp-ojs-article div.front,
#pp-ojs-article div.footer {
    padding-left : 1em; /* 20.03 - new - set padding left */
    padding-right : 1em; /* 20.03 - new - set padding right */ 
} 
#pp-ojs-article .back,
#pp-ojs-article .body {
/*  font-family: serif;  03.04 - change font style for the article */
    padding-left : 1em; /* 20.03 - new - set padding left */
    padding-right : 1em; /* 20.03 - new - set padding right */

}
#pp-ojs-article table.metadata td {
	vertical-align: top;
}
#pp-ojs-article table.two-column td {
	width: 50%;
}
#pp-ojs-article div.metadata-group {
	margin-top: 0.5em;
	font-family: sans-serif;
	font-size: 75%;
}
#pp-ojs-article div.metadata-group > p,
#pp-ojs-article div.metadata-group > div {
	margin-top: 0.5em;
}
#pp-ojs-article div.metadata-area * {
	margin: 0em;
}
#pp-ojs-article div.metadata-area > div.metadata-area {
	margin-left: 1em;
	margin-top: 0em;
}
#pp-ojs-article div.metadata-chunk > div.metadata-area {
	margin-left: 1em;
	margin-top: 0em;
}
#pp-ojs-article div.metadata-chunk {
	margin-left: 1em;
}
#pp-ojs-article div.branding {
	text-align: center;
}
#pp-ojs-article div.document-title-notes {
	text-align: center;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
#pp-ojs-article hr.part-rule {
	color: red;
	width: 50%;
	margin-top: 1em;
	margin-bottom: 1em;
}
#pp-ojs-article hr.section-rule {
	color: #272727;
	width: 50%;
	margin-top: 1em;
	margin-bottom: 1em;
}
#pp-ojs-article .xref {
	color: red;
}
#pp-ojs-article .generated {
	color: gray;
}
#pp-ojs-article .warning,
#pp-ojs-article tex-math {
	font-size: 80%;
	font-family: sans-serif;
}
#pp-ojs-article .warning {
	color: red;
}
#pp-ojs-article .tex-math {
	color: green;
}
#pp-ojs-article .data {
	color: #272727;
}
#pp-ojs-article .formula {
	font-family: sans-serif;
	font-size: 90%;
}
#pp-ojs-article h1,
#pp-ojs-article h2,
#pp-ojs-article h3,
#pp-ojs-article h4,
#pp-ojs-article h5,
#pp-ojs-article h6 {
	display: block;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	color: #fff; /* 20.03 - change heading text colour */
	font-weight: bold;
	margin-bottom: 0.25em;
	margin-top: 1.125em;
}
#pp-ojs-article h1 {
	font-size: 2.5em;
}
#pp-ojs-article h2.main-title {
	font-size: 2em;
	border-bottom: 1px solid #fff;  /* 20.03 - set the title heading line to white . original midnightblue */
	font-family: sans-serif;
}
#pp-ojs-article h3 {
	font-size: 1.75em;
	font-family: "Times New Roman", "Times", serif;
	text-transform: none;
	font-weight: bold;
	margin-bottom: 0.25em;
}
#pp-ojs-article h4 {
	font-size: 1em;
	font-family: sans-serif;
}
#pp-ojs-article h5 {
	font-size: 1em;
	font-family: "Times New Roman", "Times", serif;
	font-weight: normal;
}
#pp-ojs-article h2 + p,
#pp-ojs-article h3 + p,
#pp-ojs-article h4 + p,
#pp-ojs-article h5 + p,
#pp-ojs-article h6 + p {
	margin-top: 0;
}
#pp-ojs-article .document-title {
	text-align: center;
	font-family: helvetica, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.25em;
}
#pp-ojs-article div.section,
#pp-ojs-article div.back-section {
	margin-top: 1em;
	margin-bottom: 0.5em;
}
#pp-ojs-article h2 + div.section,
#pp-ojs-article h3 + div.section {
	margin-top: 0;
}
#pp-ojs-article div.section + div.section > h4 {
	margin-top: 1.25em;
}
#pp-ojs-article div.caption {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#pp-ojs-article .callout-title {
	text-align: right;
	margin-top: 0.5em;
	margin-right: 1em;
	font-size: 140%;
}
#pp-ojs-article div.blockquote {
	font-size: 90%;
	margin-left: 2.25em;
	margin-right: 2.25em;
	margin-top: 1em;
	margin-bottom: 1em;
}
#pp-ojs-article div.speech {
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#pp-ojs-article div.verse-group {
	margin-left: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#pp-ojs-article div.verse-group div.verse-group {
	margin-left: 1em;
	margin-top: 0em;
	margin-bottom: 0em;
}
#pp-ojs-article div.note {
	margin-top: 0em;
	margin-left: 1em;
	font-size: .85em;
}
#pp-ojs-article .ref-label {
	margin-top: 0em;
	vertical-align: top;
	background-color: magenta;
}
#pp-ojs-article .ref-content {
	margin-top: 0em;
	padding-left: 0.25em;
	background-color: cyan;
}
#pp-ojs-article h5.label {
	margin-top: 0em;
	margin-bottom: 0em;
	background-color: yellow;
}
#pp-ojs-article p {
	margin-top: 0.5em;
	margin-bottom: 0em;
}
#pp-ojs-article p.first {
	margin-top: 0em;
}
#pp-ojs-article p.verse-line,
#pp-ojs-article p.citation {
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 2em;
	text-indent: -2em;
}
#pp-ojs-article p.address-line {
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 2em;
}
#pp-ojs-article div.panel {
	background-color: #272727; /* 20.03 - set to #272727. orignal white */
	font-size: 90%;
	border: thin solid white; /* 20.03 - set to white. orignal #272727 */
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-top: 1em;
	margin-bottom: 1em
}
#pp-ojs-article ul,
#pp-ojs-article ol {
	margin-top: 0.5em;
}
#pp-ojs-article li {
	margin-top: 0.5em;
	margin-bottom: 0em;
	font-family: "Times New Roman", "Times", serif;
	font-size: 1.2em;
}
#pp-ojs-article li > p {
	margin-top: 0.2em;
	margin-bottom: 0em;
}
#pp-ojs-article table.def-list {
	border-spacing: 0.25em;
	border-top: thin solid #272727;
}
#pp-ojs-article table.def-list td {
	vertical-align: top;
	border-bottom: thin solid #272727;
	padding-bottom: 0.5em;
}
#pp-ojs-article table.def-list th {
	vertical-align: top;
	text-align: left;
	border-bottom: thin solid #272727;
	padding-bottom: 0.5em;
}
#pp-ojs-article .label {
	font-weight: bold;
	font-family: sans-serif;
	font-size: 1em;

}

#pp-ojs-article div.caption p {
	font-family: sans-serif;
	font-size: 1em;
	font-weight: bold;
}
#pp-ojs-article .monospace {
	font-family: monospace;
}
#pp-ojs-article .overline {
	text-decoration: overline;
}
#pp-ojs-article h2 {
	margin-top: 1.5em;
}
#pp-ojs-article h2.author {
	display: block;
	clear: both;
	text-align: center;
	margin-top: 1em;
	line-height: 1em;
}
#pp-ojs-article div.abstract {
	margin-top: 0.5em;
	font-family: sans-serif;
	margin-bottom: 2em;
}
#pp-ojs-article div.footer {
	margin-top: 2em;
	border-top: thin solid #272727;
}
#pp-ojs-article #article1-footer div.history {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
#pp-ojs-article div.branding {
	border-top: 1px solid #272727;
	padding-top: .25em;
	padding-bottom: .25em;
	border-bottom: thin solid #272727;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 75%;
	font-family: sans-serif;
	color: gray;
	text-align: center;
}
#pp-ojs-article p.license {
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: .5em;
	padding-right: .5em;
	border: thin solid #272727;
	margin-top: 1em;
	margin-bottom: 1em;
}
#pp-ojs-article p.license img {
	float: left;
	margin-right: 1em;
}
#pp-ojs-article a:link {
	color: #fff; /* 20.03 - set link text colour to white . Original : blue  */
	background-color: #272727 ; /* 20.03 - set link text colour to #272727 . Original : white  */
	text-decoration: none;
}
#pp-ojs-article a:visited {
	color: grey; /* 20.03 - set visited link to grey */
	text-decoration: none;
}
#pp-ojs-article a:hover {
	text-decoration: underline;
	background-color: white;
	color : #272727; /* 20.03 - new - to set the text color #272727 when hover */
}
#pp-ojs-article a:active {
	color: white; /* 20.03 - set visited link to white. original: orange */
}
#pp-ojs-article hr.part-rule {
	border: none;
	border-top: 1px solid #272727;
	display: none;
}
#pp-ojs-article ul.references {
	padding-left: 0;
	list-style-type: none;
	
}
#pp-ojs-article ul.references a {
	display: block;
}
#pp-ojs-article ul.references li a:hover {
	background-color: white; 
	color : #272727; /* 20.03 - new - set to #272727 text when hover */
}



#pp-ojs-article table {
	border: 1px solid white; /* 20.03 - set border colour to white. Original #272727*/
	width: 100%;
	border-collapse: collapse;
	
}
#pp-ojs-article tr.header-row td,
#pp-ojs-article tr.header-row th {
	border: none;
	padding-top: 2em;
}
#pp-ojs-article td,
#pp-ojs-article th {
	padding: .5em;
	border: 1px solid gray;
}
#pp-ojs-article td + td {
	text-align: center;
}
#pp-ojs-article th + td {
	text-align: center;
}
#pp-ojs-article th + th {
	text-align: center;
}
#pp-ojs-article th:first-child {
	text-align: left;
}
#pp-ojs-article table.figure {
	border: 1px solid gray;
}
#pp-ojs-article table.borderless {
	border: none;
}
#pp-ojs-article table.figure td,
#pp-ojs-article table.borderless td,
#pp-ojs-article table.figure th,
#pp-ojs-article table.borderless th {
	border: none;
	text-align: center;
	vertical-align: top;
}
#pp-ojs-article .five-col-equal-width td,
#pp-ojs-article .five-col-equal-width th {
	width: 19%;
}
#pp-ojs-article .three-col-equal-width td,
#pp-ojs-article .three-col-equal-width th {
	width: 33%;
}
#pp-ojs-article .bigtext {
	font-size: 2em;
}
#pp-ojs-article tr.normal th {
	font-weight: normal;
	color: midnightblue;
}
#pp-ojs-article table.long-text td,
#pp-ojs-article table.long-text th {
	text-align: left;
}
#pp-ojs-article tr:hover {
	background-color: grey;
}

#pp-ojs-article #article1-front p.logo {
	display: none;
}

.floatingBox {
 /*   float: right;
  margin: 5px;*/
  padding: 5px;
  overflow: hidden; 
  width:30%;
  background:white;
  margin: auto;
}

.floatingBox p {
    text-align: center;
    vertical-align: middle;
    color: black;

}

div#twocolumnrightSB {
float: right;
 /*     height: 900px;
    width: 250px;*/
}

.twoimagecontainer {
    width: 100%;
}

.containerleft {
    display: inline-block; 
    width: 50%;
    vertical-align: bottom;
}

.containerright {
    display: inline-block; 
    width: 45%; 
    vertical-align: bottom;
    text-align: center;
    color:black;
    background:white;
    padding:10px;
}