/* GENERAL STYLE FOR PAGE */
body {
	margin: 0;
	padding: 0;
	border: 0;					/* This removes the border around the viewport in old versions of IE */
	width: 100%;
	/*min-width: 900px;*/
	text-align: center;
	background-color: white;
	color: #000000;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 86%;
}

/*
 *
 * WRAPPING DIV AROUND CONTENT TO CENTER ON PAGE
 *
 */

#wrap {
	width: 900px;
	margin-right: 60px;
	margin-left: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

/*
 *
 * STYLE FOR WRAP
 *
 */

/* column container */

.colmask {
	position: relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: right;
	width: 100%;			/* width of whole page */
	overflow: visible;		/* This chops off any overhanging divs */
}

/*
 *
 * 2 COLUMN LEFT MENU SETTINGS
 *
 */

.leftmenu {
	background-color: #ccccff;
	/*background-image: url('../../images/testing.png');*/
}

.leftmenu .colright {
	float: left;
	width: 100%;
	position: relative;
	left: 125px;
	background-color: #ffffff;
}

.leftmenu .col1wrap {
	float: right;
	width: 50%;
	position: relative;
	right: 125px;
}

.leftmenu .col1 {
	margin: 0 0px 0 125px;
	position: relative;
	right: 100%;
	float: left;
	overflow: visible;
}

.leftmenu .col2 {
	float: left;
	width: 125px;
	position: relative;
	right: 125px;
}

/*
 *
 * LEFT SIDEPANEL
 *
 */

.sidebar {
	display: block;
	float: left;
	clear: left;
	width: 125px;
	padding: 0px;
	background-color: #ccccff;
	/*background-image: url('../../images/testing.png');*/
}

.sidebar a, .sidebar span {
	display: block;
	float: left;
	clear: left;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 3px 7px 4px 7px;
	text-decoration: none;
	border: 1px solid #333333;
	width: 6em;
	text-align: center;
	background-color: #cccccc;
	cursor: pointer;
}

.sidebar a:hover, .sidebar a:focus {
	background-color: #ffffff;
}

.sidebar a:link, .sidebar a:visited {
	color: #000099;
}

.sidebar .sidebar-selected {
	font-weight: bold;
	background-color: #f1f1f1;
}

.sidebar .sidebar-unselected {
	background-color: #cccccc;
}

.sidebar .sidebar-unselectable {
	cursor: default;
}

.sidebar .home-link {
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 100px;
}

.sidebar .index-link {
	width: 125px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/*
 *
 * MAIN PART OF PAGE
 *
 */

#content {
	display:block;
	float:left;
	padding: 5px 10px 5px 10px;
	text-align: left;
}

/*
 *
 * TITLE BANNER
 *
 */

#banner {
	clear: both;
	margin: -5px -10px 5px -10px;
	padding: 0px 5px 0px 5px;
	background-color: #aaaaff;
	position: relative;
	height: 100px;
	width: 755px;
	float: left;
	overflow: visible;
}

.info_div {
	clear: both;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 755px;
	float: left;
	overflow: visible;
}

.info_div.locality {
	width: 920px;
}

#errors_div, #warnings_div {
	clear: both;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 755px;
	float: left;
	overflow: visible;
	text-align: left;
}

#list_list {
	clear: both;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 755px;
	float: left;
	/*overflow-y: hidden;
	overflow-x: auto;*/
	overflow: visible;
}

/*
 *
 * BANNER
 *
 */

.banner {
	width: 100%;
	height: 75px;
	box-sizing: border-box;
	/*background-image: url('../../images/testing.png');*/
}

.banner-ribbon {
	height: 17px;
	clear: both;
	margin: 0px -5px 0px -5px;
	font-size: 100%;
	padding: 5px 0 3px 0.6em;
	background-color: #ccccff;
	border-collapse: collapse;
}

.banner-title {
	width: 60%;
	float: left;
	height: 37px;
	font-size: 1.55em;
	font-weight: bold;
	padding: 2px 0 0 8px;
	overflow: hidden;
	box-sizing: border-box;
}

.banner-login {
	width: 40%;
	float: right;
	height: 37px;
	padding-top: 2px;
	box-sizing: border-box;
}

.banner-history {
	width: 50%;
	float: left;
	height: 37px;
	box-sizing: border-box;
}

.banner-navigation {
	width: 50%;
	float: right;
	height: 37px;
	box-sizing: border-box;
}

.navigation-records {
	float: none;
	clear: none;
	width: 100%;
	height: auto;
	margin: 3px 10px 0 0;
	box-sizing: border-box;
}

.navigation-counter {
	clear: none;
	float: right;
	line-height: 37px;
	margin: 1px 10px 0 0;
	box-sizing: border-box;
}

.navigation-controls {
	clear: none;
	float: right;
	height: 100%;
	padding-top: 5px;
	box-sizing: border-box;
}

.history-controls {
	clear: none;
	height: 100%;
	padding-top: 8px;
	box-sizing: border-box;
}

.history input {
	float: left;
	clear: none;
	width: 30px;
	padding: 0;
	margin: 0 4px 0 0;
	box-sizing: border-box;
	color: #000000;
	background-color: #ccccff;
}

