@font-face {
    font-family: NotoSans;
    src: url('fonts/notosans-regular-webfont.woff'), url('fonts/notosans-regular-webfont.eot');
}

/* ------------------------------------------------------------------------------- */
/*  REGION - Overriding common styles.css for new theme
*/

body,
html {
    font-family: NotoSans, "Open sans", Helvetica, Arial, sans-serif;
    color: #1a1a1a;
    font-size: 16px;
}

p,
.content p {
    font-size: 1em;
    margin-bottom: 10px;
}

a {
    color: #000080;
    text-decoration: none;
}

    a:visited {
        color: #000080;
    }

    a:hover {
        color: #1a1a1a;
        text-decoration: underline;
    }

label {
    color: #1a1a1a;
    white-space: pre-wrap;
}

    label.link:hover {
        color: #1a1a1a;
        text-decoration: underline;
    }

.headerShadow {
    z-index: 1040;
    box-shadow: 0px 2px 6px 0px #8c8a8a;
}

.divShadow {
    margin-top: 15vh;
    box-shadow: 0px 1px 8px 4px #cecfce;
    border-radius: 4px;
}

.branding-content {
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-top: 25px !important;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.branding {
    background: url(../../images/loginbg_Branding.png) no-repeat center center fixed;
    background-size: cover;
}


#header {
    height: 54px;
    line-height: normal;
}

    #header .brandSection span.product {
        font-weight: normal;
    }

    #header .navSection {
        font-weight: normal;
    }

        #header .navSection a,
        #header .navSection span {
            vertical-align: baseline;
        }

            #header .navSection a.navLink:hover {
                text-decoration: underline;
            }

.optionColor {
    border: solid 1px #1a1a1a;
}

#footer .productVersionBuild {
    color: #737373;
}

.welcome .firmName a {
    text-decoration: none
}

.welcome .welcomeMessage {
    text-align: left;
}

.box {
    font-weight: normal;
}

    .box.error .boxTitle {
        color: #1a1a1a;
    }

.sheetHeader {
    line-height: normal;
}

.tabOption {
    padding-bottom: 0;
}

.portalTab li a .inPlaceEditBox,
.portalTab li a.selected .inPlaceEditBox,
.tab li a .inPlaceEditBox,
.tab li a.selected .inPlaceEditBox {
    font-weight: normal;
}

.portalTab li a.selected .inPlaceEditBox,
.tab li a.selected .inPlaceEditBox,
.tab li a .inPlaceEditBox {
    color: #1a1a1a;
}

.barContainer .quickSearch {
    border-color: #e1e1f8;
    background-color: #e1e1f8;
}

    .barContainer .quickSearch input[type="text"]:disabled,
    .barContainer .quickSearch input[type="text"][disabled]
    /*ie7*/ {
        background-color: #e6e6e6;
    }

    .barContainer .quickSearch .search,
    .barContainer .quickSearch .disabledSearch {
        font-weight: normal;
        background-color: #e6e6e6 !important;
        color: #737373 !important;
        border: 1px #737373 solid;
    }

    .barContainer .quickSearch .disabledSearch {
        opacity: 0.2;
        cursor: not-allowed;
    }

    .barContainer .quickSearch button.search:hover {
        background-color: #3e9ece !important;
        text-decoration: underline;
        color: #ffffff !important;
    }

    .barContainer .quickSearch li.highlight {
        background-color: #c8c8f0;
        font-weight: normal;
    }

    .barContainer .quickSearch #lnkQuickSearch:hover {
        color: #000000;
    }

    .barContainer .quickSearch a.btnSavedSearches:hover {
        color: #1a1a1a;
        text-decoration: underline;
    }

.panelTitle {
    height: 26px;
}

.panelTitleText {
    font-weight: normal;
}

.pageNotificationBar {
    color: #000080;
}

.notificationHtml span {
    color: #1a1a1a;
    font-weight: normal;
}

.windowTitleText {
    font-size: medium;
    font-weight: normal;
}

.windowTitleTextNoIcon {
    font-size: medium;
    font-weight: normal;
}

.topicHeader {
    color: #ffffff;
    line-height: 1.3;
}

.grid .titleRow th a:hover {
    color: #6161be;
    text-decoration: underline;
}

.domTT {
    background-color: #ffffff;
    font-size: 90%;
    border: solid 1px #1a1a1a;
}

.messageInfoInformation {
    background-color: #ffffff;
    border: 1px solid #1a1a1a;
}

.messageInfoWaiting {
    border: 1px solid #1a1a1a;
}

.messageInfoError,
.messageInfoInternalError {
    border: #1a1a1a 1px solid;
}

#lblError .title {
    font-weight: normal;
}

#AlertInfo .generalDescription-bold {
    font-weight: 700;
}

#lblError .messageHyperLink {
    font-weight: normal;
    color: #000080;
}

#lblError .webPartTitle {
    font-weight: normal;
}

.wizardBody {
    font-family: NotoSans;
}

.verticalTrain .stepDone {
    font-weight: normal;
}

.sectionHeaderBar .sectionHeaderText {
    font-weight: normal;
}

.wizardInstruction .titleText {
    font-weight: normal
}

.wizardInstruction .titleText {
    font-weight: normal
}

body.dialogalert,
.dialogalert p,
.dialogalert div,
.dialogalert td {
    font-family: NotoSans;
    font-size: 80%;
}

a.alertbutton {
    background-color: #f7f7f7;
    border: 1px solid #efeffc;
    color: #1a1a1a;
}

    a.alertbutton:hover,
    a.alertbutton:link,
    a.alertbuttondisabled:link,
    a.alertbutton:visited {
        color: #1a1a1a;
    }

.mandatoryField {
    background-color: #bafaff;
}

.ui-widget {
    font-family: NotoSans, Verdana, Arial, Helvetica, sans-serif !important;
}

.ui-dialog-content ui-widget-content {
    font-family: NotoSans, Verdana, Arial, Helvetica, sans-serif !important;
}

.splitMultiDebtorErrorStyle {
    font-weight: normal;
}

.techdoc {
    background-color: #1a1a1a;
}

.lineStyle {
    background-color: #cacaf3;
}

span.title-clickable:hover {
    color: #1a1a1a;
    text-decoration: underline;
}

.WhatsDueCalendar {
    border: 1px solid #f7f7f7;
}

.WhatsDueCalendar-date {
    font-weight: normal;
}

.WhatsDueCalendar-count-events-weekday {
    background-color: #dbbd63;
    font-weight: normal;
}

.WhatsDueCalendar-count-events-weekend {
    background-color: #dbbd63;
    font-weight: normal;
}

.topicWebPanel .configFilter.toolbar.header {
    background: #f7f7f7 !important;
    padding-top: 10px;
}

.windowTitleIcon {
    top: 1px;
}

.topicIcon {
    margin-top: 1px;
}

.configFilter Label {
    font-weight: 400;
}

.topicWebPanel .configFilter.toolbar.header {
    background: #f7f7f7 !important;
}


/* END REGION */
/* ------------------------------------------------------------------------------- */
/* Purple scheme */

.Purple #header {
    background-image: linear-gradient(#d1c8db 0, #ffffff 30%);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#d1c8db', endcolorstr='#ffffff', gradienttype=0);
}

    .Purple #header .navSection {
        background: transparent url(img/Purple_topRightbg.gif) no-repeat;
    }

.Purple #footer {
    background-image: linear-gradient(#ffffff 0, #d1c8db 90%);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ffffff', endcolorstr='#d1c8db', gradienttype=0);
}

.Purple .shim {
    background-color: #4e2373;
    opacity: .6;
    filter: alpha(opacity=60);
}

.Purple .barContainer {
    background-color: #a991c1;
}

    .Purple .barContainer .quickSearch .option {
        background-color: #926cbc;
    }

    .Purple .barContainer .quickSearch .text {
        color: #ffffff;
    }

    .Purple .barContainer .quickSearch .option a {
        color: #ffffff;
    }

.Purple .portalTab li a.selected {
    background: #a991c1 url(img/tab/tabLeftOn.gif) 0 0 no-repeat;
}

    .portalTab a.selected, .portalTab a.selected .wrap, .portalTab a:hover.selected, .portalTab li a.selected .inPlaceEditBox, .Purple .portalTab a.selected, .Purple .portalTab a.selected .wrap, .Purple .portalTab a:hover.selected, .Purple .portalTab li a.selected .inPlaceEditBox {
        color: #ffffff;
    }

.Purple .panelTitle {
    background: transparent url(img/Purple_bg1.png) repeat-x bottom;
}

.Purple .leftPanelBar .container .link {
    background-color: #d1c8db;
}

    .Purple .leftPanelBar .container .link .text {
        color: #000000;
    }

.Purple .leftPanelBar ul.container .slide .link .text {
    color: #000000;
}

.Purple .xfop .grid .titleRow {
    color: #000000;
    background-color: #d1c8db;
}

.Purple .topicGroupNormalShade {
    background-color: #d1c8db;
}

.Purple .topicWebPanel, .Purple .topicHeader {
    background-color: #a991c1;
}

    .Purple .topicWebPanel .topicTitle .titleTextWithIcon, .Purple .topicWebPanel .topicTitle .titleText {
        color: #ffffff;
    }

.Purple .xfop .topicWebPanel .topicBody {
    border-left: solid 2px #dee0c0;
    border-right: solid 2px #dee0c0;
    border-bottom: solid 2px #dee0c0;
}

.Purple .xfop .topicWebPanel .topicBodyContainer {
    border-left: solid 2px #dee0c0;
    border-right: solid 2px #dee0c0;
    border-bottom: solid 2px #dee0c0;
}

.Purple .xfop .topicWebPanel .topicTitleBar, .Purple .xfop .topicWebPanel .topicTitleBarWithIcon {
    padding-top: 0;
    background-color: #a991c1;
    background: #a991c1 url(img/WebPanel/Purple_headerbg.png) repeat-x;
}

img.optionColor.Purple {
    background-color: #a991c1;
}

/* ------------------------------------------------------------------------------- */
/* Blue Scheme */

.Blue #header {
    background-image: linear-gradient(#e3e3e3 0, #ffffff 30%);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#e3e3e3', endcolorstr='#ffffff', gradienttype=0);
}

.Blue #footer {
    background-image: linear-gradient(#ffffff 0, #7fb2e7 90%);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ffffff', endcolorstr='#7fb2e7', gradienttype=0);
}

.Blue .shim {
    background-color: #7fb2e7;
    opacity: .6;
    filter: alpha(opacity=60);
}

.Blue .barContainer {
    background-color: #236fbd;
}

    .Blue .barContainer .quickSearch .option {
        background-color: #7fb2e7;
    }

        .Blue .barContainer .quickSearch .option a {
            color: #000000;
        }

    .Blue .barContainer .quickSearch .text {
        color: #ffffff;
    }

.Blue .portalTab li a.selected {
    background: #236fbd url(img/tab/tabLeftOn.gif) 0 0 no-repeat;
}

    .Blue .portalTab a.selected, .Blue .portalTab a.selected .wrap, .Blue .portalTab a:hover.selected, .Blue .portalTab li a.selected .inPlaceEditBox {
        color: #ffffff;
    }

.Blue .panelTitle {
    background: transparent url(img/Blue_bg1.png) repeat-x bottom;
}

.Blue .leftPanelBar .container .link {
    background-color: #236fbd;
}

    .Blue .leftPanelBar .container .link .text {
        color: #ffffff;
    }

.Blue .leftPanelBar ul.container .slide .link .text {
    color: #000000;
}

.Blue .xfop .grid .titleRow {
    color: #000000;
    background-color: #7fb2e7;
}

.Blue .topicGroupNormalShade {
    background-color: #236fbd;
}

.Blue .topicWebPanel, .Blue .topicHeader {
    background-color: #236fbd;
}

.Blue .xfop .topicWebPanel .topicBody {
    border-left: solid 2px #7fb2e7;
    border-right: solid 2px #7fb2e7;
    border-bottom: solid 2px #7fb2e7;
}

.Blue .xfop .topicWebPanel .topicBodyContainer {
    border-left: solid 2px #7fb2e7;
    border-right: solid 2px #7fb2e7;
    border-bottom: solid 2px #7fb2e7;
}

.Blue .xfop .topicWebPanel .topicTitleBar, .Blue .xfop .topicWebPanel .topicTitleBarWithIcon {
    padding-top: 0;
    background-color: #236fbd;
}

img.optionColor.Blue {
    background-color: #236fbd;
}

/* ------------------------------------------------------------------------------- */
/* Orange Scheme */

.Orange #header {
    background-image: linear-gradient(#ffd687 0, #ffffff 30%);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ffd687', endcolorstr='#ffffff', gradienttype=0);
}

    .Orange #header .navSection {
        background: transparent url(img/Orange_topRightbg.gif) no-repeat;
    }

