BODY {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial
}

.bottomtext {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #333333;
    FONT-FAMILY: Arial
}

.greytext {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: silver;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: none
}

.blacktext {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial
}

.bodytext {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial
}

.bgreytext {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #666666;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}

.heading {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Arial
}

.whiteheader {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: white;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}

.whitetext {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: white;
    FONT-FAMILY: Arial
}

.lightblue {
    BACKGROUND-COLOR: #5f8ac5
}

.pagecolor {
    BACKGROUND-COLOR: #ebf2dc
}

.smalltext {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Arial
}

.bluetext {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000040;
    FONT-FAMILY: Arial
}

.boldtext {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}

.smallwhitetext {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: Arial
}

.redtext {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #960018;
    FONT-FAMILY: Arial
}

.bigtext {
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: black;
    FONT-FAMILY: Arial
}

.copper {
    BACKGROUND-COLOR: #d7713e
}

.yellow {
    BACKGROUND-COLOR: #ffce00
}

.narrow {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: 'Arial Narrow'
}

.global {
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: black;
    FONT-STYLE: oblique;
    FONT-FAMILY: Arial
}

.news {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffff66;
    FONT-FAMILY: 'Arial CE'
}

.gray {
    BACKGROUND-COLOR: #efefef
}

.mainnav_on {
    BORDER-RIGHT: #003873 1px solid;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px;
    MARGIN: 2px;
    BORDER-LEFT: #003873 1px solid;
    CURSOR: pointer;
    COLOR: white;
    PADDING-TOP: 2px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #960018;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}

.mainnav_off {
    border-right: #003873 1px solid;
    padding-right: 2px;
    padding-left: 2px;
    font-weight: bold;
    font-size: 11px;
    padding-bottom: 2px;
    margin: 2px;
    border-left: #003873 1px solid;
    color: activecaption;
    padding-top: 2px;
    font-family: Arial;
    background-color: buttonshadow;
    text-align: center;
    text-decoration: none;
}

.sidenav_on {
    BORDER-RIGHT: 2px;
    PADDING-RIGHT: 2px;
    BORDER-TOP: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px;
    MARGIN: 2px;
    BORDER-LEFT: 2px;
    CURSOR: pointer;
    COLOR: white;
    TEXT-INDENT: 5px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: white 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #93b2dd;
    TEXT-DECORATION: none
}

.bluebg {
    BACKGROUND-COLOR: #003873
}

.lightbluebg {
    BACKGROUND-COLOR: #93b2dd
}

.copyrighttext {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: white;
    FONT-FAMILY: Arial
}

.sidenav_focus {
    BORDER-RIGHT: 2px;
    PADDING-RIGHT: 2px;
    BORDER-TOP: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px;
    MARGIN: 2px;
    BORDER-LEFT: 2px;
    COLOR: #003873;
    TEXT-INDENT: 5px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: white 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: white;
    TEXT-DECORATION: none
}

.redbold {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #960018;
    FONT-FAMILY: Arial
}

.mainnav_focus {
    BORDER-RIGHT: #003873 1px solid;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px;
    MARGIN: 2px;
    BORDER-LEFT: #003873 1px solid;
    COLOR: white;
    PADDING-TOP: 2px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #93b2dd;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}

.pageText {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Arial
}

.whitecolumn {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: white;
    FONT-FAMILY: Arial
}

HR {
    COLOR: #93b2dd
}

.blueitalic {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000040;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial
}

.blackitalic {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial
}

.graytext {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: silver;
    FONT-FAMILY: 'Arial Rounded MT Bold'
}

.redbold14 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #960018;
    FONT-FAMILY: Arial
}

.greentext {
    font-weight: normal;
    font-size: 11px;
    color: green;
    font-family: Arial;
    word-wrap: normal;
    word-break: break-all;
}

.supportLogo {
    width: 303px;
    height: 50px;
}

.hero {
    width: 250px;
    height: 250px;
}

.copyrighttext {
    FONT-WEIGHT: normal;
    /* FONT-SIZE: 10px; */
    COLOR: white;
    FONT-FAMILY: Arial;
    text-align: left !important;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
}

.bluebg {
    background-color: #00427b;
}

.hide {
    display: none;
}

.centerPanel {
    text-align: center;
}

    .centerPanel > div, .centerPanel > table /* insert any other block-level elements here */ {
        margin-left: auto;
        margin-right: auto;
    }

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    font-size:10px;
    text-align: justify;
    padding: 5px 5px;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    /*top: 100%;
    left: 50%;*/
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltip img {
    width: 10px;
    height: 10px;
    cursor: pointer;
}
td span {
    max-width: 300px;
    word-wrap: normal;
    word-break: break-all;
}