body {
	font-family: Verdana, Tahoma, Arial;
	font-size:0.8em;
	margin: 0px;
	min-width:60em;
}

a {
	color:#405384;
}

form {
	margin:0px;
	padding:0px;	
}

.inhalt{
	padding-top:1em;
  	padding-left: 1em;
  	padding-right: 1em;
  	min-width: 16em; 
  	background:#FFFFFF;
  	padding-bottom: 20px;
}

h1 {
	color: #1B2338;
	font-size: 2em;
	font-weight: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h2 {
	color: #1B2338;
	font-size: 1.5em;
	font-weight: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}
h3 {
	color: #1B2338;
	font-size: 1em;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom:0.5em;
}
h4 {
	color: #000000;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom:0.5em;
}


.kopfzeile {
	color:#FFFFFF;
	background: #1B2338 url(../img/m_lepra_k.jpg) no-repeat top right;
	font-size: 2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
}

.left{
	position:absolute;
	width:118px;
	color:white;
	background-color:#EEEEEE;
	border-top:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	margin-top:20px;
	left: 0px;
}

.left a{
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:black;
	background-color:#EEEEEE;
	border-right:1px solid #EEEEEE;
	border-top:1px solid #EEEEEE;
	border-bottom:1px solid #EEEEEE;
	padding:5px;
	padding-right:10px;
	text-align: right;
}

.left a:hover{
	color: white;
	background-color: #1B2338;
}

.nav {
	padding-left:20px;
	color:black;
	background-color: #EEEEEE;
	border-bottom:1px solid #DDDDDD;
}

.fusszeile{
	clear: both;
	margin: 0;
	text-align: center;
	padding-top:1em;
	color:#888888;
}

/* --- Links on index page --- */
.indexLink{
	/*font-size:1.2em;*/
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:10px;
	width:15em;
	background:#EEEEEE;
	vertical-align: top;
}



/* --- Input area --- */

.inputarea {
	padding:0.4em;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	background:#FAFAFA;
}

.inputarea h1{
	margin-top:0px;	
}

.explainarea{
	padding:3px;
	font-size:0.8em;
}

/* --- Switch panels --- */

.switchHeader{
	background: #C3C3C3 url("../img/grayGradientD.gif") repeat-x top;
	font-family: Verdana, Tahoma, Arial;
	/*font-size:100%;*/
}

.switchBody{
	/*padding:0px;
	margin:0px;*/
	font-family: Verdana, Tahoma, Arial;
}

.switchOuter{
	border:1px outset #DDDDDD;
	padding:0px;
	margin:0px;	
	font-family: Verdana, Tahoma, Arial;
	font-size:100%;
}

/* --- Datatables, for showing database-contents, search results etc --- */

.datatable{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	max-width:100%;
	cursor:default;
	border:1px solid #DDDDDD;
}

.datatable .header{
	background: #C3C3C3 url("../img/grayGradientD.gif") repeat-x top;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	color:black;
	font-size: 0.8em;
}

.datatable img{
	border:none;
}

.datatable .header a{
	color:black;
}

.datatable td, .borderedCell{
	border-top:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
	
	padding-left:4px;
	padding-right:4px;
	white-space:nowrap;
}

.datatable .c{
	text-align: center;
}

.datatable .tableTree{
	border-right:1px solid #DDDDDD;
	border-top:none;
	border-bottom:none;
	padding:0px;
	padding-left:200px;	
}

.bC{
	border:1px solid #BBBBBB;
	white-space:nowrap;
}

.r {
	background-color: orange;	
}

/* user strain */
.rU {
	background-color: #FFFFAA;
}

/* user strain + spacing top (for batch-table) */
.rUT{
	background-color: #FFFFAA;
}

/* comparison strain */
.rC {
	background-color: #FFAAAA;
}

/* user + comparison strain */
.rUC {
	background-color: #FFCCAA;
}

/* row highlighted */
.rDIFF{
	background-color: red;
}

/* --- MIRUs etc --- */

/** Marked Miru Type cell */
.mmtc{
	
	border-bottom:1px solid #BBBBBB;
	text-align:right;
	background:#FFAAAA;
}
/** MIRU Type cell*/
.mtc{
	
	border-bottom:1px solid #BBBBBB;
	text-align:right;
}

/* --- Scroller under datatable --- */

.scroller {
	margin-top:5px;	
}

.scroller img {
	border:none;
	vertical-align:middle;
}

.scroller td {
	padding-left:4px;
	padding-right:4px;
	vertical-align:middle;
}

/* --- Tabs --- */
.dtab  a {
	text-decoration: none;
	color: #000000;
}

.filltab {
	background-color: none;
	border: none;
	padding: 2px;
	display: inline;
}


.filltabL {
	background: transparent url("../img/tabLeftI.gif") no-repeat left top;
	border: none;
	margin: 0px;
	display: inline;
	padding-bottom: 5px;
	padding-top: 5px;
}

.filltabR {
	background: transparent url("../img/tabRightI.gif") no-repeat right top;
	border: none;
	width: 8px;
	margin: 0px;
	padding: 0px;
	display: inline;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-right: 5px;
}

.filltabLI {
	background: transparent url("../img/tabLeft.gif") no-repeat left top;
	border: none;
	margin: 0px;
	display: inline;
	padding-bottom: 4px;
	padding-top: 5px;
}

.filltabRI {
	background: transparent url("../img/tabRight.gif") no-repeat right top;
	border: none;
	width: 8px;
	margin: 0px;
	display: inline;
	padding-bottom: 4px;
	padding-top: 5px;
	margin-right: 5px;
	max-width: 10px;
	overflow: hidden;
}

.activetab {
	display: inline;
	font-weight: bold;
	border: none;
	background: #4C4632 url("../img/tabTopLine.gif") repeat-x top;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	color:#FFFFFF;
}

.dtab {
	display: inline;
	background: white url("../img/tabTopLine.gif") repeat-x top;
	border: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-top: 5px;
	margin-top:4px;
}

.maintab {
	background-color: white;
	border: solid 1px #AAAAAA;;
	padding: 10px;
	margin-top: 4px;
}


/* --- Column select boxes --- */

.explain {
	font-size:1em;
	position:relative;
}

.explainbox1{
	display:block;
	margin:0px;
	padding-left:0px;
	background:#4C4632;
	width:2em;
	padding:5px;
	/*text-align:right;*/
}

.explainbox2{
	text-decoration:none;
	color:#FFFFEE; 
}

/* --- Details table --- */

.detailstable{
	border-collapse: collapse;
	background: white;
	margin:1em;
}

.detailstable td{
	vertical-align: top;
	border-top: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	padding:2px;
}

.detailstable .invisibleCell{
	border:none;	
}

.idTable{
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	max-width:100%;	
}

.idCell{
	border:1px solid #BBBBBB;
	background: #BBBBBB;
	color:black;
	text-align: center;
	padding:2px;
	font-size: 0.7em;
}

.typeCell{
	border:1px solid #BBBBBB;
	text-align: center;
	padding:2px;
}

.invisibleCell{
	border:none;
	font-size:5px;	
}

/* Color table for draw map*/
.colortable {
	border:1px solid black;
	padding:5px;
	margin-top:10px;
}

/* context menu */
.skin0{
	position:absolute;
	width:17em;
	border:2px outset gray;
	padding:3px;
	background-color:white;
	z-index:100;
	display:none;
}

.menuitems img{
	vertical-align:middle;
	border:none;
	margin-right:5px;
}

.menuitems{
	display:block;
	padding-left:2px;
	padding-right:10px;
	cursor: default;
	text-decoration: none;
	background-color:white;
	color:black;
}

.menuitems:hover{
	background-color:#AAAAAA;
}

/* import table */
.importHeader {
	font-weight:bold;
	text-align:center;
}

/* tooltip */
#tooltip{
	position:absolute;
	display:none;
	background-color: #FFFF88;
	border:1px solid black;	
	max-width: 20em;
	padding:0.2em;
	z-index: 5;
}