.Orange #footer {
    background-image: linear-gradient(#ffffff 0, #ffd687 90%);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ffffff', endcolorstr='#ffd687', gradienttype=0);
}

.Orange .welcome table {
    background-image: linear-gradient(#bdcd8b 0, #ffffff 50%);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#bdcd8b', endcolorstr='#ffffff', gradienttype=0);
}

.Orange .shim {
    background-color: #e0891a;
    opacity: .9;
    filter: alpha(opacity=90);
}

.Orange .barContainer {
    background-color: #ffcf63;
}

    .Orange .barContainer .quickSearch .option {
        background-color: #e0891a;
    }

    .Orange .barContainer .quickSearch .text {
        color: #000000;
    }

    .Orange .barContainer .quickSearch .option a {
        color: #ffffff;
    }

.Orange .portalTab li a.selected {
    background: #ffcf63 url(img/tab/tabLeftOn.gif) 0 0 no-repeat;
}

    .Orange .portalTab a.selected, .Orange .portalTab a.selected .wrap, .Orange .portalTab a:hover.selected, .Orange .portalTab li a.selected .inPlaceEditBox {
        color: #000000;
    }

.Orange .panelTitle {
    background: transparent url(img/Orange_bg1.png) repeat-x bottom;
}

.Orange .leftPanelBar .container .link {
    background-color: #ffd687;
}

.Orange .xfop .grid .titleRow {
    color: #000000;
    background-color: #e0891a;
}

.Orange .topicTitleBar div.TopicMenuBarWebPanel a.menuButton, .Orange .topicTitleBar div.TopicMenuBarWebPanelOpen a.menuButton, .Orange .topicTitleBar div.TopicMenuBarWebPanelClose a.menuButton {
    color: #000000;
}

.Orange .titleRow a, .Orange .grid .titleRow.inTab a {
    color: #000000;
}

.Orange .topicGroupNormalShade {
    background-color: #ffd687;
}

.Orange .topicWebPanel, .Orange .topicHeader {
    background-color: #ffcf63;
    color: #000000;
}

.Orange .topicStandard .topicHeader label {
    color: #000000;
}

.Orange .topicWebPanel .topicTitle .titleTextWithIcon, .Orange .topicWebPanel .topicTitle .titleText {
    color: #000000;
}

.Orange .xfop .topicWebPanel .topicBody {
    border-left: solid 2px #e0891a;
    border-right: solid 2px #e0891a;
    border-bottom: solid 2px #e0891a;
}

.Orange .xfop .topicWebPanel .topicBodyContainer {
    border-left: solid 2px #e0891a;
    border-right: solid 2px #e0891a;
    border-bottom: solid 2px #e0891a;
}

.Orange .xfop .topicWebPanel .topicTitleBar, .Orange .xfop .topicWebPanel .topicTitleBarWithIcon {
    padding-top: 0;
    background-color: #ffcf63;
    background: #e0891a url(img/WebPanel/Orange_headerbg.png) repeat-x;
}

img.optionColor.Orange {
    background-color: #ffcf63;
}

/* ------------------------------------------------------------------------------- */
/* Green Scheme */

.Green #header {
    background-image: linear-gradient(#abc3a3 0, #ffffff 30%);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#abc3a3', endcolorstr='#ffffff', gradienttype=0);
}

.Green #footer {
    background-image: linear-gradient(#ffffff 0, #abc3a3 90%);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ffffff', endcolorstr='#abc3a3', gradienttype=0);
}

.Green .shim {
    background-color: #abc3a3;
    opacity: .9;
    filter: alpha(opacity=90);
}

.Green .barContainer {
    background-color: #638658;
}

    .Green .barContainer .quickSearch .option {
        background-color: #abc3a3;
    }

    .Green .barContainer .quickSearch .text {
        color: #ffffff;
    }

    .Green .barContainer .quickSearch .option a {
        color: #ffffff;
    }

.Green .portalTab li a.selected {
    background: #638658 url(img/tab/tabLeftOn.gif) 0 0 no-repeat;
}

    .Green .portalTab a.selected, .Green .portalTab a.selected .wrap, .Green .portalTab a:hover.selected, .Green .portalTab li a.selected .inPlaceEditBox {
        color: #ffffff;
    }

.Green .panelTitle {
    background: transparent url(img/Green_bg1.png) repeat-x bottom;
}

.Green .leftPanelBar .container .link {
    background-color: #638658;
}

    .Green .leftPanelBar .container .link .text {
        color: #ffffff;
    }

.Green .leftPanelBar ul.container .slide .link .text {
    color: #000000;
}

.Green .xfop .grid .titleRow {
    color: #ffffff;
    background-color: #abc3a3;
}

.Green .topicGroupNormalShade {
    background-color: #abc3a3;
}

.Green .topicWebPanel, .Green .topicHeader {
    background-color: #638658;
}

.Green .xfop .topicWebPanel .topicBody {
    border-left: solid 2px #abc3a3;
    border-right: solid 2px #abc3a3;
    border-bottom: solid 2px #abc3a3;
}

.Green .xfop .topicWebPanel .topicBodyContainer {
    border-left: solid 2px #abc3a3;
    border-right: solid 2px #abc3a3;
    border-bottom: solid 2px #abc3a3;
}

.Green .xfop .topicWebPanel .topicTitleBar, .Green .xfop .topicWebPanel .topicTitleBarWithIcon {
    padding-top: 0;
    background-color: #638658;
    background: #638658 url(img/WebPanel/Green_headerbg.png) repeat-x;
}

img.optionColor.Green {
    background-color: #638658;
}

/* ------------------------------------------------------------------------------- */
/* Maroon Scheme */

.Maroon #header {
    background-image: linear-gradient(#d19e95 0, $white 30%);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#d19e95', endcolorstr='$white', gradienttype=0);
}

.Maroon #footer {
    background-image: linear-gradient($white 0, #d19e95 90%);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='$white', endcolorstr='#d19e95', gradienttype=0);
}

.Maroon .shim {
    background-color: #d19e95;
    opacity: .9;
    filter: alpha(opacity=90);
}

.Maroon .barContainer {
    background-color: #a55647;
}

    .Maroon .barContainer .quickSearch .option {
        background-color: #d19e95;
    }

    .Maroon .barContainer .quickSearch .text {
        color: $white;
    }

    .Maroon .barContainer .quickSearch .option a {
        color: $black;
    }

.Maroon .portalTab li a.selected {
    background: #a55647 url(img/tab/tabLeftOn.gif) 0 0 no-repeat;
}

    .Maroon .portalTab a.selected, .Maroon .portalTab a.selected .wrap, .Maroon .portalTab a:hover.selected, .Maroon .portalTab li a.selected .inPlaceEditBox {
        color: $white;
    }

.Maroon .panelTitle {
    background: transparent url(img/Maroon_bg1.png) repeat-x bottom;
}

.Maroon .leftPanelBar .container .link {
    background-color: #a55647;
}

    .Maroon .leftPanelBar .container .link .text {
        color: $white;
    }

.Maroon .leftPanelBar ul.container .slide .link .text {
    color: $black;
}

.Maroon .xfop .grid .titleRow {
    color: $white;
    background-color: #d19e95;
}

.Maroon .topicGroupNormalShade {
    background-color: #d19e95;
}

.Maroon .topicWebPanel, .Maroon .topicHeader {
    background-color: #a55647;
}

.Maroon .xfop .topicWebPanel .topicBody {
    border-left: solid 2px #d19e95;
    border-right: solid 2px #d19e95;
    border-bottom: solid 2px #d19e95;
}

.Maroon .xfop .topicWebPanel .topicBodyContainer {
    border-left: solid 2px #d19e95;
    border-right: solid 2px #d19e95;
    border-bottom: solid 2px #d19e95;
}

.Maroon .xfop .topicWebPanel .topicTitleBar, .Maroon .xfop .topicWebPanel .topicTitleBarWithIcon {
    padding-top: 0;
    background-color: #a55647;
    background: #a55647 url(img/WebPanel/Maroon_headerbg.png) repeat-x;
}

img.optionColor.Maroon {
    background-color: #a55647;
}

/* ---------------------------------------------------------------------------------- */

/* PageColor Default */
#header, .Default #header {
}

    #header .brandSection td.logo {
        background: transparent url(img/inprotechlogo.png) no-repeat;
        background-size: 100%;
        height: 80px;
        left: 30px;
        position: relative;
        top: 10px;
        width: 155px;
    }



div.clarivateTopBar {
    background: url(img/clarivatelogo.png) no-repeat 30px 7px, #000000;
    height: 32px;
}

    #header .brandSection span.product {
        display: none;
    }

    #header .navSection {
        text-align: right;
    }

    /* PageColor Default */
    #header .navSection, .Default #header .navSection {
        position: absolute;
        right: 0px;
        /* uncomment this if image is required for the top-right corner of the page
    margin-right: 80px;
  */
    }


        #header .navSection a.navLink {
            color: #000080;
        }

        #header .navSection span.bullet {
            color: #dbbd63;
        }

        #header .navSection span.smallLogo {
        }

    /* image at top-right corner of the page*/
    #header .smallLogoBg {
        position: absolute;
        right: 0px;
        top: 0px;
        /*  uncomment if firm requires graphic to appear 
    background-image: url()  
    width: 82px;
    height: 75px;
  */
    }

/* PageColor Default */
#footer, .Default #footer {
    border-top: #000080 solid 1px;
    /* background-image: linear-gradient(#ffffff 0%, #cacaf3 90%);
    /*IE9 fix filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#cacaf3', gradientType=0);*/
}


