html, body {
    font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    /*padding: 0;
    margin: 0;*/
    /*overflow: hidden;*/
    min-height: 240px;
    min-width: 340px;
}

.signin-wrapper {
    margin: 50px auto 0 auto;
    max-width: 400px;
}

.float-left {
    float: left;
    display: block;
}

.float-right {
    float: right;
    display: block;
}

.float-inline-left {
    float: left;
    display: inline-block;
}

.float-inline-right {
    float: right;
    display: inline-block;
}

.inline {
    display: inline-block;
}

.arrow {
    height: 18px;
    width: 18px;
    cursor: pointer;
    padding: 0;
    border-width: 0;
}

.title {
    float: left;
    padding: 1px 4px 2px;
    font-size: 2.2em;
}

.main-menu {
    /*float: right !important;
    margin: 8px 0 4px;*/
}

.grid,
.grid .dxgvHSDC,
.grid .dxgvCSD {
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
}

/* Header */
.dxpnl-edge.t.headerPane {
    background-color: #EDEDED;
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom-width: 5px;
}

    .dxpnl-edge.t.headerPane.panel {
        padding: 0;
    }

.headerMenu {
    border-width: 0 !important;
    border-top-width: 0px !important;
}

.expandedPanel {
    padding: 2px !important;
}

    .expandedPanel .headerMenu {
        border-top-width: 0 !important;
    }

    .expandedPanel .headerTop {
        display: none;
    }

.templateTitle {
    width: 100%;
    margin: 2px 12px 2px;
}

.dxpnl-edge.t.headerPane.bar .templateTitle {
    margin: 0;
}

/*.templateTitle a {
    text-decoration: none;
    /*font-size: x-large;*/
/*color: black;
}*/

.loginControl {
    float: right;
    margin: 24px 25px 12px;
    font-size: 12px;
}

    .loginControl a {
        color: black;
        text-decoration: none;
        border-bottom: dashed 1px black;
        display: inline-block;
    }


/* Footer */
/*.dxpnl-edge.b.footerPane {
    background-color: #EDEDED;
}

    .dxpnl-edge.b.footerPane.panel {
        padding: 0;
    }

.footerMenu {
    float: right;
    padding-top: 7px;
}*/

.copyright {
    float: left;
    display: block;
    margin: 100px 15px 11px;
}

.content {
    padding: 5px;
}

/* Account */
.form-field {
    margin-bottom: 8px;
}

/* Moderno */
.dxpnlControl_App360Moderno.dxpnl-edge.t.headerPane,
.dxpnlControl_App360Moderno .footerMenu li {
    background-color: White;
    /*color: Black;*/
}

.dxpnlControl_App360Moderno.headerPane .headerMenu .dxm-main {
    /*border-color: #d1d1d1;*/
    border-color: white;
    border-style: solid;
}

.dxpnlControl_App360Moderno.leftPane {
    padding: 0px;
}

    .dxpnlControl_App360Moderno.leftPane .dxnbLite_App360Moderno .dxnb-gr:first-child .dxnb-header,
    .dxpnlControl_App360Moderno.leftPane .dxnbLite_App360Moderno .dxnb-gr:first-child .dxnb-headerCollapsed {
        border-top: 0px;
    }


.dxpnlControl_App360Moderno .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_App360Moderno .loginControl a,
.dxpnlControl_App360Moderno .templateTitle a {
    /*font-size: 14px;
    color: #0072c6;
    border-color: #0072c6;
}

.dxpnlControl_App360Moderno .templateTitle a {
    /*font-size: 28px;*/
}

.dxpnlControl_App360Moderno .contentPane .dxgvControl_App360Moderno .dxgvTable_App360Moderno {
    border: 0 !important;
}

.dxpnlControl_App360Moderno .contentPane .dxgvControl_App360Moderno .dxgvHeader_App360Moderno {
    border-top: 0 !important;
}

.dxpnlControl_App360Moderno.dxpnl-edge.b.footerPane {
    background: #EDEDED;
}

/* MetropolisBlue */
/*.dxpnlControl_MetropolisBlue.dxpnl-edge.t.headerPane,
.dxpnlControl_MetropolisBlue .footerMenu li {
    background-color: White;
    color: Black;
}

.dxpnlControl_MetropolisBlue.rightPane {
    width: 400px;
}

.dxpnlControl_MetropolisBlue .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_MetropolisBlue .loginControl a,
.dxpnlControl_MetropolisBlue .templateTitle a {
    color: Black;
    border-color: Black;
}

.dxpnlControl_MetropolisBlue .templateTitle a {
    font-size: 28px;
}*/

.helpImage {
    width: 14px;
    height: 14px;
    padding-left: 5px;
}

.navImage {
    width: 12px;
    height: 12px;
    padding-left: 5px;
}

.frmCaptionCenter {
    text-align: center;
}

.altMenuPopOutImage {
    background: url('Images/sprite.png') no-repeat -287px -381px;
    width: 8px;
    height: 4px;
}

.altHoverMenuPopOutImage {
    background: url('Images/sprite.png') no-repeat -287px -391px;
    width: 8px;
    height: 4px;
}

.centerItems {
    margin: 0 auto;
}

.inlineButton {
    padding-right: 10px;
}

.Arizonia {
    font-family: 'Arizonia', cursive;
    font-size: 20px;
}

.DancingScript {
    font-family: 'Dancing Script', cursive;
    font-size: 20px;
}

.HomemadeApple {
    font-family: 'Homemade Apple', cursive;
    font-size: 20px;
}

.Meddon {
    font-family: 'Meddon', cursive;
    font-size: 20px;
}

.Kristi {
    font-family: 'Kristi', cursive;
    font-size: 20px;
}

.Pacifico {
    font-family: 'Pacifico', cursive;
    font-size: 20px;
}

.valContainer ul {
    height: 80px;
    -webkit-columns: 200px 2;
    -moz-columns: 200px 2;
    columns: 200px 2;
    list-style-position: inside;
}

.frm1024 {
    max-width: 1024px;
}
.frm825 {
    max-width: 825px;
    width: 100%;
}
/*.footer {
    max-width: 825px;
    position: fixed;
    bottom: 10px;
    width: 100%;
}*/
.dartImage {
    margin-left: auto;
    margin-right: auto;
    width: 400px;
}
.copyrightLabel{
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}
.centerPanel {
    margin-left: auto;
    margin-right: auto;
    max-width: 825px;
    width: 100%;
}