/* msgbox header */
#msgbox h1{
	margin-top:0px;
	margin-bottom:0px;
	padding:0.4em; 
	background-color:#1B2338;
	color:white;
}

/* shading of mirus */
.v0{
	background-color:#ffffff
}

.v1{
	background-color:#f0f2ff
}

.v2{
	background-color:#e0e5ff
}

.v3{
	background-color:#d1d9ff
}

.v4{
	background-color:#c2ccff
}

.v5{
	background-color:#b2bfff
}

.v6{
	background-color:#a3b2ff
}

.v7{
	background-color:#94a6ff
}

.v8{
	background-color:#8499ff
}

.v9{
	background-color:#758cff
}

.v10{
	background-color:#667fff
}

.v11{
	background-color:#5673ff
}

.v12{
	background-color:#4766ff
}

.v13{
	background-color:#3859ff
}

/* table with miru loci list */
.mirulocitable{
	text-align:center;
	
	border-collapse: collapse;
}
.mirulocitable .h{
	border:1px solid #AAAAAA;
	background-color: #AAAAAA;
	white-space: nowrap;
}

.mirulocitable .g{
	padding:0.2em;
	padding-left:0.5em;
	padding-right:0.5em;
	background-color: #DDDDDD;
	border-bottom:1px solid #AAAAAA;
	border-top:1px solid #AAAAAA;
	white-space: nowrap;
}
.mirulocitable .b{
	padding:0.2em;
	padding-left:1em;
	padding-right:1em;
	border:1px solid #DDDDDD;
	
}

