/*

/global/styles/common.css

This file contains OJS-overrides and common UP styling for ALL journals. 
Any changes to this file will appear in ALL journals. ALL of them.

... you've been warned ...

These styles can be overriden per-journal in the journalStyleSheet.css file.

*/

/*	Overrides for:
		/lib/pkp/styles/common.css
*/

table.tocArticle {
	width: 100%;
	padding-bottom: 5px;
}

table.tocArticle td.tocTitle {
	width: 80%;
	height: 100%;
}

table.tocArticle tr:nth-child(2n+1) {
	background: #f7f7f7;
}

table.tocUPTitle {
	margin: 3px 0px 8px 0px;

}

/*	Overrides for:
		/styles/sidebar.css
*/

#sidebar img {
	border-style: none;
	text-decoration:none;
}

#sidebar a:hover {
	background-color: white;
}

#sidebar div.block span.blockTitle {
	text-transform: none; 
    letter-spacing: 0;
}

/* 	Overrides for:
		/styles/leftSidebar.css
*/

#leftSidebar {
	-moz-border-radius:3px 3px 3px 3px;
  	background-color: #ffffff;
  	border: 1px solid #D8D8D8;
	float: left;
	width: 140px;
	padding: 5px 5px 5px 5px;
	font-size: 0.65em;
	height: 100%;
	margin-top: 62px;
	margin-left: 10px;
	margin-right: 15px;
	display: inline;
	overflow: hidden;
}

#main {
	margin-right: 10px;
	overflow: hidden;
}

/*	Overrides for:
		up/styles/rightSidebar.css
*/

#rightSidebar {
	-moz-border-radius:3px 3px 3px 3px;
  	background-color: #ffffff;
  	border: 1px solid #D8D8D8;
	float: right;
	width: 14%;
	padding: 5px 5px 5px 5px;
	font-size: 0.65em;
	height: 100%;
	margin-top: 62px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	width:125px;
}

/* UP common styles */

/**
 * UP CSS
 * Copyright (c) 2011 Ubiquity Press
 *
 * Based on the common CSS template by John Willinsky
 * Distributed under the GNU GPL v2.
 */

/**
 * Common HTML elements
 */

body {
	margin: 0;
	padding: 0;
	background: none;
	color: #111;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}

/* add .clear to containers to guarantee clearing of floating child elements */
.clearAfter:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div {
	line-height: 140%;
	text-align: left;
}

table {
	border: 0;
	border-spacing: 0;
	font-size: 1.0em;
}

form {
	margin: 0;
}

a {
	text-decoration: none;
}

a:link {
	color: #4E5DB5;
}

a:active {
	color: #29378D;
}

a:visited {
	color: #4E5DB5;
}

a:hover {
	color: #29378D;
	background: #CDC;
}

a.plain {
	text-decoration: none;
}

a img {
	border: none;
}

ul {
	margin: 0.25em 0 0.75em 0;
	padding: 0 0 0 2.5em;
}

tt {
	font-size: 1.25em;
}

label {
}

label.error {
	color: #900;
}

input.textField, select.selectMenu, textarea.textArea, input.uploadField {
	background-color: #F0F0E8;
	color: #000;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,"Bitstream Vera Sans",Arial,Verdana,sans-serif;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-bottom: 2px solid #E8E8E1;
	border-right: 2px solid #E8E8E1;
	font-size: 1em;
}

input.button {
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-color: #E8E8E1;
	font-size: 1em;
}

input.defaultButton {
	background-color: #375;
	color: #FBFBF3;
	font-weight: bold;
}

/**
 * Main layout elements
 */

.hidethis {
display: none;
}

#container {
	line-height: 125%;
	text-align: center;
	float: left;
}

#header {
	padding: 0;
	margin: 0px auto;
	border-top: 1px solid #A2A2A2;
	border-right: 1px solid #A2A2A2;
	border-bottom: none;
	border-left: 1px solid #A2A2A2;
	background: none;
	font-size: 7px;
	text-align: center;
	width: 1000px;
	height: 134px;
}

#header a, #header a img {
color: none;
border: none;
background: none;
padding: 0;
margin: 0;
}

.pp_header_text {
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,"Bitstream Vera Sans",Arial,Verdana,sans-serif;
	font-size: 13px;
	color: #CAC2B8;
}

.pp_header_text a {
	text-decoration: none;
	color: #CAC2B8;
}

