/* ----- EXT JS stuff -------- */

/* folder icon of tree nodes */
.x-tree-node-collapsed .x-tree-node-icon{
    background-image: url('../images/folderClose_blue_gray.gif') !important;
    background-repeat: no-repeat;
}
.x-tree-node-expanded .x-tree-node-icon{
    background-image: url('../images/folderOpen_blue_gray.gif') !important;
    background-repeat: no-repeat;
}
.x-layout-collapsed {
	border: none;
	background-color: transparent;
}
.x-panel-body {
	background-color: white;	
	border: none;
}
div#ontopanel {
	/* override EXT JS default */
	padding: -5px -15px;
	margin: -10px -15px;
}
/* --------END OF EXT JS stuff --------*/

#termErr {
	/* err message when clicked on a term not annotated to a strain */
	margin: 30px 0 0 18px;		
}
span.record {
	margin-left: 3px;	
}	
#term_suggest {
	background-color: #CFDFF3;
	margin: -8px -15px 15px -15px;
	padding: 2px 2px 2px 5px;
	font-size: 10px;
	-moz-border-radius: 3px;
}
input#auto_term {
	width: 300px;
}
.ac_input {
	/* term search auto suggestion input box */
	border: none;	
}
.ac_results {
        font-size: 11px;
        width: 325px !important;
        z-index: 5000;
        background-color: white;/*#C5C1AA;*/
        padding: 20px;
        line-height: 20px;       
        border: 1px solid gray; 
}
.ac_results ul li.ac_over {background-color: #CCCCCC; color: black;}	
.ac_over:hover {
        color: black;
        background-color: #CCCCCC;     
        cursor: pointer;      
}

.srchHighlight {
	color: #104E8B;
}
.termfset {
	margin: 0 0 5px 0;
	padding: 5px;
	-moz-border-radius: 5px;
	font-size: 12px;
}
.termfset legend {
	padding: 0 10px;
	font-weight: bold;
	font-size: 11px;
	
}
.termfset a {color: #104E8B;}

div.allele_info a {
	text-decoration: none;
	color: #104E8B;
}
table.alleleList {border-collapse: collapse; width: 100%;}
.alleleList td {
	padding: 3px;
	border-left: none;
	border-right: none;
}
.alleleList td.field {background-color: #EEE8CD;}
.alleleList td.col2 {border-left: 1px solid gray}
.alleleList td a {color: #104E8B;}

/*----- phenoTabs ----*/
div#onto_container{text-align:left; width:100%; margin:0 auto}
div.mpterms{float:left; margin: 3px; width: 40%} /* width controlled by js */
div[id^=term_sum] {
	padding: 5px;
}
div[id^=infoTreeWrapper] {
	float:left; 
	margin: 0; 
	padding: 0;
	width: 58.5%;	
}
div.onto_term_info, div.onto_term_tree {
	font-size: 12px;
}
.header_collapse {
 	background: #CDC8B1 url('../../css/images/left_arrow.gif') no-repeat 99% center;
}
.header_expand {
 	background: #CDC8B1 url('../../css/images/right_arrow.gif') no-repeat 99% center;
}
.partialTreePlus {	
	background: transparent url('../../css/images/plus.gif') no-repeat 96% 50%;	
}
.partialTreeMinus {	
	background: transparent url('../../css/images/minus.gif') no-repeat 96% 50%;	
}
div.onto_term_tree {
	display: none;	
}

div[id^=term_sum], div[id^=term_info_header] {font-weight: bold; font-size: 12px; background-color: #CDC8B1;}	
div[id^=term_info_header] {
	padding: 5px;
	margin-top: 3px;
	cursor: pointer;
}
div#phenoTabs {border: none;}
div#phenoTabs .ui-tabs-panel {padding: 5px;}

#phenoTabs .ui-tabs-nav {
	font-size: 10px;
	background-image: none;
}
ul.listBox {
		margin: 0;
		pardding: 0;
		display: none;		
}
.termGroupIconPlus {
		background: white url('../../css/images/plus.gif') no-repeat 0px 7px;		
}
.termGroupIconMinus {
		background: white url('../../css/images/minus.gif') no-repeat 0px 7px;		
}

div.mpterms div[id^=group] {
		margin: 0;
		padding: 2px 0 2px 15px;
		font-weight: bold;
		font-size: 11px;
		cursor: pointer;
}	

div.mpterms ul {list-style: none;}
div.mpterms ul li {
		border-bottom: 1px dashed #CDC8B1;
		font-size: 10px;
		padding-left: 15px;
		margin: 0 5px 0 0;
}
ul.listBox li a {
		display: block;	
		color: #104E8B;
		padding: 3px;
}
ul.listBox li a:hover {		
		background-color: #EEE9BF;
		text-decoration: none;
}

div.partialTree {
	cursor: pointer;
}

ul.genotype {
	list-style-type: circle;	
}
/*------- end of phenoTabs ----*/