@charset "UTF-8";
body {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	background-color: #999;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	background-color: #515152;
	width: auto;
}
.footer {
	background-color: #515152;
	color:#DDD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: auto;
	clear:both;
}
.fieldset_style {
	font-size:10px;
	color:#690802;
	border:1px solid #7D302F;
}
.fieldset_legend {
	color:#690802;
}
.button_style {
	font-size:11px;
}
.selector {
	float: left;
	width: 70%;
	background-image: url(../Images/bg_fine-grain_10_f8f7f6_60x60.png);
	font-family:"Arial";
}
.topic {
	display:none;
}
.help_topic {
	float: left;
	width: 70%;
	background-image:url(../Images/bg_fine-grain_10_f8f7f6_60x60.png);
	font-family:"Arial";
}
#selector_method {	
	float:left;
}
.scolumns {
	-webkit-column-width:180px;
	-moz-column-width:180px;
	column-width:180px;
	font-size:14px;
	margin:5px;
}
.scolumnsid {
	-webkit-column-width:200px;
	-moz-column-width:200px;
	column-width:200px;
	font-size:14px;
	margin:5px;
}
.sheight {
	width: auto;
	overflow:auto;
	max-height:500px;
	height:auto;
}
.scolumnsa {
	-webkit-column-width:300px;
	-moz-column-width:300px;
	column-width:300px;
	font-size:14px;
	margin:5px;
}
.sheighta {
	overflow:auto;
	max-height:500px;
	height:auto;
}
.scolumnsb {
	font-size:12px;
	margin:5px;
}
.headings {
	font-weight:bold; 
	font-style:italic; 
	color:#150182; 
	padding-top:10px; 
	cursor:default;
}
.bolded {
	font-weight:bold;
}
.indent {
	border-left: 1px solid #150182;
}
.rowselected {
	background-image:url(../Images/bg_fine-grain_15_eceadf_60x60.png); 
	cursor:default;
}
.rownormal {
	cursor:pointer;
}
.na {
	color:#999;
}
.search_col {
	font-size:14px;
}
.each_search_col {
	width:210px; 
	float:left;
}
.slides {
	float: left;
	width: 20%;
	overflow:auto;
	/* max-height:500px; */
	height:auto;
	background-image:url(../Images/bg_fine-grain_15_eceadf_60x60.png);
}
.slidesa {
	float: left;
	width: 30%;
	overflow:auto;
	/* max-height:500px; */
	height:auto;
	background-image:url(../Images/bg_fine-grain_15_eceadf_60x60.png);
}
.slide_style {
	cursor:copy;  
	margin-top:4px;
}
.slide_name {
	color:#150182; 
	font-weight:bold;
	font-size:14px;
}
.slide_image {
	width:64px; 
	height:64px; 
	float:left;
}
.slide_info {
	float:left; 
	margin-left:6px; 
	color:#000; 
	font-size:10px;
}
.view_info {
	float:left; 
	margin-left:3px; 
	color:#000; 
	font-size:10px;
}
.view-control {
	float: right;
	width: 10%;
	background-image: url(../Images/bg_fine-grain_10_viewer_60x60.png);
}
.view_style {
	font-size:12px;
	color:#000;
}
#vc-slides {
	color:#000;
	font-size:10px;
}
.vc-slide-name {
	color: #150182;
	font-size:12px;
	margin-top:5px;
}
.view_image {
	width:48px; 
	height:48px; 
	float:left;
}
#by-type {
	display:inline;
}
#by-specimen {
	display:none;
}
#by-ID {
	display:none;
}
#by-search {
	display:none;
}
.indent {
	text-indent:.5em;
}
.tab_content {
	font-size:12px;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black; If you want dots under the hoverable text */
	cursor:copy;
}
/* results tab */
.resultLabelName {
	font-weight: bold;
	text-decoration:underline;
	cursor: pointer;
}
resultLabelDescription {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.handpointer {
	cursor:pointer;
}
.resultField {
	width: 40ch;
}
.responseField {
	width: 65ch;
}
.chatField {
	width:55ch;
}
.faculty-question {
	font-style:italic;
	background-color:#C2A7D5;
}
.faculty-response {
	background-color:#C2A7D5;
}
.nameStyle {
	font-weight:600;
}
.sliceList {
	height:120px; 
	width: 1100px; 
	overflow-x:scroll; 
	overflow-y: hidden; 
	white-space:nowrap; 
	margin-left:5px;
	cursor: pointer;
	border:thin 1px #494848;
}
.brainSliceImage {
	display:inline-block;
	border:1px solid #CCCCCC; 
	position: relative;
}
.brainSliceText {
	position:absolute; 
	left:2px; 
	top: 2px;
	background-color:#FFFFFF;
	padding-right:2px;
	color:#9d459a;
}
.sliceListTitle {
	font-weight:semibold;
	font-size:18px;
	margin-left:10px;
	color:#512450;
}
.brainSliceImageC {
	height:100px; 
	width:130px; 
}
.brainSliceImageH {
	height:100px; 
	width:76px; 
}
.brainSliceImageO {
	height:100px; 
	width:93px; 
}
.brainSliceImageS {
	height:100px; 
	width:128px; 
}