@charset "utf-8";
/* CSS Document */
/* Since we include meyerreset.css prior to this, we must define some defaults. */
sub, sup {
	/* Specified in % so that the sup/sup is the
	right size relative to the surrounding text */
	font-size: 75%;
	/* Zero out the line-height so that it doesn't
	interfere with the positioning that follows */
	line-height: 0;
	/* Where the magic happens: makes all browsers position
	the sup/sup properly, relative to the surrounding text */
	position: relative;
	/* Note that if you're using Eric Meyer's reset.css, this
	is already set and you can remove this rule */
	vertical-align: baseline;
}
sup {
	/* Move the superscripted text up */
	top: -0.5em;
}
sub {
	/* Move the subscripted text down, but only
	half as far down as the superscript moved up */
	bottom: -0.35em;
}
ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;	
}
ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}
dl dd {
    /*giving UL's LIs generated numbers*/
    margin-left:1em;
}
/* th,td { */
    /*borders and padding to make the table readable*/
/*  border:1px solid #000;
    padding:.5em;
} */
/* th { */
    /*distinguishing table headers from data cells*/
/*    font-weight:bold;
    text-align:center;
} */
h1,h2,h3,h4 {
	font-weight: bold;
}
h2 {
	font-size: 120%;
	padding-top: .4em;
}
h3 {
	font-size: 100%;
	padding-top: .3em;
}
strong,b {
	font-weight: bold;
}
em,i {
	font-style: italic;	
}


.csLeftIndentList {
	padding-left: 50px;
}

.csCleanWideTable {
	width: 100%;
    border-collapse: collapse;
    border-color: #666;
    border-style: solid;
	border-width: 1px;
}
.csCleanWideTable th,
.csCleanWideTableHeader {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	background-color: #36C;
	color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
    border-color: #666;
    border-style: solid;
	border-width: 1px;
}

/* Horizontal Header Rows get .8 em font-size */
#idSpecimenDetail.csCleanWideTable th,
#idLocalityDetail.csCleanWideTable th,
#idMineralDetail.csCleanWideTable th,
#idVendorDetail.csCleanWideTable th,
#idImageDetail.csCleanWideTable th,
#idAddImage.csCleanWideTable th,
#idAddMinerals.csCleanWideTable th{
	width: 94px;
	font-size: .8em;
}

/* Vertical Header Columns get .9 em font-size */
.csLocalityList .csCleanWideTable th,
.csMineralList .csCleanWideTable th,
.csVendorList .csCleanWideTable th,
.csSpecimenList .csCleanWideTable th{
 	font-size: .9em;
}

#idSpecimenDetail.csCleanWideTable ul,
#idLocalityDetail.csCleanWideTable ul,
#idMineralDetail.csCleanWideTable ul,
#idImageDetail.csCleanWideTable ul{
	margin: 0 0 0 5px;
	padding-top: 3px;
	padding-bottom: 5px;
}

.csCleanWideTable td,
.csCleanWideTableCell {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
    border-color: #666;
    border-style: solid;
	border-width: 1px;
}
	
.csTreeContainer {
	position:relative;
	width:inherit;
	height:inherit;
}
.csTreeElement {
	border-style: solid;
	border-color: #666;
	border-width: thin;
	background-color: #CCF;

	/* gradient for tree element box */
	background: linear-gradient(to bottom, rgba(221,221,255,1) 0%,rgba(204,204,255,1) 15%,rgba(96,165,234,1) 86%,rgba(51,140,214,1) 100%); 

	/* shadow of tree element box on background */
	box-shadow: 2px 2px 2px #888;

	/* light highlight below-right of text in element box */
	text-shadow: .5px .5px 0 hsla(0,0%,100%,.7);

 	position:absolute;
	font-family:Tahoma, Geneva, sans-serif;
	vertical-align:middle;
	font-size:12px;
/*	height must match $element_height variable in displayTree() */
	height:16px;
	padding-right:3px;
	padding-left:3px;
	padding-bottom:0;
	padding-top:0;
	margin-top:0;
	margin-bottom:0;
	border-radius:3px;
}
.csTreeContainer p {
/* height must match $offset_y in displayTree() */
	height:16px;
/* padding-bottom Must match $element_space_y */
	padding-bottom:5px;
	padding-top:0;
	margin-bottom:0;
	margin-top:0;
}
.csTreeElement a:link {
	color: #021748	/* 42413C */;
}
.csTreeElement a:visited {
	color: #533802  /* 6E6C64 */;
}
.csTreeElement a {
	text-decoration:none;
}

.csTreeElement code {
	font-size:smaller;
	font-style:italic;
}
.csSQLResult {
	font-size:smaller;
	font-family:"Lucida Console", Monaco, monospace;
}

.csSpecimenList, .csMineralList, .csLocalityList, .csVendorList{
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
}

