/* JACK THIS IS SOME TEMPORARY STUFF i PUT IN FOR THE LIST
    ------------------------------------------------------*/
/*Not Used*/
/*.lstFooter
{
        color: #FFF;
        background-color: #DCE1E4;
}*/




.toolbarTiny {
    margin-right: 31px;
}

.toolBtnTiny {
    float: right;
    padding-right: 8px;
    width: 24px;
    margin-top: 5px;
}

.toolBtnTinyPartner {
    float: right;
    padding-right: 8px;
    width: 24px;
    margin-top: 9px;
}

.toolbarTinyPartner .toolBtnTinyPartner:first-child {
    padding-right: 0px;
}

/* DEFAULTS
----------------------------------------------------------*/

body {
    width: 1024px;
    font-size: 80.5%;
    font-family: "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
    margin: 0 auto;
    padding: 0px;
    color: #FFF;
    background-color: #DCE1E4;
}



a:link, a:visited {
    color: #034af3;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #034af3;
}

a.whiteLink:link, a.whiteLink:visited, a.whiteLink:active {
    color: #fff;
    text-decoration: none;
}

a.whiteLink:hover {
    color: #d00;
    text-decoration: none;
}

a.whiteButtonLink:link, a.whiteButtonLink:visited, a.whiteButtonLink:active {
    color: #fff;
    text-decoration: none;
}

a.whiteButtonLink:hover {
    color: #fff;
    text-decoration: none;
}

li a:link, a:visited {
    color: #015581;
    text-decoration: none;
}

li a:hover {
    color: #015581;
    text-decoration: none;
}

li a:active {
    color: #015581;
    text-decoration: none;
}

li a:focus {
    outline: 1px dotted #80AAC0;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #FFF;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
}

h3 {
    border-bottom: 1px dotted #fff;
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: .1em;
    margin-top: 0px;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

img {
    border: 0 none;
}

/*Not Used*/
/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
/*.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}*/


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#gatewayHeader {
    float: left;
    width: 1010px;
    margin: 8px 8px 0px 8px;
    overflow: auto;
    padding: 0px;
    position: relative;
    min-height: 90px;
    border: 0px;
}

#gatewayFooter {
    color: #80AAC0;
    font-size: 1em;
    float: left;
    width: 1010px;
    height: 35px;
    margin: 8px;
    padding-top: 2px;
    position: relative;
}

#gatewayContent {
    float: left;
    width: 1024px;
    /*    height: 238px; */
    position: relative;
}

.topHeaderGoo {
    height: 70px;
    min-height: 70px;
    /*background-image:url(Images/ECISTGradient.jpg);
	background-repeat: repeat-x;*/
}

#titleDiv {
    font-size: 2em;
    color: #FFF;
    float: left;
    height: 84px;
    width: 1006px;
    /*background-image:url(../images/ottoTitle.png);
	background-repeat: no-repeat;*/
    overflow: auto;
    padding: 10px;
    position: relative;
}

#imgOttoPoint {
    position: absolute;
    top: 40px;
    left: 10px;
    width: 80px;
}

#imgDGILogo {
    position: absolute;
    top: 4px;
    left: 4px;
}

#imgTagline {
    position: absolute;
    top: -1px;
    right: -1px;
    height: 48px;
}

#divDealerGatewayTitle {
    font-family: Calibri, 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 2em;
    font-weight: bold;
    /*font-style:italic;*/
    float: left;
    padding: 0px;
    position: relative;
    letter-spacing: .02em;
    /*text-shadow:3px 3px 9px #888;*/
    color: #555;
}

    #divDealerGatewayTitle img {
        height: 55px;
        vertical-align: middle;
        border: none;
        position: absolute;
        left: 15px;
    }

#divDealerGatewayPartner {
    font-family: 'Arial Narrow',Arial,sans-serif;
    font-size: 2.5em;
    float: right;
    top: -5px;
    padding: 30px 10px 0px 5px;
    position: relative;
    letter-spacing: .02em;
    color: white;
    /*text-shadow:3px 3px 9px #888;*/
}

#divLoginInfo {
    position: absolute;
    right: 4px;
    top: 5px;
}

    #divLoginInfo p {
        line-height: 0em;
    }

#divDealerGatewayHelp {
    float: right;
    top: -5px;
    padding: 30px 10px 0px 5px;
    position: relative;
}

/* LOGIN
----------------------------------------------------------*/
#login {
    display: block;
    font-family: 'Arial Narrow',Arial,sans-serif;
    font-size: .95em;
    margin: 10px 0 12px;
    text-align: right;
}

    #login a:link, #login a:visited, #login a:active {
        color: white;
        margin-left: 0px;
        margin-right: 0px;
        padding: 3px 10px 3px 4px;
        text-decoration: none;
    }

    #login a:hover {
        text-decoration: underline;
    }

    #login a.username {
        background: none;
        margin-left: 0px;
        text-decoration: none;
    }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }

bold {
    font-weight: bold;
}



/* TAB MENU   
----------------------------------------------------------*/


/* FORM ELEMENTS   
----------------------------------------------------------*/


/* MISC  
----------------------------------------------------------*/
/*Not Used*/
/*.shadowTextBig {
     text-shadow:2px 2px 5px #999;
     font-size:1.2em;
}*/

.clear {
    clear: both;
}

.fontNormal {
    font-weight: normal;
}

.bold {
    font-weight: bold;
}

.bottom {
    bottom: 10px;
    position: absolute;
}

