/****************************************************

Vantage ILM - Main Style Sheet

********************************************************/

/* For Layout */

/* mac hide\*/
html, body {
    height: 100%;
}
/* end hide */
html, body {
    padding: 0;
    margin: 0;
}

body {
    text-align: left;
    min-width: 200px; /* for mozilla*/ /* Added By Khurram Kalimi 22 feb 2007 pop-up window scroll bar*/
    background: url(../images/Backgrounds/background.jpg) repeat-x #f4f4f4;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

.data {
    background: url(../images/Backgrounds/background.jpg) repeat-x #ffffff;
}

#wrapper {
    margin: 0 auto;
    width: 1003px; /* from ali hassan & khurram 22nd feb (for horizontal scroll)*/
}

#header {
}

.contentWrap {
    margin: 9px;
    margin-top: 20px;
}

.dataEntry {
    margin-top: 6px !important;
}

.leftColumn {
    width: 170px;
}

.rightColumn {
    width: 800px; /*KA changed from 800px to 700 px 3/21/2015 */
}

#footer {
}

.breadcrumb {
    width: 100%;
    padding-bottom: 5px;
    background: #f4f4f4;
    border-bottom: 1px solid #103FFB;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

    .breadcrumb span {
        font-size: 12px;
        font-weight: normal;
    }

ul.stepsIndicator {
    margin: 5px 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
    font-weight: bold;
}

    ul.stepsIndicator li {
        float: left;
        border-collapse: collapse;
        border: 1px solid #666666;
        border-top: 0px solid #FFFFFF;
        background: #3E3E3E url(../images/Backgrounds/step_indicator_background.gif) top center no-repeat;
        width: 23%;
        text-align: center;
    }

        ul.stepsIndicator li a:link, ul.stepsIndicator li a:visited, ul.stepsIndicator li a:hover {
            float: left;
            color: #666666;
            text-decoration: none;
            font-weight: bold !important;
            font-size: 11px;
            padding: 5px 0px;
            width: 100%;
        }

        ul.stepsIndicator li a:hover {
            float: left;
            color: #FFFFFF !important;
            font-weight: bold !important;
            background: #363636 !important;
            font-size: 11px !important;
            width: 100% !important;
        }

        ul.stepsIndicator li.currentStep a, ul.stepsIndicator li.currentStep a:hover {
            float: left;
            border-top: 0px solid #FFFFFF;
            color: #FFFFFF;
            background: #3E3E3E url(../images/Backgrounds/step_indicator_current.gif) top center no-repeat;
        }

            ul.stepsIndicator li.currentStep a:link, ul.stepsIndicator li.currentStep a:visited, ul.stepsIndicator li.currentStep a:hover {
                color: #FFFFFF !important;
                text-decoration: none;
                font-weight: bold;
            }

/* General float classes can be added to any block element */

.floatRight {
    float: right;
}

.floatRightImportant {
    float: right !important;
}

.clearBoth {
    clear: both;
}

/* End - General float classes can be added to any block element */

/* End For Layout */

.rightColMargin {
    margin-top: 5px !important;
}

.topNavWrap {
    width: 700px;
    text-align: right;
}

.loginWrap {
    padding: 0;
    margin: 5px 10px 0px 0px;
}

    .loginWrap ul {
        margin: 0;
        padding: 0;
    }

        .loginWrap ul li {
            display: inline;
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            .loginWrap ul li a, .loginWrap ul li a:hover {
                color: #ffffff !important;
                font-size: 11px !important;
                padding: 0px 5px 0px 5px !important;
                padding-top: 0px !important;
                margin-top: 0px;
                border-right: 1px solid #ffffff !important;
            }

            .loginWrap ul li.last a, .loginWrap ul li.last a:hover {
                border-right: 0px solid #ffffff !important;
            }

.dataContentWrap {
    margin-top: 0px; /*from ali hassan on 4th may for view  page top margin*/
    margin-bottom: 8px;
    background: #ffffff;
}

.puffybox {
    margin: 0;
    background: url(../images/Backgrounds/puffybox_body_right.gif) no-repeat bottom right;
    font-size: 100%;
}

.puffyboxbody {
    background: url(../images/Backgrounds/puffybox_body_left.gif) no-repeat bottom left;
    margin: 0;
    padding: 9px 8px 14px 8px;
    text-align: left;
    width: 780px;
}

.fullsize {
    width: 800px;
}

.halfsize {
    width: 395px;
}

.twofifthsize {
    width: 310px;
}

.threefifthsize {
    width: 500px;
}

.boxheader {
    background: url(../images/Backgrounds/head_right.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: left;
}

    .boxheader h2 {
        background: url(../images/Backgrounds/head_left.gif) no-repeat top left;
        margin: 0;
        padding: 5px 15px 3px 15px; /* See images to judge the measurements */
        color: white;
        font-weight: bold;
        font-size: 14px;
        line-height: 1em;
    }

.boxheaderSummary {
    margin: 0;
    margin-bottom: 5px; /*from ali h for the margin in the client view page*/
    padding: 0;
    text-align: left;
}

    .boxheaderSummary h2 {
        background: #F4F4F4;
        margin: 0;
        padding: 5px 15px 3px 15px; /* See images to judge the measurements */
        color: #103FFB;
        font-weight: bold;
        font-size: 15px;
        /* line-height: 1em;  Fabio 16MAY2015 */
        border-bottom: 1px solid #103FFB;
    }

    .boxheaderSummary a { /* Added By Khurram Kalimi */
        background: #F4F4F4;
        margin: 0;
        padding: 5px 15px 3px 15px; /* See images to judge the measurements */
        color: blue;
        font-weight: normal;
        font-size: 12px;
        line-height: 1em;
        /* border-bottom: 1px solid #103FFB; Fabio 16MAY2015 */
    }

.puffyboxheader {
    background: url(../images/Backgrounds/puffybox_header_right.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 780px;
}

    .puffyboxheader h2 {
        background: url(../images/Backgrounds/puffybox_header_left.gif) no-repeat top left;
        margin: 0;
        padding: 9px 16px 6px 12px; /* See images to judge the measurements */
        color: white;
        font-weight: bold;
        font-size: 14px;
        line-height: 1em;
    }

    .puffyboxheader h3 {
        background: url(../images/Backgrounds/puffybox_header_left.gif) no-repeat top left;
        margin: 0;
        padding: 9px 16px 6px 12px; /* See images to judge the measurements */
        color: white;
        font-weight: bold;
        font-size: 12px;
        line-height: 1em;
    }

.portalWrapper {
    background: url(../images/Backgrounds/portalOne-bg.jpg) repeat-y;
}

.portalWrapperTwo {
    width: 415px;
    background: url(../images/Backgrounds/portalTwo-bg.jpg) repeat-y;
}

.tablePageWrap {
    width: 100%;
    color: #103FFB;
}

.tablePageWrap {
}

.tablePageWrapTwo {
    margin-top: 0px !important;
}

.tablePageWrap a, .tablePageWrap a:hover {
    font-size: 12px !important;
    font-weight: bold !important;
    color: #103FFB !important;
}

.tablePageWrapTwo a, .tablePageWrapTwo a:hover {
    font-size: 12px !important;
    font-weight: bold !important;
    color: #103FFB !important;
}

.viewAll {
    margin: 0px 10px 0px 10px;
}

.pageList {
    font-size: 11px !important;
    margin-left: 260px;
    color: #000000 !important;
}

.pageListTwo {
    font-size: 11px !important;
    margin-left: 70px !important;
}

.pageLinks {
    margin: 0px 7px 0px 0px;
}

.pagLinks img {
    border: 0px !important;
}

.pageLinks ul {
    display: inline;
    margin: 0;
    padding: 0;
}

    .pageLinks ul li {
        display: inline;
        margin: 0;
        padding: 0px 5px;
        list-style-type: none;
        line-height: 0px;
    }

        .pageLinks ul li.border {
            border-right: 1px solid #103FFB;
        }

/* Table Data Styles */

/* End Table Data Styles */

/* Headers */

#header h1 {
    /*background: transparent url(../images/Icons/vantage_logo.jpg) no-repeat top left;*/
    margin: 0;
    padding: 0;
    width: 120px;
    height: 56px;
    float: left;
}

    #header h1 span {
        display: none;
    }

.headerWrap {
    background: url(../images/Backgrounds/header_left.gif) no-repeat;
    padding: 0;
}

.noShadow {
    background: url(../images/Backgrounds/header_leftNoShadow.gif) no-repeat;
    margin: 0;
    padding: 0;
    text-align: left;
}

.headerWrap h2 {
    position: relative;
    margin: 0;
    margin-left: 10px;
    padding: 6px 0px 3px 5px;
    color: #ffffff;
    background: url(../images/Backgrounds/header_middle.gif) repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    width: 98.4%;
    float: left;
}

    .headerWrap h2.small {
        width: 96.8%;
    }

    .headerWrap h2.noShadow {
        background: url(../images/Backgrounds/header_middleNoShadow.gif) repeat-x;
    }

    .headerWrap h2 span {
        position: absolute;
        right: 0px;
        top: 0;
        width: 16px;
        background: url(../images/Backgrounds/header_right.gif) no-repeat;
        width: 16px;
        padding: 6px 0px 3px 0px;
    }

        .headerWrap h2 span.noShadow {
            background: url(../images/Backgrounds/header_rightNoShadow.gif) no-repeat;
        }
/* End - Headers */

/* Top Navigation - This is the main navigation for the aplication / green select*/

#slidetabsmenu {
    float: right !important;
    width: 70%;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    line-height: normal;
    margin: 11px 0px 0px 15px;
}

* html #slidetabsmenu { /*IE only. Add 1em spacing between menu and rest of content*/
    margin-bottom: 1em;
}

    #slidetabsmenu ul {
        float: right;
        list-style-type: none;
        margin: 0;
        margin-right: 10px;
        padding: 0;
    }

    #slidetabsmenu li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    #slidetabsmenu a {
        float: left !important;
        font-size: 12px;
        background: url(../images/Backgrounds/tab_left.gif) no-repeat left top !important;
        margin: 0px 3px !important;
        padding: 0 0 0 9px !important;
        text-decoration: none !important;
        border-bottom: 1px solid #ffffff;
    }

        #slidetabsmenu a span {
            float: left !important;
            font-size: 12px;
            display: block !important;
            background: url(../images/Backgrounds/tab_right.gif) no-repeat right top !important;
            padding: 3px 14px 3px 5px !important;
            font-weight: bold;
            color: #333333 !important;
            border-bottom: 1px solid #ffffff;
        }

        /* Commented Backslash Hack hides rule from IE5-Mac \*/
        #slidetabsmenu a span {
            float: none !important;
        }
        /* End IE5-Mac hack */

        #slidetabsmenu a:hover span {
            color: #ffffff !important;
            font-size: 12px;
        }

    #slidetabsmenu #current a {
        background-position: 0 -24px !important;
        border-bottom: 1px solid #046532;
    }

        #slidetabsmenu #current a span {
            background-position: 100% -24px !important;
            color: #ffffff !important;
            border-bottom: 1px solid #046532;
        }

    #slidetabsmenu a:hover {
        background-position: 0 -24px !important;
        color: #ffffff !important;
        border-bottom: 1px solid #046532;
    }

        #slidetabsmenu a:hover span {
            background-position: 100% -24px !important;
            color: #ffffff !important;
            border-bottom: 1px solid #046532;
        }

