.formButton {
    background-image: url('/_imgs/btn_rest.gif');
    padding: 2px 4px 3px 4px;
    color: #000000;
    font-size: 8pt;
    font-family: tahoma;
    height: 21px;
    width: 76px;
    border: solid 1px #3366CC;
}

TEXTAREA {
    font-size: 8pt;
    font-family: tahoma;
    height: 100%;
    border: 1px solid #67cc66;
}

.inputfields,
input[type=text],
select {
    font-size: 8pt;
    font-family: tahoma;
    /*width:            100%;*/
    height: 19px;
    line-height: 19px;
    border: 1px solid #67cc66;
}

input[type=text] {
    padding-bottom: 0px;
    padding-top: 0px;
    line-height: 15px;
    vertical-align: middle;
}

input[readonly="readonly"] {
    background-color: #ccc;
}

INPUT.rad {
    width: 15px;
    border: 0px;
    cursor: hand;
}

DIV.tab {
    overflow-y: auto;
    padding: 10px;
}

TD.sec {
    width: 100%;
    color: #000000;
    font-weight: bold;
    padding-left: 0px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
}

TD {
    font-size: 11pt;
    font-family: tahoma;
    vertical-align: top;
}

    TD.bar {
        border-bottom: 1px solid #000000;
    }

    TD.req {
        font-weight: bold;
        color: #9F2409;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-top: 5px;
    }

LABEL {
    cursor: hand;
}

TD.radioLabel {
    padding-left: 2px;
    padding-right: 10px;
}

TABLE.layout {
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

div.tab {
    width: 100%;
    height: 100%;
    border: 1px solid #466094;
    background-color: #eafff3;
    display: none;
}

body {
    font-size: 11px;
    margin: 1em 1em;
    border: 0px;
    background-color: #d8ffdc;
    cursor: default;
    font-family: tahoma;
}

td {
    font-size: 11px;
}

table {
    cursor: default;
}

a {
    color: #0000ff;
    font-weight: bold;
}

span.menu {
    height: 100%;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #7288AC;
}

table.mnuBar {
    color: #000000;
    height: 50px;
    width: 100%;
}

td.mnuTitle {
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    cursor: default;
    color: #FFFFFF;
    background-color: #6693CF;
    padding-left: 7px;
}

td.mnuSubTitle {
    font-family: Tahoma;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #6693CF;
    padding-left: 7px;
}

.INPUT {
    font-family: Arial;
    font-size: 11px;
    width: 100%;
    height: 19px;
    scrollbar-3dlight-color: #669ACC;
    scrollbar-arrow-color: #557CB3;
    scrollbar-base-color: #FFFFFF;
    scrollbar-darkshadow-color: #669ACC;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #D6E8FF;
    scrollbar-shadow-color: #D6E8FF;
}

table.sortcodedatatable input {
    width: 380px;
}

strong {
    font-weight: bold;
    font-size: 12px;
}

div.paymentsfooter {
    width: 815px;
    height: 20px;
    background-color: #789AC9;
}

    div.paymentsfooter span {
        color: #ffffff;
        font-weight: bold;
        display: block;
        line-height: 20px;
        margin-left: 350px;
    }

table.tabs td {
    border: 1px solid #D4D0C8;
    font-weight: bold;
    padding: 7px;
}

    table.tabs td.selected {
        background-color: #A4C8EF;
    }
/*
div.tabpanel { width: 550px; height: 250px; border: 1px solid #D4D0C8; }

div.tabpanel { width: 550px; height: 250px; }
*/
.payments {
    font-size: 9px;
}

    .payments table td {
        font-size: 9px;
    }
/*  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Original code from CSS file above.   
The code above generally appears as it did in the original file.
The only changes made are things like common colour codes 
replaced with Less variables (defined at the very top).

New code in Less format below.
    vvvvvvvvvvvvvvvvvvvvvvvvvvvvv   */
.crmTabGradient {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 20%, #a5ffaa 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(20%, #ffffff), color-stop(100%, #a5ffaa));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 20%, #a5ffaa 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ffffff 20%, #a5ffaa 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 20%, #a5ffaa 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 20%, #a5ffaa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a5ffaa', GradientType=0);
}

.tabs {
    margin: 0;
    padding: 0;
}

.tab {
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: #eafff3;
    border: solid 1px #999;
    border-bottom: none;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    font-weight: normal;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 20%, #a5ffaa 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(20%, #ffffff), color-stop(100%, #a5ffaa));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 20%, #a5ffaa 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ffffff 20%, #a5ffaa 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 20%, #a5ffaa 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 20%, #a5ffaa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a5ffaa', GradientType=0);
}

    .tab a {
        line-height: 2em;
        display: block;
        padding: 0 10px;
        outline: none;
        font-weight: normal;
        text-decoration: none;
        color: #000000;
    }

        .tab a:hover {
            text-decoration: underline;
        }

    .tab .active,
    .tab.ui-state-active {
        background: #eafff3;
        padding-top: 6px;
        position: relative;
        top: 1px;
        border-color: #666;
    }

    .tab a.active,
    .tab.ui-state-active {
        font-weight: normal;
    }

.tab-container .panel-container {
    background-color: #eafff3;
    border: solid #666 1px;
    padding: 10px;
    -moz-border-radius: 0 4px 4px 4px;
    -webkit-border-radius: 0 4px 4px 4px;
    overflow: auto;
}

Table.DataGrid {
    width: 100%;
    margin-top: 1em;
    border: solid 1px #67cc66;
    border-collapse: collapse;
}

    Table.DataGrid th {
        background-color: #abffa5;
        padding: .2em .5em;
        text-align: left;
    }

    Table.DataGrid tr {
        background-color: #ffffff;
        line-height: 1.6em;
    }

        Table.DataGrid tr td {
            border-bottom: 1px solid #c5ffc4;
            padding: .2em .5em;
        }

        Table.DataGrid tr:last-child td {
            border-bottom: 1px solid #67cc66;
        }

.overlayMsg {
    font-size: 5em;
    color: #dfdfdf;
}

.overlayField {
    color: #dfdfdf;
    cursor: wait;
    font-size: 3em;
}

tr.activeRecord {
    font-weight: bold;
}

    tr.activeRecord td {
        background-color: #d8ffdc;
    }

.scrollableCheckList {
    border: 1px solid #67cc66;
    overflow-y: scroll;
    overflow-x: auto;
}

#divVehicleOptions {
    height: 140px;
}

.iconButton {
    padding: 2px 3px;
    margin: 0;
    vertical-align: bottom;
    border: 1px solid;
    border-color: transparent;
}

    .iconButton:hover {
        border: 1px solid #FFDB6C;
        background: #FFF4CA;
    }

.validationMessage {
    color: #f00;
}

.readOnly {
    background-color: #ccc;
}