/* ------------------------ GENERAL ------------------------ */

body {
	font-family:				Helvetica, sans-serif;
    font-size:					9pt;
    margin:						0px;
    padding:					10px;
}

p, div, table,
select, select option, input, .form-control option,
div.tab, #tabs, #tabs ul li {
	font-family:				Helvetica, sans-serif;
    font-size:					9pt;
}

a {
	font-family:				Helvetica, sans-serif;
	font-size:					9pt;
	color:						#CD5F1D;
	text-decoration:			none;
}

a:hover, a:focus, a:visited {
	color:						#CD5F1D;
}

fieldset {
	margin:						20px 0px;
	padding:					10px;
	border-radius:				10px;
}

fieldset legend {
	font-weight:				bold;
	color:						#CD5F1D;
}

h4 {
	margin:						5px 0px;
	padding:					0px;
	font-family:				Helvetica, sans-serif;
	font-weight:				bold;
	font-size:					13pt;
	color:						#AAAAAA;
	text-shadow:				0 1px 1px #CCCCCC;
	text-align:					center;
}


/* ------------------------ FORM ------------------------ */

#infobox {
	margin:						0px 0px 0px 10px;
	padding:					5px 0px 0px 0px;
	clear:						left;
	font-size:					9pt;
	font-family:				Helvetica;
	color:						#CD5F1D;
}

div.select-pair, div.select-pair-left {
	float:						left;
}

div.select-pair div.select select, div.select-pair-left  div.select select {
	margin:						5px 0px;
	padding:					5px;
	border:						1px solid silver;
	box-shadow:					2px 2px 2px grey;
}

div.select-pair div.select label, div.select-pair-left div.select label, div.select-pair-right div.select label {
	font-weight:				bold;
}

div.select-pair-right {
	float:						left;
}

div.select-pair-right div.select select {
	margin:						5px 0px;
	padding:					5px;
	border:						1px solid silver;
	box-shadow:					2px 2px 2px grey;
}

div.select-owner div.select label {
	font-weight:				bold;
}

div.select-owner div.select select {
	margin:						5px 0px;
	padding:					5px;
	border:						1px solid silver;
	box-shadow:					2px 2px 2px grey;
}

div.select-owner, div.select-owner div.select {
	width:						500px;
}

div.select-owner div.select select, #param-collection div.select select {
	width:						500px;
}

#submit-btn, #reset-btn {
	display:					inline-block;
	outline:					none;
	cursor:						pointer;
	text-align:					center;
	text-decoration:			none;
	color:						#CD5F1D;
	background-color:			#EEEEEE;
	font:						14px/100% Helvetica, sans-serif;
	font-weight:				bold;
	padding:					.5em 2em .55em;
	-webkit-border-radius:		.5em; 
	-moz-border-radius:			.5em;
	border-radius:				.5em;
	-webkit-box-shadow:			0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:			0 1px 2px rgba(0,0,0,.2);
	box-shadow:					0 1px 2px rgba(0,0,0,.2);
}

#submit-btn:hover, #reset-btn:hover {
	background-color:			#CCCCCC;
}

#busy {
	border:						2px solid silver;
	color:						#CD5F1D;
}


/* ------------------------ POSSIBILITY TO HIDE SEARCH-FORM ------------------------ */

#search-form {
	border-top:					1px solid silver;
	border-left:				1px solid silver;
	border-right:				1px solid silver;
	padding:					5px 5px 20px 5px;
}

#search-form-switch {
	margin:						0px;
	height:						10px;
	border:						1px solid silver;
	background-color:			#EEEEEE;
	text-align:					center;
}

#search-form-switch:hover {
	cursor:						pointer;
	background-color:			#CCCCCC;
}


/* ------------------------ PARAMETERS ------------------------ */

#parameters {
	font-size:					9pt;
	font-family:				Helvetica, sans-serif;
	margin:						0px;
	padding:					0px 10px 10px 10px;
}

div.param-pair {
	float:						left;
}

div.param-select label {
	font-weight:				bold;
}