.csLeftIndex {
	color:#060;
}
.csRightIndex {
	color:#C00;
}
.csTreeLines {
	border-top:none;
	border-right:none;
	border-left:thin solid #333;
	border-bottom:thin solid #333;
	position:absolute;
	border-bottom-left-radius:7px;
}

form.csForms label {
	width: 120px;
	float: left;
	margin-bottom: 5px;
	text-align: right;
}

form.csForms input, form.csForms textarea {
	margin-left: 0;
	margin-bottom: 5px;
	width: 180px;
	border: thin;
/*	border-radius: 4px; */
}

form.csForms textarea {
	width: 250px;
	height: 150px;
	min-height: 150px;
	-moz-resize: vertical;
	resize: vertical;
}

.csBoxes {
	width: 5px;
}

form.csForms br{
	clear: left;
}

form.csDataEntryForm input {
	margin-left: 0;
	width: 180px;
	border: thin;
}

form.csDataEntryForm input.csShortNumberEntry {
	width: 47px;
}
form.csDataEntryForm input.csDateEntry {
	width: 130px;
}
form.csDataEntryForm input.csTextLineEntry {
	width: 400px;
}
.csTextAreaEntry {
	width: 400px;
	height: 100px;
	min-height: 100px;
	min-width: 400px;
	-moz-resize: vertical;
	resize: vertical;
}

.csPaginationControls {
	width:100%;
}
.csPaginationControls table {
	margin: 0 auto;
}
.csPaginationControls td {
	padding: 0 5px 0 5px;
}
.csPaginationControls img {
	border:none;
}
.csHeaderNavButtons {
	float:left;
}
.csHeaderNavSearch {
	float:right;
}
.csContextNavButtons {
	float:left;
/*	clear:both; */
	padding: 0 10px 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.csContextNavButtons a {
	font-size:90%;
}


/*
 * Bootstrap stuff 
 */ 
/*
body {
	margin:0;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	line-height:20px;
	color:#333333;
	background-color:#ffffff;
}
*/
input[type="file"] {
	width: auto;
}
input[type="file"] {
	height: 30px;
	margin-top: 4px;
	line-height: 30px;
}
input[type="file"]:focus
{
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}


/* 
 * File upload control
 * (Assumes bootstrap)
 */
.file-upload {
	position: relative;
	overflow: hidden;
/*	margin: 10px */
}
.file-upload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0)
}


/* search form
-------------------------------------- */
.csSearchForm {
	zoom: 1; /* ie7 hack for display:inline-block */
	display: inline;
	line-height:14px;
	cursor: pointer;
	background-color: #081443;
	padding: 0 5px;
	color: #efca8b;
	border: 2px solid;
	border-top-color:#C4C9DB; border-right-color:#565968;
	border-bottom-color:#565968; border-left-color:#C4C9DB
}
.csSearchForm input {
	display: inline-block;
	vertical-align: top;
	margin: 3px 0 0 0;
	font: normal .7em Verdana,Arial,Helvetica,sans-serif;
}
/* radio buttons */
.csSearchForm input[type="radio"] {
	margin: 4px 3px 0 0;
}
.csSearchForm label {
	display: inline-block;
	vertical-align: top;
	font: italic bold .8em Verdana,Arial,Helvetica,sans-serif;
	margin: 2px 0 3px 0;
	padding: 0 3px 0 0;
}
.csSearchForm .csSearchField {
	display: inline-block;
	vertical-align: top;
	background: #fff;
	padding: 0 5px;
	margin: 3px 0 3px 0;
	width: 150px;
	border: solid 1px #bcbbbb;
	outline: none;
	border-radius: 2px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}

.csSearchForm input[type="submit"] {	/* submit button */
	display: inline-block;
	vertical-align: top;
	color: #efca8b;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	text-indent: -1000em;

	margin: 3px 0 0 0;
	padding: 0;
	border: solid 1px #494949;
/*	font-size: 11px; we'll be hiding the text, anyway */
	height: 15px;
	width: 23px;

	text-shadow: 0 2px 2px rgba(0,0,0,.6);
	border-radius: 4px;

	background: #5f5f5f;
	background:#5f5f5f url(/images/MagnifierIcon_White.png) 0 0 no-repeat;	/* fallback for browsers without gradient backgrounds */
}

/* File input fields */
.csFileInputTextbox {
	height:25px;
	width:200px;
	float:left; 	
}
.csFileInputDiv {
	position:relative;
	width:80px;
	height:26px;
	overflow:hidden; 
}
.csFileInputButton {
	width:80px;
	position:absolute;
	top:0px;
	border:1px solid #F0F0EE;
	padding:2px 8px 2px 8px; 
	font-weight:bold; 
	height:25px; 
	margin:0px; 
	margin-right:5px; 
}
.csFileInputButtonHover {
	width:80px;
	position:absolute;
	top:0px;
	border:1px solid #0A246A; 
	background-color:#B2BBD0;
	padding:2px 8px 2px 8px; 
	height:25px; 
	margin:0px; 
	font-weight:bold; 
	margin-right:5px; 
}
.csFileInputHidden {
	font-size:45px;
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
}

