﻿
/* GENERAL */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 11px;
    color: rgb(68, 68, 102);
    background: rgb(245,245,245);
    z-index: 0;
}

a {
    text-decoration: none;
    color: rgb(68, 68, 102);
}

img {
    border: none;
}


a:hover {
    background: #e7e9dd;
}

ul, li {
    margin: 0;
    padding: 0;
}


.smalllist tbody tr td label {
    font-size: 9px;
}

.smalllist tbody tr td {
    min-width: 60px;
}


.displaynone {
    display: none;
}

.rawWindow {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
}

.newf {
    font-size: 7px;
    color: #fff;
    background-color: #d15c5c;
    border: 1px solid #b43535;
    padding: 1px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 2px;
}

/* Default containter. */
.container {
    margin: 0 auto;
    height: 100%;
/*    width: 984px;*/
}

.container, body, #header, #nav, #navMenu, #subnav, #content, #footer {
/*    min-width: 984px;*/
}

/* HEADER */

#header {
    height: 80px;
}

#header-title {
    float: left;
    margin-top: 14px;
    margin-left: 10px;
    z-index: 1;
}

    #header-title a:hover {
        background: none;
    }

#header-admin-account {
    display: inline-block;
    float: right;
    font: 11px sans-serif;
    margin: 0px 0px 5px;
    padding-left: 10px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    padding-left: 10px;
    color: rgb(201, 199, 199);
}

    #header-admin-account li {
        display: inline-block;
        list-style-type: none;
    }

    #header-admin-account a {
        display: inline-block;
        padding: 14px 16px;
    }

        #header-admin-account a:hover {
            background-color: #FFF;
            color: #666;
        }

    #header-admin-account, #header-admin-account a {
        color: rgb(201, 199, 199);
    }


/* NAVIGATION BAR */
#navMenu {
    list-style: none;
    display: inline-block;
    font: 12px sans-serif;
}

    #navMenu > li {
        display: inline-block;
        float: none;
        vertical-align: bottom;
    }

    #navMenu a {
        display: block;
        padding: 11px 13px;
        color: #223;
        background: #fff;
        text-decoration: none;
        text-transform: capitalize;
    }

    #navMenu ul li a {
        display: block;
        padding: 9px 10px;
        color: #223;
        background: #fff;
        text-decoration: none;
        text-transform: capitalize;
        font-size: 11px;
    }

    #navMenu > li > a {
        border-top: 1px solid rgb(245,245,245);
        text-align: center;
        background: none;
        font: 12px sans-serif;
        border-bottom: 0px solid transparent;
        padding: 13px 25px 12px 25px;
        margin-right: -3px;
        width: 89px;
        border-left: 1px solid rgb(245,245,245);
        border-right: 1px solid transparent;
        color: rgb(68, 68, 102);
        -moz-transition: ease-out 0.3s;
        -o-transition: ease-out 0.3s;
        -webkit-transition: ease-out 0.3s;
        transition: ease-out 0.3s;
        min-height: 15px;
    }

    #navMenu > li.activeTab > a {
        border-top: 1px solid rgb(221,221,221);
        border-left: 1px solid rgb(221,221,221);
        border-right: 1px solid rgb(221,221,221);
    }

    #navMenu > li > a > span {
        -moz-transition: ease-out 0.3s;
        -o-transition: ease-out 0.3s;
        -webkit-transition: ease-out 0.3s;
        transition: ease-out 0.3s;
    }

    #navMenu > li:hover > a {
        color: #9f9f9f;
    }

        #navMenu > li:hover > a > span {
            display: none;
        }

    #navMenu > li:last-child > a {
    }

    #navMenu img {
        vertical-align: text-bottom;
    }

    #navMenu ul li:last-child, #navMenu ul li:last-child > a, #navMenu ul {
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        border-bottom-right-radius: 3px;
    }

    #navMenu > li.activeTab > a {
        /*border-bottom-color: #8fba00;*/
        background-color: #fff;
    }

    /*--- DROPDOWN ---*/
    #navMenu li ul {
        list-style: none;
        position: absolute;
        display: none; /* Hide off-screen when not needed (this is more accessible than display:none;) */
        border: 1px solid rgb(221,221,221);
        border-top-width: 0px;
        margin-left: -1px;
        margin-top: -1px;
        width: 141px;
    }

    #navMenu li.activeTab ul {
        margin-left: 0;
        max-width: 139px;
    }

li:last-child#navMenu ul {
    right: 61px;
}

#navMenu ul li {
    float: none;
}

#navMenu ul a {
    white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}

#navMenu li:hover ul {
    display: block;
    z-index: 4;
    background-color: rgb(245,245,245);
    -webkit-box-shadow: 5px 6px 19px -6px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 5px 6px 19px -6px rgba(0, 0, 0, 0.38);
    box-shadow: 5px 6px 19px -6px rgba(0, 0, 0, 0.38);
    width: 139px;
}

#navMenu li.activeTab:hover ul {
    background-color: #fff;
}

#navMenu li:hover a, #navMenu li:hover ul li a:hover {
    background: rgb(245,245,245);
    border-bottom-color: rgb(245,245,245);
}

#navMenu li.activeTab:hover a, #navMenu li.activeTab:hover ul li.activeTab a:hover {
    background-color: #fff;
    border-bottom-color: #fff;
}

#navMenu li:hover {
}

#navMenu li ul li:hover {
}

#navMenu li:hover ul a {
    text-decoration: none;
    background: none;
    color: #223;
}

#navMenu li:hover ul li a:hover {
    background: rgb(230, 230, 230);
}

#navMenu li.activeTab:hover ul li a:hover {
    background-color: #f0f0f0;
}

/* SUB - NAVIGATION BAR */

#sub-nav {
    /*border-top: 1px solid rgb(221,221,221);*/
    border-bottom: 1px solid rgb(221,221,221);
    height: 40px;
    background-color: rgb(245,245,245);
    z-index: 2;
}


/* CONTENT */

#content {
    min-height: 320px;
    background-color: white;
    z-index: 2;
    padding-top: 5px;
}

    #content .container {
        width: 964px;
        padding-bottom: 20px;
    }

    #content a {
        padding: 1px;
    }

    #content .content-header {
        border-bottom: 1px solid rgb(221,221,221);
        display: block;
        font: 28px "Lucida Sans Unicode", Helvetica;
        height: 74px;
        margin-bottom: 30px;
        position: relative;
        -webkit-box-shadow: inset 0px -8px 3px -8px rgba(221, 221, 221, 0.5);
        box-shadow: inset 0px -8px 3px -8px rgba(221, 221, 221, 0.5);
    }

    #content .contentHeaderVerticalAligned {
        margin-top: 17px;
        text-transform: capitalize;
    }

    #content .contentIconVerticalAligned, #content .contentHeaderVerticalAligned {
        float: left;
        margin-left: 10px;
    }

    #content .contentIconVerticalAligned {
        margin-top: 3px;
    }

    #content .rightSubmenu {
        list-style: none;
        margin: -23px -16px;
        font-size: 11px;
        display: block;
        float: none !important;
    }

#MainContent_rightSubMenu {
    float: none !important;
}

#content .rightSubmenu ul, #content .rightSubmenu li {
    display: block;
}

