@CHARSET "UTF-8";

/*
 * Stylesheet KOPAC v3.4 
 * 7P Infoyltics
 */

/* Footer always End of Page */
html, body { height: 100%; }

#wrapper {
	min-height:100%;
	position:relative;
}
#main-wrapper {
	padding-bottom: 55px;
}

/* * * Bootstrap Hack for more space between sidebar and content * * */
.col-md-9 {
	padding-left: 40px;
}
@media (max-width: 991px) {
	.col-md-9 {
		padding-left: 15px;
	}
}

/* * * Main Navigation * * */
#main-menu {
	font-size: 1em;
	background: #c9c9c9; /* Old browsers */
	background: -moz-linear-gradient(top,  #ededed 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ededed 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ededed 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ededed 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ededed 0%,#c9c9c9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	border-bottom: 5px solid #D9D9D9;
}
#main-menu ul.nav > li:hover > a, #main-menu ul.nav > li > a:hover, #main-menu ul.nav > li > a:active, #main-menu ul.nav > li > a:focus {
	color: #003574;
}
#main-menu .navbar-collapse {
	max-height: 370px;
}
div#main-menu.navbar-default .navbar-nav > .open > a, div#main-menu.navbar-default .navbar-nav > .open > a:hover, div#main-menu.navbar-default .navbar-nav > .open > a:focus {
	background: none;
	color: #003574;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	background: #051E3C;
	color: #FFFFFF;
}

@media (min-width: 768px) {
	#main-menu > div.container > div.navbar-collapse > ul.nav {
		padding-top: 32px;
	}
	#main-menu ul.nav > li > a {
		padding-bottom: 6px;
	}
	/* * Logo Placement * */
	#kopaclogo img {
		width: 262px;
	}
}
/* * Logo Placement * */
@media (max-width: 767px) {
	#kopaclogo img {
		height: 52px;
	}
}

/* * Alterntive Tablet Menue Style * */
@media (min-width: 768px) and (max-width: 991px) {
	#main-menu ul.nav > li > a {
		font-size: 14px;
	}
}

@media (min-width: 768px) {
	/* * Note Box * */
	#notebox {
		position: absolute;
		top: -10px;
		right: 125px;
		z-index: 1001;
	}
	#notebox > a {
		border: 1px solid #D9D9D9;
		border-top: 0px;
		-webkit-border-radius: 0px 0px 4px 4px;
		border-radius: 0px 0px 4px 4px;
		background: #FFFFFF;
		padding: 12px 16px 2px 0 !important;
	}
	#notebox > a.active {
		background: #051E3C;
		color: #FFFFFF;
	}
	#notebox > a > div#nbtext {
		display: inline;
	}
	.noterote {
		transform: rotate(-15deg);
		-ms-transform: rotate(-15deg); /* IE 9 */
		-webkit-transform: rotate(-15deg);
	}
	/* * Internationalization * */
	#main-menu .container {
		position: relative;
	}
	#language-choice {
		position: absolute;
		top: -67px;
		right: 15px;
		z-index: 1001;
	}
	#language-choice > a  {
		display: none;
	}
	#language-choice > ul  {
		padding-top: 7px;
		padding-bottom: 7px;
		display: block;
	}
	#language-choice > ul.dropdown-menu {
		background: #FFFFFF;
		min-width: 101px;
		width: 101px;
		top: 60px;
	}
	#language-choice > ul > li {
		float: left;
		width: 49px;
		text-align: center;
	}
	#language-choice .dropdown-menu > li > a {
		padding: 0px;
		color: #D9D9D9;
		font-size: 14px;
		font-weight: bold;
	}
	#language-choice .dropdown-menu > li > a:hover, #language-choice .dropdown-menu > li > a:active {
		background: none;
		color: #051E3C;
	}
	#language-choice .dropdown-menu > li > a.active {
		color: #003574;
		text-decoration: underline;
	}
	#de {
		width: 49px;
		border-right: 1px solid #051E3C; 
	}
	#en {
		width: 50px;
	}
	#main-menu ul.nav li.dropdown:hover ul.dropdown-menu {
		display: block;
	}
	/* * Navogation 2. Layer Hacks* */
	.navbar-nav > li > ul.dropdown-menu {
		text-align: right;
		border-top: none;
		background: #FFFFFF;
		font-size: 1em;
		padding-top: 0px;
		padding-bottom: 0px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-top: 5px solid #D9D9D9;
	}
	.navbar-nav > li > ul.dropdown-menu > li > a:hover, .navbar-nav > li > ul.dropdown-menu > li > a:active {
		background: #051E3C;
		color: #FFFFFF;
	}
}

