body {
}

#ULexperimentSteps {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
#ULexperimentSteps li {display: inline; }
#ULexperimentSteps li a {text-decoration:none;  margin: 2px;padding: 5px 20px 5px 20px; color: white; background: #07595a;}
#ULexperimentSteps li a:hover {background: #08a0a1; cursor:pointer;}
#ULexperimentSteps li a.nonblocked:hover {color:#FFF;background: #08a0a1; }
#ULexperimentSteps li a.active {color: #FFF;;background: #08a0a1; }
#ULexperimentSteps li a.blocked:hover {cursor:default; background:#08a0a1;}


.navigationelement.button { background-image:url(img/bg/navigationTile.png); background-position:top; background-repeat:no-repeat; color:#FFF; font-weight:bold; height:100px; width:120px; float:left; cursor:pointer;}
.navigationelement.button:hover {background-image:url(img/bg/navigationTile.png); background-position:bottom; cursor:pointer; }
.navigationelementblock { float:left; width:430px; margin:15px 15px 0 15px;}
.navigationelement.icon { text-align:center;  padding:10px 5px 5px 5px;}
.navigationelement.text { text-align:center;  padding:5px; line-height:16px;}
.navigationelement.content { line-height:16px; font-style:italic; padding:20px; width:250px; float:right; background-color:#FFC; height:60px; margin: 0 10px 0 10px; vertical-align:middle;}


#side-bar ul li a {overflow:hidden;}

.checkbox input
{
    vertical-align:middle;
	width:14px !important; 	
	background:url('') !important; 
    float: left;
    margin-right: 5px;
}

.checkbox strong {
    display: block;
    clear: both;
}

.crumble {margin-bottom:15px;}


.closebuttonef {-moz-user-select: none;background:url('img/content/close.png') 0px 0px no-repeat;cursor:pointer;height:20px;text-align:center;margin-left:auto;top:5px;width:20px;}

.numeric input {width:31px !important;background:url("img/bg/form-fields-numeric.png") repeat scroll 0 0 transparent !important;}
.numeric input:focus {background-position: 0 -28px !important;}
.narrow textarea {height:40px !important;width:480px !important;}
.narrow textarea:focus {background-position: 0 -50px !important;}

#main-content .formfield input.radio{
background:url(''); width:14px; height:14px;
}

#main-content form div .erroroff {
    display:none;
}

.popupWindow input, select {background-color:white;
                                    margin-bottom:5px;
                                    margin-top:3px;
            border:1px solid #A0A0A0;
            padding:1px 0;
            line-height:18px;
            padding:1px;
            }
input.chkb_sample, input.chkb_series, input.chkb_sample_all {width:20px;}
.popupWindow input {width:350px;}

 .popupWindow #print_compartments_message input {
    width:auto;
}

.popupWindow textarea{width:350px;}
.popupWindow input.chkb_sample, .popupWindow input.chkb_series, .popupWindow input.chkb_sample_all, .popupWindow input.chkb_all, .popupWindow input.chkb {width:20px;}
input.chkb_sample, input.chkb_series {width:20px;}
.popupWindow input.checkbox {width:20px;}
#chkb_all_samples { margin-bottom:0px;}
.transparent {
	opacity: 0.4;
	cursor:default;
}
	             
.popupWindow .actionbuttons {padding-top:10px;padding-bottom:5px;}
		
.protocolSampleField { background-image:url(../../../images/elab_icons/16/samplefield.png); background-repeat:no-repeat; background-position: 98% 50%; padding:3px 40px 0 3px; border:1px solid #CCC; margin-right:5px; background-color:#FFF;}


ul.sampleFieldList {display:inline-block;list-style-type:none;padding:0;vertical-align:middle;}
ul.sampleFieldList li {float:left;}
ul.sampleFieldList li:before { content: "  ,"; color:#FFF;} 
ul.sampleFieldList li:after { content: ",";} 
ul.sampleFieldList li:last-child:after { content: " "  ; }


.checkbox .multiValueLabel {
white-space: nowrap;width:211px;float:left; height:32px;}

.checkbox .MultiValueOption {
white-space: nowrap;float:left; height:32px;width:33%;}

#sampleheader {color: #075F5F;font-size:18px; line-height:30px;}

.StandardfieldsPlaceholder { background-image:url(img/content/standardfields.png); height:210px; background-repeat:no-repeat; margin-left:-5px;}

.grid tr:hover .redhover {
    color:red;
}
.grid tr:hover .yellowhover {
    color:orange;
}