/* End - Top Navigation */

.tableNavWrap {
    margin: 9px 9px 0px 10px;
    padding: 0;
    border: 0px !important;
    border-collapse: collapse !important;
    background: none !important;
}

/* Table Navigation */

#tableSlidetabsmenu {
    float: left;
    right: 0px;
    width: 791px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    line-height: normal;
    margin-top: 0px;
    border-bottom: 5px solid #363636;
    margin-left: 4px;
}

* html #tableSlidetabsmenu { /*IE only. Add 1em spacing between menu and rest of content*/
    margin-bottom: 1em;
}

    #tableSlidetabsmenu ul {
        float: left;
        list-style-type: none;
        margin: 0;
        margin-left: 8px;
        padding: 0;
        margin-bottom: 0px;
    }

    #tableSlidetabsmenu li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    #tableSlidetabsmenu a {
        float: left !important;
        background: url(../images/Backgrounds/table_tab_left.gif) no-repeat left top !important;
        margin: 0px 3px !important;
        padding: 0 0 0 9px !important;
        text-decoration: none !important;
        font-size: 12px;
    }

        #tableSlidetabsmenu a span {
            float: left !important;
            display: block !important;
            background: url(../images/Backgrounds/table_tab_right.gif) no-repeat right top !important;
            padding: 2px 14px 2px 5px !important;
            font-weight: bold;
            color: #333333 !important;
            font-size: 12px;
        }

        /* Commented Backslash Hack hides rule from IE5-Mac \*/
        #tableSlidetabsmenu a span {
            float: none !important;
        }
        /* End IE5-Mac hack */

        #tableSlidetabsmenu a:hover span {
            color: #333333 !important;
        }

    #tableSlidetabsmenu #current a {
        background-position: 0 -19px !important;
    }

        #tableSlidetabsmenu #current a span {
            background-position: 100% -19px !important;
            color: #ffffff !important;
        }

    #tableSlidetabsmenu a:hover {
        background-position: 0 -19px !important;
        color: #ffffff !important;
        font-size: 12px;
    }

        #tableSlidetabsmenu a:hover span {
            background-position: 100% -19px !important;
            color: #ffffff !important;
            font-size: 12px;
        }

/* End - Table Navigation */

/* Table Navigation (Half Size)*/

#tableSlidetabsmenuHalf {
    float: left;
    width: 377px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    line-height: normal;
    margin-top: 0px;
    margin-left: 5px;
    border-bottom: 5px solid #363636;
}

* html #tableSlidetabsmenuHalf { /*IE only. Add 1em spacing between menu and rest of content*/
    margin-bottom: 1em;
}

    #tableSlidetabsmenuHalf ul {
        float: left;
        list-style-type: none;
        margin: 0;
        margin-left: 8px;
        padding: 0;
        margin-bottom: 0px;
    }

    #tableSlidetabsmenuHalf li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    #tableSlidetabsmenuHalf a {
        float: left !important;
        background: url(../images/Backgrounds/table_tab_left.gif) no-repeat left top !important;
        margin: 0px 3px !important;
        padding: 0 0 0 9px !important;
        text-decoration: none !important;
        font-size: 12px;
    }

        #tableSlidetabsmenuHalf a span {
            float: left !important;
            display: block !important;
            background: url(../images/Backgrounds/table_tab_right.gif) no-repeat right top !important;
            padding: 2px 14px 2px 5px !important;
            font-weight: bold;
            color: #333333 !important;
            font-size: 12px;
        }

        /* Commented Backslash Hack hides rule from IE5-Mac \*/
        #tableSlidetabsmenuHalf a span {
            float: none !important;
        }
        /* End IE5-Mac hack */

        #tableSlidetabsmenuHalf a:hover span {
            color: #333333 !important;
        }

    #tableSlidetabsmenuHalf #current a {
        background-position: 0 -19px !important;
    }

        #tableSlidetabsmenuHalf #current a span {
            background-position: 100% -19px !important;
            color: #ffffff !important;
        }

    #tableSlidetabsmenuHalf a:hover {
        background-position: 0 -19px !important;
        color: #ffffff !important;
        font-size: 12px;
    }

        #tableSlidetabsmenuHalf a:hover span {
            background-position: 100% -19px !important;
            color: #ffffff !important;
            font-size: 12px;
        }

/* End - Table Navigation */

/*Add Borrower Navigation*/
#slidetable_addborrower {
    float: left;
    right: 0px;
    width: 800px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: normal;
    margin-top: 9px;
    border-bottom: 5px solid #363636;
}

* html #slidetable_addborrower { /*IE only. Add 1em spacing between menu and rest of content*/
    margin-bottom: 1em;
    font-size: 12px !important;
}

    #slidetable_addborrower ul {
        float: left;
        list-style-type: none;
        margin: 0;
        margin-left: 0px;
        padding: 0;
        margin-bottom: 0px;
    }

    #slidetable_addborrower li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    #slidetable_addborrower a {
        float: left !important;
        background: url(../images/Backgrounds/table_tab_left.gif) no-repeat left top !important;
        margin: 0px 3px !important;
        padding: 0 0 0 9px !important;
        text-decoration: none !important;
        font-size: 12px !important;
    }

        #slidetable_addborrower a span {
            float: left !important;
            display: block !important;
            background: url(../images/Backgrounds/table_tab_right.gif) no-repeat right top !important;
            padding: 2px 14px 2px 5px !important;
            font-weight: bold;
            color: #333333 !important;
            font-size: 12px !important;
        }

        /* Commented Backslash Hack hides rule from IE5-Mac \*/
        #slidetable_addborrower a span {
            float: none !important;
        }
        /* End IE5-Mac hack */

        #slidetable_addborrower a:hover span {
            color: #333333 !important;
        }

    #slidetable_addborrower #current a {
        background-position: 0 -19px !important;
    }

        #slidetable_addborrower #current a span {
            background-position: 100% -19px !important;
            color: #ffffff !important;
        }

    #slidetable_addborrower a:hover {
        background-position: 0 -19px !important;
        color: #ffffff !important;
    }

        #slidetable_addborrower a:hover span {
            background-position: 100% -19px !important;
            color: #ffffff !important;
        }

.bottom {
    width: 800px;
    height: 5px;
    background: #363636;
    margin-top: 0px;
    padding: 0px;
}

    .bottom.halfsize {
        width: 392px;
    }

/*End - Add Borrower Navigation*/

/* General Paadding Styles - Can be added to any block element */

.paddingZero {
    padding: 0px;
}

.paddingLeftZero {
    padding-left: 0px;
}

.paddingLeftTen {
    padding-left: 10px;
}

.paddingTopFive {
    padding-top: 5px;
}

.paddingRightZero {
    padding-left: 0px;
}

.paddingTopZero {
    padding-left: 0px;
}

.paddingBottomZero {
    padding-left: 0px;
}

/* General Paadding Styles - Can be added to any block element  */

/* General Margin Styles - Can be added to any block element */

.marginZero {
    margin: 0px !important;
}

.marginLeftZero {
    margin-left: 0px !important;
}

.marginRightZero {
    margin-right: 0px !important;
}

.marginTopZero {
    margin-top: 0px !important;
}

.marginBottomZero {
    margin-bottom: 0px !important;
}

.marginTopTen {
    margin-top: 10px !important;
}

