#body {
	font-size: 16px;
}

a {
	text-decoration: none;
}

	a:visited {
		color: rgba(91, 94, 166, 0.8);
		text-decoration: none;
	}

	a:link {
		color: #5b5ea6;
	}

	a:active {
		color: #5b5ea6;
	}

	a:hover {
		color: white;
		background: #5b5ea6;
		text-decoration: none;
	}

body {
	background-color: #efefef;
}

#body {
	display: block;
}

#main {
	width: 73%;
	padding: 0;
	margin: 2% 1% 2% 2%;
}

	#main h2,
	#main > h3 {
		background: white;
		padding: 0.5em 1em 0.5em 0.5em;
		margin: 0;
	}

	#main #breadcrumb {
		padding-left: 12px;
		background: white;
	}

	#main #content {
		border-color: #5b5ea6;
		padding: 12px 12px 0 12px;
		background: white;
	}

#header {
	color: white;
	background-color: #5b5ea6;
}

	#header h1 {
		width: 80%;
		padding: 0.5em 0 !important;
	}

		#header h1 img {
			width: 100% !important;
			height: auto !important;
		}

#navbar {
	border-color: #5b5ea6;
	background: #5b5ea6;
	color: white;
}

	#navbar a {
		color: white;
		font-size: 0.6em;
	}


#sidebar div.block {
	background: white;
	border: 1px solid #5b5ea6;
	margin: 0 0 10px 0;
	padding: 4px 6px;
}

	#sidebar div.block + .custom p {
		margin-top: 0;
	}

	#sidebar div.block span.blockTitle {
		background: #5b5ea6;
		color: white;
		padding: 6px 6px;
		margin: -4px -6px 6px -6px;
	}

#sidebar div.advs::after {
	content: "";
	display: table;
	clear: both;
}

#sidebar a.image-adv {
	width: 25%;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

	#sidebar a.image-adv:hover {
		background: transparent;
	}

	#sidebar a.image-adv img {
		width: 90%;
		padding: 0;
		display: block;
		margin: 0 auto;
		border: 1px solid #5b5ea6;
	}

#sidebarKeywordCloud a {
	display: inline-block;
	padding: 6px 2px;
	margin: 3px 0;
}

#sidebar ul li a {
	display: inline-block;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#sidebar tr {
	margin-top: 6px;
	margin-bottom: 6px;
}

#leftSidebar,
#rightSidebar {
	width: 20%;
	padding: 0;
	margin: 2% 2% 2% 1%;
	display: block;
}

	#leftSidebar table,
	#leftSidebar table tbody,
	#leftSidebar table tr #rightSidebar table,
	#rightSidebar table tbody,
	#rightSidebar table tr {
		display: block;
	}

		#leftSidebar table td,
		#rightSidebar table td {
			display: inline-block;
		}

	#leftSidebar input[type='text'],
	#rightSidebar input[type='text'] {
		display: block;
	}

input.button {
	background-color: rgba(91, 94, 166, 0.8);
	color: white;
	padding: 0.5em 1.5em;
	border: none;
	margin: 6px 0;
}

input.textField, select.selectMenu, textarea.textArea, input.uploadField {
	background: none;
	border: 1px solid #5b5ea6;
	padding: 4px 4px;
	margin: 0 0 3px 0;
}

div#sizer {
	min-height: 30px;
}

ul.menu {
	margin-left: 5px;
}

	ul.menu li {
		padding: 0;
		margin-left: -5px;
	}

	ul.menu a {
		padding: 8px 4px 12px 4px;
	}

		ul.menu a:hover {
			background: white;
			color: #5b5ea6 !important;
		}

#content > center,
#pageFooter {
	background: #5b5ea6;
	color: white;
	font-size: 0.7em;
	margin: 0 -12px;
	padding: 10px 20px;
	line-height: 1.5em;
}

	#content > center a:visited,
	#content > center a:link,
	#content > center a:active,
	#pageFooter a:visited,
	#pageFooter a:link,
	#pageFooter a:active {
		color: white;
	}

#languageSelect {
	width: 100%;
	margin: 0.5rem 0;
}

.issueCoverImage img {
	width: 5%;
	padding-top: 0;
	margin-top: 0;
}

.tocAuthors {
	font-style: italic;
	padding-left: 0;
	color: gray;
}

#articleCitations p {
	font-size: 0.8em;
	margin: 0.5em;
}

.member {
	margin: 0 0 6px 0;
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#container {
		min-width: 0 !important;
	}

	#header h1 {
		width: 95%;
		padding: 0.5em 0 !important;
	}

	#body {
		font-size: 18px;
	}

	#leftSidebar,
	#rightSidebar {
		float: none;
		width: auto;
		padding: 0;
		margin: 16px;
	}

	#main {
		float: none;
		width: auto;
		padding: 16px;
		margin: 0;
		display: block;
	}

	ul.menu li {
		display: flex;
	}
}