html, body, form, table#OuterTable {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#OuterTable {
    vertical-align: top;
    height: 100%;
}

body {
    background-color: White;
    font-family: arial;
    font-size: 11px;
}

img /** IE Only **/ {
    border: none;
}

a:link, a:visited {
    text-decoration: none;
    color: #09a7c9;
    font-weight: bold;
}

a:hover {
    /*color: #3169d6;*/
    text-decoration: none;
    background-color: #54c8e1;
    color: white;
}

td, p {
    color: #3b3b3b;
    font-size: 11px;
}

h1 {
    padding: 0px;
    width: 250px;
    padding-left: 20px;
    height: 16px;
    font-size: 13px;
    margin: 0px;
}

h2 {
    padding: 0px;
    height: 16px;
    font-size: 11px;
    margin: 0px;
}

/** Interface **/
.Header {
    height: 70px;
    background-color: #50535a;
}

.HeaderLeft{
    padding-top: 10px;
    padding-left: 20px;
    float: left;
}

.HeaderRight{
    text-align: right;
}

#Header {
    height: 70px;
    background-color: #50535a;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

    #Header #HeaderLeft {
        width: 400px;
        background-position: left top;
        background-image: url(../../images/Blue/HeaderLogo.png);
        background-repeat: no-repeat;
    }

#HeaderRight {
    width: 500px;
    background-position: right top;
    background-image: url(../../images/Blue/HeaderLogo.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
}

#Content {
    padding: 0px;
    margin: 0px;
    background-color: #f1f1f1;
    border-bottom: solid 1px #c2c2c2;
    height: 100%;
}

    #Content #InnerContent {
        padding: 15px 15px 15px 15px;
        vertical-align: top;
        height: 100%;
    }

    #Content #HeaderContent {
        width: 100%;
        padding-top: 0px;
    }

        #Content #HeaderContent #HeaderContentBody {
            padding-left: 10px;
            height: 30px;
            padding-top: 5px;
            background-color: #54c8e1;
            color: white;
            -webkit-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            border-top-right-radius: 5px;
        }

        #Content #HeaderContent .PageTitle {
            background-image: url(../../images/Blue/btnPageOptions.gif);
            background-position: left center;
            background-repeat: no-repeat;
            padding-bottom: 20px;
        }

#Footer {
    color: #7b7b7b;
    vertical-align: middle;
    text-align: center;
    font-size: 11px;
    height: 35px;
}

/** Navigation **/
.TopNavigation {
    background-color: #808287;
    vertical-align: top;
    padding-top: 2px;
    padding-left: 185px;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}

a.Menu_TopLevelOff:link, a.Menu_TopLevelOff:visited {
    display: block;
    padding: 5px 15px 5px 15px;
    vertical-align: top;
    color: white;
    height: 21px;
    text-decoration: none;
}

a.Menu_TopLevelOff:hover {
    color: white;
    text-decoration: none;
    background-color: rgba(255,255,255,0.3);
}

.Menu_TopLevelOn {
    vertical-align: top;
    color: white;
    font-weight: bold;
    padding: 5px 15px 5px 15px;
    background-color: rgba(255, 255, 255, 0.3);
}

.Menu_TabLeft {
    vertical-align: top;
    width: 0;
}

.Menu_TabRight {
    vertical-align: top;
    width: 0;
}

#LeftNavigation {
    width: 180px;
    vertical-align: top;
    height: 100%;
}

.LeftNavSpacer {
    background-color: White;
    height: 9px;
}

a.LeftNav_Default:link, a.LeftNav_Default:visited {
    display: block;
    background-color: white;
    height: 18px;
    padding-right: 25px;
    text-decoration: none;
    text-align: right;
    color: #3b3b3b;
    padding-top: 5px;
    border-bottom: 1px solid #d1d1d1;
}

a.LeftNav_Default:hover {
    background-color: #f0f0f0;
}

a.LeftNav_ChildItemSelected:link, a.LeftNav_ChildItemSelected:visited {
    display: block;
    height: 20px;
    vertical-align: central;
    padding-right: 25px;
    text-decoration: none;
    text-align: right;
    color: #3b3b3b;
    font-weight: bold;
    padding-top: 5px;
    background-color: #f0f0f0;
}

a.LeftNav_ChildItemSelected:hover {
    /*color: black;*/
}

.LeftNav_SelectedParent {
    display: none;
    height: 24px;
    left: 1px;
    position: relative;
    padding-right: 25px;
    text-decoration: none;
    text-align: right;
    color: #3b3b3b;
    font-weight: bold;
    padding-top: 6px;
    background-color: #e0e0e0;
    margin-right: 5px;
}

.LeftNav_Title {
    background-color: #54c8e1;
    padding: 0px 5px 0px 5px;
    height: 26px;
    font-weight: bold;
    color: White;
}

.LeftNav_Title2 {
    background-color: #54c8e1;
    padding: 0px 5px 0px 5px;
    height: 26px;
    font-weight: bold;
    color: White;
}

