/* 
    Document   : input
    Created on : 2012-02-05, 19:11:38
    Author     : arti
    Description:
        Purpose of the stylesheet follows.
*/

/* input styles */
input, 
textarea, 
input[type=search] {
    background: #f4f4f4;
    border: solid 1px #a3a3a3;
    padding: 5px 10px;
    font: 15px "Times New Roman", Times, serif;
    -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
    box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-appearance: none; /* reset webkit search style */
}

/* input:focus styles */
input[type=text]:focus, 
textarea:focus,
input[type=search]:focus {
    background: #fff;
    border-color: #333;
    outline: none; /* remove outline */
}

/* set field width */
input[type=text], input[type="search"] {
    width: 200px;
}
textarea {
    width: 400px;
    height: 250px;
}

/* fallback placeholder */
.placeholder {
    color: #bbb;
}
/* webkit placeholder */
::-webkit-input-placeholder {
    color: #bbb;
}
/* moz placeholder */
:-moz-placeholder {
    color: #bbb;
}

/* remove webkit search input decoration and cancel button */
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}