/* welcome */
.welcome {
    color: #1a1a1a;
    font-weight: 400;
    text-align: left;
}

    /* PageColor Default */
    .welcome table, .Default .welcome table {
        background-image: linear-gradient(#ffffff 0%, #ffffff 50%);
        /*IE9 fix*/ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#ffffff', gradientType=0);
    }


/* box */
.box {
    border: solid 1px #000080;
}

    .box .boxTitle {
        background: url(img/buildings.jpg) no-repeat right center;
        height: 30px;
        background-color: #000080;
        color: #fff;
    }

        .box .boxTitle span {
            position: fixed;
            padding-top: 5px;
        }

    .box .boxContent {
        background-color: #ffffff;
        color: #000080;
    }

    .box.signIn .boxContent .message {
        color: #c83828;
    }

/* buttons */
.buttonLarge a {
    background: url(img/button/buttonLargeLeft.gif) no-repeat left top;
}

    .buttonLarge a span {
        background: url(img/button/buttonLargeRight.gif) no-repeat right top;
        color: #FFF !important;
        font: normal;
        font-size: 13px;
        line-height: 13px;
    }

    .buttonLarge a:hover span {
        color: #1a1a1a !important;
        font: normal;
        font-size: 13px;
        line-height: 13px;
    }

.buttonLarge.disabled a {
    background: url(img/button/buttonLargeDisabledLeft.gif) no-repeat left top;
}

    .buttonLarge.disabled a span {
        background: url(img/button/buttonLargeDisabledRight.gif) no-repeat right top;
        color: #808080 !important;
    }

    .buttonLarge.disabled a:hover span {
        color: #737373 !important;
    }

/** changed here **/
.buttonSmall a {
    color: #000080;
    background: transparent url(img/button/buttonSmallLeft.png) no-repeat left top;
}

    .buttonSmall a span {
        color: #000080;
        background: transparent url(img/button/buttonSmallRight.png) no-repeat right top;
        font: normal;
        font-size: 12px;
        line-height: 12px;
    }

    .buttonSmall a:hover span {
        color: #1a1a1a !important;
        font: normal;
        font-size: 12px;
        line-height: 12px;
    }

.buttonSmall.disabled a {
    color: #737373;
    background: transparent url(img/button/buttonSmallDisabledLeft.gif) no-repeat left top;
}

    .buttonSmall.disabled a span {
        background: transparent url(img/button/buttonSmallDisabledRight.gif) no-repeat right top;
        color: #737373 !important;
    }

    .buttonSmall.disabled a:hover span {
        color: #737373 !important;
    }

/* shim */
/* PageColor Default */
.shim, .Default .shim {
    background-color: #000080;
}


/* portal tabs */
.barContainer .quickSearch .text {
    padding-top: 3px;
    margin-left: 3px;
    margin-right: 3px;
}

.barContainer .quickSearch .search, .barContainer .quickSearch .option a {
    border-color: #6161be;
}

.barContainer .quickSearch .search {
    color: #fff;
    background-color: #9595db;
}

/* PageColor Default */
.barContainer .quickSearch .option, .Default .barContainer .quickSearch .option {
    background-color: #cacaf3;
}

    .Default .barContainer .quickSearch .option a, .barContainer .quickSearch .option a {
        color: #fff;
    }

.Default .barContainer .quickSearch .text, .barContainer .quickSearch .text {
    color: #1a1a1a;
}



.barContainer .quickSearchResult {
    color: #1a1a1a;
    border-left: solid 1px #9595db;
    border-right: solid 1px #9595db;
    border-bottom: solid 1px #9595db;
}

    .barContainer .quickSearchResult .header {
        background: transparent repeat-x;
    }

.barEmpty {
    background: transparent url('img/barbg.gif') repeat-x;
}

.portalTab, .tab {
    font-size: 12px;
    text-align: center;
    font-family: NotoSans;
    line-height: normal;
}

    .portalTab ul {
        padding: 6px 6px 0px 6px;
    }

    .portalTab li a {
        padding-left: 10px;
        background: transparent url('img/tab/tabLeftOff.gif') 0px 0px no-repeat;
        color: #000080;
        font-weight: normal;
        text-decoration: none;
        line-height: 22px;
    }

        .portalTab li a .wrap {
            color: #000080;
            padding-right: 10px;
            background: transparent url('img/tab/tabRightOff.gif') right 0px no-repeat;
        }

        .portalTab li a:hover {
            color: #9595db;
            text-decoration: underline;
        }

        .portalTab li a .innerWrap {
            padding: 0 10px 0 5px;
            background: transparent url('img/tab/tabMiddleOff.gif') 0px 0px repeat-x;
        }

        .portalTab li a .optionGlyph {
            background: url('img/tab/tabMiddleOff.gif') repeat-x;
            height: 22px;
        }

        .portalTab li a .inPlaceEdit {
            background: url('img/tab/tabMiddleOff.gif') repeat-x;
        }

        .portalTab li a.selected {
            font-weight: normal;
        }

        .portalTab li a.colored {
            background: url('img/tab/tabLeftOn.gif') 0px 0px no-repeat;
        }

        .portalTab li a.colored {
            background: url('img/tab/tabLeftOn.gif') 0px 0px no-repeat;
        }

            .portalTab li a.colored .wrap {
                background: transparent url('img/tab/tabRightOn.gif') no-repeat right;
            }

            .portalTab li a.colored .innerWrap, .portalTab li a.colored .optionGlyph, .portalTab li a.colored .inPlaceEdit {
                background: transparent url('img/tab/tabMiddleOn.gif') repeat-x;
            }

        /* PageColor Default */
        .portalTab li a.selected, .Default .portalTab li a.selected {
            background: #9595db url('img/tab/tabLeftOn.gif') 0px 0px no-repeat;
        }

            .portalTab a.selected, .portalTab a.selected .wrap, .portalTab a:hover.selected, .portalTab li a.selected .inPlaceEditBox, .Default .portalTab a.selected, .Default .portalTab a.selected .wrap, .Default .portalTab a:hover.selected, .Default .portalTab li a.selected .inPlaceEditBox {
                color: #fff;
                font-weight: normal;
            }

            .portalTab li a.selected .wrap {
                background: transparent url('img/tab/tabRightOn.gif') no-repeat right;
            }

            .portalTab li a.selected .innerWrap, .portalTab li a.selected .optionGlyph, .portalTab li a.selected .inPlaceEdit {
                background: transparent url('img/tab/tabMiddleOn.gif') repeat-x;
            }

            .portalTab li a .inPlaceEditBox, .portalTab li a.selected .inPlaceEditBox {
                margin-top: 3px;
                height: 17px;
            }

        .portalTab li a .inPlaceEditBox {
            color: #1a1a1a;
        }

    /* arrows */
    .portalTab .rightArrow, .portalTab .leftArrow, .portalTab .rightArrowDisabled, .portalTab .leftArrowDisabled {
        width: 17px;
        height: 22px;
        text-indent: -10000px;
        background-position: left 3px;
        background-repeat: no-repeat;
        background-color: #fff;
    }

    .portalTab .leftArrow {
        background-image: url(img/tab/ScrollLeft.png);
    }

    .portalTab .rightArrow {
        background-image: url(img/tab/ScrollRight.png);
    }

    /* Disabled Arrows */

    .portalTab .rightArrowDisabled, .portalTab .leftArrowDisabled {
        cursor: default;
    }

    .portalTab .leftArrowDisabled {
        background-image: url(img/tab/ScrollLeftDisabled.png);
    }

    .portalTab .rightArrowDisabled {
        background-image: url(img/tab/ScrollRightDisabled.png);
    }

    /* Disabled tab */

    .portalTab li a.disabled, .portalTab li a.disabled:hover {
        color: #737373;
    }

/* barContainer */

/* PageColor Default */
.barContainer, .Default .barContainer {
    background-color: #cacaf3;
}

.barEmpty {
    background: transparent url('img/barbg.gif') repeat-x;
}

/* panel */
.panelContainer {
    border-top: solid 1px #b5b5b5;
    border-bottom: solid 1px #b5b5b5;
    border-left: solid 1px #b5b5b5;
}

/* PageColor Default */
.panelTitle, .Default .panelTitle {
    background: #ffffff repeat-x bottom;
}

.panelTitleText {
    color: #1a1a1a;
}

.panelButton.pinOff {
    background: transparent url('img/window/PinOff.gif') no-repeat;
}

.panelButton.pinOn {
    background: transparent url('img/window/PinOn.gif') no-repeat;
}

/* leftPanelBar */
.leftPanelBar {
    background: #ffffff;
    border: solid 1px #737373;
}

    .leftPanelBar .text {
        color: #1a1a1a;
        padding-left: 18px;
        font-size: 12px;
        font-weight: normal;
    }

    .leftPanelBar .container .text {
        background: url('img/panelbar/HeaderArrowExpanded.gif') no-repeat 98% center;
        line-height: 20px;
        border-bottom: solid 1px #1a1a1a;
        border-top: solid 1px #d9d9d9;
    }

        .leftPanelBar .container .text.collapsed {
            background: url('img/panelbar/HeaderArrowCollapsed.gif') no-repeat 98% center;
        }

    .leftPanelBar ul.container .slide .link {
        background-color: #fff;
    }

    /* PageColor Default */
    .leftPanelBar .container .link, .Default .leftPanelBar .container .link {
        background-color: #cacaf3;
    }


    .leftPanelBar .group .text {
        border: 0px;
        background: none;
        color: #333;
        font-weight: normal;
        font-size: 80%;
    }

    .leftPanelBar .group .link {
        background: none;
        border-bottom: solid 1px #737373;
    }

        .leftPanelBar .group .link:hover {
            background: #f6f6f5;
            border-bottom: solid 1px #1a1a1a;
        }

        .leftPanelBar .group .link .selected {
            /**/
        }

    .leftPanelBar .container .selected {
        background: #95b6e0;
    }

    .leftPanelBar .group .selected, .leftPanelBar .group .selected:hover {
        background: none;
        border-bottom: 0px;
    }

    .leftPanelBar .container .expanded .text {
        background: url('img/panelbar/ExpandedBg.gif') no-repeat 98% center;
        font-weight: normal;
    }

    .leftPanelBar .group .selected .text {
        font-weight: normal !important;
        border: 0px;
        border-bottom: solid 1px #accb2d;
        background: #dcfc5c;
        color: #333;
    }

    .leftPanelBar .group .expanded .text {
        color: #1a1a1a;
        background: #dcfc5c;
        font-weight: normal !important;
        text-decoration: none !important;
    }

    .leftPanelBar .level2 .text {
        padding-left: 36px;
        line-height: 28px;
    }

    .leftPanelBar .container .disabled:hover, .leftPanelBar .container .disabled .text {
        background: #ddddff;
        color: #ccc;
        cursor: default;
    }

    .leftPanelBar .container .group .disabled:hover, .leftPanelBar .container .group .disabled .text {
        text-decoration: none;
        border-bottom: solid 1px #f0f2f3;
        background: none;
        color: #ccc;
        cursor: default;
    }

/* resizeBar */
.resizeBar {
    border-top: solid 1px #737373;
    border-bottom: solid 1px #737373;
    background: url(img/splitter/splitterbg.gif) repeat-y right;
}

    .resizeBar.collapse a .collapseBar {
        background: transparent url(img/splitter/splitter_horCol.gif) no-repeat;
    }

    .resizeBar.expand a .collapseBar {
        background: transparent url(img/splitter/splitter_horExp.gif) no-repeat;
    }

    .resizeBar.collapse a:hover .collapseBar {
        background: transparent url('img/splitter/splitter_horColHover.gif') no-repeat;
    }

    .resizeBar.expand a:hover .collapseBar {
        background: transparent url('img/splitter/splitter_horExpHover.gif') no-repeat;
    }

.resizeBarRight {
    border-top: solid 1px #737373;
    border-bottom: solid 1px #737373;
    background: url(img/splitter/splitterRightbg.gif) repeat-y right;
}

    .resizeBarRight.collapse a .collapseBar {
        background: transparent url(img/splitter/splitter_horExp.gif) no-repeat;
    }

    .resizeBarRight.expand a .collapseBar {
        background: transparent url(img/splitter/splitter_horCol.gif) no-repeat;
    }

    .resizeBarRight.collapse a:hover .collapseBar {
        background: transparent url('img/splitter/splitter_horExpHover.gif') no-repeat;
    }

    .resizeBarRight.expand a:hover .collapseBar {
        background: transparent url('img/splitter/splitter_horColHover.gif') no-repeat;
    }

/* Window */

.window .windowHeaderLeft {
    background: transparent url('img/window/HeaderLeft.gif') repeat-x;
    width: 6px;
    height: 30px;
}

.window.disabled .windowHeaderLeft {
    background: transparent url('img/window/HeaderLeftOff.gif') repeat-x;
    width: 6px;
    height: 30px;
}

.window .windowHeaderTop {
    height: 3px;
    background: transparent url('img/window/HeaderCenter.gif') repeat-x top;
}

.window.disabled .windowHeaderTop {
    height: 3px;
    background: transparent url('img/window/HeaderCenterOff.gif') repeat-x top;
}

.window .windowHeaderCenter {
    width: 488px; /* = (width of class='window') - (width of class='windowHeaderLeft') -  (width of class='windowFooterLeft')*/
}

.window .windowTitle {
    height: 27px;
    background: transparent url('img/window/HeaderCenter.gif') repeat-x bottom;
}

.confirmationDialog .ui-dialog-titlebar {
    height: 18px;
    background: transparent url('img/window/HeaderCenter.gif') repeat-x bottom !important;
}

    .confirmationDialog .ui-dialog-titlebar button {
        background: transparent;
        border: none;
    }

.ui-front {
    z-index: 10000;
}

.ui-dialog {
    z-index: 10000;
}

.confirmationDialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: medium;
    font-weight: normal;
}

.window.disabled .windowTitle {
    height: 27px;
    background: transparent url('img/window/HeaderCenterOff.gif') repeat-x bottom;
}

.window .windowHeaderRight {
    background: transparent url('img/window/HeaderRight.gif') repeat-x;
    width: 6px;
    height: 30px;
}

.window.disabled .windowHeaderRight {
    background: transparent url('img/window/HeaderRightOff.gif') repeat-x;
    width: 6px;
    height: 30px;
}

.windowTitleText {
    padding-top: 4px;
    padding-left: 4px;
}

.windowButtonsBar {
    padding-top: 4px;
}

.windowButton.pinOn {
    background: transparent url('img/window/PinOn.gif') no-repeat;
}

.windowButton.pinOff {
    background: transparent url('img/window/PinOff.gif') no-repeat;
}

.windowButton.reload {
    background: transparent url('img/window/Reload.gif') no-repeat;
}

.windowButton.minimize {
    background: transparent url('img/window/Minimize.gif') no-repeat;
}

.windowButton.minimizeAll {
    background: transparent url('img/window/MinimizeAll.gif') no-repeat;
}

.windowButton.maximize {
    background: transparent url('img/window/Maximize.gif') no-repeat;
}

.windowButton.restore {
    background: transparent url('img/window/Restore.gif') no-repeat;
}

.windowButton.close {
    background: transparent url('img/window/Close.gif') no-repeat;
}

.window .windowContent {
    height: 97px; /* = (height of class='window') - (height of class='windowHeaderLeft') -  (height of class='windowFooterLeft')*/
}

.windowModal .windowContent {
    height: 117px; /* = (height of class='window') - (height of class='windowHeaderLeft') -  (height of class='windowFooterLeft')*/
}

.window .windowBodyLeft {
    border-left: solid 1px #cacaf3;
    width: 3px;
}

.window.disabled .windowBodyLeft {
    border-left: solid 1px #585858;
    width: 3px;
}

.windowBody {
    width: 492px; /* = (width of class='window') - (width of class='windowBodyLeft' + border-left) -  (width of class='windowBodyRight' + border-left)*/
}

.window .windowBodyRight {
    border-right: solid 1px #cacaf3;
    width: 3px;
}

.window.disabled .windowBodyRight {
    border-right: solid 1px #585858;
    width: 3px;
}

