/* css Paymetric default style v1.1 */
/* css released under ZETTAcreative License - http://www.zettacreative.com  */
/* thw styles stylesheet contains all of the user defines elements and controls. */

/* zczczczczczczczczczc  basic elements */
/* These elements are standard tags redefined for use specifically with this website. */
/* If you do not like the way these look within the HTML, you will need to make changes here. */
/* The follow <tags> will not behave with their default properties since they are defined below. */


/* zczczczczczczczczczc  text elements */
p {
    margin: 0.5em 0;
}

.p2 {
    margin: 0.1em 0;
}


/* zczczczczczczczczczc  general elements */
.divHide, #logoHide {
    display: none;
}
/* this is uded to hide elements from the browser */
.noBorder {
    border: none;
}
/* this is uded to hide elements from the browser */

/* zczczczczczczczczczc  logo/header elements */
/* zczczczczczczczczczcczczczczczczczczczczczc */
#logoPaymetric, #PaymetricPowered {
    float: right;
}

#clocks {
    margin: 0;
    color: #666666;
    font-size: 10px;
    min-width: 120px;
}

#menuContainer {
    clear: both;
    height: 38px;
    margin: 0;
    padding: 0;
}

/* zczczczczczczczczczc  form elements */
#menuForm {
    font: 10px/1.2em Arial, Helvetica, sans-serif;
}

/* anything in this container will be positioned on the left in the menu area */
#mContainerLeft {
    float: left;
    width: 300px;
    height: 20px;
    margin: 5px 0;
    padding: 0px 0 7px;
}

    #mContainerLeft select {
        font: 10px/1.2em Arial, Helvetica, sans-serif;
        width: 95px;
        margin: 0 3px;
    }

/* anything in this container will be positioned on the right in the menu area */
#mContainerRight {
    float: right;
    width: auto;
    height: 30px; /* the height has been adjusted to account for the padding used.  total height including padding should be 40px  */
    margin: 0;
    padding: 8px 5px 0 5px;
}

    #mContainerRight .ControlsRight {
        float: right;
        margin-right: 5px;
    }

    #mContainerRight label {
        margin-top: 2px;
    }

    #mContainerRight select {
        font: 10px/1.2em Arial, Helvetica, sans-serif;
        margin: 0 3px;
        width: 100px;
    }

    #mContainerRight .SearchText {
        font: 10px/1.2em Arial, Helvetica, sans-serif;
        margin-top: 1px;
        width: 70px;
    }

    #mContainerRight td.dxic input {
        font: 10px/1.2em Arial, Helvetica, sans-serif;
        margin: 0 3px;
        width: 100px;
    }


/* zczczczczczczczczczc  floating box elements */
/* zczczczczczczczczczcczczczczczczczczczczczc */

/* this set defines the title of the floating boxes */
.Height100 {
    height: 100% !important;
}

.floatingBox {
    font: 11px, Helvetica, sans-serif;
    margin: 5px 15px 5px 0px;
    padding: 0;
}

    .floatingBox .bigText {
        font: 16px/1.2em Arial, Helvetica, sans-serif;
        margin: 5px 15px 5px 0;
        padding: 0;
    }

    .floatingBox h3 {
        font: 12px/1.5em Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        height: 23px;
    }

        .floatingBox h3 span {
            display: block;
            margin: 0;
            padding: 2px 0 0 0;
            height: 23px;
            white-space: nowrap;
        }

        .floatingBox h3 strong {
            display: block;
            margin: -2px 0 0 0;
            padding: 3px 22px 0 3px;
            white-space: nowrap;
            font-size: 16px;
        }

        .floatingBox h3 img {
            float: right;
            margin: -20px 18px 0 0;
        }

/* this set defines the subtitle (if any) inside the floating boxes */
.fBoxContent {
    margin: -2px 0 0 0;
    padding: 10px;
}

    .fBoxContent h3 {
        margin: 0 -10px;
        height: 31px;
    }

        .fBoxContent h3 span {
            height: 31px;
        }

        .fBoxContent h3 strong {
            padding: 10px 22px 0 5px;
        }