.pp_header_text a:link {
	color: #CAC2B8;
}

.pp_header_text a:active {
	color: #CAC2B8;
}

.pp_header_text a:visited {
	color: #CAC2B8;
}

.pp_header_text a:hover {
	color: #CAC2B8;
	background: none;
}


#headerTitle {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 800px;
}

#header h1 {
	margin: 0 auto;
	padding: 0.5em 0 0.25em 0;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,"Bitstream Vera Sans",Arial,Verdana,sans-serif;
	font-weight: normal;
	line-height: 1em;
}


#body {
	margin: 0 auto;
	margin-bottom: 10px;
	border-top: none;
	border-right: 1px solid #A2A2A2;
	border-bottom: 1px solid #A2A2A2;
	border-left: 1px solid #A2A2A2;
	background: none;
	overflow: hidden;
	width: 1000px;
}

#footer {
	min-height: 50px;
	position: relative;
	clear: both;
	background-color: #ABA;
	text-align: center;
}

#footerContent {
	width: 800px;
	margin: 0 auto;
}

#main {
	padding: 0.5em 0em 2em 0em;
	width: auto;
}

#main h2 {
	margin: 0em 1em 0.5em 0em;
	padding-top: 0.5em;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,"Bitstream Vera Sans",Arial,Verdana,sans-serif;
	font-weight: normal;
	font-size: 1.7em
	color: #000000;
}

#main h3 {
	margin: 0em 1em 0.5em 0em;
	padding-top: 0em;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,"Bitstream Vera Sans",Arial,Verdana,sans-serif;
	font-weight: normal;
	font-size: 1.7em
	color: #000000;
}

#main h4 {
	margin: 0em 1em 0.5em 0em;
	padding-top: 0em;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,"Bitstream Vera Sans",Arial,Verdana,sans-serif;
	font-weight: normal;
	font-size: 1.2em
	color: #000000;
}


#breadcrumb {
	padding-top: 1em;
	font-size: 0.7em;
	margin-bottom: 5px;
	width: 650px; /* same size as container #main */
}

#content {
	border: none;
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-size: 0.7em;
	color: #333333;
	width: 660px;
}

#content h3 {
	margin: 0em 1em 0.25em 0em;
	padding-top: 0.75em;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,"Bitstream Vera Sans",Arial,Verdana,sans-serif;
	font-weight: normal;
	font-size: 1.7em;
	line-height: 1.2em;
	color: #888888;
}

#content h4 {
	margin: 0em 1em 0.25em 0em;
	padding-top: 0.75em;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,"Bitstream Vera Sans",Arial,Verdana,sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	color: #777777;
}

#content h5 {
	margin: 0em 1em 0.25em 0em;
	padding-top: 0.75em;
	font-weight: bold;
	font-size: 1em;
	color: #000000;
}


/**
 * Navigation bar
 */
 
 
#navbar {
  -moz-border-radius:3px 3px 3px 3px;
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  margin: 0;
  margin-top: 8px;
  padding: 0;  
  width: 658px;
  text-align: center;
}

#navbar a {
	font-size: 11px;
	font-family: Helvetica, "Bitstream Vera Sans", Arial, sans-serif;
}

#navbar a:link {
}

#navbar a:active {
}

#navbar a:visited {
}

#navbar a:hover {
}

ul.menu {
	margin: 0;
	padding: 0;
	
}

ul.menu li {
	margin: 0;
	padding: 3px 8px;
	display: inline-block;
}

ul.menu li.current {
	font-weight: bold;
}

ul.menu a {
	text-transform: none;
	text-decoration: none;
}

/**
 * Breadcrumbs
 */

#breadcrumb a {
	text-decoration: none;
}

#breadcrumb a.current {
	font-weight: bold;
}


/**
 * Footer elements
 */

#footer div.debugStats {
	font-size: 0.6em;
}


/**
 * Additional text styles
 */

span.disabled, label.disabled {
	color: #666;
}

a.action, a.file {
	font-size: 0.85em;
	text-transform: none;
}

a.icon {
	text-decoration: none;
}

a.icon img {
	border: 0;
}

a.icon:hover {
	background: none;
}

span.formRequired {
	color: #333;
	font-size: 0.9em;
}

span.instruct {
}

span.heading {
	font-size: 0.85em;
	text-transform: uppercase;
}

span.highlight {
	border-bottom: none;
}