.right {
    position: absolute;
    right: 10px;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.alignRight {
    text-align: right;
}

.alignLeft {
    text-align: left;
}

.alignCenter {
    text-align: center;
}

.alignTop {
    vertical-align: top;
}

.nowrap {
    white-space: nowrap;
}

.width300 {
    width: 300px;
}

.one-edge-shadow {
    -webkit-box-shadow: 8px 8px 0px -3px #999;
    -moz-box-shadow: 8px 8px 0px -3px #999;
    box-shadow: 8px 8px 0px -3px #999;
}

.rounded-corners {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px 10px;
}

.hide {
    display: none;
}

/*Not Used*/
/*ul#social {
    padding: 0;
    margin: 0;
}
ul#social li {
    display: inline;
    list-style: none;
}
ul#social li a {
    color: #999;
    text-decoration: none;
}*/

/*Not Used*/
/*a.facebook, a.twitter {
    display: block;
    float: left;
    height: 24px;
    padding-left: 17px;
    text-indent: -9999px;
    width: 16px;
}
a.facebook {
    background: url("/Content/Images/facebook.png") no-repeat;
}
a.twitter {
    background: url("/Content/Images/twitter.png") no-repeat;
}*/

.dlgTitleBar {
    color: #ABB8BF;
    color: #FFF;
    font-size: 1.5em;
    font-weight: normal;
    letter-spacing: .3em;
    padding: 0px 8px 2px 8px;
    text-align: center;
}

.dlgHeadingSub {
    border-bottom: 1px solid #FFF;
    color: #FFF;
    font-size: 1.2em;
    font-weight: normal;
    letter-spacing: .3em;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    position: relative;
}

    .dlgHeadingSub .spnPendingAction {
        position: absolute;
        top: 0px;
        right: 0px;
        color: #43b710;
    }

    .dlgHeadingSub .spnPendingActionOK {
        position: absolute;
        top: 0px;
        right: 0px;
        color: #43b710;
    }

    .dlgHeadingSub .spnPendingActionWarn {
        position: absolute;
        top: 0px;
        right: 0px;
        color: #FFB266;
    }

    .dlgHeadingSub .spnPendingActionCritical {
        position: absolute;
        top: 0px;
        right: 0px;
        color: #ffaac1;
    }

    .dlgHeadingSub .spnPendingActionNoAction {
        position: absolute;
        top: 0px;
        right: 0px;
        color: #fff7c7;
    }

    .dlgHeadingSub .redText {
        color: #ffaac1;
    }

    .dlgHeadingSub .warningText {
        color: #ffc70f;
    }



.dlgHeadingSubSmall {
    border-bottom: 1px dotted #AEC8D6;
    color: #AEC8D6;
    font-size: 1.0em;
    font-weight: normal;
    letter-spacing: .1em;
    margin: 0;
    padding: 0 0 2px 0;
}

.bottomLine {
    border-bottom: 1px solid #aaa;
    line-height: 0px;
    height: 1px;
}

hr.fineLine {
    border: 1px dotted #ddd;
    margin: 5px 0;
    width: 100%;
}

.generalPanelTextHolder {
    color: #ddd;
    border-bottom: 1px solid #AEC8D6;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.templateDropdownHolder {
    border-bottom: 1px dotted #AEC8D6;
    padding-bottom: 5px;
    margin-top: 5px;
}

.sectionDottedTop {
    border-top: 1px dotted #AEC8D6;
    padding-top: 5px;
}

.sectionDottedBottom {
    border-bottom: 1px dotted #AEC8D6;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.divInfoHolder {
    float: left;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    min-height: 200px;
    width: 479px;
}

.minHeight100 {
    min-height: 100px;
}

/*Not Used*/
/*.minHeight200 {
    min-height:200px;
}*/



.divRow {
    clear: left;
    margin-bottom: 4px;
    min-height: 25px;
    overflow: auto;
}

    .divRow label {
        color: #fff;
        float: left;
        width: 140px;
        overflow: auto;
        position: relative;
        /*top:4px;*/
        /*text-shadow: .1em .1em .05em #999;*/
    }

        .divRow label.dark {
            color: #015581;
        }

        .divRow label.labelTopCorrection {
            position: relative;
            top: 1px;
        }

    .divRow span, .divRow div {
        /*color:#333;*/
        color: #fff;
        float: left;
        font-weight: bold;
        overflow: auto;
        /*text-shadow: .1em .1em .05em #999;*/
    }

/*Not Used*/
/*.divRow spanq {
    color:#FCBF64;
    font-size:1.2em;
    float:left;
    position:relative;
    top:6px;
    width:20px;
    text-align:center;
}*/

span.req {
    color: #FCBF64;
    font-size: 1.2em;
    float: left;
    position: relative;
    top: 2px;
    width: 10px;
    text-align: center;
}

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

.divRow span textarea {
    color: #000;
    float: left;
    font-family: "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
    font-size: 1em;
    font-weight: bold;
}

.divRow span input[type=text] {
    color: #000;
    float: left;
    font-family: "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
    font-size: 1em;
    font-weight: bold;
}

.divRow input[type=text].inputWide {
    width: 300px;
}

.divRow input[type=text].inputNormal {
    width: 150px;
}

#divPagingControls {
    margin-top: 10px;
}

    #divPagingControls table {
        border-collapse: collapse;
    }

        #divPagingControls table tr td.pageNum,
        #divPagingControls table tr.pageNum {
            cursor: pointer;
            font-size: 1.2em;
            padding: 0 3px;
            white-space: nowrap;
        }

            #divPagingControls table tr.pageNum td {
                text-align: right;
                background-color: #555;
                color: white;
                cursor: default;
            }

        #divPagingControls table tr td.text {
            white-space: nowrap;
        }

        #divPagingControls table tr.pageNum td {
            font-weight: bold;
            font-size: 1.4em;
        }

            #divPagingControls table tr.pageNum td div {
                font-weight: normal;
                font-size: .8em;
            }

        #divPagingControls table tr.pageNum a {
            color: #ddd;
            font-weight: normal;
            padding: 0 3px;
            text-decoration: none;
        }

        #divPagingControls table tr td.pageNum a {
            color: #ddd;
            font-size: 1.2em;
            font-weight: normal;
            padding: 0 3px;
            text-decoration: none;
        }

            #divPagingControls table tr td.pageNum a:hover,
            #divPagingControls table tr.pageNum a:hover {
                text-decoration: underline;
            }

            #divPagingControls table tr td.pageNum a.PageNumSelected {
                font-weight: bold;
                color: #fff;
                /*-webkit-text-shadow: 1px 1px 3px #eee, 1px -1px 3px #eee, -1px -1px 3px #eee, -1px 1px 3px #eee;
	   -moz-text-shadow: 1px 1px 3px #eee, 1px -1px 3px #eee, -1px -1px 3px #eee, -1px 1px 3px #eee;
	        text-shadow: 1px 1px 3px #eee, 1px -1px 3px #eee, -1px -1px 3px #eee, -1px 1px 3px #eee;*/
            }

        #divPagingControls table tr td img {
            cursor: pointer;
            margin: 0 5px;
        }

    #divPagingControls .goToPageEntry {
        width: 20px;
    }