#content .rightSubmenu a {
    display: block;
    padding: 12px 10px;
    border-top: 1px solid rgb(221, 221, 221);
}

#header-admin-account a:hover, #content .rightSubmenu a, #navMenu a, #navMenu > li.activeTab li:first-child, #navMenu > li.activeTab li:first-child > a, #navMenu > li.activeTab li:last-child, #navMenu > li.activeTab li:last-child > a {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

    #content .rightSubmenu a:hover {
        background: #8fba00;
        color: #fff;
        text-shadow: none;
    }

.mlHeader {
    font-size: 12px;
    color: #223;
    font-weight: lighter;
    padding: 8px 16px;
    /* margin: -10px -16px 0px; */
    /* border-bottom: 1px solid rgb(221,221,221); */
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    font-weight: bold;
    margin-top: 3px;
}

/* FOOTER */

#footer {
    text-align: right;
    font-size: 10px;
    font-family: Sans-Serif;
    padding: 36px 0px;
    border-top: 1px solid rgb(221,221,221);
    z-index: 1;
}

    #footer li {
        display: inline-block;
        text-decoration: none;
        margin: 5px 2px;
    }

    #footer a {
        padding: 3px;
    }



/* MISC */

.window {
    margin: 0px 0px 50px;
}

.plain-message-error, .plain-message-warn, .plain-message-info, .plain-message-success {
    margin: 0px 0px 30px;
}

.window, .plain-message-error, .plain-message-warn, .plain-message-info, .plain-message-success {
    min-width: 96px;
    min-height: 40px;
    padding: 0px;
    width: 100%;
}

.window-title {
    border-bottom: 1px solid rgb(221,221,221);
    display: block;
    font-size: 15px;
    font-family: Arial, Helvetica;
    height: 34px;
    line-height: 2.1em;
    padding-left: 8px;
}

.window-content {
    display: block;
    border-bottom: 1px solid rgb(221,221,221);
    border-top: 0px;
    padding: 10px 16px;
}

    .window-content p, .window-content .wizardSectionContent {
        line-height: 1.5em;
    }

    .window-content a:hover img, .window-content a:hover {
        border: 0px;
        background: none;
    }

.windowFooter, .windowFooterButtonsNormal {
    /*margin: 10px 16px;*/
    margin: 10px 5px 10px 5px;
    position: relative;
}

.windowFooter, .windowFooterNoStretch {
    min-height: 27px;
}

    .windowFooter .button, .windowFooterNoStretch .button {
        float: right;
        margin: 0px 0px 0px 3px;
        min-width: 26px;
    }


.smallfont {
    font-size: 9px;
}

.plain-message-content {
    overflow: auto;
}

.plain-message-error, .plain-message-warn, .plain-message-info, .plain-message-success {
    border-width: 2px 0px 0px;
    border-style: solid;
}

.plain-message-content {
    padding: 8px 10px 10px;
    display: block;
    font-size: 11px;
}