/* * * Submenu * * */
ul#submenu, ul#submenu > li > ul, ul#submenu > li > ul > li > ul {
	list-style: none;
}
ul#submenu {
	padding-left: 0px;
}
ul#submenu > li > ul {
	padding-left: 1em;
	display: none;
}
ul#submenu > li > ul > li > ul {
	padding-left: 0em;
}
ul#submenu > li:hover ul {
	display: block;
}
ul#submenu > li.open > ul {
	display: block;
}
ul#submenu > li.open > a {
	font-weight: bold;
	color: #003574;
}
ul#submenu > li.open > ul > li.active > a {
	font-weight: bold;
	color: #051E3C;
}
ul#submenu > li > a, ul#submenu > li > ul > li > a {
	font-size: 1.2em;
	line-height: 2em;
	color: #777777;
	display: block;
	border-bottom: 1px solid #D9D9D9;
}
 ul#submenu > li > ul > li > ul > li > a {
	font-size: 1em;
	line-height: 1.5em;
	color: #777777;
	display: block;
	border-bottom: 1px solid #D9D9D9;
}
ul#submenu > li > a:hover, ul#submenu > li > ul > li > a:hover, ul#submenu > li > a:active, ul#submenu > li > ul > li > a:active {
	text-decoration: none;
	color: #051E3C;
	border-bottom: 1px solid #051E3C;
}
ul#submenu > li > ul > li > a:hover, ul#submenu > li > ul > li > ul > li > a:hover, ul#submenu > li > ul > li > a:active, ul#submenu > li > ul > li > ul > li > a:active {
	text-decoration: none;
	color: #003574;
	border-bottom: 1px solid #003574;
}
/* * * Other Stuff * * */
#linehelper {
	position: absolute;
	top: 163px;
	border-color: cyan;
	width: 100%;
	z-index: 10000;
}

/* * * Footer Menu * * */
#footer-menu {
	height: 45px;
	font-size: 11px;
	background: #051E3C;
	border: none;
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	bottom: 0;
}
#footer-menu .navbar-nav > li > a {
	color: #FFFFFF;
}
#footer-menu .navbar-nav > li.active > a, #footer-menu .navbar-nav > li.active > a:hover, #footer-menu .navbar-nav > li.active > a:focus {
	color: #051E3C;
	background-color: #506277;
}
#footer-menu .navbar-nav > li > a:hover, #footer-menu .navbar-nav > li > a:focus {
	color: #003574;
}
/* * Mobile Hacks * */
@media (max-width: 767px) {
	#footer-menu .navbar-nav > li {
		float: left;
	}
	#footer-menu ul.navbar-nav {
		float: right;
	}
	#footer-menu ul {
		margin-bottom: 0px;
	}
}

/* * * Home Page * * */
#homesearch {
	padding-top: 26px;
	padding-bottom: 48px;
}
#homesearch > h1 {
	font-size: 3em;
	margin-top: 0px;
}
@media (max-width: 992px) {
	#homesearch > h1{
		font-size: em;
	}
}
@media (max-width: 480px) {
	#homesearch > h1{
		font-size: 1.5em;
	}
}
#searchinput {
	clear: both;
}
#searchStartOption {
	background-color: #eee;
	padding: 30px 60px 30px 60px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#searchStartOption > label {
	font-weight: normal;
}
#searchOptionButton > span {
	-moz-transition: -moz-transform 1s ease-in-out 0s;
	-ms-transition: -ms-transform 1s ease-in-out 0s;
	-o-transition: -o-transform 1s ease-in-out 0s;
	-webkit-transition: -webkit-transform 1s ease-in-out 0s;
	transition: transform 1s ease-in-out 0s;
}
.openOptions {
	-webkit-transform: rotateX(-180deg); 
	-moz-transform: rotateX(-180deg); 
	transform: rotateX(-180deg); 
}
/* * Search Options Mobile Correction * */
@media (max-width: 991px) {
	#searchStartOption {
		float: none;
		width: 100%;
	}
	#searchStartOption > label {
		font-size: 12px;
	}
}

/* * * Searchbox * * */
#searchbox > h1 {
	font-size: 18px;
	font-weight: bold;
	color: #999;
	margin-top: 30px;
}

/* * * Functions Box * * */
#functions > h2 {
	font-size: 24px;
	color: #051E3C;
	margin-bottom: 0px;
}
#functionlist {
	padding: 0;
}
#functionlist > li {
	list-style: none;
	padding: 0px;
}