.leftColMargin {
    margin-top: 14px !important;
}

.marginRightTen {
    margin-right: 10px !important;
}

/* General Margin Styles - Can be added to any block element  */

/* General padding Styles - Can be added to any block element */

.paddingZero {
    padding: 0px !important;
}

.paddingLeftZero {
    padding-left: 0px !important;
}

.paddingRightZero {
    padding-right: 0px !important;
}

.paddingTopZero {
    padding-top: 0px !important;
}

.paddingBottomZero {
    padding-bottom: 0px !important;
}

paddingTopTen {
    margin-top: 10px !important;
}

.leftColMargin {
    margin-top: 14px !important;
}

/* General padding Styles - Can be added to any block element  */

.borderTopZero {
    border-top: 0px !important;
}

/*Edit Data Styles*/
form {
    margin: 0px;
    padding: 0px;
    border: none;
}

    form fieldset {
        padding: 0px 0px 0px 0px;
        border: none;
        background: none;
    }

span.thirdCol {
    width: 5%;
    margin-left: 0px;
    padding-left: 5px;
    text-align: left;
}

span.ext, span.state {
    width: 5%;
    text-align: right;
    padding-right: 0px;
    margin-right: 0px;
}

span.fourthCol {
    width: 20%;
    margin-left: 0px;
    padding-left: 5px;
    text-align: left;
}

span.dash {
    width: auto;
    margin-left: 3px;
    padding-left: 5px;
    text-align: left;
    font-weight: normal;
}

/* Chagnes made on the instructions of Ali Hassan on 26 04 2007
Here we have made Checkbox and Radio small and rest of the input types are
now at 297px width
*/

form input[type="checkbox"] {
    border-left: none 1px;
    border-bottom: none 2px;
    border-right: none 2px;
    border-top: none 2px;
    BORDER-TOP-STYLE: none !important;
    BORDER-RIGHT-STYLE: none !important;
    BORDER-LEFT-STYLE: none !important;
    BORDER-BOTTOM-STYLE: none !important;
    width: 15px !important;
    margin: 0;
    float: none;
}

form input[type="button"], form input[type="submit"] {
    background: linear-gradient(0deg, #d4d4d4 0%, rgba(255, 255, 255, 1) 45%);
    cursor: pointer;
    padding: 2px 6px;
    margin-top: 0;
}

    form input[type="button"]:active, form input[type="submit"]:active {
        background: #d4d4d4;
    }

form input {
    display: inline;
    float: left;
    width: 297px;
    margin: 5px 0 0 10px;
    border: solid 1px #aca899;
}

/* added */
form image {
    display: inline;
    margin: 5px 0 0 10px;
    border: none !important;
}

form select {
    width: 301px;
}

form small {
    display: inline;
    float: left;
    margin: 10px 0 5px 10px;
    padding-left: 0px;
    font-size: 11px;
    text-align: left;
}

/***** Print Data *****/

.printData {
    width: 100%;
    padding: 1px 0px 9px 0px;
}

input.colWidthMedium {
    text-align: right;
}

.colWidthMedium {
    width: 60px !important;
}

.outputThirdsCol { /*from ali h for 3 col*/
    width: 266px; /*from ali h for 3 col july 4th 07 for ConditionalApproval*/
}

.outputColTwo {
    width: 370px;
}

select.thirdCol {
    width: 98px;
}

textarea {
    overflow: auto;
}

input.check {
    BORDER-TOP-STYLE: none !important;
    BORDER-RIGHT-STYLE: none !important;
    BORDER-LEFT-STYLE: none !important;
    BORDER-BOTTOM-STYLE: none !important;
    padding: 0px;
    width: auto;
}

span.check input {
    border-style: none !important;
    padding: 0px;
    width: auto;
    float: left;
    margin: 9px 0px 0px 10px !important;
}

input.image {
    width: auto;
    border: none;
}

form br {
    clear: left;
}

form.buttons {
    margin-left: 0px;
    padding-left: 0px;
}

.saveButtonWrap {
    padding: 0px;
    margin-top: 10px;
    text-align: left;
}

    .saveButtonWrap a:link, .saveButtonWrap a:visited, .saveButtonWrap a:hover {
        font-size: 12px;
        padding: 0px;
        text-align: left;
        margin: 0 0 0 10px;
        vertical-align: top;
        color: #333333;
    }

.buttonLinkWrap {
    display: inline;
    margin-right: 10px;
}

/*End Edit Data Styles*/

.graphContainer {
    border: 1px solid #666666;
    background: #ffffff;
    width: 375px;
    margin: 0px 5px 0px 5px !important;
}

/*End Edit Data Styles*/

/* Left Navigation */

.sdmenu {
    width: 170px;
    font-family: arial, sans-serif !important;
    font-size: 12px !important;
    padding-bottom: 0px;
    /*background: #eee url(bottom.gif) no-repeat right bottom;*/
    color: #ffffff !important;
}

    .sdmenu .title, .sdmenu .titlehidden {
        display: block;
        padding: 2px 0px 6px 0px;
        line-height: 0px !important;
        font-weight: bold;
        color: #ffffff;
        background: url(../images/Backgrounds/header_middle.gif) top repeat-x;
        cursor: pointer;
        margin-top: 0px !important;
        border-bottom: 1px solid #ffffff;
        margin-bottom: 1px;
    }

    .sdmenu .title {
        border-bottom: 1px solid #ffffff;
        line-height: 0px !important;
        background: url(../images/Backgrounds/header_middle.gif) repeat-x;
        border-bottom: 1px solid #ffffff;
    }

    .sdmenu .arrow {
        margin: 3px 7px 0px 5px;
    }

    .sdmenu .titlehidden {
        border-bottom: none;
    }

    .sdmenu #top {
        background: url(../images/Backgrounds/header_middle.gif) repeat-x;
    }

    .sdmenu .submenu {
        overflow: hidden;
    }

        .sdmenu .submenu a {
            padding: 5px 0;
            text-indent: 10px;
            background: #EEE;
            display: block;
            border-bottom: 1px solid #DDD;
            color: #333333 !important;
            text-decoration: none;
            font-size: 12px !important;
        }

            .sdmenu .submenu a:hover {
                background: #2E2E2E !important;
                color: #ffffff !important;
                font-size: 12px !important;
            }

.listMenu {
    width: 153px;
    font-family: arial, sans-serif !important;
    font-size: 12px !important;
    padding-bottom: 0px;
    /*background: #eee url(bottom.gif) no-repeat right bottom;*/
    color: #ffffff !important;
}

    .listMenu .titleTwo a, .listMenu .titleTwo a:hover {
        display: block;
        padding: 5px 2px 5px 5px;
        font-weight: bold !important;
        font-size: 12px !important;
        color: #ffffff;
        background: url(../images/Backgrounds/header_middle.gif) repeat-x right bottom;
        cursor: pointer;
        margin-top: 0px !important;
        text-decoration: none;
        border-bottom: 1px solid #ffffff;
        line-height: 11px !important;
    }

        .listMenu .titleTwo a:hover {
            background: #363636;
            color: #ffffff !important;
            font-weight: bold !important;
            font-size: 12px !important;
            padding: 5px 2px 5px 5px;
            line-height: 11px !important;
        }

    .listMenu .dropArrow {
        margin: -16px 3px;
        padding: 0;
        border: 0;
    }

    .listMenu .titleTwohidden {
        border-bottom: none;
    }

    .listMenu .submenuTwo {
        overflow: hidden;
    }

        .listMenu .submenuTwo a {
            padding: 5px 0;
            text-indent: 10px;
            background: #EEE;
            display: block;
            border-bottom: 1px solid #DDD;
            color: #333333 !important;
            text-decoration: none;
            font-size: 12px !important;
        }

            .listMenu .submenuTwo a:hover {
                background: #2E2E2E !important;
                color: #ffffff !important;
                font-size: 12px !important;
            }

/* End - Left Navigation */

.searchBtnWrap {
    padding: 0px 8px 0px 0px;
}

/* Text Styles */

h5 {
    margin: 0px;
    font-size: 13px;
}

/* Alignment */

.textAlignRight {
    text-align: right !important;
}

.textAlignLeft {
    text-align: left !important;
}

.textAlignCenter {
    text-align: center !important;
}

/* Color */

.redText {
    color: red !important;
}

.greenText {
    color: green !important;
}

/* End - Text Styles */

.addNoteBox {
    padding: 0px 5px !important;
    margin: 10px 0px 0px 0px !important;
}

    .addNoteBox a.addNoteLink, .addNoteBox a.addNoteLink:hover {
        background: #F4F4F4 !important;
        cursor: default !important;
        color: #000000 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .addNoteBox select {
        margin-bottom: 10px !important;
        width: 145px;
    }

    .addNoteBox textarea {
        margin-bottom: 10px !important;
        width: 140px;
    }

    .addNoteBox input {
        margin-bottom: 10px !important;
    }

.rowTwoFix {
    margin-top: 8px !important;
}

/*for error MSG control*/
.Heading {
    font-weight: bold;
    background-color: Red;
    color: White;
}

.Error {
    color: Red;
}

/*From naveed 10th march 2007 for error MSG control*/
.Information {
    color: Blue;
}

.Warning {
    color: Orange;
}

/*From naveed 10th march 2007 for error MSG control*/

.borderTop td {
    border-top: 1px solid #666666;
}

