* {
    margin: 0px;
    padding: 0px;
}

p, span, a, div, label, td, th, ul, li, h1, h2, h3, h4, h5, input[type='text'], input[type='password'], select, option, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p, span, a, div, label, td, th, ul, li, input[type='text'], input[type='password'], select, option, textarea {
    font-size: 12px;
}

textarea {
    resize: none;
}

button, input[type='button'], input[type='reset'], input[type='submit'] {
    font-family: Gotham, Helvetica Neue, Helvetica, "Arial", sans-serif;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: bold;
}

    button:disabled, input[type='button']:disabled, input[type='reset']:disabled, input[type='submit']:disabled {
        opacity: 0.8;
    }

input:disabled {
    background-color: #F9F9F9 !important;
}

input[type="radio"] {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

/*input[type='text'], input[type='password']
{
    width: 180px;
    float: none !important;
    padding: 3px 5px;
}

select, option
{
    float: none !important;
    width: 202px;
    height: 24px;
    padding: 3px 5px;
}

textarea
{
    width: 230px;
    height: 45px;
    float: none !important;
    padding: 3px 5px;
    margin: 0 0 8px 0;
}*/

hr.topline {
    width: 1007px;
    height: 3px;
    border: 0px;
}

div.mainouterwrapper {
    margin-top: 120px;
}

div.wrapper {
    width: 1007px;
}

h1 {
    width: 1007px;
    height: 70px;
    margin: 0px;
    padding: 0px;
    float: left;
}

    h1 a.logo {
        background: url('images/logo.png') no-repeat;
        width: 228px;
        height: 45px;
        margin: 10px 410px 10px 0;
        padding: 0px;
        float: right;
        border: 0px;
    }

div.panel1 {
    width: 1007px;
    float: left;
}

/*slider*/
div.slidermain {
    width: 670px;
    float: left;
    height: 276px;
    text-align: left;
    /*background: url('Images/slider_bg.jpg') top left no-repeat;*/
}

.container {
    width: 686px;
    height: 276px;
}

a:link, a:visited {
    text-decoration: none;
    font-weight: 600;
}

a:hover, a:active {
    text-decoration: none;
    font-weight: 600;
}

.right {
    float: right;
    clear: none !important;
}

.left {
    float: left;
    clear: none !important;
}

#slides {
    /*display: none;*/
}

    #slides .slidesjs-navigation {
        margin-top: 12px;
    }

    #slides .slidesjs-previous {
        margin-right: 10px;
        float: right;
    }

    #slides .slidesjs-next {
        margin-right: 20px;
        float: right;
    }

    /* Testimonial */

    #slides div.testimonialmain {
        width: 686px;
        height: 39px;
        float: left;
        text-align: center;
    }

        #slides div.testimonialmain span.title {
            width: 151px;
            height: 31px;
            float: left;
            font-weight: normal;
            font-style: italic;
            font-size: 17px;
            padding: 8px 0 0 0;
            margin: 0 0 0 39px;
            font-weight: normal;
        }

        #slides div.testimonialmain p.txt {
            width: 550px;
            float: left;
            font-style: italic;
            font-size: 20px;
            text-align: center;
            line-height: 26px;
            margin: 12px 0 0 60px;
            font-weight: normal;
        }

            #slides div.testimonialmain p.txt span {
                font-style: italic;
                font-size: 22px;
                font-weight: normal;
            }

        #slides div.testimonialmain div.extramargin {
            margin: 23px 0 0 230px;
            float: left;
        }

    /* End Testimonial*/



    /* Features */

    #slides div.featuresmain {
        width: 686px;
        height: 39px;
        float: left;
        text-align: center;
    }

        #slides div.featuresmain span.title {
            width: 151px;
            height: 31px;
            float: left;
            font-weight: normal;
            font-style: italic;
            font-size: 17px;
            padding: 8px 0 0 0;
            margin: 0 0 0 39px;
        }

        #slides div.featuresmain p.txt {
            width: 600px;
            float: left;
            margin: 12px 0 0 40px;
        }

            #slides div.featuresmain p.txt span.feature {
                float: left;
                font-size: 20px;
                font-weight: normal;
                text-align: left;
                margin: 18px 40px 0 0;
            }

            #slides div.featuresmain p.txt img {
                margin: 0 5px 0 0;
            }

    /* End Features */

    /* Client */

    #slides div.clientmain {
        width: 686px;
        height: 39px;
        float: left;
        text-align: center;
    }

        #slides div.clientmain span.title {
            width: 151px;
            height: 31px;
            float: left;
            font-weight: normal;
            font-style: italic;
            font-size: 17px;
            padding: 8px 0 0 0;
            margin: 0 0 0 39px;
        }

        #slides div.clientmain p.txt {
            width: 622px;
            float: left;
            margin: 12px 0 0 40px;
        }

/* End Client */

div.horizontalline {
    width: 628px;
    height: 1px;
    float: left;
    margin: -42px 0 0 35px;
    padding-bottom: 10px;
}

div.horizontallinefull {
    width: 1007px;
    height: 1px;
    float: left;
    margin: 10px 0;
}
/*End slider*/


div.loginmain {
    width: 337px;
    height:auto; /*276px;*/
    float: left;
    margin-left: 320px;
}

hr.logintopbdr {
    height: 1px;
    border: 0px;
    margin: -3px 0 0 0;
}

div.loginformmain {
    margin: 14px 19px 16px 18px;
    float: left;
}

span.cntform {
    width: 297px;
    float: left;
    position: relative;
}

    span.cntform label {
        width: 297px;
        float: left;
        font-weight: normal;
        font-size: 14px;
        text-align: left;
        margin: 0 0 5px 0;
    }

    span.cntform .input-validation-error:hover ~ .field-validation-error,
    span.cntform .input-validation-error:focus ~ .field-validation-error {
        display: block;
    }

    span.cntform span.field-validation-error {
        left: 5px;
        bottom: -19px;
        display: none;
    }

.topcntfield {
    width: 291px;
    float: left;
    /*height: 18px;*/
    margin: 0px 0 8px 0;
    border: 0px;
    padding: 5px;
    font-size: 13px;
}

.topcntfieldCaptcha {
    width: 150px;
    float: left;
    height: 18px;
    margin: 0px 0 8px 0;
    border: 0px;
    padding: 5px;
    font-size: 13px;
}


.topDropdown {
    width: 300px;
    float: left;
    height: 28px;
    margin: 0px 0 8px 0;
    border: 0px;
    padding: 5px;
    font-size: 13px;
}

.topcntsubmit {
    /*height: 30px;
    width: 60px;*/
    padding: 4px !important;
    float: right;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    border: 0px;
    cursor: pointer;
    margin: 5px 0 0 0;
}

/*Checkbox Five

.checkboxFive {width:11px; margin:-8px 0 0 19px; position: relative; float:left;}
.checkboxFive label {cursor: pointer; position:absolute; width:11px; height:11px; top:2px; left:0px; background:#88bc18; border:1px solid #fff;}
.checkboxFive label:after {opacity:0.0; content: ''; position:absolute; width:7px; height:7px; background:#fff; top:2px; left:2px; border:0px solid #333;}
.checkboxFive label:hover::after {opacity: 0.5;}
.checkboxFive input[type=checkbox]:checked + label:after {opacity:1;}
.checkboxFive label span{float:left; color:#fff; margin:-4px 0 0 18px; padding:0px; text-align:left; width:90px; font-weight:normal; font-size:14px;}

End Checkbox Five*/

.checkbox {
    position: relative;
}

.checkboxlinestyle {
    cursor: pointer;
    margin: 1px 0 0 20px;
    float: left;
}

div.formbottomlinkmain {
    width: 337px;
    float: left;
    margin: 0px;
    padding: 0px;
}

label.rememberme {
    cursor: pointer;
    float: left;
    margin: 0 0 0 5px;
    padding: 0px;
    text-align: left;
    /*width: 90px;*/
    font-weight: normal;
    font-size: 13px;
    position: relative;
}

div.forgotpassword a {
    float: right;
    margin: 0px 19px 0 0;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    text-decoration: underline;
}

/*validationinfo*/

.validationinfo {
    display: inline;
    position: relative;
}

    .validationinfo:hover:after {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        bottom: 0px;
        top: 58px;
        content: attr(alt);
        right: -4px;
        padding: 5px;
        position: absolute;
        z-index: 98;
        width: auto;
        min-height: 18px;
        float: left;
        font-size: 14px;
    }

    .validationinfo:hover:before {
        border: solid;
        border-width: 0px 6px 6px 6px;
        bottom: -1px;
        content: "";
        left: 90%;
        position: absolute;
        z-index: 99;
        float: left;
    }

div.panel2 {
    width: 1007px;
    float: left;
}

div.signin {
    width: 337px;
    height: 50px;
    float: left;
    margin-left: 320px;
}

.down-arrow {
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    height: 0px;
    width: 0px;
    float: left;
    margin: 0 0 0 20px;
}

div.signin span h2 {
    width: 70px;
    float: left;
    margin: 1px 0 0 -30px;
    padding: 0px;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}

div.signin span.signup {
    width: 267px;
    float: right;
    margin: 15px 0 0 0;
    padding: 0px;
    font-size: 15px;
    text-align: right;
}

    div.signin span.signup a {
        margin: 0 0 0 3px;
        padding: 0px;
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
    }

div.featurepanel {
    width: 1007px;
    height: 160px;
    float: left;
    margin: 5px 0 0 0;
    padding: 10px 0 0 0;
}

    div.featurepanel span.title {
        width: 1007px;
        font-weight: lighter;
        font-size: 28px;
        text-align: center;
        margin: 0px 0 0 0;
    }

div.helptxt {
    width: 1007px;
    /*float: left;*/
    text-align: center;
    /*margin: 10px 0 0 0;*/
}

    div.helptxt h1 {
        font-size: 22px;
        font-weight: normal;
        margin: 0px;
        padding: 0px;
    }

        div.helptxt h1 a {
            padding: 4px 10px 5px 10px;
            font-weight: normal;
            text-decoration: none;
        }

/* innerpage header */

section.main {
    width: 1007px;
    /*height: 62px;*/
    float: left;
    margin-bottom: 5px;
}

div.clientlogomain {
    width: auto;
    /*float: left;*/
}

div.clientlogo {
    width: auto;
    /*height: 62px;*/
    float: left;
}

    div.clientlogo a img {
        width: 170px;
        height: 40px;
        text-decoration: none;
        border: 0px;
        /*padding-right: 10px;*/
        margin-right: 10px;
        /*border-right: 1px solid #626262;*/
    }

span.clinetname {
    float: left;
    text-align: left;
    /*height: 39px;*/
    /*margin: 11px 0 0 0;*/
    /*padding-left: 11px;*/
}

    span.clinetname p {
        margin: 9px 0 0 0;
        font-size: 17px;
        padding: 0px;
        width: 556px;
    }

div.usernamemain {
    float: right;
    max-width: 42px;
    height: 39px;
    margin: 5px 0 0 0;
    padding: 5px;
}

a.userprofilepic {
    width: 64px;
    height: 39px;
}

    a.userprofilepic img {
        border: 0;
    }

div.userdetailmain {
    height: 39px;
    float: left;
}

    div.userdetailmain h2 {
        margin: 0 0 3px 0;
        padding: 0px;
        font-weight: bold;
        font-size: 18px;
        text-align: left;
    }

    div.userdetailmain div.toplinks a {
        font-weight: normal;
        text-decoration: none;
        margin: 0 8px 0 0;
        float: left;
    }

        div.userdetailmain div.toplinks a img {
            text-decoration: none;
            border: 0px;
            margin: 0 4px 0 0;
        }

.toppopupcollapse {
    position: absolute;
    z-index: 1002;
    float: left;
}

.toppopupbox {
    display: block;
    display: none;
    position: absolute;
    margin: 2px 0 0 -57px;
}

.toppopuparrow {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: -11px;
    z-index: 1001;
    margin: 4px 0 0 130px;
}

.toppopuparrow-border {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: -12px;
    z-index: 1000;
    margin: 2px 0 0 130px;
}

.toppopupbox ul {
    list-style: none;
    margin: 0px;
    float: left;
    font-size: 14px;
    line-height: 20px;
}

    .toppopupbox ul li {
        padding: 8px 22px;
        float: left;
        text-align: left;
        min-width: 115px;
    }

        .toppopupbox ul li a {
            text-decoration: none;
            font-weight: normal;
        }

            .toppopupbox ul li a:hover {
                text-decoration: none;
                font-weight: bold;
            }

        .toppopupbox ul li span {
            font-weight: bold;
        }

div.panel2main {
    width: auto;
    height: 68px;
}

div.viewby {
    float: right;
    width: 520px;
    text-align: left;
    margin: -18px -207px 5px 0;
}

    div.viewby span.viewbytitle {
        float: left;
        font-size: 13px;
        margin: 3px 7px 0 0;
    }

/* View by dropdown */
.Viewby-dropdown {
    position: relative;
    width: 58px;
    padding: 2px 12px 2px 5px;
    float: left;
    margin: 2px 0 0 1px;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 12px;
    z-index: 1;
}

    .Viewby-dropdown:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        right: 1px;
        margin-top: -3px;
        border-width: 4px 5px 0 5px;
        border-style: solid;
    }

    .Viewby-dropdown .dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        list-style: none;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        max-height: 0;
        overflow: hidden;
    }

        .Viewby-dropdown .dropdown li a {
            display: block;
            text-decoration: none;
            padding: 5px;
            transition: all 0.3s ease-out;
            font-size: 12px;
            font-weight: normal;
        }

        .Viewby-dropdown .dropdown li:last-of-type a {
            border: none;
        }

        .Viewby-dropdown .dropdown li i {
            margin-right: 5px;
            vertical-align: middle;
        }

    .Viewby-dropdown.active .dropdown {
        max-height: 400px;
    }
