@CHARSET "ISO-8859-1";

/* ---------------------------------------------------------------------- */

/* GENERAL */

body {
	font-family: Tahoma;
	font-size: 11px;
	background: #F5FFFA;
	padding: 5px;
}

a {
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
}

input {
	border: 1px solid silver;
	background: #F8F8FF;
	color: #2F4F4F;
	font-size: 11px;
	font-family: Tahoma;
	padding: 2px;
}

select {
	border: 1px solid silver;
	background: #F8F8FF;
	color: #2F4F4F;
	font-size: 11px;
	font-family: Tahoma;
}

table {
	font-family: Tahoma;
	font-size: 11px;
}


/* ---------------------------------------------------------------------- */

/* LOGIN DIALOG */

.login {
	position: absolute;
	top: 130px;
	left: 300px;
	width: 320px; 
	height: 150px;
	padding: 10px 5px 10px 5px;
	background: #DCDCDC;
	border: 1px solid #666666;
}

.login table {
	font-family: Tahoma;
	font-size: 12px;
}

.login table a {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold; 
	color: #2F4F4F;
	text-decoration: none;
}

.login table a:hover {
	text-decoration: underline;
}


/* ---------------------------------------------------------------------- */

/* DATA TABLE */

.dt_header {
	font-size: 11px; 
	font-weight: bold; 
	padding: 3px;
	border: 1px solid silver;
	background-color: #FAF3C3;
}

.dt_resultheader {
	font-size: 11px; 
	font-weight: bold; 
	border: 1px solid #CDCDCD;
	background-color: #B4C8B4;
	padding: 3px;
}

.dt_subheader {
	font-size: 11px; 
	padding: 3px;
	border: 1px solid silver;
	background-color: #EDECED;
}

.dt_ind {
	width: 20px;
	text-align: center;
	font-family: Tahoma;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	border: 1px solid silver;
}

.dt_element {
	font-family: Tahoma;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	border: 1px solid silver;
}

.dt_element a:link, .dt_element a:active, .dt_element a:visited {
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: underline;
}

.dt_element a:hover {
	text-decoration: none;
}

.dt_element_nowrap {
	font-family: Tahoma;
	font-size: 11px;
	padding: 4px;
	border: 1px solid silver;
	white-space: nowrap;
}

.dt_value {
	width: 65px;
	text-align: right;
	font-family: Tahoma;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	border: 1px solid silver;
}

.dt_number {
	text-align: right;
	font-family: Tahoma;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	border: 1px solid silver;
}

.dt_link {
	text-align: center;
	vertical-align: middle;
	padding: 3px 5px 3px 5px;
	border: 1px solid silver;
}


/* ---------------------------------------------------------------------- */

/* TABBED PANE */

.tab_active {
	font-family: Tahoma;
	font-size: 11px;
	background-color: #FFFFFF;
}

.tab_active input {
	font-weight: bold;
	color: #2F4F4F;
}

.tab_inactive {
	font-family: Tahoma;
	font-size: 11px;
	background-color: #EDECED;
}

.tab_inactive input {
	background-color: #EDECED;
	color: #2F4F4F;
}

.tab_content {
	width: 650px;
	background-color: #FFFFFF;
}


/* ---------------------------------------------------------------------- */

/* COLLAPSIBLE PANEL */

.coll_form {
	border-bottom: 1px dotted black; 
	margin-bottom: 10px;
	padding-bottom: 20px;
	width: 630px;
}

.coll_header {
	width: 600px; 
	padding: 7px;
}

.coll_header_img {
	padding-right: 15px;	
}

.coll_header_headline, .coll_header a, .coll_header a:link, .coll_header a:visited, 
.coll_header a:active, .coll_header a:hover {
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	color: #DF7401;
	text-decoration: none;
}

.coll_content {
	width: 600px;
	margin-left: 20px;
}

.coll_table {
	background-color: #FFFFFF; 
	width: 100%; 
	margin: 5px 0px 0px 0px; 
	padding: 0px; 
	border-collapse: collapse
}


/* ---------------------------------------------------------------------- */

/* DETAILS VIEW */

.item_details {
	padding: 5px;
	margin: 0px;
	background-color: #FFFFFF; 
	border: 1px solid silver;
}

.dataitem_name {
	width: 85px;
	background: #F8F8FF;
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid silver;
	padding: 2px 4px 2px 4px;
	vertical-align: top;
}

.dataitem_value {
	background: #FFFFFF;
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid silver;
	padding: 2px 4px 2px 4px;
}

.dataitem_top {
	vertical-align: top;
}

.item_name {
	width: 100px;
	vertical-align: top;
	padding-top: 3px;
	padding-right: 30px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}

.item_value {
	font-family: Tahoma;
	font-size: 11px;
	vertical-align: bottom;
}