.radGridAlternate {
    background-color: #DFE8E1;
}

.outputColOne {
    width: 364px; /*from ali hassan on 26th may for Account Setup*/
}

.floatLeft {
    float: left;
    margin-top: 0px; /*from ali hassan on 4th may for view  page top margin*/
}

.floatRight {
    /*float: inherit;*/
    margin-top: 0px; /*from ali hassan on 4th may for view  page top margin*/
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    margin-top: 0px; /*from ali hassan on 4th may for view  page top margin*/
    margin-left: 0px;
    margin-bottom: 0px;
    display: inline-block;
}

form label {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    background: none;
    width: 20%;
    display: block;
    float: left;
    padding-left: -20px;
    margin-top: 9px;
}



.labelNew {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background: none;
}

/* edited by Kannitha for database selection page*/
.labelNew_9pt {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    background: none;
}

/* edited by Ali h check box label*/
checkboxlabel2 {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    margin-top: 9px;
    padding-left: -20px;
    width: 20%;
    background: none;
}

labelDec {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    margin-top: 9px;
    padding-left: -20px;
    width: 20%;
    background: none;
}

span.label, span.thirdCol, span.ext, span.state, span.fourthCol, span.dash {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    margin-top: 9px;
    padding-left: -20px;
    width: 20%;
    background: none;
}

span.customlabel {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    margin-top: 9px;
    padding-left: -20px;
    width: 110px;
    background: none;
}

span.labelunderline {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
    text-align: right;
    margin-top: 9px;
    margin-left: 5px; /* Added By naveed 21 feb 2007*/
    padding-left: -20px;
    /*width: 165px;*/
    background: none;
}

span.labelunderlinered {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    color: Red;
    text-decoration: underline;
    text-align: right;
    margin-top: 9px;
    margin-left: 5px; /* Added By naveed 21 feb 2007*/
    padding-left: -20px;
    /*width: 165px;*/
    background: none;
}

span.customlabelheading {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    margin-top: 9px;
    padding-left: -20px;
    width: 115px;
    background: none;
}

.classred {
    color: Red;
}

label.thirdCol {
    width: 5%;
    margin-left: 0px;
    padding-left: 5px;
    text-align: left;
}

label.ext, label.state {
    width: 5%;
    text-align: right;
    padding-right: 0px;
    margin-right: 0px;
}

label.fourthCol {
    width: 20%;
    margin-left: 0px;
    padding-left: 5px;
    text-align: left;
}

label.fifthCol {
    width: 20%;
    margin-left: 0px;
    padding-left: 5px;
    text-align: left;
    white-space: nowrap;
}

label.dash {
    width: auto;
    margin-left: 3px;
    padding-left: 5px;
    text-align: left;
    font-weight: normal;
}

.printData label {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    margin-top: 9px;
    padding-left: -20px;
    width: 40%;
    background: none;
}

.printData .dataOutput {
    display: inline;
    float: left;
    width: 150px;
    margin: 9px 0 0 10px;
    text-align: left;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    word-wrap: break-word; /* Under testing, 15.May 2007 - [Alinawaz] */
}

.dataOutputRed {
    display: inline;
    float: left;
    width: 150px;
    margin: 9px 0 0 10px;
    text-align: left;
    font-size: 12px;
    color: Red;
    font-weight: normal;
}

.mainNavigationHeader {
    background: red url(../images/Backgrounds/grey_header_bg.jpg) repeat-x;
    color: #ffffff;
    font-weight: normal !important;
    font-size: 11px;
    border: 0px;
    width: 100%;
    height: 28px;
    border-collapse: collapse;
    background-color: #103FFB;
    padding-top: 2px !important; /*from ali h oct 24 for underwriting dropdown*/
    /* padding-right: 2px !important;  Fabio 16MAY2015 */
}

.mainNavigationHeader98 {
    background: red url(../images/Backgrounds/grey_header_bg.jpg) repeat-x;
    color: #ffffff;
    font-weight: normal !important;
    font-size: 11px;
    border: 0px;
    width: 98%;
    height: 28px;
    border-collapse: collapse;
    background-color: #103FFB;
    padding-top: 2px !important; /*from ali h oct 24 for underwriting dropdown*/
    padding-right: 2px !important;
}

.mainNavigationHeaderRed {
    background: red url(../images/Backgrounds/grey_header_bg_red.gif) repeat-x;
    color: #ffffff;
    font-weight: normal !important;
    font-size: 11px;
    border: 0px;
    width: 100%;
    height: 28px;
    border-collapse: collapse;
    background-color: #103FFB;
    padding-top: 2px !important; /*from ali h oct 24 for underwriting dropdown*/
    padding-right: 2px !important;
}

/* edited by Farraz for modal dialog */
.modalBackground {
    background-color: Gray;
    /*filter:alpha(opacity=60);*/
    /*opacity:0.60;*/
}
/* edited by ALI Hassan for modal dialog */
.modalPopup {
    background-color: #f4f4f4;
    border-width: 3px;
    border-style: solid;
    border-color: Green;
    padding: 3px;
    width: 300px;
    height: 105px;
}
/* edited by Farraz*/

.mainNavigationHeaderCol1 {
    padding-left: 9px;
    padding-right: 10px !important;
}

.mainNavigationHeaderGreen {
    padding-left: 9px;
    background-color: #02803E;
    text-align: center;
    font-weight: bold;
}

.mainNavigationHeaderCol2 div {
    float: right;
    padding-right: 6px;
}

.mainNavigationHeader a, .mainNavigationHeader a:hover /* Added By naveed 6th march 2007 */ {
    font-size: 11px;
    font-weight: normal;
    color: #ffffff !important;
}

.mainNavigationHeader98 a, .mainNavigationHeader98 a:hover /* Added By naveed 6th march 2007 */ {
    font-size: 11px;
    font-weight: normal;
    color: #ffffff !important;
}

.puffyboxheader2 {
    background: url(../images/Backgrounds/puffybox_header_right.gif) no-repeat top right;
    margin: 0px 0px 0px 0px;
    padding: 0;
    text-align: left;
    width: 800px;
}

    .puffyboxheader2 a:link, .puffyboxheader2 a:visited, .puffyboxheader2 a:hover {
        color: white !important;
        font-weight: bold !important;
        font-size: 12px !important;
    }

    .puffyboxheader2 h2 {
        background: url(../images/Backgrounds/puffybox_header_left.gif) no-repeat top left;
        margin: 0;
        padding: 9px 16px 6px 12px; /* See images to judge the measurements */
        color: white;
        font-weight: bold;
        font-size: 14px;
        line-height: 1em;
    }

.pageListTwo2 {
    font-size: 11px !important;
    color: #000000 !important;
}

.textboxHeader {
    height: 15px;
    margin-top: 1px !important;
}
/* r.a.d.grid MS VantageILM skin */

/*From ali h 7th may 07 : for all the Rad Skins, the font is now Arial, Verdana, Sans-Serif and not Verdana*/

.RadGrid_VantageILM th {
    font: 11px Arial, Verdana, Sans-Serif;
    background: white url('../images/Backgrounds/GridHeaderBg.jpg') repeat-x bottom;
    border-top: solid 1px #FFCC00;
    text-decoration: none;
    border-bottom: solid 1px #666666;
    border-left: solid 1px #666666;
    border-top: solid 1px #666666; /* Added By ali hassan 22 feb 2007*/
    padding-left: 6px; /*more than items to compensate for item borders!*/
    height: 2px;
    color: black;
}

.GridItemDropIndicator_VantageILM {
    background-color: red !important;
}

/*.RadGrid_VantageILM th
{
background: white url('../images/Backgrounds/GridHeaderBg.jpg') repeat-x bottom;
border-top: solid 1px #666666;
border-bottom: solid 1px #666666;
padding-left: 6px; // more than items to compensate for item borders! //
font: 10px Verdana, Arial, Sans-serif;
color: black;
}
*/

.creditReport input[type="checkbox"] {
    margin: 8px 0px 0px 0px;
    float: left;
}

.RadGrid_VantageILM th a {
    font: 10px Arial, Verdana, Sans-Serif;
    height: 15px;
    width: auto;
    color: black;
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
}

.RadGrid_VantageILM th input {
    BORDER-TOP-STYLE: none !important; /*from ali h 9th may 2007 for client view grid arrow groove issue*/
    BORDER-RIGHT-STYLE: none !important;
    BORDER-LEFT-STYLE: none !important;
    BORDER-BOTTOM-STYLE: none !important;
    width: auto;
    height: auto;
    padding: 0 0 0 0 !important;
    margin: 0 0 0 7px !important; /*ali h 28th june for payment manager*/
    float: none !important;
    /*position: relative !important;*/
}

.RadGrid_VantageILM {
    background: white;
    border: 1px solid #666666;
    cursor: VantageILM;
}

    .RadGrid_VantageILM table td {
        height: 18px;
    }

.MasterTable_VantageILM {
}

.RadGrid_VantageILM th {
    font: 11px Arial, Verdana, Sans-Serif;
    background: white url('../images/Backgrounds/GridHeaderBg.jpg') repeat-x bottom;
    border-top: solid 1px #FFCC00;
    text-decoration: none;
    border-bottom: solid 1px #666666;
    border-left: solid 1px #666666;
    border-top: solid 1px #666666; /* Added By ali hassan 22 feb 2007*/
    padding-left: 6px; /*more than items to compensate for item borders!*/
    height: 15px; /*From ali hassan For grid jump*/
    color: black;
}