/* * * Search Options Box * * */
#searchOptionsBox > h2 {
	color: #051E3C;
	font-size: 14px;
	margin-top: 20px;
}
#searchOptionsBox label {
	font-size: 14px;
	font-weight: normal;
}

/* * * Active Filter Section * * */
.activeFilter {
	padding-bottom: 0px
}
.activeFilter > h2 {
	margin-top: 10px;
	font-size: 14px;
	color: #051E3C;
}
.activeFilter ul {
	margin-bottom: 0px;
}
.activeFilter li {
	padding: 0px 5px 10px 0px;
}
.activeFilter span.label-default {
	background-color: #506277;
}
.activeFilter span > a {
	color: #FFFFFF;
}
.activeFilter span > a:hover, .activeFiletr span > a:active {
	color: #D9D9D9;
}
/* * Plus Minus Style Active Filter * */
.activeFilter span.label > span.glyphicon {
	padding-right: 3px;
}
h5.filteroff {
	margin: 0px;
}
h5.filteroff > a {
	text-decoration: underline;
	color: #999;
	font-size: 9.35px;
}
h5.filteroff > a:hover {
	color: #051E3C;
}
h5.filteroff > a > span {
	padding-right: 3px;
}
/* * * Facet Filter Section * * */
#filters > h2 {
	font-size: 18px;
	font-weight: bold;
	color: #999;
	margin-top: 40px;
}
#filters {
	padding-bottom: 5px;
}
#mobileFilterToggle {
	width: 80%;
	text-align: right;
	line-height: 1.3em;
	cursor: pointer;
}
.filter {
	border-top: 1px solid #D9D9D9;
	clear: both;
}
.filterContent > div.filterShortContent:last-child {
	margin-bottom: 10px;
}
.filterHeading a {
	color: #051E3C;
}
.filterHeading:hover a, .filterHeading a:hover {
	color: #506277;
}
#filters h2 > span, .filterHeading a > span {
	-moz-transition: -moz-transform 1s ease-in-out 0s;
	-ms-transition: -ms-transform 1s ease-in-out 0s;
	-o-transition: -o-transform 1s ease-in-out 0s;
	-webkit-transition: -webkit-transform 1s ease-in-out 0s;
	transition: transform 1s ease-in-out 0s;
}
/* Toogle Class for Rotation */
.openFilter {
	-webkit-transform: rotateX(-180deg); 
	-moz-transform: rotateX(-180deg); 
	transform: rotateX(-180deg); 
}

.filter .filterContent {
	display: block;
}
.filterShortContent > p {
	font-size: 11px;
	margin-bottom: 0px;
	clear: both;
}
p.filterParagraph {
	height: 15px;
}
.oneFacetContent {
	font-size: 11px;
	height: 15px;
	width: 100%;
	clear: both;
}
.facetControls {
	float: left;
	height: 15px;
	display: block;
}
.feacetText {
	float: left;
	display: block;
	white-space: nowrap;
	width: 130px;
	overflow: hidden; /* "overflow" value must be different from "visible" */ 
	text-overflow: ellipsis;
}
.facetNumber {
	display: inline;
	float: right;
}
.facetControls span.glyphicon, .faidindexfilter div.filterShortContent span.glyphicon {
	color: #999;
	padding-right: 3px;
	font-size: 11px;
}
p.showLongContent {
	margin: 5px 0 0 0;
}
.showLongContent a {
	color: #999;
}
.showLongContent  a:hover {
	color: #051E3C;
}
p.showLongContent a > span {
	padding-right: 3px;
}
#slider-range, #overlay-slider-range {
	margin-top: 5px;
	margin-bottom: 20px;
}

.filterLongContent {
	display: none;
}
/* * Facet Mobile Hacks * */
@media (min-width: 1200px) {
	.feacetText {
		width: 180px;
	}
}
@media (max-width: 991px) {
	.filter {
		display: none;
	}
	.feacetText {
		width: 640px;
	}
	.faidindexfilter {
		display: block;
	}
	.fAidindex {
		display: block;
	}
}
@media (max-width: 768px) {
	.feacetText {
		width: 80%;
	}
}
@media (max-width:480px) {
	.feacetText {
		width: 70%;
	}
}
@media (max-width:320px) {
	.feacetText {
		width: 60%;
	}
}
/* * * CQL Termbox * * */
#termbox {
	margin-bottom: 14px;
}
#termbox > h3 {
	font-size: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #051E3C;
}
#termbox > h3#termbox_resultlist {
	font-size: 18px;
}
#termbox > h4 {
	font-size: 15px;
	color: #506277;
}

