body {
	height: 100vh;
	background-color: aquamarine;
	color: #333;
	font-size: 87.5%; /* Base font size: 14px */
	line-height: 1.4;
	text-align: left;
	width: 800px;
	margin: 0 auto;
}

@media (prefers-color-scheme: light) {
	body {
		background-color: white;
	}
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: white;
		/*color: #ccc; !* Optional: Change text color for better readability in dark mode *!*/
	}
}

      body {


      }

/* .imgs{
	background-image: url('../img/0d9610c546a156b32ba2acd75bd4a00430c141c1.jpeg');
	background-repeat: repeat;
	}
*/
ol li{
	list-style: none;
}
body,input {
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	/*display: flex;*/
	justify-content: center;
    align-items: center;
	margin: 0 auto;
}
h1{
	font-size: 32px;
	/* margin: 0 auto; */
}

/* Anchors */
a {
	outline: 0;
}
a img {
	border: 0px; 
	text-decoration: none;
}
a:link, a:visited {
	color: #00a2ff;
	padding: 0 1px;
	text-decoration: none;
}
a:hover, a:active {
	color: #5b8d3a;
	/*color: #fff;*/
	text-decoration: underline;
}
#singlerecord ul {
    list-style-type: none;
    margin: 0 0 0 0;
    padding:0;
}
#answer{
	/*background-color: pink;*/
	width: 600px;
	justify-content: center;
	margin: 0 auto;
	overflow: auto;
}
::-moz-selection {background: #819c55; color: #fff;}
::selection {background: #819c55	; color: #fff;}
#banner {
	margin: 0 auto;
	padding: 2.5em 0 0 0;
}
	#banner h1 {
		/* font-size: 3.2em; */
		line-height: .5;
		color:#32374F;
	}
	#banner h1 a:link, #banner h1 a:visited {
		color: #5b8d3a;
		display: block;
		font-weight: bold;
		margin: 0 0 .6em .2em;
		text-decoration: none;
		width: 427px;
		margin: auto;
	}
	#banner h1 a:hover, #banner h1 a:active {
		background: none;
		color: #819c55;
	}
/* navigation */
	#banner nav {
		/* background: #cfd99d; */
		background: rgb(207, 217, 157, 0.9);
		font-size: 1.143em;
		height: 40px;
		line-height: 30px;
		margin: 0 auto 2em auto;
		padding: 0;
		text-align: center;
		width: 800px;
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#banner nav ul {
		list-style: none;
		margin: 0 0 0 0;
		width: 800px;
		padding: 0;
	}
	#banner nav li {
		float: left;
		display: inline;
		margin: 0;
	}
	
	#banner nav a:link, #banner nav a:visited {
		color: #342546;
		display: inline-block;
		height: 30px;
		width: 152px;
		padding: 5px 1.5em;
		text-decoration: none;
	}
	#banner nav a:hover, #banner nav a:active,
	#banner nav .active a:link, #banner nav .active a:visited {
		background: #819c55;
		color: #fff;
		text-shadow: none !important;
	}
	
	#banner nav li:first-child a {
		border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		
		border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
	}
	

#search {
    /*  */
	background: #fff;
	/* background-color: #cfd99d; */
	background-color: rgb(207, 217, 157, 1);
	margin-bottom: 2em;
	border-radius: 32px 32px;
	overflow: auto;
	padding: 0 0;
	width: 800px;
	height: 633px;
 	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  }
	
#content {
    /*  */
	background: #fff;
	/* background-color: rgba(red, green, blue, alpha); */
	background-color: rgb(207, 217, 157, 1);
	/* background-color: rgb(207, 217, 157); */
	margin-bottom: 2em;
	padding: 20px 0;
	width: 800px;
    height: 633px;
    min-height:550px;
    
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: auto !important;

  }
#text {
	margin:20px 50px 10px 50px !important;
}
#footer {
    /*  */
	width:800px;
    padding-bottom: 2em;
	text-align: left;
	background: #fff;
	height:70px;
	padding-top:7px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  }

	#footer .photo {
		float: left;
		margin: 5px 20px;
	}

/* listsearch stuff */
label {
    display:block;
 /*   margin-top:20px;*/
}

#listsearch {

    margin:0 100px 0 100px !important;	
    width:700px;
    height:100%;
    position:relative;
}

#listsearch table {
	border-spacing:15px 20px;
}

input, textarea {
    width:439px;
    height:27px;
    background:#fff;
    border:1px solid #808080;
    padding:10px;
    margin-top:3px;
    color:#3a3a3a;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

textarea {
	height:213px;
}


input:focus, textarea:focus {
    border:1px solid #007BFF;
}

#sr_buttons {
	text-align:center;
	bottom:0;
	position:absolute;
}

#submit, #reset_form {
    width:127px !important;
    height:38px !important;
    background:#32374F;
    border:none;
    margin:20px 10px 0 0;
    cursor:pointer;
    color:#FFFFFF;


    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

	#submit:hover, #reset_form:hover, #example:hover {
	    background:#5b8d3a;
	}

	
	
	#submit:disabled {
		background:#32374F;
		cursor:default;
	  }