/* End View by dropdown */

h1.innerlogo {
    width: 188px;
    padding: 0px;
    float: right;
    /*margin-left: 80px;*/
    height: auto !important;
}

    h1.innerlogo a.logo {
        background: url('images/inner_logo.png') no-repeat;
        width: 188px;
        height: 38px;
        margin: 5px 0 0 0;
        padding: 0px;
        float: left;
        border: 0px;
    }



div.mainnavbg {
    width: 100%;
    /*float: left;
    height: 40px;*/
    margin: 5px 0 0 0;
}

ul.mainnav {
    float: left;
    list-style: none;
    text-align: left;
    display: block;
    width: 1007px;
    height: 40px;
    position: relative;
    clear: both;
}

    ul.mainnav > li {
        padding: 13px 0;
        float: left;
        font-size: 16px;
        position: relative;
        margin: -13px 0 0 0;
    }

        ul.mainnav > li > a {
            text-decoration: none;
            font-weight: bold;
            display: block;
            padding: 9px;
            font-size: 16px;
        }

            ul.mainnav > li > a:hover,
            ul.mainnav > li.selected > a {
                height: 40px;
                float: left;
            }

    ul.mainnav div {
        position: absolute;
        top: 53px;
        width: 275px;
        float: left;
        display: none;
        text-shadow: none;
    }

        ul.mainnav div.twocolumn {
            width: 552px;
        }

        ul.mainnav div ul li a {
            text-decoration: none;
            padding: 0 10px 0 10px;
            display: block;
            font-size: 14px;
            font-weight: normal;
            line-height: 26px; /*30px;*/
            text-shadow: none;
            width: 100%;
        }

            ul.mainnav div ul li a img {
                text-decoration: none;
                margin-right: 5px;
                border: 0px;
            }

    ul.mainnav li ul {
        list-style: none;
        float: left;
        padding-bottom: 1px;
        height: 100%;
    }

        ul.mainnav li ul li {
            width: 234px;
        }


li.sub_heading {
    font-size: 15px;
    padding: 5px 20px 10px 20px;
    font-weight: bold;
    text-decoration: underline;
}

.lastcolumn {
    border-right: 0px;
}

/* End Main Navigation */

/* Page Contant Area */

div.contantareamain {
    margin: 10px 0 0 0;
    /*float: left;*/
}

/*Hiren for Popup*/
div.popupareamain {
    margin: 10px 0 10px 0;
}

    div.popupareamain .clear {
        width: 100%;
        clear: both;
    }

    div.popupareamain img {
        border: none;
        text-decoration: none;
    }

    div.popupareamain .field-validation-error {
        color: red;
    }

    div.popupareamain div.popuptitlemain {
        width: auto;
        height: 27px;
    }

        div.popupareamain div.popuptitlemain span.left {
            float: left;
        }

        div.popupareamain div.popuptitlemain span.right {
            float: right;
            padding: 5px;
        }

        div.popupareamain div.popuptitlemain ul {
            list-style: none;
        }

    div.popupareamain div.popupbodymain {
        clear: both;
        text-align: left;
    }

        div.popupareamain div.popupbodymain div.popupbodyrow {
            height: inherit;
            /*padding: 5px 3px;*/
            padding: 3px 0;
            clear: both;
        }

        div.popupareamain div.popupbodymain div.label-container {
            display: inline-block;
            text-align: left;
            /*width: 185px;*/
            width: 170px;
            vertical-align: top;
            padding-top: 4px;
            padding-bottom: 4px;
        }

            div.popupareamain div.popupbodymain div.label-container .requiredSymbol {
                font-size: 11px;
            }

        div.popupareamain div.popupbodymain div.value-container {
            display: inline-block;
            margin-left: 5px;
            margin-right: 15px;
            height: inherit;
            vertical-align: top;
            min-width: 290px;
        }

        div.popupareamain div.popupbodymain div.value-twocolumnm-container {
            display: inline-block;
            margin-left: 5px;
            margin-right: 15px;
            height: inherit;
            vertical-align: top;
            min-width: 139px;
        }

        div.popupareamain div.popupbodymain div.value-container div.field-container {
            display: inline-block;
            position: relative;
        }

        div.popupareamain div.popupbodymain div.value-container .field-validation-error {
            display: none;
        }

        div.popupareamain div.popupbodymain div.value-container div.field-container .input-validation-error:hover ~ .field-validation-error,
        div.popupareamain div.popupbodymain div.value-container div.field-container .input-validation-error:focus ~ .field-validation-error {
            display: block;
        }

        div.popupareamain div.popupbodymain div.value-container div.field-container .ErrorBox:hover ~ .field-validation-error,
        div.popupareamain div.popupbodymain div.value-container div.field-container .ErrorBox:focus ~ .field-validation-error {
            display: block;
        }

        div.popupareamain div.popupbodymain div.value-container div.field-container input[type='text'].inside-img-container {
            padding-right: 25px;
            width: 180px;
        }

        div.popupareamain div.popupbodymain.no-min-width div.value-container {
            min-width: 0;
        }

        div.popupareamain div.popupbodymain div.value-container div.tooltip-container {
            display: inline-block;
            vertical-align: top;
            position: relative;
        }

            div.popupareamain div.popupbodymain div.value-container div.tooltip-container img {
                position: relative;
                top: 1px;
            }

        div.popupareamain div.popupbodymain div.value-container img.inside-img {
            position: absolute;
            top: 2px;
            right: 2px;
        }

        div.popupareamain div.popupbodymain div.value-container div.tooltip-container .selection-text {
            position: relative;
            top: 4px;
        }

        div.popupareamain div.popupbodymain div.value-container .autospace {
            color: black;
            padding-top: 5px;
            line-height: 27px;
        }

        div.popupareamain div.popupbodymain div.value-container input[type="text"] {
            width: 180px;
            float: none !important;
            padding: 3px 5px 4px;
        }

        div.popupareamain div.popupbodymain div.value-container input[type="password"] {
            width: 180px;
            float: none !important;
            padding: 3px 5px 4px;
        }

        div.popupareamain div.popupbodymain div.value-container input[type="text"]:focus {
            outline: medium none;
        }

        div.popupareamain div.popupbodymain div.value-container input[type="password"] {
            outline: medium none;
        }

        div.popupareamain div.popupbodymain div.value-container input[type="checkbox"] {
            margin: 4px 5px 0 0;
        }

        div.popupareamain div.popupbodymain div.value-container input[type="radio"] {
            margin: 0 5px 0 0;
        }

        div.popupareamain div.popupbodymain div.value-container select {
            float: none !important;
            width: 192px;
            padding: 2px 2px 2px 3px;
            vertical-align: central;
            height: 24px;
        }

            div.popupareamain div.popupbodymain div.value-container select:focus {
                outline: medium none;
            }

        div.popupareamain div.popupbodymain div.value-container input.selectionfield {
            padding-right: 35px;
            /*width: 90px !important;*/
            width: 105px !important;
        }

            div.popupareamain div.popupbodymain div.value-container input.selectionfield.without-text {
                width: 160px !important;
            }

        div.popupareamain div.popupbodymain div.radio-container {
            min-width: 483px;
        }

            div.popupareamain div.popupbodymain div.radio-container input[type='radio'] {
                margin-right: 10px;
            }

    div.popupareamain option {
        padding: 0 3px;
    }

    div.popupareamain div.popupbodymain div.value-container textarea {
        /*width: 250px;
			height: 55px;*/
        width: 230px;
        height: 45px;
        float: none !important;
        padding: 3px 5px;
        margin: 0;
    }

        div.popupareamain div.popupbodymain div.value-container textarea:focus {
            outline: medium none;
        }

    div.popupareamain div.popupbodymain div.value-container div.error-container {
        height: 14px;
    }

/*div.popupareamain div.popupbodymain div.value-container span.field-validation-error*/
span.field-validation-error {
    margin: 5px 3px;
    position: absolute;
    vertical-align: top;
    background: #CE4040;
    z-index: 1;
    padding: 1px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    /*div.popupareamain div.popupbodymain div.value-container span.field-validation-error:after*/
    span.field-validation-error:after {
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 6px 5px;
        border-color: transparent transparent #CE4040 transparent;
        /*-moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #CE4040 rgba(0, 0, 0, 0);
        border-image: none;
        border-style: solid;
        border-width: 0 5px 5px;*/
        content: "";
        display: block;
        position: absolute;
        left: 10px;
        top: -5px;
        z-index: 1;
    }

    /*div.popupareamain div.popupbodymain div.value-container span.field-validation-error span*/
    span.field-validation-error span {
        /*font-size: 11px !important;
            padding: 0 6px 1px;
            position: relative;
            top: -2px;*/
        font-size: 11px !important;
        vertical-align: top;
        color: #fff;
    }

div.popupareamain.onecolumn {
    float: left;
    clear: none;
    width: 400px !important;
    margin: 0;
}

    div.popupareamain.onecolumn div.popupbodyrow {
    }

        div.popupareamain.onecolumn div.popupbodyrow div.label-container {
            width: 140px !important;
        }

        div.popupareamain.onecolumn div.popupbodyrow div.value-container {
            min-width: 0 !important;
        }

            div.popupareamain.onecolumn div.popupbodyrow div.value-container textarea {
                width: 190px !important;
            }

div.popupareamain div.twocolumn div.popupbodyrow {
    float: left;
    clear: none;
}

div.popupareamain div.threecolumn div.popupbodyrow {
    float: left;
    clear: none;
}

div.popupareamain.image-container {
    float: left;
    clear: none;
}

    div.popupareamain.image-container div.popupbodyrow div.value-container {
        min-width: 0 !important;
    }

div.popupareamain div.threecolumn div.popupbodyrow div.value-container {
    min-width: 110px !important;
}

/* Small text box for employee page*/

div.popupareamain div.popupbodymain.decreased-width input[type="text"],
div.popupareamain div.popupbodymain.decreased-width input[type="password"] {
    width: 135px !important;
}

div.popupareamain div.popupbodymain.decreased-width select {
    width: 147px !important;
}

div.popupareamain div.popupbodymain.decreased-width input.hasDatepicker {
    width: 115px !important;
}

div.popupareamain div.popupbodymain.no-min-width div.popupbodyrow div.value-container {
    min-width: 0 !important;
}

/*For Searchbox*/
.popupareamain .popupbodymain .popupsearchmain {
    display: inline-block;
    /*height: 60px;*/
    margin-bottom: 10px;
    padding: 8px 0;
    vertical-align: top !important;
    width: 100%;
}

    /*.popupareamain .popupbodymain .popupsearchmain div:first-child
    {
        margin: 10px;
        width: 97%;
    }*/

    .popupareamain .popupbodymain .popupsearchmain .searchtitle {
        display: inline-block;
        float: left;
        margin-top: 7px;
        font-size: 15px;
    }

    .popupareamain .popupbodymain .popupsearchmain .searchbox {
        display: inline-block;
        height: 22px;
        padding: 4px 8px;
        width: 250px;
        font-size: 16px;
        float: left;
    }

    .popupareamain .popupbodymain .popupsearchmain .searchbtn {
        display: inline-block;
        /*left: -4px;*/
        position: relative;
        /*top: 10px;*/
        float: left;
        margin: 0 !important;
    }

    .popupareamain .popupbodymain .popupsearchmain .button {
        display: inline-block;
        float: none;
    }

        .popupareamain .popupbodymain .popupsearchmain .button a span {
            float: left;
            font-size: 19px;
            font-weight: bold;
            margin: -3px 5px 0 0;
        }

    .popupareamain .popupbodymain .popupsearchmain .lastbtn {
        float: right !important;
        margin: 0 10px;
    }

    .popupareamain .popupbodymain .popupsearchmain .firstbtn {
        float: left !important;
        margin: 0 10px;
    }


    .popupareamain .popupbodymain .popupsearchmain .button input, .popupareamain .popupbodymain .popupsearchmain .button button, .popupareamain .popupbodymain .popupsearchmain .button a {
        display: inline-block;
        background: url('Images/btn_bg.png') repeat-x scroll 0 0 transparent;
        cursor: pointer;
        font-size: 13px;
        font-weight: bold;
        padding: 6px 8px;
        float: none;
    }

.specialmargin {
    margin: 20px 0 !important;
    clear: both;
}

img {
    cursor: pointer;
}

/*For Layout*/
.formwrapper {
    clear: both;
    display: inline-block;
    text-align: left;
    width: 100%;
}

    .formwrapper .popupareamain .popupbodymain {
        padding: 10px;
    }

        .formwrapper .popupareamain .popupbodymain .popupbodyrow .label-container {
            text-align: left;
            /*width: 185px;*/
            width: 170px;
        }

    .formwrapper .generalsectiontitle-whitebackground {
        padding: 10px 0;
        /*float: left;*/
        background: #fff;
    }

        .formwrapper .generalsectiontitle-whitebackground .generalsectiontitle {
            margin: 0;
        }

/*Hiren for Popup*/


/* Leave Master */

div.pagetitlemain {
    /*width: 1007px;
    float: left;*/
    height: 27px;
}

h3.innnerpagetitle {
    float: left;
    padding: 6px;
    /*font-size: 16px;*/
    font-size: 14px;
    font-weight: normal;
}

div.pagetitlemain span.right {
    float: right;
    height: 32px;
}

    div.pagetitlemain span.right ul {
        float: left;
        list-style: none;
        display: block;
    }

        div.pagetitlemain span.right ul li {
            float: left;
            display: block;
            margin: 5px 10px 0 0;
        }

            div.pagetitlemain span.right ul li a img {
                text-decoration: none;
                border: 0px;
            }

            div.pagetitlemain span.right ul li.help {
                float: left;
                display: block;
                margin: 9px 10px 0 10px;
            }

.lmtoppart {
    /*float: left;*/
    padding: 15px;
    margin-bottom: 10px;
    clear: both;
}

    .lmtoppart div.button a {
        float: left;
        background: url('Images/btn_bg.png') repeat-x;
        height: 18px;
        padding: 6px 8px;
        /*font-size: 14px;*/
        font-weight: bold;
        margin-right: 20px;
    }

input[type="button"].topbutton, input[type="reset"].topbutton input[type="submit"].topbutton {
    float: left;
    background: url('Images/btn_bg.png') repeat-x;
    height: 32px;
    padding: 6px 8px;
    font-weight: bold;
    margin-right: 20px;
    cursor: pointer;
}

.lmtoppart div.button a span {
    float: left;
    font-size: 19px;
    font-weight: bold;
    margin: -4px 5px 0 0;
}

.lmtoppart div span.searchtitle {
    float: left;
    font-size: 15px;
    margin: 7px 0 0 0;
}

.searchbox {
    float: left;
    font-size: 16px !important;
    width: 350px;
    height: 20px;
    margin: 0;
    padding: 5px 8px;
    /*-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;*/
    margin-left: 10px;
    opacity: 1;
}

    .searchbox:focus {
        outline: none;
    }

.searchbtn {
    outline: none;
    float: left;
}

.spaceright {
    margin-right: 70px;
    float: left;
}

.lastbtn {
    float: right;
    margin-right: -15px;
}

.lmdeatiltablemain {
    width: 1007px;
    float: left;
    /*border: 1px solid #cdcccc;*/
    text-align: left;
}

    .lmdeatiltablemain ul.titlemain {
        width: 1007px;
        list-style: none;
        height: 40px;
        float: left;
        margin: 0px;
        padding: 0;
        display: block;
    }

        .lmdeatiltablemain ul.titlemain li {
            width: 180px;
            float: left;
            display: block;
            margin: 0;
            height: 20px;
            padding: 10px 15px 10px 0;
        }

            .lmdeatiltablemain ul.titlemain li div.name {
                float: left;
                font-size: 15px;
                margin: 0 0 0 15px;
                padding: 0px;
            }

            .lmdeatiltablemain ul.titlemain li div.arrowmain {
                float: right;
                width: 8px;
            }

                .lmdeatiltablemain ul.titlemain li div.arrowmain a.up {
                    float: left;
                    border-left: 4px solid transparent;
                    border-right: 4px solid transparent;
                    margin: 4px 0 3px 0;
                }

                    .lmdeatiltablemain ul.titlemain li div.arrowmain a.up:hover {
                        float: left;
                        border-left: 4px solid transparent;
                        border-right: 4px solid transparent;
                        margin: 4px 0 3px 0;
                    }

                .lmdeatiltablemain ul.titlemain li div.arrowmain a.down {
                    float: left;
                    border-left: 4px solid transparent;
                    border-right: 4px solid transparent;
                }

                    .lmdeatiltablemain ul.titlemain li div.arrowmain a.down:hover {
                        float: left;
                        border-left: 4px solid transparent;
                        border-right: 4px solid transparent;
                    }

    .lmdeatiltablemain ul.subtxt {
        width: 1007px;
        list-style: none;
        height: 40px;
        float: left;
        margin: 0px;
        padding: 0;
        display: block;
    }

        .lmdeatiltablemain ul.subtxt li {
            width: 180px;
            float: left;
            display: block;
            margin: 0;
            height: 20px;
            padding: 10px 15px 10px 0;
        }

            .lmdeatiltablemain ul.subtxt li div.name {
                float: left;
                font-size: 14px;
                width: 150px;
                font-weight: normal;
                margin: 0 0 0 15px;
            }

        .lmdeatiltablemain ul.subtxt:hover {
            width: 1007px;
            list-style: none;
            height: 40px;
            float: left;
            margin: 0px;
            padding: 0;
            display: block;
        }

    .lmdeatiltablemain ul.titlemain li.deletewhite {
        width: 24px;
        float: right;
        border-right: 0px;
        position: absolute;
        margin: 2px 0 0 990px;
    }

    .lmdeatiltablemain ul.titlemain li.deletewhites img {
        text-decoration: none;
        border: 0px;
    }

    .lmdeatiltablemain ul.subtxt li.deletedark {
        width: 24px;
        float: right;
        border-right: 0px;
        position: absolute;
        margin-left: 990px;
    }

        .lmdeatiltablemain ul.subtxt li.deletedark a img {
            text-decoration: none;
            border: 0px;
        }

#inner {
    width: 1017px;
    height: 300px;
}

