/* 
    Document   : layout
    Created on : Oct 27, 2010, 12:53:51 PM
    Author     : bidwellg
    Description: basic layout for OJS page regions.
10px is placeholder value
*/

#wrapper {
	width: 100%;
  max-width: 1024px;
  min-width: 900px;
  margin: 0 auto;
}

#navigation {
  clear: both;
}

#rightSidebar {
	float: right;
	height: 100%;
}
.sidebar-right #content {
	width: auto;
	overflow: hidden;
}

#leftSidebar {
	float: left;
	height: 100%;
	overflow: hidden;
}
.sidebar-left #content {
	width: auto;
	overflow: hidden;
}

.both-sidebars #content {
	width: auto;
	overflow: hidden;
}

#footer {
  clear: both;
}

#main {

}


#content {

  padding: 1em 1em 0 1em;
  min-width: 600px;
}
#content > h2:first-child {
/*  margin-top: 0;*/
}
#navigation {
  padding: 0.25em 1em;
}
#header {
  padding-left: 0.75em;

}
#footerContent {

  padding: 1em;
}

.sidebar {
  width: 180px;
  padding: 0 1em;
}

#wrapper {

}
#wrapper-inner {
  padding: 0 10px 10px 10px;
  background: #ccc;
  background: rgba(204,204,204, 0.5);
}
#container {
  background: #fff;
}

/*page elements */
.journal-homepage-image {
  float: left;
  margin-right: 1em;
  margin-bottom: 0.75em;
}


.journal-home-issue {
  clear: both;
}
.block {
    margin-bottom: 1em;
}
.block .content {
  padding: 0.5em;
}
div#accessKey {
  text-align: right;
  width: 100%;
  line-height: auto;
}
.accessLogo { position: relative; top: 5px;}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:".";}.clearfix{display:inline-block;}.clearfix{display:block;}
.journal-home-announcements {clear: both;}
#content > div {
  padding-bottom: 1.5em;
}
.tocArticle { clear: both;   }
.tocArticle > div { float: left; }
.tocArticle .article-authors { margin-bottom: 1em;}



.article-info { width: 70%;}
.galley-links { width: auto; margin-left: 2%;}
.tocPages {border-left: 1px solid #eee; padding-left: 10px; margin-left: 10px;}

.section { padding-bottom: 1.5em; clear: both;}

/*admin pages */
ul.steplist {
  float: left;
  width: 100%;
  margin-bottom: 1em; /* for some reason there are different containing elements in this template*/
}
#content ul.steplist li  {
  float: left;
  margin: 0 0.25em;
  padding-left: 0; /* override other list items */
  padding: 0 0.25em;
}
table {
  margin: 1em 0;
}
ul.menu {
  clear: both;
}
/*this appears in the admin templates */
table.info td {
  padding: 3px;
  font-size: 0.8em;
}
td.label {
  vertical-align: top;
}
td.label label {
  font-weight: bold;
}
table.listing tr.heading td,
table.info td.heading {
  padding: 3px;
  font-weight: bold;
  letter-spacing: 1px;
}
table.listing
tr.heading {
  border: 0;
  background: #ccc;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}
/*files browser*/
table.listing td.separator {
  display: none;
}
table.data td {
  padding: 0.5em 0;
}
table.data td.mceIframeContainer {
  padding: 0;
}

/*data class is used nested in other tables in some places - steplist mostly*/
table.data td table.data td {
  padding: 0;
}
td table {
  margin: 0;
}
td table.data td.label {
  text-align: left;
}
/*this is included in admin interfaces*/
span.instruct {
  margin: 0.5em 0;
}
/*more steplist specifics, just for now */
#reviewProcess table.data td.label {
  text-align: left;
}
#reviewOptions p {
  line-height: 2em;
}
#reviewOptions p span.instruct {
  line-height: 1.5em;
}
/*needed for admin tables */
.nowrap {
  white-space: nowrap;
}
#emails table.listing tr td {
  border-bottom: 1px solid #ccc;
  font-size: 0.8em;
  padding: 4px;
}
/* Related item sets page */
#versions table.listing tr td {
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
#versions table.listing td.heading {
  font-weight: bold;
  border-top: 1px solid #ccc;
  background-color: #eee;
}
/*table.listing is the advanced search results*/
table.listing {
  border: 1px solid #ccc;
}
table.listing td {
  padding: 3px;
}
table.listing td.separator {
  border-bottom: 1px solid #eee;
  height: 1px;
  padding: 0;
}
table.listing td.headseparator,
table.listing td.endseparator {
  display: none;
}
/*statistics page */
#statistics table.data td {
  padding: 4px;
}
#statistics table.data input {
  padding-right: 4px;
}
#statistics table.data td.label label {
  padding-left: 4px;
}
/*archives page */
.year {
  padding-bottom: 1.5em;
}

