span.image {
	padding: 2px;
}

span.image2 {
	display: inline-block;
	padding: 2px;
}
div.tree {
}
div.main{
	min-width: 900px;
	width:expression(document.body.clientWidth < 900? "900px": "auto" );
	overflow: hidden;
}

div.header {
	padding-left: 5px; 
	padding-top: 3px; 
	padding-bottom: 4px; 
	background-color: #CCFFCC; 
	overflow:hidden; 
	right: 0px; 
	position: absolute; 
	top:0; 
	left:0;
	font: 400 14px/1 'Lato', Helvetica, sans-serif;
}
div.left {
	font: 400 14px/1 'Lato', Helvetica, sans-serif;
}

div.right {
	font: 400 14px/1.2 'Lato', Helvetica, sans-serif;
}

.cf {
 border:1px solid rgb(190,190,190);
}

.sic {
 border:1px solid rgb(190,190,190);
}

p.pagelink {
 font-family: Verdana;
 font-size: 13px;
 font-weight: normal;
 border-width: 0px;
 margin-bottom: 0px;
 margin-top: 0px;
 padding-bottom: 0px;
 padding-top: 0px;
}

p.pagecaption {
 font-family: Verdana;
 font-size: 17px;
 font-weight: bold;
 border-width: 0px;
 margin-bottom: 20px;
 margin-top: 0px;
 padding-bottom: 0px;
 padding-top: 0px;
}

.intro {
 font-size: 80%;
 font-weight: normal;
 border-width: 0px;
 margin-bottom: 0px;
 margin-top: 0px;
 padding-bottom: 0px;
 padding-top: 0px;
}

.order {
 font-size: 120%;
 font-weight: bold;
 border-width: 0px;
 margin-bottom: 0px;
 margin-top: 40px;
 padding-bottom: 0px;
 padding-top: 0px;
}

.family {
 font-size: 100%;
 font-weight: bold;
 border-width: 0px;
 margin-bottom: 0px;
 margin-top: 20px;
}

.species {
 font-size: 100%;
 font-weight: normal;
 margin-bottom: 0px;
 margin-top: 10px;
}

input.taxon {
	width: 300px;
}

div.right {
    position: fixed;
    top: 30px;
    left: 501px;
    padding-left: 10px;
    padding-top: 10px;
    height: 100%;
}

div.controls {
    position: static;
    top: 7px;
    background-color: white;
    height: 35px;
}

div.tree{
	padding-top: 35px;
}

.hint {
	font-size: 12px;
	position:absolute;
	display:none;
	z-index:1000;
	border: 1px solid black;
	background-color: whitesmoke;
	opacity: 1;
	padding : 8px;
	width: 400px;
}

span.syn {
	display: none;
}

input.searchbox {
	width: 200px;
}

table.syntable > th, > td {
	border: 1px solid black;
	border-collapse: collapse;
}

div.bing_container {
	position: relative;
	display: none;
	xbackground-color: blue;
	height: 100%;
	width: 100%;
	overflow: scroll;
}

.tln >a {
}

.name_eng {
        display: none;
}


.name_eng_c {
        /* background-color: #FFe6FF; */
        color: #FF0066;
}

* {
  font-family: Verdana, Helvetica;
  font-size: 10pt;
}

img.hl {
        border: 1px dashed green !important;
}

table.t_content {
	margin-left: 5px;
	margin-top: 5px;
}

table.t_content tr td {
	line-height: 16px;
}

table.t_content tr td:first-child {
	padding-right: 6px;
	width: 100px;
}

td.t_spacer {
	height: 5px;
}

.p_grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.p_grid_cell {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 130px;
}

.p_grid_cell > a, .p_grid_cell > a > img {
	border: none;
	outline: none;
	display: block;
	position: relative;

}

.p_ogrid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: left;
	width: 100%;
}

.p_ogrid_cell {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 60px;
}

.p_ogrid_cell > a, .p_ogrid_cell > a > img {
	border: none;
	outline: none;
	display: block;
	position: relative;

}

.p_genus_grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.p_genus_grid_cell {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 130px;
}

.p_genus_grid_cell > a, .p_genus_grid_cell > a > img {
	border: none;
	outline: none;
	display: block;
	position: relative;
}



.switch-wrapper {
  display: inline-block;
  position: relative;
  top: 3px;
}

.switch-wrapper > div {
	margin-top: 8px;
}

.ui-widget-overlay {background: #BEBEBE !important;}
.ui-dialog-titlebar-close {outline: none;}

.selected_year {
        color: green;
        font-weight: bold;
}

.activesearchresult{
    background: #beebff;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #999;
}

.clickable {
	cursor: pointer;
}

.clickable:hover {
    text-decoration: underline;
}

.input-group .ekl-datepicker {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
}

.form-control.pi_personcode.invalid {
    border: 2px solid #ff0000;
}


.form-control {
	padding: 1px 6px !important;
	height: 24px !important;
	border-radius: 4px !important;
}

.btn {
	padding: 4px 6px 5px 6px !important
}

.file_thumb {
    width: 24px;
    height: 24px;
    float: none;
    position: relative;
}

form .file_progress {
    line-height: 15px;
}

.file_progress {
    display: inline-block;
    width: 100px;
    border: 3px groove #CCC;
}

.file_progress div {
    font-size: smaller;
    background: orange;
    width: 0;
}

.day_has_obs button.btn {
	background: aqua;
}

.va_container{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.feno_green {
	color: #009933;
}