/* * * Controls Box * * */
#controllist {
	padding: 0;
	margin-top: 4px;
}
#controllist > li {
	list-style: none;
	padding: 0px;
	float: left;
	margin-right: 20px;
}
#controllist > li > a > span {
	padding:  0 4px 0 0;
	color: #999;
}

/* * * Sortbox * * */
#sortbox {
	margin-bottom: 12px;
}
#sortbox > h4 {
	font-size: 18px;
	color: #111;
	float: left;
	margin-top: 5px;
	margin-right: 20px
}
#firstsort, #secondsort  {
	display: inline-block;
}
#firstsort > select, #secondsort > select {
	padding: 6px 6px;
	font-size: 11px;
	line-height: 11px;
	height: 32px;
}
#firstsort {
	padding-right: 5px;
}
#sorting {
	padding-bottom: 1em;
}

/* * * Hit Control Box * * */
.hitControlBox > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.hitControlBox > ul > li {
	margin-bottom: 6px;
}
.hitControlBox > ul > li > a > span {
	padding-left: 0px;
	padding-top: 0px;
	color: #999;
}
/* * Mobile Hacks * */
@media (max-width: 991px) {
	.hitControlBox > ul > li {
		float: left;
		padding-right: 18px;
	}
}

/* * * Hitlist * * */
ul#hitlist, ul#hitlist > li {
	list-style: none;
	padding: 0;
}
ul#hitlist {
	clear: both;
	counter-reset: hitcount;
	margin-top: 20px
}
.hit {
	border: 2px solid #f0f0f0;
	margin-bottom: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.hit:hover {
	border: 2px solid #e0e0e0;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}
.hit:hover .hitcontent > h4 > a {
	color: #051E3C;
	text-decoration: underline;
}
/* Toogle Class for Hit that is open */
.openedHit {
	border: 2px solid #e0e0e0;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}
.openedHit .hitcontent > h4 > a {
	color: #051E3C;
	text-decoration: underline;
}
.openedHit div.hitcontent .open-hit span { 
	color: #333;
}
ul#hitlist > li span.hitnr:after {
	/* no Counter necessary */
	/* comes from XSL */
}
.hitnr {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 8px;
	background: #e0e0e0;
	color: #666;
}
.hitcontent {
	padding: 15px 15px 10px 15px;
}
li.hit:HOVER .open-hit span {
 color: #333;
}
/*  Desktop Hack Width Shortview */
@media (min-width: 1200px) {
	.hitcontent > p {
		width: 70%;
	}
}
.open-hit {
	background: #f0f0f0;
	text-align: center;
	padding: 3px;
	margin: 0px;
}

.open-hit span {
	color: #ccc;
}
/* * Hitcontent Hover * */
.hitcontent > h4 {
	margin-top: 0px;
	margin-bottom: 15px
}
@media (max-width: 991px) {
	.hitcontent > h4 {
		font-size: 14px;
	}
}
@media (max-width: 479px) {
	.hitcontent > h4, .hitcontent > p, .hitga dl {
		font-size: 12px;
	}
}
.hitcontent > p {
	margin-bottom: 0px;
}
.hitcontent > .subHeader > p:last-child	 {
	margin-bottom: 0px;
}
.hitcontent > p.hitHeader {
	margin-bottom: 15px;
}
.hitcontent > h4 > a > span.hittype {
	padding-right: 10px;
	color: #999;
}
.hitcontent > dl {
	margin-bottom: 0;
}
.hitcontent > dl > dt, .hitga > dl > dt {
	text-align: left;
}
/* Toogle Class for clickable content*/
.clickable {
	cursor: pointer;
}

/* Toogle Class for Rotation on Open Whole Content */
.open-hit > span {
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: -webkit-transform 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
/* Toogle Class for Rotation */
.openHitContent {
	-webkit-transform: rotateX(-180deg); 
	-moz-transform: rotateX(-180deg); 
	transform: rotateX(-180deg);
}

/* * Short views and Complete View * */
.hitga {
	display: none;
	margin-top: 20px;
	padding: 0px 15px 0px 15px;
}
.hitga dl.dl-horizontal > dt, .hitga dl.dl-horizontal > dd {
	margin-bottom: 6px;
}
.hitga dl.dl-horizontal > dd {
	text-align: rigth;
}
.hitga dl.dl-horizontal + h4 {
	font-size: 14px;
	padding-bottom: 3px;
	border-bottom: 1px solid #EAEAEA;
}
.hitga div.panel > div.panel-body {
/* 	padding-bottom: 5px; */
}
div.panel-body > p:last-child {
	margin-bottom: 0px;
}
/* Mobile Hacks */
@media (max-width: 767px) {
	.hitga dl.dl-horizontal > dt {
		margin-bottom: 6px;
		border-bottom: 1px solid #EAEAEA;
	}
	.hitga dl.dl-horizontal > dd {
		margin-bottom: 18px;
	}
}
/* * * Pagination * * */
#pagination > .pagination {
	margin-top: 0px;
}
#pagination > .pagination > .active > a, #pagination > .pagination > .active > span, #pagination > .pagination > .active > a:hover, #pagination > .pagination > .active > span:hover, #pagination > .pagination > .active > a:focus, #pagination > .pagination > .active > span:focus {
	background-color: #051E3C;
	border-color: #051E3C;
}

/* * * Fullinfo * * */
#detailinfo > h1 {
	font-size: 18px;
	font-weight: bold;
	color: #999;
	margin-top: 30px;
}
#detailinfo > h2 {
	color: #506277;
	font-size: 15px;
	margin-top: 0px;
}
#fullinfo > h1 {
	font-size: 30px;
	margin-top: 25px;
	margin-bottom: 30px;
	color: #051E3C;
}
#fullinfo > h1 > .subHeading {
	font-size: 26px;
	color: #999;
}
#fullinfo > h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5em;
}
#fullinfo > dl.dl-horizontal > dt, #fullinfo > dl.dl-horizontal > dd {
	margin-bottom: 6px;
}
#fullinfo > dl > dt {
	text-align: right;
}
/* Mobile Hacks */
@media (max-width: 767px) {
	#fullinfo > dl.dl-horizontal > dt {
		text-align: left;
		margin-bottom: 6px;
		border-bottom: 1px solid #EAEAEA;
	}
	#fullinfo > dl.dl-horizontal > dd {
		margin-bottom: 18px;
	}
}
#fullinfo > h4 {
	margin-top: 2em;
}

