/* FORMS - general form styles for studio websites
------------------------------------------------------*/
form * {
	font-size: 12px;
}
form h3.legend {
    padding: 0 0 5px;
    text-transform: uppercase;
    color: #ffffff;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
form .item { overflow: hidden; }
form .item input,
form .item textarea {
    background: #fff url( bg_text_input.png ) no-repeat 0 0;
    border: 1px solid #4f504f;
    font: inherit;
    padding: 0 3px;
}
form .item textarea { padding: 3px; }
form .item select { font: inherit; line-height: 0.8em; }
form .buttons button {
    background: #3e482b url( bg_button.gif  ) repeat-x 0 0;
    border: 1px solid #988e68;
    color: #fff;
    cursor: pointer;
    font: inherit;
    line-height: 1.4em;
    padding: 3px 20px;
    text-transform: uppercase;
}
form .buttons button:hover,
form .buttons button.hover {
    background-position: 0 100%;
    border: 1px solid #fff;
}
form span.optional a {
	color: #999;
}
form span.optional a:hover {
	color: #ccc;
}
form {
    background: #525151 url( bg_form.png ) repeat-x 0 0;
    color: #fff;
    margin: 0 0 14px;
    padding: 15px  0 0 20px;
}
form fieldset { padding: 0 0 20px; }
form h3.legend {
    background: transparent url( bg_form_legend.png ) no-repeat -397px 100%;
    margin: 0 0 15px;
}
form .item { margin: 0 0 9px; }
form label,
form span.label {
    float: left;
    line-height: 1em;
    padding: 3px 0 0;
    text-align: right;
    width: 124px;
}
form .withTextarea label,
form .withCheckbox span.label {
    display: block;
    float: none;
    margin: 0 0 5px;
    text-align: left;
    width: auto;
}
form .withSelect label { padding: 6px 0 0; }
form .withCheckbox label {
    line-height: 1.3em;
    padding: 0;
    text-align: left;
    width: auto;
}
form ul.radios li label {
    text-align: left;
    margin: 0 10px 0 0;
    width: auto;
}
form .item input,
form .item select {
    margin: 0 3px 0 11px;
 /*   width: 207px;*/
}
form .item li {
    background: none;
    color: #fff;
    padding: 0;
}
form .item li input {
    background: none;
    float: left;
    margin: 0 5px 0 0;
    width: auto;
}
form textarea {
    height: 28px;
    margin: 0 0 0 135px;
    width: 267px;
}
form ul.radios {
    float: left;
    margin: 0 0 0 7px;
}
form ul.checkboxes { margin: 0 0 0 7px; }
form ul.radios li { display: inline; }
form ul.checkboxes li {
    float: left;
    overflow: hidden;
    margin: 0 0 4px;
    width: 100%;
}