/* redefine xhtml selectors
---------------------------------------------------------- */

form {
	margin: 0;
	padding: 0;
}

label {

}

fieldset {
	margin: 0 0 15px 0;
	padding: 0;
	border: none;
}

fieldset legend {
	display: none;
}

fieldset.last {
	padding-bottom: 0;
}

input,
select,
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}

select {
	padding: 3px 3px 3px !important;
	width: 190px;
	border: 1px inset #c3c3c3;
}

.field,
textarea {
    padding: 2px 3px 3px;
    line-height: 20px;
    border: 1px inset #c3c3c3;
}

.field {
    height: 18px;    
}

select.field {
    height: 24px;
    line-height: 24px;
}


/* input field sizes
---------------------------------------------------------- */

.xx-small { width: 20px; }
.x-small { width: 40px; }
.small { width: 150px; }
.medium { width: 260px; }
.large { width: 425px; }
.x-large { width: 400px }
.xx-large { width: 560px; }

select.large { width: 438px; }
textarea.xx-large { height: 100px; }

.scalable {
	width: 100%;
	min-width: 100px;
	max-width: 900px;
}

.checkbox {
	float: left;
	display: inline;
	margin: 4px 2px 0 2px;
	padding: 0;
}

.radio {
	float: left;
	margin-right: 5px;
	border: none;
}

label.block {
    margin: 0 0 10px 0;
    width: 430px;
}

/* forms
---------------------------------------------------------- */

form dt {
    position: absolute;
    width: 160px;
}

form dt label {
    font-weight: bold;
    line-height: 22px;
}

form dd {
    clear: left;
    padding: 0 0 10px 170px;
}

form dd label {
    float: left;
    margin-right: 10px;
}

/* forms -> focus
---------------------------------------------------------- */

.focus {
    background: #fff3cd !important;
    border-color: #bba872;
}

/* forms -> disabled
---------------------------------------------------------- */

.disabled  {
    color: #666;
}

.disabled strong {
    text-decoration: line-through;
}

.disabled span {
    font-weight: bold;
    color: #DE0030;
}

/* form -> row
---------------------------------------------------------- */

form .row dl {
    float: left;
}

form .inline {
    margin-left: 26px;
}

form .inline dt {
    width: 80px;
    text-align: right;
}

form .inline dd {
    padding-left: 90px;
}

/* forms -> errors
---------------------------------------------------------- */

.error input {
    border: 1px solid #DE0030;
}

ul.errors,
ul.error-msg {
    clear: both;
    font-size: .917em;
    color: #DE0030;
}

/* form -> actions
---------------------------------------------------------- */

.actions {
    padding-left: 170px;
}

input.button {
    margin-top: 0;
    overflow: visible;
}

/* workshop
---------------------------------------------------------- */

.workshop {
    padding: 20px;
    background: #fff;
    border: 1px solid #E0DFDD;
}

.workshop form div .button {
    margin-left: 170px;
}