/* * * Notebox Token Input * * */
#tokenbox > h1 {
	font-size: 18px;
	font-weight: bold;
	color: #999;
	margin-top: 30px;
}
/* * * Notebox Functions * * */
#noteboxfunctions > h2 {
	font-size: 18px;
	font-weight: bold;
	color: #999;
	margin-top: 40px;
	margin-bottom: 10px;
}
#noteboxfunctionlist {
	padding: 0;
}
#noteboxfunctionlist > li {
	list-style: none;
	margin-bottom: 6px;
	padding: 0px;
}
#noteboxfunctionlist > li > a > span {
	padding-left: 0px;
	padding-right: 10px;
	color: #999;
}
/* * * Notebox Sortbox * * */
#notesortbox {
	margin-top: 30px;
	margin-bottom: 0px;
}
#notesortbox > h4 {
	color: #051E3C;
	font-size: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
}

/* * * Full View // German: Voll Anzeige (va) * * */
#vafunctions {
	
}
#vafunctions > h2 {
	font-size: 14px;
	color: #051E3C;
	margin-bottom: 0px;
}
#vafunctionlist {
	padding: 0;
}
#vafunctionlist > li {
	list-style: none;
	padding: 0px;
	margin-bottom: 6px;
}
#vafunctionlist > li > a > span {
	padding-left: 0px;
	padding-right: 10px;
	color: #999;
}

/* * * Finding Aid * * */
.showinFindingAid {
	display: block;
}