.bottompartmain {
    /*float: left;
    width: 994px;*/
    width: auto;
    padding: 0 15px;
}

    .bottompartmain div.tr {
        float: left;
        margin: 15px 0 0 0;
        font-size: 14px;
        font-weight: normal;
    }

        .bottompartmain div.tr span {
            padding: 2px 6px;
            margin: 0 5px;
        }

    .bottompartmain div.paginationmain {
        float: right;
        margin: 15px 0 0 0;
    }

        .bottompartmain div.paginationmain a.leftarrow {
            float: left;
            padding: 0px 9px 2px 9px;
            margin: 0 5px 0 0;
        }

        .bottompartmain div.paginationmain a.rightarrow {
            float: left;
            padding: 0px 9px 2px 9px;
            margin: 0 0 0 5px;
        }

            .bottompartmain div.paginationmain a.leftarrow img, .bottompartmain div.paginationmain a.rightarrow img {
                border: 0;
            }

        .bottompartmain div.paginationmain a.number {
            font-size: 14px;
            font-weight: normal;
            float: left;
            margin: 3px 2px;
        }

            .bottompartmain div.paginationmain a.number:hover {
                font-size: 14px;
                font-weight: bold;
                float: left;
                margin: 3px 2px;
            }

        .bottompartmain div.paginationmain a.selected {
            font-size: 14px;
            font-weight: normal;
            float: left;
            margin: 3px 2px;
        }

/* End Leave Master */

/* End Page Contant Area */


/* DashBoard */

div.dbleftmain {
    width: 613px;
    float: left;
}

    div.dbleftmain div.dbpagetitlemain {
        width: 613px;
        float: left;
        height: 33px;
    }

    div.dbleftmain h3.innnerpagetitle {
        float: left;
        padding: 6px;
        font-size: 19px;
        font-weight: normal;
    }

/* Tab */

.dbtabcontainer {
    width: 613px;
}

ul.dbtabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 100%;
}

    ul.dbtabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 32px;
        line-height: 32px;
        border-left: none;
        overflow: hidden;
        position: relative;
    }

        ul.dbtabs li a {
            text-decoration: none;
            font-size: 16px;
            font-weight: normal;
            display: block;
            padding: 0 10px;
            outline: none;
        }

.tab_container {
    clear: both;
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

.tab_content {
    width: 613px;
    margin: 17px 0 0 0;
}

    .tab_content h2 {
        float: left;
        font-weight: normal;
        font-size: 15px;
        padding-bottom: 10px;
        text-align: left;
    }

    .tab_content span.main {
        width: 602px;
        float: left;
        padding: 0 0 10px 11px;
        margin: 5px 0 10px 0;
    }

.grossdropdown {
    float: right;
    margin: -8px 0 0 0;
    padding: 8px 5px;
    width: 75px;
}

    .grossdropdown span.lable {
        float: left;
        margin-left: 5px;
        font-size: 14px;
    }

    .grossdropdown ul li {
        text-align: left;
    }

/* Bar Chart */

div.barchartmain {
    float: left;
    width: 613px;
}

div.y-numbermain {
    width: 20px;
    float: left;
}

    div.y-numbermain ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        display: block;
    }

        div.y-numbermain ul li {
            line-height: 44px;
            float: left;
            display: block;
            width: 20px;
            font-size: 14px;
            font-weight: normal;
            text-align: left;
        }

div.x-numbermain {
    width: 602px;
    float: left;
}

    div.x-numbermain ul {
        list-style: none;
        margin: 5px 0 0 80px;
        padding: 0px;
        display: block;
    }

        div.x-numbermain ul li {
            float: left;
            display: block;
            margin-right: 40px;
            font-size: 14px;
            font-weight: normal;
            text-align: left;
        }


div.barchartbg {
    width: 592px;
    height: 263px;
    float: left;
    /*background: url('Images/db_chart_bg.png') repeat;*/
}

    div.barchartbg div.nmicon {
        float: right;
        height: 32px;
    }

        div.barchartbg div.nmicon ul {
            float: left;
            list-style: none;
            display: block;
            font-weight: normal;
        }

            div.barchartbg div.nmicon ul li {
                float: left;
                display: block;
                margin: 5px 10px 0 0;
            }

                div.barchartbg div.nmicon ul li span {
                    padding: 2px 5px;
                    font-size: 12px;
                }

        div.barchartbg div.nmicon span.arrow-down {
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            position: absolute;
            margin: 24px 0 0 -22px;
            float: left;
        }

        div.barchartbg div.nmicon span.arrow-downright {
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            position: absolute;
            margin: 24px 0 0 -38px;
            float: left;
        }

div.barmain {
    float: left;
    width: 41px;
}

span.barleft {
    width: 20px;
    float: left;
}

span.barright {
    width: 20px;
    float: left;
}

div.barinfomain {
    width: 593px;
    float: left;
    margin: 20px 0 0 20px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
}

    div.barinfomain ul {
        float: left;
        list-style: none;
    }

        div.barinfomain ul li {
            display: block;
            width: 593px;
            float: left;
            line-height: 20px;
        }

            div.barinfomain ul li span.square {
                width: 10px;
                height: 10px;
                float: left;
                margin: 5px 10px 0 0;
            }

/* End Bar Chart */

/* Pie Chart */

div.piechartbg {
    width: 592px;
    height: 230px;
    float: left;
    margin: 0 0 22px 15px;
    padding: 33px 0 0 0;
}

/* End Pie Chart */

/* End Tab */

/* Total Info Tab */

div.totalinfotablemain {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.dbtotalinfotabcontainer {
    width: 100%;
}

ul.dbtotalnfotabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 100%;
}

    ul.dbtotalnfotabs li {
        float: left;
        margin: 0 1px 0 0;
        padding: 0;
        height: 32px;
        line-height: 32px;
        border-left: none;
        overflow: hidden;
        position: relative;
        z-index: -1;
    }

        ul.dbtotalnfotabs li a {
            text-decoration: none;
            font-size: 16px;
            font-weight: normal;
            display: block;
            padding: 0 10px;
            outline: none;
        }