/* progress table for wizards */
.progressTable{
	border-collapse: collapse;
	background:white;
}
.progressTable td{
	border: 1px solid gray;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}
.progressTable td.filler{
	border:none;
	background: transparent url("../img/line.gif") repeat-x center;
	width:20px;
	padding:0px;
}

.progressTable td.selected{

}

.progressTable td.selectedorange{
	background: #FFDDAA url("../img/orangeGradient.gif") repeat-x top
}

.progressTable td.selectedyellow{
	background: #FFDDAA url("../img/yellowGradient.gif") repeat-x top
}

.red{
	background: #FFAAAA url("../img/redGradient.gif") repeat-x top;
	font-size:1em;
	width:17em;
	padding:10px;
	border:1px solid #AF7575;
	font-weight:bold;
}

.redS{
	background: #FFAAAA url("../img/redGradient.gif") repeat-x top;
	font-size:1em;
	width:15em;
	padding:5px;
	border:1px solid #AF7575;
	border-left:none;
}
.redS:hover{
	background: #AF7575;
}
.orange{
	background: #FFDDAA url("../img/orangeGradient.gif") repeat-x top;
	
	width:20em;
	padding:10px;
	border:1px solid #CCB188;
	font-weight:bold;
}

.orangeS{
	background: #FFDDAA url("../img/orangeGradient.gif") repeat-x top;
	font-size:1em;
	width:20em;
	/*padding:5px;*/
	border:1px solid #CCB188;
	/*border-left:none;*/
	text-decoration: underline;
	color:#405384;
	
}
.orangeS:hover{
	background: #CCB188;
}
.yellow{
	background: #FFFFAA url("../img/yellowGradient.gif") repeat-x top;
	font-size:1em;
	width:17em;
	padding:10px;
	border:1px solid #C6C685;
	font-weight:bold;
}

.yellowS{
	background: #FFFFAA url("../img/yellowGradient.gif") repeat-x top;
	font-size:1em;
	width:20em;
	/*padding:5px;*/
	border:1px solid #C6C685;
	/*border-left:none;*/
	text-decoration: underline;
	color:#405384;
}
.yellowS:hover{
	background: #C6C685;
}
.blue{
	background: #F0F2FF url("../img/blueGradient.gif") repeat-x top;
	font-size:1em;
	width:17em;
	padding:10px;
	border:1px solid #BCBEC6;
	font-weight:bold;
}

.blueS{
	background: #F0F2FF url("../img/blueGradient.gif") repeat-x top;
	font-size:1em;
	width:20em;
	/*padding:5px;*/
	border:1px solid #BCBEC6;
	/*border-left:none;*/
	text-decoration: underline;
	color:#405384;
}
.blueS:hover{
	background: #BCBEC6;
}
.gray{
	background: #DDDDDD url("../img/grayGradient.gif") repeat-x top;
	font-size:1em;
	width:36em;
	padding:10px;
	border:1px solid #999999;
	font-weight:bold;
}

.grayS{
	background: #DDDDDD url("../img/grayGradient.gif") repeat-x top;
	font-size:1em;
	width:20em;
	/*padding:5px;*/
	border:1px solid #999999;
	/*border-left:none;*/
	text-decoration: underline;
	color:#405384;
}
.grayS:hover{
	background: #999999;
}

/* --- Tabbed pane --- */

.tab{
	white-space: nowrap;
	padding:4px;
	text-align:center;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
}
.selectedTab{
	white-space: nowrap;
	padding:4px;
	text-align:center;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	background-color:#DDDDDD;
}
.tabarea{
	background-color:white;
	padding:1em;
	border:1px solid #DDDDDD
}

/* HELP pages */
.helpHeader{
	color:#FFFFFF;
	background-color: #1B2338;
	font-size: 2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	margin:0px;
}

/* Colortable */
.colortable a {
	color:black;
	text-decoration: none;
}

pre {
	font-size:120%;
}