.nowrap {
	white-space: nowrap;
}

pre {
	background-color: #F0F0E8;
	color: #000;
	font-size: 1.25em;
}

/**
 * Table styles
 */

table.info {
}

table.info td {
	padding: 0;
	padding-bottom: 0.5em;
	padding-right: 0.5em;
}

table.listing {
}

table.listing tr.highlight {
	background: yellow;
}

table.listing td {
	padding: 0.25em 0.5em 0.25em 0.5em;
}

table.listing tr.heading td, table.listing td.heading, table.info td.heading {
	font-size: 0.85em;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 120%;
	padding: 0.75em 0.5em 1em 0.5em;
}

table.listing tr.fastTracked {
	background-color: #ABA;
}

table.info td.heading {
	padding-left: 0;
}


table.listing td.nodata, table.info td.nodata {
	text-align: center;
	font-style: italic;
}

table.listing td.headseparator {
	border-top: 1px dotted #000;
	font-size: 0.1em;
	line-height: 1%;
}

table.listing td.endseparator {
	border-top: 1px dotted #000;
	font-size: 0.25em;
	line-height: 10%;
}

table.listing td.separator, table.info td.separator {
	border-top: 1px dotted #DDDDD0;
	font-size: 0.1em;
	line-height: 1%;
}

table.data {
}

table.data tr {
}

table.data td {
	padding-bottom: 0.25em;
}

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

table.data td.value {
}

table.data td.separator {
	padding: 0.5em;
	font-size: 0.1em;
	line-height: 1%;
}

table.data td.heading {
	padding-left: 0;
	padding-right: 0;
}

table.nested tr {
	padding: 0;
	margin: 0;
}

span.nested {
	padding: 0 4px 0 0;
	font-size: 1.2em;
}

/**
 * Form-specific elements
 */

span.formError {
	color: #900;
	font-weight: bold;
	font-size: 1em;
}

ul.formErrorList {
	color: #900;
}


/**
 * Other organizational elements
 */



ul.steplist {
	margin: 0;
	padding: 0;
	list-style-type: decimal;
}

ul.steplist li {
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	padding-right: 0.5em;
	display: inline;
	text-transform: uppercase;
}

ul.steplist li.current {
	font-weight: bold;
}

ul.steplist a {
	text-decoration: none;
}

ul.plain {
	list-style-type: none;
	padding-left: 1.5em;
}

div.separator {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 0.25em;
	padding: 0;
	border-bottom: 1px dotted #000;
	font-size: 0.5em;
	line-height: 25%;
}

div.progressbar {
	background-image: url('https://triggered.edinburgh.clockss.org/ServeContent?url=http%3A%2F%2Fopenhealthdata.metajnl.com%2Ftemplates%2Fimages%2Fprogbg.gif');
	background-repeat: no-repeat;
	height: 27;
	width: 505;
	z-index:1;
}

/**
 * UP Journal-specific elements
 */


p.frontpage_block_header {
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,"Bitstream Vera Sans",Arial,Verdana,sans-serif;
	font-size: 1.7em;
	color: #888888;
}


#frontpage_main {
	overflow: hidden;
	width: 660px;
	margin: 0px 15px 0px 0px;
	float: left;
}

.content_block {
	-moz-border-radius:3px 3px 3px 3px;
  	background-color: #ffffff;
  	border: 1px solid #D8D8D8;
    background-color: #ffffff;
	margin: 0px 0px 5px; 0px;
	padding: 8px 8px 8px 8px;
	color: #333333;
}

/* centre-left */
#frontpage_block1 {
  -moz-border-radius:3px 3px 3px 3px;
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  margin: 8px 0 0px 0;
  padding: 0px 8px 8px 8px;  
  width: 308px;
  overflow: hidden;
}

/* centre-right */
#frontpage_block2 {
  -moz-border-radius:3px 3px 3px 3px;
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  margin: 8px 0 0px 0;
  padding: 0px 8px 8px 8px; 
  width: 308px;
  float: right;
  overflow: hidden;
}

/* top */
#frontpage_block3 {
  -moz-border-radius:3px 3px 3px 3px;
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  margin: 8px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  overflow: hidden;
  /* height: 216px; disabled 2014-04-23 - we have problems where content is hidden below the fold of this box */
  min-height: 216px;
}

