/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    =form
-----------------------------------------------------------------------------*/

/**
*
* =form
*
**/

form .length-min,
form .length-xxs,
form .length-xs,
form .length-s,
form .length-m,
form .length-l,
form .length-xl,
form .length-xxl,
form .length-max,
form .length-full {
    border: 1px double #fff;
    background-color: #fff;
    color: #000;
}

form .length-min {
    width: 30px;
}

form .length-xxs {
    width: 50px;
}

form .length-xs {
    width: 100px;
}

form .length-s {
    width: 150px;
}

form .length-m {
    width: 200px;
}

form .length-l {
    width: 250px;
}

form .length-xl {
    width: 300px;
}

form .length-xxl {
    width: 400px;
}

form .length-max {
    width: 90%;
}

form .length-full {
    width: 98%;
}

input, button, textarea, select {
    font: 12px Tahoma, Helvetica, Arial, sans-serif;
}

label {
    cursor: pointer;
}

input[type="button"], input[type="reset"],
input[type="submit"], input[type="image"] {
    letter-spacing: 0.15mm;
    cursor: pointer;
}

input[type="text"], input[type="password"],
textarea, select {
    border: 1px double #fff;
    background-color: #fff;
}

.mark-required, .mark-optional {
    padding: 0 3px;
    color: #f00;
    font-weight: bold;
}

.mark-optional {
    color: #00a;
}