#spnPerPage {
    cursor: pointer;
}


button.ddDots {
    border: 1px dotted #fff;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 1em;
    font-weight: bold;
    line-height: .7em;
    margin: 0px 5px;
    padding: 3px 7px 3px 7px;
}

    button.ddDots:hover {
        border: 1px solid #fff;
    }

a.ddDots {
    border: 1px dotted #fff;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 1em;
    font-weight: bold;
    line-height: .7em;
    margin: 0px 5px;
    padding: 3px 7px 3px 7px;
}

    a.ddDots:hover {
        border: 1px solid #fff;
    }

.partnerNameValue {
    float: right;
    font-weight: normal;
    font-family: 'Arial Narrow',Arial,sans-serif;
    font-size: 1.25em;
    letter-spacing: .02em;
    color: white;
}

.compareRow {
    clear: left;
    padding-left: 140px;
}

    .compareRow span {
        color: #AEC8D6;
        font-weight: bold;
    }

        .compareRow span.diff {
            color: #d10000;
            text-shadow: #eee .1em .1em .4em, #eee -.1em -.1em .4em, #eee -.1em .1em .4em, #eee .1em -.1em .4em;
        }
/* BUTTON BAR  
----------------------------------------------------------*/
.buttonBar {
    margin: 0 0 5px 0;
    overflow: auto;
    padding: 8px;
    float: none;
    display: block;
}

    .buttonBar img {
        border: none;
        cursor: pointer;
    }

    .buttonBar div.btnBarItem {
        border-right: 1px dotted #ccc;
        float: left;
        margin: 0 8px 0 0;
        padding: 0 8px 0 0;
        text-align: center;
    }

    .buttonBar div.btnBar100 {
        width: 98px;
    }

    .buttonBar div.btnBarItemRight {
        border-left: 1px dotted #ccc;
        float: right;
        margin: 0 0 0 8px;
        padding: 0 0 0 8px;
    }

        .buttonBar div.btnBarItem div,
        .buttonBar div.btnBarItemRight div {
            text-align: center;
        }

        .buttonBar div.btnBarItem a,
        .buttonBar div.btnBarItemRight a {
            color: #fff;
            text-decoration: none;
            text-shadow: .1em .1em .05em #999;
        }

            .buttonBar div.btnBarItem a.btnBarTextShadow,
            .buttonBar div.btnBarItemRight a.btnBarTextShadow {
                text-shadow: #333 .1em .1em .4em, #333 -.1em -.1em .4em, #333 -.1em .1em .4em, #333 .1em -.1em .4em;
            }

.btnBarBackgroundPlain {
    background-image: url('Images/btnBGWhite.png');
    background-repeat: no-repeat;
}

.btnBarBackgroundHover {
    background-image: url('Images/btnBGHover.png');
    background-repeat: no-repeat;
}

.btnBarBackgroundPink {
    background-image: url('Images/btnBGPink.png');
    background-repeat: no-repeat;
}

.btnBarBackgroundGreen {
    background-image: url('Images/btnBGGreen.png');
    background-repeat: no-repeat;
}

.btnBarBackgroundBlue {
    background-image: url('Images/btnBGBlue.png');
    background-repeat: no-repeat;
}

.btnBarBackgroundBlueLight {
    background-image: url('Images/btnBGBlueLight.png');
    background-repeat: no-repeat;
}

.btnBarBackgroundPlainTiny {
    background-image: url('Images/btnBGWhiteTiny.png');
    background-repeat: no-repeat;
}

.btnBarBackgroundHoverTiny {
    background-image: url('Images/btnBGHoverTiny.png');
    background-repeat: no-repeat;
}