/** Help Panel **/
#HelpPanel {
    vertical-align: top;
    background-color: #3169d6;
    width: 1px;
    height: 100%;
    display: none;
}

#HelpPanel_Content {
    background-position: left top;
    background-image: url(../../images/Blue/HelpPanelBackground.gif);
    background-repeat: repeat-y;
    vertical-align: top;
    width: 239px;
    height: 100%;
}

#PanelSeperator {
    background-position: left top;
    background-image: url(../../images/Layout/PanelSeperatorBackground.gif);
    background-repeat: repeat-y;
    width: 9px;
    text-align: right;
    vertical-align: middle;
    height: 100%;
}

.TogglePanelVisible {
    background-position: right center;
    background-image: url(../../images/Layout/btnClosePanel.gif);
    background-repeat: no-repeat;
    width: 9px;
    cursor: hand;
    height: 80px;
}

.TogglePanelHidden {
    background-position: right center;
    background-image: url(../../images/Layout/btnOpenPanel.gif);
    background-repeat: no-repeat;
    width: 9px;
    cursor: hand;
    height: 80px;
}

.TogglePanelOver {
    background-position: right center;
    background-image: url(../../images/Blue/btnPanelOver.gif);
    background-repeat: no-repeat;
    width: 9px;
    cursor: hand;
    height: 80px;
}

.HelpPanel_Header {
    background-position: left top;
    background-image: url(../../images/Blue/HelpPanelHeader.jpg);
    background-repeat: no-repeat;
    height: 41px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    width: 239px;
}

/** Other **/
a.Desktop_Icon:link, a.Desktop_Icon:visited {
    padding-left: 24px;
    padding-top: 2px;
    background-position: left center;
    background-image: url(../../images/Icons/Desktop.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    color: #3b3b3b;
}

a.Desktop_Icon:hover {
    color: #3169d6;
    text-decoration: underline;
}

/** Body Elements Loader **/
#f_LoaderContainer {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1000;
}

    #f_LoaderContainer td {
        vertical-align: central;
        text-align: center;
    }

        #f_LoaderContainer td td {
            padding-top: 3px;
            text-align: center;
        }

#f_LoaderCapsule p, .InnerLoader {
    background-image: url(../../images/Blue/Loader.gif);
    background-repeat: no-repeat;
    width: 128px;
    left: 50%;
    margin-left: -64px;
    margin-top: -64px;
    height: 128px;
    position: fixed;
}

#HelpLabel {
    padding: 10px 10px 10px 10px;
    border: dashed 1px #c2c2c2;
    background-color: #ffffff;
    margin-bottom: 10px;
}

#TipTextLabel {
    font-size: 11px;
    line-height: 17px;
    padding-left: 20px;
    background-color: Transparent;
    border-bottom-color: transparent;
    background-image: url(../../images/Layout/TipTextArrow.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.SupportButton {
    background-color: White;
    background-image: url(../../images/Icons/Help.gif);
    background-position: left center;
    padding-left: 18px;
    background-repeat: no-repeat;
}

.PagePrint {
    background-color: White;
    background-image: url(../../images/Icons/Print.gif);
    background-position: left center;
    padding-left: 18px;
    background-repeat: no-repeat;
}

.Logout {
    background-color: White;
    background-image: url(../../images/Icons/Logout.gif);
    background-position: left center;
    padding-left: 18px;
    background-repeat: no-repeat;
}

.CreateQuote {
    background-color: White;
    background-image: url(../../images/Icons/Quote.gif);
    background-position: left center;
    padding-left: 18px;
    background-repeat: no-repeat;
}

.Container {
    border: solid 1px #d3d3bf;
    background-image: url(../../images/Layout/ContainerBackground.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    padding: 10px;
    border-top: none;
}

.ContainerHeader {
    padding: 5px;
    margin: 0px;
    color: White;
    font-weight: bold;
    background-color: #54c8e1;
}

.UserLoginHeader {
    height: 65px;
    background-color: #54c8e1;
    font-size: 20px;
    padding: 10px;
    font-weight: bold;
    color: white;
}

.AccountOutstandingHeader {
    height: 40px;
    text-align: center;
    background-color: #54c8e1;
    font-size: 20px;
    font-weight: bold;
    color: red;
    padding-top: 10px;
}

.AccountOutstandingFooter {
    text-align: center;
    background-color: #54c8e1;
    font-size: 20px;
    font-weight: bold;
    color: red;
}

.AccountOutstandingBorder{
    border: solid 2px red;
    width: 80%;
    height: 100%;
    text-align: center;
    font-weight: bold;
}

.AccountOutstandingTop {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    padding-left: 80px;
    padding-top: 10px;
    color: red;
    float: left;
}

.ListCtrlTable {
    width: 100%;
}

    .ListCtrlTable td {
        padding: 1px 1px 1px 1px;
    }

.FormFieldSpacer {
    height: 24px;
}

.FormFieldLabel {
    height: 24px;
    font-weight: bold;
    font-size: 11px;
    width: 1px;
    padding-right: 10px;
    padding-top: 4px;
    white-space: nowrap;
}

.FormFieldSpacer .FormFieldLabel {
    font-size: 1.1em;
}

.HelpPanelContentArea {
    background-image: url(../../images/Blue/HelpPanelContent.gif);
    background-position: left top;
    padding: 8px 22px 8px 22px;
    vertical-align: top;
    height: 50px;
    background-repeat: repeat-y;
}

.HelpPanelContentFooter {
    background-image: url(../../images/Blue/HelpPanelContentFooter.gif);
    background-position: left bottom;
    height: 7px;
    background-repeat: no-repeat;
}

.PanelSeperator {
    background-image: url(../../images/Blue/HelpPanelSpacer.gif);
    background-position: center center;
    height: 25px;
    background-repeat: no-repeat;
}

#HelpFromFile {
    padding: 0px 15px 15px 15px;
    color: White;
    vertical-align: top;
    height: 100%;
}

    #HelpFromFile p, #HelpFromFile td {
        color: White;
        line-height: 16px;
        height: 100%;
    }