.totalinfo_tab_container {
    clear: both;
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

.totalinfo_tab_content {
    width: 100%;
    margin: 0 0 0 0;
}

    .totalinfo_tab_content h2 {
        float: left;
        font-weight: normal;
        font-size: 14px;
        padding-bottom: 10px;
        text-align: left;
    }

    .totalinfo_tab_content p {
        width: 100%;
        padding: 20px;
        float: left;
        text-align: left;
    }

ul.columnname {
    list-style: none;
    display: block;
    width: 100%;
    float: left;
    text-align: left;
    padding: 7px 0;
    margin: -1px 0 0 0;
    font-weight: normal;
    font-size: 14px;
}

    ul.columnname li {
        float: left;
        display: block;
        margin: 0 10px;
    }

        ul.columnname li.titlespace {
            margin: 0 78px 0 10px;
        }

        ul.columnname li.numeric {
            text-align: center;
        }

ul.rowdata {
    list-style: none;
    display: block;
    width: 100%;
    float: left;
    text-align: left;
    padding: 0 0;
    margin: 0px 0 0 0;
    font-weight: normal;
    font-size: 12px;
}

    ul.rowdata:hover {
        list-style: none;
        display: block;
        width: 100%;
        float: left;
        text-align: left;
        padding: 0 0;
        margin: 0px 0 0 0;
        font-weight: normal;
        font-size: 14px;
    }

    ul.rowdata li {
        float: left;
        display: block;
        width: 66px;
        text-align: center;
        padding: 8px 0;
    }

        ul.rowdata li.titlespace {
            float: left;
            display: block;
            margin: 0 10px;
            width: 148px;
            border-left: 0px;
            text-align: left;
        }

        ul.rowdata li.norecord {
            float: left;
            display: block;
            width: 98%;
            /*padding: 20px 10px;*/
            padding: 10px 10px;
            text-align: left;
        }

            ul.rowdata li.norecord p {
                float: left;
                margin: 0 0 20px 0;
                padding: 0px;
            }

        ul.rowdata li.numeric {
            text-align: right;
        }

/* End Total Info Tab */

div.verticalsep {
    margin: 0 9px;
    float: left;
    height: 661px;
}

div.dbrightmain {
    width: 390px;
    float: left;
}

    div.dbrightmain div.dbpagetitlemain {
        width: 390px;
        float: left;
        height: 33px;
    }

    div.dbrightmain h3.innnerpagetitle {
        float: left;
        padding: 6px 12px;
        font-size: 16px;
        font-weight: normal;
    }

    div.dbrightmain span.nmicon {
        float: right;
        height: 32px;
    }

        div.dbrightmain span.nmicon ul {
            float: left;
            list-style: none;
            display: block;
            font-weight: normal;
            font-size: 14px;
        }

            div.dbrightmain span.nmicon ul li {
                float: left;
                display: block;
                margin: 8px 10px 0 0;
            }

                div.dbrightmain span.nmicon ul li span {
                    padding: 2px 5px;
                    font-size: 13px;
                    margin-left: 5px;
                }

        div.dbrightmain span.nmicon span.arrow-down {
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            position: absolute;
            margin: 25px 0 0 -22px;
            float: left;
        }

    div.dbrightmain div.rightpartmain {
        float: left;
        width: 390px;
    }

    div.dbrightmain ul.msgboxmain {
        float: left;
        width: 390px;
        list-style: none;
        display: block;
        font-weight: normal;
    }

        div.dbrightmain ul.msgboxmain li {
            margin: 10px 0 0 0;
            float: left;
            width: 380px;
            padding: 5px;
        }

            div.dbrightmain ul.msgboxmain li div.topdetail {
                float: left;
                width: 380px;
                font-size: 15px;
            }

                div.dbrightmain ul.msgboxmain li div.topdetail div.left {
                    float: left;
                }

                div.dbrightmain ul.msgboxmain li div.topdetail div.right {
                    float: right;
                }


            div.dbrightmain ul.msgboxmain li p {
                float: left;
                margin: 10px 0 0 0;
                padding: 0px;
                text-align: left;
                font-size: 16px;
                line-height: 20px;
            }

            div.dbrightmain ul.msgboxmain li div.bottomicon {
                float: left;
                width: 380px;
            }

                div.dbrightmain ul.msgboxmain li div.bottomicon span {
                    float: right;
                }

                    div.dbrightmain ul.msgboxmain li div.bottomicon span a img {
                        border: 0px;
                        width: 13px;
                        height: 14px;
                    }

                    div.dbrightmain ul.msgboxmain li div.bottomicon span a.right {
                        margin: 0 3px 0 0;
                    }

    div.dbrightmain ul.dykboxmain {
        float: left;
        width: 390px;
        list-style: none;
        display: block;
        font-weight: normal;
    }

        div.dbrightmain ul.dykboxmain li {
            margin: 10px 0 0 0;
            float: left;
            width: 380px;
            padding: 0 5px;
        }

            div.dbrightmain ul.dykboxmain li div.question {
                float: left;
                width: 380px;
                font-size: 14px;
                text-align: left;
            }

            div.dbrightmain ul.dykboxmain li p {
                float: left;
                margin: 10px 0 0 0;
                padding: 0px;
                text-align: left;
                font-size: 14px;
                line-height: 20px;
            }

            div.dbrightmain ul.dykboxmain li div.readmore {
                float: left;
                width: 380px;
            }

                div.dbrightmain ul.dykboxmain li div.readmore a {
                    float: left;
                    margin: 9px 0;
                    font-size: 13px;
                    text-decoration: none;
                    font-weight: normal;
                    padding: 5px;
                }

.top {
    margin: 20px 0 0 0;
}

/* End DashBoard */

/* Paymaster Grid */
.paymaster_grid {
    /*width: 100%;*/
    width: 99.85%;
    margin: 0;
    padding: 0;
}

    .paymaster_grid thead tr, .paymaster_grid tbody tr {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: -moz-none;
        -o-user-select: none;
        user-select: none;
    }

    .paymaster_grid table {
        width: 100%;
        border-spacing: 0;
        /*border-collapse: collapse;*/
    }

        .paymaster_grid table thead tr th, .paymaster_grid table thead tr th a {
            font-weight: bold !important;
        }

            .paymaster_grid table thead tr th.sort_asc {
                background-image: url('Images/up_arrow.png');
                background-repeat: no-repeat;
                /*background-position: right 10px center;*/
                background-position: right center;
            }

            .paymaster_grid table thead tr th.sort_desc {
                background-image: url('Images/down_arrow.png');
                background-repeat: no-repeat;
                /*background-position: right 10px center;*/
                background-position: right center;
            }

            .paymaster_grid table thead tr th.alignleft, .paymaster_grid table tbody tr td.alignleft {
                text-align: left;
            }

            .paymaster_grid table thead tr th.aligncenter, .paymaster_grid table tbody tr td.aligncenter {
                text-align: center;
            }

            .paymaster_grid table thead tr th.alignright, .paymaster_grid table tbody tr td.alignright {
                text-align: right;
            }

        .paymaster_grid table thead tr th, .paymaster_grid table tbody tr td {
            font-weight: 100;
            padding: 0px 10px 0 10px;
            margin: 0;
            width: auto;
            height: 30px;
            text-align: left;
            word-break: keep-all;
        }

            .paymaster_grid table thead tr th.numeric-column, .paymaster_grid table tbody tr td.numeric-column {
                text-align: right !important;
            }

            .paymaster_grid table thead tr th.deleteheader {
                background-image: none;
                text-align: center;
            }

            .paymaster_grid table thead tr th.pictureheader {
                background-image: none;
                text-align: center;
            }

            .paymaster_grid table thead tr th.deleteheader .delete-icon {
                background: url('Images/delete_icon_white.png') no-repeat center center;
                height: 15px;
                width: 15px;
            }

            .paymaster_grid table thead tr th.pictureheader .picture-icon {
                background: url('Images/picture_icon_white.png') no-repeat center center;
                height: 15px;
                width: 18px;
            }
        /*.paymaster_grid table thead tr
        {
            min-height: 15px;
        }*/

        .paymaster_grid table tbody tr {
            cursor: pointer;
            min-height: 13px;
        }

            .paymaster_grid table tbody tr td .delete-icon {
                background: url('Images/delete_icon_dark.png') no-repeat center center;
                height: 15px;
                width: 15px;
                text-align: center;
            }

            .paymaster_grid table tbody tr td .picture-icon {
                background: url('Images/picture_icon_dark.png') no-repeat center center;
                height: 15px;
                width: 20px;
                text-align: center;
            }

            .paymaster_grid table tbody tr.total-row {
                background: #dfdfdf !important;
            }

                .paymaster_grid table tbody tr.total-row td {
                    font-weight: bold;
                    border-top: 1px solid #d4d4d4 !important;
                }

            .paymaster_grid table tbody tr.grand-total-row {
                background: #dfdfdf !important;
            }

                .paymaster_grid table tbody tr.grand-total-row td {
                    border-top: 1px solid #d4d4d4 !important;
                    border-bottom: 1px solid #d4d4d4 !important;
                    font-weight: bold;
                    font-size: 13px;
                }


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

/* Paymaster Grid  */

/*Import Grid*/

.flexible_grid {
    width: 99.85%;
    margin: 0;
    padding: 0;
    overflow-x: auto;
}

    .flexible_grid table {
        width: 100%;
    }

        .flexible_grid table th {
            min-width: 150px;
            white-space: nowrap;
        }

            .flexible_grid table th.deleteheader {
                min-width: 0;
                width: 20px;
            }

            .flexible_grid table th.pictureheader {
                min-width: 0;
                width: 20px;
            }

.errorlink {
    color: blue;
    text-decoration: underline;
}
/*Import Grid*/

/*Pagination*/

.popuppagination {
    width: 100% !important;
    padding: 0 !important;
}

    .popuppagination .tr {
        margin-top: 20px !important;
    }

.paginationmain a, .paginationmain span {
    float: left;
    margin: 0 2px;
    font-size: 14px;
    font-weight: normal;
    width: 20px;
    height: 20px;
}

.paginationmain .paginationLink {
    cursor: pointer;
}

.paginationmain .numberlink, .paginationmain .activelink {
    padding: 2px 6px;
    width: auto;
    height: auto;
}

/*Custom Tool Tip*/
.help-tip, .error-tip {
    max-width: 250px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: auto;
    display: none;
    position: absolute;
    z-index: 10000;
}

    .help-tip .content, .error-tip .content {
        margin: 5px 8px;
        text-align: justify;
    }

        .error-tip .content ul {
            list-style-type: disc;
            padding-left: 13px;
        }

            .error-tip .content ul li {
                font-size: 13px;
            }

/*Custom Tool Tip*/

/* Entry From */

.eftoppart {
    width: 998px;
    float: left;
    padding: 8px 12px 0 12px;
}

    .eftoppart div.profilepicmain {
        width: 148px;
        float: left;
    }

        .eftoppart div.profilepicmain span {
            width: 146px;
            height: 133px;
            float: left;
        }

#file_containor {
    /*overflow: hidden;*/
    position: relative;
    float: left;
    width: 50px;
    height: 16px;
}

    #file_containor:hover {
        /*overflow: hidden;*/
        position: relative;
        float: left;
        width: 50px;
        height: 16px;
    }

    #file_containor input {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 14px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        z-index: 2;
        cursor: pointer; /* Won't work in Fx 3.6 */
    }
/*Added By Sumit*/
div.mainfieldbox2 {
    float: left;
    width: 33%;
}

div.mainfieldbox1 {
    float: left;
    width: 49%;
}

div.mainfieldbox {
    float: left;
    margin: 0 0 0 20px;
    width: 243px;
}

div.mainfieldbox2 label.fieldtitle {
    min-width: 125px;
    margin: 0;
}

div.mainfieldbox1 label.fieldtitle {
    min-width: 175px;
    margin: 0;
}

div.mainfieldbox label.fieldtitle {
    min-width: 80px;
    margin: 0;
}

div.mainfieldbox1 .fieldmain, div.mainfieldbox2 .fieldmain, div.mainfieldbox .fieldmain {
    min-height: 40px;
}

div.mainfieldbox1 label.fieldtitle:after, div.mainfieldbox2 label.fieldtitle:after {
    content: ":";
    margin-left: 5px;
    float: right;
}

/*end 

div.mainfieldbox
{
    float: left;
    margin: 0 0 0 20px;
    width: 243px;
}*/

span.fieldmain {
    float: left;
    /*Added By Sumit*/
    clear: left;
    /*margin-bottom: 4px;*/
    margin-bottom: 2px;
    width: 100%;
    /*end*/
}
/*Added By Sumit*/
ul.dbtotalnfotabs:hover li {
    z-index: 0;
}
/*.field-validation-error
{
    color: #EF6465;
    font-size: 0.85em;
    margin-left: 10px;
}
*/
.input-validation-error {
    border: 1px solid #EF6465 !important;
}

span.fieldmain:last-child {
    /*margin-bottom: 8px;*/
    margin-bottom: 0px;
}

span.fieldmain label {
    min-width: 200px;
}

    span.fieldmain label:after {
        float: right;
        font-weight: bold;
    }

span.fieldmain textarea {
    height: 55px;
    width: 250px;
}

/*.clsmarginleft
{
    float: left;
    margin: 7px 0 0 10px;
}*/

/*end sumit add*/

span.fieldmain label.fieldtitle {
    text-align: left;
    float: left;
    margin: 6px 10px 0 0;
}

span.fieldmain label.dark {
    text-align: left;
    float: left;
    margin: 6px 0 0 0;
}

.field {
    padding: 3px 10px;
    width: 117px;
    /*height: 23px;*/
    height: 18px;
    margin: 0 0 0 8px;
    line-height: 21px;
    /*added by sumit float: right;*/
    float: left;
    /*end*/
}

    .field:focus {
        outline: none;
        line-height: 21px;
    }

.formselectfield {
    width: 105px;
    /*height: 30px;*/
    height: 24px;
    margin: 0 0 0 8px;
    outline: none;
    float: left;
    /*padding: 5px;*/
    line-height: 25px;
}

.specialwidth126 {
    width: 126px;
}

.specialwidth134 {
    width: 134px;
}

.specialwidth190 {
    width: 190px;
}

.specialwidth157 {
    width: 157px;
}

.specialwidth150 {
    width: 150px;
}

.specialwidth140 {
    width: 140px;
}

.specialwidth180 {
    width: 180px;
}

#specialmarginGender {
    margin: 25px 0 0 20px;
}

#specialmarginFemale {
    margin: 25px 20px 0 8px;
}

/* for the polyfill */


.generalboxfield {
    padding: 3px 10px;
    width: 170px;
    height: 23px;
    margin: 0 0 0 8px;
    font-size: 14px;
    float: left;
}

    .generalboxfield:focus {
        outline: none;
        font-size: 14px;
    }

.generalboxdobouter {
    width: 170px;
    /*height: 28px*/
    height: 18px;
    margin: 0 0 0 8px;
    font-size: 14px;
    float: left;
}

    .generalboxdobouter a {
        float: right;
        margin: 5px;
    }

        .generalboxdobouter a img {
            border: 0px;
        }

.generalboxdobfield {
    padding: 3px 10px;
    height: 18px;
    margin: 0;
    /*font-size: 14px;*/
    font-size: 12px;
    float: left;
    outline: none;
    border: 0px;
}

.fieldhelp {
    float: left;
    margin: 3px 0 0 5px;
    cursor: pointer;
    position: relative;
}

.currencyhelp {
    float: left;
    margin: 3px 0 0 5px;
    cursor: pointer;
}

.selector-box {
    position: relative;
}