/* ---------------------------------------------------------------------- */

/* SEARCH BUTTONS */

.button_td {
	font-family: Tahoma;
	font-size: 11px;
}

.searchbuttons {
	font-family: Tahoma;
	font-size: 9pt;
	vertical-align: bottom;
	text-align: center;
	padding-left: 10px;
}


/* ---------------------------------------------------------------------- */

/* eLab START PAGE */

.start_header {
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma;
	font-style: none;
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
	background: #B0C4DE;
	border: 1px solid silver;
	padding: 5px;
}

.start_text {
	text-align: left;
	font-size: 12px;
	font-family: Tahoma;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	background: #FFFFFF;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 0px;
}

.icon_td {
	padding: 10px;
	border-right: 1px solid silver;
}

.text_td {
	padding: 7px;
	font-family: Tahoma;
	font-size: 12px;
}

.link_td {
	text-align: center;
	padding: 7px 8px 7px 7px;
	border-left: 1px solid silver;
}

.link_td a {
	font-family: Tahoma;
	font-size: 12px;
}


/* ---------------------------------------------------------------------- */

/* Used by both EST Finder and Wizard */

.start_select {
	padding-bottom: 15px;
}

.start_select select {
	border: 1px solid silver;
	background: #FFFAFA;
	color: #2F4F4F;
	font-size: 12px;
	font-family: Tahoma;
	width: 180px;
}

.start_select select option {
	padding-top: 1px;
	padding-bottom: 1px;
}

.start_select input {
	margin: 3px;
}

.start_select table td {
	text-align: center;
}

.table_header, .table_header table, .table_header_result, .table_header_tab {
	margin-bottom: 10px;
	margin-left: 1px;
	color: #2F4F4F; 
	font-weight: bold; 
	font-size: 11px;
}

.table_header_result {
	width: 595px;
}

.table_header_tab {
	width: 100%;
}

.headline {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid silver;
	width: 100%;
}


/* Pagination (rendered by Java Server Faces) */

.pagination {
	border: none; 
	margin-top: 10px; 
	font-family: Tahoma; 
	font-size: 12px; 
	font-weight: bold;
	width: 600px;
}