.hitcontent > h1 > a > span.hittype,
.hitcontent > h2 > a > span.hittype,
.hitcontent > h3 > a > span.hittype,
.hitcontent > h4 > a > span.hittype,
.hitcontent > h5 > a > span.hittype,
.hitcontent > h6 > a > span.hittype,
.hitcontent > h7 > a > span.hittype,
.hitcontent > h8 > a > span.hittype,
.hitcontent > h9 > a > span.hittype {
    color: #999999;
    padding-right: 10px;
}
.hit:hover .hitcontent > h1.contexthead > a,
.hit:hover .hitcontent > h2.contexthead > a,
.hit:hover .hitcontent > h3.contexthead > a,
.hit:hover .hitcontent > h4.contexthead > a,
.hit:hover .hitcontent > h5.contexthead > a,
.hit:hover .hitcontent > h6.contexthead > a,
.hit:hover .hitcontent > h7.contexthead > a,
.hit:hover .hitcontent > h8.contexthead > a,
.hit:hover .hitcontent > h9.contexthead > a {
	color: #051E3C;
	text-decoration: underline;
}
/* * Finding Aid TOC* */
#findingaid-toc h1,
#findingaid-toc h2,
#findingaid-toc h3,
#findingaid-toc h4,
#findingaid-toc h5,
#findingaid-toc h6,
#findingaid-toc h7,
#findingaid-toc h8,
#findingaid-toc h9 {
	margin: 0px;
}
#findingaid-toc h1 {
	font-size: 18px;
}
#findingaid-toc h2 {
	font-size: 16px;
}
#findingaid-toc h3 {
	font-size: 14px;
}
#findingaid-toc h4 {
	font-size: 13px;
}
#findingaid-toc h5 {
	font-size: 12px;
}
#findingaid-toc h6 {
	font-size: 11px;
}
#findingaid-toc h7 {
	font-size: 10px;
}
#findingaid-toc h8 {
	font-size: 9px;
}
#findingaid-toc h9 {
	font-size: 9px;
} 
#findingaid-toc .hit {
	border: none;
	border-bottom: 2px dashed #f0f0f0;
	margin-bottom: 0px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
}
#findingaid-toc .hit:hover {
	border-bottom: 2px solid #f0f0f0;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
}
#findingaid-toc .hit:hover .hitcontent > h4 > a {
	color: #051E3C;
	text-decoration: underline;
}

.faHTocHit1 {
	margin-left: 0px;
}
.faHTocHit2 {
	margin-left: 2em;
}
.faHTocHit3 {
	margin-left: 4em;
}
.faHTocHit4 {
	margin-left: 6em;
}
.faHTocHit5 {
	margin-left: 8em;
}
.faHTocHit6 {
	margin-left: 10em;
}
.faHTocHit7 {
	margin-left: 12em;
}
.faHTocHit8 {
	margin-left: 14em;
}
.faHTocHit9 {
	margin-left: 16em;
} 
@media (max-width: 479px) {
	.faHTocHit1,
	.faHTocHit2,
	.faHTocHit3,
	.faHTocHit4,
	.faHTocHit5,
	.faHTocHit6,
	.faHTocHit7,
	.faHTocHit8,
	.faHTocHit9 {
		margin-left: 0px;
	}
}

/* * Finding Aid Index* */
#findingaid-index h1,
#findingaid-index h2,
#findingaid-index h3,
#findingaid-index h4,
#findingaid-index h5,
#findingaid-index h6,
#findingaid-index h7,
#findingaid-index h8,
#findingaid-index h9 {
	font-size: 18px;
	margin: 0px;
}
#findingaid-index .filter h3 {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#findingaid-index .filter .filterContent{
	margin-bottom: 30px;
}
/* * Finding Aid Online View * */
#findingaid-online .openedHit {
	box-shadow: none;
	-webkit-box-shadow: none;
}
#findingaid-online .openedHit .hitcontent > h4 > a {
	text-decoration: none;
}
#findingaid-online .openedHit .hitcontent > h4 > a:hover {
	text-decoration: underline;
}
#findingaid-online .hit {
	border: 1px solid #f0f0f0;
	margin-bottom: 0px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
}
#findingaid-online .hit:hover {
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}
#findingaid-online .hit.match {
    border-color: #F5D59C;
}
#fake-header li.hit.level-0 {
  padding-left: 1.4em !important;
}

#fake-header li.hit.level-1 {
  padding-left: 2.8em !important;
}

#fake-header li.hit.level-2 {
  padding-left: 4.2em !important;
}

#fake-header li.hit.level-3 {
  padding-left: 5.6em !important;
}
#fake-header li.hit.level-4 {
  padding-left: 7em !important;
}
#fake-header li.hit.level-5 {
  padding-left: 8.4em !important;
}
#fake-header li.hit.level-6 {
  padding-left: 9.8em !important;
}
#fake-header li.hit.level-7 {
  padding-left: 11.2em !important;
}
#fake-header li.hit.level-8 {
  padding-left: 12.6em !important;
}
@media (max-width: 767px) {
	.searchbox-fixed {
		border-bottom: 0px !important;
		max-width: inherit !important;
		width: 100% !important;
		padding-right: 50px !important;
		padding-bottom: 50px !important;
		z-index: 9 !important;
		bottom: 0;
		top: inherit !important;
	}
	#position-arrow {
		z-index: 10;
	}
	#fake-header li.hit.level-0,
	#fake-header li.hit.level-1,
	#fake-header li.hit.level-2,
	#fake-header li.hit.level-3,
	#fake-header li.hit.level-4,
	#fake-header li.hit.level-5,
	#fake-header li.hit.level-6,
	#fake-header li.hit.level-7,
	#fake-header li.hit.level-8 {
		padding-left: 15px !important;
	}
}
@media (max-width: 991px) and (min-width: 768px) {
	.searchbox-fixed {
		border-bottom: 0px !important;
		max-width: inherit !important;
		width: 320px !important;
		padding-right: 15px !important;
		padding-bottom: 15px !important;
		margin-left: 0px !important;
		z-index: 1031 !important;
		bottom: 0;
		top: inherit !important;
	}
	#position-arrow {
		z-index: 10;
	}
}

