/*


   каскад для форм


*/

/* необязательная запись */
#frm_itm {
        display: table;
        BORDER-LEFT: #d2d1d1 2px solid;
        MARGIN-TOP: 5px;
        MARGIN-BOTTOM: 5px;
        width: 100%;
        }

#frm_itm .l {
        display: table-cell !important;
        display: inline;
        width: 20%;
        height: 100%;
        PADDING-LEFT: 5px;
        text-align: left;
        line-height: 40px;
        }

#frm_itm .r {
        display: table-cell !important;
        display: inline;
        vertical-align:top;
        width: 80%;
        text-align: left;
        line-height: 40px;
        }

#frm_itm .r input {
        width: 100%;
        background-color: rgb(255,255,255);
        border: 1px solid rgb(192,192,192);

/*
        cursor: pointer;
*/
        PADDING-left: 10px;
        PADDING-right: 10px;

        MARGIN-bottom: 10px;
        line-height: 30px;
        height: 30px;
        font-size: 16px;
        -webkit-input-placeholder: #ccc;
        -moz-border-bottom-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;

        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        }
        
#frm_itm .r input[type="checkbox"] {
        background-color: #f7f7f7;
        border: 0;
        height: 20px;
        width: 20px
        }

#frm_itm .r select, #frm_itms .r select{
        height: 35px;
        font-size: 16px;
        }


#frm_itm .r textarea {
        width: 100%;
        background-color: rgb(255,255,255);
        border: 1px solid rgb(192,192,192);

/*
        cursor: pointer;
        line-height: 30px;
        height: 30px;
*/
        MARGIN-bottom: 10px;
        font-size: 16px;
        -webkit-input-placeholder: #ccc;
        -moz-border-bottom-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;

        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        }
        
/* обязательное поле */
#frm_itms {
        text-align: left;
        display: table;
        BORDER-LEFT: #ef0027 2px solid;
        MARGIN-TOP: 5px;
        MARGIN-BOTTOM: 5px;
        width: 100%;
        }

#frm_itms .l {
        display: table-cell !important;
        display: inline;
        width: 20%;
        height: 100%;
        PADDING-LEFT: 5px;
        line-height: 40px;
        }

#frm_itms .r {
        display: table-cell !important;
        display: inline;
        vertical-align:top;
        width: 80%;
        text-align: left;
        line-height: 40px;
        }

#frm_itms .r input {
        width: 100%;
        background-color: rgb(255,255,255);
        border: 1px solid rgb(192,192,192);

/*
        cursor: pointer;
*/
        PADDING-left: 10px;
        PADDING-right: 10px;

        MARGIN-bottom: 10px;
        line-height: 30px;
        height: 30px;
        font-size: 16px;
        -webkit-input-placeholder: #ccc;
        -moz-border-bottom-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;

        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        }

#frm_itms .r textarea {
        width: 100%;
        background-color: rgb(255,255,255);
        border: 1px solid rgb(192,192,192);
        MARGIN-bottom: 10px;
/*
        color: #FFFFFF;
        cursor: pointer;
        height: 30px;
        line-height: 30px;
*/
        font-size: 16px;
        -webkit-input-placeholder: #ccc;
        -moz-border-bottom-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;

        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        }
/* сообщение с ошибкой */
#frm_error {
        font-weight: bold;
        width: 100%;
        color: #FF0000;
        text-align: center;
/*
        border: 1px solid rgb(192,192,192);
*/
        }
        
/* поле с каптче */
#frm_cap {
        display: table;
/*
        border: 1px solid rgb(192,192,192);
        BORDER-LEFT: #ef0027 2px solid;
*/
        MARGIN-TOP: 5px;
        MARGIN-BOTTOM: 5px;
        MARGIN-LEFT: 5%;
        width: 80%;
        }

#frm_cap .l {
        display: table-cell !important;
        display: inline;
        width: 30%;
        height: 100%;
        PADDING-LEFT: 5px;
        font-size: 16px;
        text-align: center;
/*
        border: 1px solid rgb(192,192,192);
*/
        }

#frm_cap .r {
        display: table-cell !important;
        display: inline;
        vertical-align:bottom;
        width: 70%;
        PADDING-LEFT: 10px;
        text-align: left;
/*
        border: 1px solid rgb(192,192,192);
*/
        }

#frm_cap input {
        width: 100%;
        background-color: rgb(255,255,255);
        border: 1px solid rgb(192,192,192);
        MARGIN-LEFT: 3px;
        BORDER-LEFT: #ef0027 2px solid;
        height: 35px;

        cursor: pointer;
        MARGIN-bottom: 10px;
        line-height: 30px;
        font-size: 16px;

        PADDING-left: 10px;
        PADDING-right: 10px;

        -webkit-input-placeholder: #ccc;
        -moz-border-bottom-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;

        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        }

/* кнопочки */
#frm_go  {
/*
        border: 1px solid rgb(192,192,192);
*/
        MARGIN-TOP: 15px;
        MARGIN-BOTTOM: 15px;
        text-align: right;
        }

#frm_go  input {
        background-color: rgb(255,255,255);
        border: 1px solid rgb(192,192,192);
        height: 35px;
        font-size: 20px;

        border: 1px solid #46b8da;
        height: 35px;
        width: 200px;
/*
        width: 100%;
*/
        cursor: pointer;
        font-weight: bold;
        MARGIN-bottom: 10px;
        color: #FFFFFF;
        line-height: 30px;
        background-color: #5bc0de;
        font-size: 16px;
        -webkit-input-placeholder: #ccc;
        -moz-border-bottom-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;

        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        }