span.fieldmain p.checkboxmain {
    float: left;
    padding: 0px;
}

    span.fieldmain p.checkboxmain input {
        float: left;
        margin: 3px 8px 0 0;
    }

    span.fieldmain p.checkboxmain label {
        margin: 0px;
    }

.more {
    float: right;
    margin: 2px 0 0 0;
    /*added by sumit*/
    clear: left;
    /*end*/
}

    .more a {
        float: left;
        padding: 2px 10px 5px 10px;
        margin: 1px 0 0 0;
        text-decoration: none;
        font-size: 14px;
        font-weight: normal;
    }

.marginbottom5 {
    margin-bottom: 5px !important;
}

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

.marginright15 {
    margin-right: 15px !important;
}

.marginleft15 {
    margin-left: 15px !important;
}

.margintopbottom {
    margin: 20px 0;
}

.margintop75 {
    margin-top: 75px !important;
}

.extramargin25 {
    margin: 0 0 0 28px;
}

.extramargin8 {
    margin: 0 0 0 11px;
}

.extramargin22 {
    margin: 0 0 0 22px;
}

.extramargintop17 {
    margin: 17px 0 0 0;
}

.extramarginleft90 {
    margin-left: 90px !important;
}

.nomargin {
    margin: 0px;
}

.extramarginbottom20 {
    margin: 0 0 20px 0;
}

.extramarginleft20 {
    margin: 0 0 0 20px;
}
/*added by sumit*/
.extramarginleft10 {
    margin: 5px 0 0 10px;
    float: left;
}
/*end*/
.extramarginall {
    margin: 20px;
}

.extramargintopleft {
    margin: 25px 0 0 20px;
}

.extramargintop {
    margin: 28px 0 0 20px;
}

.extramargin3side {
    margin: 20px 0 20px 20px;
}

.extramargintop6 {
    margin: 6px 0 0 0;
    float: left;
}

div.jobprofilemain {
    width: 557px;
    margin: 0 0 0 28px;
    float: left;
}
    /*added by sumit*/
    div.jobprofilemain .fieldmain {
        min-height: 40px;
        margin: 0 4px 0 0;
        clear: none;
    }
/*end*/
span.sectiontitlemain {
    /*float: left;*/
    width: 100%;
    /*margin-bottom: 15px*/
    margin-bottom: 10px;
    display: block;
    /*margin-bottom: 20px;*/
}

h3.sectiontitleblue {
    /*float: left;*/
    display: inline-block;
    /*padding: 6px 10px*/
    padding: 5px 6px;
    font-size: 14px;
    /*font-size: 16px;*/
    font-weight: normal;
}

h3.sectiontitle {
    /*float: left;*/
    display: inline-block;
    /*padding: 6px 10px*/
    padding: 5px 6px;
    font-size: 14px;
    /*font-size: 16px;*/
    font-weight: normal;
}

div.generalsectiontitle {
    /*width: 1004px;*/
    /*height: 32px;*/
    /*float: left;*/
    text-align: left;
    padding: 5px 10px;
    font-size: 16px;
    /*font-size: 19px;*/
    font-weight: normal;
    margin-bottom: 10px;
}

.efgeneralbox {
    width: 1000px;
    float: left;
    padding: 10px;
    margin-bottom: 10px;
}

.specialwidth {
    width: 120px;
}

span.fieldmain p.radiobtnmain {
    float: left;
    padding: 0px;
    margin: 25px 0 0 20px;
}
/*Hiren for radio button relative to textbox*/

span.fieldmain p.radiofield {
    margin: 5px 0 0 20px !important;
}


span.fieldmain p.radiobtnmain input {
    float: left;
    margin: 3px 8px 0 0;
}

span.fieldmain p.radiobtnmain label {
    margin: 0px;
}

.nobackground {
    background: none;
}

div.nidmain {
    width: 348px;
    float: left;
    margin: 10px 10px 0 0;
}

    div.nidmain span {
        width: 348px;
        height: 221px;
        float: left;
    }

/*div.btn
{
    float: left;
    width: 348px;
    margin: 10px 0 0 0;
}

    div.btn a
    {
        padding: 5px 10px;
        float: left;
        text-decoration: none;
        font-weight: bold;
    }

        div.btn a:hover
        {
            padding: 5px 10px;
            float: left;
            text-decoration: none;
            font-weight: bold;
        }

        div.btn a.leftspace
        {
            float: left;
            margin-left: 10px;
        }

    div.btn input[type="button"], div.btn input[type="submit"], div.btn input[type="reset"]
    {
        padding: 5px 10px;
        float: left;
        text-decoration: none;
        font-weight: bold;
    }

        div.btn input[type="button"].leftspace, div.btn input[type="submit"].leftspace, div.btn input[type="reset"].leftspace
        {
            float: left;
            margin-left: 10px;
        }*/

div.btnmiddle {
    margin: 10px 0;
    text-align: center;
}

input[type="button"].leftspace, input[type="submit"].leftspace, input[type="reset"].leftspace {
    margin-left: 10px;
}

a.leftspace {
    margin-left: 10px;
}

div.button a {
    float: left;
    background: url('Images/btn_bg.png') repeat-x;
    height: 18px;
    padding: 6px 8px;
    font-weight: bold;
}

div.popupbtn a {
    padding: 5px 10px;
    float: left;
    text-decoration: none;
    font-weight: bold;
    margin: 20px 0 0 0;
}

    div.popupbtn a:hover {
        padding: 5px 10px;
        float: left;
        text-decoration: none;
        font-weight: bold;
        margin: 20px 0 0 0;
    }

    div.popupbtn a.leftspace {
        float: left;
        margin-left: 10px;
    }

/* End Entry From */

#footermain {
    width: 1007px;
    float: left;
    margin: 8px 0;
    padding-top: 5px;
}

    #footermain span {
        font-size: 11px;
    }

        #footermain span a {
            text-decoration: none;
            font-weight: normal;
        }

/*#footermain span.copy
        {
            float: left;
            margin-right: 34px;
            font-size: 11px;
        }

            #footermain span.copy a
            {
                text-decoration: none;
                font-weight: normal;
            }

        #footermain span.poweredby
        {
            float: left;
            font-size: 11px;
        }

            #footermain span.poweredby a
            {
                text-decoration: none;
                font-weight: normal;
            }

        #footermain span.designin
        {
            float: right;
            font-size: 11px;
        }

            #footermain span.designin a
            {
                text-decoration: none;
                font-weight: normal;
            }*/

.scroll-pane {
    width: 100%;
    height: 270px;
}

.horizontal-only {
    height: auto;
    max-height: 200px;
}

/* grid in table */

.girdmain {
    width: 1007px;
    font-weight: normal;
    text-align: left;
}

tr.titlelinemai {
    width: 1007px;
    height: 40px;
    font-size: 15px;
}

    tr.titlelinemai td.title {
        width: 165px;
        height: 20px;
        padding: 10px 15px;
    }

.deletewhite {
    width: 14px;
    float: left;
    border-right: 0px;
    padding: 13px 0 0 10px;
}

    .deletewhite a img {
        border: 0px;
    }

.tablearrowmain {
    width: 8px;
    height: 10px;
    float: left;
}

    .tablearrowmain a img {
        border: 0px;
    }

    .tablearrowmain a.up {
        float: left;
        margin: 5px 0 2px 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }

    .tablearrowmain a.down {
        float: left;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }

    .tablearrowmain a.up:hover {
        float: left;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        margin: 6px 0 2px 0;
    }

    .tablearrowmain a.down:hover {
        float: left;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }

.detailtextmain {
    float: left;
    height: 250px;
    overflow: auto;
}

tr.rowmain {
    width: 1007px;
    list-style: none;
    height: 40px;
    font-size: 14px;
}

    tr.rowmain:hover {
        width: 1007px;
        list-style: none;
        height: 40px;
    }

    tr.rowmain td.contant {
        width: 165px;
        height: 20px;
        padding: 10px 15px;
    }

.fullwidth {
    width: 100%;
}

.fixwidth {
    width: 1007px;
}


/*Hire for Error Message*/

span.errormessage {
    font-size: 14px;
    color: red;
    line-height: 2;
    padding-left: 10px;
}

.divBox1 {
    width: 5% !important;
    float: left;
}

.divBox2 {
    width: 10% !important;
    float: left;
}

.divBox3 {
    width: 15% !important;
    float: left;
}

.divBox4 {
    width: 20% !important;
    float: left;
}

.divBox5 {
    width: 25% !important;
    float: left;
}

.divBox6 {
    width: 30% !important;
    float: left;
}

.divBox7 {
    width: 35% !important;
    float: left;
}

.divBox8 {
    width: 40% !important;
    float: left;
}

.divBox9 {
    width: 45% !important;
    float: left;
}

.divBox10 {
    width: 50% !important;
    float: left;
}

.divBox11 {
    width: 55% !important;
    float: left;
}

.divBox12 {
    width: 60% !important;
    float: left;
}

.divBox13 {
    width: 65% !important;
    float: left;
}

.divBox14 {
    width: 70% !important;
    float: left;
}

.divBox15 {
    width: 75% !important;
    float: left;
}

.divBox16 {
    width: 80% !important;
    float: left;
}

.divBox17 {
    width: 85% !important;
    float: left;
}

.divBox18 {
    width: 90% !important;
    float: left;
}

.divBox19 {
    width: 95% !important;
    float: left;
}

.divBox20 {
    width: 100% !important;
    float: left;
}

.popupwindow {
    margin-top: 0px;
    display: block;
    z-index: 14;
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
    position: absolute;
    height: 454px;
    width: 606px;
    padding: 0.2em;
    outline: 0;
    margin-left: 411px;
}

/*Help Icons added by Hiren 21-9-2013 */
.tooltip-icon {
    width: 20px;
    height: 24px;
}

.csv-icon {
    background: url('Images/csv_icon.png') no-repeat;
}

.pdf-icon {
    background: url('Images/pdf_icon.png') no-repeat;
}

.xls-icon {
    background: url('Images/xls_icon.png') no-repeat;
}

.print-icon {
    background: url('Images/report_icon.png') no-repeat;
}


.field-icon {
    background: url('Images/ef_fieldhelp_icon.png') no-repeat;
    position: relative;
    /*top: 5px;*/
    top: 1px;
}

.ajaxLoader {
    display: block;
    background: url('Images/ajax-loader.gif') 5px 5px no-repeat !important;
    width: 46px !important;
    height: 46px !important;
    display: none;
    padding: 0 !important;
}
/*Start Employee Modules Changes 19102013 by dhaval Patel*/
input.Inputfield {
    /*width: 100px;*/
    width: 108px;
    padding-right: 17px;
    height: 18px;
    margin: 0 0 0 8px;
    line-height: 21px;
    float: left;
    padding-top: 3px;
}

.clsdate {
    background: url("Images/ef_calendar_icon.png") no-repeat 95% center white;
}

.extramarginLabel {
    float: left;
    margin: 5px 0 0 50px;
}

.DeleteBtn {
    min-width: 16px;
    cursor: pointer;
    background: url("/Content/Images/db_deleteicon.png") no-repeat 31px 10px;
}

.clearbutton {
    display: inline;
    float: right;
    padding: 5px 10px;
}

span.fieldmain label.fieldtitle {
    margin: 6px -50px 0 0;
}

.requiredSymbol {
    font-size: 11px;
}

.linkButton {
    padding: 5px 10px;
    float: left;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    height: 32px;
}

    .linkButton:hover {
        padding: 5px 10px;
        float: left;
        text-decoration: none;
        font-weight: bold;
    }

    .linkButton.leftspace {
        float: left;
        margin-left: 10px;
    }

#ModuleVisibleText {
    width: 100%;
    float: left;
    font-style: italic;
    font-size: 20px;
    text-align: center;
    line-height: 26px;
    margin: 10px 0 0 20px;
    font-weight: normal;
}

.ClearText {
    width: 12px;
    height: 12px;
    display: none;
    overflow: hidden;
    text-indent: -6px;
    position: relative;
    top: 20px;
    right: 0px;
    background: url(../../Content/Images/CleatTextButton.png) 0 0 no-repeat;
    cursor: pointer;
}

.CurrencySymbol {
    /*padding-top: 5px;*/
}

.lblCurrency {
    margin: 0px 0 0 6px;
}

.divbodyrow {
    clear: both;
}

.div-label-container {
    float: left;
    text-align: left;
    width: 151px;
    margin-top: 6px;
}

.div-value-container {
    display: inline-block;
    float: left;
}

.div-field-container {
    display: inline-block;
}

.div-tooltip-container {
    display: inline-block;
    cursor: pointer;
}

.div-error-container {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
}

.clearable {
    position: relative;
}

.data_field {
    padding-right: 17px;
}

span.icon_clear {
    position: absolute;
    right: 25px;
    top: 2px;
    display: none;
    cursor: pointer;
    font: bold 15px sans-serif;
}

span.labelval {
    position: absolute;
    margin-top: 3px;
    display: table-cell;
    white-space: nowrap;
}

span.ModulesTab {
    float: left;
    width: 18%;
    margin-bottom: 0px;
}

/*div.div-error-container span.field-validation-error
{
    display: inline;
    color: white;
    padding: 0 5px 1px;
    position: relative;
    top: -3px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}*/

/*Start For Employee to Sub Menu popup to hover onto PopupList*/
#collapse {
    position: relative;
    float: left;
    margin: 0 0 0 12px;
}