.security-records {
	float: none;
	clear: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.security-controls {
	margin: 0;
	padding: 0;
	clear: none;
	float: right;
	height: 100%;
	height: auto;
	box-sizing: border-box;
}
.security-controls.padding-top {
	padding-top: 1px;
}

.security-message {
	clear: none;
	float: right;
	font-weight: bold;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.security-message.logged-in {
	height: 22px;
	line-height: 22px;
	margin-top: 2px;
}

/*
 *
 * TABS
 *
 */

#tabs {
	margin-top: 1em;
	margin-bottom: -5px;
	clear: both;
	white-space: nowrap;
	font-size: 93%;
	border-top: 1px solid #ffffff; /* IE7 bug fix; removes unwanted whitespace */
}

#tabs a {
	display: block;
	float: left;
	border: 1px solid #333333;
	width: 5em;
	text-align: center;
	padding: 3px 4px 4px 4px; /* t, r, b, l*/
	text-decoration: none;
	background-color: #cccccc;
}

#tabs a:hover, #tabs a:focus {
	background-color: #ffffff;
}

#tabs a:link, #tabs a:visited {
	color: #000099;
}

.selected {
	background-color: #f1f1f1 !important;
	border-bottom: 1px solid #f1f1f1 !important;
}

/*
 *
 * BOX
 *
 */

.box {
	clear: both;
	position: relative;
	padding: 1em 0.3em 0.3em 0.3em;
	background-color: #f1f1f1;
	width: auto;
	text-align: left;
	border-collapse: collapse;
}

.box label, .box input, .box select, .box textarea, .box span {
	display: block;
	width: 180px;
	float: left;
	margin-bottom: 10px;
	white-space: normal;
}

.box label {
	width: 120px;
	padding-right: 20px;
	text-align: right;
}

.box span {
	text-align: left;
	font-weight: bold;
}

.box br {
	clear: left;
}

.box label.header {
	padding-right: 0px;
	text-align: left;
}

.box p, .box table {
	float: left;
	clear: both;
	display: block;
}

.box h2 {
	margin-top: 0;
	color: #000099;
}

.box select {
	height: 22px;
}

/*
 *
 * VARIOUS ELEMENTS
 *
 */

hr {
	clear: both;
	color: #f1f1f1; /* transparent doesn't work in IE7 */
	border: none;
}

fieldset {
	margin-bottom: 1em;
	border: 1px solid #656565;
	padding: 0.3em;
}

legend {
	font-size: 130%;
}

.clearFloat {
	clear: both;
	height: 0;
	max-height: 0;
	min-height: 0;
}

/*
 *
 * CLASSES
 *
 */

.divCOL {
	width: 360px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
	clear: right;
}
.divCOL.wider {
	width: 430px;
}
.divCOL.wide {
	width: 1500px;
	overflow: visible;
}
.divCOL.wide fieldset {
	width: auto;
	overflow: visible;
}
.divCOL.single {
	width: 100%;
	float: none;
	overflow: visible;
}
.divCOL.single.wider fieldset {
	width: auto;
}
.divCOL.single fieldset {
	width: 705px;
}

.divCOL_refrence {
	width: 100%;
	float: none;
	overflow: visible;
	margin-bottom: 4px;
}

.divCOL_refrence fieldset {
	width: 705px;
}

.teeth_span {
	width: 360px !important;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #808080;
}
.teeth_span.borderless {
	border-right: none;
}

.div_popup {
	width: auto;
	float: left;
	overflow: visible;
	clear: both;
	left: 0px;
	margin: 4px 0px 0px 4px;
	background-color: #ffffff;
	text-align: left;
}

.radio_inline ul, .radio_inline li, .radio_inline input, .radio_inline label {
	display: inline;
	width: auto;
	text-align: left;
}

#reports_table {
	margin: 0px;
	padding: 0px;
}
#from_date, #to_date {
	margin: 0px;
	width: 80px;
}
#log_tables, #authorizers {
	margin: 0px;
	width: 280px;
}
#log_action_del, #log_action_cre, #log_action_upd {
	margin: 0px 10px 0px 5px;
	width: auto;
	text-align: left;
}
#log_action_del_label, #log_action_cre_label, #log_action_upd_label {
	margin: 0px;
	padding: 0px;
	width: auto;
	text-align: left;
}
.reports_pre {
	margin: 0px;
	padding: 4px;
	border: 2px solid #cccccc;
}

/*
 *
 * IDS
 *
 */

#info {
	list-style-type: none;
	padding-bottom: 1em;
}

#info li {
	float: left;
	margin-right: 2em;
}

/*
 *
 *	DISPLAYING SPECIES TAXONOMY	- MOSTLY SAME AS FOR BOX CLASS
 *
 */

.display {
	padding-top:20px;
}

.display label, .display span, .label {
	display: block;
	width: 140px;
	float: left;
	margin-bottom: 10px;
	white-space: normal;
}

.label.is-div {
	padding-left: 20px;
	box-sizing: border-box;
}

.display label {
	width: 80px;
	padding-right: 20px;
	text-align: right;
}

.display span {
	text-align: left;
	font-weight: bold;
}

.display br {
	clear: left;
}

.scientific {
font-style:italic;
}

/*
 *
 * EXCEPTIONS ON LOCALITY_AGE FORM
 *
 */

#ageMinMax input, #ageMinMax select, #ageMinMax span, #ageMinMax label.header {
	width: 120px;
}

#latlong input, #latlong select, #latlong span, #latlong label.header {
	width: 80px;
}

#chron {
	width: 240px;
}

#age_comm {
	width: 480px;
}

/*
 *
 * EXCEPTIONS ON REFERENCE LIST
 *
 */

#s[year] {
	width: 20px;
}

/*
 *
 * SPECIES HEADER INFO
 *
 */