.windowFooterLeft {
    width: 6px;
}

.window .windowFooterLeft {
    background: transparent url('img/window/FooterLeft.gif') repeat-x;
    height: 23px;
}

.window.disabled .windowFooterLeft {
    background: transparent url('img/window/FooterLeftOff.gif') repeat-x;
    height: 23px;
}

.windowModal .windowFooterLeft {
    height: 1px;
    border-top: solid 1px #cacaf3;
}

.window .windowFooterCenter {
    width: 488px; /* = (width of class='window') - (width of class='windowFooterLeft') -  (width of class='windowFooterRight')*/
}

.window .windowFooterCenter {
    background: transparent url('img/window/FooterCenter.gif') repeat-x;
    height: 23px;
}

.window.disabled .windowFooterCenter {
    background: transparent url('img/window/FooterCenterOff.gif') repeat-x;
    height: 23px;
}

.windowModal .windowFooterCenter {
    height: 1px;
    border-top: solid 1px #cacaf3;
}

.window .windowFooterRight, .windowModal .windowFooterRight {
    width: 6px;
}

.window .windowFooterRight {
    background: transparent url('img/window/FooterRight.gif') no-repeat;
    height: 23px;
}

.window.disabled .windowFooterRight {
    background: transparent url('img/window/FooterRightOff.gif') no-repeat;
    height: 23px;
}

.windowModal .windowFooterRight {
    height: 1px;
    border-top: solid 1px #cacaf3;
}

/* SF added this */
/*
  ==================
    Old styles carry forward
  ================== */
div.wpMenuBarTop {
    height: 24px;
    text-align: right;
    padding: 2px 2px 0px 0px;
    margin-right: 1px;
    border-top: 1px solid #CECFCE;
    border-bottom: 1px solid #CECFCE;
    background-color: #fff;
    background-image: url(../../images/background.menubar.png);
    background-repeat: repeat-x;
    background-position: bottom;
    width: auto;
}


div.wpMenuBarBottom {
    height: 24px;
    text-align: right;
    padding: 1px 1px 1px 1px;
    margin-right: 1px;
    border-top: 1px solid #CECFCE;
    border-bottom: 0px; /* 1px solid #CECFCE; */
    background-color: #F4F2F9;
}
/* ========================================================
    Button Styles
   ========================================================*/

.button {
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    width: auto;
    height: 20px;
    clear: none;
    cursor: pointer;
}

.buttonHover /* this is as per the .button class, except (in styles) we have hover colouring */ {
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    width: auto;
    height: 20px;
    clear: none;
    cursor: pointer; /* colouring etc implemented in styles.css */
}

A.buttontext {
    text-decoration: none;
}

.buttonover {
    text-decoration: none;
}

.button2 {
    cursor: pointer;
}

.buttonover2 {
    cursor: pointer;
}

.databutton {
    cursor: pointer;
}

.databuttonover {
    cursor: pointer;
}


/* CSS buttons - Standard button styles */
a.standardbutton, a.standardbuttondisabled {
    float: left;
    padding: 3px 3px 0px 23px;
    height: 22px;
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
    font-weight: normal;
    font-size: 70%;
    color: #8e9c9d;
    margin: 1px;
    margin-bottom: -1px;
    white-space: nowrap;
}

    a.standardbutton:hover {
        border-bottom: 1px solid #C8C898;
        border-right: 1px solid #C8C898;
        border-top: 1px solid #666666;
        border-left: 1px solid #666666;
        background-color: #ddddff;
        color: #c83828;
        margin: 0px;
        margin-bottom: 0px;
        text-decoration: none;
        white-space: nowrap;
    }

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

/* Disabled standard button */

a.standardbuttondisabled {
    opacity: 0.6;
    /* this achieves the look of the diabled button */
    filter: Alpha(Opacity=65, Style=0);
    cursor: default;
    margin: 1px;
    margin-bottom: 0px;
    white-space: nowrap;
}

    a.standardbuttondisabled:hover, a.standardbuttondisabled:link, a.standardbuttondisabled:visited {
        text-decoration: none;
        color: #8e9c9d;
    }



/* Common button styles - used for multi row editors within topics etc -*/

a.commonbutton, a.commonbuttondisabled {
    padding: 3px 6px 0px 22px;
    height: 22px;
    border: 1px solid #CECECE;
    background-color: #FBF8FC;
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
    color: #8e9c9d;
    margin: 0px; /* this button has a border on its up state */
    white-space: nowrap;
}

    a.commonbutton:hover {
        border-bottom: 1px solid #C8C898;
        border-right: 1px solid #C8C898;
        border-top: 1px solid #666666;
        border-left: 1px solid #666666;
        background-color: #ddddff;
        color: #8e9c9d;
        margin: 0px;
        text-decoration: none;
        white-space: nowrap;
    }

    a.commonbutton:link, a.commonbuttondisabled:link, a.commonbutton:visited, a.commonbutton:active {
        text-decoration: none;
        color: #1a1a1a;
        white-space: nowrap;
        background-color: #FBF8FC;
    }

a.commonbuttondisabled {
    opacity: 0.6;
    filter: Alpha(Opacity=65, Style=0);
    cursor: default;
    margin: 1px;
    margin-bottom: 0px;
    white-space: nowrap;
}

    a.commonbuttondisabled:hover {
        text-decoration: none;
        color: #1a1a1a;
        background-color: #faed7c;
    }

div.commonbutton {
}

/* smallbutton styles */
a.smallbutton, a.smallbutton:hover, a.smallbuttondisabled, a.smallbuttondisabled:hover {
    float: left;
    clear: left;
    padding: 2px 4px 0px 30px;
    height: 22px;
    background-position: center left;
    background-repeat: no-repeat;
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    margin: 1px 2px 1px 1px;
}

    a.smallbutton:hover {
        color: #1a1a1a;
    }

a.smallbuttondisabled {
    opacity: 0.6;
    filter: Alpha(Opacity=65, Style=0);
    cursor: default;
}

div.smallbuttons {
}

.menubuttonOn {
    border: 1px solid #C8C898;
    background-color: #dbd9d9;
    color: #1a1a1a;
}

/* this is the pipe divider */
div.button_divider {
    color: #1a1a1a;
}


/* set button images */
a.btn_Close {
    background-image: url(../../images/button.close.png);
}

a.btn_CalculateFees {
    background-image: url(../../images/button.calculatefees.png);
}

a.btn_Cancel {
    background-image: url(../../images/button.cancel.png);
}

a.btn_Reset {
    background-image: url(../../images/button.reset.png);
}

a.btn_Save {
    background-image: url(../../images/button.save.png);
}

a.btn_SaveChanges {
    background-image: url(../../images/button.save.png);
}

a.btn_Send {
    background-image: url(../../images/button.send.gif);
}

a.btn_Export {
    background-image: url(../../images/button.export.png);
}

a.btn_New {
    background-image: url(../../images/button.new.png);
}

a.btn_Delete {
    background-image: url(../../images/button.delete.png);
}

a.btn_Maintain {
    background-image: url(../../images/button.maintain.png);
}

a.btn_ForecastDates {
    background-image: url(../../images/button.forecastdates.png);
}

a.btn_NewAdHocDate {
    background-image: url(../../images/button.forecastdates.png);
}

a.btn_ChangePreferences {
    background-image: url(../../images/button.changepreferences.png);
}

a.btn_MaintainNotes {
    background-image: url(../../images/button.maintainnotes_noshadow.png);
}

a.btn_MaintainAttributes {
    background-image: url(../../images/button.maintainattributes.png);
}

a.btn_AppendToNotes {
    background-image: url(../../images/button.appendtonotes.png);
}

a.btn_DeleteMarked {
    background-image: url(../../images/button.delete.png);
}

a.btn_MarkAsRead {
    background-image: url(../../images/button.markentryas.read.png);
}

a.btn_MarkAsUnread {
    background-image: url(../../images/button.markentryas.unread.png);
}

a.btn_NewActivity {
    background-image: url(../../images/button.contactactivity.png);
}

a.btn_calloutgoing {
    background-image: url(../../images/button.call.outgoing.png);
}

a.btn_faxoutgoing {
    background-image: url(../../images/button.fax.outgoing.png);
}

a.btn_emailoutgoing {
    background-image: url(../../images/button.email.outgoing.png);
}

a.btn_correspondenceoutgoing {
    background-image: url(../../images/button.correspondence.outgoing.png);
}

a.btn_callincoming {
    background-image: url(../../images/button.call.incoming.png);
}

a.btn_faxincoming {
    background-image: url(../../images/button.fax.incoming.png);
}

a.btn_emailincoming {
    background-image: url(../../images/button.email.incoming.png);
}

a.btn_correspondenceincoming {
    background-image: url(../../images/button.correspondence.incoming.png);
}

a.btn_ok {
    background-image: url(../../images/button.ok.png);
}

a.btn_Debug {
    background-image: url(../../images/button.debug.gif);
}

a.btn_Default {
    background-image: url(../../images/button.default.png);
}

a.btn_PDF {
    background-image: url(../../images/pdficon_small.gif);
}

a.btn_ClearAll {
    background-image: url(../../images/icon.clearall.gif);
}

a.btn_Submit {
    background-image: url(../../images/icon.submit.png);
}

a.btn_ContactDetails {
    background-image: url(../../images/button.contactdetails.png);
}

a.btn_MakeThisMyDefaultSearch {
    background-image: url(../../images/button.makethis.mydefaultsearch.png);
}

a.btn_RemoveAsMyDefaultSearch {
    background-image: url(../../images/button.removeas.mydefaultsearch.png);
}

a.btn_meeting {
    background-image: url(../../images/button.meeting.png);
}

a.btn_resultset {
    background-image: url(../../images/button.resultset.png);
}

a.btn_userdefined {
    background-image: url(../../images/button.other.png);
}

a.btn_Tasks {
    background-image: url(../../images/button.tasks.png);
}

a.btn_Print {
    background-image: url(../../images/button.print.png);
}

a.btn_Refresh {
    background-image: url(../../images/button.refresh.png);
}

a.btn_RunSearch {
    background-image: url(../../images/button.runsearch.png);
}

a.btn_Search {
    background-image: url(../../images/button.search.png);
}

a.btn_RevertToDefault {
    background-image: url(../../images/button.reverttodefaultconfiguration.png);
}

a.btn_GoToToday {
    background-image: url(../../images/timesheet/button_today.png);
}

a.btn_Previous {
    background-image: url(../../images/timesheet/button.previous.png);
}

a.btn_Next {
    background-image: url(../../images/timesheet/button.next.png);
}

a.btn_TimeEntry_SelectCurrent {
    background-image: url(../../images/timesheet/button.previous.png);
}

a.btn_RecentEntries {
    background-image: url(../../images/timesheet/button.recententries.png);
}

a.btn_StartTimer {
    background-image: url(../../images/timesheet/button.starttimer.png);
}

a.btn_Calculate {
    background-image: url(../../images/timesheet/button.calculate.png);
}

a.btn_RecordTime {
    background-image: url(../../images/timesheet/button.recordtime.png);
}

a.btn_PostTime {
    background-image: url(../../images/timesheet/button.posttime.png);
}

a.btn_WIP {
    background-image: url(../../images/timesheet/button.wip.png);
}

a.btn_ViewCaseTree {
    background-image: url(../../images/button.casetree.gif);
}


/* set smallbutton images */
a.smallbtn_Edit {
    background-image: url(../../images/button.edit.small.png);
}

a.smallbtn_Up {
    background-image: url(../../images/button.up.small.png);
}

a.smallbtn_Down {
    background-image: url(../../images/button.down.small.png);
}

a.smallbtn_New {
    background-image: url(../../images/button.new.small.png);
}

a.smallbtn_Delete {
    background-image: url(../../images/button.delete.small.png);
}

a.smallbtn_Add {
    background-image: url(../../images/button.add.small.png);
}

a.smallbtn_Remove {
    background-image: url(../../images/button.remove.small.png);
}

/* Elegant Web Part */
.wpMenuButtonElegant {
    text-decoration: none;
    color: #000080;
    font-weight: normal;
    margin: 1px;
    margin-bottom: 1px;
    padding: 2px 15px 0px 4px;
    white-space: nowrap;
}

.wpMenuButtonOnElegant {
    border-bottom: 1px solid #C8C898;
    border-right: 1px solid #C8C898;
    border-top: 1px solid #C8C898;
    border-left: 1px solid #C8C898;
    background-color: #dbd9d9;
    color: #000080;
    font-weight: normal;
    margin: 0px;
    margin-bottom: 0px;
    padding: 2px 15px 0px 4px;
    white-space: nowrap;
}

.wpMenuButtonHiddenElegant {
    text-decoration: none;
    font-weight: normal;
    color: #1a1a1a;
    margin: 1px;
    margin-bottom: 1px;
    padding: 2px 15px 0px 4px;
    white-space: nowrap;
}