#DivMenu {
    display: none;
    position: absolute;
    width: 150px;
    padding: 22px;
    margin: 0 0 0 -100px;
    float: left;
}

    #DivMenu > ul {
        list-style: circle;
        line-height: 30px;
        text-align: left;
    }

        #DivMenu > ul > li > a {
            font-size: 14px;
        }


    #DivMenu .arrow {
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        position: absolute;
        bottom: 231px;
        float: left;
        margin-left: -31px;
    }

/*.arrow
{
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #88bc18;
	position: absolute;
	bottom: 199px;
	float: left;
	margin-left: -30px;
}*/
/*End  For Employee to Sub Menu popup to hover onto PopupList*/

/*End Employee Modules Changes 19102013 by dhaval Patel*/

/*File Uploader Style*/
#FileUploaderWrapper {
    display: block;
    clear: both;
}

.file-wrapper {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
}

    .file-wrapper input {
        font-size: 100px;
        height: 100%;
        filter: alpha(opacity=1);
        -moz-opacity: 0.01;
        opacity: 0.01;
        position: absolute;
        right: 0;
        top: 0;
    }

    .file-wrapper .button {
        display: inline-block;
        font-weight: bold;
        padding: 5px 10px;
    }

/*#fileUploaderWrapperId form input[type='file']
{
    background: none repeat scroll 0 0 #F8F6F6;
    border: 1px solid #E6E6E6;
    color: #1D436A;
    display: inline-block;
    font-weight: bold;
    padding: 5px 10px;
    margin-right: 5px;
}*/

#FileUploaderWrapper #FileUploaderProgress {
    width: 100px;
    height: 5px;
}

/*File Uploader Style End*/
/*custom height*/
.height20 {
    height: 20px !important;
}
/*custom width*/
.width48P {
    width: 48% !important;
}

.width65 {
    width: 65px !important;
}

.width90 {
    width: 90px !important;
}

.width100 {
    width: 100px !important;
}

.width110 {
    width: 110px !important;
}

.width120 {
    width: 120px !important;
}

.width130 {
    width: 130px !important;
}

.width132 {
    width: 132px !important;
}


.width140 {
    width: 140px !important;
}

.width150 {
    width: 150px !important;
}

.width160 {
    width: 160px !important;
}

.width142 {
    width: 142px !important;
}

.width200 {
    width: 200px !important;
}

.width494 {
    width: 494px !important;
}

.width500 {
    width: 500px !important;
}

.width80 {
    width: 80px !important;
}

.width160 {
    width: 160px !important;
}

.width70 {
    width: 70px !important;
}

.width45 {
    width: 45px !important;
}

.width225 {
    width: 225px !important;
}

.width80percent {
    width: 80% !important;
}

.width100percent {
    width: 100% !important;
}

.height5px {
    height: 5px !important;
}

.datepickerdiv {
    padding-right: 7px;
}



    .datepickerdiv img {
        position: relative;
        top: 3px;
    }

    .datepickerdiv input[type='text'] {
        border: medium none !important;
        width: 85px !important;
    }

        .datepickerdiv input[type='text']:focus + .datepickerdiv {
            border: 1px solid black !important;
        }

/*This will remove ie cross mark from input type*/
input[type='text']::-ms-clear {
    width: 0;
    height: 0;
}
/*This will remove ie cross mark from input type*/

.no-ie-crossmark::-ms-clear {
    width: 0;
    height: 0;
}

/* ADDED BY SUMIT*/
.clsPeriodType {
    padding: 4px;
}

    .clsPeriodType a {
        padding: 3px;
    }

.clsPeriod {
    /*padding-left: 10px; */
}

    .clsPeriod a {
        padding: 1px 1px 1px 5px !important;
    }

.clsPeriodSelected {
    /*padding-left: 10px;*/
}

    .clsPeriodSelected a {
        font-weight: bold !important;
        padding: 1px 1px 1px 5px !important;
    }

.custom-grid table tbody tr td input[type=text] {
    width: 200px;
    float: none !important;
    padding: 3px 5px 4px;
}

.custom-grid table tbody tr td select {
    height: 24px;
    padding: 2px 2px 2px 3px;
    width: 125px;
    float: none !important;
}

    .custom-grid table tbody tr td input[type=text]:focus, .custom-grid table tbody tr td select:focus {
        outline: medium none;
    }

.clsTabGrid {
    max-height: 330px;
    overflow-y: scroll;
}

.field-container.extramargintopright5 {
    margin-top: 5px !important;
    margin-right: 5px !important;
}

.clstbDragDrop tbody tr {
    cursor: -moz-grab;
}

.whiteback {
    background-color: white;
}

.clstbDragDrop tbody .ui-state-highlight {
    background: white !important;
    box-shadow: 0 0 10px gray;
}

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

.mainareaWidth220 .popupareamain .popupbodymain .popupbodyrow .label-container {
    width: 220px;
}

.hide {
    display: none;
}

fieldset {
    text-align: left;
}

legend {
    font-size: 16px;
    text-align: right;
}

fieldset legend h3 {
    font-size: 12px !important;
}

select[multiple=multiple].clsList {
    width: 250px !important;
    height: 250px !important;
    padding: 4px;
    display: none;
}

.btnAssign {
    padding: 2px 10px !important;
    margin: 130px 0 0 13px;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
}

.assignList {
    width: 250px !important;
    height: 241px !important;
    list-style-type: none;
    padding: 4px;
    text-align: left;
    overflow-y: auto;
}


    .assignList li {
        cursor: pointer;
        padding: 2px 4px;
        margin: 0;
        transition: all 0.3s ease;
        position: relative;
        height: 15px;
    }

        .assignList li:hover a {
            visibility: visible;
            opacity: 1;
        }

        .assignList li a {
            background-image: url('Images/delete_icon_white.png');
            background-repeat: no-repeat;
            background-position: center;
            /*float: right;*/
            position: absolute;
            top: 0;
            right: 0;
            /*margin: -3px;*/
            height: 19px;
            width: 21px;
            visibility: hidden;
            opacity: 0;
            cursor: pointer;
        }

        .assignList li.greenBackground a {
            background-color: #88BC18;
        }

        .assignList li.redBackground a {
            background-color: #CE4040;
        }

.assignBox {
    /*padding: 20px 10px 10px 10px;*/
    padding: 16px 10px 10px;
    border: none;
    margin: 10px;
    float: left;
    position: relative;
}

    .assignBox legend {
        position: absolute;
        margin-top: -35px;
    }

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

.field-container input[type=radio] {
    margin-top: 5px !important;
}

/*END*/

.greenBackground {
    background-color: #88BC18;
}

.redBackground {
    background-color: #CE4040 !important;
}

/*Style For Currency Popup Start*/
.popupdropdown-label {
    cursor: pointer;
    display: inline-block;
    margin-right: 6px !important;
}

/*.CurrencyCls
{
    cursor: pointer;
    display: inline-block;
    margin-right: 6px;
}*/

.tooltipster-base .tooltipster-content {
    padding: 3px !important;
    width: 150px;
}

    .tooltipster-base .tooltipster-content ul {
        list-style-type: none;
    }

    .tooltipster-base .tooltipster-content > ul {
        list-style: none;
        /*line-height: 25px;*/
        max-height: 335px;
        overflow: auto;
        overflow-x: hidden;
        text-align: left;
    }

        .tooltipster-base .tooltipster-content > ul > li {
            padding: 4px 10px;
            /*padding-left: 10px;
            padding-right: 10px;*/
            cursor: pointer;
        }

            .tooltipster-base .tooltipster-content > ul > li:hover {
                background: #BBBBBB;
                color: #FFF;
            }


            .tooltipster-base .tooltipster-content > ul > li > a {
                font-size: 14px;
                font-weight: 400;
            }

/*Style For Currency Popup End*/

/*Datepicker style*/

div.datepicker-container {
    position: relative;
    display: inline-block;
}

.hasDatepicker {
    /*padding-right: 30px !important;*/
    padding-right: 25px !important;
    text-align: left !important;
}

.ui-datepicker {
    z-index: 10000 !important;
}

img.ui-datepicker-trigger {
    position: absolute;
    right: 3px;
    top: 3px;
}
/*Datepicker style*/

.Divpopup {
    display: none;
    position: absolute;
    width: 520px;
    padding: 10px;
    margin: -316px 0 0 -4px;
    /*margin: -273px 0 0 -4px;*/
    float: left;
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;*/
}

.popupTip {
    position: absolute;
    right: 7px;
    top: -1px;
}

.arrowDown {
    font: 12px/15px Verdana,Arial,Helvetica,sans-serif;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 4px 0 4px;
    position: relative;
    top: 0px;
}

.no-float {
    float: none !important;
}

.collapsedImg {
    display: none;
}

.expandedImg {
    display: block;
}

.mainfloater {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: absolute;
    top: 150px;
    right: 1px;
    overflow: hidden;
    color: black;
    z-index: 100;
    position: fixed;
    color: black;
    cursor: pointer;
    height: 430px;
    display: inline;
    -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.4);
    box-shadow: 0 2px 15px rgba(0,0,0,0.4);
}

.openDiv {
    background: transparent url(Images/left-open.gif) no-repeat scroll 0 155px;
    padding-top: 364px;
    padding-left: 10px;
    float: left;
    /*background: url("Images/left-open.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: inline-block;
    height: inherit;
    vertical-align: top;
    width: 10px;*/
}

.closeDiv {
    background: transparent url(Images/right-open.gif) no-repeat scroll 0 155px;
    padding-top: 364px;
    padding-left: 10px;
    float: left;
    /*background: url("Images/right-open.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: inline-block;
    height: inherit;
    vertical-align: top;
    width: 10px;*/
}

#divScroll {
    float: left;
    width: 0;
}

    #divScroll > ul {
        list-style-type: none;
        line-height: 32px;
    }

        #divScroll > ul > li {
            padding-right: 10px;
            font-size: 13px;
            cursor: pointer;
            text-align: left;
        }

            #divScroll > ul > li:first-child {
                border: none;
            }

            #divScroll > ul > li > a {
                white-space: nowrap;
                display: block;
                width: 100%;
                font-size: 15px;
                font-weight: 100;
            }

            #divScroll > ul > li > .activelink {
                word-wrap: break-word;
                display: block;
                width: 100%;
                font-size: 14px;
                font-weight: 700;
                color: #1d436a;
            }

.tooltipDiv {
    padding-left: 6px;
}

.fieldDate {
    width: 100px;
}

.divDate {
    position: relative;
}

.ErrorMessage {
    background: #CE4040;
    color: #FFFFFF;
    font-size: 12px;
    padding: 1px 5px;
    display: inline-block;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.SuccessMessage {
    background: #409F34;
    color: #FFFFFF;
    font-size: 12px;
    padding: 1px 5px;
    display: inline-block;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.center {
    text-align: center;
}

tr.errorRow {
    background: #FFDBDB !important;
}

    tr.errorRow td {
        color: #CE4040 !important;
    }

.errorRow {
    background: #FFDBDB !important;
    color: #CE4040 !important;
    padding: 5px;
}

.custom-icon {
    width: 18px;
    height: 22px;
    text-align: center;
    vertical-align: central;
    position: relative;
    background: #CE4040;
    font-family: "Comic Sans MS";
    font-size: 15px;
    font-weight: bold;
    margin-left: 15px;
}

    .custom-icon div.pointer {
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 4px 3px 0 3px;
        border-color: #CE4040 transparent transparent transparent;
        position: relative;
        bottom: 0px;
    }

.AuthInfo {
    padding: 5px 0;
    color: #CE4040;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    width: auto !important;
}

    .AuthInfo ul {
        list-style: none;
    }

/*Advanced Search*/

#divAdvanceFilter {
    margin-bottom: 25px;
    padding-left: 20px;
    padding-top: 20px;
}

.clsCommand {
    margin-bottom: 10px;
    padding-left: 20px;
    padding-bottom: 20px;
}

.clsAdvSearch label strong {
    font-weight: normal;
    font-size: 15px;
    margin: 0 0 0 7px;
}

.clsAdvSearch input[type=button] {
    padding: 5px 10px;
    text-decoration: none;
    font-weight: bold;
}

    .clsAdvSearch input[type=button]:hover {
        padding: 5px 10px;
        text-decoration: none;
        font-weight: bold;
    }

.clsAdvSearch input[type=text], .clsAdvSearch input[type=date], .clsAdvSearch input[type=date1] {
    width: 180px;
    float: none !important;
    font-size: 12px;
    padding: 3px 5px 4px;
}

    .clsAdvSearch input[type=text]:hover, .clsAdvSearch select:hover, .clsAdvSearch input[type=date]:hover, .clsAdvSearch input[type=date1]:hover {
        outline: medium none;
    }

.clsAdvSearch select {
    float: none !important;
    font-size: 12px;
    padding: 2px 2px 2px 3px;
    min-width: 60px;
    vertical-align: central;
    height: 24px;
}

.AdvSearchValue img {
    margin: -1px;
    padding-left: 10px;
}

/*Advanced Search*/

/*Formula Calculator*/

#formulaBoxContainer {
    margin-bottom: 10px;
}

    #formulaBoxContainer textarea {
        width: 98%;
        height: 70px;
        padding: 4px;
    }

.optionsWrapper {
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}

