/* --------------------------------------------   
      Form styles                                 
----------------------------------------------- */

/* @GLOBAL */
input           {}
.form input {background-color: white;}

textarea        {line-height: 15px; vertical-align: top; overflow: auto;}
optgroup        {} /* fix standart optgroup view in Opera */
fieldset        {margin: 0; border: 0;}
fieldset legend {}

input, select, textarea, optgroup {
   vertical-align: middle;
   font-family: "Trebuchet MS", Helvetica, sans-serif;
}

select {background-color: #fff; padding: 0;}
html:root select {padding-right: 0;}
html:root select option {padding-right: 7px;}

select.big {font-size: 21px; color: #3d3d3d;}
div.select_box {}


/* @FORM COMMON */
.form {}
.form.lined {border-bottom: 1px solid #e9edef;}

.form h3 {margin: 0; padding: 10px 0 10px; color: #787878;}
.form h3.text2 {font-size: 24px; color: white; padding-bottom: 5px !important; margin-bottom: 0 !important;}
.note2 {color: #7094b1;}


.form .ul {padding-bottom: 15px;}
.form .ul li {
    padding-left: 20px;
    padding-bottom: 4px;
    background: url('../images/bg/form/bullet.png') no-repeat left 12px; 
}

textarea.text {width: 100%;}
.form textarea {}

.form .row {margin-bottom: 25px;}
    
    /* row important */
    .form .row.important {margin-bottom: 18px;}

        .form .row.important label.label, 
        #content .form h3 {font-size: 30px;}
        
        .form .row.middle label.label {font-size: 24px;}
    
    

    /* label */
    .form .row label.checkbox {display: inline-block; position: relative; top: 2px;}
    .form .row label.label {display: block; padding-bottom: 7px; clear: both; font-size: 18px;}
    
        #content .form h3,
        .form .row label.label,
        .form .row.important label.label {color: #787878;}


        /* important */
        
    
    /* field */
    .form .field {overflow: hidden;}
    .form .row.l .field {padding-right: 15px;}

    /* input */
    .form .row div.text {
        height: 35px;
        padding-left: 7px;
        background-position: left top;
        margin-bottom: 6px;
    }

    .form .row div.text div {
        height: 31px;
        padding-top: 4px;
        padding-right: 7px;
        background-position: right top;
    }

    .form .row div.text input {
        border: 0;
        padding: 0;
        width: 100%;
        color: #3d3d3d;
        font-size: 21px;
    }

        .form .row div.text,
        .form .row div.text div {
            background-image: url('../images/bg/form/input_text.png');
            background-repeat: no-repeat;
        }
        
            /* simple */
            .form .row.middle div.text {
                background-position: left -35px;
                height: 30px;
            }

            .form .row.middle div.text div {
                height: 25px;
                background-position: right -35px;
                padding-top: 5px;
            }
            
            .form .row.middle div.text div input {font-size: 14px;}
            
    
    /* textarea */
    .form .row textarea.textarea, 
    .form .row textarea.textarea_lite {
        border: 0; 
        width: 99%;
        height: 190px; 
        overflow: auto;
        line-height: 18px;
        padding: 3px 0 2px;
        margin-bottom: 6px;
        background-color: transparent;
    }
    
    .form .row textarea.textarea_lite {height: 40px;}
    
    .form .row div.textarea,
    .form .row div.textarea_lite {background-position: right top; padding-right: 3px;}

    .form .row div.textarea div,
    .form .row div.textarea_lite div {background-position: left top; padding-left: 9px; padding-top: 4px;}

        .form .row div.textarea,
        .form .row div.textarea div.in {
            background-image: url('../images/bg/form/input_textarea.png');
            background-repeat: no-repeat;
        }
        
        .form .row div.textarea_lite,
        .form .row div.textarea_lite div.in {
            background-image: url('../images/bg/form/input_textarea_lite.png');
            background-repeat: no-repeat;
        }

    
    .form .row .avatar {margin-right: 5px;}

    /* notice */
    .form .notice {color: #787878; font-size: 13px; line-height: 16px; font-style: italic;}
    .form .notice.major {display: inline-block; padding: 5px 0 10px;}

    
    
/* @WYSIWYG */
.wysiwyg {background-position: right bottom; padding-right: 3px; margin-bottom: 5px;}
.wysiwyg .in {background-position: left bottom; padding-left: 10px; padding-top: 7px;}
.form .row .wysiwyg .in textarea.textarea {height: 270px;}

.wysiwyg, 
.wysiwyg .in {
    background-image: url('../images/bg/wysiwyg/textarea.png');
    background-repeat: no-repeat;
}
        
/* panel */
.wysiwyg_panel {background-position: right top; padding-right: 3px;}
.wysiwyg_panel .in {background-position: left top;}
.wysiwyg_panel ul {padding-top: 5px; padding-left: 6px;}
.wysiwyg_panel ul li {float: left; padding-right: 1px;}
.wysiwyg_panel ul li a span {
    display: block; 
    background-image: url('../images/bg/wysiwyg/icons.png'); 
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
}
.wysiwyg_panel ul li a {
    display: block;
    width: 22px;
    height: 22px;
    background: transparent url('../images/bg/wysiwyg/icon_hover.png') no-repeat -9000px 0;
}
.wysiwyg_panel ul li a:hover {background-position: 0 0;}

    .wysiwyg_panel ul li.bold a span {background-position: 0 0;}
    .wysiwyg_panel ul li.italic a span {background-position: -22px 0;}
    .wysiwyg_panel ul li.underline a span {background-position: -44px 0;}
    .wysiwyg_panel ul li.strike a span {background-position: -66px 0;}
    .wysiwyg_panel ul li.insert_link a span {background-position: -88px 0;}
    .wysiwyg_panel ul li.insert_quote a span {background-position: -111px 0;}
    .wysiwyg_panel ul li.insert_image a span {background-position: -132px 0;}
    .wysiwyg_panel ul li.insert_video a span {background-position: -154px 0;}
    .wysiwyg_panel ul li.insert_cut a span {background-position: -176px 0;}
            
        .wysiwyg_panel ul li.strike,
        .wysiwyg_panel ul li.insert_video {padding-right: 9px;}
        

    .wysiwyg_panel, 
    .wysiwyg_panel .in {
        background-image: url('../images/bg/wysiwyg/icons_panel.png');
        background-repeat: no-repeat;
        height: 31px;
    }
            
            
            
            
            
/* @answer_list */
.answer_list {width: 50%; }
.answer_list .buttons_panel {padding-left: 5px; padding-top: 2px;}
.answer_list .buttons_panel input {
    width: 22px; 
    height: 22px; 
    background-color: #d0dfe6; 
    cursor: pointer; 
    border: 0;
    color: #a7b1b6;
    font-size: 16px;
    background: transparent url('../images/bg/wysiwyg/icon_hover.png') no-repeat left top; 
}

.answer_list .buttons_panel input[disabled] {cursor: default;}


/* @LOGIN */
.form.plate {/*margin-top: 42px;*/ margin-bottom: 30px;}
#content .form.plate h2 {font-size: 30px; padding: 0;}
#content .form.plate h3 {font-size: 24px; padding: 0; color: white !important;}
.form input.checkbox {background-color: transparent;}

    .form.plate h2, .form.plate h3 {line-height: 25px; margin-bottom: 20px; font-weight: normal;}

.form.plate.for_invite {/*padding-top: 10px;*/}

.form.plate .row {margin-bottom: 20px; clear: both; zoom: 1;}
.form.plate .row.last {padding-top: 15px;}
.form.plate .row.last.wr2 {clear: none !important; }

    /* wr */
    .form.plate .row.wr {float: left; clear: none !important;}
    .form.plate .row.wr span.input {margin-right: 8px;}
    .form.plate .row.wr .text {width: 230px !important;}
    

.form.plate .row label.label {
    display: block;
    padding-bottom: 15px;
    font-size: 18px;
}
.form.plate label {color: white !important; overflow: hidden;}

.form.plate span.input {
    background: transparent url('../images/bg/login_input_r.png') no-repeat 100% 0; 
    padding-right: 2px;
    height: 30px;
    margin-right: 5px;
    display: inline-block;
}

.form.plate span.input input.text,
.form.plate span.input input.text2 {
    border: 0;
    color: black;
    height: 26px;
    width: 284px;
    font-size: 18px;
    line-height: 25px;
    padding-right: 2px;
    padding: 3px 4px 1px 4px;
    background: white url('../images/bg/login_input_l.png') no-repeat 0 0; 
}

.form.plate span.input input.text2 {width: auto;}

    /* IE7 */
    *+html .form.plate span.input input.text,
    *+html .form.plate span.input input.text2 {position: relative; top: -1px;}

.form.plate span.notice {
    font-size: 11px; 
    color: #8DB8D5; 
    display: block; 
    padding-top: 10px; 
    line-height: 14px; 
    font-family: Arial, Helvetica, sans-serif;
}

.form a.ext {padding: 2px 0 0 5px; outline: 0;}
.form.plate a {color: #47b4ff; text-decoration: underline;}
.form.plate .flat div.l {padding-top: 4px; padding-left: 10px;}
.form.plate .flat div.l input {position: relative; /*top: 2px;*/}

.form .submit {cursor: pointer;}
.form.plate .submit {
    border: 0;
    text-indent: -9000px;
    float: left;
}

.form.plate .submit.enter {
    width: 70px;
    height: 30px;
    background: transparent url('../images/buttons/login.png') no-repeat 0 0;
}

.form.plate .submit.getreg {
    width: 195px;
    height: 30px;
    background: transparent url('../images/buttons/login_register.png') no-repeat 0 0;
    margin-left: 5px;
}

.ip_separator {padding: 15px 5px 0;}


/* COMMON */
.form {}
.form .row {overflow: hidden;}
input.submit {
    text-indent: -9000px;
    height: 40px;
    border: 0;
    background-repeat: no-repeat;
    background-position: left top;
    display: inline-block;
    cursor: pointer;
}

    input.submit.save {width: 141px; background-image: url('../images/buttons/save.png');}
    input.submit.send {width: 142px; background-image: url('../images/buttons/send.png');}
    input.submit.add {width: 128px; background-image: url('../images/buttons/add.png');}
    input.submit.save_small {width: 92px; height: 24px; background-image: url('../images/buttons/save_small.png');}
    input.submit.add_small {width: 84px; height: 24px; background-image: url('../images/buttons/add_small.png'); background-color: white;}
    input.submit.publish {width: 183px; background-image: url('../images/buttons/publish.png');}
    input.submit.preview {width: 137px; height: 24px; background-image: url('../images/buttons/preview.png'); margin-right: 10px;}
    input.submit.save_as_draft {width: 187px; height: 24px; background-image: url('../images/buttons/save_as_draft.png');}
    input.submit.delete_chat {width: 152px; height: 24px; background-image: url('../images/buttons/delete_chat.png');}
    input.submit.continue {width: 106px; height: 24px; background-image: url('../images/buttons/continue.png');}
    input.submit.cancel {width: 72px; height: 24px; background-image: url('../images/buttons/cancel.png');}
    input.submit.generate_invites {width: 216px; height: 24px; background-image: url('../images/buttons/generate_invites.png');}
    input.submit.search {width: 67px; height: 24px; background-image: url('../images/buttons/search.png');}
    input.submit.delete {width: 76px; height: 24px; background-image: url('../images/buttons/delete.png');}
    input.submit.get_pass {width: 367px; height: 30px; background-image: url('../images/buttons/get_pass.png'); background-color: transparent !important;}


.captcha {margin-right: 10px;}

.bubble .error {color: #EC0000;}

#comment_form_add_buttons, 
#comment_form_save_buttons {padding-top: 8px; padding-bottom: 14px;}