form.semantic fieldset
{
clear: both;
margin: 1em 0 0 0;
padding: 10px;
overflow: auto;
background-color: #f8f8f8;
border: 1px solid #888;
}

form.semantic legend
{
font-weight: bold;
}

form.semantic div
{
clear: both;
margin: 0;
padding: 0.5em 0 0 0;
overflow: visible;
}


form.semantic label
{
padding-left: 0;
padding-right: 1ex;
display: block;
float: left;
width: 120px;
text-align: right;
vertical-align: baseline;
}
          
form.semantic label.after
{
width: auto;
text-align: left;
display: inline;
float: none;
}

form.semantic label.long
{
width: auto;
text-align: left;
float: left;
}

form.semantic td.right
{
width: auto;
text-align: right;
}

form.semantic label.radio
{
clear: right;
width: auto;
text-align: left;
float: none;
}

form.semantic input
, form.semantic select
, form.semantic textarea
{
float: left;
}

form.semantic input[type=radio]
, form.semantic input[type=checkbox]
{
vertical-align: text-bottom;
 }

 


form.semantic ul {
list-style-type: none;
float: left;
padding: 0;
margin: 0;
}

form.semantic li {
clear: both;
padding: 0.2em 0;
}

form.semantic li label {
width: auto;
text-align: left;
padding: 0;
}

form.semantic div.field-row
{
clear: none;
float: left;
margin: 0;
padding: 0;
overflow: visible;
}

form.semantic div.field-row *
{
float: none;
display: inline;
}

form.semantic .button-row
{
text-align: right;
}

form.semantic .button-row input
{
float: none;
}

form.semantic div.long label
{
width: auto;
text-align: left;
float: none;
}

form.semantic div.long textarea
{
width: 100%;
}

/* Errors -- for use with JQuery Validate, etc. */

form.semantic input.error
, form.semantic select.error
, form.semantic textarea.error
{
background-color: #77002a;
color: white;
}

form.semantic label.error
{
width: auto;
color: #77002a;
text-align: left;
} 

 
.header {
	padding-left: 10px;
	margin-top: 10px;
	line-height: 25px;
	font-weight: bold;
	font-size: 12px;
	background-color: #8dbdd8;
}
.lib{	font-weight: bold;	background-color: #efe1e0;	padding-right: 5px;	text-align: right;
	font-size: 10px; width: 150px

}
.field{
	background-color: #f7f1f1;
}
form.semantic input.slider_300_nofloat{
	top: 100px;
	clear: none;
	float: none;
	 width: 300px;
}
form.semantic input.slider_500_nofloat{
	top: 100px;
	clear: none;
	float: none;
	 width: 500px;
  
}