#example {
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    width:25px !important;
    height:25px !important;
    background:#32374F;
    border:none;
    margin:20px 10px 0 0;
    cursor:pointer;
    color:#FFFFFF;

    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
		
#sr_buttons_list {
    margin:106px 0 0 50px; 
}
#sr_buttons_table {
    margin:0 0 0 50px; 
}
/*#reset_form {
    margin:20px 10px 0 200px;    
    position: absolute;
}*/

/* main page searchbox*/

#searchbox {
	width: 500px;
	height: 20px;
	padding: 5px;
  }
#sbdiv {
	text-align: center;
	margin-top: 10px;
}

#tablebrowser {
    /*  */
    margin:0px 100px 0 100px !important;
    width:700px;
    height:100%;
    position:relative;
}

#tablebrowser label {
    /*  */
    display:inline;
  }
#tablebrowser input {

    width:4em;
    height:1em;
    padding: 5px;

}

#tablebrowser select#samples, select#annotation  {
    height:6.5em;
    width:13em;
}

#tablebrowser select#organism, select#dataset  {
    width:13em;
}


#tablebrowser table {
    border-spacing:15px 7px;
 }
input#position {
    width:15em;
}

input#submit, input#reset_form, button#example {
	font-size:14px;
	font-weight:bold;
}

input#example {
	font-size:14px;
	font-weight:bold;
	margin-top:25px;
    position:absolute;
    padding-top:5px;
}

/* single record */
#singlerecord {
    height:100%;
    margin: 0 20px;
}

#singlerecord table.srtable {
    border-collapse: collapse;
}
#singlerecord td.fieldlabel {
    background: #99b3e6;
    text-align: right;
    font-weight: bold;
}

#singlerecord th {
    background: #99b3e6;
    text-align: left;
}

#singlerecord table {
    width:100%;
}

#singlerecord td.field_odd {
    width:25%;
    background: #d8dee5;
    text-align: left;
}

#singlerecord td.field {
    width:25%;
    background: #ebf2fa;
    text-align: left;
}


#singlerecord td,th {
    padding:7px
}

#singlerecord img.thumbnail {
    width:158px;
    height:150px;
    padding:5px 0 0 5px;

}

#datagrid table {
	font-family: verdana,arial,sans-serif;
	color:#333333;
	border-width: 1px !important;
	border-collapse: collapse;
	width: 80%;
}


#datagrid table th {
	background: #99b3e6;
	padding:0px;
	text-align:left;
	font-weight:bold;
	border-style: solid;
	border-width: 1px !important;
	border-color: lightgrey;	
	padding:3px;
}

#datagrid table td {
/*	border-style: solid;*/
/*	border-width: 1px !important;*/
/*	border-color: #000;	*/
	border-collapse: collapse;
	padding:3px;
}

#datagrid table tr.grey, td.grey {
	background: #ebf2fa;
}

#datagrid table tr.odd {
	background: #d8dee5;
}

#dltable {
	margin:20px 50px 10px 50px !important;

}
#dltable table tbody{
	overflow: auto !important;

}

#dltable table {
	font-family: verdana,arial,sans-serif;
	color:#333333;
	border-width: 1px !important;
/*	border-collapse: collapse;*/
	width: 100%;
	overflow: auto !important;

}

#dltable table td {
/*	border-style: solid;*/
/*	border-width: 1px !important;*/
/*	border-color: #000;	*/
	border-collapse: collapse;
	padding:3px;
}

#dltable table tr.title, td.title {
	background: #32374F;
	color:white;
}

#dltable table tr.strong, td.strong {
	background: #99b3e6;
}

#dltable table tr.medium, td.medium {
	background: #d8dee5;
}

#dltable table tr.low, td.low {
	background:#ebf2fa;
	text-indent:10px;
}

#dltable a {
	text-decoration:none;
	display:block;
	color:black;
}

#dltable a:hover 	{
	background:#FF5700;
/*	padding:0px !important;*/
	border-collapse: collapse;
	border-width: 0px;
	text-decoration:none;
}

/*#datagrid table td.grey {*/
/*	background: #FF0000 !important;*/
/*}*/


/*#datagrid table {*/
/*	font-family: verdana,arial,sans-serif;*/
/*	color:#333333;*/
/*	border-width: 1px;*/
/*	border-color: #666666;*/
/*	width: 80%;*/
/*}*/

/*#datagrid table {*/
/*	border-width: 1px;*/
/*	padding: 8px;*/
/*	border-style: solid;*/
/*	border-color: #666666;*/
/*	background-color: #dedede;*/
/*}*/
/*#datagrid table {*/
/*	border-width: 1px;*/
/*	padding: 8px;*/
/*	border-style: solid;*/
/*	border-color: #666666;*/
/*	background-color: #ffffff;*/
/*}*/

#blatform {
	padding: 20px 50px 10px 50px;
}

#blatform #submit {
	margin-left: 150px;
	margin-bottom: 20px;;
}


.strong td {
	background-color: rgb(207, 217, 157) !important;
}