/*
// Thumbnail Gallery styles
*/
.csThumbnailGallery {
	margin:0;
	padding:0;
	float: left;
	position: relative;
	overflow:hidden;
}
.csClear {
	clear:both;
}

.csThumbnail {
	float: left;
	position: relative;
	color:inherit;
	background-color: #949494;
	width: 200px; /* not including borders */
	height: 200px; /* not including borders */
	overflow: hidden;
}
.csThumbnailBorders3d {
	border-top:2px solid #ddd;
	border-bottom:2px solid #333;
	border-left:2px solid #aaa;
	border-right:2px solid #666;
}

.csSelectedThumbnail, .csThumbnail:hover {
	color:inherit;
	background-color: #a1a1a1;
}

.csEmptyThumbnail {
	float: left;
	position: relative;
	color:inherit;
	background-color: #949494;
	width: 200px; /* not including borders */
	height: 200px; /* not including borders */
	overflow: hidden;
}

.csItemNumber {
	z-index: 0;
	position: absolute;
	top: -2px;
	left: 2px;
	background-color:inherit;
	color: #9c9c9c;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -1px;
}

.csThumb {
	border: 1px solid black;
	position: relative;
}

.csDropShadow {
	/* offest-x, offset-y, blur-standard-deviation, color */
	filter: drop-shadow(4px 4px 4px rgb(64, 64, 64));
	float: left;
	margin: 13px -10px -10px 10px;
/*
	background: url(../../images/shadow.png) right bottom no-repeat;
	display: block;
	position: relative;
*/
}

.csDropShadow:before, .csDropShadow:after {
	background: inherit;
	content: " ";
	display: block;
	height: 10px;
	width: 10px;
}

.csDropShadow:before {
	background-position: right top;
	margin: -10px 0 0 auto;
	position: absolute;
	right: 0;
	top: 0;
}

.csDropShadow:after {
	background-position: left bottom;
	margin: -13px 0 0 -10px;
}

.csDropShadow .csInner {
	display: block;
	left: -10px;
	margin: 0;
	overflow: hidden;
	position: relative;
	top: -13px;
}

.csImageIconColumn {
	width: 21px;
    vertical-align: bottom;
	padding-bottom: 1;
	padding-top: 1;
}

.csImageIconColumn img,
.csImageIconColumn a img {
    vertical-align: bottom;
	padding: 0;
	margin: 0;	
	border-top-width: 0;
/*	border-right-width: 0;	*/
	border-bottom-width: 0;
/*	border-left-width: 0;	*/
	border-top-style: none;
/*	border-right-style: none;	*/
	border-bottom-style: none;
/*	border-left-style: none;	*/
	border-image-source: none;
	border-image-slice: 100% 100% 100% 100%;
	border-image-width: 0 0 0 0;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
}

.csError {
	color: red;
}

.csHM_overline {
    text-decoration: overline;
}



/* Image details container */
#idImage {
	height:auto;
	width:auto;
    border: 1px solid #000000;
}
#idImage img {
	max-width:100%; 
	max-height:100%;
	margin:auto;
	display:block;
}

/* Checkboxes inside Lists */
form.csDataEntryForm input[type="checkbox"] {
	margin-left: 0;
	width: 16px;
}

/* chemical formula */
/* .chemicalFormula sup+sub.shift { */
/*.chemicalFormula sup+sub {
	position:relative;
	left:-1.5em;
}*/

.csChemicalFormula {
		font-family: 'Fira Sans', sans-serif;
		font-weight: 500;
		font-style: normal;
}

.csChemicalFormula .csShiftLeft1 {
	position:relative;
	left:-0.75em;
}
.csChemicalFormula .csShiftLeft2 {
	position:relative;
	left:-1em;
}

.csMinDatRight {
	float: right;
	font-family: 'Fira Sans', sans-serif;
}
.csMinDat {
	font-family: 'Fira Sans', sans-serif;
}
.csDeaccessioned {
    text-decoration: line-through;
}

.flex-container {
    display: flex;
}
.flex-child {
    flex: 1;
/* debug:    border: 2px solid yellow; */
}  
.flex-child:first-child {
    margin-right: 20px;
} 
.flex-child p {
	line-height: 1em;   /* within paragraph */
	margin-bottom: .5em; /* between paragraphs */
}
.flex-child li {
	line-height: 1em;   /* within paragraph */
	margin-bottom: .5em; /* between paragraphs */
}
.csHighlights {
	color: black;
	font-weight: 800;
}