.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #0782EA;
}
/*
	Bootstrap main
*/
body {
	line-height: 150%;
}
.container {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}
.row {
	margin-left: 0;
	margin-right: 0;
}
.panel-body {
	text-align: justify;
}
.form-control {
	box-shadow: none;
	text-shadow: none;
}
.panel-title > div.btn-group {
	margin-right: 1ex;
}
.pk-sub-sect, 
.pk-graf {
	margin-bottom: 1em;
}
#cMain .pk-graf {
	text-indent: 4em;
}
#cMain .pk-graf div {
	text-indent: 0;
}
.pk-sub-sect > strong,
div#dDosageLabel > strong {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	color: #6699CC; 
}
div.pk-sub-sect {
	clear: both;
}
label.btn-xs,
label.btn-xs.active,
label.btn-xs:active,
a.btn-default,
a.btn-heading {
	letter-spacing: 1px;
/*	background: none;
*/	box-shadow: none;
	text-shadow: none;
}
/*label.btn.btn-xs.btn-success {
    margin-left: 1px;
    margin-right: 1px;
}
*/.btn-group.open a.dropdown-toggle,
.btn-group.open a.dropdown-toggle:focus,
.btn-group.open a.dropdown-toggle:hover,
.btn-group.open a.dropdown-toggle:active {
	box-shadow: none;
	text-shadow: none;
}
button.btn-heading,
a.btn-heading {
	color: white;
	border: solid white 1px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-bottom: 1px;
}
span.pk-name-list {
	line-height: 170%; /* to clear the button border and just generally look nicer */
}
a.btn-heading:focus,
a.btn-heading:hover,
a.btn-heading:active {
	background-color: white; 
	border-color: white;
	color: #15549F;
}
ul.dropdown-menu li a {
	font-family: Verdana, Geneva, sans-serif;
	border: none;
}
/* keep the img tag prefix to override the stylesheets */
img.iStructure {
	border: #c0c0c0 1px solid;
}
img.iStructure:hover {
	border-color: #337ab7;
}
div.browse-cell {
	border: #c0c0c0 1px solid;
	border-radius: 3px;
	margin-bottom: 10px;	
}
div.browse-cell .btn-group {
	margin-top: 1ex;
	margin-left: 1ex;
	vertical-align: top;
}
div.browse-cell a.btn-heading {
	color: #15549F;
	background-color: transparent;
	border: #c0c0c0 1px solid;
	padding-bottom: 2px;
	padding-top: 3px;
}
div.browse-cell img {
	display: block;
	vertical-align: top;
}
div.browse-cell a.btn-heading:focus,
div.browse-cell a.btn-heading:hover,
div.browse-cell a.btn-heading:active {
	background-color: #15549F; 
	color: white;
}
.fullwidth {
	padding: 0;
}
.blotter {
	font-family: "Overlock SC", "Arial", "Helvetica", sans-serif;
}
.row-cell {
/*	height: 250px; /* this is needed in Firefox, but does NOT work with display: table-cell */
/*	display: table-cell; /* this only works in Chrome, and works best without height set */
}
div.chemwriter-image {
	 padding: 4px 8px;
}
.popover {
	max-width: 500px;
}
.popover-content em {
	font-style: italic;
	font-weight: normal;
}
.popover-title {
    color: #fff;
    background-color: #337ab7; /* bg-primary */
}
nav.navbar-admin {
	border-color: #337ab7; /* bg-primary */
    border-style: dashed;
}
a.orcid-link img {
	margin-left: 0.5em;
	margin-right: 0.5em;
}
span.envelope {
	margin-left: 0.5em;
}
/* reference display stuff, shows up in explore and library pages */
button.btn-zoom {
	margin-left: 0.75em;
	margin-right: 0.75em;
    margin-bottom: 3px;
	padding-top: 0;
	padding-bottom: 0;
	opacity: 0.75;
	letter-spacing: inherit;
}
span.analyses {
	color: blueviolet; /* #269abc; /* btn-info-active colour */
	font-size: 12px;
	margin-left: 1ex;
}
span.review-notes {
	color: #999;
}
/* Patch to what looks like a bug in the Bootstrap CSS for <small> in headings.  */
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small ,
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: inherit;
    font-size: 85%;
}
.panel {
	-webkit-box-shadow: none; 
	box-shadow: none;	
	margin-bottom: 15px;

}
.navbar {
	margin-bottom: 15px;
}
@media not print {
	div#dTitlePrint {
		display: none;
	}
}
@media only print {
	a,
	a:link,
	a:visited,
	a:hover,
	a:active,
	a:focus {
		border: none;
		color: inherit;
		text-decoration: none;
	}
	a.btn {
		border: none;
	}
	#dTitlePrint {
		display: none; /* for now */
	}
	nav,
	#cSidebar,
	.lastUpdated {
		display: none;
	}
	#cMain {
		min-height: inherit;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	ul.nav-tabs li {
		visibility: hidden;
	}
	ul.nav-tabs li.active {
		visibility: visible;
	}	
	/*
		Peculiar "opinionated" Bootstrap prints link URLS. And abbr. Who the hell asked you for that?
	*/
	abbr {
		border-bottom: none !important;
	}
	abbr::after {
		content: none !important;
	}
	a[href]::after {
		content: none !important;
	}
}