/* ht_clear put in after all ht_items - I think that it still needs work... the comments following are from another "clear" function - might be useful??*/
.ht_clear{ 	float: none; display:block; clear:both; margin: 0; padding: 0; overflow:hidden; visibility:hidden;width: 0;height: 0; border: 0;outline:0;}
/*background: none;	list-style: none;	font-size: 0;	visibility: hidden;
*/	


/* this is the menu that appears after dbl-clik on a info category in the ontology - gives a list of operations that can be done (on a genus)
	js is in cateBuild.genusList.js */
#HT_modal_genusMenu div.list_group_item_term:hover{ 
		outline: 1px solid #000;
		cursor:pointer;
		}



/* #genusListDiv the grid_3 box containing the list of all genera - this id is not used - so far 
 * contains the header/title - an h2 right now and the div#genusListContents 
 * #genusListContents is (sofar - perhaps should change h2 out with a div#xxxHeader?) the only div of  #genusListDiv  */
div.ht_box {
		margin:11px 0 11px 0;
		background:#EFEFEF;
		line-height:170%;
		display:block;
		font-size:11px;
		font-weight:500;
		} 

div#ht_genusList div.ht_item{
	width:90%;
	display:block;
	margin-top:3px;
	height:120%;}

div#ht_genusList div.term,	
div#ht_genusList div.value{
	padding: 0 20% 0 7px;
	font-weight:500;
	display:inline;
	float:left;}	

div.desc {
	line-height:1.7; 
	font-size:11px;
	color:#2d2d2d;
	font-weight:500;
	width:65%;
	position: absolute;
	top: 107px; left: 700px; width: 370px; height: 350px;	
	display: block;
	background-color: #EFEFEF;
	border: 3px ridge #2D2D2D;
	padding:13px;
	display:none;
}

	
div#ht_genusList div.ht_item  div.value:hover { font-weight:900;}
div.ht_item  div.desc div.nomenVis { font-weight:600;font-size:12px;}
div.ht_item:hover  > div.desc	   	{ display:block;}

div.ht_item input{ font-size:13.5px; line-height:35px;vertical-align:-73%;margin-left:7px;width:70%;}

div.ht_popup button{ margin-left:30%; width:30%}

div#ht_defnDetails      div.ht_item,
div#ht_morphDetails    div.ht_item,
div#ht_targetDetails  div.ht_item{
	margin: 7px 0px 3px -3px;
	}

div#ht_defnDetails  div.system{ display:none;}

div#ht_defnDetails	div.term,
div#ht_morphDetails  div.term,
div#ht_targetDetails div.term{
	font-weight:700;
	margin:0  0 7px 0;
	text-align:left;color:#111;	
	}	

/* ht_item_val is the same area as div.HTX_ARCA_container, but not focused*/ 
div#ht_defnDetails  		div.value,
div#ht_morphDetails 		div.value,
div#ht_targetDetails 	div.value{
	border: inset 1px #fff;
	font-size: 100%;
	margin: 0 0 0.7em 0;
	padding:0.6em 0.5em 0.7em 0.5em;
	text-align:left;
	background-color:#efefef;
	}
div#ht_defnDetails 	div.value 	div,
div#ht_morphDetails 	div.value 	div,
div#ht_targetDetails div.value 	div{
	margin: 0 0 5px 0;
	}
div#ht_defnDetails 	 div.value div:hover,
div#ht_targetDetails div.value div:hover{
	cursor:pointer; background:#fff;
	}	/* pickup the individual divs INSIDE the div.value */
	
/* ht_item for morphs from ancestors has class=.ancestorMorph - listed in genusDetails header has id='ancestorMorphs"  -need to reset here*/	
div#ancestorMorphs div.ht_item{ margin-top:5px;outline:0; border:0;padding-top: 7px}
div#ancestorMorphs div.value{border:0;outline:0;margin:0; padding:0;	width:94%;display:block;height:23px;}
	
div.targetMorph, div.genusMorph div.term	{ display:inline; font-weight:500;}