.fBoxContentError {
    margin: -2px 0 0 0;
    padding: 10px;
    color: #990000;
}

/* this set defines the subtitle (if any) inside the floating boxes */
.fBoxContentTest {
    margin: -2px 0 0 0;
    padding: 10px;
}

    .fBoxContentTest h3 {
        margin: 0 -10px;
        height: 31px;
    }

        .fBoxContentTest h3 span {
            height: 31px;
        }

        .fBoxContentTest h3 strong {
            padding: 10px 22px 0 55px;
        }

    .fBoxContentTest input {
        font: 10px/1.2em Arial, Helvetica;
    }

    .fBoxContentTest select {
        font: 10px/1.2em Arial, Helvetica;
    }

/* this set defines the widths desired in the floating boxes.  it is recommended to not go over 96%. */
.width100 {
    width: 100%;
    margin: 10px 0;
    padding: 0;
}

.width98 {
    width: 98%;
}

.width99 {
    width: 99%;
}

.width97 {
    width: 97%;
}

.width96 {
    width: 96%;
}

.width95 {
    width: 95%;
}

.width94 {
    width: 94%;
}

.width93 {
    width: 93%;
}

.width92 {
    width: 92%;
}

.width91 {
    width: 91%;
}

.width90 {
    width: 90%;
}

.width85 {
    width: 85%;
}

.width80 {
    width: 80%;
}

.width75 {
    width: 75%;
}

.width70 {
    width: 70%;
}

.width65 {
    width: 65%;
}

.width60 {
    width: 60%;
}

.width55 {
    width: 55%;
}

.width50 {
    width: 50%;
}

.width45 {
    width: 45%;
}

.width40 {
    width: 40%;
}

.width35 {
    width: 35%;
}

.width30 {
    width: 30%;
}

.width25 {
    width: 25%;
}

.width20 {
    width: 20%;
}

.width15 {
    width: 15%;
}

.width10 {
    width: 10%;
}

.width3 {
    width: 3%;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

/* zczczczczczczczczczc  navigational elements */
/* zczczczczczczczczczcczczczczczczczczczczczc */

/* this set defines the main menu look and feel */
#navArea {
    float: left;
    margin: 8px 0 0 40px;
    padding: 1px;
}
/*#navArea ul {float: left; margin: 8px 0 0 40px; padding: 1px; list-style-type: none; }
#navArea ul li {display: inline;}
#navArea ul li a {text-decoration: none; padding: 2px 12px;}
#navArea ul li a:hover {padding: 2px 11px 2px 13px;}*/

/* this set defines the breadcrumb (if any) look and feel */
#breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font: bold 12px/1.2em Arial, Helvetica, sans-serif;
}

    #breadcrumbs ul li {
        display: inline;
        padding-left: 4px;
    }

        #breadcrumbs ul li a {
            padding: 2px 5px;
            cursor: default
        }

        #breadcrumbs ul li.noBG {
            font-size: 18px;
            text-transform: uppercase;
        }


/* zczczczczczczczczczc  footer elements */
/* zczczczczczczczczczcczczczczczczczczczczczc */
#footerMenu ul {
    margin: 20px 5px 0 5px;
    padding: 0;
    list-style-type: none;
}

    #footerMenu ul li {
        display: inline;
        margin: 5px;
        padding-left: 10px;
    }

        #footerMenu ul li a {
            padding: 2px;
        }

/* ************************************************************************ /
/*      All the follow is new to help with formatting the display!!!!!
/* ************************************************************************ /

/*	PAYM-JWM-01.09.04 - Menu Button Style */
.MenuButton {
    margin-top: 1px;
    border-collapse: collapse;
    width: 70px;
    height: 20px;
    background-color: #B8C9D8;
    color: #000000;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #FFFFFF;
}

