/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/





@media only screen and (min-width: 300px)
{
	a 
	{
		color: white;
	}



	a.linked_1
	{
		text-decoration: none;
		color: #0000FF;
	}
	
	
	
	a.linked_1:hover
	{
		color: #FF0000;
	}	
	
	

	a.linked_m
	{
		text-decoration: none;
		color: #87FBFF;
	}
	
	
	
	a.linked_m:hover
	{
		color: #FF8500;
	}	
	
	

	a.linked_m_b
	{
		text-decoration: none;
		font-size: 24px;
		color: #87FBFF;
	}
	
	
	
	a.linked_m_b:hover
	{
		color: #FF8500;
	}	
	
	
	
	a:hover 
	{
		color: pink;
	}
	
	

	.about_heading
	{
		font-size: 22px;
		font-weight: bold;
		font-family: Helvetica;		
	}


	
	.about_1
	{
		text-align: justify;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	

	.about_2
	{
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		margin-top: 0px;
		margin-bottom: 0px;
	}



	.about_3
	{
		border: 1px solid;
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	

	
	.all
	{		
		width: 75%;
			
		border-radius: 25px;
		margin: 0 auto;	
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #566C73;  
	}
	
	
	
	.all_menu 
	{
		margin-top:10px;
		text-align: center;

		list-style-type: none;
	}
	
	
	
	body
	{
		height: 100%;
		background-color: #334045;
	}
	
	
	
	.blast_handle
	{
		font-size: 16px;
		font-weight: normal;
	}
	
	
	
	.box_link
	{
		padding-bottom: 5px;
		
		text-align: center;
		vertical-align: middle;
		
		font-size: 30px;
		background-color: #77898f;
		color:white;
				
		cursor: pointer;

		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	
	
	
	.browse_all
	{
		  border: 2px solid blue;
		  border-color: #003366;

#		  margin-left: 280px;
#		  margin-right: 280px;
		  max-width: 1200px;
		  
		  margin: 0 auto;	
		  
		  background-color: #566C73;
		  
		  display: none; 		
	}
	

	
	.browse_1
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.browse_2
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	

	.browse_button
	{
		width: 22%;
		
		margin-left: 39%;
		margin-bottom: 20px;
		min-width: 200px;
		
		padding: 10px;
		padding-bottom: 12px;
		
		border: 6px solid black;
		border-style: outset;
		border-radius: 25px;
		
		color: white;
		background-color: #77898f;
		
		text-align: center;
		font-size: 100%;
				
		cursor: pointer;
	}		
	.browse_button:hover
	{
		border-style: inset;
	}			
	
	
	.browse_button_2
	{
		margin-bottom: 5px;
		margin-left: 340px;
		width: 400px;
		height: 40px;
		
		border-radius: 25px;
		
		border: 2px solid black;
		
		color: white;
		background-color: #c23030;
#		background-color: #736394;	
	
		text-align: center;
		text-decoration: none;
		font-size: 16px;	
		
		cursor: pointer;
	}	



	.browse_button_4
	{
		width: 22%;
		
		margin-left: 39%;
		margin-bottom: 20px;
		min-width: 200px;
		
		padding: 10px;
		padding-bottom: 12px;
		
		border: 6px solid black;
		border-style: outset;
		border-radius: 25px;
		
		color: white;
		background-color: #8f7f77;
		
		text-align: center;
		font-size: 100%;
				
		cursor: pointer;
	}		
	.browse_button_4:hover
	{
		border-style: inset;
	}	
	
	
	
	.browse_button_3
	{
		width: 25%;
		height: 40px;
		
		border-radius: 25px;
		
		border: 2px solid black;
		
		color: white;
		background-color: #667a81;
		
		text-align: center;
		text-decoration: none;
		font-size: 18px;	
		
		cursor: pointer;
	}	


	
	.browsing
	{
		margin-top: 15px;
		
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
	}
	
	

	.browsing_header
	{
		margin-bottom: 10px;

		text-align: justify;
		font-size: 20px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	
	
	.browse_eukaryotes
	{
		margin-bottom: 4px;
		font-weight: normal;
	}
	
	
	
	.browsing_text
	{		
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.button_download
	{
		width: 160px;
		height: 40px;
		font-size: 18px;
		
		color: blue;
		border-radius: 25px;
		margin: 10px;
		
		cursor: pointer;
	}
	
	
	
	.button_download_2
	{
		width: 230px;
		height: 40px;
		font-size: 18px;
		
		color: blue;
		border-radius: 25px;
		margin: 10px;
		
		cursor: pointer;
	}
	
	
	
	.button_download_3
	{	
		width: 290px;
		height: 40px;
		font-size: 18px;
		
		color: blue;
		border-radius: 25px;
		margin: 10px;
		
		cursor: pointer;
	}



	.button_download_4
	{
		width: 160px;
		height: 40px;
		font-size: 16px;
		
		color: blue;
		border-radius: 25px;
		margin: 10px;
		
		cursor: pointer;
	}
	


	.button_download:hover, .button_download_2:hover, .button_download_3:hover
	{
		background-color: #F3F3F3;
		color: #B10B0B;	
		border: 1px solid white;
	}
	
	
	
	.button_one
	{
		position: absolute;
	}
	
	

	.button_new
	{
		display:inline-block;
		padding:0.3em 1.2em;
		padding-bottom: 12px;
		padding-top: 12px;
				
		width: 100%;
		
		border-radius:2em;
		border-style: solid;
		border-style: outset;
		box-sizing: border-box;
		
		outline:0;
		
		text-decoration:none;
		font-family:'Roboto',sans-serif;
		font-size: 115%;
		font-weight: bold;
		
		
		color:#FFFFFF;
		background-color:#265976;
		
		text-align:center;
		transition: all 0.2s;

		cursor: pointer;		
	}



	.button_new_2
	{
		display:inline-block;
		padding:0.3em 1.2em;
		margin-right: 20px;
		
		width: 130px;
		height: 50px;
		
		border-radius:2em;
		border-style: solid;
		border-style: outset;
		box-sizing: border-box;
		
		outline:0;
		
		text-decoration:none;
		font-family:'Roboto',sans-serif;
		font-size: 16px;
		font-weight: bold;
		
		
		color:#FFFFFF;
		background-color:#265976;
		
		text-align:center;
		transition: all 0.2s;
		
		cursor: pointer;
	}
	
	
	.button_new_download
	{
		display:inline-block;
		padding:0.3em 1.2em;
		padding-bottom: 12px;
		padding-top: 12px;
				
		width: 150px;
#		width: 100%;
		
		border-radius:2em;
		border-style: solid;
		border-style: outset;
		box-sizing: border-box;
		
		outline:0;
		
		text-decoration:none;
		font-family:'Roboto',sans-serif;
		font-size: 115%;
		font-weight: bold;
		
		
		color:#FFFFFF;
		background-color:#265976;
		
		text-align:center;
		transition: all 0.2s;

		cursor: pointer;		
	}
	
	
	.button_new:hover
	{
		background-color:#4095c6;
	}
	
	
	.button_new_download:hover
	{
		background-color:#4095c6;
	}


	.button_new_2:hover
	{
		background-color:#4095c6;
	}
	

	
	.button_results
	{
		width: 350px;
		height: 40px;
		font-size: 18px;
		
		color: blue;
		border-radius: 25px;
		margin: 10px;
		
		cursor: pointer;
	}
	.button_results:hover
	{
		background-color: #F3F3F3;
		color: #B10B0B;	
		border: 1px solid white;
	}



	.button_results_2
	{
		width: 350px;
		height: 40px;
		font-size: 18px;
		
		color: blue;
		border-radius: 25px;
		margin: 10px;
		
		cursor: pointer;
	}
	.button_results_2:hover
	{
		background-color: #F3F3F3;
		color: #B10B0B;	
		border: 2px solid white;
	}	
	
	
	
	.cell_link
	{
		text-decoration: none;
		color: blue;
	}
	
	
	
	.cell_link:hover 
	{
		color: #FF0000;
	}
	
	

	.just_click
	{
		font-size: 16px;
		cursor: pointer;
	}
	

	
	.container
	{
		margin-left: 230px;
		margin-right: 230px;
	}
	

	
	.contact_form {
		margin-left:150px;
		max-width: 800px;
		font: 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
	
	
	.contact_form li {
		padding: 0;
		display: block;
		list-style: none;
		margin: 30px 0 0 0;
	}
	
	
	
	.contact_form label{
		margin:0 0 3px 0;
		display:block;
		font-weight: bold;
	}
	
	
	
	.contact_form input[type=text], 
	.contact_form input[type=date],
	.contact_form input[type=datetime],
	.contact_form input[type=number],
	.contact_form input[type=search],
	.contact_form input[type=time],
	.contact_form input[type=url],
	.contact_form input[type=email],
	textarea, 
	select{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		border:1px solid #BEBEBE;
		padding: 7px;
		margin:0px;
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		outline: none;	
	}
	.contact_form input[type=text]:focus, 
	.contact_form input[type=date]:focus,
	.contact_form input[type=datetime]:focus,
	.contact_form input[type=number]:focus,
	.contact_form input[type=search]:focus,
	.contact_form input[type=time]:focus,
	.contact_form input[type=url]:focus,
	.contact_form input[type=email]:focus,
	.contact_form textarea:focus, 
	.contact_form select:focus{
		-moz-box-shadow: 0 0 8px #88D5E9;
		-webkit-box-shadow: 0 0 8px #88D5E9;
		box-shadow: 0 0 8px #88D5E9;
		border: 1px solid #88D5E9;
	}


	
	.contain_manual
	{
		margin-left: 135px;
		margin-right: 135px;
	}
	
	
	
	.contact_table
	{
		text-align: justify;
		font-size: 20px;
		font-weight: normal;
		font-family: Helvetica;
	}


	
	.contact_1
	{
		text-align: justify;
		font-size: 20px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.contact_2
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.contact_submit_buttom
	{
		width: 170px;
		height: 50px;
		
		border: none;
		
		font: 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		
		background: #4B99AD;
		color: #fff;
	}
	
	
	
	.contact_submit_buttom:hover
	{
		background: #4691A4;
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}	
	


	.container_1
	{
		font-size: 18px;
		margin-left: 20px;
	}
	
	
	
	.download_1
	{
		text-align: justify;
		font-size: 20px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	
	
	.ekpa_info_1
	{
		font-size: 20px;
		font-weight: normal;
		font-family: Helvetica;
	}


	
	.ekpa_logo_1
	{
		max-width: 100%;
		max-height: 100%;
		margin: auto;
	}


	.field-long{
		width: 100%;
		height: 40px;
		font-size: 16px;
	}



	.field-long_2{
		width: 100%;
		height: 40px;
		font-size: 16px;
	}
	
	
	
	.form_textarea
	{
		resize: none;
		width: 100%;
		height: 200px;
		
		padding: 10px;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;		
	}	
	
	
	
	.header_image
	{
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 0px;

		border: 10px solid #4d6167;
		border-radius: 25px;
	}
	
	
	
	.home 
	{
		background-color: #5216C3;
		color: black;
		padding: 16px;
		font-size: 16px;
	}

	
	
	html
	{
		height: 100%;
		background-color: #334045;
	}


	
	.home_table
	{
		border: 2px solid black;
		border-collapse: separate; 
		
		margin-top: 10px;

		background-color: #77898f;
		color: white;
	}


	
	.home_table_2
	{
		border: 4px solid black;
		border-collapse: separate; 
		border-radius: 25px;
		
		margin-top: 10px;

		background-color: #77898f;
		color: white;
	}	
	
	
	
	.home_table_left
	{
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		padding: 20px;	
		padding-left: 35px;
		padding-right: 35px;
		
		text-align: center;
		font-weight: bold;
	}
	
	

	.home_table_left_3
	{
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		
		padding: 20px;	
		padding-left: 35px;
		padding-right: 35px;
		
		text-align: center;
		vertical-align: middle;

		font-weight: bold;
	}
	
	
	
	.home_table_left_last
	{
		border-right: 2px solid black;
		padding: 20px;	
		padding-left: 35px;
		padding-right: 35px;
		
		text-align: center;
		font-weight: bold;
	}



	.home_table_left_last_2
	{
		border-right: 2px solid black;
		padding: 20px;	
		padding-left: 35px;
		padding-right: 35px;
		
		text-align: center;
		vertical-align: middle;

		font-weight: bold;
	}


	
	.home_table_right
	{
		border-bottom: 2px solid black;
		padding: 20px;
		padding-left: 35px;
		padding-right: 35px;		

		text-align: center;
		font-weight: bold;
	}
	
	
	
	.home_table_right_last
	{
		padding: 20px;
		padding-left: 35px;
		padding-right: 35px;		

		text-align: center;
		font-weight: bold;
	}
	
	
	
	.home_title
	{
		font-family: Arial;
		font-size: 30px;
		color: #447993;
	}
	
	
	
	.home_title_2
	{
		font-size: 24px;
		color: #447993;
	}
	
	
	
	.image_coment
	{
		margin-top: 5px;
		margin-left: 25px;
		margin-right: 25px;
		
		padding: 5px;
		padding-left: 10px;
		padding-right: 10px;
		
		border: 1px solid black;
		
		text-align: justify;
		font-size: 14px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	
	
	.imageholder
	{
		display: grid;
#		height: 100%;
		margin-bottom: 0px;
	}
	
	

	.imageholder_about
	{
		display: grid;
#		height: 100%;
		margin-bottom: 0px;
	}



	.iso_title
	{
		font-size: 25px;
		
		color: #6669A2; 
	}
	.iso_title_first
	{
		font-size: 30px;
		
		color: #9a2626; 		
		#color: #ae2b2b;
	}
	
	
	
	.link_1
	{
		color: black;
	}
	.link_1:hover
	{
		color: red;
	}
	


	.link_2
	{
		color: black;
		text-decoration: none;
	}
	.link_2:hover
	{
		color: red;
	}
	
	
	
	#loading 
	{
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 100;
	  width: 100vw;
	  height: 100vh;
	  background-color: rgba(192, 192, 192, 0.5);
#	  background-image: url("https://i.stack.imgur.com/MnyxU.gif");
 	  background-image: url("MnyxU.gif");
	  background-repeat: no-repeat;
	  background-position: center;
	}


	
	.main_1
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.main_2
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.main_3
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.main_box_1
	{
		padding: 10px;
		padding-top: 0px;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 20px;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 20px;
#		border-radius:25px;
#		border: 2px solid;
#		border-color: #000033;
		
#		border-color: #003366;
#       border-radius: 25px;
		
		background-color: #FFFFFF;
		
		line-height: 1.4;
	}
	
	

	.main_box_2
	{
		padding-bottom: 10px;
		padding-top: 1px;
		padding-left: 15px;
		padding-right: 10px;
		
		margin-top: 20px;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 20px;
		
#		border: 2px solid blue;
		border-color: #003366;
#       border-radius: 25px;
		
		background-color: #FFFFFF;
		
		line-height: 1.4;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	

	.main_box_3
	{
		padding: 10px;
		padding-top: 0px;
		padding-left: 5px;
		
		margin-top: 20px;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 20px;
		
		border: 2px solid blue;
		border-color: #003366;
#       border-radius: 25px;

		background-color: #fffac6;
#		background-color: #FFFAC0;
#		background-color: #fffbcc;
		
		line-height: 1.4;
	}
	
	
	

	.main_box_4
	{
		padding: 10px;
		padding-top: 0px;
		margin-top: 20px;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 20px;
		
		border: 1px solid;
#		border-color: #003366;
#       border-radius: 25px;
		
		background-color: #cccccc;
		
		line-height: 1.4;
	}
	
	
	
	.manual_1
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}


	
	.manual_1_1
	{
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	
	
	.manual_1_title
	{
		text-align: justify;
		font-size: 24px;
		font-weight: normal;
		font-family: Helvetica;
	}

	
	
	.manual_2
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	
	
	.manual_3
	{
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	
	
	.manual_back
	{
		font-size: 22px;
		font-weight: normal;
		font-family: Helvetica;
	}


	
	.manual_box_1
	{
		margin: 5px;
		padding: 15px;
		
		border: 2px solid black;
		
		background-color: #4c4c4c;
		color: white;
	}
	
	
	
	.manual_image
	{
		margin-top: 10px;
		width: 100%;
		border-radius: 25px;
	}
		
		
		
	.menu_1
	{
		text-align: center;
	}
	
	

	.menu_button 
	{
		display: inline-block;
		
		margin-right: 15px;
	}



	.page    
	{ 
		display: none; 
		padding: 0 0.5em; 
	}



	.page h1 
	{ 
		font-size: 2em; 
		line-height: 1em; 
		margin-top: 1.1em; 
		font-weight: bold; 
	}



	.page p  
	{ 
		font-size: 1.5em; 
		line-height: 1.275em;
		margin-top: 0.15em; 
	}


	
	.pagination {
	  display: inline-block;
	}
	.pagination_two {
	  color: black;
	  border: 1px solid #ddd;
	  float: left;
	  padding: 8px 16px;
	  text-decoration: none;
	  transition: background-color .3s;
	}
	.pagination_two.active {
	  background-color: #4CAF50;
	  color: white;
	}
	.pagination_two:hover:not(.active) 
	{
		color: black;
		background-color: #ddd;
	}



	.pagination_three
	{
	  color: black;
	  border: 1px solid #ddd;
	  float: left;
	  padding: 8px 16px;
	  text-decoration: none;
	}
	.pagination_three:hover:not(.active) 
	{
		color: black;
	}	
	
	
	
	.pagination_pressed 
	{
	  color: black;
	  border: 1px solid #ddd;
	  float: left;
	  padding: 8px 16px;
	  text-decoration: none;
	  background-color: #ddd;
	  color: black;
	}
	.pagination_pressed:hover:not(.active) 
	{
		color: black;
		cursor : text;
	}	

	
	
	.parent_1
	{
		width:1000px;
		height:200px;
		margin: 0 auto;
	}


	
	.parent_2
	{
		width:780px;
		height:170px;
		margin: 0 auto;
	}
	
	

	.required{
		color:red;
	}
	
	
	
	.results_all
	{
		max-width: 1200px;
			
		border-radius: 25px;
		margin: 0 auto;	
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #566C73;  
		  
		display: none; 		
	}		
	
	
	
	.results_all_2
	{
#		width: 1600px;
#		padding-left: 100px;
#		padding-right: 100px;
		
		border-radius: 25px;
#		margin: 0 auto;	
		margin-left: 100px;
		margin-right: 100px;
		
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #566C73;  
		  
		display: none; 		
	}	
	
	

	.results_blast
	{
		max-width: 1300px;
			
		border-radius: 25px;
		margin: 0 auto;	
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #566C73; 
		  
		display: none; 		
	}


	
	.rtk_title
	{
		font-size: 35px;
		
		color: #6669A2; 
		#515482;
		#666AA3
		#625489
	}
	
	
	
	.refresh
	{
		width: 150px;
		height: 40px;
		
		border-width: 3px;
		border-color: black;
		border-radius: 25px;
		background-color: #ADD8E6;
		
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
			
		cursor: pointer;
	}



	.refresh_blast
	{
		width: 150px;
		height: 40px;
		
		border-width: 3px;
		border-color: black;
		border-radius: 25px;
		background-color: #ADD8E6;
		
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;	
		
		cursor: pointer;
	}
	
	
	
	.results_box_1
	{
		border: 7px solid black;
		border-style:double;
		float: left;
		width: 50%;	
		
		border-color: #566C73
	}
	


	.results_box_2
	{
		border: 7px solid black;	
		border-style:double;
		
		border-color: #566C73
	}
	
	
	
	.results_header
	{
		margin-bottom: 15px;
		
		font-size: 25px;
		font-family: Helvetica;
		font-weight: bold;
		
		text-align: center;
	
		color: #5C747C;
	}
	


	.results_more_info
	{
		margin: 10px;
	}
	

	
	.search_1
	{
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.search_2
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	
	
	.search_box_1
	{
		margin: 5px;
		padding: 15px;
		
		border: 2px solid black;
		
		background-color: #4c4c4c;
		color: white;
		
#		font-size: 16px;
	}
	
	
	
	.search_container {
		max-width: 100%;
		font-family: Helvetica;
		font-size: 18px;
		margin-top: 18px;
	}


	
	.search_dropdown a 
	{
		color: black;
		padding: 8px 10px;
		text-decoration: none;
		display: block;
	}
	
	

	.search_dropdown 
	{
		display: none;
		position: absolute;
	/* Width is finally the attribute with wich i can control the size of the dropdown boxes and make it even (the same) with the upper-parent button-box.*/
		width:84px;
		background-color: #f1f1f1;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	
	
	
	.search_dropdown a:hover 
	{
		background-color: #ddd;
	}



	.search_title
	{
		font-size: 26px;
		color: #447993;	
	}
	
	

	.search_title_2
	{
		font-size: 30px;
		color: #2B4C5D;	
	}


	
	.search_protein
	{
		width: 85%;
		height: 400px;
		
		margin-top: 10px;
		resize: none;
		
		font-size: 20px;
		font-weight: normal;
		font-family: Courier;			
	}
	
	
	
	.simple 
	{
		position: relative;
		display: inline;
		color: #e7140e;
		font-family: monospace;
	}
	.simple .difficult 
	{
		visibility: hidden;
		width: max-width;
		
		word-break: normal;
		
		background-color: #555;
		color: #fff;
		text-align: center;
		
		border-radius: 6px;
		padding: 10px;
		position: absolute;
		
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -60px;
		opacity: 0;
		transition: opacity 0.3s;
		font-family: monospace;
	}
	.simple .difficult::after 
	{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: #555 transparent transparent transparent;
		font-family: monospace;
	}

	.simple:hover .difficult 
	{
		visibility: visible;
		opacity: 1;
		font-family: monospace;
	}	
	.simple_2 
	{
		position: relative;
		display: inline;
		color: #2da800;
		font-family: monospace;
	}
	.simple_2 .difficult 
	{
		visibility: hidden;
		width: max-width;
		
		word-break: normal;
		
		background-color: #555;
		color: #fff;
		text-align: center;
		
		border-radius: 6px;
		padding: 10px;
		position: absolute;
		
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -60px;
		opacity: 0;
		transition: opacity 0.3s;
		font-family: monospace;
	}
	.simple_2 .difficult::after 
	{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: #555 transparent transparent transparent;
		font-family: monospace;
	}

	.simple_2:hover .difficult 
	{
		visibility: visible;
		opacity: 1;
		font-family: monospace;
	}		
	.simple_3 
	{
		position: relative;
		display: inline;
		color: #005ec2;
		font-family: monospace;
	}
	.simple_3 .difficult 
	{
		visibility: hidden;
		width: max-width;
		
		word-break: normal;
		
		background-color: #555;
		color: #fff;
		text-align: center;
		
		border-radius: 6px;
		padding: 10px;
		position: absolute;
		
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -60px;
		opacity: 0;
		transition: opacity 0.3s;
		font-family: monospace;
	}
	.simple_3 .difficult::after 
	{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: #555 transparent transparent transparent;
		font-family: monospace;
	}
	.simple_3:hover .difficult 
	{
		visibility: visible;
		opacity: 1;
		font-family: monospace;
	}		
	.simple_4 
	{
		position: relative;
		display: inline;
		color: #8A168A;
		font-family: monospace;
	}
	.simple_4 .difficult 
	{
		visibility: hidden;
		width: max-width;
		
		word-break: normal;
		
		background-color: #555;
		color: #fff;
		text-align: center;
		
		border-radius: 6px;
		padding: 10px;
		position: absolute;
		
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -60px;
		opacity: 0;
		transition: opacity 0.3s;
		font-family: monospace;
	}
	.simple_4 .difficult::after 
	{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: #555 transparent transparent transparent;
		font-family: monospace;
	}
	.simple_4:hover .difficult 
	{
		visibility: visible;
		opacity: 1;
		font-family: monospace;
	}	
	.simple_5
	{
		position: relative;
		display: inline;
		font-family: monospace;
	}
	
	
	.search_form_1
	{
		width: 390px; 
		height: 30px;
		border: 1px solid;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
		text-align: center;
		
		margin-top: 5px;
	}
	
	
	
	.search_form_2
	{
		width: 390px; 
		height: 30px;
		border: 1px solid;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
		text-align: center;
		
		margin-top: 5px;
		margin-bottom: 8px;
	}



	.search_form_3
	{
		width: 390px; 
		height: 30px;
		border: 1px solid;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
		text-align: center;
		
		margin-top: 5px;
	}



	.search_form_4
	{
		width: 390px; 
		height: 30px;
		border: 1px solid;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
		text-align: center;
		
		margin-top: 5px;
	}
	
	
	
	.search_inside_1
	{
		margin: 15px;
		padding: 10px;
		padding-left: 15px;
		padding-right: 15px;
		
		text-align: justify;
#		border: 2px solid;
#		border-color: #566C73;
	}
	
	
	
	ul.search_ks-cboxtags 
	{
		list-style: none;
		padding: 10px;
	}



	ul.search_ks-cboxtags li
	{
	  display: inline;
	}



	ul.search_ks-cboxtags li label
	{
		border: 2px solid rgba(139, 139, 139, .3);
		color: black;
		border-radius: 25px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: transparent;
		transition: all .2s;
	}



	ul.search_ks-cboxtags li label 
	{
		padding: 8px 12px;
		cursor: pointer;
	}



	ul.search_ks-cboxtags li input[type="checkbox"]:checked + label 
	{
		border: 2px solid black;
		background-color: #ADD8E6;
		color: black;
	}



	/*It controls the small checkboxes. It position them inside the boxes and makes them invisible.*/
	ul.search_ks-cboxtags li input[type="checkbox"] 
	{
	  position: absolute;
	  opacity: 0;
	}
	
	

	ul.search_ks-cboxtags_2 
	{
		list-style: none;
		padding: 10px;
	}



	ul.search_ks-cboxtags_2 li
	{
	  display: inline;
	}



	ul.search_ks-cboxtags_2 li label
	{
		border: 2px solid rgba(139, 139, 139, .3);
		color: black;
		border-radius: 25px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: transparent;
		transition: all .2s;
	}



	ul.search_ks-cboxtags_2 li label 
	{
		padding: 8px 12px;
		cursor: pointer;
	}



	ul.search_ks-cboxtags_2 li input[type="radio"]:checked + label 
	{
		border: 2px solid black;
		background-color: #ADD8E6;
		color: black;
	}



	/*It controls the small checkboxes. It position them inside the boxes and makes them invisible.*/
	ul.search_ks-cboxtags_2 li input[type="radio"] 
	{
	  position: absolute;
	  opacity: 0;
	}
	


	.search_line_1
	{
		  margin-top: 20px;
		  border-width: 2px;
		  border-color: #003366;
	}



	.search_pick_box
	{
			width: 250px;
			height: 30px;
			
			padding-top:7px;
			padding-left:7px;
			
			border-radius: 25px;			
			background-color: #d6ebf2;
	}


	
	.search_pick
	{
		 -webkit-appearance: none;
		 -moz-appearance: none;
		 appearance: none;
		 
		 display: inline-block;
		 
		 position: relative;
		 height: 16px;
		 width: 16px;
		 bottom: 3px;
		 
		 background-color: #ffffff;
		 color: #666;

		 border: 1px solid black;
		 border-radius: 50px;
		 
		 cursor: pointer;
		 margin-right: 7px;
		 outline: none;
	}


	
	.search_pick:checked::before
	{
		margin: 0px;
		
		position: relative;
		bottom: 2px;
		left: 3px;

		content: '\25CF';
		font-size: 13px;
		
		color: #9BC2CF;
	}
	.search_pick:hover
	{
		 background-color: #9BC2CF;
	}
	.search_pick:checked
	{
		 background-color: #ffffff;
	}
	
	
	
	.search_text
	{		
		text-align: justify;
		font-size: 20px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.search_text_blast
	{		
		white-space: pre;
	
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Courier;
	}
	
	
	
	.search_textarea_1
	{
		resize: none;
		width: 80%;
		height: 250px;
		
		margin-top: 10px;
		padding: 10px;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;		
	}
	
	
	
	.search_submit_1
	{
		width: 150px;
		height: 40px;
		
		border-width: 3px;
		border-color: black;
		border-radius: 25px;
		background-color: #ADD8E6;
		
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;

		cursor: pointer;
	}
	
	
	
	.search_blast_1
	{
		width: 220px;
		height: 40px;
		
		border-width: 3px;
		border-color: black;
		border-radius: 25px;
		background-color: #ADD8E6;
		
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;

		cursor: pointer;
	}
	
	

	.search_blast_2
	{
		width: 150px;
		height: 40px;
		
		border-width: 3px;
		border-color: black;
		border-radius: 25px;
		background-color: #ADD8E6;
		
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;

		cursor: pointer;
	}



	
	.select_modify
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;		
	}


	
	.table_browse_1 
	{
		display: none;
	}
	
	
	
	.table_browse_2
	{
		padding: 5px;
		
		width: 100%;
		
		border: 2px solid black;
		border-collapse: separate; 
		border-spacing: 5px; 
		background-color: #77898f;
	}
	
	

	.table_browse_4
	{
		padding: 5px;
		
		width: 100%;
		
		border: 2px solid black;
		border-collapse: separate; 
		border-spacing: 5px; 
		background-color: #8f7f77;
	}


	
	.table_browse_3
	{
		padding: 5px;
		
		width: 100%;
		
		border: 2px solid black;
		border-collapse: separate; 
		border-spacing: 5px; 
		background-color: #ae2b2b;
#		background-color: #c23030;
	}


	
	.table_title
	{
		padding: 14px;
		padding-right: 40px;
		border-right: 2px solid black;
		
		font-size: 20px;
		font-weight: bold;
		
		vertical-align: middle;
		writing-mode: vertical-rl; 
		text-orientation: upright;
	}
	
	
	
	.table_u1
	{
		margin: 0;
		
		padding: 5px;
		border: 2px solid black;
		border-collapse: separate; 
		border-spacing: 5px; 
		background-color: #e1edf0;
	}



	.table_uu1
	{
		border: 2px solid black;
		border-collapse: separate; 
		border-spacing: 5px; 
		background-color: #b39ae5;
	}



	.table_u3
	{
		padding:10px; 
		
		width: 900px;
		
		background-color: #f2f7f9;	
		
		text-align: left;
		font-family: Consolas;
		vertical-align: middle;
		
		overflow-x: auto;
	}

	
	
	.table_u4
	{
		background-color: #f2f7f9;	
		
		padding: 10px;
		padding-right: 320px;
		width: 900px;
		
		text-align: left;
		font-family: Consolas;
	}


	/*Einai se eksintades i allilouxia!*/
	.table_u5
	{
		border: 1px solid black;
		
		margin: 0px;
		text-align: left;

		background-color: #f2f7f9;			
	}
	
	
	
	.table_u6
	{
		border: 1px solid black;
		
		text-align: left;
		font-family: Consolas;
		vertical-align: middle;

		background-color: #f2f7f9;			
	}


	
	.table_t1
	{
		margin: 0 auto;	
		padding: 5px;
		border: 2px solid black;
		border-collapse: separate; 
		border-spacing: 5px; 
		background-color: #e1edf0;		
	}	
	
	
	
	.table_t12
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 120px;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;
		# Courier
		# SimSun
		# NSimSun
		# Consolas
	}
	
	
	
	.table_header
	{
		font-size: 22px
	}
	
	
	
	.table_u2
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 9%;
		
		background-color: #d9dee0;	
		
		text-align: left;
		vertical-align: middle;
		
		font-family: Consolas;
		word-break: break-all;
	}
	
	
	
	.table_rtk_1
	{
		border: 1px solid black;
		
		font-family: Consolas;
		
		width: 91%;
			
		background-color: #f2f7f9;	
	}



	.table_rtk_2
	{		
		padding:10px; 
		width: 91%;
		
		background-color: #f2f7f9;	
		
		font-family: Consolas;
		
		word-break: break-all;
	}
	


	.table_rtk_3
	{		
		border: 1px solid black;
				
		width: 100%;
		
		font-family: Consolas;
		
		background-color: #f2f7f9;
	}
	
	
	

	.table_rtk_4
	{
		border: none;

		padding:10px; 

		background-color: #f2f7f9;	
		text-align: center;
		font-family: Consolas;
		
		word-break: break-all;
	}
	
	

	.table_box
	{
		border: 1px solid black;
		padding: 10px;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
	}	


	
	.table_id
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 5%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
	}	
	
	
	
	.table_accession_number
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 9%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;
	}
	


	.table_gene_id
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 6.69%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;
	}



	.table_gene_names
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 8.17%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;
	}	

	

	.table_protein_names
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 20.81%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;
	}	


	
	.table_species
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 14.12%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;	
	}
	
	
	
	.table_subfamily
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 10.78%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;	
	}
	
	
	
	.table_topology_rtk_db
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 26.02%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;
	}	
	
	
	
	.table_val_box
	{
		border: 1px solid black;
		
		text-align: center;
		vertical-align: middle;
		
		word-break: break-all;
		
		font-family: Consolas;
		
		background-color: #f2f7f9;			
	}
	
	
	
	.table_val_id
	{
		border: 1px solid black;
		padding: 10px;
		
		text-align: center;
		vertical-align: middle;
		
		word-break: break-all;
		
		font-family: Consolas;
		
		background-color: #f2f7f9;	
	}	
	
	
	
	
	.table_val_general_1
	{
		border: 1px solid black;
		padding: 10px;
		
#		width: 200px;
		
		text-align: center;
		vertical-align: center;
		
		word-break: break-all;
		
		font-family: Consolas;
		background-color: #f2f7f9;	
	}	



	.table_val_general_2
	{
		border: 1px solid black;
		padding: 10px;
		
		word-break: break-all;
		
		font-family: Consolas;
		background-color: #f2f7f9;	
	}	
	
	
	
	.table_val_accesion
	{
		border: 1px solid black;
		padding: 10px;
				
		word-break: break-all;
		
		text-align: center;
		vertical-align: middle;		
		
		font-family: Consolas;
		background-color: #f2f7f9;	
	}	


	
	.upload_blast
	{
		width: 150px;
		height: 40px;
		
		border-width: 3px;
		border-color: black;
		border-radius: 25px;
		background-color: #ADD8E6;
		
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;		
		
		cursor: pointer;
	}
	
	
	
	.upload_file
	{
		display: inline-block;
		margin-top: 10px;
		margin-left: 180px;
		
		width: 500px;
		
		font-size: 18px;
	}
	
	
	
	.wrapper_one
	{
		margin-top: 10px;
		text-align: center;
	}



	.table_contain
	{
		width: 100%;
	}



	.zarp
	{
		display: none;
	}
}















































































































































@media only screen and (min-width: 600px)
{
	a 
	{
		color: white;
	}



	a.linked_1
	{
		text-decoration: none;
		color: #0000FF;
	}
	
	
	
	a.linked_1:hover
	{
		color: #FF0000;
	}	
	
	

	a.linked_m
	{
		text-decoration: none;
		color: #87FBFF;
	}
	
	
	
	a.linked_m:hover
	{
		color: #FF8500;
	}	
	
	

	a.linked_m_b
	{
		text-decoration: none;
		font-size: 24px;
		color: #87FBFF;
	}
	
	
	
	a.linked_m_b:hover
	{
		color: #FF8500;
	}	
	
	
	
	a:hover 
	{
		color: pink;
	}
	
	

	.about_heading
	{
		font-size: 22px;
		font-weight: bold;
		font-family: Helvetica;		
	}


	
	.about_1
	{
		text-align: justify;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	

	.about_2
	{
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	
	
	.about_3
	{
		border: 1px solid;
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	
	
	.all
	{		
		width: 75%;
			
		border-radius: 25px;
		margin: 0 auto;	
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #566C73;  
	}
	
	
	
	.all_menu 
	{
		margin-top:10px;
		text-align: center;

		list-style-type: none;
	}
	
	
	
	body
	{
		height: 100%;
		background-color: #334045;
	}
	
	
	
	.blast_handle
	{
		font-size: 16px;
		font-weight: normal;
	}
	
	
	
	.box_link
	{
		padding-bottom: 5px;
		
		text-align: center;
		vertical-align: middle;
		
		font-size: 30px;
		background-color: #77898f;
		color:white;
				
		cursor: pointer;

		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	
	
	
	.browse_all
	{
		  border: 2px solid blue;
		  border-color: #003366;

#		  margin-left: 280px;
#		  margin-right: 280px;
		  max-width: 1200px;
		  
		  margin: 0 auto;	
		  
		  background-color: #566C73;
		  
		  display: none; 		
	}
	

	
	.browse_1
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.browse_2
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	

	.browse_button
	{
		width: 22%;
		
		margin-left: 39%;
		margin-bottom: 20px;
		min-width: 200px;
		
		padding: 10px;
		padding-bottom: 12px;
		
		border: 6px solid black;
		border-style: outset;
		border-radius: 25px;
		
		color: white;
		background-color: #77898f;
		
		text-align: center;
		font-size: 100%;
				
		cursor: pointer;
	}		
	.browse_button:hover
	{
		border-style: inset;
	}			
	


	.browse_button_4
	{
		width: 22%;
		
		margin-left: 39%;
		margin-bottom: 20px;
		min-width: 200px;
		
		padding: 10px;
		padding-bottom: 12px;
		
		border: 6px solid black;
		border-style: outset;
		border-radius: 25px;
		
		color: white;
		background-color: #8f7f77;
		
		text-align: center;
		font-size: 100%;
				
		cursor: pointer;
	}		
	.browse_button_4:hover
	{
		border-style: inset;
	}	


	
	.browse_button_2
	{
		margin-bottom: 5px;
		margin-left: 340px;
		width: 400px;
		height: 40px;
		
		border-radius: 25px;
		
		border: 2px solid black;
		
		color: white;
		background-color: #c23030;
#		background-color: #736394;	
	
		text-align: center;
		text-decoration: none;
		font-size: 16px;	
		
		cursor: pointer;
	}	



	.browse_button_3
	{
		width: 25%;
		height: 40px;
		
		border-radius: 25px;
		
		border: 2px solid black;
		
		color: white;
		background-color: #667a81;
		
		text-align: center;
		text-decoration: none;
		font-size: 18px;	
		
		cursor: pointer;
	}	


	
	.browsing
	{
		margin-top: 15px;
		
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
	}
	
	

	.browsing_header
	{
		margin-bottom: 10px;

		text-align: justify;
		font-size: 20px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	

	.browse_eukaryotes
	{
		margin-bottom: 4px;
		font-weight: normal;
	}
	
	
	
	.browsing_text
	{		
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	
	
	.button_download
	{
		width: 160px;
		height: 40px;
		font-size: 18px;
		
		color: blue;
		border-radius: 25px;
		margin: 10px;
		
		cursor: pointer;
	}
	
	
	
	.button_download_2
	{
		width: 230px;
		height: 40px;
		font-size: 18px;
		
		color: blue;
		border-radius: 25px;
		margin: 10px;
		
		cursor: pointer;
	}
	
	
	
	.button_download_3
	{	
		width: 290px;
		height: 40px;
		font-size: 18px;
		
		color: blue;
		border-radius: 25px;
		margin: 10px;
		
		cursor: pointer;
	}



	.button_download_4
	{
		width: 160px;
		height: 40px;
		font-size: 16px;
		
		color: blue;
		border-radius: 25px;
		margin: 10px;
		
		cursor: pointer;
	}
	


	.button_download:hover, .button_download_2:hover, .button_download_3:hover
	{
		background-color: #F3F3F3;
		color: #B10B0B;	
		border: 1px solid white;
	}
	
	
	
	.button_one
	{
		position: absolute;
	}
	
	

	.button_new
	{
		display:inline-block;
		padding:0.3em 1.2em;
		padding-bottom: 12px;
		padding-top: 12px;
				
		width: 130px;
#		width: 100%;
		
		border-radius:2em;
		border-style: solid;
		border-style: outset;
		box-sizing: border-box;
		
		outline:0;
		
		text-decoration:none;
		font-family:'Roboto',sans-serif;
		font-size: 115%;
		font-weight: bold;
		
		
		color:#FFFFFF;
		background-color:#265976;
		
		text-align:center;
		transition: all 0.2s;

		cursor: pointer;		
	}



	.button_new_2
	{
		display:inline-block;
		padding:0.3em 1.2em;
		margin-right: 20px;
		
		width: 130px;
		height: 50px;
		
		border-radius:2em;
		border-style: solid;
		border-style: outset;
		box-sizing: border-box;
		
		outline:0;
		
		text-decoration:none;
		font-family:'Roboto',sans-serif;
		font-size: 16px;
		font-weight: bold;
		
		
		color:#FFFFFF;
		background-color:#265976;
		
		text-align:center;
		transition: all 0.2s;
		
		cursor: pointer;
	}
	
	
	.button_new_download
	{
		display:inline-block;
		padding:0.3em 1.2em;
		padding-bottom: 12px;
		padding-top: 12px;
				
		width: 150px;
#		width: 100%;
		
		border-radius:2em;
		border-style: solid;
		border-style: outset;
		box-sizing: border-box;
		
		outline:0;
		
		text-decoration:none;
		font-family:'Roboto',sans-serif;
		font-size: 115%;
		font-weight: bold;
		
		
		color:#FFFFFF;
		background-color:#265976;
		
		text-align:center;
		transition: all 0.2s;

		cursor: pointer;		
	}


	.button_new:hover
	{
		background-color:#4095c6;
	}


	.button_new_2:hover
	{
		background-color:#4095c6;
	}
	
	
	.button_new_download:hover
	{
		background-color:#4095c6;
	}
		

	
	.button_results
	{
		width: 350px;
		height: 40px;
		font-size: 18px;
		
		color: blue;
		border-radius: 25px;
		margin: 10px;
		
		cursor: pointer;
	}
	.button_results:hover
	{
		background-color: #F3F3F3;
		color: #B10B0B;	
		border: 1px solid white;
	}



	.button_results_2
	{
		width: 350px;
		height: 40px;
		font-size: 18px;
		
		color: blue;
		border-radius: 25px;
		margin: 10px;
		
		cursor: pointer;
	}
	.button_results_2:hover
	{
		background-color: #F3F3F3;
		color: #B10B0B;	
		border: 2px solid white;
	}	
	
	
	
	.cell_link
	{
		text-decoration: none;
		color: blue;
	}
	
	
	
	.cell_link:hover 
	{
		color: #FF0000;
	}
	
	
	
	.just_click
	{
		font-size: 16px;
		cursor: pointer;
	}
	
	
	
	.container
	{
		margin-left: 230px;
		margin-right: 230px;
	}
	

	
	.contact_form {
		margin-left:150px;
		max-width: 800px;
		font: 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
	
	
	.contact_form li {
		padding: 0;
		display: block;
		list-style: none;
		margin: 30px 0 0 0;
	}
	
	
	
	.contact_form label{
		margin:0 0 3px 0;
		display:block;
		font-weight: bold;
	}
	
	
	
	.contact_form input[type=text], 
	.contact_form input[type=date],
	.contact_form input[type=datetime],
	.contact_form input[type=number],
	.contact_form input[type=search],
	.contact_form input[type=time],
	.contact_form input[type=url],
	.contact_form input[type=email],
	textarea, 
	select{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		border:1px solid #BEBEBE;
		padding: 7px;
		margin:0px;
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		outline: none;	
	}
	.contact_form input[type=text]:focus, 
	.contact_form input[type=date]:focus,
	.contact_form input[type=datetime]:focus,
	.contact_form input[type=number]:focus,
	.contact_form input[type=search]:focus,
	.contact_form input[type=time]:focus,
	.contact_form input[type=url]:focus,
	.contact_form input[type=email]:focus,
	.contact_form textarea:focus, 
	.contact_form select:focus{
		-moz-box-shadow: 0 0 8px #88D5E9;
		-webkit-box-shadow: 0 0 8px #88D5E9;
		box-shadow: 0 0 8px #88D5E9;
		border: 1px solid #88D5E9;
	}



	.contain_manual
	{
		margin-left: 135px;
		margin-right: 135px;
	}
	
	
	
	.contact_table
	{
		text-align: justify;
		font-size: 20px;
		font-weight: normal;
		font-family: Helvetica;
	}


	
	.contact_1
	{
		text-align: justify;
		font-size: 20px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.contact_2
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.contact_submit_buttom
	{
		width: 170px;
		height: 50px;
		
		border: none;
		
		font: 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		
		background: #4B99AD;
		color: #fff;
	}
	
	
	
	.contact_submit_buttom:hover
	{
		background: #4691A4;
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}	
	


	.container_1
	{
		font-size: 18px;
		margin-left: 20px;
	}
	
	
	
	.download_1
	{
		text-align: justify;
		font-size: 20px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	
	
	.ekpa_info_1
	{
		font-size: 20px;
		font-weight: normal;
		font-family: Helvetica;
	}


	
	.ekpa_logo_1
	{
		max-width: 100%;
		max-height: 100%;
		margin: auto;
	}


	.field-long{
		width: 100%;
		height: 40px;
		font-size: 16px;
	}



	.field-long_2{
		width: 100%;
		height: 40px;
		font-size: 16px;
	}
	
	
	
	.form_textarea
	{
		resize: none;
		width: 100%;
		height: 200px;
		
		padding: 10px;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;		
	}	
	
	
	
	.header_image
	{
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 0px;

		border: 10px solid #4d6167;
		border-radius: 25px;
	}
	
	
	
	.home 
	{
		background-color: #5216C3;
		color: black;
		padding: 16px;
		font-size: 16px;
	}

	
	
	html
	{
		height: 100%;
		background-color: #334045;
	}


	
	.home_table
	{
		border: 2px solid black;
		border-collapse: separate; 
		
		margin-top: 10px;

		background-color: #77898f;
		color: white;
	}
	

	
	.home_table_2
	{
		border: 4px solid black;
		border-collapse: separate; 
		border-radius: 25px;
		
		margin-top: 10px;

		background-color: #77898f;
		color: white;
	}	


	
	.home_table_left
	{
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		padding: 20px;	
		padding-left: 35px;
		padding-right: 35px;
		
		text-align: center;
		font-weight: bold;
	}
	
	

	.home_table_left_3
	{
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		padding: 20px;	
		padding-left: 35px;
		padding-right: 35px;
		
		text-align: center;
		vertical-align: middle;

		font-weight: bold;
	}
	
	
	
	.home_table_left_last
	{
		border-right: 2px solid black;
		padding: 20px;	
		padding-left: 35px;
		padding-right: 35px;
		
		text-align: center;
		font-weight: bold;
	}



	.home_table_left_last_2
	{
		border-right: 2px solid black;
		padding: 20px;	
		padding-left: 35px;
		padding-right: 35px;
		
		text-align: center;
		vertical-align: middle;

		font-weight: bold;
	}


	
	.home_table_right
	{
		border-bottom: 2px solid black;
		padding: 20px;
		padding-left: 35px;
		padding-right: 35px;		

		text-align: center;
		font-weight: bold;
	}
	
	
	
	.home_table_right_last
	{
		padding: 20px;
		padding-left: 35px;
		padding-right: 35px;		

		text-align: center;
		font-weight: bold;
	}
	
	
	
	.home_title
	{
		font-family: Arial;
		font-size: 30px;
		color: #447993;
	}
	
	
	
	.home_title_2
	{
		font-size: 24px;
		color: #447993;
	}
	
	
	
	.image_coment
	{
		margin-top: 5px;
		margin-left: 25px;
		margin-right: 25px;
		
		padding: 5px;
		padding-left: 10px;
		padding-right: 10px;
		
		border: 1px solid black;
		
		text-align: justify;
		font-size: 14px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	
	
	.imageholder
	{
		display: grid;
#		height: 100%;
		margin-bottom: 0px;
	}
	
	

	.imageholder_about
	{
		display: grid;
#		height: 100%;
		margin-bottom: 0px;
	}



	.iso_title
	{
		font-size: 25px;
		
		color: #6669A2; 
	}
	.iso_title_first
	{
		font-size: 30px;
		
		color: #9a2626; 		
		#color: #ae2b2b;
	}
	
	
	
	.link_1
	{
		color: black;
	}
	.link_1:hover
	{
		color: red;
	}
	


	.link_2
	{
		color: black;
		text-decoration: none;
	}
	.link_2:hover
	{
		color: red;
	}


	
	#loading 
	{
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 100;
	  width: 100vw;
	  height: 100vh;
	  background-color: rgba(192, 192, 192, 0.5);
#	  background-image: url("https://i.stack.imgur.com/MnyxU.gif");
 	  background-image: url("MnyxU.gif");
	  background-repeat: no-repeat;
	  background-position: center;
	}


	
	.main_1
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.main_2
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.main_3
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.main_box_1
	{
		padding: 10px;
		padding-top: 0px;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 20px;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 20px;
#		border-radius:25px;
#		border: 2px solid;
#		border-color: #000033;
		
#		border-color: #003366;
#       border-radius: 25px;
		
		background-color: #FFFFFF;
		
		line-height: 1.4;
	}
	
	

	.main_box_2
	{
		padding-bottom: 10px;
		padding-top: 1px;
		padding-left: 15px;
		padding-right: 10px;
		
		margin-top: 20px;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 20px;
		
#		border: 2px solid blue;
		border-color: #003366;
#       border-radius: 25px;
		
		background-color: #FFFFFF;
		
		line-height: 1.4;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	

	.main_box_3
	{
		padding: 10px;
		padding-top: 0px;
		padding-left: 5px;
		
		margin-top: 20px;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 20px;
		
		border: 2px solid blue;
		border-color: #003366;
#       border-radius: 25px;

		background-color: #fffac6;
#		background-color: #FFFAC0;
#		background-color: #fffbcc;
		
		line-height: 1.4;
	}
	
	
	

	.main_box_4
	{
		padding: 10px;
		padding-top: 0px;
		margin-top: 20px;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 20px;
		
		border: 1px solid;
#		border-color: #003366;
#       border-radius: 25px;
		
		background-color: #cccccc;
		
		line-height: 1.4;
	}
	
	
	
	.manual_1
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.manua_buttons
	{
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	
	
	.manual_1_1
	{
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	
	
	.manual_1_title
	{
		text-align: justify;
		font-size: 24px;
		font-weight: normal;
		font-family: Helvetica;
	}

	
	
	.manual_2
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	
	
	.manual_3
	{
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}


	
	.manual_back
	{
		font-size: 22px;
		font-weight: normal;
		font-family: Helvetica;
	}


	
	.manual_box_1
	{
		margin: 5px;
		padding: 15px;
		
		border: 2px solid black;
		
		background-color: #4c4c4c;
		color: white;
	}
	
	
	
	.manual_image
	{
		margin-top: 10px;
		width: 100%;
		border-radius: 25px;
	}
		
		
		
	.menu_1
	{
		text-align: center;
	}
	
	

	.menu_button 
	{
		display: inline-block;
		
		margin-right: 15px;
	}



	.page    
	{ 
		display: none; 
		padding: 0 0.5em; 
	}



	.page h1 
	{ 
		font-size: 2em; 
		line-height: 1em; 
		margin-top: 1.1em; 
		font-weight: bold; 
	}



	.page p  
	{ 
		font-size: 1.5em; 
		line-height: 1.275em;
		margin-top: 0.15em; 
	}


	
	.pagination {
	  display: inline-block;
	}
	.pagination_two {
	  color: black;
	  border: 1px solid #ddd;
	  float: left;
	  padding: 8px 16px;
	  text-decoration: none;
	  transition: background-color .3s;
	}
	.pagination_two.active {
	  background-color: #4CAF50;
	  color: white;
	}
	.pagination_two:hover:not(.active) 
	{
		color: black;
		background-color: #ddd;
	}



	.pagination_three
	{
	  color: black;
	  border: 1px solid #ddd;
	  float: left;
	  padding: 8px 16px;
	  text-decoration: none;
	}
	.pagination_three:hover:not(.active) 
	{
		color: black;
	}	
	
	
	
	.pagination_pressed 
	{
	  color: black;
	  border: 1px solid #ddd;
	  float: left;
	  padding: 8px 16px;
	  text-decoration: none;
	  background-color: #ddd;
	  color: black;
	}
	.pagination_pressed:hover:not(.active) 
	{
		color: black;
		cursor : text;
	}	

	
	
	.parent_1
	{
		width:1000px;
		height:200px;
		margin: 0 auto;
	}


	
	.parent_2
	{
		width:780px;
		height:170px;
		margin: 0 auto;
	}
	
	

	.required{
		color:red;
	}
	
	
	
	.results_all
	{
		max-width: 1200px;
			
		border-radius: 25px;
		margin: 0 auto;	
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #566C73;  
		  
		display: none; 		
	}		
	
	
	
	.results_all_2
	{
#		width: 1600px;
#		padding-left: 100px;
#		padding-right: 100px;
		
		border-radius: 25px;
#		margin: 0 auto;	
		margin-left: 100px;
		margin-right: 100px;
		
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #566C73;  
		  
		display: none; 		
	}	
	
	

	.results_blast
	{
		max-width: 1300px;
			
		border-radius: 25px;
		margin: 0 auto;	
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #566C73; 
		  
		display: none; 		
	}


	
	.rtk_title
	{
		font-size: 35px;
		
		color: #6669A2; 
		#515482;
		#666AA3
		#625489
	}
	
	
	
	.refresh
	{
		width: 150px;
		height: 40px;
		
		border-width: 3px;
		border-color: black;
		border-radius: 25px;
		background-color: #ADD8E6;
		
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
			
		cursor: pointer;
	}



	.refresh_blast
	{
		width: 150px;
		height: 40px;
		
		border-width: 3px;
		border-color: black;
		border-radius: 25px;
		background-color: #ADD8E6;
		
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;	
		
		cursor: pointer;
	}
	
	
	
	.results_box_1
	{
		border: 7px solid black;
		border-style:double;
		float: left;
		width: 50%;	
		
		border-color: #566C73
	}
	


	.results_box_2
	{
		border: 7px solid black;	
		border-style:double;
		
		border-color: #566C73
	}
	
	
	
	.results_header
	{
		margin-bottom: 15px;
		
		font-size: 25px;
		font-family: Helvetica;
		font-weight: bold;
		
		text-align: center;
	
		color: #5C747C;
	}
	


	.results_more_info
	{
		margin: 10px;
	}
	

	
	.search_1
	{
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.search_2
	{
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
	}
	
	
	
	.search_box_1
	{
		margin: 5px;
		padding: 15px;
		
		border: 2px solid black;
		
		background-color: #4c4c4c;
		color: white;
		
#		font-size: 16px;
	}
	
	
	
	.search_container {
		max-width: 100%;
		font-family: Helvetica;
		font-size: 18px;
		margin-top: 18px;
	}


	
	.search_dropdown a 
	{
		color: black;
		padding: 8px 10px;
		text-decoration: none;
		display: block;
	}
	
	

	.search_dropdown 
	{
		display: none;
		position: absolute;
	/* Width is finally the attribute with wich i can control the size of the dropdown boxes and make it even (the same) with the upper-parent button-box.*/
		width:84px;
		background-color: #f1f1f1;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	
	
	
	.search_dropdown a:hover 
	{
		background-color: #ddd;
	}



	.search_title
	{
		font-size: 26px;
		color: #447993;	
	}
	
	

	.search_title_2
	{
		font-size: 30px;
		color: #2B4C5D;	
	}
	
	
	
	.search_protein
	{
		width: 85%;
		height: 400px;
		
		margin-top: 10px;
		resize: none;
		
		font-size: 20px;
		font-weight: normal;
		font-family: Courier;			
	}
	
	
	
	.simple 
	{
		position: relative;
		display: inline;
		color: #e7140e;
		font-family: monospace;
	}
	.simple .difficult 
	{
		visibility: hidden;
		width: max-width;
		
		word-break: normal;
		
		background-color: #555;
		color: #fff;
		text-align: center;
		
		border-radius: 6px;
		padding: 10px;
		position: absolute;
		
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -60px;
		opacity: 0;
		transition: opacity 0.3s;
		font-family: monospace;
	}
	.simple .difficult::after 
	{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: #555 transparent transparent transparent;
		font-family: monospace;
	}

	.simple:hover .difficult 
	{
		visibility: visible;
		opacity: 1;
		font-family: monospace;
	}	
	.simple_2 
	{
		position: relative;
		display: inline;
		color: #2da800;
		font-family: monospace;
	}
	.simple_2 .difficult 
	{
		visibility: hidden;
		width: max-width;
		
		word-break: normal;
		
		background-color: #555;
		color: #fff;
		text-align: center;
		
		border-radius: 6px;
		padding: 10px;
		position: absolute;
		
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -60px;
		opacity: 0;
		transition: opacity 0.3s;
		font-family: monospace;
	}
	.simple_2 .difficult::after 
	{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: #555 transparent transparent transparent;
		font-family: monospace;
	}

	.simple_2:hover .difficult 
	{
		visibility: visible;
		opacity: 1;
		font-family: monospace;
	}		
	.simple_3 
	{
		position: relative;
		display: inline;
		color: #005ec2;
		font-family: monospace;
	}
	.simple_3 .difficult 
	{
		visibility: hidden;
		width: max-width;
		
		word-break: normal;
		
		background-color: #555;
		color: #fff;
		text-align: center;
		
		border-radius: 6px;
		padding: 10px;
		position: absolute;
		
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -60px;
		opacity: 0;
		transition: opacity 0.3s;
		font-family: monospace;
	}
	.simple_3 .difficult::after 
	{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: #555 transparent transparent transparent;
		font-family: monospace;
	}
	.simple_3:hover .difficult 
	{
		visibility: visible;
		opacity: 1;
		font-family: monospace;
	}		
	.simple_4 
	{
		position: relative;
		display: inline;
		color: #8A168A;
		#AC1CAC
		#9A199A
		#8A168A
		font-family: monospace;
	}
	.simple_4 .difficult 
	{
		visibility: hidden;
		width: max-width;
		
		word-break: normal;
		
		background-color: #555;
		color: #fff;
		text-align: center;
		
		border-radius: 6px;
		padding: 10px;
		position: absolute;
		
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -60px;
		opacity: 0;
		transition: opacity 0.3s;
		font-family: monospace;
	}
	.simple_4 .difficult::after 
	{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: #555 transparent transparent transparent;
		font-family: monospace;
	}
	.simple_4:hover .difficult 
	{
		visibility: visible;
		opacity: 1;
		font-family: monospace;
	}	
	.simple_5
	{
		position: relative;
		display: inline;
		font-family: monospace;
	}
	
	
	.search_form_1
	{
		width: 390px; 
		height: 30px;
		border: 1px solid;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
		text-align: center;
		
		margin-top: 5px;
	}
	
	
	
	.search_form_2
	{
		width: 390px; 
		height: 30px;
		border: 1px solid;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
		text-align: center;
		
		margin-top: 5px;
		margin-bottom: 8px;
	}



	.search_form_3
	{
		width: 390px; 
		height: 30px;
		border: 1px solid;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
		text-align: center;
		
		margin-top: 5px;
	}



	.search_form_4
	{
		width: 390px; 
		height: 30px;
		border: 1px solid;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;
		text-align: center;
		
		margin-top: 5px;
	}
	
	
	
	.search_inside_1
	{
		margin: 15px;
		padding: 10px;
		padding-left: 15px;
		padding-right: 15px;
		
		text-align: justify;
#		border: 2px solid;
#		border-color: #566C73;
	}
	
	
	
	ul.search_ks-cboxtags 
	{
		list-style: none;
		padding: 10px;
	}



	ul.search_ks-cboxtags li
	{
	  display: inline;
	}



	ul.search_ks-cboxtags li label
	{
		border: 2px solid rgba(139, 139, 139, .3);
		color: black;
		border-radius: 25px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: transparent;
		transition: all .2s;
	}



	ul.search_ks-cboxtags li label 
	{
		padding: 8px 12px;
		cursor: pointer;
	}



	ul.search_ks-cboxtags li input[type="checkbox"]:checked + label 
	{
		border: 2px solid black;
		background-color: #ADD8E6;
		color: black;
	}



	/*It controls the small checkboxes. It position them inside the boxes and makes them invisible.*/
	ul.search_ks-cboxtags li input[type="checkbox"] 
	{
	  position: absolute;
	  opacity: 0;
	}
	
	

	ul.search_ks-cboxtags_2 
	{
		list-style: none;
		padding: 10px;
	}



	ul.search_ks-cboxtags_2 li
	{
	  display: inline;
	}



	ul.search_ks-cboxtags_2 li label
	{
		border: 2px solid rgba(139, 139, 139, .3);
		color: black;
		border-radius: 25px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: transparent;
		transition: all .2s;
	}



	ul.search_ks-cboxtags_2 li label 
	{
		padding: 8px 12px;
		cursor: pointer;
	}



	ul.search_ks-cboxtags_2 li input[type="radio"]:checked + label 
	{
		border: 2px solid black;
		background-color: #ADD8E6;
		color: black;
	}



	/*It controls the small checkboxes. It position them inside the boxes and makes them invisible.*/
	ul.search_ks-cboxtags_2 li input[type="radio"] 
	{
	  position: absolute;
	  opacity: 0;
	}
	


	.search_line_1
	{
		  margin-top: 20px;
		  border-width: 2px;
		  border-color: #003366;
	}



	.search_pick_box
	{
			width: 250px;
			height: 30px;
			
			padding-top:7px;
			padding-left:7px;
			
			border-radius: 25px;			
			background-color: #d6ebf2;
	}


	
	.search_pick
	{
		 -webkit-appearance: none;
		 -moz-appearance: none;
		 appearance: none;
		 
		 display: inline-block;
		 
		 position: relative;
		 height: 16px;
		 width: 16px;
		 bottom: 3px;
		 
		 background-color: #ffffff;
		 color: #666;

		 border: 1px solid black;
		 border-radius: 50px;
		 
		 cursor: pointer;
		 margin-right: 7px;
		 outline: none;
	}


	
	.search_pick:checked::before
	{
		margin: 0px;
		
		position: relative;
		bottom: 2px;
		left: 3px;

		content: '\25CF';
		font-size: 13px;
		
		color: #9BC2CF;
	}
	.search_pick:hover
	{
		 background-color: #9BC2CF;
	}
	.search_pick:checked
	{
		 background-color: #ffffff;
	}
	
	
	
	.search_text
	{		
		text-align: justify;
		font-size: 20px;
		font-weight: normal;
		font-family: Helvetica;
	}



	.search_text_blast
	{		
		white-space: pre;
	
		text-align: justify;
		font-size: 18px;
		font-weight: normal;
		font-family: Courier;
	}
	
	
	
	.search_textarea_1
	{
		resize: none;
		width: 80%;
		height: 250px;
		
		margin-top: 10px;
		padding: 10px;
		
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;		
	}
	
	
	
	.search_submit_1
	{
		width: 150px;
		height: 40px;
		
		border-width: 3px;
		border-color: black;
		border-radius: 25px;
		background-color: #ADD8E6;
		
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;

		cursor: pointer;
	}
	
	
	
	.search_blast_1
	{
		width: 220px;
		height: 40px;
		
		border-width: 3px;
		border-color: black;
		border-radius: 25px;
		background-color: #ADD8E6;
		
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;

		cursor: pointer;
	}
	
	

	.search_blast_2
	{
		width: 150px;
		height: 40px;
		
		border-width: 3px;
		border-color: black;
		border-radius: 25px;
		background-color: #ADD8E6;
		
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;

		cursor: pointer;
	}



	
	.select_modify
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;		
	}


	
	.table_browse_1 
	{
		display: none;
	}
	
	
	
	.table_browse_2
	{
		padding: 5px;
		
		width: 100%;
		
		border: 2px solid black;
		border-collapse: separate; 
		border-spacing: 5px; 
		background-color: #77898f;
	}
	
	

	.table_browse_4
	{		
		padding: 5px;
		
		width: 100%;
		
		border: 2px solid black;
		border-collapse: separate; 
		border-spacing: 5px; 
		background-color: #8f7f77;
		
	}

	
	.table_browse_3
	{
		padding: 5px;
		
		width: 100%;
		
		border: 2px solid black;
		border-collapse: separate; 
		border-spacing: 5px; 
		background-color: #ae2b2b;
#		background-color: #c23030;
	}


	
	.table_title
	{
		padding: 14px;
		padding-right: 40px;
		border-right: 2px solid black;
		
		font-size: 20px;
		font-weight: bold;
		
		vertical-align: middle;
		writing-mode: vertical-rl; 
		text-orientation: upright;
	}
	
	
	
	.table_u1
	{
		margin: 0;
		
		padding: 5px;
		border: 2px solid black;
		border-collapse: separate; 
		border-spacing: 5px; 
		background-color: #e1edf0;
	}



	.table_uu1
	{
		border: 2px solid black;
		border-collapse: separate; 
		border-spacing: 5px; 
		background-color: #b39ae5;
	}



	.table_u3
	{
		padding:10px; 
		
		width: 900px;
		
		background-color: #f2f7f9;	
		
		text-align: left;
		font-family: Consolas;
		vertical-align: middle;
		
		overflow-x: auto;
	}

	
	
	.table_u4
	{
		background-color: #f2f7f9;	
		
		padding: 10px;
		padding-right: 320px;
		width: 900px;
		
		text-align: left;
		font-family: Consolas;
	}


	/*Einai se eksintades i allilouxia!*/
	.table_u5
	{
		border: 1px solid black;
		
		margin: 0px;
		text-align: left;

		background-color: #f2f7f9;			
	}
	
	
	
	.table_u6
	{
		border: 1px solid black;
		
		text-align: left;
		font-family: Consolas;
		vertical-align: middle;

		background-color: #f2f7f9;			
	}


	
	.table_t1
	{
		margin: 0 auto;	
		padding: 5px;
		border: 2px solid black;
		border-collapse: separate; 
		border-spacing: 5px; 
		background-color: #e1edf0;		
	}	
	
	
	
	.table_t12
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 120px;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;
		# Courier
		# SimSun
		# NSimSun
		# Consolas
	}
	
	

	.table_header
	{
		margin-right: 12%;
		font-size: 22px;
		color: white;
	}


	
	.table_u2
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 9%;
		
		background-color: #d9dee0;	
		
		text-align: left;
		vertical-align: middle;
		
		font-family: Consolas;
		word-break: break-all;
	}
	
	
	
	.table_rtk_1
	{
		border: 1px solid black;
		
		font-family: Consolas;
		
		width: 91%;
			
		background-color: #f2f7f9;	
	}



	.table_rtk_2
	{		
		padding:10px; 
		width: 91%;
		
		background-color: #f2f7f9;	
		
		font-family: Consolas;
		
		word-break: break-all;
	}
	


	.table_rtk_3
	{		
		border: 1px solid black;
				
		width: 100%;
		
		font-family: Consolas;
		
		background-color: #f2f7f9;
	}
	
	
	

	.table_rtk_4
	{
		border: none;

		padding:10px; 

		background-color: #f2f7f9;	
		text-align: center;
		font-family: Consolas;
		
		word-break: break-all;
	}
	
	

	.table_box
	{
		border: 1px solid black;
		padding: 10px;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
	}	


	
	.table_id
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 5%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
	}	
	
	
	
	.table_accession_number
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 9%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;
	}
	


	.table_gene_id
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 6.69%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;
	}



	.table_gene_names
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 8.17%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;
	}	

	

	.table_protein_names
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 20.81%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;
	}	


	
	.table_species
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 14.12%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;	
	}
	
	
	
	.table_subfamily
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 10.78%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;	
	}
	
	
	
	.table_topology_rtk_db
	{
		border: 1px solid black;
		padding: 10px; 
		
		width: 26.02%;
		
		background-color: #d9dee0;	
		
		text-align: center;
		vertical-align: middle;
		font-family: Consolas;
		word-break: break-all;
	}	
	
	
	
	.table_val_box
	{
		border: 1px solid black;
		
		text-align: center;
		vertical-align: middle;
		
		word-break: break-all;
		
		font-family: Consolas;
		
		background-color: #f2f7f9;			
	}
	
	
	
	.table_val_id
	{
		border: 1px solid black;
		padding: 10px;
		
		text-align: center;
		vertical-align: middle;
		
		word-break: break-all;
		
		font-family: Consolas;
		
		background-color: #f2f7f9;	
	}	
	
	
	
	
	.table_val_general_1
	{
		border: 1px solid black;
		padding: 10px;
		
#		width: 200px;
		
		text-align: center;
		vertical-align: center;
		
		word-break: break-all;
		
		font-family: Consolas;
		background-color: #f2f7f9;	
	}	



	.table_val_general_2
	{
		border: 1px solid black;
		padding: 10px;
		
		word-break: break-all;
		
		font-family: Consolas;
		background-color: #f2f7f9;	
	}	
	
	
	
	.table_val_accesion
	{
		border: 1px solid black;
		padding: 10px;
				
		word-break: break-all;
		
		text-align: center;
		vertical-align: middle;		
		
		font-family: Consolas;
		background-color: #f2f7f9;	
	}	


	
	.upload_blast
	{
		width: 150px;
		height: 40px;
		
		border-width: 3px;
		border-color: black;
		border-radius: 25px;
		background-color: #ADD8E6;
		
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		font-family: Helvetica;		
		
		cursor: pointer;
	}
	
	
	
	.upload_file
	{
		display: inline-block;
		margin-top: 10px;
		margin-left: 180px;
		
		width: 500px;
		
		font-size: 18px;
	}
	
	
	
	.wrapper_one
	{
		margin-top: 10px;
		text-align: center;
	}


	.table_contain
	{
		width: 100%;
	}
	
	
	
	.zarp
	{
		display: none;
	}
	
}