/** STYLES FOR VACANCY LAYOUT PAGE **/
/** Some styling stolen and modified from gumby **/
form.better-form-styling { margin: 0 0 18px; }
form.better-form-styling label { display: block; width: auto; font-size: 14px; line-height: 1.625em; cursor: pointer; margin-bottom: 9px; color: #333333; float: none; }
form.better-form-styling label.inline { display: inline-block; padding-right: 20px; }
form.better-form-styling dt { margin: 0; }
form.better-form-styling textarea { height: 150px; }
form.better-form-styling ul, form ul li { margin-left: 0; list-style-type: none; }
form.better-form-styling fieldset { border-style: solid; border-width: 0.0625em; padding: 1.5625em; border-color: #d8d8d8; margin: 18px 0; }
form.better-form-styling fieldset legend { padding: 5px 10px; }

form.better-form-styling fieldset .field {
    display: block;
    height: auto;
    zoom: 1;
}
.better-form-styling .field { position: relative; max-width: 100%; margin-bottom: 10px; vertical-align: middle; font-size: 16px; overflow: hidden; }
.better-form-styling .field.metro, .better-form-styling .field .metro { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.better-form-styling .field input, .better-form-styling .field input[type="*"], .better-form-styling .field textarea { max-width: 100%; width: 95%; padding: 5px 0; margin: 0; border: none; outline: none; resize: none; -webkit-appearance: none; font-weight: 300; font-size: 13px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; float: none; }
.better-form-styling .field .input, #vacancy_field_order li { position: relative; padding: 5px 10px; background: #fff; border: 1px solid #d8d8d8; font-size: 13px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.better-form-styling .field .input.search { height: 36px; line-height: 34px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; padding-right: 0; }
.better-form-styling .field .input.textarea { height: auto; }
/* end that stolen form code yaaay*/
.better-form-styling .field input[type=checkbox] {
    float: left;
    width: 15px;
    margin-right: 10px;
    -webkit-appearance: checkbox;
}
.field .smaller {
    font-size: 11px;
}

#vacancy_field_order {
    padding: 0;
}
#vacancy_field_order li {
    width: 95%;
    font-size: 12px;
    margin-bottom: 3px;
}
#vacancy_field_order li .handle,
#vacancy_field_order li .to_top {
    position: relative;
    float: right;
    z-index: 10;
    margin-top: 2px;
}
#vacancy_field_order li .handle {
    cursor: move;
}
#vacancy_field_order li .to_top {
    margin-right: 10px;
    cursor: pointer;
}
#vacancy_field_order .hidden_extras {
    display: none;
    font-size: 12px;
    margin: 15px 40px 0 40px;
}
#vacancy_field_order .hidden_extras .field label {
    margin: 0px;
    line-height: 14px;
}
#vacancy_field_order .hidden_extras .field, #vacancy_field_order .hidden_extras .field label {
    font-size: 12px;
    color: #666666;
}
#vacancy_field_order .hidden_extras input[type='checkbox'] {
    margin-right: 5px;
}
#vacancy_field_order .expand_icons {
    cursor: pointer;
    margin-right: 2px;
}