/* RoR generated autocomplete elements */
#gene_term {
	float:left;
	#margin-left:15%;
	#margin-left:0px;
}

#helpLink {
	float:left;
	font-weight:bold;
	font-size:1.3em;
	margin-top:3px;
}


div.auto_complete {
	width: 320px;
	background: #fff;
        z-index:100;
}

div.auto_complete ul {
	border:1px solid #888;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
}

div.auto_complete ul li {
	margin:0;
	padding:3px;
}

div.auto_complete ul li.selected {
	background-color: #ffb;
}

div.auto_complete ul strong.highlight {
	color: #800;
	margin:0;
	padding:0;
}

/*
    Vertical Accordion styles
*/

.accordion_toggle {
    display: block;
    height: 24px;
    width: 680px;
    background: #2F6200;
    padding: 0 10px 0 10px;
    line-height: 24px;
    font-weight: normal;
    text-decoration: none;
    outline: none;
    font-size: 12px;
    color: #FFFFFF;
    border-bottom: 1px solid #cde99f;
    cursor: pointer;
    margin: 0 0 0 0;
}

.accordion_toggle_active {
    background: #E9EFDE;
    color: #000000;
    border-bottom: 1px solid #9FC27D;
}

.accordion_content {
    background-color: #ffffff;
    color: #444444;
    overflow: hidden;
}

    .accordion_content h2 {
        margin: 15px 0 5px 10px;
        color: #0099FF;
    }

    .accordion_content p {
        line-height: 150%;
        padding: 5px 10px 15px 10px;
    }

.vertical_accordion_toggle {
    display: block;
    height: 24px;
    width: 600px;
    background: #2F6200;
    padding: 0 10px 0 10px;
    line-height: 24px;
    font-weight: normal;
    text-decoration: none;
    outline: none;
    font-size: 12px;
    color: #FFFFFF;
    border-bottom: 1px solid #cde99f;
    cursor: pointer;
    margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
    background: #E9EFDE;
    color: #000000;
    border-bottom: 1px solid #9FC27D;
}

.vertical_accordion_content {
    background-color: #ffffff;
    color: #444444;
    overflow: hidden;
}

    .vertical_accordion_content h2 {
        margin: 15px 0 5px 10px;
        color: #0099FF;
    }

    .vertical_accordion_content p {
        line-height: 150%;
        padding: 5px 10px 15px 10px;
    }


/* Vertical Nested Container styling*/
#vertical_nested_container {
  margin: 20px auto 20px auto;
  width: 620px;
}

#nested_hippocampus {
  margin: 20px auto 20px auto;
  width: 620px;
}

#nested_amygdala {
  margin: 20px auto 20px auto;
  width: 620px;
}

#nested_ventralstriatum {
  margin: 20px auto 20px auto;
  width: 620px;
}

#nested_primaryvisualcortex {
  margin: 20px auto 20px auto;
  width: 620px;
}

#nested_age0 {
  margin: 20px auto 20px auto;
  width: 620px;
}

#nested_age3 {
  margin: 20px auto 20px auto;
  width: 620px;
}

#nested_age12 {
  margin: 20px auto 20px auto;
  width: 620px;
}

#nested_age48 {
  margin: 20px auto 20px auto;
  width: 620px;
}

.gene_list {
    height: 25em;
    white-space: nowrap;
    overflow: scroll;
}

/* Accordion gene search elements */
.pan_gene {
    color: #3300CC;
    font-weight: bold;
}

.ortho_sym {
    color: #A0A0A0;
}