.HelpFileContent {
    vertical-align: top;
    color: White;
    display: block;
    line-height: 16px;
    padding: 5px 5px 5px 5px;
}

.HelpPanel_HeaderImage {
    background-image: url(../../images/Icons/Help.gif);
    background-position: left center;
    padding-left: 20px;
    height: 16px;
    margin-left: 23px;
    margin-top: 13px;
    padding-top: 3px;
    vertical-align: middle;
    background-repeat: no-repeat;
}

a.DesktopShortcut:link, a.DesktopShortcut:visited {
    display: block;
    padding: 5px 1px 1px 1px 1px;
    width: 100px;
    text-decoration: none;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

a.DesktopShortcut:hover {
    background-color: rgba(255,255,255,0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -moz-transform: translate(-1px,-1px);
    -ms-transform: translate(-1px,-1px);
    -o-transform: translate(-1px,-1px);
    -webkit-transform: translate(-1px,-1px);
    transform: translate(-1px,-1px);
}

.QuickSearchPanel {
    padding: 5px;
}

.QuickSearch {
    padding: 2px 2px 2px 2px;
    border: solid 1px transparent;
}

.QuickSearchOver {
    padding: 3px;
    background-color: #fafafa;
}

.QuickSearch a.Button {
    background-color: #c11e12;
    color: white;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
}

.QuickSearchOver a.Button {
    background-color: #d0392e;
    color: white;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
}

    .QuickSearchOver a.Button:active {
        background-color: #e1463b;
        color: white;
        border: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        width: 100%;
    }

.BlueButton {
    padding: 2px 2px 2px 2px;
    border: solid 2px transparent;
    background-color: #54c8e1;
    color: white;
    font-size: 12px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .BlueButton:hover {
        padding: 2px 2px 2px 2px;
        border: solid 2px transparent;
        background-color: #77d6ea;
        color: white;
    }

.GreenButton {
    padding: 2px 2px 2px 2px;
    border: solid 2px transparent;
    background-color: #44c759;
    color: white;
    font-size: 12px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .GreenButton:hover {
        padding: 2px 2px 2px 2px;
        border: solid 2px transparent;
        background-color: #44c759;
        color: white;
    }

#Error_Permission {
    border: solid 2px #d31213;
    background-color: white;
    padding-left: 35px;
    padding-top: 8px;
    padding-bottom: 5px;
    padding-right: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #d31213;
    background-image: url(../../images/Icons/ErrorValidation.gif);
    background-position: left top;
    background-Repeat: no-repeat;
}

    #Error_Permission ul {
        margin: 0px;
        margin-bottom: 0px;
        padding: 5px;
        line-height: 18px;
        padding-left: 15px;
    }

    #Error_Permission li {
        color: #3b3b3b;
        font-weight: normal;
    }

#InnerTableGrow {
    vertical-align: top;
    height: 100%;
}

#LeftNavFooter {
    height: 5px;
}

#PageInfoTitle {
    float: left;
    text-align: center;
    padding-top: 5px;
    width: 140px;
    white-space: nowrap;
}

.HideSettingRow {
    display: none;
}

/* Graph */
.GraphBackground, .Graph_Empty {
    background-image: url(../../images/Icons/raphEmpty.gif);
    background-position: left center;
    background-repeat: repeat-x;
    height: 9px;
}

.Graph_NormalLeft {
    width: 3px;
    background-image: url(../../images/Icons/GraphBeginFilled.gif);
    background-position: left center;
    background-repeat: no-repeat;
}

.Graph_WarningLeft {
    width: 3px;
    background-image: url(../../images/Icons/GraphBeginWarning.gif);
    background-position: left center;
    background-repeat: no-repeat;
}