.RadGrid_VantageILM td,
.RadGrid_VantageILM td a {
    font: 11px tahoma;
    color: #000000;
    padding-top: 4px !important; /*from ali h for UserGroupsSecurity aug 20th 07*/
}

  


.GridHeader_VantageILM,
.ResizeHeader_VantageILM {
    color: white;
    border-bottom: 4px solid #7e7d68;
    border-right: 1px solid #7e7d68;
    background: #EFEBDE;
    margin-left: 7px;
    padding: 4px 5px;
}

    .GridHeader_VantageILM img {
        vertical-align: middle;
    }

    .GridHeader_VantageILM a {
        color: black;
    }

.GridRow_VantageILM td {
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    padding-left: 3px;
    background: #f7f7f7;
}

.GridAltRow_VantageILM td {
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666; /* from ali hassan 21 feb 2007 */
    padding-left: 3px;
    background: #C0C0C0;
}

.SelectedRow_VantageILM td,
.GridEditRow_VantageILM td {
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    padding-left: 3px;
    background: #BED6E0;
}

.GridEditRow_VantageILM INPUT {
    font-size: 11px;
}

.ActiveRow_VantageILM {
    background: #f3f7f9;
}

.GridPager_VantageILM td {
    padding-left: 6px;
}

.GridPager_VantageILM a {
    color: black;
}

tr.GroupHeader_VantageILM td {
    background: #f3f3eb;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
}

.GroupPanelItems_VantageILM {
    background: #efebde;
    border: solid 1px #333;
}

    .GroupPanelItems_VantageILM img {
        vertical-align: middle;
        margin-top: 4px !important;
    }

.GroupPanel_VantageILM {
    background: #7e7d68;
    border-collapse: collapse;
    width: 100%;
}

    .GroupPanel_VantageILM td {
        color: white;
        padding: 2px;
    }

.summerVacationWrapper {
    background-color: #fff;
    background-image: url(img/Backgrounds/background.gif);
    background-repeat: no-repeat;
    height: 362px;
    width: 721px;
    cursor: default;
}

.frmFieldsWrapper TD {
    vertical-align: top;
    color: #0098cb;
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
}

.frmFieldsWrapper {
    margin-left: 1px;
    margin-right: 1px;
}

.dateCombo {
    width: 90px;
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 10px;
}

.datePicker {
    width: 84px;
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 9px;
    border: solid 1px #7f9db9;
    float: left;
}

.datePickerBtn {
    border: 0px;
    float: left;
    margin-left: 1px;
    margin-right: 3px;
    cursor: hand;
}

.frmControls TD {
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 11px;
    color: #8f8666;
}

.makeReservation {
    background-image: url(img/makeReservationBtnBg.gif);
    background-repeat: no-repeat;
    background-color: Transparent;
    width: 156px;
    height: 22px;
    border: 0px;
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 11px;
    color: #553c0c;
    float: right;
}

.borderSolidAll {
    border-style: solid;
    border-width: 1px;
}

.blueBoldText {
    font-size: 10px;
    font-weight: bold;
    color: Navy;
}

.fundingWorksheetTable {
    /*width:790px !important;*/ /*From naveed 14th march*/
    margin: 0px 5px 9px 5px;
    border: 1px solid #666666;
    border-collapse: collapse;
    background: #ffffff;
}

.twoFifthSizeTable {
    width: 285px !important;
}

.fundingWorksheetTable th {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    padding: 2px 10px;
    background: url(../images/Backgrounds/table_header_two_bg.jpg) repeat-x;
    border-right: 1px solid #666666;
    border-top: 1px solid #666666;
}

.fundingWorksheetTable tbody.withLabels th {
    text-align: right;
    padding: 2px 10px;
    background: #FFFFFF;
    border: 0px solid #666666;
    border-right: 1px solid #666666;
}

.fundingWorksheetTable td {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    padding: 2px 3px 2px 3px;
    border: 1px solid #666666;
}

    .fundingWorksheetTable td input {
        margin: 2px 3px 2px 3px;
    }

        .fundingWorksheetTable td input.colWidthMedium {
            margin-left: 10px !important;
        }

    .fundingWorksheetTable td a, a:hover {
        color: #000000 !important;
        font-weight: normal !important;
        font-size: 11px !important;
    }

.tableSectionSeparator {
    border-top: 1px solid #666666 !important;
}

.fundingWorksheetTable tfoot tr td {
    padding: 10px;
}

.threeFifthSizeTable {
    width: 515px !important;
}

.tableSectionHeading {
    font-weight: bold !important;
    border-top: 1px solid #666666 !important;
}

.colWidthSmaller {
    Width: 50px !important;
}

.CustomRef a { /* Added By Khurram Kalimi */
    background: #F4F4F4;
    margin: 0;
    padding: 0px 0px 0px 0px; /* See images to judge the measurements */
    color: blue;
    font-weight: normal;
    font-size: 12px;
    line-height: 1em;
}

/* Added By Khurram Kalimi 21 feb 2007*/
.textboxwidthdeductible {
    width: 50px !important;
}

.labelsmall {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    margin-top: 9px;
    padding-left: -20px;
    width: 52px;
    background: none;
}

.printDataCustom {
    width: 300px;
    padding: 1px 0px 9px 0px;
}
/* Added By Khurram Kalimi 21 feb 2007*/

/* Added By ali hassan 21 feb 2007 */

.RadGrid_VantageILM th a {
    font: 11px Arial, Verdana, Sans-Serif;
    text-decoration: none;
    padding-left: 6px; /*more than items to compensate for item borders!*/
    height: 2px;
    color: black;
}
/* Added By ali hassan 21 feb 2007*/

/* Added By naveed 21 feb 2007*/

.alertboxwidth {
    width: 523px; /* Added By naveed 6th march 2007*/
}

.labelsmall {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    margin-top: 9px;
    padding-left: -20px;
    width: 52px;
    background: none;
}

.alertControlContainer {
    /*overflow:auto;*/
    height: 123px;
    width: 400px;
    margin-left: 3px;
    font-size: 11px;
}

.brwrSummaryContainer {
    /*overflow:auto;*/
    height: 325px;
    width: 300px;
    margin-left: 3px;
    font-size: 11px;
}

.ClippedText_ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

/* Added By naveed 21 feb 2007*/

/* Added By Khurram Kalimi 22 feb 2007  (class for pop-up window)*/

/*Removed by Shajee on 05092007  -- They are not needed and they are giving lot of problem
/* when we are moving the dialogs on the Left Nav

/* Added By Khurram Kalimi 22 feb 2007*/

/* Added By Khurram Kalimi 24 feb 2007 */
.literalinEdit /* for literals in edit screen*/ {
    display: inline;
    float: left;
    width: 150px;
    margin: 9px 0 0 10px;
    text-align: left;
    font-size: 12px !important;
    color: #000000;
}

.calculationbox /*width for calculation boxes*/ {
    width: 300px;
}

.widthleft /*width for divs in calculation box*/ {
    width: 90%;
    white-space: nowrap;
    display: inline;
}

.widthright {
    width: 70%;
    white-space: nowrap;
    display: inline;
}

.leftall /*for left aligned text*/ {
    text-align: left !important;
    padding-left: 3px;
}

.rightall {
    text-align: right !important;
}

span.leftlabel /*for left aligned labels*/ {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    margin-top: 9px;
    padding-left: -20px;
    width: 20%;
    background: none;
}

/* Added By Khurram Kalimi 24 feb 2007*/

/* naveed 1st  march for header and footer*/

.gridFooter {
    text-align: right !important;
    width: 100%;
    font-size: 11px;
    white-space: nowrap;
}

    .gridFooter a, .gridFooter a:hover {
        font-size: 12px !important;
        font-weight: bold !important;
        color: #103FFB !important;
    }

.gridHeader {
    margin-top: -3px !important;
}

    .gridHeader a, .gridHeader a:hover {
        font-size: 12px !important;
        font-weight: bold !important;
        color: #FFFFFF !important;
    }
/* naveed 1st  march*/

/* naveed 2nd  march for dealerBuyback (page)*/
.dealerBuybackTable td {
    padding-left: 5px;
    text-align: right;
    font-size: 11px;
    font-weight: normal;
}

    .dealerBuybackTable td input {
        float: right;
    }

.dealerBuybackTable th.heading {
    font-weight: bold;
    text-align: right;
}

.dealerBuybackTable th.sectionheading {
    font-weight: bold;
    text-align: left;
    padding-left: 5px !important;
}

.dealerBuybackTable th {
    text-align: left;
    padding-left: 10px;
    font-size: 11px;
    font-weight: normal;
}

tr.startSection td {
    border-top: solid 1px black;
}
/* naveed 2nd  march*/

/* naveed 6th  march for cursor on processrecoverypayment.aspx grid*/

.cursorHand {
    cursor: pointer;
}
/* naveed 6th  march*/

.coltitle {
    width: 25%; /* from naveed 14th  march*/
    white-space: nowrap;
}

    .coltitle span {
        float: right !important;
    }

/*
This   Span is added by shajee 8th March for the workign
of Transaciton and Account Search Controls on IE 6 and IE 7

*/

span.customlabel2 {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    background: none;
    /*
    text-align:right;
    margin-top:9px;
    padding-left: -20px;
    display: block;
    float: left;
    */
}