/* about the journal text */
#frontpage_block3l {
  margin: 8px 8px 8px 8px;
  padding: 0px 0px 0px 0px; 
  overflow: hidden;
  width: 315px;
  float: left;
}

/* highlights images */
#frontpage_block3r {
  background-color: #ffffff;
  margin: 8px 8px 8px 8px;
  padding: 0px 0px 0px 0px; 
  width: 300px;
  float: right;
  position: relative;
  overflow: hidden;
}

.frontpage_block3r img {
	-moz-border-radius:3px 3px 3px 3px;
  	border: 1px solid #D8D8D8;
    bottom: 0 px;
    left: 0 px;
    margin: 8px 8px 8px 8px;
    position: absolute;
}

.frontpage_block3r a img, .frontpage_block3r a:hover img {
	border: 1px solid #D8D8D8;
}

/* centre-bottom */
#frontpage_block4 {
  -moz-border-radius:3px 3px 3px 3px;
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  margin: 8px 0px 0px 0px;
  padding: 0px 5px 0px 5px; 
  overflow: auto;
  clear: both;
}

/* right skyscraper ads */
#frontpage_block5 {
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 0px 2px; 
  width: 120px;
  overflow: hidden;
}


.content_block1 {
  -moz-border-radius:3px 3px 3px 3px;
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  margin: 8px 0 0px 0;
  padding: 0px 5px 5px 5px; 
  overflow: hidden;
  width: 650px;
}

#article_container {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 12px;
}

#article_icon {
  margin-top:3px;
  margin-right: 6px;
  -moz-border-radius: 3px 3px 3px 3px;
  border: 1px solid #D8D8D8;
  float: left;
}

* html article_details { /* IE 3px jog hack*/
height: 1%;
}

#article_details {
  font-size: 1em;
  color: #333333;
  margin-left: 90px;
}

#header_left {
  border: none;
  margin: 0px 125px 0px 0px;
  padding: 0px 0px 0px 0px; 
  width: 150px;
  overflow: hidden;
  float: left;
}

#header_middle {
  border: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  float: left;
  width: 417px;
  overflow: hidden;
}

#header_right {
  border: none;
  margin-right: 20px;
  float: right;
  overflow: hidden;
}

br.clear {
  clear: both;}
  
.clear {
    clear: both !important;
    font-size: 0.1px !important;
    line-height: 0 !important;
    text-indent: -5000px !important;
    visibility: hidden;
}

/* UP Search */

#up_search {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px; 
  height: 26px;
  overflow: hidden;
}

#up_search_box {
    border: 1px solid #CACACA;
	border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
	border-right: none;
    margin: 0px 0 0 0px;
    outline: medium none;
    padding: 0px 0;
	width: 100px;
	height: 24px;
	box-shadow: 0 1px 1px #FFFFFF;
	float: left;
}  

#up_search_input {
	border: 0px solid #FFFFFF;
	color: #999999;
    font-size: 14px;
    font-family: Arial,Helvetica,Sans-serif;
    margin: 0;
    margin-left: 3px;
    outline: medium none;
	width: 100px;
    padding: 1px 0;
}  

#up_search_input input {
	border: none;
	padding: 3px;
}

#up_search_button {
    background: url('https://triggered.edinburgh.clockss.org/ServeContent?url=http%3A%2F%2Fopenhealthdata.metajnl.com%2Fglobal%2Fimages%2Fup_search_button.png') no-repeat scroll -6px 50% #E9E9E9;
    border: 1px solid #CACACA;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 1px 1px #FFFFFF;
    cursor: pointer;
    height: 26px;
    outline: 0 none;
    overflow: hidden;
    right: 0;
    text-indent: 40px;
    top: 0;
    width: 31px;
}

#up_search_button:hover {
    background: url('https://triggered.edinburgh.clockss.org/ServeContent?url=http%3A%2F%2Fopenhealthdata.metajnl.com%2Fglobal%2Fimages%2Fup_search_button.png') no-repeat scroll -46px 50% #F2F2F2;
    border: 1px solid #939393;
    text-decoration: none;
    z-index: 11;
}

#up_search_button:active {
    background: url('https://triggered.edinburgh.clockss.org/ServeContent?url=http%3A%2F%2Fopenhealthdata.metajnl.com%2Fglobal%2Fimages%2Fup_search_button.png') no-repeat scroll -86px 50% #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
    padding: 0.6em 0.8em 0.49em;
    z-index: 11;
}

