#additionalLinks:after, #additionalLinks:before {
	content: '';
	width: 100%
}

.databaseName, .info {
	white-space: normal
}

#db, #searchForm table .label, .row>label {
	font-weight: 700
}

#navigation td.active {
	background-color: #529426
}

#sliderFrame {
	float: left;
	max-width: 593px
}

#slider {
	max-width: 593px;
	height: 240px
}

#content {
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	clear: both;
	background: 0 0
}

div.navBulletsWrapper div {
	background: url(bullet.png) no-repeat
}

div.navBulletsWrapper {
	top: 260px
}

div.mc-caption-bg, div.mc-caption-bg2 {
	padding: 0;
	left: 20px;
	bottom: 10px;
	border: 1px solid #a0a0a0
}

div.mc-caption-bg {
	background-color: #fff;
	opacity: .75 !important
}

div.mc-caption {
	line-height: 18px;
	font-size: 14px;
	color: #000;
	width: 140px !important;
	padding: 10px;
	text-align: left
}

div.mc-caption .header {
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	padding-bottom: 9px
}

#additionalLinks:before, #databases a {
	display: block
}

#searchForm.simpleSearch {
	float: right;
	width: 100%;
	clear: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#searchForm.simpleSearch table {
	clear: none;
	width: 90%
}

#searchForm.simpleSearch table th {
	text-align: left;
	padding-bottom: 5px
}

.button {
	color: #fff;
	box-shadow: 1px 1px 5px #888;
	background-color: #67a;
	background: -moz-linear-gradient(top, #67a, #00007f);
	background: -webkit-linear-gradient(top, #67a, #00007f);
	background: -o-linear-gradient(top, #67a, #00007f);
	background: -ms-linear-gradient(top, #67a, #00007f);
	background: linear-gradient(to bottom, #67a, #00007f);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6677aa',
		endColorstr='#00007f', GradientType=0)
}

#spacer1.active, #spacer2.active {
	border-top-color: #529426
}

#spacer1 {
	border-right-color: #529426
}

#databases a {
	text-decoration: none;
	color: #fff
}

#databases span {
	background-color: #767676;
	color: #fff;
	text-align: center;
	padding: 0 8px;
	min-height: 36px;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center
}

#databases div {
	padding: 5px 3px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#databases img {
	width: 100%;
	min-height: 79px
}

#additionalLinks {
	margin: 1em 0 -1.65em
}

#additionalLinks:after, .databaseName, .resultColumn {
	display: inline-block
}

#additionalLinks a {
	text-decoration: none;
	color: #fff
}

#additionalLinks div.additionalLink {
	display: inline-block;
	background-color: #529426;
	color: #fff;
	text-align: center;
	height: 3em;
	vertical-align: middle;
	margin: 5px 0;
	border-radius: .3em;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#additionalLinks div.shortTextLink {
	width: 110px
}

#additionalLinks div.longTextLink {
	width: 190px
}

#additionalLinks div.additionalLink a {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%
}

#searchTip, .databaseName {
	margin-left: 1%
}

table#databaseSelection {
	width: 100%;
	margin: 0
}

table#databaseSelection th {
	text-align: left
}

.notification, table#databaseSelection td {
	text-align: center
}

a#back-to-articles {
	float: right
}

.notification {
	color: #00f
}

.searchForm {
	overflow: visible;
	border: 1px solid #e3e3e3;
	border-radius: 0 5px 5px;
	clear: both;
	background: 0 0
}

#searchForm .databaseName {
	width: 100%
}

.databaseName {
	vertical-align: middle;
	text-align: left;
	width: 75%
}

.resultColumn {
	text-align: right;
	width: 15%
}

.resultCount {
	display: none
}

p.info {
	margin: 0 10% 3% 20%;
	display: block
}

#db {
	margin-left: 30%;
	text-align: left
}

#searchForm #advancedSearch>.row .input {
	width: 60%
}

.databaseSelection .input {
	margin-left: 30%;
	width: 45%
}

@media screen and (max-width:767px) {
	#searchTip {
		margin-left: 0;
		clear: both;
		display: block
	}
}