/*	PAYM-JWM-01.13.04 - Default Command Button Style */
.Button {
    border-collapse: collapse;
    width: 105px;
    height: 24px;
}

.SummaryButton {
    border-collapse: collapse;
    font: 10px/1.2em Arial, Helvetica, sans-serif;
    background: #CCCCCC url(../images/menu_button-BG.jpg) repeat-x;
    color: #000000;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #FFFFFF;
    width: 75px;
    height: 24px;
}

/* PAYM-JWM-01.09.04 - Grid Control Styles */
.IGFrame {
    font: bold 11px/1.5em Arial, Helvetica, sans-serif;
    background-color: White;
    color: Black;
    border: solid 1px Gray;
    border-collapse: collapse;
}

.IGHeader {
    font: bold 11px/1.5em Arial, Helvetica, sans-serif;
    border: solid 1px Gray;
    text-align: left;
    text-indent: 3px;
    padding-right: 3px;
    background: #CCCCCC url(../images/menu_button-BG.jpg) repeat-x;
    border: solid 1px Gray;
    border-collapse: collapse;
}

.IGRow {
    font: 11px/1.5em Arial, Helvetica, sans-serif;
    text-indent: 3px;
    padding-right: 3px;
    color: black;
    background-color: white;
    border: solid 1px Gray;
    border-collapse: collapse;
}


.IGAlternateRow {
    font: 11px/1.5em Arial, Helvetica, sans-serif;
    color: black;
    background-color: #c6c4d7;
    border: solid 1px Gray;
    text-indent: 3px;
    padding-right: 3px;
    border-collapse: collapse;
}

.IGFooter {
    border: solid 1px Gray;
}

.IGPager {
    border-right: gray 1px solid;
    padding-right: 3px;
    border-top: gray 1px solid;
    padding-bottom: 3px;
    font: bold 11px/1.5em Arial, Helvetica, sans-serif;
    border-left: gray 1px solid;
    text-indent: 3px;
    border-bottom: gray 1px solid;
    border-collapse: collapse;
    background-color: transparent;
    text-align: left;
}

.IGGroupByBox {
    font: bold 11px/1.5em Arial, Helvetica, sans-serif;
    background-image: none;
    border-collapse: collapse;
}

.IGGroupByRow {
    font: bold 11px/1.5em Arial, Helvetica, sans-serif;
    border: solid 1px Gray;
    text-align: left;
    background: #CCCCCC url(../images/menu_button-BG.jpg) repeat-x;
    border-collapse: collapse;
}

.IGGroupByBoxBand {
    font: 10px/1.2em Arial, Helvetica, sans-serif;
}

.IGGroupByBoxBandLabel {
    font: 10px/1.2em Arial, Helvetica, sans-serif;
}

.IGSelectedGroupByRow {
    font: 10px/1.2em Arial, Helvetica, sans-serif;
}


.IGRowSelector {
    font: 10px/1.2em Arial, Helvetica, sans-serif;
}

.IGRowExpArea {
    font: 10px/1.2em Arial, Helvetica, sans-serif;
}

.IGSelectedHeader {
    font: 10px/1.2em Arial, Helvetica, sans-serif;
}

.IGEditCell {
    font: 10px/1.2em Arial, Helvetica, sans-serif;
}

.IGSelectedRow {
    font: 10px/1.2em Arial, Helvetica, sans-serif;
    color: #F7F7F7;
    background-color: #738A9C
}

.IGAddNewBox {
    font: 10px/1.2em Arial, Helvetica, sans-serif;
}

.IGAddNewButton {
    font: 10px/1.2em Arial, Helvetica, sans-serif;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
}
/*.IGAddNewButton			{font: 10px/1.2em Arial, Helvetica, sans-serif;border: solid 1px Blue;color: #F7F7F7;background-color: #738A9C;}*/

