body
{
	padding: 2em;background:#aaaaaa;color: #444444;text-align: center; 
}

h1,h2,h3,p{margin: 0;padding: 0 1em;font-weight:normal}

h1{font-size: 250%;letter-spacing: 1px;font-weight:bold;color: #FFFFFF;}
h2{font-size: 125%;vertical-align:center;}
h3{font-size: 100%;}
p{padding: 0 1em 1.5em}

legend{font-size: 125%;}
form {text-align:left; margin-bottom:0.5em;}
fieldset{line-height:1.5;text-align:left;border:1px gray solid;padding:0.8em;}
table{border:0;margin:0;padding:0;}
tr{border:0;margin:0;padding:0;}
td{border:0;margin:0;padding:0;}


div#container
{
	width:55em; 
	margin: 0 auto;
	padding:10px;
	text-align:left;
	background:#dee2bd;
}

div#header,div#footer{background: #aaad8e;}
div#content,div#menu{background: #d0d4ad;}

div#header{padding: 10px;text-align:center}
div#content{float:right; width:46em; margin:0.5em 0;}
div#footer{clear:both; width:55em;text-align:center;}
div#footertext{vertical-align:center; padding:0.5em;color:#FFFFFF;font-weight:bold}
div#footertext a{color:#FFFFFF;}	

div#contenttitle{padding: 10px;text-align:center}

#content h2{
	background:#afb292;	   
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	width:25em;
	margin-top:0.5em;
	margin-bottom:1em;
	padding:0.5em 0;
	text-align:center;
}

.innercontentpanel{padding: 1.5em;text-align:left;}
.contentleft{padding-right:0.5em;padding-top:0.5em;}
.contentright{padding-top:0.5em;}
div#okcancelpanel{padding:0.5em;width:100%;text-align:center;}
div#okcancelpanel input{width:5em;height:2em;margin-left:0.5em;margin-right:0.5em;font-size: 115%;}
.ending{clear:both}

.shiftright{position:relative;left:1em;}
.params{}


div#menu{float:left; width:8em;  margin:0.5em 0;}
ul#postnav,ul.postnav li{margin:0;padding:0;list-style-type:none; }
ul#postnav{}
ul#postnav li{ margin :0.5em}
ul#postnav a{display:block; width:6em;background:#bec29e; font-size:120%;
text-decoration:none;text-align:center; font-weight: bold ; color:#FFFFFF}
ul#postnav a:hover{background:  #afb292; color:#FFFFFF;}
ul#postnav a.selected{background:	 #afb292; color:#FFFFFF;}
ul#postnav a div.innerbutton{padding-top:0.4em;padding-bottom:0.5em;}

.log{position:relative;text-align:center;}
.main,.job,.error,.criticalError,.warning{
	color:#FFFFFF;
	padding-top:0.5em;
	padding-bottom:0.5em;
	height:1em;
	margin-left:auto;
	margin-right:auto;
	margin-top:0.2em;
	margin-bottom:0.2em;
}

.criticalError{
	background:#ff8585;
	font-weight:bold;
	height:auto;
}

.warning{
	background:#ffcfcf;
	font-weight:bold;
	height:auto;
	color:#ab7474;
}

.main{
	font-size:120%;
	margin-top:1em;
	margin-bottom:1em;
	background:#afb292;	   
}
.job{
	background:#bec29e;
}
.debug{font-size:80%;font-style:italic;color:#000000;}

.tooltip {
	position:absolute;
	width:200px;
	padding:0;
	margin:0;
	font-family: Monospace;
}
.tooltip img {
	position: relative;
	padding:0;
	margin:0;
	z-index:10;
	top:3px;
}
.tooltip span {
	position: absolute;
	z-index:1;
	top:-6px;
	left: 14px;
	background: white;
	text-color: black;
}
.tooltip div {
	padding: 0.5em;
}

.tooltipMonospaced:hover{
	font-family: Monospace;

}

#loading {
	display:none;
}
#loadingContent {
	position:relative;
}
#loadingButton {
	display:none;
	width:100%;
}
.tabrow {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 24px;
}
.tabrow li {
    margin: 0 10px;
    padding: 0 75px;
    border: 1px solid #afb292;
    background: #bec29e;
    display: inline-block;
    cursor: pointer;
}
.tabrow li.selected {
    background: #afb292;
    color: #FFFFFF;
}

.tabrow {
    position: relative;
}
.tabrow:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #afb292;
    z-index: 1;
}

.tabrow:before {
    z-index: 1;
}
.tabrow li {
    position: relative;
    z-index: 0;
}
.tabrow li.selected {
    z-index: 2;
    border-bottom-color: #afb292;
}

.tabrow li:before,
.tabrow li:after {
    position: absolute;
    bottom: -1px;
    width: 6px;
    height: 6px;
    content: " ";
}
.tabrow li:before {
    left: -6px;
}
.tabrow li:after {
    right: -6px;
}

.tabrow li:after, .tabrow li:before {
    border: 1px solid #afb292;
}

.tabrow li {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.tabrow li:before {
    border-bottom-right-radius: 6px;
    border-width: 0 1px 1px 0;
}
.tabrow li:after {
    border-bottom-left-radius: 6px;
    border-width: 0 0 1px 1px;
}

.tabrow li:before {
    box-shadow: 2px 2px 0 red;
}
.tabrow li:after {
    box-shadow: -2px 2px 0 red;
}

.tabrow li:before {
    box-shadow: 1px 0px 0 #bec29e;
}
.tabrow li:after {
    box-shadow: -1px 0px 0 #bec29e;
}
.tabrow li.selected:before {
    box-shadow: 1px 0px 0 #afb292;
}
.tabrow li.selected:after {
    box-shadow: -1px 0px 0 #afb292;
}
/*
.tabrow li {
    background:      -o-linear-gradient(top, #bec29e 50%, #D1D1D1 100%);
    background:     -ms-linear-gradient(top, #bec29e 50%, #D1D1D1 100%);
    background:    -moz-linear-gradient(top, #bec29e 50%, #D1D1D1 100%);
    background: -webkit-linear-gradient(top, #bec29e 50%, #D1D1D1 100%);
    background: linear-gradient(top, #bec29e 50%, #D1D1D1 100%);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
    text-shadow: 0 1px #FFF;
    margin: 0 -5px;
    padding: 0 20px;
}*/

#experimentList {
	text-align: center;
	border-collapse: collapse;
	width:100%;
}
#experimentList tr.odd {
	background: #C0C49D;
}
#experimentList th {
	border-bottom: 1px solid black;
}
#experimentList td {
	padding: 0.3em;
}
#clearDialog {
	display: none;
}
input[type="submit"]:hover, input[type="button"]:hover{
	color:#dee2bd;
	cursor:pointer;
	background-color: #afb292;
	font-size:110%;	
	border:2px solid;
	border-color: #dee2bd #dee2bd #dee2bd #dee2bd;
}

input[type="submit"], input[type="button"]{
	color:#000000;
	cursor:pointer;
	background-color: #bec29e;
	font-size:110%;
	border:2px solid;
	border-color: #afb292 #afb292 #afb292 #afb292;
}

