/* styles for the flex controls*/

/************for doc upload****************/
#ul_doc_upload .txtDocDesc {
    width: 96% !important;
}

#ul_doc_upload .txtDocRef {
    width: 95.5% !important;
}

#ul_doc_upload .ulPadding {
    padding: 0px 5px 0px !important;
}

#ul_doc_upload .leftMargin2 {
    margin-left: 2px !important;
}

#ul_doc_upload .leftMargin5 {
    margin-left: 5px !important;
}

#ul_doc_upload .leftAlign {
    text-align: left !important;
}

#ul_doc_upload .centerAlign {
    text-align: center !important;
}

#ul_doc_upload .leftAlign {
    text-align: left !important;
}

#ul_doc_upload .lbl100PercLength {
    width: 100% !important;
}

#ul_doc_upload .lbl90PercLength {
    width: 90% !important;
}

#ul_doc_upload .docUlLi5Perc {
    width: 5% !important;
}

#ul_doc_upload .docUlLi15Perc {
    width: 15% !important;
}

#ul_doc_upload .docUlLi25Perc {
    width: 25% !important;
}

#ul_doc_upload .docUlLi40Perc {
    width: 40% !important;
}

#ul_doc_upload .chosen-container {
    width: 100% !important;
}

#ul_doc_upload .liFile a {
    margin-left: -5%!important;
    position: absolute!important;
}

/**************************************************/
.ui-widget-header button {
    display: block;
}

input[type="text"]:disabled, .chosen-disabled span {
    color: #000 !important;
}

.chosen-disabled, input[type="text"]:disabled, input[readonly="readonly"] {
    opacity: 0.8 !important;
}

.popHtmlLbl {
    width: 36.5% !important;
}

.masterPageLoadDiv {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100000;
    background: #CCC;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.masterOverlayDiv {
    position: absolute;
    width: 50px;
    height: 50px;
    margin-left: 50%;
    z-index: 9999999999;
    margin-right: auto;
    margin-top: 25%;
}

/* Date Time Picker */

.DateTimeLong {
    width: 50%;
    float: left;
    height: 16px;
}

    .DateTimeLong .absDate {
        width: 26% !important;
        float: left;
    }

.DateTimeSmall {
    width: 28%;
    float: left;
    height: 16px;
}

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

.ui-timepicker-table {
    background: #FFF !important;
    border: 1px solid #989898 !important;
}

    .ui-timepicker-table a {
        cursor: pointer;
    }

.ui-timepicker-title {
    line-height: 25px !important;
    padding-left: 10px !important;
}

.jqte {
    border: 1px solid #C0DEF8;
}

/* Date Time Picker */


/*text controls*/
.text {
    width: 54.8%;
}

.textCode {
    width: 25%;
    text-transform: uppercase;
}

.form_3col .textCode {
    width: 52.8%;
    text-transform: uppercase;
}

.form_2col.textCode {
    width: 22.8%;
    text-transform: uppercase;
}

.textShort {
    width: 25%;
}

.textMedium {
    width: 35%;
}

.textBig {
    width: 70%;
}

.textArea {
    width: 40%;
}

.textVeryBig {
    width: 50%;
}

.textAreaVeryBig {
    width: 77.5%;
}

.textAreaMedium {
    width: 30%;
    height: 50px;
    vertical-align: text-top;
}

.textArabic {
    text-align: right;
    width: 54.8%;
}

.textArabicVeryBig {
    text-align: right;
    width: 77.5%;
}

/*numeric controls*/
.numberMedium {
    width: 54.8%;
    text-align: right;
}

.form_3col .numberMedium {
    width: 52.8%;
    text-align: right;
}

.numberShort {
    width: 6%;
    text-align: right;
}

.numberBig {
    width: 35%;
    text-align: right;
}

/*combo controls*/
.select {
    width: 185px !important;
    z-index: 8888888;
}

.selectCode {
    width: 84px;
    z-index: 8888888;
}

.selectShort {
    width: 154px;
    z-index: 8888888;
}

.selectBig {
    width: 284px;
    z-index: 8888888;
}

/*calendar controls*/
.calendar {
    width: 180px;
}

.calendarBig {
    width: 150px;
}

