@CHARSET "UTF-8";
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
{
display: block;
float: left;
width: 120px;
text-align: right;
padding: 2px 1ex 6px 0;
vertical-align: baseline;
}
          
form.semantic label.after
{
width: auto;
text-align: left;
display: inline;
float: none;
}

form.semantic label.long
{
clear: both;
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;
}