﻿@charset "utf-8";
/* CSS Document */
.shadow {
    display: none;
    background-color: #000000 !important;
    opacity: 0.6 !important;
    filter: alpha(opacity=60) !important;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}

.popup {
    z-index: 1000;
    width: 1260px;
    background: #fff;
    border-radius: 6px 6px 6px 6px;
    height: 475px;
}



.pop_head {
    background: url("/EForms/images/admin/pop_head_bg.gif") repeat-x scroll left top transparent;
    color: #7B91A9;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 6px 6px 0 0;
}

.popup .pop_body {
    position: relative;
    height: 301px;
    width: 100%;
    overflow: auto;
}

a.pop_close {
    background: url("/EForms/images/admin/popupCloseIcon.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 9px;
    margin-right: 2px;
    margin-top: 12px;
    width: 9px;
}

.popupBtnPanel {
    background-color: #d7e2e9;
    height: 42px;
    position: absolute;
    text-align: center;
    width: 100%;
}

    .popupBtnPanel table {
        padding: 2px 0;
    }

.applicatio-no {
    font-size: 13px;
    background: #FFF7BE;
    border-top: 1px solid #FFBB28;
    border-bottom: 1px solid #FFBB28;
    padding-left: 10px;
    line-height: 30px;
    color: #EA7C09;
    font-weight: bold;
}

#logged-details table th {
    border: 1px solid #DFDFDF;
    line-height: 30px;
    text-align: left;
    padding-left: 10px;
    border-top: none;
    background: #FBFBFB
}

#logged-details table td {
    border: 1px solid #DFDFDF;
    line-height: 20px;
    text-align: left;
    padding-left: 10px;
    border-top: none
}

.orangeBorBtn {
    border-radius: 4px 4px 4px 4px;
    background: #FEBD1B;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 7px;
    padding: 0px 14px;
    text-decoration: none;
    margin-right: 8px;
    border: 1px solid #FEBD1B;
    color: #fff
}
/* poup buttion START */
.bold {
    font-weight: bold;
}

.smallBlueBtn {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#205790', endColorstr='#18426d') !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#205790 ), to(#18426d )) repeat scroll 0 0 transparent !important;
    background: linear-gradient(center top, #3E7BB9, #205790) repeat scroll 0 0 transparent !important;
    background: linear-gradient(to bottom, #3E7BB9, #205790);
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    margin-right: 8px;
    margin-top: 9px;
    padding: 5px 18px;
    text-decoration: none;
}

    .smallBlueBtn:hover {
        text-decoration: none;
        background: linear-gradient(to top, #3E7BB9, #205790);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3371b1', endColorstr='#18426d');
        background: -webkit-gradient(linear, left top, left bottom, from(#3371b1 ), to(#18426d )); /* for webkit browsers */
        background: -moz-linear-gradient(top, #3371b1, #18426d );
    }

.warningGroup {
    margin-left: 8px;
}

/* popup button END*/
.text_field_name {
    line-height: 15px !important
}




#popup {
    background: none repeat scroll 0 0 #FFF8DE;
    border: 2px solid #F9B208;
    padding: 15px 8px;
    z-index: 100;
}

    #popup .form_div .popup_content_alert_icon {
        background: url("/EForms/images/admin/alert_icon.gif") no-repeat scroll 10px 0 transparent;
        display: block;
        float: left;
        height: 20px;
        padding: 12px 0 0 40px;
        width: 10px;
    }

    #popup .form_div .popup_content_alert_headr {
        float: left;
        font-size: 13px;
        font-weight: bold;
        line-height: 30px;
    }

    #popup .popup_content .txt {
        font-size: 13px;
        padding: 0 0 0 50px;
        width: 290px;
    }

    #popup .butonhldr_popup {
        margin: 18px 0 0;
        text-align: center;
    }

.pop_expand {
    background: url("/EForms/images/admin/expand.png") no-repeat scroll 0 0;
    height: 12px;
    margin-right: 5px;
    margin-top: 12px;
    width: 12px;
}

.pop_minimize {
    background: url("/EForms/images/admin/minimized.png") no-repeat scroll 0 0;
    height: 12px;
    margin-right: 5px;
    margin-top: 12px;
    width: 12px;
}

.pop_expand_preview {
    background: url("/EForms/images/admin/expand.png") no-repeat scroll 0 0;
    height: 12px;
    margin-right: 5px;
    margin-top: 12px;
    width: 12px;
}

.pop_minimize_preview {
    background: url("/EForms/images/admin/minimized.png") no-repeat scroll 0 0;
    height: 12px;
    margin-right: 5px;
    margin-top: 12px;
    width: 12px;
}
/***********************************payment popup*******************/
.paymentPopup {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #A1AAB3;
    border-radius: 6px;
    box-shadow: 3px 3px 8px #E5E5E5;
    position: absolute;
    right: 300px;
    top: 114px;
    width: 630px;
    z-index: 1000;
}

    .paymentPopup .pop_head {
        border-bottom: 1px solid #CED8E1;
        height: 31px;
    }

    .paymentPopup .pop_body {
        position: relative;
        padding-bottom: 14px;
    }

#paymentDetailsPopup .pop_body .mainContent {
    padding: 10px;
}

    #paymentDetailsPopup .pop_body .mainContent .leftDiv {
        float: left;
        padding: 0 30px 0 0;
        *width: 200px;
    }

    #paymentDetailsPopup .pop_body .mainContent .singleDiv {
        padding: 0 0 3px;
    }

        #paymentDetailsPopup .pop_body .mainContent .singleDiv .mainText {
            float: left;
            text-align: right;
            width: 150px;
            font-size: 11px;
        }

        #paymentDetailsPopup .pop_body .mainContent .singleDiv .action {
            float: left;
            font-weight: bold;
            padding: 0 0 0 5px;
            font-size: 11px;
        }

    #paymentDetailsPopup .pop_body .mainContent .rightDiv {
        border-left: 1px solid #EDF4FA;
        float: left;
        padding: 0 0 0 6px;
        *width: 200px;
        *float: none;
    }