.btnBarBackgroundPinkTiny {
    background-image: url('Images/btnBGPinkTiny.png');
    background-repeat: no-repeat;
}

.btnBarBackgroundGreenTiny {
    background-image: url('Images/btnBGGreenTiny.png');
    background-repeat: no-repeat;
}


.btnBarQuickfindBackground {
    background-color: #B3FF9F;
    border: 1px solid #229E00;
    height: 18px;
    margin: 2px;
    padding: 1px;
}

.dlgPanel {
    /*border-radius:          8px 8px 8px 8px;
	-moz-border-radius:     8px 8px 8px 8px;
	-webkit-border-radius:  8px 8px 8px 8px;*/
    background-color: #F5FDFF;
    border: 1px solid #696969;
    margin: 0 8px 8px 0;
    overflow: auto;
    padding: 8px;
}

/* CLOCK AND CALENDAR
----------------------------------------------------------*/
#divCalHolder {
    background: url('/Content/Images/cal2.png') no-repeat 8px 6px;
    height: 110px;
}

#divCalDOW {
    color: #555;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    padding: 12px 0 5px 0;
}

#divCalMonth {
    color: #555;
    font-size: 7pt;
    font-weight: bold;
    text-align: center;
    padding: 1px 0 0 0;
}

#divCalDate {
    color: #000;
    font-size: 28pt;
    text-align: center;
    font-weight: bold;
    padding: 4px 0 0 0;
    line-height: 1em;
}

#clockHolder {
    width: 100px;
    margin: 15px auto 0px auto;
    position: relative;
    top: 0px;
    left: 0px;
}

#sec {
    display: block;
    position: absolute;
}

#min {
    display: block;
    position: absolute;
}

#hour {
    display: block;
    position: absolute;
}

.rotatingWrapper {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0px;
    left: 0px;
}

#divDigitalTime {
    text-align: center;
    color: #fff;
    position: absolute;
}


/* TILE LAYOUTS  
----------------------------------------------------------*/
/*Not Used*/
/*.gwTileBox4 {
    float:left; 
    margin:0 8px 0px 0; 
    width:248px;
}*/

.gwTile4 {
    float: left;
    width: 230px;
    height: 268px;
    margin: 0 8px 8px 0;
    padding: 8px;
    position: relative;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
            border-radius: 10px 10px;*/
}


/* this is really a 4x1 ... */
.gwTile3 {
    float: left;
    width: 502px;
    height: 126px;
    margin: 0 8px 8px 0;
    padding: 0px;
    position: relative;
}

.gwTile2 {
    float: left;
    width: 230px;
    height: 110px;
    margin: 0 8px 8px 0;
    padding: 8px;
    position: relative;
}

.gwTile1 {
    float: left;
    width: 102px;
    height: 110px;
    margin: 0 8px 8px 0;
    padding: 8px;
    position: relative;
}

#gwTileFull {
    float: left;
    width: 994px;
    min-height: 238px;
    margin-bottom: 8px;
    padding: 10px;
    position: relative;
}

    #gwLoginTile ol li,
    #gwTileFull ol li {
        list-style: none;
        margin-bottom: 8px;
    }

    #gwLoginTile li label,
    #gwTileFull li label {
        float: left;
        width: 100px;
    }

    #gwTileFull .jBtn {
        margin-left: 224px;
    }

#gwLoginTile .jBtn {
    margin-left: 120px;
}


.TileTitle {
    clear: left;
    color: #fff;
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 0 0 12px 0;
    text-shadow: 1px 1px 1px #666;
}

.TileTitleSpan {
    float: left;
}

.TileTitleSmall {
    clear: left;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 0 0 12px 0;
    text-shadow: 1px 1px 1px #666;
}


.TileSubtitle {
}

.TileImage {
}

.TileFeed {
}

.TileBigValue {
    color: #fff;
    font-size: 3em;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    width: 100%;
}

.TileValue {
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1em;
    text-align: right;
    width: 100%;
}

td.TileValue a:link,
td.TileValue a:visited,
td.TileValue a:active {
    color: #FFF;
    text-decoration: none;
}

div.TileValue {
    text-align: center;
    font-size: 1.3em;
    padding-top: 4px;
}

    div.TileValue a:active,
    div.TileValue a:link,
    div.TileValue a:visited {
        color: #FFF;
        font-weight: bold;
        line-height: 1em;
        text-decoration: none;
        text-align: center;
    }

.TileLabel {
    color: #fff;
    font-size: 1.0em;
    font-weight: normal;
    line-height: 1em;
    text-align: left;
    white-space: nowrap;
}

td.TileLabel a:link,
td.TileLabel a:visited,
td.TileLabel a:active {
    color: #FFF;
    text-decoration: none;
}

.TileTable {
    margin: 0 8px 8px 0;
    width: 100%;
}

.TileFrame {
    height: 115px;
}

.TileColumnLeft {
    float: right;
    width: 50%;
}

.TileRow {
    color: #fff;
    clear: left;
}

.TileRowSelected {
    color: #fff;
    clear: left;
    font-weight: bold;
    font-size: 1.4em;
    padding: 0 0 0 0;
}


.DGTile { /*TheNewStandardOtto*/
    float: left;
    width: 238px;
    height: 110px;
    border: 1px solid transparent;
    background: url('/Content/Images/littleotto.png') no-repeat 155px 6px;
    margin: 0 8px 8px 0;
    color: #fff;
    padding: 4px;
    cursor: pointer;
}

.DGText { /*TheNewStandard*/
    color: #fff;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.0em;
}