div.param-select select {
	margin:						5px 0px;
	padding:					5px;
	width:						190px;
	border:						1px solid silver;
	box-shadow:					2px 2px 2px grey;
}

#param-data {
	margin:						0px 0px 15px 0px;
	width:						400px;
}

#param-data div.select {
	width:						350px;
}

#param-data div.select select {
	margin:						5px 0px;
	padding:					5px;
	border:						1px solid silver;
	box-shadow:					2px 2px 2px grey;
}

#param-data div.select label {
	font-weight:				bold;
}

#param-trait-trait, #param-trait-min, #param-trait-max, #param-trait-enum, #param-trait-empty  {
	float:						left;
}

#param-trait-trait div.select label, #param-trait-enum div.select label, div.text label, #query-field label {
	font-weight:				bold;
}

#param-trait-trait div.select select {
	margin:						5px 0px;
	padding:					5px;
	border:						1px solid silver;
	box-shadow:					2px 2px 2px grey;
}

#param-altitude div.text input, #param-origin-altitude div.text input {
	width:						70px;
}

div.text input {
	margin:						5px 0px;
	padding:					5px;
	border:						1px solid silver;
	box-shadow:					2px 2px 2px grey;
}

#query-field input {
	margin:						10px 10px;
	padding:					5px;
	border:						1px solid silver;
	box-shadow:					2px 2px 2px grey;
}

#param-trait-enum div.select select {
	margin:						5px 0px;
	padding:					5px;
	border:						1px solid silver;
	box-shadow:					2px 2px 2px grey;
}

#param-trait-empty {
	padding:					27px 0px 0px 50px;
}

#param-trait-enum {
	width:						220px;
}

#param-trait-enum div.select {
	width:						200px;
}

#param-trait-enum div.select select {
	width:						200px;
}


/* ------------------------ RESULTS ------------------------ */

#results {
	margin:						20px 0px 0px 0px;
	padding:					10px;
	border-top:					1px solid silver;
}

#results #content {
	width:						100%;
	text-align:					center;
	color:						#CD5F1D;
}

table.result-table {
	border-collapse:			collapse;
}

table.result-table th {
    font-size:					9pt;
	font-weight:				bold;
	border:						1px solid silver;
	padding:					5px;
	background-color:			#F5F4D0;
	color:						#CD5F1D;
}

table.result-table td {
	font-size:					9pt;
	font-weight:				none;
	border:						1px solid silver;
	padding:					5px;
	color:						#000000;
}


/* ------------------------ DETAILS ------------------------ */

#header {
	float:						left;
}

#logo {
	float:						left;
	margin:						0px;
	padding:					0px;
	width:						80px;
	position:					absolute;
	top:						30px;
}

div.itemtable {
	float:						left;
	margin:						0px;
	padding:					0px;
}

div.itemtable table {
	border-collapse:			collapse;
}
	
div.contactbox {
	float:						left;
	position:					relative;
	top:						0px;
	left:						10px;
	border:						1px solid silver;
	width:						200px;
	margin:						0px;
	padding:					5px 10px 5px 10px;
	overflow:					auto;
}

div.contactbox div.contactitem {
	margin:						5px 0px 5px 0px;
	padding:					0px;
}

#tabs {
	clear:						left;
	position:					relative;
	top:						30px;
}

table.tabvalues {
	border-collapse:			collapse;
}

table.tabvalues th, table.tabvalues td {
    font-size:					9pt;
	border:						1px solid silver;
}

table.tabvalues th {
	padding:					5px;
	background-color:			#F5F4D0;
}

table.tabvalues .odd {
	cursor:						pointer;
}


/* ------------------------ BACK-BUTTON ------------------------ */

#back-menu {
	position:					absolute;
	left:						0px;
	top:						0px;
	margin:						0px;
	padding:					5px 5px 5px 30px;
	border:						1px solid silver;
	background-color:			#EDECED;
}

#back-menu li {
	list-style-type:			none;
	padding-left:				5px;
}

#back-menu li:hover {
	background-color:			white;
	cursor:						pointer;
}