@charset "utf-8";

/* Textbox */
.input_textbox
{
    display: block;
    margin: 10px 0px;
    padding: 3px 7px;
    width: 100%;
    height: 40px;
    border: 1px solid silver;
    border-radius: 5px;
    box-shadow: inset 0px 0px 3px gray;
    font-family: Arial;
    font-size: 15px;
}

.input_textbox_withIcon
{
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 30px;
}

/* Textarea */
.input_textarea
{
    display: block;
    margin: 10px 0px;
    padding: 3px 7px;
    width: 100%;
    height: 100px;
    border: 1px solid silver;
    border-radius: 5px;
    box-shadow: inset 0px 0px 3px gray;
    font-family: Arial;
    font-size: 15px;
}

/* Input field interactive style. */
.input_textbox:hover, .input_textbox:focus, .input_textarea:hover, .input_textarea:focus
{
    box-shadow: inset 0px 0px 5px #387db6;
}

/* Button */
.input_button
{
    padding: 3px 5px;
    height: 30px;
    background-color: #f0f0f0;
    border: 1px solid silver;
    border-radius: 3px;
}

.input_button:hover, .input_button:focus
{
    background-color: #d4ecff;
    border: 1px solid gray;
}

.input_button_withIcon
{
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 30px;
}