/*  PAYM-JWM-01.09.04 - Pixel Spacing */
.pixels3 {
    width: 3px;
}

.pixels5 {
    width: 5px;
}

.pixels10 {
    width: 10px;
}

.pixels15 {
    width: 15px;
}

.pixels20 {
    width: 20px;
}

.pixels25 {
    width: 25px;
}

.pixels30 {
    width: 30px;
}

.pixels35 {
    width: 35px;
}

.pixels40 {
    width: 40px;
}

.pixels42 {
    width: 42px;
}

.pixels44 {
    width: 44px;
}

.pixels45 {
    width: 45px;
}

.pixels46 {
    width: 46px;
}

.pixels50 {
    width: 50px;
}

.pixels55 {
    width: 55px;
}

.pixels60 {
    width: 60px;
}

.pixels65 {
    width: 65px;
}

.pixels70 {
    width: 70px;
}

.pixels75 {
    width: 75px;
}

.pixels80 {
    width: 80px;
}

.pixels85 {
    width: 85px;
}

.pixels90 {
    width: 90px;
}

.pixels95 {
    width: 95px;
}

.pixels100 {
    width: 100px;
}

.pixels105 {
    width: 105px;
}

.pixels110 {
    width: 110px;
}

.pixels115 {
    width: 115px;
}

.pixels120 {
    width: 120px;
}

.pixels125 {
    width: 125px;
}

.pixels130 {
    width: 130px;
}

.pixels135 {
    width: 135px;
}

.pixels140 {
    width: 140px;
}

.pixels145 {
    width: 145px;
}

.pixels150 {
    width: 150px;
}

.pixels155 {
    width: 155px;
}

.pixels160 {
    width: 160px;
}

.pixels165 {
    width: 165px;
}

.pixels170 {
    width: 170px;
}

.pixels175 {
    width: 175px;
}

.pixels180 {
    width: 180px;
}

.pixels185 {
    width: 185px;
}

.pixels190 {
    width: 190px;
}

.pixels195 {
    width: 195px;
}

.pixels200 {
    width: 200px;
}

.pixels225 {
    width: 225px;
}

.pixels250 {
    width: 250px;
}

.pixels300 {
    width: 300px;
}

.pixels400 {
    width: 400px;
}

.pixels500 {
    width: 500px;
}

.pixels600 {
    width: 600px;
}

.pixels105, .pixels110,
.pixels115, .pixels120,
.pixels125, .pixels130,
.pixels135, .pixels140,
.pixels145, .pixels150,
.pixels155, .pixels160,
.pixels165, .pixels170,
.pixels175, .pixels180,
.pixels185, .pixels190,
.pixels195, .pixels200,
.pixels225, .pixels250,
.pixels300, .pixels400,
.pixels500, .pixels600 {
    overflow-wrap: break-word;
}

/* 01/07/2004 this defines the width of box contents */
/*.fBoxContent p span {margin: 1px 0; width:70px;}*/
/*.fBoxContent p input {margin: 1px 0; width:200px;}*/
/*.fBoxContent p select {margin: 1px 0; width:120px;}*/

.CurrencyLabel {
    text-align: right;
}

.NoOverflow {
    overflow: hidden;
}

.BoldText {
    font-weight: bold;
}

.padding-Top-Bottom {
    padding: 5px 0;
}

.padding-Left-Right {
    padding: 0 5px;
}

.CheckBox {
}

.InputFont {
    border-spacing: 4px;
}

table.InputFont > tbody > tr > td {
    padding: 1px;
}

.RedText {
    color: red;
}

.BlueText {
    color: blue;
}

.SpacedText {
    margin: 6px 0;
}

.BlueBackGround {
    background-color: #A6B7DB;
}