.L {
	width: 130px;
}

.R {
	width: auto;
}

#speciesName {
	width: 460px;
}
#speciesTax {
	width: 260px;
}

#th_rec, #th_rec_authors_primary, #th_rec_authors_secondary, #th_rec_authors_series, #th_rec_upd_det, #th_rec_upd_ref, #th_rec_people, #th_rec_country, #th_rec_taxa {
	background-color: #ffffff;
}

#th_navigation {
	background-color: #ffffff;
	text-align: left;
	padding: 0.3em 0.6em;
	padding-right: 20px;
}

#th_navigation span {
	padding-right: 0.6em;
}

#th_navigation input {
	margin: 0px;
	width: 30px;
}

#th_sort, #th_sort20, #th_sort40 input {
	margin-top: 0px;
}

.data {
	margin: 0;
	padding: 0;
	float: none;
	clear: none;
	text-align: left;
	border-collapse: collapse;
}

.data caption {
	padding: 0 0 5px 0;
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
	border: none;
	border-collapse: collapse;
}

.data th {
	font-weight: normal;
	background-color: #cccccc;
	/*padding: 4px 1em 4px 1em;*/
	padding: 2px 2px 2px 2px;
}

.data th input, .data th select {
	/*margin: -4px -0.8em 0 -0.8em;*/
	width: 100%;
	box-sizing: border-box;
}

.data td {
	padding: 4px;
	vertical-align: middle;
	border: 1px solid #cccccc;
}

.data tr:hover {
	background-color: #eaeaea;
}

.data label, .data input, .data select, .data textarea, .data span {
	margin-bottom: 0px;
	width: 80%;
}

.data span {
	margin-bottom: 0px;
	width: 100%;
	min-width: 150px;
}

.data-borderless {
	border: none;
	min-width: 150px;
}

.data-borderless td {
	border: none;
}

.data-borderless tr {
	border: none;
}

#th_spe {
	color: #222222;
	background-color: #cccccc;
	font-weight: bold;
	text-align: left;
}
#th_spe_loc {
	color: #222222;
	background-color: #bbbbbb;
	font-weight: bold;
	text-align: left;
}
#th_nowls1, #th_nowls2, #th_nowls3, #th_nowls4, #th_nowls5, #th_nowls6, #th_nowls7, #th_nowls8, #th_nowls9, #th_nowls10, #th_nowls11, #th_nowls12, #th_nowls13, #th_nowls14, #th_nowls15, #th_nowls16, #th_nowls17, #th_nowls18, #th_nowls19, #th_nowls20, #th_nowls21, #th_nowls22, #th_nowls23, #th_nowls24, #th_nowls25, #th_nowls26, #th_nowls27, #th_nowls28, #th_nowls29, #th_nowls30 {
	background-color: #bbbbbb;
}
.th_div_left {
	float: left;
	clear: none;
}
.th_div_right {
	float: right;
	clear: none;
}
.th_div_right a:hover, .th_div_right a:focus, .th_div_right a:link, .th_div_right a:visited {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-decoration: none;
}
.th_div_right a:hover {
	font-weight: bold;
	text-decoration: underline;
}

/*
 *
 * DATA INPUT TABLE
 *
 */

.data_input {
	float: none;
	clear: none;
	border-collapse: collapse;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	/*width: 100%;*/
}

.data_taxa {
	float: none;
	clear: none;
	border-collapse: collapse;
	background-color: #f1f1f1;
	/*width: 100%;*/
}

.data_taxa tr {
}

.data_taxa td {
	font-weight: normal;
	/*background-color: #cccccc;*/
}

.data_error {
	float: none;
	clear: none;
	border-collapse: collapse;
	background-color: #ffffff;
	/*width: 100%;*/
}

.data_error th {
	background-color: #cccccc;
}

.data_error td, .data_error tr {
	background-color: #ff5357;
}

.data_warning {
	float: none;
	clear: none;
	border-collapse: collapse;
}

.data_warning th, .data_warning td {
	border: 1px solid #000000;
	background-color: #cccccc !important;
}

.data_plist {
	float: none;
	clear: none;
	border-collapse: collapse;
}

.data_plist th {
	margin: 0px;
	padding: 0px 4px 0px 4px;
	font-weight: normal;
	background-color: #cccccc;
}

.data_plist th label, .data_plist th span {
	float: left;
	width: auto;
}

.data_plist th span {
	font-weight: bold;
}

.data_plist td {
	margin: 0px;
	padding: 0px 4px 0px 4px;
	vertical-align: bottom;
	border: 1px solid #cccccc;
}

.data_plist tr:hover {
	background-color: #eaeaea;
}

.data_plist label, .data_plist input, .data_plist span {
	margin: 0px;
	padding: 0px;
	width: auto;
}

/*
 *
 * ERROR TABLE
 *
 */

.error-table {
	margin: 0 0 20px 20px;
}

/*
 *
 * BUTTONS
 *
 */

input:focus, textarea:focus, select:focus {
	outline: 1px solid #ccccff;
}
input[type=button], input[type=submit] {
	margin: 2px 4px 2px 0;
	border: 2px solid transparent;
	box-shadow: 2px 2px #999999;
	outline: 1px solid transparent;
}
input[type=button]:hover:enabled, input[type=submit]:hover:enabled {
	background-color: rgb(80, 180, 200, 0.7);
}

.button input {
	float: left;
	clear: none;
	font-weight: bold;
	color: #ffffff;
	transition: background-color .10s ease-in-out;
	-webkit-transition: background-color .10s ease-in-out;
}