/*button & link controls*/
.button {
    background-image: url("/WebResource.axd?d=EDttnmxfKpVvlQkCXfcFZm4k7j785iO0bkR3xW0XgYPnYDsK7hxVVJ9z1D-46V2HzJIG6grJU1GpCL2kI9WeKI-Ai7CIJOj1MOceWTmS6WEtCS4lEx4B2UPOg_-Md8LD24LEc3hkdJ-L0w2juH1tiIpnQRzB5YQ1_UtdJ-vyyfLKsMg4a94GuPjf4eyHzBqQ0&t=634612892100000000");
    background-color: transparent;
    font-weight: bold; /*padding: 5px 25px 5px 25px;*/
    font-size: 12px;
    cursor: pointer;
    background: #ebf1f6; /* Old browsers */
    background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
    border: 1px solid gray;
    border-radius: 5px;
    background-position: left -22px;
    border: 0 none;
    cursor: pointer;
    height: 25px;
    outline: medium none;
    overflow: visible;
    padding-left: 10px;
    padding-right: 6px;
    text-align: center;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.linkButton {
    text-decoration: none;
    color: #9b9896;
}

.linkAdd {
    text-indent: 17px;
    background: url(images_eng/addnew.png) no-repeat left 8px;
    height: 24px;
    color: #486385;
    border: 0 none;
    display: block;
    text-align: left;
    padding-top: 9px;
    float: right;
    text-decoration: none;
    font-weight: bold;
    margin-right: 3px;
}

.linkBack {
    text-indent: 13px;
    background: url(images_eng/backgrey.png) no-repeat -1px 6px;
    width: auto;
    height: 24px;
    color: #486385;
    border: 0 none;
    display: block;
    text-align: right;
    padding-top: 9px;
    padding-left: 5px;
    float: right;
    text-decoration: none;
    font-weight: bold;
}

/*more info*/
.moreblock {
    padding: 4px 0px;
    margin: 0px;
    padding-left: 0px !important;
    width: 100% !important;
}


.span {
    text-align: right;
    float: right;
    width: 60px;
    padding-right: 5px;
}

/*Validation Control*/
.validator {
    float: left;
    display: none;
    visibility: hidden;
}

.rfvalidator {
    display: none !important;
    visibility: hidden;
}

.validationSummary {
    display: none;
    width: 308px;
    border: 0px solid #b4b4b4;
    border-radius: 0px;
    color: #c92727;
    margin: 5px auto;
    padding: 40px 0px 5px 0px;
    text-align: left;
    background: #e3e3e3 url(Theme1/images/bg_DivValidator1.png) no-repeat 0 top;
    -moz-box-shadow: inset 0 0 10px #cacaca;
    -webkit-box-shadow: inset 0 0 10px #cacaca;
    box-shadow: inset 0 0 10px #cacaca;
}

    .validationSummary ul {
        list-style: square;
        font-size: 9pt;
        font-family: Arial;
        background-image: url(Theme1/images/validicon1.png);
        background-repeat: no-repeat;
        background-position: left;
        background-position: center left;
    }

        .validationSummary ul li {
            margin-left: 80px;
            text-indent: 0px;
        }

.validationSummaryPopUp {
    width: 300px;
    border: 0px solid red;
    color: red;
    margin: 5px 0px;
    padding: 15px;
}

    .validationSummaryPopUp ul {
        margin: 0;
        padding: 0;
        margin-left: 0px;
        list-style: square;
    }

        .validationSummaryPopUp ul li {
            margin: 0;
            padding: 0;
            margin-left: 0px;
            text-indent: 0px;
        }

/* Grid Control*/
.grid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #c1c1c1;
    border-collapse: collapse;
    font-family: Arial;
    font-size: 12px;
    color: Black;
}
    /*grid Icons*/

    .grid .delete {
        background: url(images_eng/delete.png) no-repeat;
        width: 16px;
        height: 16px;
        display: block;
        margin: auto;
    }


    .grid .edit {
        background: url("images_eng/edit.png") no-repeat scroll 0 0 transparent;
        display: block;
        height: 16px;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        width: 16px;
    }

    .grid .view {
        background: url("images_eng/view.png") no-repeat scroll 0 0 transparent;
        display: block;
        height: 16px;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        width: 16px;
    }

    .grid .action {
        width: 35px;
    }

/* Checkbox inside FlexGrid */

.GridView input[type="checkbox"] {
    float: none !important;
    margin-top: 0px !important;
    height: 13px !important;
}

/* Created By Nithish on 04.02.2013 */
.absTextLong {
    width: 673px !important;
}

