body{background:White;color:#393c41;font-family:Arial,Helvetica,sans-serif;font-size:1em}

.noBlue span {
	color: red; 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
	}
	
.sns {
	white-space: nowrap;
	text-align:center;
	border: 0px solid #f5f5f5;
	padding: 10px 5px 5px 5px;
	color:#faf9f7;
	background: #393c41;
	cursor: pointer;}
	
.ptitle, .ptitle24 {
font-family:Georgia;
 position: relative;
 color:#993333;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-size:26px;
 font-weight: normal;
}

.ptitle24 {
 font-size:24px;
 white-space: nowrap;
}
	
.comment {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family:Arial;
 color:#000000;
 font-size:12px;
}

div.comment {
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 10px 0px;
 border-bottom: 0px solid gray;
 width:100%;
}

div.comment p {
 margin: 0px 5px 0px 5px;
}

.lowerLinks2{
	position:absolute;
	padding: 0px 0px 0px 0px;
	}
	
div.pageSection {
  margin: 0px;
	padding: 0px;
  left: 0px; top: 0px;
	width: 100%; height: auto;
  position: absolute;
  overflow: hidden;	
	border-bottom: 0px solid gray;
  background: inherit;
	}

.textPanel{
	position:absolute;
	background: white;
  overflow: hidden;
	padding: 0px;
	margin: 0px;
	}
	
.basic a {
 color:#393C41;
}
	
.basic{
	position:absolute;
	overflow: auto;
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 0px;
	}
	
.smgrey {
	color: grey;
	font-size: x-small;
	}
		
.smgreyR {
	color: grey;
	font-size: x-small;
	text-align: right;
	}
		
.smwhite {
	color: white;
	font-size: x-small;
	}
		
.smwhiteR {
	color: white;
	font-size: x-small;
	text-align: right;
	}

/* ID Specific CSS */

#page {
  position: absolute;
	display: none;
	left: 0px; top: 0px;
	width: 100%; height: 100%;
}
	
/*#page-logo{
	border: 0px solid #f5f5f5;
	position: absolute;
}*/

#pagelayer {
	position: absolute;
	background:White; 
}
	
#Comment {
	top: 100px;
	}
	

/* Extra Bootstrap css button */
.btn-outline-ngred {
  color: #993333;
  background-image: none;
  background-color: transparent;
  border-color: #993333;
}

.btn-outline-ngred:hover {
  color: #fff;
  background-color: #993333;
  border-color: #993333;
}

.btn-outline-ngred:focus, .btn-outline-ngred.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
          box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}

.btn-outline-ngred.disabled, .btn-outline-ngred:disabled {
  color: #993333;
  background-color: transparent;
}

.btn-outline-ngred:active, .btn-outline-ngred.active,
.show > .btn-outline-ngred.dropdown-toggle {
  color: #fff;
  background-color: #993333;
  border-color: #993333;
}

.btn-link {
  font-weight: normal;
  color: #0275d8;
  border-radius: 0;
}

.ng-nav {
	background-color: white!important;
	border-bottom: 1px solid grey;
	z-index: 20000;
	}
	
/* These were added to correct for a conflict between Mirador and Boostrap 08/17*/
a.hud-control, a.hud-control i, a.hud-control div {
	box-sizing: content-box;
	-webkit-box-sizing: initial;
	}
	
html,
body {
  height: 100%;
  min-width: 400px;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -42px 0;
  /* Pad bottom by footer height */
  padding: 0 0 40px 0;
}

/* Set the fixed height of the footer here */
footer {
  height: 40px;
  border-top: 1px solid grey;
  /* background-color: #f5f5f5;*/
}


#wrap > .center-container {
  padding: 0px 0 0 0;
  margin:0;
}

footer > .container, .container-fluid {
  padding-top:5px;
  padding-left: 15px;
  padding-right: 15px;
}

.center-container {
  height:100%;
}

.center-row {
  height:100%;
  /*background-color: #eaeaea;*/
  background-size:cover;
  overflow: auto;
}

.annotationSampleBlock { 
	padding:2px;
	}
	
.annotationSampleBlock div { 
	border-bottom: 1px solid grey;
	padding-bottom:2px;
	/*border-top: 1px solid grey;
	padding-top:2px;*/
	}
	
.annotation-img {
	position:relative;
	padding:0px;
	margin-top:5px;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:2px;
	cursor:pointer;
	max-height: 64px;
	max-width: 96px;
	}

/*.cred {background-color: #AA0000;}

.cblue {background-color: #00AA00;}

@media (max-width: 768px) { 

    .row {background-color: #ea99ea;} }
    

@media (min-width: 769px) and (max-width: 992px) { 

    .row {background-color: #eaea99;} }


@media (min-width: 992px) and (max-width: 1200px) { 

    .row {background-color: #99ea99;} }*/