.uniform input {
	width: 180px;
	margin-bottom: 5px;
	background-color: #6ad44e;
}

.sidebar-btn input {
	width: 120px;
	margin-left: 2px;
	margin-bottom: 4px;
	background-color: #6ad44e;
}

.details input {
	width: 20px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	color: #505050;
}

.margin-left-20px input {
	margin-left: 20px;
}

.clear-left input {
	clear: left;
}

.disabled input {
	color: #a1a192;
	background-color: #f5f5ea !important;
}

.navigation input {
	width: 30px;
	min-width: 30px;
	color: #000000;
	background-color: #ccccff;
}
.navigation.records input { float: right; width: auto; }
.navigation.list input { float: left; width: auto; }
.navigation.history input { float: left; }

.taxonomy-list input {
	width: 15px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	color: #000000;
	background-color: #ccccff;
}


.green input {
	
	background-color: #6ad44e;
}

.red input {
	
	background-color: #ff0000;
}

.orange input {
	
	background-color: #FFC000;
}

.water-blue input {
	
	background-color: #0080ff;
}

.deep-purple input {
	
	background-color: #aaaaff;
}

.light-purple input {
	
	background-color: #ccccff;
}

.light-blue input {
	
	background-color: #84d4ff;
}

.light-green input {
	
	background-color: #beffbe;
}

.error input {
	
	background-color: #ff5357;
}

.new input {
	
	background-color: #6ad44e;
}

.green-width-40px input {
	width: 40px;
	background-color: #6ad44e;
}

.red-width-40px input {
	width: 40px;
	background-color: #ff0000;
}

.orange-width-40px input {
	width: 40px;
	background-color: #FFC000;
}

.water-blue-width-40px input {
	width: 40px;
	background-color: #0080ff;
}

.deep-purple-width-40px input {
	width: 40px;
	background-color: #aaaaff;
}

.light-purple-width-40px input {
	width: 40px;
	background-color: #ccccff;
}

.light-blue-width-40px input {
	width: 40px;
	background-color: #84d4ff;
}

.light-green-width-40px input {
	width: 40px;
	background-color: #beffbe;
}

.error-width-40px input {
	width: 40px;
	background-color: #ff5357;
}

.new-width-40px input {
	width: 40px;
	background-color: #6ad44e;
}

.green-width-70px input {
	width: 70px;
	background-color: #6ad44e;
}

.red-width-70px input {
	width: 70px;
	background-color: #ff0000;
}

.orange-width-70px input {
	width: 70px;
	background-color: #FFC000;
}

.water-blue-width-70px input {
	width: 70px;
	background-color: #0080ff;
}

.deep-purple-width-70px input {
	width: 70px;
	background-color: #aaaaff;
}

.light-purple-width-70px input {
	width: 70px;
	background-color: #ccccff;
}

.light-blue-width-70px input {
	width: 70px;
	background-color: #84d4ff;
}

.light-green-width-70px input {
	width: 70px;
	background-color: #beffbe;
}

.error-width-70px input {
	width: 70px;
	background-color: #ff5357;
}

.new-width-70px input {
	width: 70px;
	background-color: #6ad44e;
}

.green-width-90px input {
	width: 90px;
	background-color: #6ad44e;
}

.red-width-90px input {
	width: 90px;
	background-color: #ff0000;
}

.orange-width-90px input {
	width: 90px;
	background-color: #FFC000;
}

.water-blue-width-90px input {
	width: 90px;
	background-color: #0080ff;
}

.deep-purple-width-90px input {
	width: 90px;
	background-color: #aaaaff;
}

.light-purple-width-90px input {
	width: 90px;
	background-color: #ccccff;
}

.light-blue-width-90px input {
	width: 90px;
	background-color: #84d4ff;
}

.light-green-width-90px input {
	width: 90px;
	background-color: #beffbe;
}

.error-width-90px input {
	width: 90px;
	background-color: #ff5357;
}

.new-width-90px input {
	width: 90px;
	background-color: #6ad44e;
}

.green-width-150px input {
	width: 150px;
	background-color: #6ad44e;
}

.red-width-150px input {
	width: 150px;
	background-color: #ff0000;
}

.orange-width-150px input {
	width: 150px;
	background-color: #FFC000;
}

.water-blue-width-150px input {
	width: 150px;
	background-color: #0080ff;
}

.deep-purple-width-150px input {
	width: 150px;
	background-color: #aaaaff;
}

.light-purple-width-150px input {
	width: 150px;
	background-color: #ccccff;
}

.light-blue-width-150px input {
	width: 150px;
	background-color: #84d4ff;
}

.light-green-width-150px input {
	width: 150px;
	background-color: #beffbe;
}

.error-width-150px input {
	width: 150px;
	background-color: #ff5357;
}

.new-width-150px input {
	width: 150px;
	background-color: #6ad44e;
}

.green-width-170px input {
	width: 170px;
	background-color: #6ad44e;
}

.red-width-170px input {
	width: 170px;
	background-color: #ff0000;
}

.orange-width-170px input {
	width: 170px;
	background-color: #FFC000;
}

.water-blue-width-170px input {
	width: 170px;
	background-color: #0080ff;
}

.deep-purple-width-170px input {
	width: 170px;
	background-color: #aaaaff;
}

.light-purple-width-170px input {
	width: 170px;
	background-color: #ccccff;
}

.light-blue-width-170px input {
	width: 170px;
	background-color: #84d4ff;
}