/* DropdownList */

.chosen-container {
    /* width: 51.75% !important; /*modified by meera 207px*/
    font: 11px Arial !important;
    font-weight: normal !important;
    text-align: left !important;
    background: #FFF;
    box-shadow: 0px 0px 0px !important;
}

.chosen-container-single .chosen-single {
    box-shadow: 0px 0px 0px !important;
    color: #000 !important;
}

.chosen-container:focus {
    box-shadow: 0px 0px 0px !important;
}

.chosen-drop {
    height: 165px !important;
}

.chosen-results {
    max-height: 130px !important;
}

.chosen-container-single .chosen-single span {
    text-align: left !important;
    padding-top: 0px !important;
}

.chosen-container .chosen-results li {
    width: 96% !important;
}

.moreblock {
    margin: 0px;
    padding: 0px;
    float: left;
}

.GridView {
    border: 0px;
}

td.editItem div.FormTemplate > ul {
    display: block;
    margin: 0;
    padding: 0;
}

    td.editItem div.FormTemplate > ul li {
        display: block;
        margin-left: 0px;
    }

ul.RadioButtonList {
    width: 100%;
    display: block;
}

    ul.RadioButtonList li {
        width: auto !important;
        float: left;
        font-weight: normal;
        padding: 0px;
        margin: 0px;
    }


.ActionHeader {
    margin-left: -4px;
    position: absolute;
    margin-top: -45px;
    width: 65.2%;
    background-image: none;
}

.etabs {
    margin: 0;
    padding: 0;
    float: left;
}

.tab {
    display: inline-block;
    zoom: 1;
    display: inline;
    background: #eee;
    border: solid 1px #C3D3DE; /* #0298AD; #5076B5;*/
    border-bottom: none;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    float: left;
}

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

    .tab.active {
        background: #7BCDF9; /* padding-top: 6px; */
        position: relative;
        top: 0px;
        border-color: #C3D3DE; /* #666;*/
    }

    .tab a.active {
        font-weight: bold;
    }


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

div.divGridPager span.lblPagerSize {
    width: 60px !important;
    margin-top: 6px;
    font-weight: normal !important;
}

div.active div.divGridPager span.lblPagerSize {
    padding-top: 27px !important;
    margin-right: 5px !important;
    vertical-align: middle;
}

.flexdialog ui-dialog-content ui-widget-content {
}


.ui-dialog-content ul.form {
    margin-left: 30px !important;
    width: 95.7% !important;
}

.ui-dialog-content ul.moreblock {
    margin-left: 0px !important;
    width: 100% !important;
}

.ui-dialog-content ul.form_3col {
    margin-left: 10px !important;
    width: 95.7% !important;
}

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

.GridView tr td {
    border: solid 1px #C5D8EE; /*#D3D3D3;*/
    padding-left: 4px;
    padding-right: 4px;
    line-height: 17px;
}

.DatePickerMedium, .DatePickerSmall, .DatePickerShort {
    float: left;
    height: 21px;
}

.DatePickerMedium {
    width: 35%;
}

.form_3col .DatePickerMedium {
    width: 58%;
}

.DatePickerSmall {
    width: 26%;
}

.DatePickerShort {
    width: 21%;
}

    .DatePickerSmall input[type="text"], .DatePickerShort input[type="text"] {
        width: 65% !important;
    }

.textCodeArabic {
    text-align: right;
    width: 13%;
}

/* Checkbox inside FlexGrid */

.GridView input[type="checkbox"] {
    float: none !important;
}

.GridView tr.AltRow td span, .GridView tr.Row td span {
    text-align: left !important;
    width: 100% !important;
}


.txtCheck {
    margin-left: 80px;
}

    .txtCheck label {
        float: left;
        margin-top: -2px;
        margin-left: 10px;
    }


/* FlexGrid PageSize combo */
#ctl00_cphMain_fgvAgent_fddlPageSize_chosen {
    width: 41px !important;
    position: absolute;
    margin-top: -28px;
    left: 550px;
}

.form_3col .text, .form_1col .text {
    width: 52.8% !important;
}

.form_3col .textArabic, .form_1col .textArabic {
    text-align: right;
    width: 52.8% !important;
}

.form_3col .number {
    width: 52.8% !important;
}

.form_3col .chosen-container {
    width: 55.2% !important;
}

.form_3col li, .form_1col li, .form li {
    padding-bottom: 2px;
}