/* UP Font Sizer */

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

#sizer:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#sizer a {
	width: 23px;
}

.smallFont, .pkp_controllers_fontController_smallFont {
	outline: none; /*for making it look nice in FF */
	background: url('https://triggered.edinburgh.clockss.org/ServeContent?url=http%3A%2F%2Fopenhealthdata.metajnl.com%2Fglobal%2Fimages%2Fup_fontsize_button_s.png') !important;
	text-indent: -9999px;
	display: block;
	float: left;
	width: 23px;
	height: 23px;
	margin-right: 10px;
	margin-left: 25px;
}

a.smallFont:hover, .pkp_controllers_fontController_smallFont:hover {
	background: url('https://triggered.edinburgh.clockss.org/ServeContent?url=http%3A%2F%2Fopenhealthdata.metajnl.com%2Fglobal%2Fimages%2Fup_fontsize_button_s.png') !important;
	color: none;
}

.defaultFont, .pkp_controllers_fontController_defaultFont {
	/*if you want to hide the default font button, use display:none */
	background: url('https://triggered.edinburgh.clockss.org/ServeContent?url=http%3A%2F%2Fopenhealthdata.metajnl.com%2Fglobal%2Fimages%2Fup_fontsize_button_m.png') !important;
	text-indent: -9999px;
	outline: none;
	display: block;
	float: left;
	width: 23px;
	height: 23px;
	margin-right: 10px;

}

a.defaultFont:hover, .pkp_controllers_fontController_defaultFont:hover {
	background: url('https://triggered.edinburgh.clockss.org/ServeContent?url=http%3A%2F%2Fopenhealthdata.metajnl.com%2Fglobal%2Fimages%2Fup_fontsize_button_m.png') !important;
	color: none;
}

.largeFont, .pkp_controllers_fontController_largeFont {
	background: url('https://triggered.edinburgh.clockss.org/ServeContent?url=http%3A%2F%2Fopenhealthdata.metajnl.com%2Fglobal%2Fimages%2Fup_fontsize_button_l.png') !important;
	outline: none;
	text-indent: -9999px;
	display: block;
	float: left;
	width: 23px;
	height: 23px;
}

a.largeFont:hover, .pkp_controllers_fontController_largeFont:hover {
	background: url('https://triggered.edinburgh.clockss.org/ServeContent?url=http%3A%2F%2Fopenhealthdata.metajnl.com%2Fglobal%2Fimages%2Fup_fontsize_button_l.png') !important;
	color: none;
}

.thumb-border {
  -moz-border-radius: 3px 3px 3px 3px;
  border: 1px solid #D8D8D8;
}

/* UP ToC */

.up-toc-button {
	-moz-box-shadow: 0px 1px 0px 1px #ffffff;
	-webkit-box-shadow: 0px 1px 0px 1px #ffffff;
	box-shadow: 0px 1px 0px 1px #ffffff;
	background-color:#e5f4fc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#000000;
	font-family:Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
	padding:0px 5px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ffffff;
}
.up-toc-button:hover {
	background-color:#cae9fc;
}
.up-toc-button:active {
	position:relative;
	top:1px;
}

/* cross ref citation list formatting */

#citations-list ol {
padding: 0;
margin: 0; 
margin-left: 15px;
}

#citations-list ol li {
margin-bottom: 10px;
word-wrap: break-word;
}

/* article citation block */
#citation-block-header {
margin-top: 15px;
padding: 0;
}

#citation-block-header a:hover {
background: none;
}

#citation-block-header table {
padding: 5px;
}

#citation-block-header td {
line-height: 1.2em;
margin: 10px 0;
vertical-align: middle;
text-align: center;
}

#citation-block-header table img {
padding: 0 10px 0 5px;
vertical-align: middle;
}

#citation-block table {
margin: 5px 0;
}

#citation-block table img {
padding: 0 10px 0 13px;
}

#citation-block table p {
line-height: 1.2em;
margin: 10px 0;
}

/* additional sidebar styling */

#galley-block p .up-toc-button {
font-size: 11px;
padding: 3px 8px;
}

.sidebar-block:after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}


#rightSidebar .sidebar-block, #sidebarRTArticleTools {
margin-top: 8px;
margin-bottom: 15px;
padding: 0 3px;
}

#sidebarRTArticleTools {
margin-bottom: 0;
padding-bottom: 0;
}