.wpMenuButtonOnHiddenElegant {
    border-bottom: 1px solid #C8C898;
    border-right: 1px solid #C8C898;
    border-top: 1px solid #C8C898;
    border-left: 1px solid #C8C898;
    background-color: #dbd9d9;
    color: #1a1a1a;
    margin: 0px;
    margin-bottom: 0px;
    padding: 2px 15px 0px 4px;
    white-space: nowrap;
}

/* Topic Menu */
div.TopicMenuBarOpen, div.TopicMenuBarClose, div.TopicMenuBarWebPanelOpen, div.TopicMenuBarWebPanelClose {
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
    float: right;
}

    div.TopicMenuBarOpen img, div.TopicMenuBarClose img, div.TopicMenuBarWebPanelOpen img, div.TopicMenuBarWebPanelClose img {
        cursor: pointer;
        vertical-align: middle;
    }

    div.TopicMenuBarOpen a.menuButton, div.TopicMenuBarClose a.menuButton {
        background-color: transparent;
        color: #ffffff;
        text-decoration: none;
        z-index: 100;
    }

        div.TopicMenuBarOpen a.menuButton:hover, div.TopicMenuBarClose a.menuButton:hover {
            background-color: transparent;
            color: #faed7c;
            text-decoration: none;
        }

    div.TopicMenuBarClose a.menuButtonActive, div.TopicMenuBarClose a.menuButtonActive:hover {
        background-color: #f7f7e7;
        color: #faed7c;
    }

    div.TopicMenuBarOpen a.menuButtonActive, div.TopicMenuBarOpen a.menuButtonActive:hover {
        background-color: #f7f7e7;
        color: #236fbd;
    }

    div.TopicMenuBarOpen span.TopicMenuBarSeparator, div.TopicMenuBarClose span.TopicMenuBarSeparator {
        padding-left: 6px;
        padding-right: 4px;
        color: #ffffff;
    }

    div.TopicMenuBarWebPanelOpen a.menuButton {
        background-color: transparent;
        color: #ffffff;
        text-decoration: none;
        z-index: 100;
        border-bottom: none;
    }

    div.TopicMenuBarWebPanelClose a.menuButton {
        background-color: transparent;
        color: #ffffff;
        text-decoration: none;
        z-index: 100;
        border-bottom: none;
    }

    div.TopicMenuBarWebPanelOpen a.menuButton:hover {
        background-color: transparent;
        color: #ffffff;
        border-bottom: none;
        text-decoration: underline;
    }

    div.TopicMenuBarWebPanelClose a.menuButton:hover {
        background-color: transparent;
        color: #ffffff;
        border-bottom: none;
        text-decoration: underline;
    }

    div.TopicMenuBarWebPanelOpen a.menuButtonActive, div.TopicMenuBarWebPanelClose a.menuButtonActive, div.TopicMenuBarWebPanelOpen a.menuButtonActive:hover, div.TopicMenuBarWebPanelClose a.menuButtonActive:hover {
        background-color: transparent;
        color: #ffffff;
    }

    /* blue */

    div.TopicMenuBarWebPanelOpen span.TopicMenuBarSeparator, div.TopicMenuBarWebPanelClose span.TopicMenuBarSeparator {
        padding-left: 6px;
        padding-right: 4px;
        color: #ffffff;
    }

div.menu {
    font-size: 135%;
    background-color: #f7f7f7;
    border: solid 1px #8e9c9d;
    padding: 3px 3px 3px 3px;
    position: absolute;
    overflow: visible;
    top: 0px;
    left: 0px;
    visibility: hidden;
    z-index: 101;
    white-space: nowrap;
    cursor: pointer;
    line-height: 2.5ex;
}

.xfop .topicWebPanel div.menu {
    font-size: 80%;
}

.xfop .topicWebPanel .gridBar div.menu {
    font-size: 100%;
}

.xfop .topicWebPanel .grid div.menu a.menuItem {
    font-size: 120%;
}

.xfop .xfopContainer div.menu {
    font-size: 100%;
}

.wizardBody .xfop div.menu {
    font-size: 100%;
}

.wizardBody .xfop .gridBar div.menu {
    font-size: 100%;
}

.wizardBody .xfop .grid div.menu a.menuItem {
    font-size: 120%;
}

.wizardBody ul {
    margin: 0 0 0 0;
}

div.menu a.menuItem {
    color: #1a1a1a;
    cursor: default;
    display: block;
    padding: 1px 1em;
    text-decoration: none;
    white-space: nowrap;
    width: auto !important;
}

    div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
        background-color: #cccccc;
        color: #000080 !important;
        width: auto !important;
    }

div.menu a.menuItemDisabled {
    font-size: 70%;
    color: #cccccc;
    cursor: default;
    display: block;
    padding: 1px 1em;
    text-decoration: none;
    white-space: nowrap;
}

    div.menu a.menuItemDisabled:hover {
        background-color: #F9F8FF;
        color: #cccccc;
    }

div.menu a.menuItem span.menuItemText {
    display: inline-block;
}

div.menu a.menuItem span.menuItemTextDefault {
    font-weight: normal;
}

div.menu a.menuItem span.menuItemArrow {
    margin-right: -.75em;
}

div.menu div.menuItemSep {
    border: 1px inset #e0e0e0;
    margin: 2px 2px;
}

div.menu a.menuItem.disabled {
    color: #1a1a1a;
    cursor: default;
    display: block;
    padding: 1px 1em;
    text-decoration: none;
    white-space: nowrap;
}

    div.menu a.menuItem.disabled:hover, div.menu a.menuItem.disabled.menuItemHighlight {
        background-color: #F9F8FF;
        color: #1a1a1a;
    }

/* Menu Button*/
div.MenuButton {
    white-space: nowrap;
    vertical-align: middle;
}

    div.MenuButton img {
        cursor: pointer;
        vertical-align: middle;
    }

    .MenuButton a.menuButton, div.MenuButton a.menuButtonDisabled {
        background-color: transparent;
        color: #1a1a1a;
        padding: 1px 2px 1px 2px;
        margin: 1px;
        text-decoration: none;
        z-index: 100;
    }

        div.MenuButton a.menuButton.optCustom, div.MenuButton a.menuButtonDisabled.optCustom {
            padding: 1px 2px 1px 30px;
            display: inline-block;
        }

    div.MenuButton a.menuButton:hover, div.MenuButton a.menuButtonActive, div.MenuButton a.menuButtonActive:hover {
        border-bottom: 1px solid #C8C898;
        border-right: 1px solid #C8C898;
        border-top: 1px solid #666666;
        border-left: 1px solid #666666;
        background-color: #ddddff;
        color: #1a1a1a;
        margin: 0px;
    }

    div.MenuButton .menuItemTextDefault {
        font-weight: normal;
    }

.documentBar div.menu {
    font-size: 80%;
}

.documentBar div.MenuButton {
    font-size: 80%;
}

.wizardBar div.menu {
    font-size: 80%;
}

.wizardBar .navigation {
    float: right;
}

.wizardBar div.MenuButton {
    font-size: 80%;
    float: left;
}

.wizardBar div.separator {
    float: left;
}

div.MenuButton a.menuButtonDisabled {
    background-color: #ffffff;
    cursor: default;
    color: #cccccc;
    padding: 1px 2px 1px 2px;
    margin: 1px;
    text-decoration: none;
    z-index: 100;
}

div.MenuButton img.menuButtonDisabled {
    cursor: default;
    color: #737373;
}

div.MenuButton span.TopicMenuBarSeparator {
    padding-left: 6px;
    padding-right: 4px;
    color: #ffffff;
}

/* Grid */
.gridBar {
    height: 22px;
}


    .gridBar.header {
        height: auto;
        background-color: #fffff;
    }

    .gridBar a.arrowLeftOff, .gridBar a.arrowRightOn, .gridBar a.arrowDownOn {
        float: left;
        margin-top: 2px;
        margin-left: 5px;
        margin-right: 5px;
        width: 16px;
        height: 16px;
    }

    .gridBar a.arrowLeftOff {
        background: url(img/grid/ArrowLeftOff.png) no-repeat;
    }

    .gridBar a.arrowRightOn {
        background: url(img/grid/ArrowRightOn.png) no-repeat;
    }

    .gridBar a.arrowDownOn {
        background: url(img/grid/ArrowDown.png) no-repeat;
    }

    .gridBar select.combo {
        float: left;
    }

    .gridBar.header td {
        border-bottom: solid 1px #cecfce;
        padding-top: 2px;
    }

.grid th, .grid td {
    border: solid 1px #fff;
    padding: 4px;
}

/* PageColor Default Title is H4*/
.xfop .grid .titleRow, .Default .xfop .grid .titleRow {
    color: #1a1a1a;
    background-color: #ffffff;
    font-size: 22px;
    font-weight: 400;
}

.grid .titleRow.inTab {
    background-color: #f3f3ec;
}

.grid .titleRow th {
    vertical-align: middle;
    white-space: nowrap;
    font-size: 14px !important;
    font-weight: 400;
}

/* PageColor Default */
.grid .titleRow a, .grid .titleRow.inTab a, .Default .titleRow a, .Default .grid .titleRow.inTab a {
    color: #4c4cd7;
}

.grid .row.important td label, .grid .rowAlternate.important td label {
    color: #c83828;
}

.grid .row a, .grid .rowAlternate a {
    color: #4c4cd7;
    text-decoration: none;
}

    .grid .row a[disabled], .grid .rowAlternate a[disabled] {
        pointer-events: none;
    }

    .grid .row a.nounderline, .grid .rowAlternate a.nounderline {
        color: #4c4cd7;
    }

    .grid .row a:hover, .grid .rowAlternate a:hover {
        color: #1a1a1a;
        text-decoration: underline;
    }

.grid .row.important a, .grid .rowAlternate.important a {
    color: #c83828;
}

.grid a.expand {
    display: inline;
    width: 16px;
    height: 16px;
}

.grid .row {
    background-color: #efefef;
}

.topicWebPanel.module .grid .row {
    background-color: #DCDCDC;
}

.grid .horizontalSeparator {
    border-top: solid 1px #CCCCCC; /* DisplayHorizontalSeparator */
}

.grid .rowAlternate {
    background-color: #ffffff;
}

.grid .rowDetail, .grid .rowDetailAlternate {
    background-color: #fff;
}

    .grid .row.deleted, .grid .rowAlternate.deleted, .grid .rowDetail.deleted, .grid .rowDetailAlternate.deleted {
        background-color: #708090;
    }

.topicWebPanel.module .grid .rowAlternate {
    /* uncomment #B8B8B8 to start using      alternate row colour for To Do type web parts */
    background-color: #DCDCDC; /* background-color: #B8B8B8;*/
}

.topicWebPanel .toolbar.header {
    background-image: none;
    background-color: #fff;
    display: block;
}

.topicWebPanel .toolbar.footer {
    display: block;
}

/* document title */
.documentTitle {
    border-bottom: solid 1px #cecfce;
    margin-top: 5px;
    color: #cacaf3;
    font-weight: normal;
    font-size: 80%;
}

/* Document Bar */
.documentBar {
    height: 22px;
}

    .documentBar.header {
        height: auto;
        border: none;
        /*  border-bottom: solid 1px #cecfce;
  background-color: #f3f3ec; */
        font-size: 11pt;
    }

        .documentBar.header td {
            border-bottom: solid 1px #cecfce;
            padding-top: 2px;
            white-space: nowrap;
            border: none;
        }

    .documentBar.footer {
        height: auto;
        border: none;
        /*  background-color: #f7f7f7; */
        padding-top: 2px;
        display: block;
        clear: both;
        border: none;
        border-top: solid 1px #cecfce;
    }

        .documentBar.footer td {
            white-space: nowrap;
            border: none;
        }

    .documentBar a.arrowLeftOff, .documentBar a.arrowRightOn, .documentBar a.arrowDownOn {
        float: left;
        margin-top: 2px;
        margin-left: 5px;
        margin-right: 5px;
        width: 16px;
        height: 16px;
    }

    .documentBar a.arrowLeftOff {
        background: url(img/grid/ArrowLeftOff.png) no-repeat;
    }

    .documentBar a.arrowRightOn {
        background: url(img/grid/ArrowRightOn.png) no-repeat;
    }

    .documentBar a.arrowDownOn {
        background: url(img/grid/ArrowDown.png) no-repeat;
    }

    .documentBar select.combo {
        float: left;
    }

tr.colorRowRed td label {
    color: #e90101;
}

tr.colorRowGreen td label {
    color: #009900;
}

tr.dimRow td label {
    color: #999;
}

.pagingBar {
    text-align: right;
    vertical-align: middle;
}

    .pagingBar SPAN {
    }

.topicGroupLightestShade {
    background-color: #D6D6E0;
}

.topicGroupLighterShade {
    background-color: #D1D1DB;
}

