form {
    label {
        font-weight: normal;
        display: block;

        input[type=radio] {
            margin: 0 3px 4px 3px;
        }
    }

    label.boolean { display: inline; }
    h3 { margin: 20px 0 10px 0; }

    div.input {
        margin: 0 0 7px 0;
    }

    /* Fields */
    input[type=text],
    input[type=password],
    input[type=search],
    input[type=email],
    input[type=tel],
    input[type=number],
    textarea, select {
        font-size: 140%;
        font-weight: bold;
        width: 100%;
        padding: 4px 9px;
        border: 1px solid #a5a5a5;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background: #fff asset-url("input-bg.gif", image);
        @include border-radius(4px);
        @include single-box-shadow(#bbb, 1px, 1px, 3px, 0px, true);
	@include box-sizing(border-box);
    }

    input[type=text]:focus,
    input[type=password]:focus,
    input[type=search]:focus,
    input[type=email]:focus,
    input[type=tel]:focus,
    input[type=number]:focus,
    textarea:focus,
    select:focus {
        background: lightgoldenrodyellow !important;
        border: 1px solid #a5a5a5 !important;
        border-right: 1px solid #ccc !important;
        border-bottom: 1px solid #ccc !important;
    }

    textarea {
        font-weight: normal;
        font-size: 100%;
        padding: 5px;
        resize: vertical;
    }

    /* Buttons */
    input[type=submit],
    input[type=button] {
        font-size: 140%;
        padding: 3px 9px;
        border: 1px solid #ddd;
        border-right: 1px solid #bbb;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #EEEEEE;
        background: -moz-linear-gradient(top, #EEEEEE 0%, #D5D5D5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#D5D5D5));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#D5D5D5',GradientType=0 );
        color: #333;
        text-shadow: 0 1px 1 #fff;
        cursor: hand;
        cursor: pointer;
        box-shadow: inset 0 1px 10px 1px #ddd,
                         0px 1px 0 #ddd,
                         0 3px 0px #bbb,
                         0 3px 1px 0 #000;

        -webkit-box-shadow: inset 0 1px 10px 1px #ddd,
                         0px 1px 0 #ddd,
                         0 3px 0px #bbb,
                         0 3px 1px 0 #000;
        -moz-box-shadow: inset 0 1px 10px 1px #ddd,
                         0px 1px 0 #ddd,
                         0 3px 0px #bbb,
                         0 3px 1px 0 #000;


        margin: -2px 0 10px 0;
        outline: none;
        -moz-outline: none;
    }

    input[type=submit]:hover,
    input[type=submit]:focus,
    input[type=button]:hover,
    input[type=button]:focus {
        border: 1px solid #50B7D1;
        border-right: 1px solid #286DA3;
        background: #50B7D1;
        background: -moz-linear-gradient(top, #50B7D1 0%, #286DA3 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50B7D1), color-stop(100%,#286DA3));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50B7D1', endColorstr='#286DA3',GradientType=0 );
        color: #fff;
        text-shadow: -1px -1px 0 #333;
        box-shadow: inset 0 1px 10px 1px #50B7D1,
                         0px 1px 0 #367B8C,
                         0 3px 0px #286DA3,
                         0 3px 1px 0 #000;
        -webkit-box-shadow: inset 0 1px 10px 1px #50B7D1,
                         0px 1px 0 #367B8C,
                         0 3px 0px #286DA3,
                         0 3px 1px 0 #000;
        -moz-box-shadow: inset 0 1px 10px 1px #50B7D1,
                         0px 1px 0 #367B8C,
                         0 3px 0px #286DA3,
                         0 3px 1px 0 #000;
    }

    input[type=submit]:active,
    input[type=button]:active {
        border: 1px solid #286DA3;
        border-right: 1px solid #50B7D1;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#286DA3', endColorstr='#50B7D1',GradientType=0 );
        box-shadow: -1px -1px 0 #225C8A;
        -webkit-box-shadow: -1px -1px 0 #225C8A;
        -moz-box-shadow: -1px -1px 0 #225C8A;
        margin: 0 0 8px 0;
    }
}