#advancedSearch input {
  width: 98%;
}
#advancedSearch p input {
  width: auto;
}
#advancedSearch {
  line-height: normal;
}
#advancedSearch td.label {
  text-align: right;
}
#advancedSearch td.formSubLabel {
  text-align: left;
}
#advancedSearch td {
  padding: 2px 4px;
}

.uair-footer {
 
}
/* mainly for the indexing metadata table */
.dialog h3 {
  font-size: 1.1em;
}
.dialog table {
  font-size: 0.8em;
  text-align: left;
}
.dialog thead {
  background-color: #ccc;
}
.dialog th.dublin-core {
  width: 25%;
  font-weight: bold;
}
.dialog table td,
.dialog table th {
  padding: 3px;
}
.dialog table tr td {
  border-bottom: 1px solid #ccc;
}

/*user home */
.journal {
  padding-bottom: 1.5em;
}
.journal td.separator {
  display: none;
}

/*article view page*/
/* the following restored from the removed articleView.css */
#articlePdfResizer {
	/* these are needed for firefox and opera to display the embedded object properly*/
	width: 98%;
	height: 500px;
	padding: 1px 0px 1px 1px;
}

#articlePdf {
	height:99%;
	padding: 1px 0px 1px 1px;
}

#articlePdf.fullscreen {
	position: fixed;
	width: 97%;
	height: 93%;
	left: 20px;
	top: 7px;
	z-index: 1002;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 2000px; /* 100% only fills window, not page, causing potential display issues */
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

#fullscreenShow {
	display: none;
	float: right;
}

#fullscreenHide {
	padding: 2px;
	background-color: white;
	display: none;
	position: fixed;
	bottom: 3px;
	right: 3px;
	z-index: 1003;
}

/*#articlePdfResizer {
  height: 600px;
}*/

#fullscreenHide {
  top:auto;
  border-bottom: 0;
 bottom: 3px;
 right: 3px;
 position: fixed;
}
/* in the admin interface, there are a few random h3 tags that are confused by floated menu list items - this needs a solution becuase we can't just clear h3s */


/* dialog boxes from reading tools templates */

.dialog #wrapper {
  min-width: 300px;
  max-width: 800px; /* long URLs won't break, so this needs to be allowed to be pretty wide */
}
.dialog #header {
  line-height: 2em;
}
.dialog #header h1 {
  float: left;
  font-size: 1.1em;
  line-height: inherit;
}
.dialog #header h2 {
  font-size: 1.1em;
  float: left;
  margin: 0 0 0 9px;
  padding-left: 9px;
  border-left: 1px solid #45649F;
  line-height: inherit;
}
.dialog #wrapper-inner {
  padding-top: 10px;
}
.dialog #content {
  padding: 1em;
  clear: both;
}

/*temporary fix until admin templates can be evaluated*/
ul.menu:after{display:block;visibility:hidden;clear:both;height:0;content:".";}ul.menu{display:inline-block;}ul.menu{display:block;}