/* * * SNA Viz * * */
#graphinfobox > h1 {
	font-size: 18px;
	font-weight: bold;
	color: #999;
	margin-top: 30px;
	margin-bottom: 30px;
}
#graphinfobox > h2 {
	color: #506277;
	font-size: 15px;
	margin-top: 0px;
}
noscript > h3 {
	font-size: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #051E3C;
}
noscript > h4 {
	font-size: 15px;
	color: #506277;
}
#snaviz {
	display: none;
	border: 1px solid #999;
	margin-top: 30px;
	width: 100%;
	height: 100%;
	border: 2px solid #f0f0f0;
	margin-bottom: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
#snaviz:hover {
	border: 2px solid #e0e0e0;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}
#snaviz > svg {
	position: relative;
	top: 3px;
	left: 3px;
}
.link {
	stroke: #003574;
	stroke-opacity: .5;
}
.node circle {
	stroke: #fff;
	fill: #051E3C;
	stroke-width: 1.5px;
	cursor: move;
}
.node text {
	pointer-events: none;
	font-size: 11px;
	font-weight: bold;
}

.node.fixed {
	fill: #f0ad4e;
}

/* * TOOL TIP * */
.d3-tip {
	line-height: 1;
	padding: 12px;
	background: #051E3C;
	background: rgba(5, 30, 60, 0.80);
	color: #fff;
	border-radius: 2px;
	width: 200px;
	z-index: 2000;
}
/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
	box-sizing: border-box;
	display: inline;
	font-size: 10px;
/* 	width: 100%; */
	line-height: 1;
	color: #051E3C;
	color: rgba(5, 30, 60, 0.80);
	content: "\25BC";
	position: absolute;
	text-align: center;
}
.d3-tip:after {
	content: "\25B6";
	margin: -4px 0 0 -1px;
	top: 50%;
	left: 100%;
}
.d3-tip p {
	margin: 0 0 6px 0;
}
.d3-tip p:last-child {
	margin: 0 0 0 0;
}
.d3-tip p > a {
	color: #999;
}
.d3-tip p > a > span {
	color: #999;
	padding-left: 0px;
}
.d3-tip p > a:hover, .d3-tip p > a:active {
	color: #fff;
}
/* * * Helper Tooltips and Co. * * */
#alertBox {
	display: none;
	margin-top: 30px;
}