/* PageColor Default */
.topicGroupNormalShade, .Default .topicGroupNormalShade {
    background-color: #cacaf3;
}

.topicGroupSlightlyDarkerShade {
    background-color: #CCCCD6;
}

.topicGroupDarkerShade {
    background-color: #C7C7D1;
}

.topicGroupEvenDarkerShade {
    background-color: #C2C2CC;
}

.topicGroupDarkestShade {
    background-color: #B9B9C2;
}

.grid .titleRow .topicGroupLightestShade, .grid .titleRow .topicGroupLighterShade, .grid .titleRow .topicGroupNormalShade, .grid .titleRow .topicGroupSlightlyDarkerShade, .grid .titleRow .topicGroupDarkerShade, .grid .titleRow .topicGroupEvenDarkerShade, .grid .titleRow .topicGroupDarkestShade {
    border: solid 1px #fff;
}

/* form */
.form td {
    border-bottom: solid 1px #fff;
    border-left: solid 1px #fff;
    padding: 3px;
}

.form tr {
    background-color: #f9f9f9;
}

.form colgroup.fieldLabel {
    font-weight: normal;
    width: 40%;
    background-color: #f0f0f0;
}

    .form colgroup.fieldLabel.Search {
        font-weight: normal;
    }

.form td.fieldLabel {
    font-weight: normal;
    background-color: #f0f0f0 !important;
}

.form td.fieldHeader {
    font-weight: normal;
    padding: 1px;
    border-left: none;
    background-color: #f0f0f0;
}

.form td.fieldLabel.Search {
    font-weight: normal;
}

.form colgroup.field {
    width: 60%;
}

.grid td.fieldLabel {
    background-color: #f0f0f0 !important;
}

.fieldImage {
    border: 1px solid #000080;
    visibility: hidden;
}

.TopicContainer {
    background-color: white;
}

/* topic */
/*** Standard ***/
.topicStandard {
    border: solid 1px #6161be;
    margin-bottom: 2px;
}

    .topicStandard.noBorder {
        border-width: 0px;
        float: none;
    }

    .topicStandard .topicHeader {
        border-bottom: solid 0px #6161be;
        color: #ffffff;
    }

        .topicStandard .topicHeader label {
            color: #ffffff;
        }

    .topicStandard .topicTitleLeft {
        float: left;
    }

    .topicStandard .topicTitleRight {
        float: right;
    }

    .topicStandard .topicTitleBar {
        background-color: #2e2e9a;
    }

    .topicStandard .topicTitleLeft a.expand, .topicStandard .topicTitleLeft a.expand:hover, .topicStandard .topicTitleLeft a.expand:active {
        width: 18px;
        text-decoration: none;
        background: url(img/topic/collapse.png) no-repeat center center;
    }

    .topicStandard .topicTitleLeft a.collapse, .topicStandard .topicTitleLeft a.collapse:hover, .topicStandard .topicTitleLeft a.collapse:active {
        width: 18px;
        text-decoration: none;
        background: url(img/topic/expand.png) no-repeat center center;
    }

    .topicStandard .topicTitle .titleText {
        color: #ffffff;
        font-weight: 400;
        margin-left: 5px;
    }

    .topicStandard .topicDescription {
        border-top: solid 1px #6161be;
        color: 1a1a1a;
        background-color: #ffffff;
        padding: 3pt;
    }

        .topicStandard.noBorder .topicDescription, .topicStandard .topicDescription.noHeader {
            border-top: none;
            color: 1a1a1a;
            background-color: #ffffff;
            padding: 3pt;
        }

        .topicStandard .topicDescription tr {
            background-color: #ffffff;
        }

        .topicStandard .topicDescription td.infoIcon {
            border-style: none;
            width: 32px;
            height: 30px;
            padding-top: 5px;
            padding-bottom: 5px;
            background: transparent url(../../images/icon.info.picklist.png) no-repeat center center;
        }

        .topicStandard .topicDescription td.warningIcon {
            border-style: none;
            width: 38px;
            height: 37px;
            padding-top: 5px;
            padding-bottom: 5px;
            background: transparent url(../../images/msgbox.error.png) no-repeat center center;
        }


.topicWebPanel .topicDescription {
    border-top: none;
    border-left: solid 2px #cacaf3;
    border-right: solid 2px #cacaf3;
    color: #1a1a1a;
    background-color: #ffffff;
    padding: 3pt;
}

    .topicWebPanel .topicDescription td.infoIcon {
        border-style: none;
        width: 32px;
        height: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background: transparent url(../../images/icon.info.picklist.png) no-repeat center center;
    }

    .topicWebPanel .topicDescription td.errorIcon {
        border-style: none;
        width: 32px;
        height: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background: transparent url(../../images/icon.error.png) no-repeat center center;
    }

    .topicWebPanel .topicDescription td.centerText {
        border-style: none;
        padding-top: 5px;
        padding-bottom: 5px;
        vertical-align: middle;
    }


td.infoCell {
    background-color: #ffffff;
}

.topicStandard .topicDescription table {
    width: 99.2%;
}

.wizardBody .xfop.isNested .topicStandard /* RFC6176 fix */ {
    _width: 99.2%;
}

.xfop .topicStandard .topicBody {
    border: none;
}

.xfop .topicStandard .topicHeader .topicTitleBar {
    border: none;
    padding-top: 0px;
}

/*** WebPanel ***/

/* WebPanel */
.topicWebPanel {
    border: none;
    margin: 0px 2px 10px 2px;
}

/* PageColor Default */
.topicWebPanel, .Default .topicWebPanel, .topicHeader, .Default .topicHeader {
    background: #2e2e9a;
}

    .topicWebPanel .topicTitle .titleTextWithIcon, .topicWebPanel .topicTitle .titleText {
        color: #1a1a1a;
    }

    .topicWebPanel .topicTitle .titleTextWithIcon, .topicWebPanel .topicTitle .titleText, .Default .topicWebPanel .topicTitle .titleTextWithIcon, .Default .topicWebPanel .topicTitle .titleText {
        color: #ffffff;
    }

    .topicWebPanel.noBorder {
        border-width: 0px;
    }

    .topicWebPanel .topicTitleLeft {
        width: 24px;
        height: 24px;
        background: transparent no-repeat;
        background-position: 2px 8px;
        float: left;
    }

    .topicWebPanel .topicTitle .titleTextWithIcon {
        padding-top: 3px;
        padding-left: 36px;
        font-weight: normal;
        float: left;
        display: block;
        font-size: 22px;
    }

    .topicWebPanel .topicTitle .titleText {
        padding-top: 3px;
        font-weight: 400;
        float: left;
        display: block;
        vertical-align: middle;
        padding-bottom: 4px;
        font-size: 22px;
    }

    .topicWebPanel .topicTitleRight {
        width: 25px;
        height: 20px;
        float: right;
    }

/* PageColor Default */
.xfop .topicWebPanel .topicBody, .Default .xfop .topicWebPanel .topicBody {
    border-left: solid 2px #cacaf3;
    border-right: solid 2px #cacaf3;
    border-bottom: solid 2px #cacaf3;
}


.topicWebPanel .topicTitleRight a.expand, .topicWebPanel .topicTitleRight a.expand:hover, .topicWebPanel .topicTitleRight a.expand:active {
    float: right;
    background: transparent url(img/WebPanel/collapseOn.png) no-repeat;
    width: 30px;
    margin-top: 5px;
    text-decoration: none;
}

.topicWebPanel .topicTitleRight a.collapse, .topicWebPanel .topicTitleRight a.collapse:hover, .topicWebPanel .topicTitleRight a.collapse:active {
    float: right;
    background: transparent url(img/WebPanel/collapseOff.png) no-repeat;
    width: 30px;
    margin-top: 5px;
    text-decoration: none;
}

.topicWebPanel .topicBodyContainer {
    background-color: #fff;
    clear: both;
}

/* PageColor Default */
.xfop .topicWebPanel .topicBodyContainer, .Default .xfop .topicWebPanel .topicBodyContainer {
    border-left: solid 2px #cacaf3;
    border-right: solid 2px #cacaf3;
    border-bottom: solid 2px #cacaf3;
}

.topicWebPanel .gridBar.header {
    height: auto;
    border: none;
    background-color: #ffffff;
}

    .topicWebPanel .gridBar.header td {
        white-space: nowrap;
        border: none;
    }

.topicWebPanel .gridBar.footer {
    height: auto;
    border: none;
    background-color: #f7f7f7;
    padding-top: 2px;
    display: block;
    clear: both;
    overflow: hidden;
}

    .topicWebPanel .gridBar.footer td {
        white-space: nowrap;
        border: none;
    }

/* module note */
.topicWebPanel.note .topicBodyContainer {
    background-color: #fff;
    margin-top: 10px;
}

/* PageColor Default */
.xfop .topicWebPanel .topicTitleBar, .xfop .topicWebPanel .topicTitleBarWithIcon, .Default .xfop .topicWebPanel .topicTitleBar, .Default .xfop .topicWebPanel .topicTitleBarWithIcon {
    padding-top: 0px;
}

.xfop .topicWebPanel .topicTitleBar, .xfop .topicWebPanel .topicTitleBarWithIcon, .Default .xfop .topicWebPanel .topicTitleBar, .Default .xfop .topicWebPanel .topicTitleBarWithIcon {
    background-color: #ffffff;
    background: repeat-x;
}

.topicTitleBar div.TopicMenuBarWebPanelOpen, .topicTitleBar div.TopicMenuBarWebPanelClose {
    float: none;
}

    .topicTitleBar div.TopicMenuBarWebPanel a.menuButton, .topicTitleBar div.TopicMenuBarWebPanelOpen a.menuButton, .topicTitleBar div.TopicMenuBarWebPanelClose a.menuButton {
        font-size:;
        text-decoration: none;
        color: #ffffff;
    }

        .topicTitleBar div.TopicMenuBarWebPanelOpen a.menuButton:hover, .topicTitleBar div.TopicMenuBarWebPanelClose a.menuButton:hover {
            font-size: medium;
            text-decoration: none;
            color: #ffffff !important;
        }

.xfop .topicWebPanel .topicTitleBar a.menuButton {
    font-size: medium;
    text-decoration: none;
    line-height: 2.3;
    margin-top: 10px;
}