/*  PAYM-JWM-01.09.04 - Calendar Control Styles*/
.ICDefault {
}
/* .ICDropDown {} */
.ICEdit {
    font: 11px/1.5em Arial, Helvetica;
    background-color: white;
}
/* .ICDropButton {} */
/* .ICDropButtonHover {} */
/* .ICCalendarDropdown {} */
/* .ICCalendarWeekday {} */
.ICCalendarTodayDay {
    color: Black;
    background-image: url(/ig_common/webschedule1/ig_cal_light1.gif);
}

.ICCalendarTitle {
    height: 18px;
    font-size: 10pt;
    font-weight: bold;
    color: Black;
    background-image: url(/ig_common/webschedule1/ig_cal_metal2.gif);
    background-color: #C6D5DE
}

.ICCalendarOtherMonth {
    color: #909090;
}

.ICCalendarNextPrev {
    background-image: url(/ig_common/webschedule1/ig_cal_metal2.gif);
}

.ICCalendarFooter {
    height: 16pt;
    font-size: 8pt;
    color: #707070;
    background-image: url(/ig_common/webschedule1/ig_cal_metal1.gif);
    border-top-color: "0, 160, 160, 160";
    border-top-width: 1px;
    border-style: solid;
}

.ICCalendarDay {
    background-image: url(/ig_common/webschedule1/ig_cal_light3.gif);
    border-color: #909090;
    border-width: 1px;
    border-style: solid;
}

.ICCalendarDayHeader {
    height: 1px;
    font-size: 8pt;
    font-weight: bold;
    color: White;
    background-color: #76858E;
    border-bottom-style: solid;
    border-bottom-color: "0, 160, 160, 160";
    border-bottom-width: 1px;
}

.ICCalendarDefault {
    border-width: 1px;
    font-size: 9pt;
    font-family: Verdana;
    border-color: Gray;
    border-style: solid;
    color: #505050;
    background-color: C0C0C0;
}

.ICCalendarSelectedDay {
    color: Black;
    background-image: url(/ig_common/webschedule1/ig_cal_light2.gif);
}

.CalendarTable {
    table-layout: auto;
    margin: 5px 0px;
    clear: both;
}

/* .ShowBorder { border-style:solid; border-bottom-width:thin;} */


#ShowXml {
    margin-bottom: 20px;
    font: 12px Arial, Helvetica, sans-serif;
}

.IGCellButtonStyle {
    background-image: none;
    font: 11px/1.5em Arial, Helvetica, sans-serif;
    vertical-align: baseline;
    overflow: hidden;
    color: red;
    border-top-style: none;
    padding-top: 0px;
    border-right-style: none;
    border-left-style: none;
    background-color: #ffff99;
    text-align: left;
    text-decoration: underline;
    border-bottom-style: none;
    text-indent: 3px;
}

.italic {
    font: italic 11px/1.2em Arial, Helvetica, sans-serif;
}

.waittext {
    width: 100%;
    font: 12px/1.2em Arial, Helvetica, sans-serif;
    margin-bottom: 26px;
}

.Outline {
    border: solid 2px;
}

.InnerOutline {
    border: solid 2px lightgray !important;
    border-spacing: 3px;
    padding: 0px 10px 10px 10px;
    margin: 0px 10px;
    width: 600px;
}

.PagerButton {
    border-right: medium none;
    border-top: medium none;
    font: bold 10px/1.2em Arial, Helvetica, sans-serif;
    border-left: medium none;
    cursor: hand;
    border-bottom: medium none;
    background-color: #ffffff;
    text-decoration: underline;
}

div#m_ucLevel1_m_divTAA {
    display: none;
    margin: 0px 20px 0px 0px;
}

.ConfigDiv {
    BORDER-RIGHT: #4263a6 thin solid;
    BORDER-TOP: #4263a6 thin solid;
    BACKGROUND: white;
    BORDER-LEFT: #4263a6 thin solid;
    BORDER-BOTTOM: #4263a6 thin solid;
}

.FloatLabel {
    clear: left;
    float: left;
    margin-bottom: 5px;
}

.DataRow {
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}

.menu-serverLbl {
    color: white;
    padding: 2px 3px 0 2px;
}

