/******************************
* HTML
******************************/

HTML {
    height: 100%;
}

BODY {
    height: 100%;
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 12px;
    font-family: Arial;
}

A:link,
A:visited,
A:active, 
A:hover {
    color: #2479B3;
}

/******************************
* BUTTON
******************************/

BUTTON,
INPUT[type=button] {
    background: linear-gradient(to bottom, #ececec 0%,#d5d5d5 100%);
    border: 1px solid #707070;
    padding: 5px 10px 5px 10px;
}

BUTTON:hover,
INPUT[type=button]:hover {
    background-color: #a6f4ff;
    border: 1px solid #26a0da;
}

BUTTON:active,
INPUT[type=button]:active {
    background-color: #34b4e3;
    border: 1px solid #0089b4;
}

BUTTON[disabled],
INPUT[type=button][disabled] {
    opacity: .4;
    color: #000000;
}

BUTTON[disabled]:hover,
INPUT[type=button][disabled]:hover {
    background: linear-gradient(to bottom, #ececec 0%,#d5d5d5 100%);
    border: 1px solid #707070;
}

/******************************
* FORM ELEMENTS
******************************/

INPUT[type=text],
INPUT[type=password] {
    border: 1px solid #AAAAAA;
    padding: 1px;
    height: 18px;
    background-color: #FFFFFF;
    font-size: 12px;
}

INPUT[type=file] {
    border: 1px solid #AAAAAA;
    padding: 1px;
    height: 20px;
    font-size: 12px;
    background-color: #FFFFFF;
}

TEXTAREA {
    border: 1px solid #AAAAAA;
    font-size: 12px;
    resize: none;
}

SELECT {
    border: 1px solid #AAAAAA;
    padding: 2px;
}