div.infobox {
    /* this is the 'i' box on */
    padding: 5px 4px 5px 45px;
    margin: 4px;
    border: 1px solid #6161be;
    background-color: #ffffff;
    background-image: url(../../images/icon.info.picklist.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #1a1a1a;
}

.picklistWindow {
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 130%;
}

    .picklistWindow .sheetHeader {
        padding-top: 10px;
    }

    .picklistWindow .page .topicDescription {
        width: 99.8%;
        border-bottom: solid 1px #6161be;
    }

    .picklistWindow .RowSelected {
        cursor: pointer;
        background-color: #aeaeae;
    }

/* ====================================
    CSS STYLES FOR Application Buttons
   ==================================== */

.appbutton {
    cursor: default;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
}

    .appbutton[disabled] a {
        color: #999;
    }

.appbuttonOff {
    cursor: pointer;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
}

    .appbutton A, .appbuttonOff A {
        text-decoration: none;
        font-weight: normal;
    }

    .appbutton IMG, .appbuttonOff IMG {
        vertical-align: middle;
    }

        .appbutton IMG.InPage, .appbuttonOff IMG.InPage {
            height: 22px;
            width: 22px;
        }

        .appbutton IMG.InWebpart, .appbuttonOff IMG.InWebpart {
            height: 18px;
            width: 18px;
        }

    .appbutton LABEL, .appbuttonOff LABEL {
        vertical-align: middle;
        font-weight: normal;
    }

        .appbutton LABEL.InWebpart, .appbuttonOff LABEL.InWebpart {
            font-weight: normal;
        }

.appbutton:hover {
    cursor: pointer;
    background-color: #EBEBC1;
    border: 1px inset #CECF9C;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 0px;
}

.appbuttonsmall, .appbuttonsmall:hover {
    width: 80px !important;
    display: inline-block !important;
}

.appbuttonsubmit, .appbuttonsubmit:hover {
    width: 95px !important;
    display: inline-block !important;
}

.appbuttonsmall A, .appbuttonsmall:hover A {
    text-align: center !important;
}

.appbutton[disabled]:hover {
    background-color: #eee;
    border: 0;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
    cursor: default !important;
}

    .appbutton[disabled]:hover A {
        cursor: default !important;
    }

.appbuttonsmall[disabled]:hover {
    background-color: #eee;
    border: 0;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
    cursor: default !important;
}

    .appbuttonsmall[disabled]:hover A {
        cursor: default !important;
    }

.appbutton-icononly, .appbutton-icononly:hover {
    width: 25px !important;
    display: inline !important;
}

    .appbutton-icononly[disabled]:hover {
        background-color: #eee;
        border: 0;
        padding-right: 4px;
        padding-left: 4px;
        padding-top: 1px;
        padding-bottom: 1px;
        cursor: default !important;
    }

        .appbutton-icononly[disabled]:hover A {
            cursor: default !important;
        }


/* ==================================================
   The main calendar widget.  DIV containing a table. 
   ================================================== */

div.calendar {
    position: relative;
}

.calendar, .calendar table {
    border: 1px solid #2a77ff;
    font-size: 11px;
    color: #1a1a1a;
    cursor: default;
    background: #fafafa;
}

    /* Header part -- contains navigation buttons and day names. */

    .calendar .button {
        /* "<<", "<", ">", ">>" buttons have this class */
        text-align: center; /* They are the navigation buttons */
        padding: 2px; /* Make the buttons seem like they're pressing */
    }

    .calendar .nav {
        background: #edc url(../../images/CPASS/menuarrow.gif) no-repeat 100% 100%;
    }

    .calendar thead .title {
        /* This holds the current "month, year" */
        font-weight: normal; /* Pressing it will take you to the current date */
        text-align: center;
        background: #cacaf3;
        color: #1a1a1a;
        padding: 2px;
    }

    .calendar thead .headrow {
        /* Row <TR> containing navigation buttons */
        background: #edc;
        color: #1a1a1a;
    }

    .calendar thead .name {
        /* Cells <TD> containing the day names */
        border-bottom: 1px solid #655;
        padding: 2px;
        text-align: center;
        color: #1a1a1a;
    }

    .calendar thead .weekend {
        /* How a weekend day name shows in header */
        color: #f00;
    }

    .calendar thead .hilite {
        /* How do the buttons in header appear when hover */
        background-color: #faa;
        color: #1a1a1a;
        border: 1px solid #f40;
        padding: 1px;
    }

    .calendar thead .active {
        /* Active (pressed) buttons in header */
        background-color: #c77;
        padding: 2px 0px 0px 2px;
    }

    .calendar thead .daynames {
        /* Row <TR> containing the day names */
        background: #fed;
    }

    /* The body part -- contains all the days in month. */

    .calendar tbody .day {
        /* Cells <TD> containing month days dates */
        width: 2em;
        text-align: right;
        padding: 2px 4px 2px 2px;
    }

        .calendar tbody .day.othermonth {
            font-size: 80%;
            color: #bbb;
        }

            .calendar tbody .day.othermonth.oweekend {
                color: #fbb;
            }

    .calendar table .wn {
        padding: 2px 3px 2px 2px;
        border-right: 1px solid #1a1a1a;
        background: #fed;
    }

    .calendar tbody .rowhilite td {
        background: #ddf;
    }

        .calendar tbody .rowhilite td.wn {
            background: #efe;
        }

    .calendar tbody td.hilite {
        /* Hovered cells <TD> */
        background: #ffe;
        padding: 1px 3px 1px 1px;
        border: 1px solid #bbb;
    }

    .calendar tbody td.active {
        /* Active (pressed) cells <TD> */
        background: #ddc;
        padding: 2px 2px 0px 2px;
    }

    .calendar tbody td.selected {
        /* Cell showing today date */
        font-weight: normal;
        border: 1px solid #1a1a1a;
        padding: 1px 3px 1px 1px;
        background: #fea;
    }

    .calendar tbody td.weekend {
        /* Cells showing weekend days */
        color: #f00;
    }

    .calendar tbody td.today {
        font-weight: normal;
    }

    .calendar tbody .disabled {
        color: #999;
    }

    .calendar tbody .emptycell {
        /* Empty cells (the best is to hide them) */
        visibility: hidden;
    }

    .calendar tbody .emptyrow {
        /* Empty row (some months need less than 6 rows) */
        display: none;
    }

    /* The footer part -- status bar and "Close" button */

    .calendar tfoot .footrow {
        /* The <TR> in footer (only one right now) */
        text-align: center;
        background: #f1f1f1;
        color: #1a1a1a;
    }

    .calendar tfoot .ttip {
        /* Tooltip (status bar) cell <TD> */
        border-top: 1px solid #655;
        background: #f1f1f1;
        color: #840;
    }

    .calendar tfoot .hilite {
        /* Hover style for buttons in footer */
        background: #faa;
        border: 1px solid #f40;
        padding: 1px;
    }

    .calendar tfoot .active {
        /* Active (pressed) style for buttons in footer */
        background: #c77;
        padding: 2px 0px 0px 2px;
    }

    /* Combo boxes (menus that display months/years for direct selection) */

    .calendar .combo {
        position: absolute;
        display: none;
        top: 0px;
        left: 0px;
        width: 4em;
        cursor: default;
        border: 1px solid #655;
        background: #ffe;
        color: #1a1a1a;
        font-size: 90%;
        z-index: 100;
    }

        .calendar .combo .label, .calendar .combo .label-IEfix {
            text-align: center;
            padding: 1px;
        }

        .calendar .combo .label-IEfix {
            width: 4em;
        }

        .calendar .combo .hilite {
            background: #fc8;
        }

        .calendar .combo .active {
            border-top: 1px solid #a64;
            border-bottom: 1px solid #a64;
            background: #fee;
            font-weight: normal;
        }

    .calendar td.time {
        border-top: 1px solid #a88;
        padding: 1px 0px;
        text-align: center;
        background-color: #fed;
    }

        .calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {
            padding: 0px 3px 0px 4px;
            border: 1px solid #988;
            font-weight: normal;
            background-color: #fff;
        }

        .calendar td.time .ampm {
            text-align: center;
        }

        .calendar td.time .colon {
            padding: 0px 2px 0px 3px;
            font-weight: normal;
        }

        .calendar td.time span.hilite {
            border-color: #1a1a1a;
            background-color: #866;
            color: #fff;
        }

        .calendar td.time span.active {
            border-color: #f00;
            background-color: #1a1a1a;
            color: #0f0;
        }

/* tab in window */

.tab ul {
    padding-top: 3px !important;
}

.tab li {
    height: 21px;
}

    .tab li a {
        padding-left: 3px;
        background: transparent url('img/tab/tab2LeftOff.gif') 0px 0px no-repeat;
        text-decoration: none;
        line-height: 21px;
        color: #1a1a1a;
    }

        .tab li a .wrap {
            padding-right: 3px;
            background: transparent url('img/tab/tab2RightOff.gif') right 0px no-repeat;
            color: #1a1a1a;
        }

        .tab li a:hover {
            color: #ce3829;
            text-decoration: none;
        }

        .tab li a .innerWrap {
            padding: 0 5px;
            background: transparent url('img/tab/tab2MiddleOff.gif') 0px 0px repeat-x;
        }

        .tab li a .optionGlyph {
            background: url('img/tab/tab2MiddleOff.gif') repeat-x;
            height: 19px;
        }

        .tab li a.selected .optionGlyph {
            background: url('img/tab/tab2MiddleOn.gif') repeat-x;
            height: 22px;
        }

        .tab li a .inPlaceEdit {
            background: url('img/tab/tab2MiddleOff.gif') repeat-x;
        }

        .tab li a.selected .inPlaceEdit {
            background: url('img/tab/tab2MiddleOn.gif') repeat-x;
        }

        .tab li a .inPlaceEditBox {
            margin-top: 1px;
            height: 17px;
        }

        .tab li a.selected .inPlaceEditBox {
            margin-top: 3px;
            height: 17px;
        }

        .tab li a .inPlaceEditBox {
            color: #1a1a1a;
        }

        .tab li a.selected {
            font-weight: normal;
            margin-top: -3px;
            line-height: 21px;
            background: transparent url('img/tab/tab2LeftOn.gif') 0px 0px no-repeat;
        }

            .tab li a.selected .wrap {
                background-image: url('img/tab/tab2RightOn.gif');
            }

            .tab li a.selected .innerWrap {
                background: url('img/tab/tab2MiddleOn.gif') repeat-x;
            }

    .tab li.colored a {
        background: transparent url('img/tab/tab2LeftOffColor.gif') 0px 0px no-repeat;
    }

        .tab li.colored a .wrap {
            background: transparent url('img/tab/tab2RightOffColor.gif') right 0px no-repeat;
        }

        .tab li.colored a .innerWrap {
            background: transparent url('img/tab/tab2MiddleOffColor.gif') 0px 0px repeat-x;
        }

.tabShadow {
    background: transparent repeat-x;
}

.item.groupIndent span.text {
    margin-left: 20px;
}

.item.groupIndent a {
    cursor: default;
    _cursor: default;
}

.item.groupIndent .image {
    vertical-align: middle;
    cursor: pointer;
    _cursor: pointer;
}

.leftPanelBar .group .item.groupIndent {
    background-color: #F6F6F5;
}

    .leftPanelBar .group .item.groupIndent .link:hover {
        background: #f6f6f5;
    }

.noHover, .noHover:hover {
    background-color: Transparent;
}

.recordnumber {
    color: inherit;
}

/* Wizard */
.wizard {
}

.wizardTitleBar {
    border-bottom: solid 1px #e6e6e6;
    color: #000080;
    font-weight: normal;
}

.wizardPageBody .topicStandard .topicDescription {
    width: 99.8%;
}

/* IE6 Only */
* html .wizardPageBody .topicStandard .topicDescription {
    width: 98.7%;
}

.verticalTrain {
    background-color: #eeeefe;
    font-weight: normal;
}

    .verticalTrain .stepActive {
        color: #c83828;
    }

    .verticalTrain .stepMandatory {
        background: url('img/wizard/stepnav_active.png') no-repeat center center;
        color: #1a1a1a
    }

    .verticalTrain .stepDone {
        color: #f8f8ff;
    }

.sectionHeaderBar {
    border-bottom: solid 1px #6161be;
    background-color: #cacaf3;
}

.wizardInstructionBar {
    border-bottom: solid 1px #6161be;
    background-color: #cacaf3;
}

/* Wizard Bar */
.wizardBar {
    height: 22px;
    white-space: nowrap;
}

    .wizardBar.header {
        padding-top: 2px;
        background-color: #f3f3ec;
        border-bottom: solid 1px #cecfce;
    }

    .wizardBar.footer {
        padding-top: 2px;
        border-top: solid 1px #cecfce;
        background-color: #f7f7f7;
        clear: both;
    }

/* CSS buttons - Standard button styles */
a.wizardbutton {
    color: #1a1a1a;
    white-space: nowrap;
    z-index: 100;
}

a.wizardbuttondisabled {
    color: #737373;
    white-space: nowrap;
    z-index: 100;
}

a.wizardbutton:hover {
    border-bottom: 1px solid #c8c898;
    border-right: 1px solid #c8c898;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    background-color: #ddddff;
    white-space: nowrap;
    color: #1a1a1a;
    z-index: 100;
}

a.wizardbutton:link, a.wizardbutton:visited, a.wizardbutton:active {
    color: #1a1a1a;
    white-space: nowrap;
}

a.wizardbuttondisabled:hover, a.wizardbuttondisabled:link, a.wizardbuttondisabled:visited {
    text-decoration: none;
    color: #737373;
    white-space: nowrap;
}

a.btn_WizardNext {
    background-image: url(img/wizard/icon.next.png);
}

a.btn_WizardPrevious {
    background-image: url(img/wizard/icon.previous.png);
}

a.btn_WizardCancel {
    background-image: url(img/wizard/button.cancel.png);
}

a.btn_WizardFinish {
    background-image: url(img/wizard/button.save.png);
}

.mandatory {
    background-color: #afeeee !important;
}

.disabled {
    background-color: #F3F2F2 !important;
    color: #737373 !important;
}

.wizardPageBody .resizeBar {
    border-top: solid 1px #737373;
    border-bottom: solid 1px #737373;
    background: url(img/splitter/splitterbg.gif) repeat-y right;
}

    .wizardPageBody .resizeBar.collapse a .collapseBar {
        background: transparent url(img/splitter/splitter_horCol.gif) no-repeat;
    }

    .wizardPageBody .resizeBar.expand a .collapseBar {
        background: transparent url(img/splitter/splitter_horExp.gif) no-repeat;
    }

    .wizardPageBody .resizeBar.collapse a:hover .collapseBar {
        background: transparent url('img/splitter/splitter_horColHover.gif') no-repeat;
    }

    .wizardPageBody .resizeBar.expand a:hover .collapseBar {
        background: transparent url('img/splitter/splitter_horExpHover.gif') no-repeat;
    }

/* footer window */
.footerWindow {
    border-left: solid 1px #aca899;
    border-right: solid 1px #aca899;
    background: transparent url('img/window/footerbg.png') repeat-x;
}

.windowTab {
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 2px;
    left: 3px;
}

    .windowTab ul {
        padding: 6px 6px 0px 6px;
    }

    .windowTab li a {
        padding-left: 6px;
        background: transparent url('img/window/windowTabLeftOff.png') 0px 0px no-repeat;
        color: #1a1a1a;
        font-weight: normal;
        text-decoration: none;
        line-height: 26px;
    }

        .windowTab li a .wrap {
            padding-right: 6px;
            background: transparent url('img/window/windowTabRightOff.png') right 0px no-repeat;
        }

        .windowTab li a:hover {
            text-decoration: none;
        }

        .windowTab li a .innerWrap {
            padding: 0 5px;
            background: transparent url('img/window/windowTabMiddleOff.png') 0px 0px repeat-x;
        }

        .windowTab li a.selected {
            background: transparent url('img/window/windowTabLeftOn.png') 0px 0px no-repeat;
        }

    .windowTab a.selected {
        font-weight: normal;
        color: #1a1a1a;
    }

    .windowTab a:hover.selected {
        color: #1a1a1a;
    }

    .windowTab li a.selected {
        background: transparent url('img/window/windowTabLeftOn.png') 0px 0px no-repeat;
    }

        .windowTab li a.selected .wrap {
            background: transparent url('img/window/windowTabRightOn.png') no-repeat right;
        }

        .windowTab li a.selected .innerWrap {
            background: transparent url('img/window/windowTabMiddleOn.png') repeat-x;
        }

    .windowTab .windowClose {
        width: 17px;
        height: 16px;
        float: right;
        margin-top: 5px;
    }

        .windowTab .windowClose.off {
            background: transparent url('img/window/windowCloseOff.png') 0px 0px no-repeat;
        }

        .windowTab .windowClose.on {
            background: transparent url('img/window/windowCloseOn.png') 0px 0px no-repeat;
        }

.calendarInfo {
    background: transparent url(img/calendar.gif) 0px 0px no-repeat;
}

.importantInfo {
    color: #c83828;
}

div.menu a.menuItem.optShared {
    background-image: url(img/options/shared_rest.png);
}

div.menu a:hover.menuItem.optShared, div.menu a:focus.menuItem.optShared {
    background-image: url(img/options/shared_hover.png);
}

div.menu a.menuItem.optChecked {
    background-image: url(img/options/checked.gif);
}

div.menu a.menuItem.optAdd {
    background-image: url(img/options/plus.gif);
}

div.menu a:hover.menuItem.optAdd, div.menu a:focus.menuItem.optAdd {
    background-image: url(img/options/plus_hover.gif);
}

div.menu a.menuItem.optSettings {
    background-image: url(img/options/btnSettings.gif);
}

div.menu a:hover.menuItem.optSettings, div.menu a:focus.menuItem.optSettings {
    background-image: url(img/options/btnSettings_hover.gif);
}

div.menu a.menuItem.optRefresh {
    background-image: url(img/options/glyph_refresh_rest.gif);
}

div.menu a:hover.menuItem.optRefresh, div.menu a:focus.menuItem.optRefresh {
    background-image: url(img/options/glyph_refresh_hover.gif);
}

div.menu a.menuItem.optSidebar {
    background-image: url(img/options/add_sidebar_rest_a.gif);
}

div.menu a:hover.menuItem.optSidebar, div.menu a:focus.menuItem.optSidebar {
    background-image: url(img/options/add_sidebar_hover_a.gif);
}

div.menu a.menuItem.optRename {
    background-image: url(img/options/glyph_edit_rest.gif);
}

div.menu a:hover.menuItem.optRename, div.menu a:focus.menuItem.optRename {
    background-image: url(img/options/glyph_edit_hover.gif);
}

/* ===============
    Tooltip Styles
   =============== */
div.TooltipContainer {
    border: #1a1a1a 0.5px solid;
    background-color: #ffffff;
}

    div.TooltipContainer .TextExplanation {
    }

    div.TooltipContainer .TextExplanationAlternate {
        background-color: #ffffff;
    }

img.optionColor.Default {
    background-color: #cacaf3;
}





/* topicStandard note */
.topicStandard.noBorder.note .topicStandardContainer {
    background-color: #fff;
    margin-top: 10px;
}

.noteIcon {
    background: transparent url('img/noteLeft.gif') no-repeat;
    width: 216px;
    height: 77px;
}

.noteRight {
    margin-left: 17px;
    padding: 60px 5px 0px 5px;
    width: 400px;
    border-top: solid 5px #e5e7dc;
    border-right: solid 4px #e5e7dc;
    border-left: solid 1px #e5e7dc;
    border-bottom: solid 4px #e5e7dc;
}

.note {
    font-size: 12px;
    text-align: left;
    color: #1a1a1a;
}

.messageTitle {
    color: #c83828;
}

.messageHeader1 {
    font-size: 16px;
    color: #c83828;
    font-weight: normal;
}

.messageHeader2 {
    font-size: 14px;
    font-weight: normal;
}

.grid .row .buttonSmall a, .grid .rowAlternate .buttonSmall a {
    text-decoration: none;
}

/* DESIGNER */

.designer .control.button, .designer .control.buttonLink {
    height: 18px;
    white-space: nowrap;
    width: auto;
}

.designer .topicControlBar .right {
    float: right;
}

.designer .control.button {
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border: solid 2px #fff;
    background: #940029;
}

.designer .control.buttonLink {
    float: none;
    display: inline-block;
}

    .designer .control.button span, .designer .control.buttonLink span {
        font-size: 12px;
    }

.designer .control.button a {
    background: #940029 url('img/designer/button.png') 0px 0px no-repeat;
    color: #fff;
}

.designer .control.addItem {
    width: 20px;
    height: 20px;
    background: transparent url('img/designer/button.add.png') 0px 0px no-repeat;
    color: #fff;
}

.designer .control.removeItem {
    background: transparent url('img/designer/button.recyclebin.png') 0px 0px no-repeat;
    color: #fff;
}

.designer .control.buttonLink a {
    background: transparent url('img/designer/href.png') 0px 0px no-repeat;
    display: block;
}

.designer .control.choose a {
    background: transparent url('img/designer/choose.png') 0px 0px no-repeat;
}

.designer .control.checkbox a {
    background: transparent url('img/designer/inputCheckbox.png') 0px 0px no-repeat;
}

.designer .control.currency a {
    background: transparent url('img/designer/inputCurrency.png') 0px 0px no-repeat;
}

.designer .control.date a {
    background: transparent url('img/designer/inputDate.png') 0px 0px no-repeat;
}

.designer .control.href a {
    background: transparent url('img/designer/href.png') 0px 0px no-repeat;
}

.designer .control.image a {
    background: transparent url('img/designer/image.png') 0px 0px no-repeat;
}

.designer .control.label a {
    background: transparent url('img/designer/label.png') 0px 0px no-repeat;
}

.designer .control.picklist a {
    background: transparent url('img/designer/inputPicklist.png') 0px 0px no-repeat;
}

.designer .control.radioButton a {
    background: transparent url('img/designer/radioButton.png') 0px 0px no-repeat;
}

.designer .control.text a {
    background: transparent url('img/designer/inputText.png') 0px 0px no-repeat;
}

.designer .control.time a {
    background: transparent url('img/designer/time.png') 0px 0px no-repeat;
}

.designer .control.textArea a {
    background: transparent url('img/designer/textArea.png') 0px 0px no-repeat;
}

.configurationCategoryCell {
    background: #ffffff;
}

    .configurationCategoryCell.taskName {
    }

    .configurationCategoryCell.taskDescription {
    }

#screenDesigner_sheetHeader {
    background: transparent url('img/designer/tabSpacer.png') 0px 0px repeat-x;
}