.plain-message-error a, .plain-message-warn a, .plain-message-info a, .plain-message-success a {
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

    .plain-message-error a:hover, .plain-message-warn a:hover, .plain-message-info a:hover, .plain-message-success a:hover {
        background: none;
    }

.plain-message-error {
    border-color: #e04444;
    background-color: rgb(255,245,245);
}

.plain-message-warn {
    border-color: #fab320;
    background: -webkit-linear-gradient(#fff8e8, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff8e8, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff8e8, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff8e8, #fff); /* Standard syntax */
}

.plain-message-info {
    border-color: rgba(245, 240, 141, 0.74);
    /*background-color: rgba(247, 244, 175, 0.52); */
    background: -webkit-linear-gradient(rgba(247, 244, 175, 0.52), #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(247, 244, 175, 0.52), #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(247, 244, 175, 0.52), #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(247, 244, 175, 0.52), #fff); /* Standard syntax */
}

.plain-message-success {
    border-color: #d1ee71;
    background: -webkit-linear-gradient(#f7fce5, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f7fce5, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f7fce5, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f7fce5, #fff); /* Standard syntax */
}

    .plain-message-error h1, .plain-message-warn h1, .plain-message-info h1, .plain-message-success h1 {
        margin: 0;
        display: block;
        font-size: 17px;
        font-weight: normal;
        font-family: Arial, Helvetica;
        text-transform: none;
        padding: 6px 9px 0px 9px;
    }

    .plain-message-error .button, .plain-message-warn .button, .plain-message-info .button, .plain-message-success .button {
        background: #fff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin-top: -8px;
    }

.plain-message-info .button {
    color: #8fba00;
}

    .plain-message-info .button:hover {
        background: #6c8c03;
    }

.plain-message-warn .button {
    color: #fab320;
}

    .plain-message-warn .button:hover {
        background: #fec;
    }

.plain-message-error .button {
    color: #e04444;
}

    .plain-message-error .button:hover {
        background: #fee;
    }

.window-content > .button, .plain-message-content .button {
    float: right;
}

.groupEditPointer {
    width: 14px;
    height: 12px;
    display: inline-block;
    border: solid rgb(224, 224, 224);
    border-width: 0px 0px 2px 2px;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 10px;
}

.button {
    border: 1px solid #757575;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    padding: 3px 5px 3px 3px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #FFFFFF;
    background-color: #87a131;
    min-width: 26px !important;
}

.button, .pageSubmenuItem,
.tabContainer .ajax__tab_header_verticalleft .ajax__tab_tab,
.wizardSideBar .wizardSideBarItem {
    transition: background-color .2s;
    -o-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -webkit-transition: background-color .2s;
}

    .button:hover {
        background-color: #8fba00;
        border-color: #4a4a4a;
    }

    .button:active {
        position: relative;
        top: 1px;
    }


textarea, .input, input[type='text'], input[type='password'] {
    border: 1px solid rgb(204, 204, 204);
    padding: 3px;
    margin: 0px;
    font-size: 11px;
    font-family: 'Open Sans', Arial, sans-serif;
    transition: border-color 0.4s;
    -o-transition: border-color 0.4s;
    -ms-transition: border-color 0.4s;
    -moz-transition: border-color 0.4s;
    -webkit-transition: border-color 0.4s;
}

    textarea:focus, .input:focus, input[type='text']:focus, input[type='password']:focus, textarea:hover, .input:hover, input[type='text']:hover, input[type='password']:hover {
        border-color: #8fba00 !important;
    }

select {
    font-size: 12px;
    border: 1px rgb(216, 216, 216);
    color: #666;
    background: #f6f6f6;
}

    select option {
        color: #666;
        background: #f6f6f6;
        padding: 2px 8px;
    }

.mGrid select, .vtable select, .htable select, .mGrid select option, .vtable select option, .htable select option {
    background-color: #f6f6f6;
    color: #666;
    border: 1px solid rgb(221,221,221);
}

.vtable-grey > tbody > tr > td {
    color: rgb(142, 142, 142) !important;
}

.vtable > tbody > tr:last-child > td.gridHeader, .headerEnd {
    border-bottom: 1px solid #e9e9e9 !important;
}


/* FORMS */
.form input[type='text'], .form input[type='password'] {
    display: inline;
}

.form button, .form input[type='button'], .form input[type='submit'] {
    padding: 5px;
}

.nobutton {
    background: #fff;
    font-size: 11px;
    padding: 1px;
    color: rgb(221,221,221);
    border: 0;
}

.formError, .formError2 {
    max-width: 300px;
    padding: 2px 10px 3px 8px;
    line-height: 1.6em;
    white-space: nowrap;
    overflow: hidden;
}

/*.formError:before {
        border-bottom: 9px solid transparent;
        border-right: 9px solid #E04444;
        border-top: 9px solid transparent;
        content: "";
        height: 0;
        margin: 0 0 0 -17px;
        position: absolute;
        width: 0;
        z-index: 0;
    }*/

.vtable span .formError, .htable span .formError {
    position: relative;
    top: 4px;
}

.formError, .formErrorFooterSummary, .formError2 {
    color: white;
    background-color: #e04444;
}

.formErrorFooterSummary {
    -moz-border-radius: 0px 0px 2px 2px;
    -webkit-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px;
    padding: 2px 8px 3px;
}

    .formError ul, .formErrorFooterSummary ul, .formError2 ul {
        list-style-type: disc;
        margin: 4px;
        margin-bottom: 2px;
        padding-left: 16px;
    }

.show_hide {
    display: none;
    color: #8fba00;
    font-size: 9px;
}

.show_hide2 {
    display: none;
    color: #8fba00;
    font-size: 9px;
}

.show_hide3 {
    display: none;
    color: #8fba00;
    font-size: 9px;
}

.slidingDiv {
    padding: 8px;
    margin-top: 2px;
    border-bottom: 1px solid #8fba00;
}

    .slidingDiv ul li {
        margin-top: 15px;
    }

.smallgreen {
    font-size: 9px;
    color: #bbb;
}

.slidingDiv2 {
    padding: 8px;
    margin-top: 2px;
    border-bottom: 1px solid #8fba00;
}

    .slidingDiv2 ul li {
        margin-top: 5px;
        font-size: 9px;
    }



.slidingDiv3 {
    padding: 8px;
    margin-top: 2px;
    border-bottom: 1px solid #8fba00;
}

    .slidingDiv3 ul li {
        margin-top: 5px;
        font-size: 9px;
    }


/* GRIDVIEW */
.mGrid {
    width: 100%;
    border: solid 0px #8fba00;
    border-collapse: collapse;
    z-index: 11;
}

    .mGrid td {
        padding: 3px 2px;
        border: solid 0px #c1c1c1;
    }

    .mGrid th, .htable th, .wizardHeader {
        color: #223;
        background: rgb(245,245,245);
        font-weight: bold;
    }

    .mGrid th, .htable th {
        /*padding: 8px 4px;*/
        padding: 4px 5px;
        border-bottom: 1px solid rgb(221,221,221);
    }

    .mGrid .alt, .vtable .alt, .htable .alt, .rlGrid li:nth-child(2n) table {
        background: rgb(245, 245, 245);
    }

    .mGrid .pgr {
        border: 0px;
        background-color: rgb(245,245,245);
        border-top: 1px solid rgb(221,221,221);
    }

BDBDBD .mGrid .pgr table {
    margin: 5px 0;
}



.mGrid .pgr td {
    padding: 0px;
    font-weight: bold;
    line-height: 12px;
}

    .mGrid .pgr td a, .mGrid .pgr td span {
        padding: 7px 14px 6px !important;
    }

.mGrid .pgr a {
    font-weight: lighter;
    text-decoration: none;
}

    .mGrid .pgr a:hover {
        background-color: rgb(221,221,221);
        text-decoration: none;
    }

.mGrid .ftr {
    background-color: rgb(245,245,245);
    color: #fff;
    font: 12px Lucida Sans Unicode;
}

    .mGrid .ftr .button, .mGrid .ftr select, .mGrid .ftr select option {
        background-color: #fff;
        color: rgb(34, 34, 51);
    }

        .mGrid .ftr .button:hover {
            background-color: #dee;
        }

.mGrid .button, .vtable .button, .htable .button, .smallButton.button {
    /*padding: 3px 8px;*/
    font-size: 11px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    min-width: 12px;
    min-height: 12px;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}



.mGrid .button, .vtable .button, .htable .button {
    float: right;
}

    .mGrid .button:hover, .vtable .button:hover, .htable .button:hover, .mGrid .ftr .button, .smallButton.button:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mGrid .button.imageButton, .vtable .button.imageButton, .htable .button.imageButton, .smallButton.button.imageButton {
        padding: 1px;
        min-width: 10px !important;
    }

    .mGrid .button.imageButton2, .vtable .button.imageButton2, .htable .button.imageButton2, .smallButton.button.imageButton2 {
        padding: 1px;
        min-width: 10px !important;
    }

.gridHeader, .vtable .gridHeader, .htable .gridHeader, .wizardHeader {
    text-align: left;
}

.table .imageButton {
    padding: 1px !important;
    min-width: 10px !important;
}

.gridHeader, .vtable .gridHeader, .htable .gridHeader {
    border-top: 0px;
    /*border-left: 1px solid rgb(221,221,221);
    border-right: 1px solid rgb(221,221,221);*/
}

    .gridHeader a {
        color: #223;
        text-decoration: none;
    }

        .gridHeader a:hover {
            background: none;
            text-decoration: none;
        }


.wizardHeader {
    border-bottom: 1px solid rgb(221,221,221);
}


/* Table with vertical or horizontal header */
.vtable, .htable {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse; /* border-spacing for IE lte 7 does not work, so we use border collapse */
}

    .vtable td, .htable td {
        border: inherit;
        line-height: 1.6em;
        margin: 0px;
        padding: 7px 10px;
        vertical-align: middle;
    }

        .vtable td ul, .htable td ul {
            padding-left: 16px;
        }

.vtableE {
}

    .vtableE td {
        line-height: 0.8em;
    }

        .vtableE td.multiline {
            line-height: 1.3em;
        }

.vtable .gridHeader, .vtable > tbody > tr > td:first-child {
    text-align: right;
}

.vtable .gridHeader, .htable .gridHeader, .vtable > tbody > tr > td:first-child {
    background: #f6f6f6;
    color: rgb(18,53,36);
    padding-right: 16px;
    padding-top: 7px;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

.vtable .gridHeader, .htable .gridHeader {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

.htable .gridHeader {
    border-top: 1px solid #e9e9e9;
}

.vtable > tbody > tr:last-child > td:first-child {
    border-bottom: 1px solid #e9e9e9;
}

.vtable > tbody > tr:first-child > td:first-child {
    border-top: 1px solid #e9e9e9;
}

.vtable > tbody > tr:first-child > td:not(:nth-child(2n)) {
    border-top: 1px solid #e9e9e9;
}


.stretchInsideWindow, .stretchInsideWindowNoFooter {
    /*margin: -10px -16px 10px;
    position: relative;*/
}

.stretchInsideWindowNoFooter {
    /*margin-bottom: -10px;*/
}

#createNewUpgradeForm .gridHeader {
    width: 234px;
}

.gridHeader, .gridHeader144 .gridHeader, .vtable > tbody > tr > td:first-child, .vtable > tbody > tr > th:first-child {
    width: 144px;
    min-width: 144px;
    max-width: 144px;
}

.vtableESmall > tbody > tr > td:first-child,
.vtableESmall > tbody > tr > th:first-child {
    width: auto;
    min-width: unset;
    max-width: unset;
}

.calendar {
    border: 0px none !important;
}

    .calendar a {
        display: block;
    }

    .calendar tr, .calendar td {
        border: 0px !important;
    }

        .calendar tr:first-child td:first-child {
            background: #8fba00 !important;
        }

        .calendar tr:first-child td:first-child {
            -moz-border-radius-topleft: 2px;
            -webkit-border-top-left-radius: 2px;
            border-top-left-radius: 2px;
        }

        .calendar tr:first-child td:last-child {
            -moz-border-radius-topright: 2px;
            -webkit-border-top-right-radius: 2px;
            border-top-right-radius: 2px;
        }

        .calendar tr:last-child td:first-child {
            -moz-border-radius-bottomleft: 2px;
            -webkit-border-bottom-left-radius: 2px;
            border-bottom-left-radius: 2px;
        }

        .calendar tr:last-child td:last-child {
            -moz-border-radius-bottomright: 2px;
            -webkit-border-bottom-right-radius: 2px;
            border-bottom-right-radius: 2px;
        }

    .calendar .gridHeader {
        background: none;
        border: 0px none !important;
        color: #fff;
        font-family: 'Open Sans', Arial, sans-serif;
        font-size: 11px;
    }

    .calendar .selectedDay {
        background: #8fba00 !important;
    }

.gridHeader, .wizardHeader {
}

    .gridHeader .plain-message-error, .gridHeader .plain-message-warn, .gridHeader .plain-message-info, .gridHeader .plain-message-success {
        margin: 0;
        padding-left: 0;
    }

        .gridHeader .plain-message-content, .gridHeader .plain-message-error h1, .gridHeader .plain-message-warn h1, .gridHeader .plain-message-info h1, .gridHeader .plain-message-success h1 {
            padding-right: 0;
            background: none;
        }

.pageSubmenu ul {
    float: right !important;
}

.pageSubmenuItem {
    background-color: #fff;
    border-radius: 3px !important;
    color: #767676;
    display: inline-block;
    margin: 0px;
    padding: 2px 14px !important;
    border: 1px solid #dddddd;
    font-size: 11px;
    margin-left: 3px;
}

    .pageSubmenuItem:hover {
        color: #161616;
        background-color: White;
    }

    .pageSubmenuItem.selected {
        color: #161616;
        background: none;
        border: 1px solid transparent;
        font-weight: bold;
        font-size: 14px;
    }

.pageSubmenu li:last-child .pageSubmenuItem {
}

    .pageSubmenu li:last-child .pageSubmenuItem.selected {
        border: 1px solid transparent;
    }

.pageSubmenu li:first-child .pageSubmenuItem.selected {
}

.pageSubmenuItem a:hover, .pageSubmenuItem a {
    background: none;
}

.pageSubmenu {
    font-size: 14px;
    font-family: 'Open Sans', Arial, sans-serif;
    list-style: none;
    float: right !important;
    position: relative;
    top: 1px;
    margin-left: 0;
}

/* NumericUpDownExtender style */
.numericUpDown {
    display: inline;
}

    .numericUpDown div:not([class*="minicolors"]) {
        padding-right: 16px !important;
    }

    .numericUpDown, .numericUpDown table, .numericUpDown tbody, .numericUpDown th, .numericUpDown tr, .numericUpDown td {
        border: 0px none;
        margin: 0px;
        padding: 0px;
        border-collapse: separate !important;
        font-size: 0px;
    }

        .numericUpDown input[type='button'], .numericUpDown2 input[type='button'] {
            margin-left: 2px;
            border: 0px none !important;
            background-color: #ababab;
            color: #fff;
            font-size: 3px;
        }

        /* Down button */
        .numericUpDown tr:last-child > td:first-child > input[type='button'] {
            padding-bottom: 6px;
        }

        .numericUpDown tr:last-child > td:first-child {
            vertical-align: top !important;
        }

            /* Both Up and Down button */
            .numericUpDown tr:last-child > td:first-child > input[type='button'], .numericUpDown tr:first-child > td:last-child > input[type='button'] {
                padding-left: 8px;
                padding-right: 8px;
                height: 14px !important;
            }

.numericUpDownLower {
    position: relative;
    bottom: -11px !important;
    margin-left: 3px;
}

.numericUpDownUpper {
    position: relative;
    bottom: 11px !important;
    /*margin-left: 3px;*/
}

.minicolors-grid .minicolors-picker div {
    padding-right: 0px !important;
}


/* Wizard */
.wizard {
    display: block;
}

.wizardHeader {
    padding: 8px 16px;
    margin: -10px -16px 0px;
    font-size: 13px;
}

p.wizardSectionHeader {
    font-size: 12px;
    font-weight: bold;
    line-height: 26px;
    margin-top: 15px;
    border-bottom: 1px solid rgb(221,221,221);
}

.wizardSectionContent {
    margin-left: 5px;
}

.wizardSideBar br {
    display: none; /* hack for DataList control (it renders unnecessary <br>s)*/
}

    .wizardSideBar br.clear {
        display: block; /* hack for hack for DataList control */
        clear: both;
    }

.wizardSideBar {
    display: block;
    float: left;
}

    .wizardSideBar .wizardSideBarItem, .wizardSideBar .wizardSideBarSelectedItem {
        text-indent: 12px;
    }



    .wizardSideBar .wizardSideBarItemCompleted {
        color: #223 !important;
    }

        .wizardSideBar .wizardSideBarItem:hover, .wizardSideBar .wizardSideBarItem a:hover,
        .wizardSideBar .wizardSideBarSelectedItem:hover, .wizardSideBar .wizardSideBarSelectedItem a:hover,
        .wizardSideBar .wizardSideBarItemCompleted:hover, .wizardSideBar .wizardSideBarItemCompleted a:hover {
            border-radius: 0px;
        }

/* Watermark extender */
.watermark {
    color: rgb(204,204,204);
    font-style: italic !important;
}

/* Calendar extender */
.popUpCalendar .ajax__calendar_container {
    background-color: #fff;
    padding: 0px;
    width: 170px;
    border: 1px solid rgb(221, 221, 221);
}

.popUpCalendar .ajax__calendar_header, .popUpCalendar .ajax__calendar_header:hover {
    border-top-left-radius: 6px !important;
    border-bottom: 1px solid #8fba00;
    color: #223;
    line-height: 2em;
    height: 22px;
    width: 170px;
}

.popUpCalendar .ajax__calendar_title {
    padding: 4px 0px 3px;
    font: normal 12px Arial;
}

.popUpCalendar .ajax__calendar_prev, .popUpCalendar .ajax__calendar_next {
    margin-top: 3px;
}

.popUpCalendar .ajax__calendar_dayname {
    margin-top: 2px;
    margin-bottom: 2px;
}

.popUpCalendar thead > tr > td {
    border-bottom: 1px solid rgb(221,221,221);
    background-color: rgb(245,245,245);
}

.popUpCalendar .ajax__calendar_day, .popUpCalendar .ajax__calendar_days tr td:first-child {
    text-align: center !important;
    height: 17px !important;
    min-width: 18px !important;
    width: 18px !important;
    max-width: 18px !important;
    padding: 1.5px 3px !important;
}

.popUpCalendar .ajax__calendar_days.ajax__calendar_today {
    border: 1px solid #8fba00 !important;
}

.popUpCalendar .ajax__calendar_today {
    padding-top: 0px !important;
}

.popUpCalendar .ajax__calendar_hover, .popUpCalendar .ajax__calendar_active {
    background: #8fba00;
    color: #fff;
}

.popUpCalendar .ajax__calendar_today, .popUpCalendar .ajax__calendar_hover, .popUpCalendar .ajax__calendar_active {
    border-radius: 3px 0px 3px 0px;
    -moz-border-radius: 3px 0px 3px 0px;
    -webkit-border-radius: 3px 0px 3px 0px;
}

.popUpCalendar .ajax__calendar_other {
    color: rgb(204,204,204);
}

.popUpCalendar tr:last-child {
    border-bottom: none !important;
}

.popUpCalendar .ajax__calendar_body, .popUpCalendar .ajax__calendar_days, .popUpCalendar .ajax__calendar_months, .popUpCalendar .ajax__calendar_years {
    width: 170px;
    height: 140px;
}

    .popUpCalendar .ajax__calendar_days tr:nth-child(2n+2), .popUpCalendar .ajax__calendar_months tr:nth-child(2n), .popUpCalendar .ajax__calendar_years tr:nth-child(2n) {
        background: rgb(245, 245, 245) !important;
    }

    .popUpCalendar .ajax__calendar_month, .popUpCalendar .ajax__calendar_months td, .popUpCalendar .ajax__calendar_months td:first-child, .ajax__calendar_year, .popUpCalendar .ajax__calendar_years td {
        min-width: 35px !important;
        width: 35px !important;
        max-width: 35px !important;
        padding: 0px 2px !important;
    }

.popUpCalendar .ajax__calendar_footer, .popUpCalendar .ajax__calendar_footer.ajax__calendar_today {
    border-width: 0px;
    border-top: 1px solid rgb(221, 221, 221) !important;
    border-bottom-right-radius: 6px;
    width: 170px;
    z-index: 17;
    padding: 4px 0px 3px;
}

.popUpCalendar table {
    width: 170px;
    z-index: 10;
}

/* Validator Callout Extender */
.validationHighlight {
    background-color: #e04444;
    color: rgb(232, 232, 232) !important;
}

.validationHighlight2 {
    background-color: #e04444;
    color: rgb(232, 232, 232) !important;
    padding: 4px;
    border: 1px solid #c32222;
}

.horizontalListWithGaps {
    list-style-type: none;
}

    .horizontalListWithGaps > li {
        margin-right: 30px;
        display: inline;
    }

.horizontalList {
    list-style-type: none;
}

    .horizontalList > li {
        display: inline-block;
    }

.inSpanList {
    margin-left: 10px;
    display: block;
}

.bannerFrame {
    border: 1px dashed rgb(204, 204, 204);
    text-align: center;
    line-height: 3em;
    display: inline-block;
    padding: 3px;
}

hr {
    height: 1px;
    margin: 5px 0px 20px;
    border: none;
    background-color: rgb(221,221,221);
}

.progressBar {
    background-color: rgb(245, 245, 245);
    height: 22px;
    border: 1px solid rgb(204, 204, 204);
}

    .progressBar > span {
        display: inline-block;
        height: 100%;
        text-align: center;
        white-space: nowrap;
        margin: -1px;
        border: 1px solid transparent;
        border-right-width: 0px;
    }

        .progressBar > span > span {
            margin: auto 10px;
        }

.orange > span {
    background-color: #aed62b;
    border-color: #8fba00;
}

.buttonUpDown .buttonUp {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 1.5px !important;
    padding-bottom: 0px !important;
}

.buttonUpDown .buttonDown {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-top: 0px !important;
    padding-bottom: 1.5px !important;
}


.buttonUpDown .buttonUp, .buttonUpDown .buttonDown {
    font-size: 6px;
    padding-left: 6px !important;
    padding-right: 6px !important;
    cursor: pointer;
}


/* Image buttons */

.payzaButton, .payPalButton, .libertyReserveButton, .addButton, .banButton, .deleteButton, .downButton, .editButton, .filterButton, .forwardButton, .moneyButton, .memberButton, .magnifierButton, .messageButton, .flagButton, .nextButton, .pauseButton, .playButton, .reloadButton, .returnButton, .rewindButton, .saveButton, .stopButton, .tickButton, .upButton {
    background-repeat: no-repeat !important;
}

    .addButton.withTextIndent, .deleteButton.withTextIndent, .banButton.withTextIndent, .banButton.withTextIndent, .downButton.withTextIndent, .filterButton.withTextIndent, .forwardButton.withTextIndent, .moneyButton.withTextIndent, .memberButton.withTextIndent,
    .magnifierButton.withTextIndent, .messageButton.withTextIndent, .nextButton.withTextIndent, .reloadButton.withTextIndent, .returnButton.withTextIndent, .rewindButton.withTextIndent, .saveButton.withTextIndent, .tickButton.withTextIndent, .upButton.withTextIndent,
    .payzaButton.withTextIndent, .libertyReserveButton.withTextIndent, .flagButton.withTextIndent, .pauseButton.withTextIndent, .playButton.withTextIndent, .stopButton.withTextIndent {
        background-position: 3px;
        text-indent: 20px;
    }

.addButton, .deleteButton, .banButton, .deleteButton, .downButton, .editButton, .filterButton, .flagButton, .forwardButton, .moneyButton, .memberButton, .magnifierButton, .messageButton, .nextButton, .pauseButton, .playButton, .reloadButton, .returnButton, .rewindButton, .saveButton, .stopButton, .tickButton, .upButton, .payzaButton, .libertyReserveButton {
    background-position: 4px 5px;
}

.mGrid .addButton, .mGrid .deleteButton, .mGrid .banButton, .mGrid .downButton, .mGrid .editButton, .mGrid .filterButton, .mGrid .forwardButton, .mGrid .moneyButton, .mGrid .memberButton, .mGrid .magnifierButton, .mGrid .messageButton, .mGrid .flagButton, .mGrid .reloadButton, .mGrid .returnButton, .mGrid .saveButton, .mGrid .tickButton, .mGrid .upButton, .mGrid .nextButton, .mGrid .pauseButton, .mGrid .playButton, .mGrid .rewindButton, .mGrid .stopButton,
.vtable .addButton, .vtable .deleteButton, .vtable .banButton, .vtable .downButton, .vtable .editButton, .vtable .filterButton, .vtable .forwardButton, .vtable .moneyButton, .vtable .memberButton, .vtable .magnifierButton, .vtable .messageButton, .vtable .flagButton, .vtable .reloadButton, .vtable .returnButton, .vtable .saveButton, .vtable .tickButton, .vtable .upButton, .vtable .nextButton, .vtable .pauseButton, .vtable .playButton, .vtable .rewindButton, .vtable .stopButton,
.htable .addButton, .htable .deleteButton, .htable .banButton, .htable .downButton, .htable .editButton, .htable .filterButton, .htable .forwardButton, .htable .moneyButton, .htable .memberButton, .htable .magnifierButton, .htable .messageButton, .htable .flagButton, .htable .reloadButton, .htable .returnButton, .htable .saveButton, .htable .tickButton, .htable .upButton, .htable .nextButton, .htable .pauseButton, .htable .playButton, .htable .rewindButton, .htable .stopButton {
    background-repeat: no-repeat;
}

.addButton {
    background-image: url(/images/acp/add_16.png) !important;
}

.banButton,
.deleteButton {
    background-image: url(/images/acp/delete_16.png) !important;
}

.downButton {
    background-image: url(/images/acp/down_16.png) !important;
}

.editButton {
    background-image: url(/images/acp/edit_16.png) !important;
}

.filterButton {
    background-image: url(/images/acp/filter_16.png) !important;
}

.flagButton {
    background-image: url(/images/acp/flag_16.png) !important;
}

.forwardButton {
    background-image: url(/images/acp/forward_16.png) !important;
}

.moneyButton {
    background-image: url(/images/acp/money_16.png) !important;
}

.memberButton {
    background-image: url(/images/acp/member_16.png) !important;
}

.magnifierButton {
    background-image: url(/images/acp/magnifier_16.png) !important;
}

.messageButton {
    background-image: url(/images/acp/message_16.png) !important;
}

.nextButton {
    background-image: url(/images/acp/next_16.png) !important;
}

.pauseButton {
    background-image: url(/images/acp/pause_16.png) !important;
}

.playButton {
    background-image: url(/images/acp/play_16.png) !important;
}

.reloadButton {
    background-image: url(/images/acp/reload_16.png) !important;
}

.returnButton {
    background-image: url(/images/acp/return_16.png) !important;
}

.rewindButton {
    background-image: url(/images/acp/rewind_16.png) !important;
}

.saveButton {
    background-image: url(/images/acp/save_16.png) !important;
}

.stopButton {
    background-image: url(/images/acp/stop_16.png) !important;
}

.tickButton {
    background-image: url(/images/acp/tick_16.png) !important;
}

.upButton {
    background-image: url(/images/acp/up_16.png) !important;
}

.payzaButton {
    text-indent: 18px;
    background-image: url(/images/acp/payza_16.png) !important;
    background-position: 12px 7px;
}

.payPalButton {
    text-indent: 52px;
    background-image: url(/images/acp/pay_pal_48.png);
    background-position: 12px -7px;
}

.libertyReserveButton {
    text-indent: 18px;
    background-image: url(/images/acp/liberty_reserve2_16.png);
    background-position: 12px 7px;
}


/* Popups */

.popUpButton {
    display: inline-block;
    min-width: 10px;
    min-height: 10px;
}

    .popUpButton .popUpContent {
        display: none;
    }

.pupUpContent {
    position: absolute;
    z-index: 12;
}

.popUpButton:hover .popUpContent {
    display: block;
}

.popUpButton.infoButton {
    background: url(../Images/acp/info_10.png) no-repeat 0px 0px;
}

    .popUpButton.infoButton:hover {
        background-image: url(../Images/acp/info_10_blue.png);
    }

.infoButton .popUpContent, .infoContent, .gridHeader .infoButton .popUpContent {
    font: normal 11px sans-serif;
    padding: 6px 10px;
    border: 1px solid #FFF700;
    background-color: #FFFFCC;
    min-width: 330px;
    line-height: 1.8em;
    color: #223;
    text-align: left;
}

.infoButton .popUpContent {
    position: absolute;
    margin-left: 16px;
    z-index: 12;
}

.wizardSectionHeader .infoButton, .gridHeader .infoButton {
    position: relative;
    top: 1px;
}

    .gridHeader .infoButton .popUpContent {
        text-transform: none;
    }

.popUpButton .popUpContent .popUpFooter {
    display: block;
    font-size: 9px;
    font-style: italic;
    margin-top: 8px;
}


/*Tab container*/
.tabContainer {
    /*margin-top: -30px;*/
}



    .tabContainer .ajax__tab_body_verticalleft, .wizardBody {
        padding-left: 10px;
        /*border-left: 1px solid rgb(221,221,221);*/
    }

    .tabContainer .ajax__tab_header_verticalleft, .tabContainer .ajax__tab_body_verticalleft, .wizardSideBar, .wizardBody {
        width: 720px;
    }

        .tabContainer .ajax__tab_header_verticalleft .ajax__tab_tab,
        .wizardSideBar .wizardSideBarItem {
            background-color: transparent;
        }

        .tabContainer .ajax__tab_header_verticalleft,
        .tabContainer .ajax__tab_header_verticalleft .ajax__tab_outer,
        .tabContainer .ajax__tab_header_verticalleft .ajax__tab_inner,
        .wizardSideBar, .wizardSideBar .wizardSideBarItem, .wizardSideBar .wizardSideBarSelectedItem {
            width: auto !important;
        }

.wizardBody {
    display: block;
    overflow: hidden;
    width: 80%;
}

.tabContainer .ajax__tab_header_verticalleft .ajax__tab_tab,
.wizardSideBar .wizardSideBarItem {
    color: rgb(148, 148, 148);
}


.tabContainer .ajax__tab_header_verticalleft .ajax__tab_tab,
.wizardSideBar .wizardSideBarItem,
.wizardSideBar .wizardSideBarSelectedItem {
    font: normal 13px sans-serif;
    line-height: 2.5em;
    display: inline;
    text-align: left;
    padding: 0px !important;
    display: block;
}

    .tabContainer .ajax__tab_header_verticalleft .ajax__tab_tab span,
    .wizardSideBar .wizardSideBarItem a, .wizardSideBar .wizardSideBarSelectedItem a {
        padding-left: 12px !important;
    }

    .tabContainer .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_inner a,
    .wizardSideBar .wizardSideBarItem:hover {
        border-radius: 0px;
    }

.tabContainer .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_tab,
.tabContainer .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_tab,
.tabContainer .ajax__tab_header_verticalleft .ajax__tab_active.ajax__tab_hover .ajax__tab_tab,
.wizardSideBar .wizardSideBarSelectedItem {
    color: #5C5C5C;
    font-weight: bold;
}

.wizardSideBar .wizardSideBarItemCompleted {
    background-image: url(../Images/acp/tick_black_12.png);
    background-color: transparent;
}

.tabContainer .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_tab,
.tabContainer .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_tab,
.tabContainer .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_tab,
.wizardSideBar .wizardSideBarSelectedItem,
.wizardSideBar .wizardSideBarItemCompleted {
    background-repeat: no-repeat;
    background-position: 192px 11px;
}


.membershipColorPallete option {
    background-color: #ffffff !important;
}

    .membershipColorPallete option:nth-child(1),
    .membershipColorPallete tr:nth-child(1) td:nth-child(1) label {
        color: #000000;
    }

    .membershipColorPallete option:nth-child(2),
    .membershipColorPallete tr:nth-child(2) td:nth-child(1) label {
        color: #00A0B1;
    }

    .membershipColorPallete option:nth-child(3),
    .membershipColorPallete tr:nth-child(3) td:nth-child(1) label {
        color: #2E8DEF;
    }

    .membershipColorPallete option:nth-child(4),
    .membershipColorPallete tr:nth-child(1) td:nth-child(2) label {
        color: #A700AE;
    }

    .membershipColorPallete option:nth-child(5),
    .membershipColorPallete tr:nth-child(2) td:nth-child(2) label {
        color: #643EBF;
    }

    .membershipColorPallete option:nth-child(6),
    .membershipColorPallete tr:nth-child(3) td:nth-child(2) label {
        color: #BF1E4B;
    }

    .membershipColorPallete option:nth-child(7),
    .membershipColorPallete tr:nth-child(1) td:nth-child(3) label {
        color: #DC572E;
    }

    .membershipColorPallete option:nth-child(8),
    .membershipColorPallete tr:nth-child(2) td:nth-child(3) label {
        color: #00A600;
    }

    .membershipColorPallete option:nth-child(9),
    .membershipColorPallete tr:nth-child(3) td:nth-child(3) label {
        color: #0A5BC4;
    }

table.membershipColorPallete {
    border-spacing: 0;
    border-collapse: collapse;
    display: inline-block;
}

.membershipColorPallete td {
    width: 100px;
}

.membershipColorPallete td, .membershipColorPallete th {
    padding: 0px;
}

.membershipColorPallete label {
    padding: 16px 4px;
    display: block;
}

.selectList label {
    padding: 16px 4px;
    display: inline-block;
}

.membershipColorPallete td label, .selectList label {
    text-transform: lowercase;
    text-align: center;
}

.membershipColorPallete input[type="radio"], .selectList input[type="radio"] {
    display: none;
}

    .membershipColorPallete input[type="radio"]:checked + label, .selectList input[type="radio"]:checked + label {
        background-color: rgb(221,221,221) !important;
    }

    .membershipColorPallete input[type="radio"]:hover + label, .selectList input[type="radio"]:hover + label {
        background-color: rgb(245,245,245);
    }

/*Real misc*/
.noBullets li {
    list-style-type: none;
}

.clearFloat {
    float: none !important;
}


.rednumber {
    font-size: 10px;
    color: white;
    padding: 1px 2px;
    margin-left: 2px;
    vertical-align: 10%;
    background-color: #b8d559;
    border: 1px solid #808080;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.titab {
    border: 0;
    width: 20px;
    float: left;
    height: 20px;
    background-color: #666666;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    margin: 5px;
    margin-bottom: 0px;
}

.titab1 {
    background-image: url(../Images/OneSite/down_1.png) !important;
}

.titab2 {
    background-image: url(../Images/OneSite/down_2.png) !important;
}

.titab3 {
    background-image: url(../Images/OneSite/up_1.png) !important;
}

.titab4 {
    background-image: url(../Images/OneSite/up_2.png) !important;
}


.rednumbersub {
    background-color: #d0e197;
    border: 1px solid #bfd089;
}

.myul {
    padding-left: 15px;
}

    .myul li {
        padding: 0 0 0 21px;
        min-height: 30px;
        color: #5d5d5d;
        text-decoration: none;
    }


.vtable input {
    font-size: 11px;
}

.vtable textarea {
    font-size: 11px;
}

.textGreen {
    color: green;
}

.textOrange {
    color: orange;
}

.textRed {
    color: red;
}

.whitebutton, .whitebutton2 {
    font-size: 10px;
    padding: 4px;
    background-color: #f3f3f3;
    color: #223;
    border: 1px solid rgb(221,221,221);
}

.whitebutton2 {
    color: rgb(201, 199, 199);
}

.simpleRBL td {
    padding: 0px;
    padding-left: 0px;
}

.simpleRBL {
}


.rawGridView th {
    padding: 0;
    border-bottom: 0;
    background: none;
    background-color: none;
    font-weight: bold;
}

.rawGridView tr.gridHeader {
    border: 0;
}

.smallCHBL td {
    padding: 0;
    font-size: smaller;
}

.smallCHBL {
    width: 650px;
}

.small-table tr:not(.gridHeader) td {
    font-size: 11px !important;
}

.RefreshButton {
    height: 20px;
    width: 20px;
    float: right;
    /* position: absolute; */
    margin-top: -10px;
    right: 0;
    margin-right: 5px;
    margin-bottom: 5px;
}


/*Support Tickets*/
.supportAdminTicket {
    width: 600px;
    border-collapse: separate;
    border-spacing: 5px;
}


    .supportAdminTicket tr td:first-child {
        width: 30%;
    }

    .supportAdminTicket tr td:last-child {
        width: 70%;
        border: 1px solid #DCDCDC;
        background-color: #fefefe;
        vertical-align: top;
    }

    .supportAdminTicket td {
        padding: 5px;
    }

    .supportAdminTicket img {
        height: 40px;
        width: 40px;
        border-width: 0px;
        border-radius: 50%;
        border-color: #adadad;
    }

    .supportAdminTicket .supportTicket-admin {
        color: #be0707;
        font-weight: bold;
    }

    .supportAdminTicket .supportTicket-date {
        font-style: italic;
        font-size: 10px;
    }

/*Lock Points Table*/

.vtable tr td .lockDaysTd {
    width: 50px;
}

.blackRefresh {
    display: block;
    position: absolute;
    width: 890px;
    height: 520px;
    background-color: black;
    border-radius: 10px;
    z-index: 1001;
    -moz-opacity: 0.2;
    opacity: .20;
    filter: alpha(opacity=20);
}

.refreshBlack {
    position: absolute;
    top: 44%;
    left: 49%;
}

.tableHeaderBold {
    font-weight: bold;
    font-size: 16px;
}

.inlineCheckBox {
    vertical-align: 2px;
}

    .inlineCheckBox label {
        padding: 0;
        padding-left: 3px;
        text-transform: none;
    }

.smallCell {
    max-width: 80px;
    overflow: hidden;
}

/*Power Pack Table*/

.packTable {
    width: 31%;
    text-align: center;
    background-color: rgb(255, 255, 255);
    border: 1px solid #d4cece;
    border-radius: 10px;
    border-collapse: separate;
    color: #3cccce;
    display: inline-block;
    height: 250px;
    margin: 6px;
}

    .packTable h3, a {
        color: #3cccce;
    }

    .packTable h1 {
        color: #3cccce;
    }

    .packTable .detailsBtn {
        color: #6f807c !important;
        background-color: rgb(238, 238, 238);
        border-color: #bababa;
    }

        .packTable .detailsBtn:hover, .detailsBtn:active {
            background-color: rgb(206, 206, 206);
            border-color: #afafaf;
        }

    .packTable .buyBtn {
        color: #fff !important;
        background-color: #42ccce;
        border-color: #39c0c1;
    }

        .packTable .buyBtn:hover, buyBtn:active {
            background-color: #3fb5b7;
            border-color: #2ea6a7;
        }


.helpIcon {
    vertical-align: sub;
    opacity: 0.8;
}

    .helpIcon:hover {
        opacity: 1;
    }

.nohover {
    background: none !important;
}

.percentTextBox {
    width: 50px !important;
}

.processor-list {
    text-align: center;
}

    .processor-list img {
        padding-left: 30px;
    }

td.banner {
    max-width: 470px !important;
    overflow: scroll;
}

/*.module-body {
    overflow-x: auto;
}*/

.break-all {
    word-break: break-word;
}

.CoAdministratorPrivilegeTable input[type="checkbox"] {
    margin: 0 5px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-style: italic;
}

::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
}

:-ms-input-placeholder { /* IE 10+ */
    font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
}

/* tab fix */
.ajax__slider_h_rail {
    background-image: none !important;
}

.ajax__slider_v_rail {
    background-image: none !important;
}

.ajax__calendar_prev {
    background-image: none !important;
}

.ajax__calendar_next {
    background-image: none !important;
}

.ajax__dropdown_arrow_image {
    background-image: none !important;
}

.ajax__balloon_popup .rect {
    background-image: none !important;
}

.ajax__balloon_popup .cloud {
    background-image: none !important;
}

.ajax__tab_xp .ajax__tab_header {
    background-image: none !important;
}

    .ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_inner {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_outer {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_inner {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_tab {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
        background-image: none !important;
    }

.ajax__tab_xp .ajax__tab_header_verticalleft {
    background-image: none !important;
    width: 130px !important;
}

    .ajax__tab_xp .ajax__tab_header_verticalleft span {
        width: 130px !important;
        margin: 0 !important;
        height: auto !important;
    }

    .ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_outer {
        background-image: none !important;
        padding-right: 0;
    }

    .ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_inner {
        background-image: none !important;
        padding-left: 0 !important;
    }

    .ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_tab {
        /*background-image: none !important;*/
        background: #fff !important;
        border: 1px solid #dddddd;
        border-radius: 3px !important;
    }

    .ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_tab {
        background: transparent !important;
        border: transparent !important;
    }

    .ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_outer {
        background-image: none !important;
        padding-right: 0;
    }

    .ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_inner {
        background-image: none !important;
        padding-left: 0;
        font-weight: 400 !important;
    }

        .ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_inner a span {
            font-weight: 400 !important;
        }

    .ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_active.ajax__tab_hover .ajax__tab_inner a span {
        font-weight: 700 !important;
    }

    .ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_tab {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_outer {
        background-image: none !important;
        padding-right: 0;
    }

    .ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_inner {
        background-image: none !important;
        padding-left: 0;
    }

    .ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_active {
        /*background: #fff !important;
        border: 1px solid #dddddd;
        border-radius: 3px !important;*/
    }

        .ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_tab {
            background-image: none !important;
        }

.ajax__tab_xp .ajax__tab_header_verticalright {
    background-image: none !important;
}

    .ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_outer {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_inner {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_tab {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_hover .ajax__tab_outer {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_hover .ajax__tab_inner {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_hover .ajax__tab_tab {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_active .ajax__tab_outer {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_active .ajax__tab_inner {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_verticalright .ajax__tab_active .ajax__tab_tab {
        background-image: none !important;
    }

.ajax__tab_xp .ajax__tab_header_bottom {
    background-image: none !important;
}

    .ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_outer {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_inner {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_tab {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_hover .ajax__tab_outer {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_hover .ajax__tab_inner {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_hover .ajax__tab_tab {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_active .ajax__tab_outer {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_active .ajax__tab_inner {
        background-image: none !important;
    }

    .ajax__tab_xp .ajax__tab_header_bottom .ajax__tab_active .ajax__tab_tab {
        background-image: none !important;
    }

.ajax__multi_slider_default .outer_rail_vertical {
    background-image: none !important;
}

.ajax__multi_slider_default .inner_rail_vertical {
    background-image: none !important;
}

.ajax__multi_slider_default .inner_rail_horizontal {
    background-image: none !important;
}

.ajax__multi_slider_default .outer_rail_horizontal {
    background-image: none !important;
}

.ajax__multi_slider_default .handle_horizontal {
    background-image: none !important;
}

.ajax__multi_slider_default .handle_horizontal_hover {
    background-image: none !important;
}

.ajax__multi_slider_default .handle_horizontal_down {
    background-image: none !important;
}

.ajax__multi_slider_default .handle_vertical {
    background-image: none !important;
}

.ajax__multi_slider_default .handle_vertical_hover {
    background-image: none !important;
}

.ajax__multi_slider_default .handle_vertical_down {
    background-image: none !important;
}

.ajax__combobox_buttoncontainer button {
    background-image: none !important;
}

.ajax__htmleditor_attachedpopup_default td.ajax__htmleditor_popup_bgibutton {
    background-image: none !important;
}

.ajax__html_editor_extender_button {
    background-image: none !important;
}

.ajax__html_editor_extender_separator {
    background-image: none !important;
}

.ajax__tab_xp .ajax__tab_body_verticalleft {
    border: none !important;
    background: transparent !important;
    padding-top: 0 !important;
}

.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_outer {
    padding-right: 0px !important;
}

.tabContainer .ajax__tab_header_verticalleft .ajax__tab_tab span {
    font-size: 11px !important;
}

.numericUpDown input[type=button] {
    line-height: 3pt !important;
}

.numericUpDown tr:first-child td:last-child input[type=button] {
    border: 1px solid #fff !important;
}

.numericUpDown tr:last-child td:last-child input[type=button] {
    border: 1px solid #fff !important;
    padding-top: 3px;
}

.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_tab,
.ajax__tab_xp .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_tab {
    line-height: 26px !important;
    height: 26px !important
}

.module-head.module-toggle {
    background-image: none !important;
}

    .module-head.module-toggle:before {
        content: "\f054";
        font-family: 'FontAwesome';
        position: absolute;
        -webkit-transition: all .1s; /* Safari */
        transition: all .1s;
        margin-left: -5px;
    }

    .module-head.module-toggle.open:before {
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
        transform: rotate(90deg);
        margin-left: -7px;
    }

.btn-link-image {
    width: 16px;
    height: 16px;
    padding: 1px !important;
    background: transparent;
    margin-bottom: 3px !important;
}

    .btn-link-image:hover {
        background: transparent !important;
    }

.p-15 {
    padding: 15px !important;
}

.align-left {
    text-align: left !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

/*media queries*/
@media (max-width: 1200px) {
    .tabContainer .ajax__tab_header_verticalleft,
    .tabContainer .ajax__tab_body_verticalleft,
    .wizardSideBar,
    .wizardBody {
        width: 550px;
    }
}

input[type=submit][disabled=disabled].button {
    color: #888888;
    text-shadow: none;
    border-color: #888888;
}

    input[type=submit][disabled=disabled].button:hover {
        cursor: not-allowed;
        background-color: #eeeeee;
    }


.bodyclass-AdminPanel-News-ExternalArticles .input-prepend {
    display: table;
    width: 100%;
    margin: 0;
}

    .bodyclass-AdminPanel-News-ExternalArticles .input-prepend .add-on.input-group-addon {
        width: 1%;
        display: table-cell;
        padding: 4px;
        height: 20px !important;
    }

    .bodyclass-AdminPanel-News-ExternalArticles .input-prepend .form-control {
        width: 98%;
        display: table-cell;
        padding: 4px;
        height: 20px !important;
    }