@media ( min-width :601px) {
	#db, .row>label {
		font-weight: 700
	}
	#db {
		margin-left: 30%;
		text-align: left
	}
	#searchForm #advancedSearch>.row .input {
		width: 60%
	}
	.databaseSelection .input {
		margin-left: 30%;
		width: 45%
	}
}

@media screen and (max-width:600px) {
	#db, .databaseSelection .input {
		margin-left: 0
	}
	#searchForm #advancedSearch>.row .input {
		width: 100%
	}
	.simpleSearch#searchForm {
		height: auto
	}
	p.info {
		margin: 5%
	}
}

@media screen and (max-width:400px) {
	#searchTip, .info {
		font-size: .8em;
		line-height: 1em
	}
}

@media screen and (max-width:360px) {
	.resultColumn {
		display: none
	}
	.resultCount {
		display: inline
	}
}

.databaseSelection {
	width: 78%;
	margin-left: 7%
}

@media not print {
	#searchForm.simpleSearch .row>label {
		display: block;
		float: initial;
		text-align: left;
		clear: both
	}
	#searchForm.simpleSearch .row .input {
		display: block;
		float: initial;
		clear: both;
		max-width: 100%;
		width: 100%;
		padding-left: 5%;
		padding-right: 5%
	}
}

@media screen and (max-width:600px) {
	.databaseSelection {
		width: 82%;
		margin-left: 0
	}
}

@media screen and (max-width:855px) {
	#additionalLinks {
		text-align: center
	}
}

@media screen and (max-width:620px) {
	#additionalLinks div.additionalLink {
		display: block
	}
	#additionalLinks div.longTextLink, #additionalLinks div.shortTextLink {
		width: 100%
	}
}

.item {
	height: 25px;
	padding: 8px 10px 2px 5px
}

.spacer {
	border-top-width: 35px;
	border-right-width: 25px;
	border-style: solid;
	height: 0;
	width: 0
}

#spacer2, #spacer3 {
	border-right-color: #999
}

#item3 {
	background-color: #999;
	padding-left: 10px
}

#item1.active, #item2.active {
	background-color: #529426;
	color: #fff
}

@media screen and (min-width:1050px) {
	#searchFormContainer {
		width: 100%
	}
	#searchForm.simpleSearch {
		height: auto;
		margin-bottom: 8px;
		min-height: 110px;
		overflow: hidden;
		padding-bottom: 8px
	}
	#searchForm.simpleSearch .row {
		padding-bottom: 30px
	}
	#searchForm.simpleSearch .row label {
		text-align: left
	}
}

@media screen and (max-width:479px) {
	.item {
		height: 44px !important
	}
	.item span {
		display: block
	}
	.spacer {
		border-top-width: 54px !important;
		border-right-width: 30px !important
	}
	#item2 {
		padding-right: 0
	}
	#item3 {
		line-height: 38px;
		padding-left: 5px;
		padding-right: 5px
	}
}

@media screen and (max-width:1049px) {
	#sliderFrame {
		float: none;
		margin-left: auto;
		margin-right: auto
	}
	#searchFormContainer {
		width: 100%
	}
	#searchForm.simpleSearch {
		height: auto;
		margin-bottom: 8px;
		min-height: 110px;
		overflow: hidden;
		padding-bottom: 8px
	}
	#searchForm.simpleSearch .row {
		padding-bottom: 30px
	}
	#searchForm.simpleSearch .row label {
		text-align: left
	}
}

@media screen and (max-width:670px) {
	#sliderFrame {
		display: none
	}
}

@media screen and (max-width:600px) {
	#searchForm {
		min-height: 0
	}
	#searchForm.simpleSearch .row {
		padding-top: 10px;
		padding-bottom: 10px
	}
}

@media screen and (max-width:379px) {
	.item {
		padding: 8px 5px 2px !important
	}
	.spacer {
		border-right-width: 20px !important
	}
	#item1 {
		padding-left: 15px !important
	}
	#item3 {
		padding-left: 0 !important;
		padding-right: 0 !important
	}
}

#recordDetails {
	margin-top: 35px;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 30px;
	overflow: hidden;
	background: 0 0
}

.txtcontainer {
  width: 100%;
  height: 360px;
  position: relative;
}

.vh-center {
  font-size: 16px !important;
  font-weight: bold;
  line-height: 360px;
  text-align: center;
}

.txtcontainer-extra-space {
  height: 115px;
}