@charset "utf-8";
/* CSS Document */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center;
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	min-height:768px;
	
}
ul {
margin:0px;
padding:0px;
border:0px;
list-style:none; 
}
li {
list-style:none;
margin:0px;
border:0px;
padding:0px;
font:"Times New Roman", Times, serif 90%;
}
#container{
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	z-index:1;	
}

#overlayer_blast{
 position:absolute;
 top:0px;
 left:0px;
 margin:0px;
 width:100%;
 height:100%;
 filter:alpha(opacity=50);
 opacity:0.5;
 margin:0px;
 background-color:#000000;
 z-index:990;
}
#overlayer{
 position:absolute;
 top:0px;
 left:0px;
 margin:0px;
 width:100%;
 height:100%;
 filter:alpha(opacity=50);
 opacity:0.5;
 margin:0px;
 background-color:#000000;
 z-index:990;
}
#overlayer_search{
 position:absolute;
 top:0px;
 left:0px;
 
 margin:0px;
 width:100%;
 height:100%;
 filter:alpha(opacity=50);
 opacity:0.5;
 margin:0px;
 background-color:#000000;
 z-index:30;
}
#header{
	top:0px;
	left:0px;
	width:100%;
	height:120px;
	background-image: url(/20210317170509oe_/https://rdccm.cuhk.edu.hk/mherbsdb/images/mmdbd.png);
	background-repeat:no-repeat;

}
 /*  memnu       ------*/
#pagination-clean li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
/* savers #pagination-clean li,*/
#pagination-clean a           { border-right:solid 1px #DEDEDE; margin-right:2px; }
#pagination-clean .previous-off,
#pagination-clean .next-off   { color:#888888; display:block; float:left; font-weight:bold; padding:3px 4px; }	
#pagination-clean .next a,
#pagination-clean previous a  { border:none; font-weight:bold; }	
#pagination-clean .active     { color:#000000; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ border-right:solid 1px #DEDEDE; }
#pagination-clean a:link,
#pagination-clean a:visited   { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:underline; }
#pagination-clean a:hover     { text-decoration:none; }

#menu {
 	  top:120px;
	  left:0px;
      float:left;
      width:100%;
      background:#EFF4FA;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #DD740B;
      }
    #menu ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #menu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #menu a {
      float:left;
      background:url(/20210317170509oe_/https://rdccm.cuhk.edu.hk/mherbsdb/images/tableftI.gif) no-repeat left top ;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #menu a span {
      float:left;
      display:block;
      background:url(/20210317170509oe_/https://rdccm.cuhk.edu.hk/mherbsdb/images/tabrightI.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a span {float:none;}
    /* End IE5-Mac hack */
    #menu a:hover span {
      color:#FFF;
      }
    #menu a:hover {
      background-position:0% -42px;
      }
  #menu a:hover span {
      background-position:100% -42px;
      }
 /*  memnu  end ------*/	  


/*--------common contents divs--------------*/
#detailsdiv{
 position:absolute;
 text-align:left;
 top:10%;
 left:10%;
 width:80%;
 height:80%;
 margin:0px;
 background-color:#FFFFFF;
 overflow:auto;
 z-index:999;
}
#copyright{
	position: absolute;
	top: 1040px;
	width: 780px;
	left: 0px;
	height: 50px;	/*background-image:url(images/copyright.jpg);
	background-repeat:no-repeat;
	*/
	}
#to_Sequence_Cart{
	width: 200px;
	margin-top: 20px;
	position:absolute;
	top: 24px;
	right: 20px;
}
/*---------BLAST style------*/
#blastdiv{
  clear:both;
  top:10px;
  left:0px;
  position:relative;
}
#bltform{
 top:0px;
 width:100%;
}
#bltformhead{
	top:5px;
	height:20px;
	width:780px;
	background-color:#CCFF99;
	border-style:solid;
	border-width:1px;
}
#bltparam{
	position:absolute;
	top:45px;
	height:80px;
	width:100px;
	left:660px;

}
/**  Blast result */
#bltout{
 /*top:auto;*/
/* top:180px;*/
 width:100%;
 position:relative;
}
#bltstat{
	position:absolute;
	top:0px;
	left:0px;
	height:15px;
	width:100%;
	text-align:center;
}
#bltouthead{
	 position:absolute;
	top:20px;
	left:0px;
     width:100%;
	height:100px;
	border:#00CCCC 1px dotted;
}
#hit_graph{
	 position:absolute;
     top:130px;
	 left:0px;
	 width:780px;
	 height:300px;
	 overflow:auto;
	 border:#00CCCC 1px dotted;
}
#statdiv{
	position:absolute;
	top:430px;
	left:0px;
	width:780px;
	height:100px;
	overflow:hide;
	border:#00CCCC 1px dotted;
}
#hit_graph div table tbody td div{
	cursor: pointer;
}
/* Blast End*/
/*----search style------------*/
#searchpanel{
	top:10px;
	width:100%;
	height:155px;
	left:0px;
	border:1px #FFCC00 solid;
	position:relative;
}
#searchdiv{
 top:0px;
 position:relative;
 clear:both;
}
#searchbox{
	top:50px;
	left:10px;
	width: 260px;
	height:50px;
	position:absolute;
	font: bold 80% "Courier New", Courier, monospace;
}
#qfieldset{
	clear:left;
	left:0px;
	width:780px;
	position:relative;
  }