.designTab {
    font-size: 12px;
    text-align: center;
}

    .designTab ul {
        padding: 6px 6px 0px 6px;
    }

    .designTab li a {
        padding-left: 8px;
        background: transparent url('img/designer/tabLeftOff.png') 0px 0px no-repeat;
        color: #416aa3;
        font-weight: normal;
        text-decoration: none;
        line-height: 25px;
    }

        .designTab li a .wrap {
            color: #416aa3;
            padding-right: 8px;
            background: transparent url('img/designer/tabRightOff.png') right 0px no-repeat;
        }

        .designTab li a:hover {
            color: #15428b;
            text-decoration: none;
        }

        .designTab li a .innerWrap {
            padding: 0 8px;
            background: transparent url('img/designer/tabMiddleOff.png') 0px 0px repeat-x;
        }

        .designTab li a .optionGlyph {
            background: url('img/designer/tabMiddleOff.png') repeat-x;
            height: 25px;
        }

        .designTab li a .inPlaceEdit {
            background: url('img/designer/tabMiddleOff.png') repeat-x;
        }

        .designTab li a.selected {
            font-weight: normal;
            background: #dfe8f6 url('img/designer/tabLeftOn.png') 0px 0px no-repeat;
        }

            .designTab a.selected, .designTab a.selected .wrap, .designTab a:hover.selected, .designTab li a.selected .inPlaceEditBox {
                color: #15428b;
            }

            .designTab li a.selected .wrap {
                background: transparent url('img/designer/tabRightOn.png') no-repeat right;
            }

            .designTab li a.selected .innerWrap, .designTab li a.selected .optionGlyph, .designTab li a.selected .inPlaceEdit {
                background: transparent url('img/designer/tabMiddleOn.png') repeat-x;
            }

            .designTab li a .inPlaceEditBox, .designTab li a.selected .inPlaceEditBox {
                margin-top: 3px;
                height: 17px;
            }

        .designTab li a .inPlaceEditBox {
            color: #1a1a1a;
        }

.messageCheckBox {
    font-size: 80%;
    text-decoration: none;
}


/* action tab specific colours */

tr.closedAction td label {
    color: #c83828;
}

/* action events specific colours */

tr.closedActionEvents td label {
    color: #999;
}

.dueDateInTheFuture {
    color: #800080;
}

.dueDateInThePast {
    color: #c83828;
}

.reminderDateInThePast {
    color: #c83828;
}

.dueDateNormal {
    color: #1a1a1a;
}

tr.hasImportBatchKey td label {
    color: #c83828;
}

span.timeSheetFor {
    font-size: 80%;
}

tr.colorRowGray td label {
    color: #737373;
}

tr.colorRowBlue td label {
    color: #0000ff;
}

.grid .DefaultRowSelected {
    background-color: #aeaeae;
}

.grid .RedRowSelected {
    background-color: #aeaeae;
    color: #c83828;
}

.grid .BlueRowSelected {
    background-color: #aeaeae;
    color: #0000ff;
}

.grid .GrayRowSelected {
    background-color: #aeaeae;
    color: #737373;
}

.MsgError {
    font-size: 80%;
}

    .MsgError TABLE {
        font-size: 100%;
        width: 100%;
        background-color: #f6f6ed;
        word-spacing: 1pt;
        color: #c83828;
    }

        .MsgError TABLE IMG {
            border: 0px;
        }

    .MsgError .MsgBoxError {
        border: solid 1px #c83828;
        color: #c83828;
    }

    .MsgError .Title {
        font-weight: normal;
        width: 100%;
        color: #c83828;
        padding-left: 0px;
    }

    .MsgError .MessageItem {
        padding-bottom: 2px;
        white-space: nowrap;
    }

.DisabledNotes {
    color: #737373;
    font-style: italic;
}

.legacy-table tr td {
    border-bottom: dotted 1px #d3d3d3;
    border-top: dotted 1px transparent;
}

.legacy-table tr th {
    border-top: solid 1px darkgrey;
    border-bottom: solid 1px darkgrey;
    background-color: rgb(251, 248, 252);
    padding-top: 5px;
    padding-bottom: 5px;
}

.legacy-table tr:hover {
    background-color: #ffffcc;
}

    .legacy-table tr:hover td {
        background-color: #ffffcc;
        border-bottom-color: #a9a9a9;
    }

.no-silverlight span div.messageInfoError {
    width: 98.5%;
    background-color: #faf0e6;
    padding-top: 10px;
}

.no-silverlight span div.infoIcon {
    border-style: none;
    padding-bottom: 3px;
    display: inline-block;
    width: 50px;
    height: 22px;
    background: transparent url(../../images/icon.info.picklist.png) no-repeat center center;
}

.no-silverlight span .messageInfoItem {
    font-size: 10pt;
    vertical-align: top;
}

.sl-app {
}

.sl-msg {
    overflow: hidden;
    padding-left: 3px;
    text-overflow: ellipsis;
}

.ie7-msg {
    overflow: hidden;
    padding-left: 3px;
    text-overflow: ellipsis;
}

#Case_HeaderTopic.topicBodyContainer .topicBody table td a, #NameSummary_Heading2.topicBodyContainer .topicBody table td a {
    color: #4c4cd7
}
.notification-badge {
    display: inline-block;
    margin-right: 5px;
    margin-top: 2px;
    padding: 0.25em 0.4em;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #f8f9fa;
    border-radius: 0.25rem;
    border: gray 0.2px solid;
}

.notification-badge.new {
    background-color: #ffc107;
}