.light-green-width-170px input {
	width: 170px;
	background-color: #beffbe;
}

.error-width-170px input {
	width: 170px;
	background-color: #ff5357;
}

.new-width-170px input {
	width: 170px;
	background-color: #6ad44e;
}

.green-width-220px input {
	width: 220px;
	background-color: #6ad44e;
}

.red-width-220px input {
	width: 220px;
	background-color: #ff0000;
}

.orange-width-220px input {
	width: 220px;
	background-color: #FFC000;
}

.water-blue-width-220px input {
	width: 220px;
	background-color: #0080ff;
}

.deep-purple-width-220px input {
	width: 220px;
	background-color: #aaaaff;
}

.light-purple-width-220px input {
	width: 220px;
	background-color: #ccccff;
}

.light-blue-width-220px input {
	width: 220px;
	background-color: #84d4ff;
}

.light-green-width-220px input {
	width: 220px;
	background-color: #beffbe;
}

.error-width-220px input {
	width: 220px;
	background-color: #ff5357;
}

.new-width-220px input {
	width: 220px;
	background-color: #6ad44e;
}

.green-width-auto input {
	width: auto;
	background-color: #6ad44e;
}

.red-width-auto input {
	width: auto;
	background-color: #ff0000;
}

.orange-width-auto input {
	width: auto;
	background-color: #FFC000;
}

.water-blue-width-auto input {
	width: auto;
	background-color: #0080ff;
}

.deep-purple-width-auto input {
	width: auto;
	background-color: #aaaaff;
}

.light-purple-width-auto input {
	width: auto;
	background-color: #ccccff;
}

.light-blue-width-auto input {
	width: auto;
	background-color: #84d4ff;
}

.light-green-width-auto input {
	width: auto;
	background-color: #beffbe;
}

.error-width-auto input {
	width: auto;
	background-color: #ff5357;
}

.new-width-auto input {
	width: auto;
	background-color: #6ad44e;
}

.green-width-percent input {
	width: 100%;
	background-color: #6ad44e;
}

.red-width-percent input {
	width: 100%;
	background-color: #ff0000;
}

.orange-width-percent input {
	width: 100%;
	background-color: #FFC000;
}

.water-blue-width-percent input {
	width: 100%;
	background-color: #0080ff;
}

.deep-purple-width-percent input {
	width: 100%;
	background-color: #aaaaff;
}

.light-purple-width-percent input {
	width: 100%;
	background-color: #ccccff;
}

.light-blue-width-percent input {
	width: 100%;
	background-color: #84d4ff;
}

.light-green-width-percent input {
	width: 100%;
	background-color: #beffbe;
}

.error-width-percent input {
	width: 100%;
	background-color: #ff5357;
}

.new-width-percent input {
	width: 100%;
	background-color: #6ad44e;
}

.close-x input {
	z-index: 10;
	float: right;
	height: 27px;
	margin-right: 10px;
	background-color: #6ad44e;
}

.close-button input, .add-new-button input {
	z-index: 10;
	width: 150px;
	height: 27px;
	margin-top: 11px;
	position: relative;
	background-color: #6ad44e;
}

.tall-button input {
	height: 27px;
}

/*
 *
 * TEXT INPUT
 *
 */

.input-100-percent {
	width: 100%;
}

/*
 *
 * ---
 *
 */

.auto-complete-info {
	color: #000000;
	background-color: #f1f1f1;
	border-width: 0px;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	width: 100%;
	height: 1em;
	font-weight: bold;
	visibility: hidden;
	font-size: 0.9em;
	box-sizing: border-box;
}
.auto-complete-info.archaelogy {
	clear: none;
	float: left;
	width: 180px;
	margin: 0 0 0 140px;
}
.auto-complete-info.archaelogy.on-same-row {
	width: 180px;
	margin: 0 0 0 10px;
}

.show_help {
	color: #000000;
	background-color: #f1f1f1;
	border-width: 0px;
	margin-left: 4px;
	font-weight: bold;
	clear: none;
	float: left;
}
.show_help a:Link {
	color: #0000ff;
	text-align: center;
	text-decoration: none;
	font-size: 120%;
}
#usegrouphelp, #coordinatehelp, #otherpollenhelp, #mesowearreportedvalue {
	margin: 5px 0px 5px 0px;
	width: 100%;
	display: none;
	background-color: #ffffea;
	border: 1px solid #cccccc;
}

.list_navigation_text {
	padding: 0px;
	margin: 0px 0px 0px 4px;
	width: auto;
	float: left;
	clear: right;
	line-height: 24px;
	vertical-align: middle;
}

#list_showids {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
	width: auto;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
}

#list_showids_label {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	height: 24px;
	line-height: 24px;
	vertical-align: baseline;
	float: left;
	clear: none;
	display: block;
	width: auto;
	text-align: left;
}

.quickinfo_container {
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 10px;
	float: left;
}
.quickinfo {
	margin: 0px;
	padding: 1px 1px 1px 1px;
	height: 9px;
	width: 8px;
}