#rightSidebar hr {
border: 0;
border-top: 1px dashed #ccc;
width: 95%;
}

/* opentip styling. see `/global/js/up.js` for the ubiquity styling options. */

.style-ubiquity .opentip * {
font-size: 1em;
}

.style-ubiquity .opentip h1 {
font-size: 1.2em;
font-weight: bold;
color: #49677E;
margin-bottom: 0;
padding-bottom: 0;
}

.style-ubiquity .opentip h3 {
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
}

/* ImpactStory fix to prevent logo getting a partial background on hover */
.impactstory-embed a:hover {
background: none;
}

/* ImpactStory fix to reduce the size of the 'gathering metrics' text */
.impactstory-embed span.loading { 
display: block !important;
font-size: 10px !important;
}

/* ImpactStory 'no altmetrics found' error message should */
.impactstory-embed a img {
margin-left: 0 !important; /* removes a 3px left-margin in the embedded styles */
}

#uparticle-metrics-block p.none-found {
margin-top: 0;
}

/* archive page pagination box */
.pagination {
margin-top: 15px;
}


/*
	SPECIAL COLLECTIONS
*/

/* article detail */

#article-detail p {
	padding: 1px 4px;
	line-height: 1.5em;
	margin: 0;
	margin-bottom: 5px;
}

/* article lists */

.collections table.article-list {
width: 100%;
}

.collections table.article-list p {
margin: 0;
padding: 0;
padding-bottom: 5px;
}

.collections table.article-list .image-cell {
padding-bottom: 25px;
}

.collections table.article-list .meta-cell {
padding: 0 7px;
}

.collections table.article-list .meta-cell a {
padding: 0 7px;
}

.collections table.article-list .description-cell {
padding-right: 15px;
}

.collections table.article-list .description-cell big {
font-size: 1.25em;
}

.collections select#article-type-filter {
min-width: 130px;
max-width: 150px;
}

.collections select#article-order {
width: 70px;
}

/* browse collection */

.collection-container {
clear: both;
margin-bottom: 10px;
padding: 5px;
}

.collections .collection-container h2 {
font-size: 1.8em;
line-height: 1.1em;
}

#collection .collection-container h2 {
font-size: 2em;
}

.collections .collection-container h2 a {
}

.collection-container p {
margin: .5em 0;
}

.collection-image-container {
float: left;
}

.collection-image-container img {
border: 1px solid black;
}

.collection-container .inline p {
display: inline-block;
margin: 0;
margin-right: 15px;
}

.collection-body {
margin-left: 310px;
}

.collection-long-desc {
clear:both;
padding-top: 1px;
}

.green-bg {
background-color: #b3e6ba; /* original green */
background-color: #DBE4F6;; /* indistinguishable blue */
background-color: #E8F6DF; /* another green */
color: black;
display: block;
}

.gold-bg {
background-color: #fbd8a1; /* gold */
background-color: #D0E2F5; /* blue */
color: black;
display: block;
}

.collections #selection-form-container {
margin-bottom: 20px;
}

/* browse all collections */

#all-collections .collection-body {
margin-left: 160px;
}

/* collection pagination */

.collections #pagination-form-container {
	text-align: center;
}

.collections button {
	padding: 5px 10px;
	color: #666;
	background: none;
	border: 1px solid white;
}

.collections button:hover {
	background: #eee;
	border: 1px solid #eee;
}

.collections button.next, .collections button.prev {
    margin: 0px;
    padding: 0px;
    white-space:nowrap;
    width:auto;
    overflow:visible;
    height:28px;
    background: white;
    border: none;
}

.collections button.prev span, .collections button.next span {
    display:inline-block;
	text-indent: -9999px;
    width: 14px;
    height: 28px;
    vertical-align: middle;
}

.collections button.prev span {
    margin-right: 10px;
    background-image: url('https://triggered.edinburgh.clockss.org/ServeContent?url=http%3A%2F%2Fopenhealthdata.metajnl.com%2Fglobal%2Fimages%2Fcollections-prev-button.gif');
}

.collections button.next span {
    margin-left: 10px;
    background-image: url('https://triggered.edinburgh.clockss.org/ServeContent?url=http%3A%2F%2Fopenhealthdata.metajnl.com%2Fglobal%2Fimages%2Fcollections-next-button.gif');
}

.collections button.selected {
	color: black;
	background: #eee;
	border: 1px solid #aaa;
}