body {
	background-color: #AAA;
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*alert class taken from http://www.bioneural.net/2006/04/01/create-a-valid-css-alert-message/ */
.alert {
	background: #fff6bf url(images/alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

.bodyline	{ background-color: #FFFFFF; border-left: 1px #98AAB1 solid; border-right: 1px #98AAB1 solid;}
.bodylineBottom { background-color: #FFFFFF; border-left: 1px #98AAB1 solid; border-right: 1px #98AAB1 solid; border-bottom: 1px #98AAB1 solid;}

.updatetag{
	background: #edede5;
	text-align: center;
	font-weight:bold;
	font-size:90%;
	border: 1px solid #ccc;
	color: #069;
	float:left;
	padding: 2px 5px 2px 5px;
	width:100px;
	margin-bottom:5px;
	margin-right:5px;
	margin-top:1px;
	margin-left:1px;
}

a.navsectionlink{
	background: #edede5;
	text-align: center;
	font-weight:bold;
	font-size:75%;
	border: 1px solid #ccc;
	color: #069;
	float:left;
	padding: 2px 5px 2px 5px;
	width:200px;
	margin-bottom:5px;
	margin-right:5px;
	margin-top:1px;
	margin-left:1px;
	text-decoration:none;
}

a.navsectionlink:hover{
	background: #fff;
	color: #069;
	text-decoration:none;
}

.updateheader{
	width:95%;
	border: 1px solid #069;
	background: #edede5;
	text-align: center;
	font-weight:bold;
	font-size:90%;
	color: #069;
	clear:both;
	padding: 2px 5px 2px 5px;
	margin: 1px;
}

.indexsearchbox{
	background: #edede5;
	text-align: center;
	padding: 5px 20px 5px 45px;
	border-bottom: 1px solid #ccc;	
	top:-10px;
}

.greytext{
	color:#888;
}

.index-text-holder {

	background: #edede5;
	text-align: justify;
	font-size:100%;
	border: 2px solid #069;
	padding: 9px 9px 9px 9px;
	border-left:none;
	border-right:none;
	overflow:auto;
	width:100%;
}

.image-caption {
	font-size:70%;
	font-style:italic;
	clear:both;
}

.dropcap {
  float: left;
  font: normal 50pt/0.7em Helvetica, Verdana, Arial, sans-serif;
  color: #069;
  margin-right: 3px;
}

.indexsearch{
	margin-left: auto;
	margin-right: auto;
	/*background:#dfefff;*/
	width: 275px;
	height: 25px;
	text-align:left;
	border: 1px solid #069;
	font-size:120%;
}

.indexsearchbutton{
	font-size:120%;
	font-weight:bold;
	border:2px outset #006699;
	background:#006699;
	color:#FFF;
	height:30px;
}

.headersearch{
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	height: 20px;
	text-align:left;
	border: 1px solid #069;
	font-size:120%;
}

.headersearchbutton{
	font-size:100%;
	font-weight:bold;
	border:2px outset #006699;
	background:#006699;
	color:#FFF;
	height:25px;
}

/*Front page navigation menu*/
.menu2 {
	width: 300px;
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-style: none solid none solid;
	border-color: #D8D5D1;
	border-size: 1px;
	border-width: 1px;
	margin: 0px;
	padding: 0px;
	}
	
.menu2-header {
	font-weight:bold;
	color:#FFD34F;
	background: url(images/menu-header.gif);
	height: 24px;
	text-decoration: none;
	padding: 8px 0 0 30px;
	}
	
.menu2 ul{
	list-style: none;
	margin:0px;
	padding:0px;
}
	
.menu2 li a {
	height: 24px;
	text-decoration: none;
	}	
	
.menu2 li a:link, .menu2 li a:visited {
	color: #069;
	display: block;
	font-weight:bold;
	background:  url(images/menu.gif);
	padding: 8px 0 0 30px;
	}
	
.menu2 li a:hover {
	color: #3688BA;
	background:  url(images/menu.gif) 0 -32px;
	padding: 8px 0 0 32px;
	}

a.linkbutton, a.linkbutton:active, a.linkbutton:visited {
	
	font-weight: bold;
	text-decoration: none;
	font-size:70%;
	text-align: center;
	color:#006699;
	border: solid 1px #006699;
	background-color: #FFF;
	padding: 1px 2px 1px 2px;
	margin-right:1px;
}

a.linkbutton-selected, a.linkbutton-selected:active, a.linkbutton-selected:visited {
	
	font-weight: bold;
	text-decoration: none;
	font-size:70%;
	text-align: center;
	color:#FFF;
	border: solid 1px #006699;
	background-color: #006699;
	padding: 1px 2px 1px 2px;
	margin-right:1px;
}

a.linkbutton:hover {
	background-color:#fff6bf;
}

/* Tab based navigation*/
#tabcontainer
	{
		padding: 0px;
		margin: 0px;
		border: none;
		background: #fff;
		position:relative;
	}

#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
		margin-bottom:10px;
		padding-bottom:0px;
		margin-top:5px;
		background: url(../images/tab_bottom.gif) repeat-x bottom;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}


#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #edede5;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #069;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		
		background: #fff;
		color: #000;
	}

#tabnav a:hover
	{
		background: #fff;
	}


#tabnav a:link.rightnav, #tabnav a:visited.rightnav
	{
		position:absolute;
		border:none;
		background: #fff;
		top:-13px;
		right:0;
	}
                        .boxgrid{
                                width: 325px;
                                height: 260px;
                                margin:10px;
                                float:left;
                                background:#161613;
                                border: solid 2px #8399AF;
                                overflow: hidden;
                                position: relative;
                        }
                                .boxgrid img{
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        border: 0;
                                }
                                .boxgrid p{
                                        padding: 0 10px;
                                        color:#afafaf;
                                        font-weight:bold;
                                        font:10pt "Lucida Grande", Arial, sans-serif;
                                }

                        .boxcaption{
                                float: left;
                                position: absolute;
                                background: #000;
                                height: 100px;
                                width: 100%;
                                opacity: .8;
                                /* For IE 5-7 */
                                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
                                /* For IE 8 */
                                -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
                        }
                                .captionfull .boxcaption {
                                        top: 260;
                                        left: 0;
                                }
.caption .boxcaption {
        top: 230px;
	left: 0;
}
.boxcaption h3{
margin-top: 0.5em;
margin-left: 0.2em;
}
div.tickLabels{
	font-size: 0.7em;
}
h4 {
	background-color: #CFE8FB;
	padding: 0.2em;
	margin-bottom: 0.5em;
	font-size: 0.8em;
}
ul {
	margin: 0;
}
.round_corner {
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
.css-vertical-text {
	color:#333;
	border:0px solid red;
	writing-mode: tb-rl;
	filter: flipv fliph;
	overflow: visible;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
}
a.link {
	text-decoration: underline;
	color: #2E6E9E;
	cursor:pointer;
}
a.link:hover {
}
ul{
	list-style-position: inside;
}
.tissueName {
	margin:0;
}
.mouse_gallery{
	background-color: #BFBFBF;
    float: left;
    margin-right: 5px;
    padding-left: 2px;
    padding-right: 2px;
    height: 90px;
    min-height: 95px;
    max-height: 95px;
    margin-bottom: 5px;
	margin-left: 5px;
}
#lacz_table{
	width: auto;
	background-color: white;
}
#lacz_table td{
	padding: 0px;
}
.tissue-category-header:hover {
	background-color: #98AFC7;
	cursor:pointer;
}
.komp-ui-button:hover {
	cursor:pointer;
}
.lacz_thumbnail{
    float: left;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    height: 125px;
    min-height: 125px;
	max-height: 125px;
	border: 0.1em black solid;
}
.lacz_thumbnail .male{
}
.lacz_thumnail .female{
}
.heatmap_gene{
	font-size: 0.7em;
	color: black; 
	float: left; 
	border: solid 1px #358bb1;
	background-color: #F3FCFF; 
	margin: 1px 2px 2px 2px; 
	padding: 1px 5px 2px 5px;
	width: 95px;
	text-align: center;
}
.heatmap_gene:hover {
	background-color: white;
	color: black;
	cursor:pointer !important;
}
.heatmap_gene a {
	text-decoration: none;
}
#dialogDiv {
}
#dialogDiv #brain_image_div{
	text-align: center;
}
#dialogDiv #brain_annotation_div{
	font-size: 0.6em !important;
}
#dialogDiv #brain_annotation_div table tr th{
	text-align: left;
	color: #2E6E9E;
}
#dialogDiv #brain_annotation_div table tr td{
	padding: 0px;
}
tr.row1 {
        background-color:#FFFFFF;
}
tr.row0 {
        background-color:#F0F0F6;
}
.fakelink:hover {
 	cursor: pointer;
}