﻿div.contact-form { max-width:500px; margin: auto; }
    div.contact-form p { padding: 0; margin: 15px 0 2px 0; color: #222; }
        div.contact-form p.desc { padding: 0; margin: 1px 0 4px 0; font-style: italic; /*font-size:95%;*/ }
        div.contact-form p .manditory { color: #f00; font-weight: bold; font-size: 13px; }

    div.contact-form input,
    div.contact-form textarea,
    div.contact-form select { width: 100%; font-size: 16px; padding: 10px; margin: 0; box-sizing: border-box; }

    div.contact-form input,
    div.contact-form textarea { /*background:#fafafa url(/gfx/webbedit/contact-tbx.gif) top left no-repeat;*/ background-color: #fefefe; border: 1px solid #c8c8c8; outline-style: none; outline-width: 0pt; }

        div.contact-form input:focus,
        div.contact-form textarea:focus { /*background:#fafafa url(/gfx/webbedit/contact-tbx-on.gif) top left no-repeat;*/ background-color: #fafafa; border: 1px solid #aaa; }

        div.contact-form input[type='text'] { width: 100%; -webkit-appearance: none; }
        div.contact-form input[type='file'] { width: 100%; padding: 2px; }
        div.contact-form input[type='radio'],
        div.contact-form input[type='checkbox'] { padding: 2px; width: auto; }

        div.contact-form input.validationerror,
        div.contact-form textarea.validationerror,
        div.contact-form select.validationerror { /*background:#fdefef url(/gfx/webbedit/contact-tbx-error.gif) top left no-repeat;*/ background-color: #fdefef; border: 1px solid #dfc5c5; padding: 4px 3px; color: #c14949; }
    div.contact-form .validationerror { background-color: #fdefef; border: 1px solid #dfc5c5; padding: 2px; color: #c14949; }

    div.contact-form label { padding: 0 0 0 4px; margin: 0; line-height: 14px; }
    div.contact-form textarea { -webkit-appearance: none; }

    div.contact-form input[type='submit'] { margin-top: 15px; padding: 15px; border: 1px solid #000; border-bottom: 1px solid #bbb; background-color: #000 !important; background-image: none; color: #fff !important; font-weight: normal; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-appearance: none; }
        div.contact-form input[type='submit']:active { background-color: #ddd; }

    div.contact-form .errorlist { background-color: #fdefef; border: 1px solid #dfc5c5; color: #c14949 !important; padding: 10px; margin: 10px 0 0 0; font-weight: bold; }
        div.contact-form .errorlist ul { color: #c14949 !important; }
            div.contact-form .errorlist ul li { color: #c14949 !important; font-weight: normal !important; }

    div.contact-form .okmessage { padding: 10px; margin: 10px 0 0 0; background-color: #f0fdef; border: 1px solid #bdbdbd; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; color: #95c149 !important; padding: 10px; margin: 10px 0 0 0; font-weight: bold; }
        div.contact-form .okmessage ul { color: #95c149 !important; }
            div.contact-form .okmessage ul li { color: #95c149 !important; font-weight: normal !important; }

.wecaptcha { line-height: 40px; font-size: 20px; }
.wecaptcha-image { vertical-align: middle; border: 1px solid #ddd; }
.wecaptcha input[type='text'].wecaptcha-tbx { height: 40px; width: 45px; padding: 0 10px; border: 1px solid #ddd; text-align: center; font-size: 20px; line-height: 40px; vertical-align: middle; }