#searchtips{
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	padding-top:5px;
	
	padding-left:15px;
	margin:0px;
	font:normal;
  }
#searchtips li{
  list-style-type:circle;
  }
 
 #searchbox span{
	top:10px;
	float:none;
	left:0px;
	
	
}
.strokeblt{
	border-collapse: collapse;
	width:440px;
	left:0px;
	top:20px;	
}

.strokeblt caption {
	text-align: left;
	font: bold 80% "Courier New", Courier, monospace;
	padding-bottom: 0px;
}

.strokeblt td {
	border: 1px solid #AFAFAF;
	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px 4px 2px 4px;
	vertical-align: top;
	height:14px;
	text-align:center;
}



.dirfield {
	border-bottom-width:0px;
	border-left-width: 0px;
	border-right-width: 0px;
   }
 #splitter{
	top:50px;
	left:280px;
	width: 10px;
	height:75px;
	position:absolute;
	border-left-width: 1px;
	border-left-style: outset;
	border-left-color: #2A0000;
}
 #directory{
	top:10px;
	left:320px;
	width:440px;
	position:absolute;
	margin-right:0px;
}

 #resultsbox{
	position:absolute;
	top:auto;
	width:100%;
	left: 0px;
	margin-top: 20px;
}
/*---------index style------*/
#indexdiv{
    position:relative;
    clear:left;
   left:0px;
   width:100%;



 }




 #plantintro{
	top:10px;
	left:0px;
	width:655px;
	height:250px;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
	position:absolute;
	padding-left: 5px;
	padding-right: 5px;
}

 #dbstat{
top:10px;
left:665px;
width:140px;
height:250px;
border-style:solid;
border-width:1px;
border-color:#DDDDDD;
position:absolute;

}

 #fingerprt{
	position:absolute;
	top:280px;
	left:0px;
	width:385px;
	height:400px;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
	padding-left: 5px;
	padding-right: 5px;
}
 #taxonomy{
	position:absolute;
	top:280px;
	left:395px;
	width:385px;
	height:400px;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
	font-size:12px;
	padding-left: 5px;
	padding-right: 5px;
}
#idx_ref{
position:relative;
top:690px;
left:0px;
width:780px;
height:auto;
border-style:solid;
border-width:1px;
border-color:#DDDDDD;
font-size:12px;


}
#plantintro img{
  position:absolute;
  top:10px;
  left:10px;
  width:150px;
  height:80px;
  z-index:1;

  }
  
 #plantintro p{
 position:relative; top:0px; z-index:10; line-height:16px; text-align:justify; font-size:12px; font-family:Arial, Helvetica, sans-serif;
  margin-right:5px;
 }
 .leftem{ display:block; float:left; height:100px; clear:left; overflow:hidden; width:170px;}


#fingerprt img{
	position:absolute;
	top:10px;
	right:10px;
	width:150px;
	height:100px;
	z-index:1;
}

#fingerprt p{
 position:relative; top:0px; z-index:10; line-height:16px; text-align:justify; font-size:12px; font-family:Arial, Helvetica, sans-serif;
  margin:0px;

}
.rightem{display:block; float:right; height:100px; clear:right; overflow:hidden; width:170px;}



#taxonomy p{
 position:relative; top:0px; z-index:10; line-height:16px; text-align:justify; font-size:12px; font-family:Arial, Helvetica, sans-serif;
  margin:0px;

}
.downem{display:block; float:right; height:300px; clear:right; overflow:hidden; width:305px;}

/*help style*/
#helpdiv{
 top:25px;
 clear:both;
 position:relative;
}
#helplist{
	top:20px;
	left:20px;
	margin-bottom: 10px;
}
#helplist ul li{
	list-style: inside disc !important;
	text-indent: 30px;
}
/*update style*/
#updatediv {
    top: 20px;
    clear: both;
    text-align: left;
    padding-left: 50px;
    position: relative;
}
.hidden_list{
	/*position: absolute;
		float: left;*/
	padding: 10px;
	left:25%;
	top:10px;
	position: absolute;
	background:#FFFFFF;
	width: 400px;
	height: 600px;
	overflow-y: scroll;
	border-style: solid;
	border-width:1px;
	border-color :#666666;
	text-align: left;
	font-size:12px;
	list-style:disc;
	z-index:900;
}
.hide {
	display:none;
}