#paymentDetailsPopup .arrowDiv {
    background: url("/EForms/images/admin/arrow-rt.png") no-repeat scroll 0 0 transparent;
    height: 25px;
    position: absolute;
    right: -25px;
    top: 46px;
    width: 25px;
    z-index: 10000;
}


/********************************application popup************************/
.applicationPopup {
    z-index: 1000;
    width: 998px;
    background: #fff;
    border-radius: 6px 6px 0px 0px;
}

.applicationPopup2 {
    z-index: 1000;
    width: 998px;
    background: #fff;
    border-radius: 6px 6px 0px 0px;
}

.applicationPopup4 {
    z-index: 1000;
    width: 998px;
    background: #fff;
    border-radius: 6px 6px 0px 0px;
}
/*#applicationSquencePopup .pop_body .applicationDiv { background: none repeat scroll 0 0 #FFF7BE; border-bottom: 1px solid #FFBB28; border-top: 1px solid #FFBB28; }
#applicationSquencePopup .pop_body .applicationDiv .applicatio-no { border-bottom: 0 none; border-top: 0 none; float: left; }*/
.applicationDiv {
    background: none repeat scroll 0 0 #FFF7BE;
    border-bottom: 1px solid #FFBB28;
    border-top: 1px solid #FFBB28;
}

    .applicationDiv .applicatio-no {
        border-bottom: 0 none;
        border-top: 0 none;
        float: left;
    }

#applicationSquencePopup .pop_body .applicationDiv .arrowDiv {
    float: right;
    margin: 5px 10px 0 0;
}

    #applicationSquencePopup .pop_body .applicationDiv .arrowDiv .leftArrow {
        background: url("/EForms/images/admin/arrow-lt.jpg") no-repeat scroll 0 0 transparent;
        cursor: pointer;
        float: left;
        height: 20px;
        padding-right: 6px;
        width: 22px;
    }

        #applicationSquencePopup .pop_body .applicationDiv .arrowDiv .leftArrow:hover {
            background: url("/EForms/images/admin/arrow-lt-hovr.jpg") no-repeat scroll 0 0 transparent;
        }

    #applicationSquencePopup .pop_body .applicationDiv .arrowDiv .rightArrow {
        background: url("/EForms/images/admin/arrow-rt.jpg") no-repeat scroll 0 0 transparent;
        cursor: pointer;
        float: left;
        height: 20px;
        width: 22px;
    }

        #applicationSquencePopup .pop_body .applicationDiv .arrowDiv .rightArrow:hover {
            background: url("/EForms/images/admin/arrow-rt-hovr.jpg") no-repeat scroll 0 0 transparent;
        }

