html, body {
    margin: 0;
    padding: 0;
}
    /* wrapper styles [placed here] */
    body .cmt-wrap {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        cursor: default;
        position: relative;
    }

        body .cmt-wrap.cmt-page {
            width: 1092px;
            margin: 5px auto 0 auto;
        }

* {
    outline: none;
}

table.cmt-table {
    width: 100%;
    color: #333;
    line-height: 118%;
    background: #fff;
    border-collapse: separate;
    border-spacing: 5px;
}

table tr td {
    vertical-align: middle;
}

body table.cmt-table .cmt-table-header {
    background: #f3f8fa;
    font-weight: bold;
    text-align: left;
    padding: 5px;
    border-bottom: 4px solid #acc4cd;
}

.cmt-form-row {
    clear: both;
    margin: 0px 6px 15px 6px;
    width: 100%;
}

    .cmt-form-row .cmt-form-label {
        margin-top: 3px;
        margin-bottom: 14px;
    }

.cmt-form-label {
    font-weight: bold;
    float: left;
    padding-right: 10px;
}

/* select */
select {
    font-style: normal !important;
    font-family: sans-serif;
    color: #333;
}

body select, body select optgroup, body select optgroup option {
    position:relative;
    z-index: 1;
    cursor:default;
}

textarea {
    position: relative;
    z-index: 0;
    cursor:default;
}

#cmt-ctc-button {
    position: relative;
}

.cmt-form-element.resizable {
    position: relative;
    min-width: 486px;
}

    .cmt-form-element.resizable textarea {
        width: 100%;
        min-height: 100%;
        max-height: 100%;
    }

    .cmt-form-element.resizable #teslaTxt {
        width: 100%;
        min-height: 100%;
        max-height: 100%;
    }

.cmt-form-element .resizer {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: se-resize;
}

    .cmt-form-element .resizer:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-right: 10px solid rgb(169, 169, 169);
    }

.cmt-form-element textarea {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 486px;
    font-family: sans-serif;
    background-color: white;
    resize: none;
    font-size: 13px;
}

.cmt-form-element #teslaTxt {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 486px;
    overflow: auto;
    font-family: sans-serif;
    background-color: white;
}

    .cmt-form-element #teslaTxt div {
        margin-bottom: 1px;
        min-height: 15px;
    }

.Highlight {
    background: #b5d5ff;
}

    .Highlight span {
        background: transparent !important;
        display: block;
    }

/*glob classes*/
.cmt-pull-right {
    float: right;
}

.cmt-pull-left {
    float: left;
}