.optionsContainer {
    width: 30%;
    float: left;
    padding: 5px;
}

    .optionsContainer .heading {
        font-size: 13px;
        font-weight: bold;
        text-decoration: underline;
        display: block;
        padding-bottom: 5px;
    }

    .optionsContainer .optionsDiv select {
        width: 100%;
        height: 167px;
        /*padding-bottom: 2px;*/
    }

    .optionsContainer .optionsDiv input[type=button] {
        text-decoration: none;
        font-weight: normal !important;
        cursor: pointer;
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
        font-size: 15px;
        width: 30px;
        height: 30px;
        padding: 0;
    }

    .optionsContainer .optionsDiv .operators {
        width: 30px;
        float: left;
    }

    .optionsContainer .optionsDiv .operators-clear {
        width: 105px;
        clear: both;
    }

        .optionsContainer .optionsDiv .operators-clear input[type=button] {
            width: 100px;
            height: 30px;
        }

    .optionsContainer .optionsDiv .numeric {
        float: left;
        width: 105px;
    }

    .optionsContainer .optionsDiv .decimal {
        float: left;
        width: 30%;
    }

        .optionsContainer .optionsDiv .decimal .bigButton {
            height: 65px;
        }

.rightMargin {
    margin-right: 10px;
}

.rightMarginButton {
    margin-right: 5px;
}

.buttonSingleWidth {
    width: 30px !important;
}

.buttonDoubleWidth {
    width: 65px !important;
}

.buttonTripleWidth {
    width: 100px !important;
}

#fieldlistId option {
    /*color:#505050;*/
    font-weight: bold;
}

    #fieldlistId option.Earnings {
        color: #437700;
        /*color: #88BC18;*/
    }

    #fieldlistId option.Deduction {
        color: #ae3f3c;
        /*color: #CE4040;*/
    }
/*Formula Calculator*/

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

.image-upload-progress-container {
    width: 100%;
    background: #88BC18;
    display: none;
}

.image-upload-progress-bar {
    width: 0;
    height: 5px;
    background: #1D436A;
}

.floatclear {
    clear: both;
}

/*special margin classes*/
.margintop5 {
    margin-top: 5px !important;
}

.marginright3 {
    margin-right: 3px !important;
}

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

.margintop20 {
    margin-top: 20px !important;
}

.margin10 {
    margin: 10px !important;
}

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

/*Dialog Text*/
/*#dialog p
{
    font-size: 13px !important;
    margin-top: 10px;
    min-height: 32px;
    text-align: center;
}

    #dialog p.warning
    {
        background-image: url('Images/notification_warning.png');
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 32px;
    }*/


.ui-dialog .dialog {
    text-align: center;
}

    .ui-dialog .dialog p {
        display: inline-block;
        font-size: 13px !important;
        margin-top: 25px;
        min-height: 32px;
        text-align: center;
    }

        .ui-dialog .dialog p.warning {
            background-image: url("Images/notification_warning_t.png");
            margin-top: 20px;
            padding: 4px 0 0 45px;
            background-position: left top;
            background-repeat: no-repeat;
            text-align: left;
        }

        .ui-dialog .dialog p.success {
            background-image: url("Images/notification_success.png");
            margin-top: 20px;
            padding: 4px 0 0 45px;
            background-position: left top;
            background-repeat: no-repeat;
            text-align: left;
        }

        .ui-dialog .dialog p.error {
            background-image: url("Images/notification_error.png");
            margin-top: 20px;
            padding: 4px 0 0 50px;
            background-position: left top;
            background-repeat: no-repeat;
            text-align: left;
        }

        .ui-dialog .dialog p.info {
            background-image: url("Images/notification_info.png");
            margin-top: 20px;
            padding: 4px 0 0 45px;
            background-position: left top;
            background-repeat: no-repeat;
            text-align: left;
        }

        .ui-dialog .dialog p.question {
            background-image: url("Images/notification_question.png");
            margin-top: 20px;
            padding: 4px 0 0 45px;
            background-position: left top;
            background-repeat: no-repeat;
            text-align: left;
        }