.Graph_EmptyRight {
    width: 3px;
    background-image: url(../../images/Icons/GraphEndEmpty.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

.Graph_EmptyLeft {
    width: 3px;
    background-image: url(../../images/Icons/GraphBeginEmpty.gif);
    background-position: left center;
    background-repeat: no-repeat;
}

.Graph_NormalRight {
    width: 3px;
    background-image: url(../../images/Icons/GraphEndFilled.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

.Graph_Normal {
    background-image: url(../../images/Icons/GraphFill.gif);
    background-position: left center;
    background-repeat: repeat-x;
}

.Graph_Warning {
    background-image: url(../../images/Icons/GraphWarning.gif);
    background-position: left center;
    background-repeat: repeat-x;
}

/* General */
.TitleText {
    text-align: left;
    border-bottom: 1px solid #BBBDBF;
    font-weight: bold;
}

.RecordDefaultsSummary {
    border: solid 2px #c2c2c2;
    background-color: white;
    padding-left: 35px;
    padding-top: 8px;
    padding-bottom: 5px;
    color: #808080;
    padding-right: 10px;
    font-weight: bold;
    background-image: url(../../images/Icons/RecordDefaults.gif);
    background-position: left top;
    background-Repeat: no-repeat;
}

    .RecordDefaultsSummary ul {
        margin: 0px;
        margin-bottom: 0px;
        padding: 5px;
        line-height: 18px;
        padding-left: 15px;
    }

    .RecordDefaultsSummary li {
        color: #808080;
        font-weight: normal;
    }

.TableMain {
    width: 100%;
}

.DefaultsSummary {
    border: solid 2px #c2c2c2;
    background-color: white;
    padding-left: 35px;
    padding-top: 8px;
    padding-bottom: 5px;
    color: #808080;
    padding-right: 10px;
    font-weight: bold;
}

    .DefaultsSummary ul {
        margin: 0px;
        margin-bottom: 0px;
        padding: 5px;
        line-height: 18px;
        padding-left: 15px;
    }

    .DefaultsSummary li {
        color: #808080;
        font-weight: normal;
    }

/* Edge Styles */
#pageContent {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 18px;
    min-width: 817px;
    overflow-x: auto;
}

.updateProgress {
    background-color: white;
    filter: alpha(opacity=45);
    opacity: 0.45;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 9999999;
}

* .PrContainer {
    left: 450px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;
    height: 28px;
    white-space: nowrap;
    font-family: arial,helvetica,clean,sans-serif;
    z-index: 99999999;
    float: left;
    position: absolute;
    margin-top: 2px;
    top: 0px;
}

* .PrHeader {
    float: left;
}

* .PrBody {
    margin-top: 2px;
    float: left;
}

.blueText {
    color: #3b5998;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 13px;
}

.blueTextBold {
    color: #3b5998;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.bigBlueTextBold {
    color: #3b5998;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.textBoxes {
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px;
}

.labelBlue {
    color: #3b5998;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    padding: 2px;
    margin: 0px;
}

.smallBlueText {
    color: #3b5998;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px; /* width:100%;*/
}

.smallGreenText {
    color: #009900;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px; /* width:100%;*/
}

.smallBlackText {
    color: black;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px;
}

.verysmallBlackText {
    color: black;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 8px;
}

.whiteText {
    color: white;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 13px;
}

.whiteTextBold {
    color: white;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.smallWhiteText {
    color: white;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px; /*  width:100%;*/
}

.smallBlackTextPadding {
    color: black;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    padding: 2px; /*  width:100%;*/
}

.blackText {
    color: black;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 13px;
}

.blackTextBold {
    color: black;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.microBlackText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
}

.blueText {
    color: #3b5998;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 13px;
}

.blueTextBold {
    color: #3b5998;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.bigBlueTextBold {
    color: #3b5998;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.redText {
    color: #ff0000;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 13px;
}

.smallRedText {
    color: #ff0000;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px; /* width:100%;*/
}

.tinyBlueText {
    color: #3b5998;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 10px; /* width:100%;*/
}

.tinyBlackText {
    color: black;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 10px; /* width:100%;*/
}

.tinyRedText {
    color: #ff0000;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 10px; /* width:100%;*/
}

.redTextBold {
    color: #ff0000;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.greenText {
    color: #009900;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 12px;
}

.tinyGreenText {
    color: #009900;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 10px; /* width:100%;*/
}

.greenTextBold {
    color: #009900;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.smallBlackTextBold {
    color: black;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
}

.smallBlueTextBold {
    color: #3b5998;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
}

.smallGreenTextBold {
    color: #009900;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
}

.smallRedTextBold {
    color: #ff0000;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
}

/************ ************************* ***********************/
/************ ************************* ***********************/
/************ **Ajax Control Toolkit*** ***********************/
/************ ************************* ***********************/
/************ MaskedEdit Related Styles ***********************/
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus {
    background-color: #ffffcc;
    color: #000000;
}

.MaskedEditMessage {
    color: #ff0000;
    font-weight: bold;
}

.MaskedEditError {
    background-color: #ffcccc;
}

.MaskedEditFocusNegative {
    background-color: #ffffcc;
    color: #ff0000;
}

.MaskedEditBlurNegative {
    color: #ff0000;
}

.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight: bold;
}

/** Paging **/
.GridPagePreviousInactive {
    background-position: center center;
    background-image: url(../../images/Paging/PaginPreInactive.gif);
    text-decoration: none;
    border-width: 0px;
    background-repeat: no-repeat;
}

.GridPagePreviousActive {
    background-position: center center;
    background-image: url(../../images/Paging/PaginPre.gif);
    text-decoration: none;
    border-width: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.GridPageNextInactive {
    background-position: center center;
    background-image: url(../../images/Paging/PaginNextInactive.gif);
    text-decoration: none;
    border-width: 0px;
    background-repeat: no-repeat;
}

.GridPageNextActive {
    background-position: center center;
    background-image: url(../../images/Paging/PaginNext.gif);
    text-decoration: none;
    border-width: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.GridPageFirstInactive {
    background-position: center center;
    background-image: url(../../images/Paging/PaginFirstInactive.gif);
    text-decoration: none;
    border-width: 0px;
    background-repeat: no-repeat;
}

.GridPageFirstActive {
    background-position: center center;
    background-image: url(../../images/Paging/PaginFirst.gif);
    text-decoration: none;
    border-width: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.GridPageLastInactive {
    background-position: center center;
    background-image: url(../../images/Paging/PaginLastInactive.gif);
    text-decoration: none;
    border-width: 0px;
    background-repeat: no-repeat;
}

.GridPageLastActive {
    background-position: center center;
    background-image: url(../../images/Paging/PaginLast.gif);
    text-decoration: none;
    border-width: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.Export {
    background-position: center center;
    background-image: url(../../images/Paging/export.gif);
    text-decoration: none;
    border-width: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
}

/* Discovery */
/*  Notices */
.contentBorder p, .contentBorderNotice p, .contentBorderWarning p, .contentBorderBuild p, .contentBorderOkay p, .contentborder p, .contentbordernotice p, .contentborderwarning p, .contentborderbuild p, .contentborderokay p {
    margin: 1em 10px;
}

.headingMainNotice, .headingmainnotice {
    font: 900 140% Arial, Helvetica;
    /*background-color: #b1a596;*/
    background-color: #c11e12;
    color: #fff;
    margin: 0px;
    padding: 3px 0 3px 6px;
}

.contentBorderNotice, .contentbordernotice {
    position: relative;
    background: url(../../images/discovery/note_notice.gif) no-repeat top left;
    border-bottom: 4px solid #FFCC00;
    padding: 1px 0px 0px 90px;
}

.contentInnerNotice, .contentinnernotice {
}

.contentBorderWarning, .contentborderwarning {
    position: relative;
    background: url(../../images/discovery/note_warning.gif) no-repeat top left;
    border-bottom: 4px solid #B30000;
    padding: 1px 0px 0px 90px;
}

.contentInnerWarning, .contentinnerwarning {
}

.contentBorderBuild, .contentborderbuild {
    position: relative;
    background: url(../../images/discovery/note_build.gif) no-repeat top left;
    border-bottom: 4px solid #003BE2;
    padding: 1px 0px 0px 90px;
}

.contentInnerBuild, .contentinnerbuild {
}

.contentBorderOkay, .contentborderokay {
    position: relative;
    background: url(../../images/discovery/note_okay.gif) no-repeat top left;
    border-bottom: 4px solid #33CC00;
    padding: 1px 0px 0px 90px;
}

.contentInnerOkay, .contentinnerokay {
}

.errorNote, .errorRed, .errorText, .errornote, .errorred, .errortext {
    color: #CC0001;
    background: url(../../images/discovery/icon_error_ani.gif) no-repeat 0 16px;
    background-color: #F8F8F8;
    border: 1px dashed #CC0001;
    margin: 7px 8px 7px 0px;
    padding: 0px 10px 0px 35px;
}

.contentBorder .noted, .contentborder .noted {
    background-color: #FFFFE1;
    border: 1px dashed #B5B591;
    margin: 7px 8px;
    padding: 0px 10px;
}

.contentBorder .errorNote, .contentBorder .errorRed, .contentBorder .errorText, .contentborder .errornote, .contentborder .errorred, .contentborder .errortext {
    color: #CC0001;
    background: url(../img/icon_error_ani.gif) no-repeat 0 7px;
    background-color: #F8F8F8;
    border: 1px dashed #CC0001;
    margin: 7px 8px;
    padding: 0px 10px 0px 35px;
}

.contentBorder h1, .contentBorder h2, .contentborder h1, .contentborder h2, .contentBorder h3, .contentborder h3, {
    margin: 15px 10px 5px 10px;
}

.contentBorder ul li, .contentborder ul li {
    margin-left: 30px;
}

.contentBorder table, .contentborder table {
    margin-left: 3px;
}

.contentBorder td, .contentborder td {
    padding: 3px 6px;
}

.contentBorderOkay h1, .contentBorderOkay h2, .contentborderokay h1, .contentborderokay h2 {
    margin: 15px 10px 5px 10px;
    color: #339900;
}

.contentBorderNotice h1, .contentBorderNotice h2, .contentbordernotice h1, .contentbordernotice h2 {
    margin: 15px 10px 5px 10px;
    color: #DBA800;
}

.contentBorderWarning h1, .contentBorderWarning h2, .contentborderwarning h1, .contentborderwarning h2 {
    margin: 15px 10px 5px 10px;
    color: #B30000;
}

.contentBorderBuild h1, .contentBorderBuild h2, .contentborderbuild h1, .contentborderbuild h2 {
    margin: 15px 10px 5px 10px;
    color: #003BE2;
}

/* footer */
#footer {
    clear: both;
    padding: 8px 0 3px 0;
    font: 80% Verdana, Arial, Helvetica, sans-serif;
}

    #footer a {
        text-decoration: none;
        color: #666;
    }

/* Modal Styles */
.modalBackground {
    background-color: Yellow;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 5px;
    width: 100%;
    height: 100%;
}

/* Tabs */
.moduleTabsContainer {
    /*background: #F1F2EC;*/
    /*border:1px solid #D7D7D7;*/
    color: #001119;
    padding: 10px;
    position: relative;
    z-index: 666;
    zoom: 1;
    overflow: hidden;
    /*white-space: nowrap;*/
}

.scrollableDiv {
    overflow-y: hidden;
    overflow-x: auto;
}

.scrollable {
    /*background: #EDECD1;*/
    overflow: hidden;
}

.content {
    position: relative;
}

.moduleTabs {
    padding: 0;
    /*background: #EDECD1;*/
    list-style-type: none;
    z-index: 800;
    position: relative;
    list-style-type: none;
}

    .moduleTabs li {
        list-style-type: none;
        display: inline;
        width: 110px;
        margin: 0;
        white-space: nowrap;
        padding: 0;
        text-align: center; /*border-bottom: 1px solid #D5D291;*/
    }

        .moduleTabs li.selected {
            color: #696969;
            border-top: 1px solid #D5D291;
            border-right: 1px solid #D5D291;
            border-left: 1px solid #D5D291;
            border-bottom: 1px solid #fff;
            background-color: #ffffff;
            text-align: center;
            padding: 5px;
            display: inline-block;
        }

        .moduleTabs li img {
            padding-right: 3px;
        }

    .moduleTabs a.selected {
        border-top: 1px solid #c2c2c2;
        border-right: 1px solid #c2c2c2;
        border-left: 1px solid #c2c2c2;
        border-bottom: 1px solid #fff;
        background-color: #ffffff;
        text-align: center;
        padding: 5px;
        display: inline-block;
        border-radius: 3px 3px 0 0;
        moz-border-radius: 3px 3px 0 0;
    }

        .moduleTabs a.selected:hover {
            color: black;
        }

    .moduleTabs li a {
        cursor: pointer;
        min-width: 110px;
        list-style-type: none;
        display: inline-block;
        margin: 0;
        white-space: nowrap;
        border-bottom: 1px solid #c2c2c2;
        display: inline-block;
        text-align: center;
        padding: 5px;
    }

.scrollButtons {
    clear: both;
    float: right;
    z-index: 999;
}

    .scrollButtons a:hover {
        background-color: rgba(84, 200, 225, 0.14);
        cursor: pointer;
    }

    .scrollButtons .left {
        background-image: url(../../images/tabs/resultset_previous.png);
        position: absolute;
        top: 10px;
        float: right;
        right: 25px;
        z-index: 999;
        display: block;
        /*background-color: #EDECD1;*/
        background-repeat: no-repeat;
        font-size: 0px;
        height: 18px;
        line-height: 18px;
        margin-top: 5px;
        outline: 0px;
        overflow: hidden;
        text-indent: -9999px;
        width: 18px;
    }

    .scrollButtons .right {
        background-image: url(../../images/tabs/resultset_next.png);
        position: absolute;
        top: 10px;
        float: right;
        right: 10px;
        z-index: 999;
        display: block;
        /*background-color: #EDECD1;*/
        background-repeat: no-repeat;
        font-size: 0px;
        height: 18px;
        line-height: 18px;
        margin-top: 5px;
        outline: 0px;
        overflow: hidden;
        text-indent: -9999px;
        width: 18px;
    }

/* Grid Styles */
.grid {
    border: 1px solid #3169d6;
    font-weight: normal;
    font-size: 11px;
    color: #333;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

    .grid td {
        padding: 4px;
        display: table-cell;
        vertical-align: top;
    }

    .grid tr {
        /*white-space: nowrap;*/
    }

.gridHeader {
    text-align: left;
    background-color: #3169d6;
    font-weight: bold;
    height: 25px;
}

    .gridHeader th {
        padding: 4px;
        vertical-align: text-bottom;
        white-space: nowrap;
    }

    .gridHeader a {
        font-weight: bold;
        text-decoration: none;
        font-size: 100%;
        color: #333333;
    }

.HeadingCell a:link {
    color: white;
}

.gridAltRow {
    background-color: #fafafa;
}

.gridPager {
    vertical-align: middle;
    height: 30px;
    background-color: #F1F2EC;
    text-align: right;
}

.gridFooter {
    background-color: #eeeeee;
    font-size: 0.8em;
}

.gridSelectedRow {
    background-color: #B2C3E1;
    font-weight: bold;
    font-size: 0.8em;
}

/* Sub-Grid Styles */

.subgrid {
    font-weight: normal;
    font-size: 11px;
    color: #333;
    border-style: solid;
    border-color: Black;
    border-width: 1px;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-left: 20px;
    width: 97%;
}

    .subgrid td {
        border-bottom: 1px dotted Black;
        border-top: none;
    }

.subgridHeader {
    text-align: left;
    background-color: #D4FFB1;
    font-weight: bold;
    height: 20px;
}

    .subgridHeader a {
        font-weight: bold;
        text-decoration: none;
        font-size: 100%;
        color: #333333;
    }

.subgridAltRow {
    background-color: #fafafa;
}

.subgridPager {
    vertical-align: middle;
    height: 30px;
    background-color: #F1F2EC;
    text-align: right;
}

.subgridFooter {
    background-color: #eeeeee;
    font-size: 0.8em;
}

.subgridSelectedRow {
    background-color: #B2C3E1;
    font-weight: bold;
    font-size: 0.8em;
}
/* Comments */
.commentContainer {
    margin-bottom: 1.5em;
    padding: 10px;
    border: 1px solid #ededed; /*background-color:#FAFAFA;*/
    display: block;
    min-height: 60px;
}

    .commentContainer div, .commentContainerAlt div, .commentContainerOwner div {
        margin-top: 0em;
    }

.commentContainerAlt {
    margin-bottom: 1.5em;
    padding: 10px;
    border: 1px solid #ededed;
    display: block;
    min-height: 60px;
}

.commentContainerOwner {
    margin-bottom: 1.5em;
    padding: 10px;
    background-color: #FAFAFA; /*background-color:#F0FFDF;*/ /*background-color:rgb(241, 242, 236);*/
    border: 1px solid #ededed;
    display: block;
    min-height: 60px;
}

.commentTitle {
    font-weight: normal;
    font-size: 0.9em;
}

.commentAuthor {
    font-size: 1.2em;
    font-weight: bold;
    color: #696969;
}

/* form styles */
.fieldgroup {
    margin-top: 1em;
    border-top: 1px solid #ddd;
    width: 937px;
}

    .fieldgroup h3 {
        margin-top: 0.5em;
    }

    .fieldgroup ol {
        padding: 15px 0px;
        /*padding: 0em 1em 0 1em;   */
        list-style: none;
        /*border-bottom: 1px solid #CCC;*/
    }

    .fieldgroup li {
        padding-bottom: 1em;
        white-space: nowrap;
        vertical-align: top;
    }

        .fieldgroup li span.cke_skin_kama {
            display: inline-block;
        }

    .fieldgroup label, .fieldgroup span.label {
        display: block;
        line-height: 20px;
        float: left;
        white-space: normal;
        text-align: right;
        width: 18em;
        margin-right: 1em;
    }

    .fieldgroup table label {
        float: right;
        width: auto;
    }

div.labelgroup {
    max-width: 575px;
    display: inline-block;
}

    div.labelgroup label {
        float: left;
        width: auto;
        line-height: 20px;
        vertical-align: top;
    }

    div.labelgroup input {
        margin: 0 1em 0 0;
        padding: 0;
        vertical-align: top;
    }

div.submit {
    margin: 0 0 2em 0;
    width: auto;
    border-style: none;
    padding-left: 15em;
    background-color: transparent;
}

.checkbox label, .checkbox input, .checkbox span.label {
    float: left;
    margin-right: 10px;
}

.checkbox {
    margin: 9px 0 0 122px;
}

.noborder {
    border-top: none;
}

table.manage-detail select, table.manage-detail input[type=text] {
    width: 180px;
    height: 21px;
    vertical-align: top;
    padding-left: 5px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border: 1px solid #AAAAAA;
}

table.manage-detail select {
    height: 25px;
}

table.manage-detail td {
    vertical-align: top;
}

table.form td.input-group input {
    width: auto; /* but not for radios or checks */
}

table.form td {
    padding-right: 10px;
    padding-bottom: 10px;
}

fieldset {
    width: 650px;
    margin: 15px 0 10px;
    padding: 5px; /*background-color:#FAFAFA;*/
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border: 1px solid #ccc;
}

legend {
    padding: 2px 5px;
    color: #696;
    background-color: #fff;
    font-weight: bold;
}

.req {
    color: Red;
    vertical-align: top;
}

/* single styles */
.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

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

.align-vtop {
    vertical-align: top;
}

.align-vbottom {
    vertical-align: bottom;
}

.align-vmiddle {
    vertical-align: middle;
}

.border-collapse {
    border-collapse: collapse;
}

.border-black {
    border: solid 1px #000;
}

.case-upper {
    text-transform: uppercase;
}

.case-lower {
    text-transform: lowercase;
}

.cursor-hand {
    cursor: pointer;
}

.cursor-hourglass {
    cursor: wait;
}

.disabled {
    background-color: #dcdcdc;
}

.display-none {
    display: none;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-clear {
    clear: both;
}

.margin-auto {
    margin: auto;
}

.margin-none {
    margin: 0;
}

.padding-none {
    padding: 0;
}

.text-small {
    font-size: 7pt;
}

.text-normal {
    font-size: 12pt;
}

.text-large {
    font-size: 12pt;
}

.text-underline {
    text-decoration: underline;
}

.text-italic {
    font-style: italic;
}

.text-bold {
    font-weight: 700;
}

.text-color-black {
    color: #000;
}

.text-color-grey {
    color: grey;
}

.text-color-lightgrey {
    color: lightgray;
}

.word-wrap {
    word-wrap: break-word;
}

.wide-textarea {
    width: 100% !Important;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4 {
    display: inline;
    float: left;
    position: relative;
}

.grid_1, .grid_3 {
    width: 15%;
}

.grid_2, .grid_4 {
    width: 35%;
}

.manageDescription {
    clear: both;
    margin: 10px 15px 10px 0;
}

    .manageDescription ul, .manageDescription ol, .commentContainer ul, .commentContainer ol, .commentContainerAlt ul, .commentContainerAlt ol {
        margin: 15px;
        padding-left: 20px;
    }

#horizontal-list {
    line-height: normal;
    list-style: none;
}

    #horizontal-list ul {
        margin: 0;
        list-style: none;
    }

/*#horizontal-list li
{
	display: inline;
	margin: 0;
	padding: 0;
}*/

#jobCardPrint-list {
    line-height: normal;
}

    #jobCardPrint-list ul {
        margin: 0;
        list-style: none;
    }

    #jobCardPrint-list li {
        display: inline;
        margin: 0;
        padding: 0;
    }

.icon {
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
    display: none;
}

#TopNavigation1_btnAbout, #TopNavigation1_btnSupport, #TopNavigation1_btnLogout, #TopNavigation1_btnReset {
    color: white;
    background-color: transparent;
    text-decoration: none;
    background-image: none;
    background-position: initial;
}

    #TopNavigation1_btnAbout:hover, #TopNavigation1_btnSupport:hover, #TopNavigation1_btnLogout:hover, #TopNavigation1_btnReset:hover {
        text-decoration: underline;
    }

.FooterText {
    margin-left: 182px;
}

    .FooterText a, .FooterText a:hover, .FooterText a:visited {
        text-decoration: none;
        color: black;
    }

.colourBlue {
    color: #54c8e1;
}

.colourGreen {
    color: #44c759;
}

.colourRed {
    color: #c11e12;
}

#MainContent_ShortCutMenu1_dlShortcuts td {
    padding: 0;
}