.chosen-single {
    height: 19px !important;
    line-height: 19px !important;
}

.form_1col .chosen-container {
    width: 50% !important;
}

.Row td, .AltRow td, .Grid td {
    line-height: 17px;
}

/* Style of Multiple Controls In A Single Li */
.secLabel {
    width: 12.5% !important;
}

.numberMultiple {
    width: 16%;
    float: left;
}

.numberMultipleShort {
    width: 13.5%;
    float: left;
}

.numTxnShort {
    width: 24%;
}

.textMultiple {
    width: 16%;
    float: left;
}


/* AutoComplete Control - Starts */
.divAutoComplete {
    width: 50%;
    float: left;
    display: block;
}

    .divAutoComplete input[type="text"] {
        height: 16px;
        font-size: 11px;
        float: left;
        width: 100% !important;
    }

.divcAutoComplete {
    width: 17%;
    position: absolute;
    overflow-y: scroll;
    max-height: 200px;
    overflow-x: hidden;
    border: 1px solid gray;
    float: left;
    z-index: 9999999;
    margin-top: 26px;
}

    .divcAutoComplete ul, .divcAutoComplete li {
        width: 100% !important;
        margin: 0px;
        padding: 0px;
        display: block;
        background: #FFF;
    }

    .divcAutoComplete li {
        padding-left: 10px !important;
        display: block;
    }

        .divcAutoComplete li a {
            background-color: #FFFFFF;
            text-decoration: none;
            color: #333;
            display: block;
            line-height: 25px;
            display: block;
        }

        .divcAutoComplete li.active, .divcAutoComplete a.aAutoComplete:focus, .divcAutoComplete a.aAutoComplete:hover, .divcAutoComplete li:hover {
            background: #01417E;
            color: #FFF;
            display: block;
        }
/* AutoComplete Control - Ends */


/* Multiple Select - Combobox ----------- Starts ----------- */
.search-choice {
    float: left !important;
    width: 30% !important;
    overflow: hidden !important;
    position: relative !important;
    margin: 2px !important;
    height: 18px !important;
    display: inline-block !important;
}

.chosen-choices li {
    display: inline-block !important;
}

.chosen-choices {
    height: 24px !important;
    overflow: hidden !important;
}

.search-choice span {
    width: 90% !important;
    line-height: 18px !important;
    font-size: 9px !important;
    text-align: left !important;
    padding-left: 5px !important;
}

.search-field {
    width: 0px !important;
    height: 24px !important;
}
/* Multiple Select - Combobox ----------- Ends ----------- */



/* Apply Only For Mozilla */
@-moz-document url-prefix() {
    .DatePickerMedium, .DatePickerSmall, .DateTimeLong, .DateTimeSmall, .DatePickerShort {
        margin-top: 0px;
    }

    .upnlClass {
        margin-top: 0px;
    }

    .upnlTxtClass {
        margin-top: 2px;
    }

    .numericText {
        margin-top: 1px;
    }

    .numberMedium, .numberShort, .numberBig, .numberMultiple, .numberMultipleShort {
        margin-top: 0px;
    }

    .chosen-container-multi {
        margin-top: -3px;
    }
}

/* Add these css classes */

/* Datepicker - New Style ---- Starts */
input[type="image"].hasDatepicker {
    margin-top: 0px;
    padding-left: 2px;
}

.ui-datepicker-calendar {
    border-top: 1px solid #666;
    border-spacing: 0;
    border-collapse: collapse;
}

    .ui-datepicker-calendar td, .ui-datepicker-calendar th {
        border: 1px solid #CCC;
        text-align: center;
        padding: 4px;
    }

    .ui-datepicker-calendar th {
        background: #EEE;
    }

.ui-datepicker-title select {
    height: 18px;
    width: 50px !important;
    margin-left: 0px !important;
}

.ui-datepicker-year {
    margin-left: 2px;
}
/* Datepicker - New Style ---- Ends */

/* Grid Form Template */
.FormTemplate {
    height: auto !important;
    width: 99.7% !important;
    background: url('../Themes/blue/Images/body_wrap_back.png') repeat-x #FFF;
    padding-bottom: 10px;
    padding-top: 10px;
}

.ImgStatusApprove {
    background-image: url(../Images/Green1.png);
    border-width: 0px;
    width: 16px;
    height: 16px;
    background-color: #538DD5;
}