.DGBrand { /*TheNewStandardDigitalGateway*/
    color: #fff;
    letter-spacing: .5em;
    padding: 25px 0 0 0;
}

.DGLogo {
    float: left;
    padding: 6px 0 5px 6px;
    margin: 0 4px 0 0;
}

    .DGLogo > img {
        width: 100%;
    }

/* BRANDING COLORS
----------------------------------------------------------*/
.pendingAction {
    background-color: #555;
    border: 1px solid #555;
}

.pendingActionOK {
    background-color: #0B4B01;
    border: 1px solid #073201;
}

.pendingActionWarn {
    background-color: #C44A03;
    border: 1px solid #AB4003;
}

.pendingActionCritical {
    background-color: #883302;
    border: 1px solid #6F2A02;
}

.pendingActionNoAction {
    background-color: #927F02;
    border: 1px solid #AB9403;
}

.gwC1 {
    background-color: #555;
    border: 1px solid #555;
}

.gwC2 {
    background-color: #6c8cc7;
    border: 1px solid #6c8cc7;
}

.gwC3 {
    background-color: #3E3739;
    border: 1px solid #3E3739;
}

.gwC4 {
    background-color: #888;
    border: 1px solid #888;
}

.gwC5 {
    background-color: #3E3739;
    border: 1px solid #3E3739;
}

.gwC6 {
    background-color: #01314C;
    border: 1px solid #01314C;
}

.gwC7 {
    background-color: #555;
    border: 1px solid #555;
}

.gwC8 {
    background-color: #FFFFFF;
    /*border:1px solid #FFFFFF;*/
    border: 1px solid #E6E6E6;
    color: #33b2e4;
}

.gwC9 {
    background-color: #555;
    border: 1px solid #555;
    color: #fff;
}

/*Hover border colors*/
.gwC1-hover {
    border: 1px solid #35B7FD;
}

.gwC2-hover {
    border: 1px solid #F5F8FA;
}

.gwC3-hover {
    border: 1px solid #FFFFFF;
}

.gwC4-hover {
    border: 1px solid #D7DCE0;
}

.gwC5-hover {
    border: 1px solid #FFFFFF;
}

.gwC6-hover {
    border: 1px solid #FFFFFF;
}

.gwC7-hover {
    border: 1px solid #04A0FB;
}

.gwC8-hover {
    border: 1px solid #0085C7;
}




.validation-summary-errors {
    /*border:1px solid #d10000;
    background-color:#FFEBEB;
    color:#d10000;
    padding:5px;
    padding-left:45px;
    background-image:url('/Content/Images/warning.png');
    background-position-x:5px;
    background-position-y:5px;
    background-repeat:no-repeat;
    margin-top:10px;*/
    padding: 10px 10px 10px 40px;
    background-color: #FFD9AD;
    border: 1px solid #E67C00;
    border-left: 20px solid #E67C00;
    background-image: url("/Content/Images/warning.png");
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
    color: #E67C00;
}

    .validation-summary-errors ul {
        margin: 0px 5px 5px 0px;
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-padding-start: 20px;
    }

    .validation-summary-errors li {
        list-style-type: disc;
        font-weight: bold;
        margin: 0;
    }


.validation-message {
    border: 1px solid #00d100;
    background-color: #EBFFEB;
    color: #00d100;
    padding: 8px;
    padding-left: 40px;
    background-image: url('/Content/Images/info.png');
    background-position-x: 5px;
    background-position-y: 5px;
    background-repeat: no-repeat;
    margin-top: 10px;
}

    .validation-message li {
        list-style-type: disc;
        font-weight: bold;
    }