.ServerLbl {
    text-align: left;
    width: 180px;
    padding-left: 20px;
    padding-bottom: 8px;
    font: bold 11px Arial, Helvetica, sans-serif;
}

.floatingBox .LinkMenu {
    font-size: 12px;
}

    .floatingBox .LinkMenu a {
        color: #003F72;
    }

        .floatingBox .LinkMenu a:hover {
            color: #5494EA;
        }

.EnvironmentMsg {
    font-size: 25px;
    color: #FFF;
    font-weight: bold;
    width: 100%;
    text-align: center;
    position: relative;
}

.EnvironmentMsgSplash {
    font-size: 90pt;
    color: Red;
    opacity: 0.1;
    filter: alpha(opacity=10); /* For IE8 and earlier */
    font-weight: bold;
    width: 96%;
    text-align: center;
    position: absolute;
}

.EnvironmentMsgReciept {
    font-size: 60pt;
    color: Red;
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
    font-weight: bold;
    width: 96%;
    text-align: center;
    position: absolute;
}

.SplashWatermark, .RecieptWatermark {
    height: 140px;
}

.container-panel {
    padding-left: 10px;
}

.AlterContent {
    background-color: rgba(100, 160, 200, 0.05);
}

.BorderLine {
    border-bottom: solid 1px rgba(128, 128, 128, 0.08);
}

    .BorderLine div:first-child {
        margin-left: 15px;
    }

.LineItemHeader {
    font-weight: bold;
    padding: 5px 0px;
}

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

    .certification .container > div {
        display: inline-block;
    }

.footerSOCIcon {
    background-image: url(../Images/SOC2TYPE2.fw.png);
    background-repeat: no-repeat;
    width: 55px;
    background-size: contain;
    padding-right: 0;
}

.sessionTimeoutWarning {
    position: fixed;
    height: 152px !important;
    width: auto !important;
    float: right;
    top: 0 !important;
    bottom: 0;
    left: auto !important;
    right: 50%;
    margin: auto;
    outline: none;
    z-index: 17001 !important;
}

    .sessionTimeoutWarning .ui-dialog-titlebar {
        display: none;
    }

    .sessionTimeoutWarning .ui-dialog-content {
        background-color: #FFF;
        outline: none;
        min-height: 0 !important;
        padding: 15px;
        float: right;
        right: -50%;
        position: relative;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.34375);
    }

        .sessionTimeoutWarning .ui-dialog-content .timeLeft {
            font-size: 1em;
        }

        .sessionTimeoutWarning .ui-dialog-content .sessionOptionButtons {
            margin-top: 25px;
        }

        .sessionTimeoutWarning .ui-dialog-content input[type="submit"] {
            font-size: 1em;
            margin-right: 15px;

            padding: 7px 15px;
            background-color: #003F72;
            color: #fff;
            border-style: none;
            text-transform: lowercase;
            cursor: pointer;
        }

        .sessionTimeoutWarning .ui-dialog-content a {
            font-size: 1em;
            text-decoration: none;
        }

            .sessionTimeoutWarning .ui-dialog-content a:visited {
                color: #003F72;
            }

        .sessionTimeoutWarning .ui-dialog-content .dialog-action {
            padding-top: 10px;
            text-align: right;
        }

        .sessionTimeoutWarning .ui-dialog-content > div > div {
            font-size: 1em;
            text-align: center;
            margin-top: 10px;
        }

            .sessionTimeoutWarning .ui-dialog-content > div > div:first-child {
                margin-top: 0;
            }

.batchLimitLabel {
    margin-left: 10px;
    margin-bottom: 7px;
    font-size: .833em;
    color: #A1A1A4;
}

.disclaimerPlaceholder {
    margin: 25px 0;
    width: 94%;
    padding: 0 10px 10px;
    word-break: break-word;
    border: 1px solid black;
}
.error-msg {
    color: red;
}