/* UI Consistency */
::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="search"]::-webkit-search-decoration {
    display: none;
}

input,
button,
select,
textarea {
    margin: 0;
    vertical-align: middle;
}

    button,
    input[type="reset"],
    input[type="submit"],
    input[type="button"] {
        -webkit-appearance: none;
        -moz-border-radius: 11px;
        -webkit-border-radius: 11px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding;
        background-clip: padding-box;
        border-radius: 11px;
        background: #ddd url(~/Content/gfx/button.png) repeat-x;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
        background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
        border: 1px solid;
        border-color: #ddd #bbb #999;
        cursor: pointer;
        color: #333;
        font: bold 12px/1.2 Arial, sans-serif;
        outline: 0;
        overflow: visible;
        padding: 3px 10px 4px;
        text-shadow: #fff 0 1px 1px;
        width: auto;
        *padding-top: 2px; /* IE7 */
        *padding-bottom: 0px; /* IE7 */
    }

button {
    *padding-top: 1px; /* IE7 */
    *padding-bottom: 1px; /* IE7 */
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid;
    border-color: #848484 #c1c1c1 #e1e1e1;
    color: #000;
    outline: 0;
    padding: 2px 3px;
    font-size: 13px;
    font-family: Arial, sans-serif;
    height: 1.8em;
    *padding-top: 2px; /* IE7 */
    *padding-bottom: 1px; /* IE7 */
    *height: auto; /* IE7 */
}

    /* Separate rule for Firefox. Cannot stack with WebKit's. */
    input.placeholder_text,
    textarea.placeholder_text,
    input:-moz-placeholder,
    textarea:-moz-placeholder {
        color: #888;
    }

::-webkit-input-placeholder {
    color: #888;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
    -moz-box-shadow: #06f 0 0 7px;
    -webkit-box-shadow: #06f 0 0 7px;
    box-shadow: #06f 0 0 7px;
    z-index: 1; /* For Opera */
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
    background-color: #eee;
}

    button[disabled],
    input[disabled],
    select[disabled],
    select[disabled] option,
    select[disabled] optgroup,
    textarea[disabled] {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        color: #888;
        cursor: default;
    }

textarea,
select[size],
select[multiple] {
    height: auto;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
    select {
        background-image: url(~/Content/gfx/select-arrow.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 20px;
    }

        select[size],
        select[multiple] {
            background-image: none;
            padding: 0;
        }
}

textarea {
    min-height: 40px;
    overflow: auto;
    resize: vertical;
    width: 100%;
}

optgroup {
    color: #000;
    font-style: normal;
    font-weight: normal;
}

/* IE6 */
.ie6-button,
* html button {
    background: #ddd url(~/Content/gfx/button.png) repeat-x;
    border: 1px solid;
    border-color: #ddd #bbb #999;
    cursor: pointer;
    color: #333;
    font: bold 12px/1.2 Arial, sans-serif;
    padding: 2px 10px 0px;
    overflow: visible;
    width: auto;
}

* html button {
    padding-top: 1px;
    padding-bottom: 1px;
}

.ie6-input,
* html textarea,
* html select {
    background: #fff;
    border: 1px solid;
    border-color: #848484 #c1c1c1 #e1e1e1;
    color: #000;
    padding: 2px 3px 1px;
    font-size: 13px;
    font-family: Arial, sans-serif;
    vertical-align: top;
}

* html select {
    margin-top: 1px;
}

.placeholder_text,
.ie6-input-disabled,
.ie6-button-disabled {
    color: #888;
}

.ie6-input-disabled {
    background: #eee;
}