.wideInput {
    width: 330px;
    margin-left: 2px;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.infoDiv {
    color: #015581 !important;
    margin-top: 10px;
    padding: 4px 10px 4px 40px;
    background-color: #C7EBFF;
    border: 1px solid #45BFFF;
    border-left: 20px solid #45BFFF;
    background-image: url("/Content/Images/info.png");
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: 4px;
    min-height: 30px;
}

.criticalDiv {
    color: #d10000;
    margin-top: 10px;
    padding: 4px 10px 4px 40px;
    background-color: #fee;
    border: 1px solid #d10000;
    border-left: 20px solid #d10000;
    background-image: url("/Content/Images/error.png");
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: 4px;
    min-height: 30px;
}

.divRow.criticalDiv label {
    margin-left: -60px;
}

.criticalDiv label, .criticalDiv span {
    color: #d10000 !important;
}

.hint {
    color: #FFD9AD !important;
    font-weight: normal !important;
}

.warning {
    color: #E67C00 !important;
}

.warningDiv {
    color: #E67C00;
    margin-top: 10px;
    padding: 4px 10px 4px 40px;
    background-color: #FFD9AD;
    border: 1px solid #E67C00;
    border-left: 20px solid #E67C00;
    background-image: url("/Content/Images/warning.png");
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: 4px;
    min-height: 30px;
}

    .warningDiv ul {
        margin: 0;
        padding-left: 20px;
    }

.divRow.warningDiv label {
    margin-left: -60px;
}

.successDiv {
    color: #43B710;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 4px 10px 4px 40px;
    background-color: #CFFFC7;
    border: 1px solid #43b710;
    border-left: 20px solid #43b710;
    background-image: url("/Content/Images/checkMark.png");
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: 4px;
    min-height: 30px;
}


/* LIST
----------------------------------------------------------*/
div.ddList table {
    background-color: #fff;
    border: 1px solid #000;
    border-collapse: collapse;
    width: 100%;
}

    div.ddList table tbody tr.alt td {
        background-color: #dadada;
        border: 1px dotted #015581;
        color: #333;
    }

    div.ddList table tbody tr.hover td {
        /*background-color:#AEC8D6;
    border:1px dotted #015581;
    color: #000;*/
        text-decoration: none;
    }

    div.ddList table tr th {
        background: #999;
        border: 1px solid #000;
        color: #fff;
        cursor: default;
        font-weight: normal;
        padding: 4px 4px;
        text-align: left;
        vertical-align: top;
        white-space: nowrap;
    }

        div.ddList table tr th.columnSortAscending {
            background-image: url("/Content/Images/sortAscending.png");
            background-repeat: no-repeat;
            background-position: right center;
            padding-right: 18px;
        }

        div.ddList table tr th.columnSortDescending {
            background-image: url("/Content/Images/sortDescending.png");
            background-repeat: no-repeat;
            background-position: right center;
            padding-right: 18px;
        }

        div.ddList table tr th a {
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            font-size: .85em;
        }

    div.ddList table tr td {
        border: 1px dotted transparent;
        border-bottom: 1px dotted #015581;
        border: 1px dotted #015581;
        color: #333;
        cursor: pointer;
        padding: 3px 4px;
    }

        div.ddList table tr td input.submit {
            background-color: transparent;
            background-image: url("/Content/Images/UserDelete.png");
            background-repeat: no-repeat;
            border: 0;
            cursor: pointer;
            height: 16px;
            width: 16px;
        }

        div.ddList table tr td input.submitDeleteGeneric {
            background-color: transparent;
            background-image: url("/Content/Images/DeleteGeneric.png");
            background-repeat: no-repeat;
            border: 0;
            cursor: pointer;
            height: 16px;
            width: 16px;
        }

        div.ddList table tr td input.update {
            background-color: transparent;
            background-image: url("/Content/Images/Refresh-Small.png");
            background-repeat: no-repeat;
            border: 0;
            cursor: pointer;
            height: 16px;
            width: 16px;
        }

        div.ddList table tr td input.updateDark {
            background-color: transparent;
            background-image: url("/Content/Images/Refresh-Small-Dark.png");
            background-repeat: no-repeat;
            border: 0;
            cursor: pointer;
            height: 16px;
            width: 16px;
        }

        div.ddList table tr td input.updateDarkSpinning {
            background-color: transparent;
            background-image: url("/Content/Images/wait16trans.gif");
            background-repeat: no-repeat;
            border: 0;
            cursor: pointer;
            height: 16px;
            width: 16px;
        }

        div.ddList table tr td.NoPointer {
            cursor: default;
        }

        div.ddList table tr td a:link,
        div.ddList table tr td a:active {
            color: #6c8cc7; /*428bca;*/
            text-decoration: none;
        }

        div.ddList table tr td a:visited {
            color: #33b2e4;
            text-decoration: none;
        }

        div.ddList table tr td a:hover {
            text-decoration: underline;
        }

div.ddList tr td.critical {
    color: #d10000 !important;
}

div.ddList tr td.warning {
    color: #E67C00 !important;
}

div.ddList ul li.hover {
    background-color: #AEC8D6;
    border: 1px dotted #015581;
    color: #000;
    text-decoration: none;
}

    div.ddList ul li.hover a {
        color: #000;
    }

div.ddList ul li {
    border-bottom: 1px dotted #015581;
    color: #111;
}



div.ddList {
    padding: 4px 0px 4px 0px;
    /*height:165px;*/
    overflow: auto;
}

    div.ddList ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
        list-style-type: none;
        font-size: 1.0em;
    }

        div.ddList ul li {
            border: 1px dotted transparent;
            border-bottom: 1px dotted #015581;
            color: #111;
            line-height: 1.5em;
            padding: 4px 20px 4px 10px;
            text-decoration: none;
            white-space: nowrap;
            font-weight: normal;
            cursor: pointer;
        }


/* TABLE LIST
----------------------------------------------------------*/
div.tblList table {
    background-color: #fff;
    border: 1px solid #000;
    border-collapse: collapse;
    width: 100%;
}

div.tblList.selectedRowTable table {
    background-color: #fff;
    border: 1px solid #000;
    border-collapse: separate;
    border-spacing: 0px;
    width: 100%;
}

div.tblList table tbody tr.alt td {
    background-color: #DCE1E4;
    border: 1px dotted #015581;
    color: #333;
}

div.tblList table tbody tr.alt.solidTop td {
    border-top: 1px solid #000;
}

div.tblList table tbody tr.selectedRowBorder td {
    border-top: 2px solid #CFFFC7;
    border-bottom: 2px solid #CFFFC7;
}

    div.tblList table tbody tr.selectedRowBorder td:last-child {
        border-right: 1px solid #CFFFC7;
    }

    div.tblList table tbody tr.selectedRowBorder td:first-child {
        border-left: 1px solid #CFFFC7;
    }

div.tblList table tbody tr.selectedRowBorderTop td {
    border-top: 2px solid #CFFFC7;
}

    div.tblList table tbody tr.selectedRowBorderTop td:last-child {
        border-right: 1px solid #CFFFC7;
    }

    div.tblList table tbody tr.selectedRowBorderTop td:first-child {
        border-left: 1px solid #CFFFC7;
    }

