﻿html 
{
	height: 100%; 
	max-height: 100%;  
	padding: 0; 
	margin: 0; 
	border: 0; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
}

body 
{
	height: 100%;
	max-height: 100%; 
	overflow: hidden; 
	padding: 0; 
	margin: 0; 
	border: 0;
	background-color: #c9dae9;
	color: Black;
	font-family: Arial, Sans-Serif;
}

#main
{
	height: 100%;
	max-height: 100%;
	overflow: auto;
	position: relative;
	padding: 0px 24px 0px 168px;
	z-index: 1;
}

#narrow
{
	height: 100%;
	max-height: 100%;
	overflow: auto;
	position: relative;
	padding: 0px 24px 0px 84px;
	z-index: 1;
}

#demo
{
	position: absolute;
	top: 4;
	padding: 0px 24px 0px 84px;
}

#top 
{
	position: fixed;
	right: 24px;
	border-bottom: solid 1px Black;
	border-right: solid 1px Black;
	height: 78px;
	width: 100%;
	text-align: right;
	color: Black;
	background-color: White;
	background-image: url(top_left_banner.png);	
	background-repeat: no-repeat;
	background-position: 24px 0px;
	overflow: hidden;
	z-index: 3;
}

* html #top, * html #left-menu 
{
	position: absolute;
}

#left-menu
{
	position: fixed;
	top: 0;
	left: 0;
	width: 152px;
	color: Black;
	background-color: White;
	font-size: 11pt;
	z-index: 2;
}

#left-narrow
{
	position: fixed;
	top: 0;
	left: 0;
	width: 76px;
	color: Black;
	background-color: White;
	font-size: 11pt;
	z-index: 2;
}

a.left-menu
{
	text-decoration: none;
	color: Black;
	background-color: Transparent;
}

div.left-menu
{
	width: 152px;
	border-left: sold 1px Black;
}

div.left-off 
{
	border-bottom: solid 1px Black;
	border-right: solid 1px Black;	
	padding: 4px;
	color: Black;
	background-color: #ffffff;
	overflow: hidden;
}

div.left-on 
{
	height: 16;
	border-bottom: solid 1px Black;
	border-right: solid 1px Black;	
	color: Black;
	background-color: #b8005c;
	padding: 4px;
}

div.left-sub-off 
{
	border-bottom: solid 1px #000000;
	border-left: solid 1px Black;
	border-right: solid 1px Black;
	color: Black;
	background-color: #ffffff;
	padding: 4px;
}

div.left-sub-on 
{
	border-bottom: solid 1px Black;
	color: Black;
	background-color: #b8005c;
	padding: 4px;
}

div.left-sub-last 
{
	border-bottom: solid 1px #b8005c;
	color: Black;
	background-color: #b8005c;
	padding: 4px;
}

div.main-index
{
	overflow: hidden;
	position: absolute;
	width: 152px;
	padding: 0px 0px 0px 4px;
	color: Black;
	z-index: 1;
}

div.mid-off 
{
	border-bottom: solid 1px Black;
	border-left: solid 1px Black;	
	border-right: solid 1px Black;	
	padding: 4px;
	color: Black;
	background-color: #ffffff;
	overflow: hidden;
}

div.mid-on 
{
	height: 16;
	border-bottom: solid 1px Black;
	border-left: solid 1px Black;	
	border-right: solid 1px Black;	
	color: Black;
	background-color: #b8005c;
	padding: 4px;
}

td.libraries
{
	background-color: #ffffff;
	padding: 4px;
}

td.exons
{
	text-align: center;
	color: #ffffff;
	height: 37px;
	width: 180px;
	margin: 4px;
	font-weight: bold;
}