.popupScrollable {
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .popupScrollable .formDiv img {
        width: 100%;
    }
/*
#applicationSquencePopup .popupScrollable .applicationStatusDiv { background: none repeat scroll 0 0 #F6F6F6; padding: 12px 0; border-bottom: 1px solid #D2D2D2; }
#applicationSquencePopup .popupScrollable .applicationStatusDiv .singleDiv { padding: 3px 0; }
#applicationSquencePopup .popupScrollable .applicationStatusDiv .text { float: left; text-align: right; width: 130px; }
#applicationSquencePopup .popupScrollable .applicationStatusDiv .action { float: left; padding: 0 0 0 8px; }
#applicationSquencePopup .popupScrollable .applicationStatusDiv .action textarea { border: 1px solid #7E9DB9; height: 35px; resize: none; width: 600px; margin: 0 0 4px; }
*/ .applicationStatusDiv {
    background: none repeat scroll 0 0 #F6F6F6;
    padding: 12px 0;
    border-bottom: 1px solid #D2D2D2;
}

    .applicationStatusDiv .singleDiv {
        padding: 3px 0;
    }

    .applicationStatusDiv .text {
        float: left;
        text-align: right;
        width: 130px;
    }

    .applicationStatusDiv .action {
        float: left;
        padding: 0 0 0 8px;
    }

        .applicationStatusDiv .action textarea {
            border: 1px solid #7E9DB9;
            height: 35px;
            resize: none;
            width: 600px;
            margin: 0 0 4px;
        }

#applicationSquencePopup .pop_body .popupBtnPanel {
    position: relative;
}




/*******************************create application popup*********************/
#createApplicationPopup {
    z-index: 1000;
    width: 998px;
    background: #fff;
    border-radius: 6px 6px 6px 6px;
    overflow: auto;
}

    #createApplicationPopup .pop_body .popupBtnPanel {
        position: relative;
    }


#createApplicationPopupForLabel {
    z-index: 1000;
    width: 850px;
    background: #fff;
    border-radius: 6px 6px 6px 6px;
    overflow: auto;
}

    #createApplicationPopupForLabel .pop_body .popupBtnPanel {
        line-height: 15px !important;
        position: relative;
    }

#createApplicationPopupForLabelForRuleDelete {
    z-index: 1000;
    width: 700px;
    height: 250px;
    background: #fff;
    border-radius: 6px 6px 6px 6px;
    overflow: auto;
}

    #createApplicationPopupForLabelForRuleDelete .pop_bodyForRuleDelete .popupBtnPanelForRuleDelete {
        line-height: 15px !important;
        position: relative;
    }

#createApplicationPopupForScreen {
    z-index: 1000;
    width: 850px;
    background: #fff;
    border-radius: 6px 6px 6px 6px;
    overflow: auto;
}

    #createApplicationPopupForScreen .pop_body .popupBtnPanel {
        line-height: 15px !important;
        position: relative;
    }

createApplicationPopupForLabelAll {
    z-index: 1000;
    width: 850px;
    background: #fff;
    border-radius: 6px 6px 6px 6px;
    overflow: auto;
}

    createApplicationPopupForLabelAll .pop_body .popupBtnPanel {
        position: relative;
    }


/************************edit popup***********************************/
#onlinePaymentPopup {
    z-index: 1000;
    width: 700px;
    background: #fff;
    border-radius: 6px 6px 6px 6px;
    overflow: auto;
    height: 275px;
}

    #onlinePaymentPopup .pop_body .popupBtnPanel {
        position: relative;
    }

.applicationDiv .applicatio-no-payment {
    font-size: 13px;
    color: #333333;
    font-weight: normal;
    padding-left: 10px;
    line-height: 30px;
}

.innerContent {
    height: 125px;
    padding: 4px 0;
}

    .innerContent .basic-filter-table td {
        padding: 20px 0 0 7px;
    }