div.tblList table tbody tr.selectedRowBorderBottom td {
    border-bottom: 2px solid #CFFFC7;
}

    div.tblList table tbody tr.selectedRowBorderBottom td:last-child {
        border-right: 1px solid #CFFFC7;
    }

    div.tblList table tbody tr.selectedRowBorderBottom td:first-child {
        border-left: 1px solid #CFFFC7;
    }

div.tblList table tbody tr.selectedRowBorderIgnore td {
    border-top: 2px solid #ffc7c7;
    border-bottom: 2px solid #ffc7c7;
}

    div.tblList table tbody tr.selectedRowBorderIgnore td:last-child {
        border-right: 1px solid #ffc7c7;
    }

    div.tblList table tbody tr.selectedRowBorderIgnore td:first-child {
        border-left: 1px solid #ffc7c7;
    }

div.tblList table tbody tr.selectedRowBorderIgnoreTop td {
    border-top: 2px solid #ffc7c7;
}

    div.tblList table tbody tr.selectedRowBorderIgnoreTop td:last-child {
        border-right: 1px solid #ffc7c7;
    }

    div.tblList table tbody tr.selectedRowBorderIgnoreTop td:first-child {
        border-left: 1px solid #ffc7c7;
    }

div.tblList table tbody tr.selectedRowBorderIgnoreBottom td {
    border-bottom: 2px solid #ffc7c7;
}

    div.tblList table tbody tr.selectedRowBorderIgnoreBottom td:last-child {
        border-right: 1px solid #ffc7c7;
    }

    div.tblList table tbody tr.selectedRowBorderIgnoreBottom td:first-child {
        border-left: 1px solid #ffc7c7;
    }

div.tblList table tbody tr.hover td {
    /*background-color:#AEC8D6;
    border:1px dotted #015581;*/
    color: #000;
    text-decoration: none;
}

div.tblList table tr th {
    background: #999;
    border: 1px solid #000;
    color: #fff;
    cursor: default;
    font-weight: normal;
    padding: 4px 4px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

    div.tblList table tr th.columnSortAscending {
        background-image: url("/Content/Images/sortAscending.png");
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 18px;
    }

    div.tblList table tr th.columnSortDescending {
        background-image: url("/Content/Images/sortDescending.png");
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 18px;
    }

    div.tblList table tr th a {
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        font-size: .85em;
    }

div.tblList table tr td {
    border: 1px dotted transparent;
    border-bottom: 1px dotted #015581;
    border: 1px dotted #015581;
    color: #333;
    /*cursor:pointer;*/
    padding: 3px 4px;
}

div.tblList table tr.alt td.selectedCell {
    background-color: #CFFFC7;
}

div.tblList table tr td.selectedCell {
    background-color: #CFFFC7;
}

div.tblList table tr.alt td.selectedCellIgnore {
    background-color: #ffc7c7;
}

div.tblList table tr td.selectedCellIgnore {
    background-color: #ffc7c7;
}

div.tblList table tr.solidTop td {
    border-top: 1px solid #000;
}

div.tblList table tr td input.submit {
    background-color: transparent;
    background-image: url("/Content/Images/UserDelete.png");
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    height: 16px;
    width: 16px;
}

div.tblList table tr td input.submitDeleteGeneric {
    background-color: transparent;
    background-image: url("/Content/Images/DeleteGeneric.png");
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    height: 16px;
    width: 16px;
}

div.tblList table tr td.NoPointer {
    cursor: default;
}

div.tblList table tr td.Pointer {
    cursor: pointer;
}

div.tblList table tr td a:link,
div.tblList table tr td a:visited,
div.tblList table tr td a:active {
    color: #015581;
    text-decoration: none;
}

div.tblList table tr td a:hover {
    color: #d10000;
    text-decoration: none;
}

div.tblList ul li.hover {
    background-color: #AEC8D6;
    border: 1px dotted #015581;
    color: #000;
    text-decoration: none;
}

    div.tblList ul li.hover a {
        color: #000;
    }

div.tblList ul li {
    border-bottom: 1px dotted #015581;
    color: #111;
}



div.tblList {
    padding: 4px 0px 4px 0px;
    /*height:165px;*/
    overflow: auto;
}

.divRow.checkboxes label {
    float: left;
}

.checkboxes ul {
    margin: 0;
    list-style: none;
    float: left;
}

.checkboxes li {
    margin: 0;
    list-style: none;
    clear: left;
}

.cursorPointer {
    cursor: pointer;
}

/******************************************************************/
/* Classes for Radio buttons and checkboxes                       */
/*.has-js .label_check,
.has-js .label_radio { padding-left: 24px; font-size:1em;}

.has-js .label_radio { background: url(/Content/Images/radio-off2.png) 0 0em no-repeat; }
.has-js .label_check { background: url(/Content/Images/Check-off2.png) 0 0em no-repeat; }
.has-js label.c_on { background: url(/Content/Images/Check-on2.png) 0 0em no-repeat; font-weight:bold;}
.has-js label.r_on { background: url(/Content/Images/radio-on2.png) 0 0em no-repeat; font-weight:bold;}

.has-js .label_check input,
.has-js .label_radio input { position: absolute; left: -9999px; }*/
/*******************************************************************/
.radioButtonType {
    margin: 10px 0 0 0;
}

    .radioButtonType label {
        display: inline;
        cursor: pointer;
        padding: 2px 0;
        line-height: 20px;
        /*padding-bottom: 9px;*/
        /*text-shadow: 0 -1px 0 rgba(0,0,0,.2);*/
    }

.disabledLabel {
    font-style: italic;
    font-weight: bold;
    color: #fff;
}


.unSelected {
    color: #aaa;
    font-weight: normal;
}

.selected {
    font-weight: bold;
    color: black;
}

.selectedRow {
    background-color: #CFFFC7;
}

.selectedRowIgnore {
    background-color: #ffc7c7;
}

.selectedRowNoAction {
    background-color: #fff7c7;
}

.selectedRowWarning {
    background-color: #ffc70f;
}

/****************************/
/* radio modifications */
/*                          */
#rdoFilterType2,
#rdoFilterType {
    padding: 13px 0 0 0;
}

    #rdoFilterType2 .ui-state-default,
    #rdoFilterType .ui-state-default {
        background-color: #ABB8BF;
        color: #555;
        font-size: .9em;
    }

    #rdoFilterType2 .ui-state-active,
    #rdoFilterType .ui-state-active {
        background-color: #555;
        color: #fff;
    }