/*Menu*/
/*.menu
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    line-height: 2.5em;
}

    .menu ul
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        position: relative;
        line-height: 2.25em;
    }

    .menu a
    {
        text-decoration: none;
    }

    .menu > li
    {
        z-index: 0;
        display: inline-block;
        float: none !important;
        margin: 0 -2px;
        cursor: pointer;
    }

        .menu > li:first-child
        {
            margin-left: 0px!important;
        }

        .menu > li > a
        {
            padding: 0px 10px;
            margin: 0;
            width: 100%;
            text-decoration: none;
            font-weight: bold;
            font-size: 16px;
        }

div.hoverbox
{
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
}

li.pull-down
{
    padding-right: 6px;
}


    li.pull-down > a
    {
        background-image: url('Images/darrow.png');
        background-position: 96% 75%;
        background-repeat: no-repeat;
        padding-right: 20px;
    }

li.right-menu
{
    background: url('Images/folder_icon.png') no-repeat 2% 60% !important;
}

    li.right-menu > a
    {
        background-image: url('Images/rarrow.png');
        background-position: 97% 47%;
        background-repeat: no-repeat;
    }

.menu > li
{
    text-align: center;
}

    .menu > li > ul > li
    {
        text-align: left !important;
    }

.menu li
{
    float: left;
    position: relative;
    min-width: 80px;
}

.menu ul
{
    position: absolute;
    display: none;
    width: 250px;
    top: 2.5em;
}

.menu li ul a
{
    min-width: 213px;
    height: auto;
    float: left;
    padding: 0 4px;
    font-size: 13px;
    margin-left: 27px;
    font-weight: 100;
}

.menu li ul li
{
    padding: 0;
    margin: 0;
    background: url('Images/select_icon.png') no-repeat 2% 45%;
}

.menu ul ul
{
    top: auto;
}

.menu li ul ul
{
    left: 248px;
}*/
/*menu*/
.selection-text {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .selection-text.full-text {
        white-space: normal !important;
        width: auto;
    }

.edit-header-icon {
    background: url('Images/edit-white.png') no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.edit-icon {
    background: url('Images/edit.png') no-repeat;
    width: 16px;
    height: 16px;
    opacity: 0.7;
    display: inline-block;
}

.add-icon {
    background: url('Images/AddNew.png') no-repeat;
    width: 16px;
    height: 16px;
    opacity: 0.7;
    display: inline-block;
}

.save-icon {
    background: url('Images/check.png') no-repeat;
    width: 16px;
    height: 16px;
    opacity: 0.7;
    float: left;
}

.cancel-icon {
    background: url('Images/cross.png') no-repeat;
    width: 16px;
    height: 16px;
    opacity: 0.7;
    float: right;
}

.AdvSearchValue input[type="checkbox"] {
    margin: 4px 5px 0 0;
}

.nav_up {
    padding: 7px;
    background-color: white;
    border: 1px solid #CCC;
    position: fixed;
    background: transparent url(Images/arrow_up.png) no-repeat top left;
    background-position: 50% 50%;
    width: 20px;
    height: 20px;
    bottom: 25px;
    opacity: 0.7;
    right: 30px;
    white-space: nowrap;
    cursor: pointer;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.nav_down {
    padding: 7px;
    background-color: white;
    border: 1px solid #CCC;
    position: fixed;
    background: transparent url(Images/arrow_down.png) no-repeat top left;
    background-position: 50% 50%;
    width: 20px;
    height: 20px;
    bottom: 25px;
    opacity: 0.7;
    right: 70px;
    white-space: nowrap;
    cursor: pointer;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

/*Auto complete Grid*/
.auto-complete-tr-header, .auto-complete-tr-row {
    position: relative;
    padding-right: 20px;
    white-space: nowrap;
}

    .auto-complete-tr-row a {
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap;
    }

        .auto-complete-tr-row a.ui-state-focus {
            margin: 0 !important;
            border: none;
        }

    .auto-complete-tr-header div {
        display: inline-block;
        width: auto !important;
        width: 100px;
        min-width: 100px;
        font-size: 12px;
        text-align: left;
        font-weight: bold;
        padding: 2px 18px 2px 3px;
    }

    .auto-complete-tr-row div.one-column {
        display: inline-block;
        width: auto !important;
        width: 164px;
        min-width: 164px;
        vertical-align: central;
        font-size: 12px;
        text-align: left;
        padding: 2px 18px 2px 3px;
        border: none !important;
    }

    .auto-complete-tr-row div.two-column {
        display: inline-block;
        width: auto !important;
        width: 100px;
        min-width: 100px;
        vertical-align: central;
        font-size: 12px;
        text-align: left;
        padding: 2px 18px 2px 3px;
    }
/*Auto complete Grid*/

.dialog-overflow-scroll div.ui-dialog-content {
    height: auto !important;
    height: 480px;
    max-height: 480px;
    overflow-y: auto;
}

/*IE 8 Placeholder*/
.ie8-placeholder {
    color: #DADADA;
    font-size: 16px;
    position: absolute;
    left: 24px;
    top: 7px;
    font-style: italic;
}

.form-placeholder {
    font-size: 12px;
    position: absolute;
    left: 4px;
    top: 4px;
}
/*IE 8 Placeholder*/

/*Default Classes*/
.default-hide {
    display: none;
}
/*Dialog Message ul li*/
.dialog p ul {
    text-align: center;
    list-style-type: disc;
    display: inline-block;
}

    .dialog p ul li {
        text-align: left;
        font-size: 13px;
    }
/*Dialog Message ul li*/

/*paymastermenu*/

.paymastermenu {
    width: 100%;
    list-style-type: none;
    position: relative;
}

    .paymastermenu > li {
        width: auto;
        display: inline-block;
    }

        .paymastermenu > li > a {
            padding: 7px 10px 6px;
            margin: 0;
            width: 100%;
            text-decoration: none;
            font-weight: bold;
            font-size: 16px;
            line-height: 2;
        }

        .paymastermenu > li:hover {
            cursor: pointer;
        }

    .paymastermenu li.pull-down > a {
        background-image: url('Images/darrow.png');
        background-position: 96% 66%;
        background-repeat: no-repeat;
        padding-right: 20px;
    }

    .paymastermenu li.right-menu {
        background: url('Images/folder_icon.png') no-repeat 6px 60% !important;
    }

        .paymastermenu li.right-menu > a {
            background-image: url('Images/rarrow.png');
            background-position: 97% 47%;
            background-repeat: no-repeat;
        }


    .paymastermenu li ul li {
        padding: 0;
        margin: 0;
        background: url('Images/select_icon.png') no-repeat 6px 45%;
        min-width: 225px;
        width: auto;
        display: block;
        position: relative;
    }

    .paymastermenu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        position: absolute;
        line-height: 2.25em;
        display: none;
        position: absolute;
        z-index: 10;
    }

    /*.paymastermenu li ul li ul
    {
        max-height: 400px;
        overflow-y: auto;
    }*/

    .paymastermenu li ul li a {
        display: block;
        font-size: 13px;
        font-weight: normal;
        margin-left: 27px;
        padding-left: 4px;
        padding-right: 20px;
        white-space: nowrap;
    }
/*paymastermenu*/

/*START Userrole & Rights CSS*/

.tree ul {
    list-style: none outside none;
}

.tree li span, .tree li a {
    line-height: 25px;
}

.tree > ul > li > span, .tree > ul > li > a {
    display: block;
    font-weight: normal;
    position: relative;
    text-decoration: none;
}

.tree li.parent > span {
    padding: 0 0 0 20px;
}

    .tree li.parent > span > a:before {
        background-position: 15px center;
        content: "";
        display: block;
        left: 0;
        top: 5px;
        position: absolute;
        vertical-align: middle;
        width: 15px;
        border-style: solid;
        border-width: 5px 0 5px 6px;
    }

.tree ul li.active > span > a:before {
    background-position: 0 center;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 0 8px 8px;
    top: 5px;
}


.tree li.parent > a {
    padding: 0 0 0 28px;
}

    .tree li.parent > a:before {
        background-position: 25px center;
        content: "";
        display: block;
        height: 21px;
        left: 0;
        position: absolute;
        top: 2px;
        vertical-align: middle;
        width: 23px;
    }

.tree ul li.active > a:before {
    background-position: 0 center;
}

.tree ul li ul {
    display: none;
    margin: 0 0 0 25px;
    overflow: hidden;
    padding: 0 0 0 25px;
}

    .tree ul li ul li {
        position: relative;
    }

        .tree ul li ul li:before {
            content: "";
            left: -20px;
            position: absolute;
            top: 12px;
            width: 15px;
        }

.tree li a {
    cursor: pointer;
}


.tree li input[type="checkbox"] {
    margin: 3px 3px 0px 0px;
}

    .tree li input[type="checkbox"][checked="checked"] ~ label {
        font-weight: bold;
        font-style: italic;
    }

/*END Userrole & Rights CSS*/

/*Useful classes*/

.visible {
    visibility: visible;
    display: block;
}

.hidden {
    visibility: hidden;
    display: none;
}

::-webkit-input-placeholder {
    font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
}

::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
}

:-ms-input-placeholder {
    font-style: italic;
}
/*Useful classes*/


/*Payslip - start*/
.payslip_division {
    width: 319px;
    display: inline-block;
}

.payslip_grid {
    border: none;
    height: 300px;
    overflow-y: auto;
    width: 100%;
}

    .payslip_grid table thead tr th {
        border: none;
    }

    .payslip_grid table tbody tr td {
        border: none;
        padding: 0px 10px 0 10px;
        margin: 0;
        width: auto;
        height: 30px;
        text-align: left;
    }

        .payslip_grid table tbody tr td.numeric {
            width: 100px;
            text-align: right;
            white-space: nowrap;
        }

    .payslip_grid.dual-mode table tbody tr td.numeric {
        width: 80px;
    }

.payslip-scroll-header {
    padding: 5px 16px !important;
    width: 90% !important;
}

.divtotal table tbody tr td {
    padding: 0px 10px 0 10px;
    margin: 0;
    width: auto;
    height: 30px;
    text-align: left;
    font-weight: bold !important;
    font-size: 13px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.parentdiv {
    /*width: 100%;*/
    margin-top: 10px;
    padding: 10px;
    clear: both;
    text-align: left;
}

.headerDiv {
    width: 100%;
}

    .headerDiv h3 {
        padding: 4px 10px 4px;
    }

.subHeader {
    width: 100%;
    padding: 5px 0;
    display: inline-block;
    font-weight: bold !important;
    font-size: 12px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    border-bottom: none;
}

    .subHeader span {
        display: inherit;
        padding: 0 10px;
    }
/*Payslip - start*/


/*Wizard - start*/
.wizard {
    display: block;
    margin: 10px 0 0;
}

    .wizard .wizard-step-indicator {
        display: block;
        text-align: right;
    }

        .wizard .wizard-step-indicator .step {
            display: inline-block;
            padding: 5px 15px 0;
            font-weight: bold;
            margin-left: 15px;
            font-size: 13px;
            height: 20px;
            position: relative;
        }

            .wizard .wizard-step-indicator .step .step-arrow {
                border-top-color: transparent;
                border-top-style: solid;
                border-top-width: 25px;
                border-right-color: transparent;
                border-right-style: solid;
                border-right-width: 0;
                border-bottom-color: transparent;
                border-bottom-style: solid;
                border-bottom-width: 0;
                border-left-color: #142D47;
                border-left-style: solid;
                border-left-width: 24px;
                height: 0;
                position: absolute;
                right: -24px;
                top: 0;
                width: 0;
                z-index: 0;
            }

            .wizard .wizard-step-indicator .step.current .step-arrow {
                border-top-color: transparent;
                border-top-style: solid;
                border-top-width: 25px;
                border-right-color: transparent;
                border-right-style: solid;
                border-right-width: 0;
                border-bottom-color: transparent;
                border-bottom-style: solid;
                border-bottom-width: 0;
                border-left-color: #55750F;
                border-left-style: solid;
                border-left-width: 24px;
            }

    .wizard .wizard-body {
        display: block;
        padding: 10px;
        margin: 10px 0 10px 0;
        height: auto;
    }

        .wizard .wizard-body .step {
            display: none;
        }

            .wizard .wizard-body .step .multiselect-box {
                display: inline-block;
                margin-right: 10px;
            }

            .wizard .wizard-body .step fieldset {
                margin: 0;
            }

            .wizard .wizard-body .step .multiselect-box div.paymaster_grid {
                width: 500px !important;
            }

            .wizard .wizard-body .step .multiselect-box select[multiple=multiple] {
                width: 250px;
                height: 182px;
                overflow-y: auto;
                text-indent: 20px;
                line-height: 28px;
            }

                .wizard .wizard-body .step .multiselect-box select[multiple=multiple] option {
                    font-size: 12px;
                }

            .wizard .wizard-body .step .column-selection-wrapper {
                display: block;
                width: auto;
                height: auto;
                margin-top: 30px;
            }

            .wizard .wizard-body .step .multiselect-buttons {
                display: inline-block;
                width: 25px;
                height: auto;
                vertical-align: top;
                margin-top: 20px;
                margin-right: 10px;
            }

                .wizard .wizard-body .step .multiselect-buttons input[type=button] {
                    width: 25px;
                    height: 25px;
                    background-repeat: no-repeat;
                    background-position: 50%;
                    margin: 2px 0;
                }

                    .wizard .wizard-body .step .multiselect-buttons input[type=button].top {
                        background-image: url('images/top-grey.png');
                    }

                    .wizard .wizard-body .step .multiselect-buttons input[type=button].up {
                        background-image: url('images/up-grey.png');
                    }

                    .wizard .wizard-body .step .multiselect-buttons input[type=button].right {
                        background-image: url('images/right-grey.png');
                    }

                    .wizard .wizard-body .step .multiselect-buttons input[type=button].left {
                        background-image: url('images/left-grey.png');
                    }

                    .wizard .wizard-body .step .multiselect-buttons input[type=button].down {
                        background-image: url('images/down-grey.png');
                    }

                    .wizard .wizard-body .step .multiselect-buttons input[type=button].bottom {
                        background-image: url('images/bottom-grey.png');
                    }


                    .wizard .wizard-body .step .multiselect-buttons input[type=button].top:hover {
                        background-image: url('images/top-white.png');
                    }

                    .wizard .wizard-body .step .multiselect-buttons input[type=button].up:hover {
                        background-image: url('images/up-white.png');
                    }

                    .wizard .wizard-body .step .multiselect-buttons input[type=button].right:hover {
                        background-image: url('images/right-white.png');
                    }

                    .wizard .wizard-body .step .multiselect-buttons input[type=button].left:hover {
                        background-image: url('images/left-white.png');
                    }

                    .wizard .wizard-body .step .multiselect-buttons input[type=button].down:hover {
                        background-image: url('images/down-white.png');
                    }

                    .wizard .wizard-body .step .multiselect-buttons input[type=button].bottom:hover {
                        background-image: url('images/bottom-white.png');
                    }


    .wizard .wizard-step-button {
        display: block;
        text-align: right;
        padding-top: 10px;
        border-top-style: dotted;
        border-top-width: 1px;
    }
/*Wizard - end*/

.form-grid tbody tr td input[type=text] {
    float: none !important;
    padding: 3px 5px 4px;
    width: 94% !important;
}

.form-grid tbody tr td .datepicker-container {
    width: 100% !important;
}

    .form-grid tbody tr td .datepicker-container input[type=text].hasDatepicker {
        width: 84% !important;
        padding-right: 26px !important;
    }

.form-grid tbody tr td select {
    float: none !important;
    width: 100%;
    padding: 2px 2px 2px 3px;
    vertical-align: central;
    height: 24px;
}

/*Grid with input fields in it*/

/*Page Loader : to put loader at any place on the page*/
.loading {
    display: block;
    background: url('Images/ajax-loader.gif') 5px 5px no-repeat !important;
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    margin-top: 10px;
}

/*Multi Select Text Box*/
.multi-select-textbox-wrapper {      /*RP0322*/
    /*display: inline-block;*/
    float: left;
    max-width: 250px;
    min-height: 27px;
    min-width: 250px;
    max-height: 50px;
    overflow-y: auto;
}

.multi-select-textbox {
    /*display: inline-block;*/
    float: left;
    padding: 2px;
    min-width: 200px;
}

    .multi-select-textbox .textbox-item {
        height: 19px !important;
        float: left;
        margin: 1px;
        /*margin: 4px 2px 0;*/
    }

        /*.multi-select-textbox .textbox-item:last-child
        {
            margin-bottom: 4px;
        }*/

        .multi-select-textbox .textbox-item .label-item {
            float: left;
            padding: 2px 3px;
            max-width: 100px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .multi-select-textbox .textbox-item .close-item {
            float: left;
            cursor: pointer;
            font-family: Verdana;
            font-size: 12px;
            font-weight: bold;
            padding: 2px 3px;
            text-align: center;
            width: 15px;
        }

.select-image {
    position: relative;
    top: 1px;
    left: 2px;
    vertical-align: top;
    margin-right: 3px;
}

.not-selectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*Employee Photo Overlay*/
.photo-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 98%;
    opacity: 0.8;
    filter: Alpha(Opacity=80);
}

.photo-loader {
    position: absolute;
    top: 30%;
    left: 38%;
    /*margin: 53px 58px;*/
}

.photo-loader-image {
    display: block;
    background: url('Images/ajax-loader.gif') 5px 5px no-repeat !important;
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
}

.label-info {
    margin-top: 5px;
}

    .label-info span:first-child {
        margin-left: 0;
    }

    .label-info span {
        padding: 1px 8px;
        border: 1px solid #d4d4d4;
        background: #fff;
        color: #000;
        margin: 0 5px;
    }

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.min-width205 {
    min-width: 205px !important;
}

.general-circle {
    display: block;
    height: 10px;
    width: 10px;
    background-color: #1d436a;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.earning-circle {
    display: block;
    height: 10px;
    width: 10px;
    background-color: #79c246;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.deduction-circle {
    display: block;
    height: 10px;
    width: 10px;
    background-color: #d46562;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.duration-closed {
    color: blue !important;
}

.compulsory {
    color: red !important;
}

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

.ui-spinner-input {
    margin: 0 !important;
    border: none !important;
}

.fix-row-height .popupbodyrow {
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
}

/*Editable Grid*/
.editable-grid {
}

    .editable-grid td div.control-wrapper {
        padding: 0 16px 0 4px;
        position: relative;
    }

    .editable-grid td input[type="text"] {
        width: 100%;
        padding: 0 5px;
        height: 20px;
    }

    .editable-grid td select {
        padding: 1px;
        width: 100%;
        height: 22px;
    }

    .editable-grid td input[type='checkbox'] {
        margin-left: 6px;
    }

    .editable-grid td.editing {
        padding-left: 0;
        padding-right: 0;
    }

    .editable-grid td.edited {
        position: relative;
    }

        .editable-grid td.edited:after {
            border-color: transparent transparent transparent #ce4040;
            border-style: solid;
            border-width: 0 7px 6px;
            content: "";
            display: block;
            height: 0;
            left: 0;
            position: absolute;
            top: 0;
            width: 0;
            z-index: 1;
        }

    .editable-grid td div.control-wrapper span.field-validation-error {
        position: absolute;
        left: 5px;
        top: 24px;
        display: none;
    }

    .editable-grid td div.control-wrapper .input-validation-error:hover ~ .field-validation-error,
    .editable-grid td div.control-wrapper .input-validation-error:focus ~ .field-validation-error {
        display: block;
    }

td.cell-link {
    color: blue !important;
}

.Authorize {
    color: green;
    font-size: 13px;
    font-weight: bold;
}

.Unauthorize {
    color: red;
    font-size: 13px;
    font-weight: bold;
}

.posted {
    color: #1d436a;
    font-size: 13px;
    font-weight: bold;
}

.wrapping-text {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/*A fix for Mozilla Browser. If display property set to block scroll arrows will appear when jquery datatable is used in grid.*/
.DTFC_LeftWrapper {
    display: none;
}

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

.topheader {
    width: 997px;
    padding: 5px;
    margin-bottom: 5px;
    background: #F2F2F2;
    border-bottom: 2px solid #88BC18;
}

    .topheader .leftheader {
        width: 60%;
        float: left;
    }

    .topheader .rightheader {
        width: 40%;
        float: right;
    }

    .topheader .leftheader .item {
        float: left;
    }

    .topheader .rightheader .item {
        float: right;
    }

    .topheader .item .detail {
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        color: #505050;
        font-size: 11px;
    }

        .topheader .item .detail .changeDurationLink {
            font-size: 11px;
            color: #1d436a;
            cursor: pointer;
        }

            .topheader .item .detail .changeDurationLink:hover {
                text-decoration: underline;
            }

    .topheader .item .link {
        margin-top: -1px;
    }

        .topheader .item .link a, .topheader .item .link span {
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            color: #1d436a !important;
            font-size: 11px !important;
            font-weight: normal;
        }

            .topheader .item .link a:hover, .topheader .item .link span:hover {
                cursor: pointer;
                text-decoration: underline;
            }

    .topheader .item .detail div {
        font-size: 11px;
    }

    .topheader .item .detail .separater, .topheader .item .link .separater {
        /*margin: 0 8px 0 5px;*/
        margin: 0 7px;
        font-size: 11px;
        color: #505050;
    }

    .topheader .item .detail .closed-icon {
        /*background: rgba(0, 0, 0, 0) url("Images/lock_gray.png") no-repeat scroll 30px -1px;*/
        padding-right: 20px;
        background: no-repeat;
        background-image: url("Images/lock_gray.png");
        background-position: right -1px;
    }

.loggedin-user-text {
    font-weight: bold;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.demo-label {
    font-size: 11px;
    color: red;
}

.blue-color {
    color: #1d436a;
}

.greenFontColor {
    color: #88BC18;
}

.redFontColor {
    color: #CE4040;
}

.blueFontColor {
    color: #1d436a;
}
/* css for progess bar dialog */
.imgLoaderDetail {
    width: 25px !important;
    height: 25px !important;
    margin-right: 10px !important;
    margin-bottom: -9px !important;
}

.divhr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #D4D4D4;
    margin: 1em 0;
    padding: 0;
}

/*For Menu Search Box Start*/
.menusearchmain {
    text-align: center;
    padding-left: 812px;
    margin-top: -29px;
}

.menusearchbox {
    width: 138px;
    float: left;
    font-size: 15px !important;
    height: 13px;
    margin: 0;
    padding: 5px 8px;
    margin-left: 10px;
    opacity: 1;
}

.menusearchbtn {
    height: 27px;
    position: relative;
}
/*For Menu Search Box End*/


/*For page checkbox list Start*/
.labelcheckboxList label {
  display: block;
  padding: 5px 10px;
  margin: 5px 0;  
  background-color: #ccc;
  border-radius: 7px;  
  word-wrap: break-word;
}

.labelcheckboxList label:hover {  
    background-color: #716f6f;
    cursor: pointer;
}

.selected-labelcheckboxlist {  
    background-color: #88BC18 !important;
}
/*For page checkbox list End*/