/*****************************save filter div css*******************/
.setFilterNameDiv {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A1AAB3;
    border-radius: 5px;
    box-shadow: -1px 4px 4px #9DADBA;
    position: absolute;
    width: 380px;
    z-index: 10000;
}

    .setFilterNameDiv .pop_head {
        color: #859AB7;
        font-weight: bold;
        height: 25px;
        line-height: 25px;
        border-bottom: 1px solid #CCD9E1;
    }

        .setFilterNameDiv .pop_head .pop_close {
            margin-top: 8px;
        }

    .setFilterNameDiv .innerPotion {
        padding: 9px 0 0;
    }

    .setFilterNameDiv .basic-filter-table td {
        line-height: 21px;
        padding-left: 9px;
    }

    .setFilterNameDiv .help-text {
        line-height: 18px;
    }

    .setFilterNameDiv .btnPanel {
        padding: 0 0 15px;
        position: relative;
    }

        .setFilterNameDiv .btnPanel .arrowDown {
            background: url("/EForms/images/admin/arrow-down.png") no-repeat scroll 0 0 transparent;
            height: 15px;
            left: 145px;
            position: absolute;
            top: 53px;
            width: 25px;
        }



/*
keyboard css
*/


#keyboardInputMaster {
    -moz-user-select: none;
    background-color: #DDDDDD;
    border-color: #EEEEEE #888888 #444444 #CCCCCC;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 10px #444444;
    cursor: default;
    font: 11px Arial,sans-serif;
    height: auto;
    margin: 0;
    min-height: 0;
    min-width: 0;
    opacity: 0.95;
    padding: 0;
    position: absolute;
    text-align: left;
    width: auto;
    z-index: 1000000;
}

    #keyboardInputMaster * {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        color: #000000;
        font: 11px/1.3em Arial,sans-serif;
        height: auto;
        margin: 0;
        min-height: 0;
        min-width: 0;
        outline: 0 none;
        padding: 0;
        position: static;
        vertical-align: baseline;
        width: auto;
    }

    #keyboardInputMaster table {
        table-layout: auto;
    }

    #keyboardInputMaster.keyboardInputSize1, #keyboardInputMaster.keyboardInputSize1 * {
        font-size: 9px;
    }

    #keyboardInputMaster.keyboardInputSize3, #keyboardInputMaster.keyboardInputSize3 * {
        font-size: 13px;
    }

    #keyboardInputMaster.keyboardInputSize4, #keyboardInputMaster.keyboardInputSize4 * {
        font-size: 16px;
    }

    #keyboardInputMaster.keyboardInputSize5, #keyboardInputMaster.keyboardInputSize5 * {
        font-size: 20px;
    }

    #keyboardInputMaster thead tr th {
        background-color: #999999;
        border-radius: 0.6em 0.6em 0 0;
        padding: 0.3em 0.3em 0.1em;
        text-align: right;
        white-space: nowrap;
    }

        #keyboardInputMaster thead tr th div {
            background-color: transparent;
            cursor: pointer;
            float: left;
            font-size: 130% !important;
            font-weight: bold;
            height: 1.3em;
            margin-right: 0.5em;
            position: relative;
            z-index: 1;
        }

            #keyboardInputMaster thead tr th div ol {
                background-color: #F6F6F6;
                border: 1px solid #999999;
                display: none;
                height: 9.4em;
                left: 0;
                list-style-type: none;
                overflow-x: hidden;
                overflow-y: auto;
                position: absolute;
                text-align: left;
                top: 90%;
                width: 12em;
            }

                #keyboardInputMaster thead tr th div ol li {
                    cursor: pointer;
                    padding: 0.2em 0.4em;
                    white-space: nowrap;
                    width: 12em;
                }

                    #keyboardInputMaster thead tr th div ol li.selected {
                        background-color: #FFFFCC;
                    }

                    #keyboardInputMaster thead tr th div ol li:hover, #keyboardInputMaster thead tr th div ol li.hover {
                        background-color: #DDDDDD;
                    }

        #keyboardInputMaster thead tr th span, #keyboardInputMaster thead tr th strong, #keyboardInputMaster thead tr th small, #keyboardInputMaster thead tr th big {
            background-color: #CCCCCC;
            border-color: #E5E5E5 #5D5D5D #5D5D5D #E5E5E5;
            border-radius: 0.3em 0.3em 0.3em 0.3em;
            border-style: solid;
            border-width: 1px;
            cursor: pointer;
            display: inline-block;
            height: 1.4em;
            line-height: 1.4em;
            margin: 0 0 0 0.3em;
            padding: 0 0.4em;
            transition: background-color 0.15s ease-in-out 0s;
            vertical-align: middle;
        }

        #keyboardInputMaster thead tr th strong {
            font-weight: bold;
        }

        #keyboardInputMaster thead tr th small {
            border-radius: 0.3em 0 0 0.3em;
            border-right: 1px solid #AAAAAA;
            padding: 0 0.2em 0 0.3em;
        }

        #keyboardInputMaster thead tr th big {
            border-left: 0 none;
            border-radius: 0 0.3em 0.3em 0;
            margin: 0;
            padding: 0 0.3em 0 0.2em;
        }

            #keyboardInputMaster thead tr th span:hover, #keyboardInputMaster thead tr th span.hover, #keyboardInputMaster thead tr th strong:hover, #keyboardInputMaster thead tr th strong.hover, #keyboardInputMaster thead tr th small:hover, #keyboardInputMaster thead tr th small.hover, #keyboardInputMaster thead tr th big:hover, #keyboardInputMaster thead tr th big.hover {
                background-color: #DDDDDD;
            }

    #keyboardInputMaster tbody tr td {
        padding: 0.2em 0.3em 0.3em;
        text-align: left;
        vertical-align: top;
    }

        #keyboardInputMaster tbody tr td div {
            position: relative;
            text-align: center;
        }

        #keyboardInputMaster tbody tr td table {
            border-collapse: separate;
            border-spacing: 0;
            white-space: nowrap;
            width: 100%;
        }

        #keyboardInputMaster tbody tr td#keyboardInputNumpad table {
            margin-left: 0.2em;
            width: auto;
        }

        #keyboardInputMaster tbody tr td table.keyboardInputCenter {
            margin: 0 auto;
            width: auto;
        }

        #keyboardInputMaster tbody tr td table tbody tr td {
            background-color: #EEEEEE;
            border-color: #E5E5E5 #5D5D5D #5D5D5D #E5E5E5;
            border-radius: 0.2em 0.2em 0.2em 0.2em;
            border-style: solid;
            border-width: 1px;
            cursor: default;
            font-family: 'Lucida Console','Arial Unicode MS',monospace;
            height: 1.8em;
            min-width: 0.75em;
            padding: 0 0.45em;
            transition: background-color 0.15s ease-in-out 0s;
            vertical-align: middle;
            white-space: pre;
        }

            #keyboardInputMaster tbody tr td table tbody tr td.last {
                width: 99%;
            }

            #keyboardInputMaster tbody tr td table tbody tr td.space {
                padding: 0 4em;
            }

            #keyboardInputMaster tbody tr td table tbody tr td.deadkey {
                background-color: #CCCCDD;
            }

            #keyboardInputMaster tbody tr td table tbody tr td.target {
                background-color: #DDDDCC;
            }

            #keyboardInputMaster tbody tr td table tbody tr td:hover, #keyboardInputMaster tbody tr td table tbody tr td.hover {
                background-color: #CCCCCC;
                border-color: #D5D5D5 #555555 #555555 #D5D5D5;
                border-style: solid;
                border-width: 1px;
            }

            #keyboardInputMaster thead tr th span:active, #keyboardInputMaster thead tr th span.pressed, #keyboardInputMaster tbody tr td table tbody tr td:active, #keyboardInputMaster tbody tr td table tbody tr td.pressed {
                background-color: #CCCCCC;
                border-bottom: 1px solid #D5D5D5;
                border-left: 1px solid #555555;
                border-right: 1px solid #D5D5D5;
                border-top: 1px solid #555555 !important;
            }

            #keyboardInputMaster tbody tr td table tbody tr td small {
                display: block;
                font-size: 0.6em !important;
                line-height: 1.1em;
                text-align: center;
            }

        #keyboardInputMaster tbody tr td div label {
            bottom: 0.2em;
            left: 0.3em;
            position: absolute;
        }

            #keyboardInputMaster tbody tr td div label input {
                background-color: #F6F6F6;
                font-size: inherit;
                height: 1.1em;
                vertical-align: middle;
                width: 1.1em;
            }

        #keyboardInputMaster tbody tr td div var {
            bottom: 0;
            color: #444444;
            font-style: italic;
            font-weight: bold;
            position: absolute;
            right: 3px;
        }

.keyboardInputInitiator {
    cursor: pointer;
    margin: 0 3px;
    vertical-align: middle;
    width: 28px !important
}
