/* 
    Created on : 29/04/2016, 16:18:09
    Author     : Rafael Cassone <rafaelcassone@gmail.com>
*/

fieldset {
    border: solid 1px #eeeeee;
    margin: 0;
}

fieldset p {
    display: inline-block;
    margin: 3px 3px;
    width: 100%;
}

fieldset p label {
    color: #393939;
    float: left;
    margin: 2px 10px 0 5px;
    text-align: right;
    line-height: 20px;
    vertical-align: top;
}

input {
    background: #fff url(../../util/img/text-bg.gif) repeat-x 0 0;
    border: 1px solid #B5B8C8;
    margin: 0 0 0 0;
    padding: 1px 3px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
}

textarea {
    background: #fff url(../../util/img/text-bg.gif) repeat-x 0 0;
    border: 1px solid #B5B8C8;
    margin: 0 0 0 0;
    padding: 1px 3px;
    line-height: 18px;
    vertical-align: middle;
}

input.error {
    background: #fff url(../../util/img/text-bg-erro.gif) repeat-x 0 0;
    border: solid 1px tomato;
}

textarea.error {
    border: solid 1px tomato;
}

input[disabled], textarea[disabled] {
    color: #aaa;
}

fieldset p.req {
    font-weight: bold;
}

fieldset p.req label:before {
    content: "* ";
}

fieldset.w50 p label {width: 50px;}
fieldset.w75 p label {width: 75px;}
fieldset.w90 p label {width: 90px;}
fieldset.w100 p label {width: 100px;}
fieldset.w120 p label {width: 120px;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #999;
}