.imgStatusPending {
    background-image: url(../Images/Yellow1.png);
    border-width: 0px;
    background-color: #538DD5;
    width: 16px;
    height: 16px;
}


.imgApproveBtn {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/approve-icon.png);
    cursor: pointer;
}

.imgViewPolicy {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/view.png);
    cursor: pointer;
}

.imgYellow {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/Yellow1.png);
    cursor: pointer;
}

.imgRed {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/Red1.png);
    cursor: pointer;
}

.imgSettlement {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/settlement.png);
    cursor: pointer;
}

.imgPrinterBtn {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/print2.png);
    cursor: pointer;
}

.imgEmailBtn {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/email_icon.png);
    cursor: pointer;
}

.imgSMSBtn {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/sms_icon.png);
    cursor: pointer;
}

.imgInformation {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/information.png);
    cursor: pointer;
}


.imgCopyPolicyBtn {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/copy-icon.png);
    cursor: pointer;
}

.imgDocBtn {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/list.png);
    cursor: pointer;
}

.imgReversalBtn {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/reversal.png);
    cursor: pointer;
}

.imgReInstate {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/reversal.png);
    cursor: pointer;
}

.imgPostBtn {
    border-width: 0px !important;
    height: 16px;
    width: 16px;
    background-image: url(../Images/Post-icon.png);
    cursor: pointer;
}

.imgPulldata {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/PullData.png);
    cursor: pointer;
}

.imgNotes {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/NotesIcon.png);
    cursor: pointer;
}

.imgCancelBtn {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/Cancel-metro.png);
    cursor: pointer;
}

.imgRecGen {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/process.png);
    cursor: pointer;
}

.imgView {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/view-icon-new.png);
    cursor: pointer;
}



tr.GridPager td table {
    float: left;
}

div.divGridPager {
    float: right;
    text-align: right;
    padding: 3px 0px;
}

tr.GridPager td div.chosen-container {
    width: 50px !important;
}

div.divGridPager span.lblPagerSize {
    width: 60px !important;
    margin-top: 6px;
    font-weight: normal !important;
    margin-right: 5px;
}

div.divGridPager span.lblPagerSummary {
    width: 190px !important;
    margin-top: 6px;
    float: right !important;
    font-weight: normal !important;
}

div.divGridPager a.chosen-single {
    height: 17px !important;
    padding: 0px 10px 1px 10px !important;
}



.imgEndorsementBtn {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/Endorsement.png);
    cursor: pointer;
}

.imgComputationBtn {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/Calculator.png);
    cursor: pointer;
}

.imgCostingBtn {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/CostingSheet.png);
    cursor: pointer;
}

/* global search module - starts here*/
div.divGlobalSearch {
    width: 250px;
    float: left;
}

div.divGlobalSearchOption {
    width: 55px;
    height: 15px;
    background-color: #00B9F6;
    margin-left: -83px;
    float: left;
    cursor: pointer;
    padding: 4px 10px 1px 5px;
    text-align: left;
    background-image: url('../images/arrow_down_16.png');
    background-position: right center;
    background-repeat: no-repeat;
}

    div.divGlobalSearchOption #aSearchOption, div.divGlobalSearchOption {
        color: #fff;
        text-decoration: none;
    }

div.divGlobalSearchBtn {
    cursor: pointer;
    margin-left: -12px;
    float: left;
    height: 20px;
    background-color: #00B9F6;
    width: 20px;
}

    div.divGlobalSearchBtn #aSearchBtn {
        background-image: url('../images/search_btn.png');
        background-repeat: no-repeat;
        background-position: center;
        height: 20px;
        width: 20px;
        text-decoration: none;
        position: absolute;
    }

table.tblGlobalSearch {
    width: 100%;
}

    table.tblGlobalSearch tr td.tdCaption {
        color: #FFF;
        font-weight: bold;
        text-align: right;
        padding-right: 5px;
        vertical-align: top;
        padding-top: 6px !important;
    }

    table.tblGlobalSearch tr td.tdControl {
        width: 220px;
    }

        table.tblGlobalSearch tr td.tdControl div.divAutoComplete {
            width: 95%;
        }

    table.tblGlobalSearch tr td.tdSearch {
        width: 20px;
    }

    table.tblGlobalSearch tr td input[type="text"] {
        font-size: 11px;
        font-family: Arial;
        padding: 3px;
        border: 1px solid #C0DEF8;
        height: 13px;
        width: 91%;
        float: left;
        text-transform: uppercase;
        box-sizing: none;
    }