/* * * Link and Download and Facet and Graph Facet Overlay * * */
#layerDiv, #layerDivDownload, #layerDivFacet, #layerDivGraphFacet {
	display: none;
	position: absolute;
	z-index: 2000;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #051E3C;
	background: rgba(5, 30, 60, 0.70);
}
#layerDiv > .panel {
	display: none;
	width: 80%;
	margin: 24% 10%;
	position: fixed;
}
#layerDivDownload > .panel {
	display: none;
	width: 80%;
	margin: 15% auto 0 auto;
}
#layerDivFacet > .panel, #layerDivGraphFacet > .panel {
	display: none;
	margin: 3%;
}
/* * Special Customization for Facet Overlay * */
#layerDivFacet {
	background: #003574;
	background: rgba(0, 53, 116, 0.70);
}
#layerDivFacet > .panel-primary {
	border-color: #051E3C;
}
#layerDivFacet > .panel  > .panel-heading {
	background: #051E3C;
	border-color: #051E3C;
}
#layerDivFacet > .panel  > .panel-body > h3 {
	font-size: 24px;
	margin-top: 0px;
	color: #051E3C;
}
#layerDivFacet > .panel  > .panel-body > h4 {
	font-size: 15px;
	color: #506277;
}
#layerDivFacet > .panel  > .panel-body > h5 {
	font-size: 15px;
	color: #051E3C;
}
#layerDivFacet > .panel  > .panel-body > div.btn-group {
	margin-top: 10px;
}
.overlayFilterMenu {
	margin-top: 10px;
	margin-bottom: 10px;
}
.overlayFilterMenu > ul.nav > li > a  {
	padding: 5px 10px;
}
.filterChoiceSearch {
	margin-bottom: 10px;
	width: 50%;
}
.filterChoiceAlphabetical > div.btn-toolbar > div.btn-group {
	margin-bottom: 10px;
}
@media (max-width: 767px) {
	.filterChoiceAlphabetical > div.btn-toolbar > .btn-group-xs > .btn {
		padding: 0px 5px;
		font-size: 10px; 
	}
	.filterChoiceSearch {
		width: 100%;
	}
} 
.facetColumns {
	-moz-column-count: 3;
	-moz-column-gap: 30px;
	-webkit-column-count: 3;
	-webkit-column-gap: 30px;
	column-count: 3;
	column-gap: 30px;
}
.facetColumns > p {
	height: 21px;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 0px;
	clear: both;
}
.facetColumns .oneFacetContent {
	font-size: 14px;
}
.facetColumns > p a span.glyphicon {
	color: #999;
	padding-right: 3px;
	font-size: 11px;
}
.facetColumns a:hover span.feacetText {
	text-decoration: underline;
}
.facetColumns .feacetText {
	width: 65%;
}
@media (min-width: 1600px) {
	.facetColumns .feacetText {
		width: 80%;
	}
}
@media (min-width: 1200px) {
	.facetColumns {
		-moz-column-count: 4;
		-moz-column-gap: 30px;
		-webkit-column-count: 4;
		-webkit-column-gap: 30px;
		column-count: 4;
		column-gap: 30px;
	}
	.facetColumns .feacetText {
		width: 60%;
	}
}
@media (max-width: 991px) {
	.facetColumns {
		-moz-column-count: 3;
		-moz-column-gap: 30px;
		-webkit-column-count: 3;
		-webkit-column-gap: 30px;
		column-count: 3;
		column-gap: 30px;
	}
	.facetColumns .feacetText {
		width: 55%;
	}
}
@media (max-width: 768px) {
	.facetColumns {
		-moz-column-count: 2;
		-moz-column-gap: 30px;
		-webkit-column-count: 2;
		-webkit-column-gap: 30px;
		column-count: 2;
		column-gap: 30px;
	}
	.facetColumns .feacetText {
		width: 50%;
	}
}
@media (max-width:480px) {
	.facetColumns {
		-moz-column-count: 1;
		-moz-column-gap: 30px;
		-webkit-column-count: 1;
		-webkit-column-gap: 30px;
		column-count: 1;
		column-gap: 30px;
	}
	.facetColumns .feacetText {
		width: 55%;
	}
}
/* * Special Responsive Hacks Finding Aid Index * */
.fAidindex .facetColumns {
	-moz-column-count: 3;
	-moz-column-gap: 30px;
	-webkit-column-count: 3;
	-webkit-column-gap: 30px;
	column-count: 3;
	column-gap: 30px;
}
.fAidindex .facetColumns .feacetText {
	width: 138px;
}
@media (min-width: 1200px) {
	.fAidindex .facetColumns .feacetText {
		width: 185px;
	}
}
@media (max-width: 991px) {
	.fAidindex .facetColumns {
		-moz-column-count: 3;
		-moz-column-gap: 30px;
		-webkit-column-count: 3;
		-webkit-column-gap: 30px;
		column-count: 3;
		column-gap: 30px;
	}
	.fAidindex .facetColumns .feacetText {
		width: 150px;
	}
}
@media (max-width: 768px) {
	.fAidindex .facetColumns {
		-moz-column-count: 2;
		-moz-column-gap: 30px;
		-webkit-column-count: 2;
		-webkit-column-gap: 30px;
		column-count: 2;
		column-gap: 30px;
	}
	.fAidindex .facetColumns .feacetText {
		width: 65%;
	}
}
@media (max-width:480px) {
	.fAidindex .facetColumns {
		-moz-column-count: 1;
		-moz-column-gap: 30px;
		-webkit-column-count: 1;
		-webkit-column-gap: 30px;
		column-count: 1;
		column-gap: 30px;
	}
	.fAidindex .facetColumns .feacetText {
		width: 75%;
	}
}
@media (max-width:319px) {
	.fAidindex .facetColumns .feacetText {
		width: 62%;
	}
}

/* * * Highlighting Text * * */
.highlight-yellow{
	background-color: #F5D59C;
}

.sliderValue{
	width: 40%;
	float: left;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 10px;
}

/** fix for bad search window**/
@media (min-width: 992px) {
	#noteboxfunctions {
		margin-bottom: 60px;
	}
}

.no-spin::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}