/* From M.Kamran 3rd May - Begin*/
span.customlabelW120 {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    margin-top: 9px;
    padding-left: -20px;
    width: 120px;
    background: none;
}
/* From M.Kamran 3rd May - End*/

/* From Naveed 9th march for Grid header footer images*/

.imagenext {
    background-image: url(../images/Icons/right-arrow.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    background-position: center;
}

.imageprev {
    background-image: url(../images/Icons/left-arrow.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    background-position: center;
}

.imageup {
    background-image: url(../images/Icons/up-arrow.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    background-position: bottom;
    margin-left: 5px !important; /*from ali hassan on june 08 2007*/
}

.imagedown {
    background-image: url(../images/Icons/down-arrow.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    background-position: center;
    margin-left: 6px !important; /*from ali hassan on june 08 2007*/
}

/* From Naveed 9th march for Grid header footer images*/

/* From Naveed 10th march for errorlist control*/
.errorlist {
    font-size: 8pt;
    list-style-type: disc;
    color: Red;
    padding-top: 0px;
    margin-top: 7px;
    padding-bottom: 0px;
    margin-bottom: 7px;
}

    .errorlist li.item {
        margin-top: 4px;
    }

.errorlistsummary {
    margin-left: 16px;
    /*margin-top: -19px;     Fabio 15FEB2016 */
}
/* From Naveed 10th march for errorlist control*/

/* From ali hassan 13th march for funding approcal declination*/

.inputbox2 {
    width: 75px !important;
    float: right;
}

    .inputbox2:hover {
        width: 75px !important;
        float: right;
    }

.customlabel3 {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin-top: 9px;
    padding-left: -20px;
    width: 75px;
    background: none;
    padding-left: 5px;
}

.customlabel4 {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin-top: 9px;
    /*padding-left: -20px;*/
    /*width: 25px;*/
    background: none;
    padding-left: 5px;
}

/* From naveed 14th march for Borders on the top (links)*/

.boxheader a, .boxheader a:hover {
    color: white !important;
    font-weight: bold !important;
    font-size: 12px !important;
}

.dataOutput2 {
    display: inline;
    float: left;
    width: 100%;
    margin: 9px 0 0 6px;
    text-align: left;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    word-wrap: break-word; /* Added to make it consistent with dataOutput css class, 28th May 2007 - [Naveed] */
}

    .dataOutput2 a:hover {
        font-size: 12px !important;
    }

/* From naveed 14th march for Borders on the top (links)*/

/* From khurram 19th march for left aligned small labels*/

.dataOutputNew { /* KA - created to replace .dataQout2 with this one */
    /* display: inline;  Fabio 16MAY2015 */
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

    .dataOutputNew a:hover {
        font-size: 12px !important;
    }

span.leftlabel1 {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    margin-top: 9px;
    padding-left: -20px;
    width: 70%;
    background: none;
}
/* From khurram 19th march for left aligned small labels*/

/* From kamran 19th march for table header*/

td.VantageGridHeader {
    font: bold 10px Arial, Verdana, Sans-Serif;
    background: white url('../images/Backgrounds/GridHeaderBg.jpg') repeat-x bottom;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #bbb;
    padding-left: 6px;
    height: 22px;
}

/* From kamran 19th march for table header*/

/* From Faraz 03rd April for */

.radCheck input {
    display: inline;
    float: left;
    margin: -2px 0 0 5px; /*from ali h for UserGroupsSecurity aug 20th 07*/
    width: 15px !important;
    border: solid 0px black;
}

.CollapsePanel {
    text-align: left !important;
    width: 100%;
    font-size: 11px;
    white-space: nowrap;
}
/* From Faraz 03rd April for */

/* From Ali Nawaz 04rd April for confirm template */

bodyconfirmtemplate {
    background: white;
    font: normal 11px Arial, Verdana, Sans-serif;
    overflow: hidden;
}

buttonconfirmtemplate {
    background: url(Img/modalBtnBg.gif) no-repeat;
    border: 0px;
    width: 78px;
    height: 20px;
    color: #333;
    font: normal 11px Arial, Verdana, Sans-serif;
    margin: 2px;
}

FixedDivconfirmtemplate {
    font: normal 11px Arial, Verdana, Sans-serif;
    margin: 3px;
    color: black;
    text-align: center;
}
/* From Ali Nawaz 04rd April for confirm template */

/* From Khurrum 13rd April for hiddden date */
.displaynone {
    display: none;
}
/*By Ali Hassan For ApprovalDeclination Dialogs*/
.approvedeclinefont {
    font: Bold 12px Arial, Verdana, Sans-serif;
    padding-left: 5px;
    vertical-align: bottom;
}

/*16th april By Ali Hassan For all digit entries/input box (right align) */
.dataOutputdigit {
    display: inline;
    float: left;
    width: 150px;
    margin: 9px 0 0 10px;
    text-align: right;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

.dataOutputdigitHalf {
    display: inline;
    float: left;
    width: 90px;
    margin: 9px 0 0 10px;
    text-align: right;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

/*19th april By Ali Hassan For DealerView Page for Half Width of label*/
.printDataHalf label {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    margin-top: 9px;
    padding-left: -20px;
    width: 21%;
    background: none;
}

.dataOutputHalf {
    display: inline;
    float: left;
    width: 150px;
    margin: 9px 0 0 10px;
    text-align: left;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

/*from ali h for three col label*/
.printData2 .dataOutput2 {
    display: inline;
    float: left;
    width: 100px;
    margin: 9px 0 0 10px;
    text-align: left;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

/*These clasees for the links which are in grid Approved by ALi Hassan*/
a.gridlink, a.gridlink:hover {
    color: #006400 !important;
    font-weight: bold !important;
    font-size: 11px !important;
}

/* Security Group Area This is the Css class for the Security Group Compare Page. Approved By Ali Hassan */
span.actionLabel {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
    margin-top: 2px;
    padding-right: -20px;
    width: 110px;
    background: none;
}

span.categoryLabel {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    margin-top: 2px;
    padding-right: -20px;
    width: 110px;
    background: none;
}

tr.category {
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    /*	padding: 3px;*/
    background-color: #C2C2C2;
}

tr.action-odd {
    background-color: #F9F9F9;
}

tr.action-even {
    background-color: white;
}

tr.seperator {
    background-color: #E1E1E1;
}

/*High tone 3E3E3E Mid tone 666666Low tone C0C0C0

H F9F9F
M C2C2C2
L E1E1E1

M b7b7b7
H 8b8b8b

*/
td.securitygroup {
    font-family: Arial;
    font-size: 9pt;
    font-weight: normal;
    border-top: sold 1px gray;
    background-color: #F9F9F9;
    border-left: solid 1px #3E3E3E;
}

td.assignment {
    border-left: solid 1px #3E3E3E;
}

/*These clasees for the RowContextMenu & ContextMenuItems Approved by Faisal*/

.DefaultContextMenu {
    width: 40px !important;
}

.MediumSizeContextMenu {
    width: 130px !important;
}

.ContextMenuEditItem {
    width: 66px;
}

.inputbox3 {
    text-align: right;
}

/*From ali h for label in middel col width: 100px; */
.customlabel5 {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 9px;
    padding-left: -20px;
    width: 100px;
    background: none;
}

/* Fabio 25MAY2015 */
.labelLogin {
    margin: 5px 0 0 10px;
}

/*From ali h for Kamran's loginscrren label in width: 220; */
.customlabel6 label {
    text-align: left;
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 9px;
    padding-left: -20px;
    width: 220px;
    background: none;
}

/* added by Farraz for textbox*/

.inputsmall {
    border-style: groove !important;
    display: inline;
    float: left;
    width: 195px !important;
    margin: 5px 0 0 10px;
    border: solid 1px #aca899 !important;
}

/* Added by Alinawaz for underline */
.underline {
    text-decoration: underline !important;
}

/*From ali h 18 may 2007 for 4 Col pages (BillView.aspx)*/
.outputColFour {
    width: 195px;
}

/*From alih for notes multiline on may 23 2007*/
.textarea2 {
    height: 110px;
}
/* created by farraz for dataverification*/
th.DataVerification {
    font: bold 10px Verdana, Arial, Sans-Serif;
    background: white url('../images/Backgrounds/GridHeaderBg.jpg') repeat-x bottom;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #bbb;
    padding-left: 6px;
    height: 22px;
}

.dataverificationitems {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    text-decoration: none;
    text-align: center;
    margin-top: 9px;
    padding-left: -20px;
    width: 75px;
    background: none;
    word-wrap: break-word;
}

.customlabel40percent /*from ali h for BillView.aspx on 26th may 2007*/ {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 9px;
    padding-left: -20px;
    width: 40%;
    background: none;
}

.dataverificationTopheading {
    display: block;
    float: left;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding-left: -20px;
    width: 100%;
}

.widthDWComments {
    width: 140px !important;
}

/* Commited by farraz, Approved by Alihassan, used for '*' for required field */
.requiredfield {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin-top: 9px;
    padding-left: -20px;
    width: 0px;
    background: none;
}

.wordwrap {
    word-wrap: break-word; /*From ali hassan on 4th june */
}

/*From ali hassan on 5th june for 5px left margin*/
.customlabel5leftmargin {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    text-decoration: none;
    margin-top: 9px;
    padding-left: -20px;
    width: 100px;
    background: none;
    margin-left: 10px;
}

.greenunderline {
    BORDER-BOTTOM: #103FFB 1px solid;
}

div#check_box_div input {
    border-left: none 1px;
    border-bottom: none 2px;
    border-right: none 2px;
    border-top: none 2px;
    BORDER-TOP-STYLE: none !important;
    BORDER-RIGHT-STYLE: none !important;
    BORDER-LEFT-STYLE: none !important;
    BORDER-BOTTOM-STYLE: none !important;
    width: 15px !important;
    margin: 0px 0px 0px 0px;
    float: none;
}

.puffyboxnew {
    margin: 0;
    background: url(../images/Backgrounds/puffybox_body_center_new.gif) center right;
    font-size: 100%;
}

.puffyboxbodynew {
    background: url(../images/Backgrounds/puffybox_body_left_new.gif) repeat-y bottom left;
    margin: 0;
    padding: 5px 0px 0px 8px;
    text-align: left;
    width: 780px; /* Fabio 14NOV2015 to fix issue with manual waterlfall page - 800px; */
}

.puffyboxfooternew {
    background: url(../images/Backgrounds/puffybox_body_right_new.gif) no-repeat top right;
    margin: 0;
    text-align: left;
    width: 800px;
    height: 14px !important;
}

.puffyboxheadernew {
    background: url(../images/Backgrounds/puffybox_header_right.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 800px;
}

    .puffyboxheadernew h2 {
        background: url(../images/Backgrounds/puffybox_header_left.gif) no-repeat top left;
        margin: 0;
        padding: 9px 16px 6px 12px; /* See images to judge the measurements */
        color: white;
        font-weight: bold;
        font-size: 14px;
        line-height: 1em;
    }

    .puffyboxheadernew a:link, .puffyboxheadernew a:visited, .puffyboxheadernew a:hover {
        color: white !important;
        font-weight: bold !important;
        font-size: 12px !important;
    }

.puffyboxfooterleftnew {
    background: url(../images/Backgrounds/puffybox_footer_left_new.gif) no-repeat top left;
    margin: 0;
    text-align: left;
    width: 2%;
    height: 14px !important;
}

.puffyboxfooterrightnew {
    background: url(../images/Backgrounds/puffybox_footer_right_new.gif) no-repeat top right;
    margin: 0;
    text-align: left;
    width: 2%;
    height: 14px !important;
}

.puffyboxfootercenternew {
    background: url(../images/Backgrounds/puffybox_footer_center_new.gif) top right;
    margin: 0;
    text-align: left;
    height: 14px !important;
}

.staticborder /*from ali h for grid header of Rad grid 2nd june 07*/ {
    border-bottom: 2px !important;
}

/*Farraz */
.CashierBatchItems {
    width: 75px !important;
    float: none;
    font: 9px;
    MARGIN: 5px 0px 3px 1px;
    BORDER-TOP-STYLE: groove !important;
    BORDER-RIGHT-STYLE: groove !important;
    BORDER-LEFT-STYLE: groove !important;
    BORDER-BOTTOM-STYLE: groove !important;
}

/*From ali hassan 10july 2007 for small puffy*/

.puffyboxsmall {
    margin: 0;
    background: url(../images/Backgrounds/puffybox_body_center_new.gif) center right;
    font-size: 100%;
    width: 370px;
}

.puffyboxbodysmall {
    background: url(../images/Backgrounds/puffybox_body_left_new.gif) repeat-y bottom left;
    margin: 0;
    padding: 5px 0px 0px 8px;
    text-align: left;
    width: 360px;
}

.puffyboxfootersmall {
    background: url(../images/Backgrounds/puffybox_body_right_small.gif) no-repeat top right;
    margin: 0;
    text-align: left;
    width: 370px;
    height: 20px !important;
}

.puffyboxheadersmall {
    background: url(../images/Backgrounds/puffybox_header_right.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 370px;
}

    .puffyboxheadersmall h2 {
        background: url(../images/Backgrounds/puffybox_header_left.gif) no-repeat top left;
        margin: 0;
        padding: 9px 16px 6px 12px; /* See images to judge the measurements */
        color: white;
        font-weight: bold;
        font-size: 14px;
        line-height: 1em;
    }

    .puffyboxheadersmall a:link, .puffyboxheadersmall a:visited, .puffyboxheadersmall a:hover {
        color: white !important;
        font-weight: bold !important;
        font-size: 12px !important;
    }
/*From ali hassan 10july 2007 for small puffy*/

.GridHeader_VantageILM_scroll, /*From ali hassan 16 july 2007 for grid bottom border*/
.ResizeHeader_VantageILM {
    color: white;
    border-bottom: 3px solid #7e7d68 !important;
    border-right: 1px solid #7e7d68;
    background: #EFEBDE;
    margin-left: 7px;
    padding: 4px 5px;
}

.clearfix_master {
    margin-top: 0px !important; /*from ali hassan on 4th may for view  page top margin*/
    display: inline-block;
}

.codesnippet td {
    font-family: Courier New;
    font-size: 11px;
}

P {
    margin: 0px;
}

.master_dialog_body {
    background: #ffffff;
    padding: 0px 7px 0px 7px;
}

.lnkbtnleftnav, .lnkbtnleftnav a:link, .lnkbtnleftnav a:visited, .lnkbtnleftnav a:hover {
    color: black !important;
    font-size: 11px !important;
}

.autoscroll /*ali h for general 30th aug07*/ {
    overflow: auto;
}

.editorheight /*ali h for editor 30th aug07*/ {
    height: 520px !important;
}

.xmlblock {
    display: block;
    font-size: 12px;
}
/* added by naveed for inc & exp grid*/
.incexpgrid {
    table-layout: fixed;
}

    .incexpgrid tr.header td {
        font-weight: bold;
    }

    .incexpgrid td {
        font-size: 12px;
    }

    .incexpgrid tr.footer td span {
        font-weight: bold;
        margin-right: 27px;
    }

    .incexpgrid td.typecolumn {
        width: 220px;
    }

    .incexpgrid td.amountcolumn {
        width: 120px;
    }

    .incexpgrid td.totalcolumn {
        width: 100px;
    }
/* end*/

/* added by naveed for Deal structure grid*/
.dealstructgrid {
}

    .dealstructgrid tr.header td {
        font-weight: bold;
    }

    .dealstructgrid td {
        font-size: 12px;
    }

        .dealstructgrid td.namecolumn {
            width: 150px;
        }

        .dealstructgrid td.dealer_lendercolumn {
            width: 118px;
            padding-left: 10px;
        }

        .dealstructgrid td.valuecolumn {
            width: 125px;
        }
/* end*/

.image2 {
    display: inline;
    margin: 0px 0 0 10px !important;
    width: auto;
    border: none;
}

span.ItemizationLabel {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    margin-top: 9px;
    padding-left: -20px;
    width: 85px;
    background: none;
}

.customlabel3_numeric_fix {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin-top: 9px !important;
    padding-top: 9px !important;
    padding-left: -20px;
    width: 75px;
    background: none;
}

.NumericRadControlInputBox {
    text-align: left !important;
    margin-top: 5px !important;
    margin-left: 10px !important;    
    width: 150px;
    background: none;
}

.customlabel4_numeric_fix {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin-top: 9px;
    margin-bottom: 9px;
    padding-left: -20px;
    width: 15px;
    padding: -10px 10px 10px 10px !important;
    background: none;
}

.test1 {
    width: 100px !important;
}

.boldtext {
    font-weight: bold !important;
}

/* Faraz [11-06-07] */
td.VantageGridHeader {
    font: bold 10px Arial, Verdana, Sans-Serif;
    background: white url('../images/Backgrounds/GridHeaderBg.jpg') repeat-x bottom;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #bbb;
    padding-left: 6px;
    height: 22px;
}

.boldtext {
    font-weight: bold !important;
}

.labelskin_50 {
    width: 50px !important;
}

.labelskin_60 {
    width: 60px !important;
}

.labelskin_70 {
    width: 70px !important;
}

.labelskin_75 {
    width: 75px !important;
}

.labelskin_80 {
    width: 80px !important;
}

.labelskin_90 {
    width: 90px !important;
}

.labelskin_100 {
    width: 100px !important;
}

.labelskin_110 {
    width: 110px !important;
}

.labelskin_120 {
    width: 120px !important;
}

.labelskin_130 {
    width: 130px !important;
}

.labelskin_140 {
    width: 140px !important;
}

.labelskin_150 {
    width: 150px !important;
}

.labelskin_160 {
    width: 160px !important;
}

.labelskin_170 {
    width: 170px !important;
}

.labelskin_180 {
    width: 180px !important;
}

.labelskin_190 {
    width: 190px !important;
}

.labelskin_200 {
    width: 200px !important;
}

.labelskin_210 {
    width: 210px !important;
}

.labelskin_100Percent {
    width: 100% !important;
}

.test1 {
    width: 50px !important;
}

.labeldash_numeric_fix {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: bold;
    text-align: center;
    margin-top: 9px;
    margin-bottom: 9px;
    width: 100px !important;
    background: none;
}

.LabelAfterDateControl {
    vertical-align: top;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    margin-top: 9px;
    padding-left: -20px;
    width: 20%;
    background: none;
}

.InlineDisplay {
    display: inline-block;
}

.underline_black {
    border-bottom: solid 1px black;
}

.tablebg {
    background: url(../images/Backgrounds/table-header-two-bg.jpg);
    font: bold 10px Arial, Verdana, Sans-Serif;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #bbb;
    padding-left: 6px;
    height: 20px;
}

.borderright TD {
    BORDER-LEFT: #7e7e7e 1px solid;
}

.paddingleft10px {
    padding-left: 10px !important;
}

.fontweightnormal {
    font-weight: normal !important;
}

input.input65 {
    width: 65px !important;
}

.normalTextbox_numeric {
    border-color: #aca899 !important;
    text-align: right !important;
    padding-right: 2px !important;
    color: #242424 !important;
}

input.zip5, input.zip4, input.phoneMask, input.ssnMask, input.ssnHidden {
    width: 75px !important;
    font-size: 11px !important; /*From ali hassan fro mask edit, phone input box*/
    height: 16px !important;
}

.customlabel_nopadding_left {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    margin-top: 9px;
    width: 110px;
    background: none;
}

/* <General:CssButton ID="CssButton1" runat="server" Text="Save" /> */
.vbtn {
    background: transparent url('../images/Buttons/btn-background-end.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: 12px arial, sans-serif !important;
    /* height: 22px !important; */
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    margin-top: 5px;
    margin-left: 10px;
}

    .vbtn span {
        background: transparent url('../images/Buttons/btn-background.png') no-repeat;
        display: block;
        line-height: 17px !important;
        padding: 3px 0 5px 9px !important;
        color: #666;
        font: bold 12px arial, sans-serif !important;
    }

.VComboBox {
    vertical-align: middle;
    text-align: left;
    float: left;
    margin: 5px 0px 0px 10px !important;
}

    .VComboBox .ajax__combobox_inputcontainer {
        border: 0 !important;
        height: 19px;
        line-height: 19px;
        vertical-align: top;
        background: none url('../App_Themes/VantageILM/ComboBox/rcbBg.gif') repeat-x top left;
        padding: 0 !important;
        margin: 0 !important;
        top: 0 !important;
    }

    .VComboBox .ajax__combobox_textboxcontainer {
    }

        .VComboBox .ajax__combobox_textboxcontainer input {
            padding: 3px 0px 2px 2px;
            font-size: 11px;
            color: #373737;
        }

    .VComboBox .ajax__combobox_buttoncontainer {
        border: 0 !important;
    }

        .VComboBox .ajax__combobox_buttoncontainer button {
            background: transparent url('../App_Themes/VantageILM/ComboBox/rcbArrowCell.gif') no-repeat;
            border: 0 !important;
            padding: 0;
            height: 21px !important;
            width: 27px !important;
            line-height: 21px;
            position: relative;
            outline: none;
            overflow: hidden;
            display: block;
            margin-left: -1px !important;
        }

    .VComboBox .ajax__combobox_itemlist {
        margin: 0px;
        padding: 0px;
        cursor: default;
        list-style-type: none;
        text-align: left;
        border: solid 1px ButtonShadow;
        background-color: Window;
        color: WindowText;
    }

        .VComboBox .ajax__combobox_itemlist li {
            font: 11px arial, verdana, sans-serif;
            color: #333;
            padding: 3px 0px 3px 3px;
        }

.menuText {
    font-family: arial, sans-serif !important;
    font-size: 11px !important;
    padding-bottom: 0px;
    background: #DEDEDE;
    margin: 5px 0px 5px 0px;
    color: #000000 !important;
}

/* Added by Fabio 15MAY2015 */
div#Workspace_rtActions.RadTreeView.RadTreeView_Default label {
    float: none;
}

pnlbarAdvanceFilter {
    margin-top: 0px; /*from ali hassan on 4th may for view  page top margin*/
    margin-left: 0px;
    margin-bottom: 0px;
    display: inline-block;
}

.requirements {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 2em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.requirementsTab {
    padding-left: 2em;
}

.requirementsSubHeader {
    font-weight: bold;
    font-size: 13px;
}
/*.requirementsSubHeader2
{
    font-weight:bold;
    font-size: 13px;
    padding-left:4em;
}*/
.requiredField {
    color: Red;
}
/* End */

/* XML design*/
.simpleXML ul {
    list-style: none;
    margin: 0px;
    padding-left: 32px;
}

.simpleXML {
    font-family: 'Courier New';
}

.simpleXML-comment {
    color: green;
}

.simpleXML-tagHeader {
    color: blue;
}

.simpleXML-cdata {
    color: gray;
}

.simpleXML-tagValue {
    color: darkred;
}

.simpleXML-collapsedText {
    color: lightgray;
}

.simpleXML-attrName {
    color: red;
}

.simpleXML-attrValue {
    color: blue;
}

.simpleXML span.simpleXML-expander, .simpleXML span.simpleXML-expanderClose {
    height: 12px;
    width: 12px;
    display: inline-block;
}

.simpleXML span.simpleXML-expanderHeader {
    cursor: pointer;
}

.simpleXML span.simpleXML-expander-expanded {
    background-image: url( "../images/simpleXML-images.png" );
}

.simpleXML span.simpleXML-expander-collapsed {
    background-image: url( "../images/simpleXML-images.png" );
    background-position-x: -12px;
}

.margin5_10 {
    margin: 5px 0px 0px 10px;
}

span.categoryRepeaterRightLabel {
    display: block;
    float: right;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    margin-top: 2px;
    padding-right: -20px;    
    background: none;
}

span.categoryRepeaterLeftLabel {
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
    margin-top: 2px;
    padding-right: -20px;
    background: none;
}

.decisionLabels {
    display: inline;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 0px;
    font-size: 12px;
    text-align: left;
}

/*end xml design*/

/*control panel*/
.control-panel-layout {
    width: 100%;
    max-width: 1180px;
}
.control-panel-layout .breadcrumb {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 14px;
    color: #000000;
}
.control-panel-layout .breadcrumb span {
    font-size: 14px;
    font-weight: bold;
}
.control-panel-layout .breadcrumb-link {
    text-decoration: none;
    color: #000000;
}
.control-panel-layout .breadcrumb-link:hover {
    font-weight: bold !important;
    font-size: 14px !important;
}
.control-panel-inner {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    padding: 20px;
}
.panel-layout {
    width: 800px;
}
.panel-layout h2 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 28px;
    font-weight: bold;
}
.panel-layout .panel-items {
    display: flex;
    flex-wrap: wrap;
}
.panel-layout .panel-item {
    height: 180px;
    width: 180px;
    padding: 10px;
}
.panel-layout .panel-item-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #2727c1;
    border-radius: 10px;
    text-decoration: none;
    user-select: none;
    padding: 10px;
    cursor: pointer;
    color: #000000;
}
.panel-layout .panel-item-inner h3 {
    margin: 15px 0;
    font-size: 18px;
    font-weight: bold;
}
.panel-layout .panel-item-inner img {
    display: block;
    max-width: 50%;
}
.panel-settings h2 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    font-weight: bold;
}
.error-info-label {
    text-align: left;
    font-size: 16px;
    color: #000000;
}
.error-info-label a:hover {
    font-size: 16px !important;
}
.error-info-box {
    width: 100%;
    padding: 15px;
    margin-bottom: 25px;
    background-color: #FFFFCC;
    border: 1px solid grey;
    font-size: 14px;
    text-align: left;
}
/*end control panel*/
/*quickbooks*/
.quickbooks-panel-inner {
    padding: 20px;
}
.qb-grid-container .gridFooter {
    margin-top: 5px;
}
.qb-btn-action {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.qb-btn-action input {
    margin: 0;
}
.qb-grid-title {
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
.qb-monitor-filter {
    margin-bottom: 20px;
}
.qb-monitor-filter .labelNew {
    padding-left: 8px;
    padding-right: 8px;
    line-height: 30px;
}
.qb-monitor-filter input {
    width: 230px;
    margin: 0;
}
.qb-monitor-filter .vbtn {
    margin-top: 0;
}
.qb-monitor-batch-header {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
}
    .qb-monitor-batch-header th {
        text-decoration: underline;
    }
    .qb-monitor-batch-header .batch-number {
        width: 100px;
    }
    .qb-monitor-batch-header .batch-date {
        width: 100px;
    }
    .qb-monitor-batch-header .batch-details {
        width: 520px;
    }
    .qb-monitor-batch-header.failed-batch .batch-status {
        color: #ff0000;
    }
.qb-monitor-batch-details {
    width: 100%;
    font-size: 12px;
    font-weight: 500;
}
    .qb-monitor-batch-details th {
        text-decoration: none;
    }
    .qb-monitor-batch-details .header-amount {
        width: 100px;
    }
    .qb-monitor-batch-details .header-transaction {
        width: 350px;
    }
    .qb-monitor-batch-details .header-number {
        width: 50px;
    }
.qb-monitor-batch-separator {
    margin-block-start: 5px;
    margin-block-end: 5px;
}
.qb-mapping-setting-container {
    width: 800px;
}
.qb-mapping-row {
    margin-bottom: 20px;
    text-align: left;
}
.qb-mapping-label {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    text-align: left;
    text-decoration: none;
}
.qb-mapping-label:first-child {
    width: 100%;
    max-width: 140px;
    padding-right: 5px;
}
.qb-mapping-label .RadComboBox {
    float: none;
    margin-top: 0;
    margin-left: 0;
}

.qb-mapping-bottom {
    float: right;
    padding: 20px 0;
}
/*end quickbooks*/