div.divGlobalSearchPanel {
    background-color: #00B9F6; /*#00B9F6;*/
    z-index: 9999;
    border: 1px solid #00B9F6;
    float: right;
    color: #fff;
    position: absolute;
    margin-top: 20px;
    margin-left: 96px;
    width: 120px;
    padding-bottom: 5px;
    display: none;
}

table.tblGlobalSearchPanel {
    width: 100%;
}

    table.tblGlobalSearchPanel tr th {
        background-color: #DDD8D8;
        text-align: center !important;
        padding: 5px;
        color: #000;
    }

#ctl00_gsGlobalSearch_rbtnOption tr td label {
    margin-top: 4px;
    position: absolute;
}

table.tblGlobalSearchPanel tr td {
}

div.divGlobalSearch div.divcAutoComplete {
    width: 239px;
    margin-top: 20px;
}

.divcAutoComplete {
    display: none;
}

/* global search module - ends here*/


.GridView input[type="text"] {
    font-size: 11px;
    font-family: Arial;
    padding: 3px;
    border: 1px solid #C0DEF8; /*1px solid #A0D0FA;*/
    height: 13px;
}

.chosen-container-active .chosen-single, .chosen-container.chosen-with-drop .chosen-drop {
    border-color: #77b1eb !important;
}

.jqte_editor {
    font-family: Arial;
    font-size: 11px;
}

.imgConvert {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/convert-icon.png);
    cursor: pointer;
}

.imgEndtList {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/list.png);
    cursor: pointer;
}

.imgCopyListBtn {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/copy.png);
    cursor: pointer;
}

.highlight {
    background-color: #4A8CDD !important;
}

.disableControl {
    height: 235px;
    position: relative;
    margin-top: -237px;
    width: 96%;
}

.imgReInsurance {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/ReInsurance.png);
    cursor: pointer;
}