a.MainContent_ShortCutMenu1_dlShortcuts_hplShortcut_0 > p > span {
    color: #54c8e1;
}

.testingClass {
    color: red;
}

.RadUpload_Default .ruFileLI .ruFileProgress {
    background-color: #54c8e1 !important;
    background-image: linear-gradient(#54c8e1,#434343) !important;
    border-radius: .16667em 0 0 .16667em !important;
    margin: -1px !important;
}

.RadUpload_Default .ruFileLI .ruFileProgressWrap {
    background-color: rgba(0,0,0,0.1) !important;
    border: none !important;
}

.RadUpload .ruFileWrap.ruStyled {
    height: 26px !important;
}

.veryHighZIndex {
    z-index: 1000000;
}

/*
    jQuery UI overrides
*/

.ui-timepicker {
    z-index: 667 !important;
}

/*  */
.colorBlue {
    background-color: blue;
    color: white;
    opacity: 0.5;
}

.colorRed {
    background-color: red;
    color: white;
    opacity: 0.5;
}

.colorSet {
    color: white;
    opacity: 0.8;
}

/*
    c00000
    ff0000
    ffc000
    ffff00
    92d050
    00b050
    00b0f0
    0070c0
    002060
    7030a0
    000000
*/

/*
    Display Colors
*/

.displayColorRed {
    background-color: rgba(252, 46, 80, 0.2); /*#FC2E50;*/
    color: #FC2E50 !important;
}

.displayColorOrange {
    background-color: rgba(242, 97, 1, 0.2);
    color: #F26101 !important;
}

.displayColorYellow {
    background-color: rgba(255, 201, 64, 0.2);
    color: #FFC940 !important;
}

.displayColorGreen {
    background-color: rgba(81, 203, 104, 0.2);
    color: #51CB68 !important;
}

.displayColorBlue {
    background-color: rgba(90, 133, 225, 0.2);
    color: #5A85E1 !important;
}

.displayColorPurple {
    background-color: rgba(128, 100, 250, 0.2);
    color: #735AE1 !important;
}

.displayColorBlack {
    background-color: rgba(79, 79, 79, 0.2);
    color: #4F4F4F !important;
}

.displayColorGrey {
    background-color: rgba(130, 130, 130, 0.2);
    color: #828282 !important;
}

.displayColorLightGrey {
    background-color: rgba(189, 189, 189, 0.2);
    color: #BDBDBD !important;
}