.ui-buttonset .ui-button {
    margin-right: -.4em;
}

/****************************/
/* jquery css modifications */
/*                          */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px dotted #ffc221;
    background: 50% 50% repeat-x;
    font-weight: normal;
    color: #fff;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #ffc221;
    background: 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #ffc221;
    font-weight: normal;
    color: #ffffff;
}


.ui-corner-all {
    -moz-border-radius: 0px /*{cornerRadius}*/;
    -webkit-border-radius: 0px /*{cornerRadius}*/;
    border-radius: 0px /*{cornerRadius}*/;
}


.ui-dialog .ui-dialog-buttonpane {
    background-color: #999;
    border-top: 1px solid #999;
    padding: .1em;
}

.ui-widget-header {
    border: 1px solid #999;
    background-color: #999;
    background-image: none;
    color: #ffffff;
    font-weight: bold;
}

.ui-widget-content {
    color: #6C8CC7;
}

.ui-datepicker td a.ui-state-default {
    color: #000;
    font-weight: normal;
}

.ui-datepicker td a.ui-state-active {
    border: 1px solid #6C8CC7;
    color: #6C8CC7;
    font-weight: bold;
}


.ui-widget-overlay {
    background: #000 /*{bgColorOverlay}*/ url(themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/;
    opacity: .5;
    filter: Alpha(Opacity=50) /*{opacityOverlay}*/;
}

#mappings-section {
    overflow: visible;
    background-color: white;
    padding: 0;
}

    #mappings-section div.mappingTabs {
        display: flex;
        float: unset !important;
        margin-bottom: 1px;
        background-color: #999;
        font-size: 1.2em;
    }

        #mappings-section div.mappingTabs .mappingHeader {
            font-weight: bold;
            padding: 15px;
        }


        #mappings-section div.mappingTabs div.serviceCallMappings {
            border-top: 1.5px solid #ccc;
        }

            #mappings-section div.mappingTabs div.serviceCallMappings div {
                flex-grow: 1;
                font-weight: normal;
                height: 35px;
            }

        #mappings-section div.mappingTabs div.tablinks {
            border-right: 1px solid #ccc;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer
        }

        #mappings-section div.mappingTabs .active {
            border: 1px solid black;
            background-color: #B4B4B4;
        }

    #mappings-section div.tabs-section {
        height: 500px;
        background-color: #555;
        border: 1px solid #555;
        color: #fff;
        overflow: auto;
    }

        #mappings-section div.tabs-section div.tabcontent div.serviceTickeMapping table {
            table-layout:fixed;
            width: 100%;
            padding: 0px 4px;
            font-size: 1.15em;
        }

            #mappings-section div.tabs-section div.tabcontent div.serviceTickeMapping table tr {
                border-bottom: 1px solid white;
            }

            #mappings-section div.tabs-section div.tabcontent div.serviceTickeMapping table tr {
                border-bottom: 1px solid #ccc;
            }

                #mappings-section div.tabs-section div.tabcontent div.serviceTickeMapping table tr:last-child {
                    padding-bottom: 0px;
                    border-bottom: none;
                }

                #mappings-section div.tabs-section div.tabcontent div.serviceTickeMapping table tr td {
                    padding: 3px;
                    display: flex;
                }
                    #mappings-section div.tabs-section div.tabcontent div.serviceTickeMapping table tr td select {
                        margin-right:8px;
                        padding: 3px;
                        width: 99%;
                    }
                    #mappings-section div.tabs-section div.tabcontent div.serviceTickeMapping table tr td div {
                        padding-right: 8px;
                        table-layout: fixed;
                    }
                    #mappings-section div.tabs-section div.tabcontent div.serviceTickeMapping table tr.mappingRow td div:nth-child(even) {
                        flex: 1;
                        overflow:hidden
                    }
                    #mappings-section div.tabs-section div.tabcontent div.serviceTickeMapping table tr td .serviceTicketMappingAction {
                        margin-left: auto;
                    }

                    #mappings-section div.tabs-section div.tabcontent div.serviceTickeMapping table tr td div.assignedServiceTicketMapping {
                        font-weight: bold;
                        font-style: italic;
                    }

                    #mappings-section div.tabs-section div.tabcontent div.serviceTickeMapping table tr td div.defaultMappingSelect ~ div {
                        margin: 0px 8px;
                    }

                    #mappings-section div.tabs-section div.tabcontent div.serviceTickeMapping table tr td.hover {
                        border-bottom: 1px solid black;
                    }