.div_comment {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

/*
 *
 * MISC
 *
 */

.pre_species_synonyms {
	float: left;
	width: 700px;
	background-color: #ececec;
	border: 1px solid #dadada;
}

.breaker_br {
	clear: both;
}

.breaker {
	float: left;
	clear: both;
}

.button-spacer {
	float: left;
	display: block;
	width: 15px;
	min-width: 15px;
	max-width: 15px;
	box-sizing: border-box;

}

.div-table {
	display: table;
	margin: 0 auto;
	display: inline;
}

/*
 *
 * HISTORY
 *
 */

.history_list {
	position: absolute;
	top: 100px;
	left: 0px;
	width: auto;
	min-width: 25%;
	max-width: 75%;
	height: 300px;
	min-height: 300px;
	max-height: 300px;
	visibility: hidden;
	background-color: #f5f5ea;
	z-index: 3;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid #cccccc;
}
.history_table {
	width: 100%;
	border-collapse: collapse;
	background-color: #f5f5ea;
}
.history_table td {
	border: 0px;
}
.history_table tr:hover {
	background-color: #e0e0e0;
}

.history_form {
	height: 100%;
	display: inline;
	vertical-align: middle;
}

/*
 *
 * FOOTER
 *
 */

#footer {
	clear: both;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	background-color: #aaaaff;
	text-align: left;
}

#id_status {
	font-weight: normal;
}

.authors {
	display: block;
	width: 180px;
	float: left;
	clear: none;
	margin-bottom: 10px;
	white-space: normal;
}

#ref_cit_title {
	width: 730px;
}

/*
 *
 * ERROR/EXCLAMATION TABLE
 *
 */

.error {
	border-collapse: collapse;
	text-align: left;
	margin-bottom: 2px;
}

.error th {
	font-weight: normal;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.error td {
	padding: 4px;
	background-color: #ff5357;
	border: 1px solid #000000;
	text-align: left;
}

.banner_table {
	border-collapse: collapse;
}

.delete_info {
	width: auto;
	font-weight: bold;
	margin-bottom: 10px;
}
.delete_info.font-size-150 {
	font-size: 150%;
}
.delete_info.font-size-130 {
	font-size: 130%;
}

/*
 *
 * COORDINATE SERVICES WINDOW
 *
 */

.coordinat:Link      { color: #0000ff; text-align: center; text-decoration: none; }
.coordinat:Visited   { color: #0000ff; text-align: center; text-decoration: none; }
.coordinat:Hover     { color: #0000ff; text-align:center; text-decoration: underline; background-color: #f1f1f1; }

/*
 *
 * INFO WINDOW STYLES: museum_info, project_info
 *
 */

#div_required {
	float: left;
	clear: both;
}
#div_required span {
	width: auto;
	margin: 0px 14px;
	padding: 0px;
	font-weight: normal;
}

/*
 *
 * TAXONOMY
 *
 */

#taxo_auto_fill {
	float: left;
	width: 100%;
	border: 1px solid #cccccc;
	margin: 4px 8px 4px 8px;
	padding: 4px 8px 4px 8px;
}

/*
 *
 * ADMIN
 *
 */

.admin_data {
	float: none;
	clear: none;
	border-collapse: collapse;
}

.admin_data th {
	font-weight: normal;
	background-color: #cccccc;
	padding: 4px 1em 4px 1em;
}

.admin_data td {
	padding: 2px;
	border: 1px solid #cccccc;
}
.admin_data tr:hover {
	background-color: #eaeaea;
}

.admin-people-groups {
	text-align: left;
	width: 225px;
	float: left;
	clear: none;
	margin-left: 8px;
	overflow: hidden;
}
.admin-people-groups select {
	width: 100%;
	height: 300px;
}

.admin-people-help {
	width: 100%;
	margin: 5px 0px 5px 0px;
	border: 1px solid #cccccc;
}

.admin-people-help-gray {
	background-color: #e0e0e0;
}

.admin-people-help-transparent {
	background-color: #f1f1f1 !important;
}

.admin-people-help-td {
	font-weight: bold;
	border:1px solid #cccccc;
	background-color: #f1f1f1 !important;
}

admin-people-help-td-2 {
	background-color: #f1f1f1 !important;
}

.admin-people-help-single {
	padding: 5px 5px 5px 5px;
	width: 660px;
	display: none;
	background-color: #f1f1f1 !important;
}

/*
 *
 * AUTHORS - REFERENCE
 *
 */

#authors_primary_span, #authors_secondary_span, #authors_series_span {
	clear: none;
	width: 120px;
	text-align: right;
	font-weight: normal;
	padding-right: 20px;
}

#authors_primary_div, #authors_secondary_div, #authors_series_div {
	margin: 0;
	padding: 0;
	left: 120px;
	float: left;
}