/*
    *specify buttons styles
*/
.cmt-btn input[type=button], .cmt-btn button {
    border: 0;
    margin: 0;
    padding: 0 3px 0 3px;
    font-size: 12px;
    font-weight: bold;
    font-weight: bold;
    outline: none;
    height: 21px;
    color: #2f6681;
    /* selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cmt-table.cmt-opacity #teslaTxt {
    /* selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.cmt-btn div, select option {
    cursor: default;
}

.cmt-btn.disabled input[type=button], .cmt-btn.disabled button {
    color: #8E8E8E !important;
}

/*general button*/
body .cmt-btn {
    position: relative;
    background: transparent url('../img/cmt-btn-default-l.png') no-repeat;
    background-position: top left;
    padding-left: 3px;
}

    body .cmt-btn.disabled { /* disabled */
        background: transparent url('../img/disabled/cmt-btn-default-l.png') no-repeat;
        background-position: top left;
        padding-left: 3px;
    }

.cmt-btn > div {
    background: transparent url('../img/cmt-btn-default-r.png') no-repeat;
    background-position: top right;
    padding-right: 3px;
}

.cmt-btn.disabled > div { /* disabled */
    background: transparent url('../img/disabled/cmt-btn-default-r.png') no-repeat;
    background-position: top right;
    padding-right: 3px;
}


.cmt-btn input[type=button] {
    background: transparent url('../img/cmt-btn-default.png') repeat;
    background-position: top left;
    padding: 0 15px 0 15px;
}

.cmt-btn.disabled input[type=button] { /* disabled */
    background: transparent url('../img/disabled/cmt-btn-default.png') repeat;
    background-position: top left;
    padding: 0 15px 0 15px;
}


/*button tall*/
.cmt-btn.cmt-btn-tall {
    background: transparent url('../img/cmt-btn-tall-l.png') no-repeat;
    background-position: top left;
    padding-left: 9px;
}

.cmt-btn.disabled.cmt-btn-tall { /* disabled */
    background: transparent url('../img/disabled/cmt-btn-tall-l.png') no-repeat;
    background-position: top left;
    padding-left: 9px;
}


.cmt-btn.cmt-btn-tall > div {
    background: transparent url('../img/cmt-btn-tall-r.png') repeat;
    background-position: top right;
    padding-right: 9px;
}

.cmt-btn.disabled.cmt-btn-tall > div { /* disabled */
    background: transparent url('../img/disabled/cmt-btn-tall-r.png') no-repeat;
    background-position: top right;
    padding-right: 9px;
}


.cmt-btn.cmt-btn-tall button {
    background: transparent url('../img/cmt-btn-tall.png') repeat;
    background-position: top left;
    height: 61px;
    width: 51px;
}

.cmt-btn.disabled.cmt-btn-tall button { /* disabled */
    background: transparent url('../img/disabled/cmt-btn-tall.png') repeat;
    background-position: top left;
    height: 61px;
}


/*set hover for buttons */
.cmt-btn:hover, /*top container*/
.cmt-btn:hover input[type=button], /*same as button*/
.cmt-btn:hover button {
    background-position: center left;
}

.cmt-btn.disabled:hover, /*top container*/
.cmt-btn.disabled:hover input[type=button], /*same as button*/
.cmt-btn.disabled:hover button {
    background-position: top left;
}

.cmt-btn:hover > div {
    background-position: center right;
}

/*set active for buttons*/
.cmt-btn:active, /*top container*/
.cmt-btn:active input[type=button], /*same as button*/
.cmt-btn:active button {
    background-position: bottom left;
}

    .cmt-btn:active > div {
        background-position: bottom right;
    }


/*
        progress
    */

.cmt-opacity {
    filter: alpha(opacity=60);
    opacity: 0.60;
    color: #aaaaaa;
    cursor: progress;
}

body .cmt-wrap .cmt-message-progress, body .cmt-wrap .cmt-message-ok {
    position: absolute;
    background: #f3f8fa;
    background-color: #f3f8fa;
    border-bottom: 4px solid #acc4cd;
    font-weight: bold;
    z-index: 999999;
    display: block;
}

body .cmt-wrap .cmt-message-progress {
    padding: 15px 35px;
    left: 360px;
    cursor: progress;
    top: 320px;
    text-align: center;
}


body .cmt-wrap .cmt-message-progress, body .cmt-wrap .cmt-message-ok {
    -webkit-box-shadow: 3px 3px 2px rgba(172, 196, 205, 0.63);
    -moz-box-shadow: 3px 3px 2px rgba(172, 196, 205, 0.63);
    box-shadow: 3px 3px 2px rgba(172, 196, 205, 0.63);
}

#imgProgVeil {
    background-image: url(../img/progressbar.gif);
    background-repeat: no-repeat;
    background-size: cover;
    width: 0;
}

#progPlaceholder {
    background-color: white;
    width: 270px;
    text-align: left;
}

#progPlaceholder, #imgProgVeil {
    height: 15px;
}


#percent {
    padding: 5px;
}
/*mess*/
body .cmt-wrap .cmt-message-ok {
    padding: 15px 35px;
    width: 400px;
    text-align: center;
    left: 300px;
    cursor: default;
    top: 250px;
}

    body .cmt-wrap .cmt-message-ok .cmt-btn {
        width: 103px;
        margin: auto;
        margin: 10px auto 0px auto;
    }

    body .cmt-wrap .cmt-message-ok input {
        width: 100%;
    }




.cmt-wrap.cmt-message-progress font, .cmt-wrap.cmt-message-ok font {
    position: relative;
    margin: auto;
    display: block;
    text-align: center;
}

/* - border -*/
.cmt-wrap.cmt-olh fieldset,
table.cmt-table .cmt-table-header,
select,
.cmt-form-element textarea,
.cmt-form-element #teslaTxt,
#progPlaceholder,
body .cmt-wrap .cmt-message-progress, body .cmt-wrap .cmt-message-ok {
    border: 1px solid #acc4cd;
}


/*OLH*/
body .cmt-wrap.cmt-olh {
    margin: 5px;
    min-width:500px;
}

.cmt-olh li ol {
    list-style-type: lower-latin;
    padding-left: 40px;
}

.cmt-olh th {
    text-align: left;
    padding: 10px;
    margin: 0;
    font-weight: bold;
}

.cmt-olh fieldset > ol > li {
    margin: 0 0 10px 0;
    list-style-type: decimal;
}

.cmt-olh fieldset {
    margin: 0;
    padding: 5px 10px;
}

    .cmt-olh fieldset > ol {
        margin: 10px;
        padding: 0 0 0 30px;
    }

    .cmt-olh fieldset legend {
        padding: 0 10px;
    }