.pagination_td {
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.pagination_td table {
	margin-left: auto;
	margin-right: auto;
}


/* Application Details */

.app_details {
	padding: 5px;
	border: 1px solid silver;
	font-size: 11px;
	background-color: #F6F6F6;
	color: #2F4F4F;
	width: 150px;
	height: 250px;
}

.app_details a, .new_search a {
	color: #2F4F4F;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.app_details a:hover, .new_search a:hover {
	text-decoration: underline;
}

.new_search {
	padding: 10px 5px 5px 5px;
	width: 150px;
}	


/* ---------------------------------------------------------------------- */

/* EST FINDER: Start  */

.startpage_left {
	font-family: Tahoma;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	padding-left: 20px;
	padding-right: 0px;
}

.startpage_right {
	font-family: Tahoma;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	padding-left: 0px;
	padding-right: 50px;
}

.specieslist_left a {
	padding: 3px;
	vertical-align: middle;
	font-family: Tahoma;
	font-size: 11px;
	margin: 0px;
	text-decoration: underline;
}

.specieslist_left a:hover {
	text-decoration: none;
}

.specieslist_right {
	padding: 3px 3px 3px 20px;
	vertical-align: middle;
	text-align: right;
	font-size: 11px;
	font-family: Tahoma;
}

.est_start_select { }

.est_start_select input {
	border: 1px solid silver;
	background: #FFFAFA;
	color: #2F4F4F;
	font-size: 12px;
	font-family: Tahoma;
}


/* EST FINDER: Result List */

.selectspecies_label {
	font-family: Tahoma;
	font-size: 11px;
	vertical-align: middle;
	text-align: left;
}

.selectspecies_list {
	padding-left: 4px;
	vertical-align: middle;
	text-align: left;
}

.selectspecies_btn {
	padding-left: 4px;
	vertical-align: middle;
	text-align: center;
}

/* ---------------------------------------------------------------------- */

/* WIZARD: General */

.startpage {
	font-family: Tahoma;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	padding-left: 50px;
}

.searchforms {
	font-family: Tahoma;
	font-size: 9pt;
}

.searchitem_name {
	width: 170px;
	vertical-align: top;
	padding-top: 3px;
	padding-right: 30px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
}

.multiselect {
	padding-right: 10px;
}

.multiselect_clear {
	vertical-align: top;
}


/* WIZARD: Result Page */

.popup {
	position: absolute;
	border: 1px solid silver;
	background-color: #FFFFFF;
}

.popup .headertable {
	font-size: 10px;
	font-family: Tahoma;
	margin: 5px 5px 0px 5px;
	border-collapse: collapse;
}

.popup .paramtable {
	font-size: 10px;
	font-family: Tahoma;
	margin: 8px 5px 5px 5px;
	border-collapse: collapse;
}

.mainlist {
	width: 100%;
	padding: 5px;
	font-family: Tahoma;
	font-size: 11px;
}

.noresult {
	width: 100%;
	padding: 5px;
	font-family: Tahoma;
	font-size: 11px;
	margin-top: 50px;
	text-align: center;
}


/* ---------------------------------------------------------------------- */

/* CANDIDATE GENES */

.start_header_cg {
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma;
	font-style: none;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
	background: #B4C8B4;
	border: 1px solid silver;
	padding: 5px;
}

.start_text_cg {
	text-align: left;
	font-size: 11px;
	font-family: Tahoma;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 30px;
	background: #FFFFFF;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 0px;
}

.coll_header_cg {
	font-size: 11px;
	font-family: Tahoma;
	font-style: underline;
	text-align: left;
	margin-left: 10px;
	padding: 10px 5px 10px 5px;
}

.table_header_cg {
	width: 870px;
	margin-bottom: 10px;
	margin-left: 1px;
	color: #2F4F4F; 
	font-weight: bold; 
	font-size: 11px;
}

.pagination_cg {
	border: none; 
	margin-top: 10px; 
	font-family: Tahoma; 
	font-size: 12px; 
	font-weight: bold;
	width: 870px;
}

.view_details_cg {
	text-align: left;
	font-size: 12px;
	font-family: Tahoma;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 30px;
	background: #FFFFFF;
	border: 1px solid silver;
	padding: 0px;
}

.cd_view_header {
	font-size: 11px; 
	font-weight: bold; 
	border: 1px solid silver;
	background-color: #C8D2C8;
	padding: 3px;
}

.view_details_cd_table_top {
	font-size: 11px; 
	font-family: Tahoma; 
	margin: 0px; 
	border-collapse: collapse;
	width: 100%;
}

.view_details_cd_table {
	font-size: 11px; 
	font-family: Tahoma; 
	margin: 0px; 
	border-collapse: collapse;
	width: 100%;
}

.view_details_cd_table_top .td1 {
	width: 100px; 
	padding: 3px 10px 3px 5px; 
	border: 1px solid silver;
}

.view_details_cd_table_top .td2 {
	padding: 3px 5px 3px 5px; 
	border: 1px solid silver;
}

.view_details_cd_table_top .td3 {
	width: 16px;
	padding: 3px; 
	border: 1px solid silver;
}

.view_details_cd_table .td1 {
	width: 100px; 
	padding: 3px 10px 3px 5px; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

.view_details_cd_table .td2 {
	padding: 3px 5px 3px 5px; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

.view_details_cd_table .td3 {
	width: 16px;
	padding: 3px; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

.view_details_cd_header_top {
	padding: 0px 10px 5px 10px; 
	font-size: 11px; 
	font-family: Tahoma; 
	font-weight: bold
}

.view_details_cd_header {
	padding: 10px 10px 5px 10px; 
	font-size: 11px; 
	font-family: Tahoma; 
	font-weight: bold
}

.sptest_td1_top {
	width: 100px;
	background-color: #EDECED;
	padding: 3px 10px 3px 5px; 
	border: 1px solid silver;
}

.sptest_td2_top {
	width: 100px;
	background-color: #EDECED;
	padding: 3px 10px 3px 5px; 
	border: 1px solid silver;
}

.sptest_td3_top {
	background-color: #EDECED;
	padding: 3px 10px 3px 5px; 
	border: 1px solid silver;
}

.sptest_td4_top {
	width: 16px;
	background-color: #EDECED;
	padding: 3px; 
	border: 1px solid silver;
}

.sptest_td1 {
	width: 100px; 
	padding: 3px 10px 3px 5px; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

.sptest_td2 {
	width: 100px;
	padding: 3px 10px 3px 5px; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

.sptest_td3 {
	padding: 3px 10px 3px 5px; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

.sptest_td4 {
	width: 16px;
	padding: 3px; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

.fragmt_td1_top {
	width: 100px;
	background-color: #EDECED;
	padding: 3px 10px 3px 5px; 
	border: 1px solid silver;
}

.fragmt_td2_top {
	background-color: #EDECED;
	padding: 3px 10px 3px 5px; 
	border: 1px solid silver;
}

.fragmt_td3_top {
	width: 16px;
	background-color: #EDECED;
	padding: 3px; 
	border: 1px solid silver;
}

.fragmt_td1 {
	width: 100px; 
	padding: 3px 10px 3px 5px; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

.fragmt_td2 {
	padding: 3px 10px 3px 5px; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

.fragmt_td3 {
	width: 16px;
	padding: 3px; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

.dt_edit_link {
	width: 16px;
	padding: 3px;
	border: 1px solid silver;
}