.GridFooter td {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


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

    .GridEdit td {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

/* MULTI DATE PICKER -- STARTS */
div.divDatePicker {
    padding: 0px;
    margin: 0px;
    /*width: 25%;*/
}

div.divCalendarPanel {
    width: 250px;
    height: 250px;
    background-color: #EFEFEF;
    padding: 2px;
    margin: 0px;
    float: left;
    position: absolute;
    z-index: 9999;
    margin-left: 135px;
}

div.divDatePicker input[type="text"].textGregorian, div.divDatePicker input[type="text"].textHijri {
    width: 100px;
    font-size: 11px;
    font-family: Arial;
    padding: 3px;
    border: 1px solid #C0DEF8;
    height: 13px;
}

div.divCalendarPanel ul.ulCalendarPanel {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

    div.divCalendarPanel ul.ulCalendarPanel li {
        width: 100% !important;
    }

        div.divCalendarPanel ul.ulCalendarPanel li:first-child {
            background-color: #7093BF;
        }

.imgBtnCalendar {
    vertical-align: middle;
}

select {
    font-size: 11px;
    font-family: Arial;
    margin-left: 10px;
}

    select.selectCalType {
        width: 75px;
    }

    select.selectCalYear {
        width: 50px;
    }

    select.selectCalMonth {
        width: 80px;
        text-align: left;
    }

    select.selectCalMonthRL {
        text-align: right !important;
    }

table.tblCalendar {
    background-color: #f8f8f2;
    font-family: arial;
    font-size: 11px;
    width: 250px;
    border: 0px !important;
}

    table.tblCalendar tbody tr:first-child td:first-child {
        background-color: #7093BF !important;
    }

    table.tblCalendar tbody tr:first-child td a {
        color: #FFF !important;
        padding: 0px 5px;
        font-family: tahoma;
        font-weight: bold;
    }

    table.tblCalendar tbody tr td table.tblCalendar {
        background-color: #7093BF;
        color: #fff;
        font-weight: bold;
    }

    table.tblCalendar tr th.thDayHeader {
        background-color: #EEE;
        border: 1px solid #CCC;
        text-align: center !important;
        font-size: 10px;
    }

    table.tblCalendar tr td.tdDay, table.tblCalendar tr td.tdDisable {
        border: 1px solid #cccccc;
        padding: 0px !important;
    }

    table.tblCalendar tr td.tdDisable {
        color: gray;
    }

    table.tblCalendar tr td a {
        text-decoration: none;
        padding: 8px 11px;
    }

        table.tblCalendar tr td a:hover {
            background-color: #d9d5ca;
        }

/* ENDS HERE*/

/* DropdownlistOnDemand - Starts Here*/
div.div-dropdown-container {
    border: 1px solid #C0DEF8;
    height: 14px;
    padding: 3px 5px;
    width: 50%;
    float: left;
    display: block;
    background-color: #fff;
}

    div.div-dropdown-container:focus {
        border: 1px solid #77B1EB;
    }

    div.div-dropdown-container input[type="text"].input-dropdown-search :focus {
        border: 1px solid #77B1EB;
    }

    div.div-dropdown-container input[type="text"].input-dropdown-search {
        height: 16px;
        font-size: 11px;
        float: left;
        border: 1px solid #C0DEF8;
        margin-right: 20px !important;
        width: 95% !important;
        margin-left: 3px !important;
        margin-top: 2px !important;
    }

.div-dropdown-list ul {
    margin-top: 5px !important;
}

.div-dropdown-list ul, .div-dropdown-list li {
    width: 100% !important;
    margin: 0px;
    padding-left: 5px !important;
    display: block;
    background: #FFF none repeat scroll 0% 0%;
}

    .div-dropdown-list ul li a {
        background-color: #FFF;
        text-decoration: none;
        color: #333;
        line-height: 25px;
        display: block;
    }

    .div-dropdown-list li.active, .div-dropdown-list a.a-dropdown-item:focus, .div-dropdown-list a.a-dropdown-item:hover, .div-dropdown-list li:hover {
        background: #01417E none repeat scroll 0% 0%;
        color: #FFF;
        display: block;
    }

div.div-dropdown-list {
    position: relative;
    float: left;
    z-index: 9999999;
    margin-top: 3px;
    height: auto !important;
    overflow: hidden;
    width: 100%;
    border: 1px solid #C0DEF8;
    margin-left: -6px;
    background-color: #fff;
    padding-right: 10px;
}

a.a-dropdown-container {
    text-decoration: none;
}

    a.a-dropdown-container span.span-dropdown-container {
        width: 100% !important;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
        /*margin-right: 30px;*/
        background: transparent url("../images/downarrow-icon.png");
        background-repeat: no-repeat !important;
        background-position: right;
        font: 11px Arial !important;
        color: #000;
    }

input.input-dropdown-search {
    border: 1px solid #C0DEF8;
}

    input.input-dropdown-search:focus {
        border: 1px solid #77B1EB;
    }

div.div-dropdown-item {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 180px;
    background-color: #fff;
    width: 100%;
}

.imgUpload {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/fileupload.png);
    cursor: pointer;
}

.imgTreaty {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/Treaty.png);
    cursor: pointer;
}

.imgConditions {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/Conditions.png);
    cursor: pointer;
}

.imgCheckList {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/CheckListEntry.png);
    cursor: pointer;
}

input[type="image"].imgBtnCalendar {
    margin-top: -3px;
    padding-left: 2px;
}

.chosenNew div.chosen-drop {
    width: 200% !important;
}

.imgExcelBtn {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/xls.png);
    cursor: pointer;
}
.imgComputnBtn {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/compute-icon.png) !important;
    cursor: pointer;
}
.imgCostEndtHist {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/endtIconCosting.png);
    cursor: pointer;
}


.imgProcess {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/process.png);
    cursor: pointer;
}

.imgGenerate {
    border-width: 0px !important;
    height: 16px;
    width: 16px;
    background-image: url(../Images/PullData.png);
    cursor: pointer;
}

.imgPost {
    border-width: 0px !important;
    height: 16px;
    width: 16px;
    background-image: url(../Images/Post-icon.png);
    cursor: pointer;
}

.imgMedCard {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url(../Images/ContactsDtls.png);
    cursor: pointer;
}


.imgAmlTpServBtn {
    border-width: 0px !important;
    height: 26px;
    width: 26px;
    background-image: url('../Images/Money-Transfer.png');
    cursor: pointer;
}

.divGuideContent {
max-height: 400px !important;
overflow: auto !important;
}

.imgRiskAssessBtn {
    border-width: 0px !important;
    height: 18px;
    width: 18px;
    background-image: url('../Images/RiskAssessment.png');
    cursor: pointer;
}