.synonyms_ref {
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

/*
 *
 * INDEX PAGE
 *
 */

.index_acknowledgements {
	margin: 8px 0;
	clear: both;
	position: relative;
	background-color: #ffffff;
	width: 755px;
	text-align: left;
	border-top: 1px solid #cccccc;
}

.index_acknowledgements span {
	font-size: 80%;
}

/*
 *
 * LOG IN
 *
 */

.log_in_link:hover, .log_in_link:focus, .log_in_link:link, .log_in_link:visited {
	font-weight: bolder;
	color: #0070ff;
	text-decoration: none;
}

.log_in_link:hover {
	font-weight: bolder;
	color: #0070ff;
	text-decoration: underline;
}

/*
 *
 * SUBLIST
 *
 */

.sublist_nomargin {
	float: none;
	clear: none;
	padding: 10px;
}

/*
 *
 * JQUERY RELATED
 *
 */

.div_info {
	margin: 0px;
	padding: 5px 5px 5px 5px;
	display: block;
	clear: both;
	position: relative;
	background-color: transparent;
	overflow: auto;
	text-align: left;
}

/*
 *
 * POPUPS
 *
 */

.popup-title {
	clear: both;
	float: none;
	display: block;
	width: auto;
	height: 32px;
	line-height: 32px;
	text-align: left;
	background-color: #64b4ff;
	color: #ffffff;
	font-size: 125%;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 4px;
	box-sizing: border-box;
}

.popup-title a:hover, .popup-title a:focus, .popup-title a:link, .popup-title a:visited {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.popup-title a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

.popup-text {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	font-size: 100%;
	float: left;
}

.popup-input-background {
	margin: 0px;
	padding: 0px;
	z-index: 3;
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	background-color: #000000;
	border: 1px solid #cecece;
}

.popup-input-foreground {
	margin: 0px;
	padding: 0px;
	z-index: 4;
	display: none;
	position: fixed;
	border: 1px solid #808080;
	background-color: #f1f1f1;
}

.popup-background {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 5;
	display: none;
	position: fixed;
	border: 1px solid #cecece;
	background-color: #000000;
}

.popup-foreground {
	z-index: 6;
	display: none;
	position: fixed;
	border: 1px solid #808080;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	background-color: #ffffff;
}

.popup-content {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	clear: none;
	float: left;
	position: relative;
	width: auto;
	text-align: left;
	font-weight: normal;
}

.popup-spacer.taller {
	height: 5px;
}

.popup-spacer {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	float: left;
	clear: left;
	width: 36px;
	height: 2px;
}

.popup-buttons {
	margin: 0px 5px 0px 0px;
	padding: 0px;
	clear: none;
	float: left;
	position: relative;
	height: 100%;
}

.popup-checkbox {
	float: none;
	clear: both;
}

.popup-banner {
	float: left;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 100%;
	line-height: 50px;
	overflow: visible;
	z-index: 20;
	background-color: #aaaaff;
	box-sizing: border-box;
	border: 1px solid transparent;
}

.popup-banner.fixed {
	position: fixed;
}

.popup-banner.space {
	background-color: transparent;
}

.popup-banner-title {
	font-weight: bold;
	font-size: 200%;
	float: left;
	height: 50px;
	line-height: 50px;
	text-align: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	vertical-align: middle;
}

.popup-banner-form {
	float: right;
	line-height: 50px;
	height: 50px;
	vertical-align: middle;
	padding: 0px 5px 0px 0px;
}

.popup-h3 {
	clear: both;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 4px;
}

.popup-export {
	float: left;
	width: 444px;
	padding: 5px;
	margin: 2px 0 0 0;
	text-align: left;
	display: inline-block;
	box-sizing: border-box;
	background-color: #8Af46E;
}

.popup-export label {
	width: 150px;
	display: inline-block;
}

.popup-export.hide {
	display: none;
}

.popup-export-h2 {
	font-size: 1.2em;

}

/*
 *
 * WINDOWS
 *
*/

.window_body {
	background-color: #f1f1f1;
}

/*
 *
 * LOADING
 *
 */

#loading {
	margin: 0px;
	padding: 0px;
	z-index: 10;
	display: none;
	position: fixed;
	background-color: transparent;
	width: 86px;
	height: 17px;
}

/*
 *
 * HELP POPUP ON LISTS
 *
 */

.help_popup {
	float: left;
	clear: none;
	font-weight: bold;
	color: #0000ff;
	width: auto;
	font-size: 120%;
	margin: 1px 0 0 2px;
	cursor: default;
}
.help_popup:hover {
	text-decoration: underline;
}

.help_popup_container {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: auto;
	max-width: 200px;
	background-color: #ffffea;
	display: none;
	padding: 5px;
	border: 1px solid #000000;
	text-align: left;
}

/*
 *
 * STATISTICS
 *
 */

.statistics {
	float: left;
	clear: none;
	border-collapse: separate;
	border-spacing: 5px 5px;
	border: 1px solid #cccccc;
	margin-bottom: 10px;
	margin-right: 20px;
}

.statistics th {
	font-weight: bold;
	background-color: #f1f1f1;
	padding: 3px 3px;
	margin: 3px 3px;
	text-align: center;
}

.statistics caption {
	font-weight: bold;
}

/*
 *
 * GOOGLE MAPS / EXPORT
 *
 */

.google-map-body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.google-map-toolbar {
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 10px;
	z-index: 2;
	position: fixed;
	overflow: hidden;
	text-align: left;
	box-sizing: border-box;
	background-color: #cccccc;
	border: 1px solid #999999;
}

.google-map-container {
	margin: 0;
	padding: 0;
	position: relative;
}

.google-map-map {
	margin: 0;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.google-map-canvas {
	margin: 2px 0px 0px 2px;
	padding: 0px;
	float: left;
	clear: none;
	width: 700px;
	height: 500px;
	z-index: 1;
}

.google-map-locality {
	margin: 2px 0px 0px 2px;
	padding: 0px;
	float: left;
	clear: none;
	width: auto;
	height: auto;
	overflow: auto;
	font-size: 120%;
}

.google-map-content {
	margin: 0 !important;
	padding: 0 !important;
	float: left !important;
	clear: none;
	overflow: visible;
	/*display: none !important;*/
	width: 100%;
	height: auto;
	font-size: 120%;
	font-family: "Courier New", Courier, monospace, "Lucida Console", Monaco, "Helvetica Neue", Geneva, "DejaVu Sans", "Bitstream Vera Sans";
}

.google-map-data {
	float: none;
	clear: none;
	border-collapse: collapse;
	margin-bottom: 16px;
	font-size: 90%;
}

.google-map-data td {
	padding: 1px 4px 1px 1px;
	vertical-align: top;
	border: 1px solid #cccccc;
}

.google-map-options {
	float: left;
	clear: right;
}
.google-map-options br {
	clear: left;
}

.google-map-input {
	width: auto;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
}

.google-map-input.chkbox {
	float: none;
	clear: none;
}

.google-map-title {
	width: auto;
	float: left;
	clear: none;
	margin-right: 10px;
}

#btn_select_text, #btn_save_csv, #btn_save_kml, #btn_cancel_loading {
	float: left;
	clear: none;
	margin: 0 0 4px 0;
}

.google-map-kml {
	float: none;
	clear: none;
	border-collapse: collapse;
	margin-bottom: 16px;
	font-size: 90%;
	border: 1px solid #cccccc;
}

.google-geocode {
	overflow: visible;
	position: absolute;
	width: 540px;
	margin: 2px;
	padding: 0px;
	left: 701px;
	top: 0px;
}

.google-geocode-coordinates {
	width: 100%;
	margin-top: 5px;
}

.google-geocode-selected-coordinates {
	float: left;
	clear: none;
	width: 100%;
	padding: 4px;
	overflow: hidden;
	white-space: nowrap;
	margin-left: 10px;
}

.google-geocode-address {
	float: left;
	min-width: 500px;
}

.export-container {
	margin: 0;
	padding: 0;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.export-toolbar {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 5vh;
	min-height: 5vh;
	position: fixed;
	overflow: hidden;
	background-color: #cccccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.export-buttons {
	float: left;
	display: flex;
	align-items: center;
	height: 5vh;
	min-height: 5vh;
	width: auto;
	margin-left: 10px;
	min-width: 320px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*background-color: red;*/
}

.export-status {
	width: auto;
	min-width: auto;
	float: left;
	clear: none;
	text-align: left;
	font-size: 120%;
	margin: 0 0 0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.export-status.export {
	height: 5vh;
	min-height: 5vh;
	line-height: 5vh;
}
.export-status.google-map {
	height: auto;
	min-height: auto;
	padding-top: 1px;
}

.export-push {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 5vh;
	min-height: 5vh;
	background-color: transparent;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.export-content {
	height: 80vh;
	min-height: 80vh;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: "Courier New", Courier, monospace, "Lucida Console", Monaco, "Helvetica Neue", Geneva, "DejaVu Sans", "Bitstream Vera Sans";
}

.export-label {
	float: left;
	margin: 4px 0 0 5px;
}

/*
 *
 * EXPIRED AND FIRST LOGIN PAGES
 *
 */

.expired_content, .first_login_content {
	text-align: center;
}
.first_login_content.errors {
	font-size: 1.3em;
	padding: 4px 4px 4px 4px;
	margin-bottom: 5px;
	background-color: #ff5357;
}

.expired_notice, .first_login_notice {
	float: left;
	clear: both;
	height: 20px;
	width: 100%;
	margin-bottom: 10px;
	background-repeat: repeat-x;
	background-color: #ff5357;
	background-size: 20px 20px;
	background-image: linear-gradient(45deg, white 25%, transparent 25.5%, transparent 50%, white 50.5%, white 75%, transparent 75.5%, transparent);
}

.first_login_table {
	float: none;
	border: none;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

.expired_h1, .first_login_h1 {
	padding: 0px;
	margin: 10px 0px 10px 0px;
	font-size: 1.7em;
}

.expired_h2, .first_login_h2 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 1.5em;
}

::placeholder {
  color: #000000;
  opacity: 1;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #000000;
}

/*
 *
 * ADD NEW SPECIES
 *
 */

.unknown_tab {
	float: left;
	clear: both;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	color: #ff5357;
}

/*
 *
 * CONTACT
 *
 */

.mail-error {
	display: none;
	margin: 0 5px;
	padding: 5px 5px;
	text-align: left;
	box-sizing: border-box;
	background-color: #ff5357;
}

.mail-error a {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}

.mail-ok {
	display: none;
	margin: 0 5px;
	padding: 5px 5px;
	text-align: left;
	box-sizing: border-box;
	background-color: #afffaf;
}

.mail-buttons {
	padding-left: 5px;
	margin-bottom: 5px;
	box-sizing: border-box;
}

/*
 *
 * TIME UNIT
 *
 */

.save-time-unit-tab {
	float: left;
	clear: none;
	border: 1px solid #000000;
	padding: 8px;
	margin: 2px;
	border-collapse: collapse;
	cursor: pointer;
}
.save-time-unit-tab:hover {
	background-color: #cccccc !important;
}

/*
 *
 * COMBO BOX
 *
 */

.combo-box-container {
	float: left;
	clear: none;
	width: 150px;
	height: 22px;
	display: block;
	position: relative;
}

.combo-box {
	width: 150px;
	height: 150px;
	position: absolute;
}

.combo-box.select {
	top: 0px;
	left: 0px;
	width: 150px;
	height: 22px;
	z-index: 1;
}

.combo-box.text {
	top: 0px;
	left: 0px;
	width: 130px;
	height: 22px;
	margin: 0;
	padding: 0;
	z-index: 2;
	box-sizing: border-box;
}

/*
 *
 * ACCORDION
 *
 */

.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}

.active, .accordion:hover {
	background-color: #ccc;
}

.panel {
	padding: 0 18px;
	display: none;
	background-color: white;
	overflow: hidden;
}

/* t, r, b, l */