/*
 * forms.css for TMTS
 * Contains styling for gauge panels on the index page
 */

/* Forms */
input[type=submit]{
    margin-top: 15px;

    width: 280px;
    height: 100px;

    background-color: #5883A2;

    border-width: 3px;
    border-style: solid;
    border-color: #EEE #CCC #CCC #EEE;

    border-radius: 15px;

    font-family: IPA-JA;
    font-weight: bolder;
    font-size: 24px;

    color: #FFF;
    text-shadow: 1px 2px 2px rgba(27, 78, 115, 0.8);

    cursor: pointer;
}

input[type=submit]:hover{
    background-color: #81A342;
}

input[type=submit]:active{
    background-color: #568108;

    border-color: #CCC #EEE #EEE #CCC;
}

input[type=button]{
    margin-top: 15px;

    width: 280px;
    height: 100px;

    background-color: #5883A2;

    border-width: 3px;
    border-style: solid;
    border-color: #EEE #CCC #CCC #EEE;

    border-radius: 15px;

    font-family: IPA-JA;
    font-weight: bolder;
    font-size: 36px;

    color: #FFF;
    text-shadow: 1px 2px 2px rgba(27, 78, 115, 0.8);

    cursor: pointer;
}

input[type=button]:hover{
    background-color: #81A342;
}

input[type=button]:active{
    background-color: #568108;

    border-color: #CCC #EEE #EEE #CCC;                
}

input[type=text]{
    margin: 3px 10px 10px 10px;

    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #8e8e8e;

    font-family: IPA-JA;
    font-size: 38px;
    line-height: 80px;
    text-indent: 25px;

    background: #f4f4f4;
    color: #000;

    height: 80px;
    width: 550px;
}

input[type=text]:focus{
    outline: none;

    font-family: IPA-JA;
    font-size: 38px;
    line-height: 80px;
    text-indent: 25px;

    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 3px solid #333;

    background: #ffffff;
}

.inputExample{
    position: relative;
    top: -90px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -80px;

    font-family: IPA-JA;
    font-size: 38px;
    line-height: 80px;

    color: #CCC;
    text-align: left;
    text-indent: 25px;

    height: 80px;
    width: 550px;
}

input[type=password]{
    margin: 3px 10px 10px 10px;

    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #8e8e8e;

    font-family: IPA-JA;
    font-size: 38px;
    line-height: 80px;
    text-indent: 25px;

    background: #f4f4f4;
    color: #000;

    height: 80px;
    width: 550px;
}

input[type=password]:focus{
    outline: none;

    font-family: IPA-JA;
    font-size: 38px;
    line-height: 80px;
    text-indent: 25px;

    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 3px solid #333;

    background: #ffffff;
}

.numericInputForSlider{
    width: 150px !important;
    padding-right: 6px !important;
    padding-left: 6px !important;
    text-align: right !important;
}