.errMsg {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #AF0161;
    width: 100%
}

body {
    margin: 0;
}

#ContentPlaceHolder {
    width: 80%;
    height: 100%;
    overflow-x: scroll;
    overflow-y: scroll;
}

.Content {
    background-color: white;
    font-family: Helvetica, Arial, sans-serif;
    padding: 10px 10px 10px 10px;
    font-size: small;
    vertical-align: middle;
}

.Panel {
    background-color: #f1f1f1;
    border: solid 1px #738Fc1;
    padding: 10px;
}


img {
    border-style: none;
}

li {
    padding-bottom: 5px;
}

.span {
    font-family: Helvetica, Arial, sans-serif !important;
}

.linksandresourcesstyle a {
    color: #31006f !important;
    background-color: #FFFFFF;
    font-family: Helvetica, Arial, sans-serif !important;
}

.Question {
    font-weight: bold;
    text-align: left;
}

.Answer {
    text-align: justify;
}

.Heading1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14pt;
    color: #31006F;
    width: 100%;
    font-weight: bolder;
    border-bottom: dashed;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-color: #6787B8;
}

h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14pt;
    color: #31006f;
    width: 100%;
    font-weight: bolder;
    border-bottom: dashed;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-color: #6787B8;
}

.h1pinkheader {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14pt;
    color: #AF0161;
    background-color: #FFFFFF;
    width: 100%;
    font-weight: bolder;
    border-bottom: dashed;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-color: #6787B8;
}

.HeadingKBA {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10pt;
    color: #31006F;
    width: 100%;
    font-weight: bold;
    border-bottom: dashed;
    vertical-align: middle;
    padding-top: 1px;
    padding-bottom: 1px;
    border-bottom-width: 1px;
    border-bottom-color: #6787B8;
}

.RadDropDownList_Default .rddlInner {
    border-color: #FFFFFF !important;
    border-radius: 5px !important;
    background-image: none !important;
    background-color: #C2BFE0 !important;
    color: #FFFFFF !important;
}

.rddlPopup_Default .rddlItemSelected {
    background: none repeat scroll 0 0 #31006F !important;
    color: #FFFFFF !important;
}

.rddlPopup_Default .rddlItemHovered {
    background: none repeat scroll 0 0 #C2BFE0 !important;
    color: #1a1a1a !important;
    font-weight: bold;
}

.rddlPopup_Default .rddlList {
    background-color: #31006F !important;
    color: #FFFFFF !important;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.RadDropDownList_Default .rddlInner {
    border-color: #FFFFFF !important;
    color: #FFFFFF;
    font-family: Helvetica, Arial, sans-serif;
}

.RadDropDownList .rddlDisabled {
    background-color: #C2BFE0 !important;
    color: #FFFFFF !important;
    opacity: 0.7 !important;
}

.RadDropDownList .rddlFakeInput {
    background-color: #C2BFE0 !important;
    color: #1a1a1a !important;
    /*font-weight: bold;*/
}

    .RadDropDownList .rddlFakeInput .rddlInner {
        background-color: #C2BFE0 !important;
    }

.RadDropDownList .rddlSelect {
    background-color: #C2BFE0 !important;
}

.rddlPopup_Default {
    border-color: #FFFFFF !important;
}

li .rddlItemHovered, .rddlItemSelected, .rddlList, .rddlItem {
    border-color: #FFFFFF !important;
    border-bottom-color: #FFFFFF !important;
    border-bottom-style: solid !important;
    border-bottom-width: thin !important;
    border-top-color: #FFFFFF !important;
    border-top-style: solid !important;
    border-top-width: thin !important;
    border-right-color: #FFFFFF !important;
    border-right-style: solid !important;
    border-right-width: thin !important;
    border-left-color: #FFFFFF !important;
    border-left-style: solid !important;
    border-left-width: thin !important;
}

.Heading3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10pt;
    color: #31006F;
    width: 100%;
    font-weight: bolder;
    border-bottom: dashed;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-color: #6787B8;
}

.Heading1Small {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11pt;
    color: #31006F;
    width: 100%;
    font-weight: bolder;
    border-bottom: dashed;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 3px;
    border-bottom-width: 1px;
    border-bottom-color: #6787B8;
}


.Disclaimer {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10pt;
    color: #31006F;
    background-color: #FFFFFF;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px;
}

.Heading2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11pt;
    color: #31006F;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}

h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11pt;
    color: #31006F;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}


.Note {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 8pt;
    color: #1a1a1a !important;
    font-weight: lighter;
    text-align: left;
    vertical-align: middle;
    background-color: #C2BFE0;
    border-bottom: dotted 1px #6787B8;
    padding: 10px 5px 10px 5px;
}

    .Note a {
        color: #31006F !important;
    }

.Note2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 8pt;
    color: #1a1a1a;
    font-weight: lighter;
    text-align: left;
    vertical-align: middle;
    background-color: #C2BFE0;
    border: dotted 1px #6787B8;
    padding: 10px 5px 10px 5px;
}

    .Note2 a {
        color: #31006F !important;
    }

.Note3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10pt;
    color: #AF0161;
    font-weight: lighter;
    text-align: left;
    vertical-align: middle;
    background-color: White;
    padding: 10px 5px 10px 5px;
}

.NoteRed {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10pt;
    color: #AF0161;
    font-weight: lighter;
    text-align: left;
    vertical-align: middle;
    background-color: #f1f1f1;
    border: dotted 1px #6787B8;
    padding: 10px 5px 10px 5px;
}

.NoteUnderLine {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 8pt;
    color: #1a1a1a !important;
    font-weight: lighter;
    text-align: left;
    vertical-align: middle;
    background-color: #C2BFE0;
    text-decoration: underline;
    padding: 10px 5px 2px 5px;
}

.NoteNoBorder {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 8pt;
    color: #1a1a1a !important;
    font-weight: lighter;
    text-align: left;
    vertical-align: middle;
    background-color: #C2BFE0;
    padding: 2px 5px 1px 5px;
}

.emailstyle {
    color: #31006f !important;
}

.requiredfieldstyle {
    color: #AF0161 !important;
}

.TableThin {
    border: solid 1px #738Fc1;
}

.darkpurplestyle {
    color: #31006F !important;
    background-color: #FFFFFF;
}

/*.menu
{
}*/


.menu td {
    background: #5678b1;
    padding: 1px 1px 5px 1px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 8pt;
    color: white;
    text-align: left;
}

    .menu td a:link {
        color: white;
        text-decoration: none;
    }

    .menu td a:visited {
        color: white;
        text-decoration: none;
    }

    .menu td a:active {
        color: white;
        text-decoration: none;
    }

    .menu td a:hover {
        color: white;
        text-decoration: none;
    }


a:link {
    color: #AF0161;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: underline;
    background-color:#FFFFFF;
}

    a:link:focus {
        outline: 1px solid #AF0161 !important;
    }

a:visited {
    color: #AF0161;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: underline;
}

a:active {
    color: #AF0161;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
}

a:hover {
    color: #AF0161;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: underline;
}

TD {
    font-size: 9pt;
    color: #1A1A1A;
    font-style: normal;
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    text-align: left;
}

.Note TD {
    font-size: 9pt;
    color: #1a1a1a;
    font-style: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-align: left;
}


.ModalBackground {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=20);
    opacity: 0.5;
    z-index: 1000 !important;
}

.Modal {
    background-color: #f1f1f1;
    border: solid 1px #738Fc1;
    padding: 10px 10px 10px 10px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
}

.TableGrid {
    border: solid 1px #5678b1;
    font-family: Helvetica, Arial, sans-serif;
}

    .TableGrid td {
        border-bottom: solid 1px #5678b1;
        font-weight: normal;
        margin: 1px 1px 1px 1px;
        padding: 5px 5px 5px 5px;
        text-align: left;
        font-size: 8pt;
        font-family: Helvetica, Arial, sans-serif;
    }

.TableGridHeader {
    font-weight: bold;
    font-size: 8pt;
    color: white;
    height: 20px;
    background-color: #5678b1;
    vertical-align: top;
    text-align: left;
    margin: 1px 1px 1px 1px;
    padding: 5px 5px 5px 5px;
    border-top: none 0 none;
    border-bottom: none 0 none;
    border-left: none 0 none;
    border-right: none 0 none;
    font-family: Helvetica, Arial, sans-serif;
}


    .TableGridHeader a:link {
        color: white;
        text-decoration: underline;
        font-family: Helvetica, Arial, sans-serif;
    }

.TableGridAltRow {
    background-color: #dfdfdf;
    font-family: Helvetica, Arial, sans-serif;
}


.Grid {
    border: solid 1px #738fc1 !important;
    margin-left: 4px;
    font-family: Helvetica, Arial, sans-serif !important;
    border-collapse: collapse !important;
}

    .Grid td {
        border-top: solid 1px #738fc1;
        border-bottom: solid 1px #738fc1;
        /*border-left: none 0 none;
        border-right: none 0 none;*/
        border-left: solid 1px #738fc1;
        border-right: solid 1px #738fc1;
        font-weight: normal;
        margin: 1px 1px 1px 1px;
        padding: 5px 5px 5px 5px;
        text-align: left;
        font-size: 8pt;
        font-family: Helvetica, Arial, sans-serif !important;
    }

    .Grid th {
        font-weight: bold;
        font-size: 8pt;
        /*color: white;*/
        color: #FFFFFF !important;
        height: 20px;
        /*background-color: #5678b1;*/
        background-color: #31006f !important;
        vertical-align: top;
        text-align: left;
        margin: 1px 1px 1px 1px;
        padding: 5px 5px 5px 5px;
        border-top: none 0 none;
        border-bottom: none 0 none;
        border-left: none 0 none;
        border-right: none 0 none;
        font-family: Helvetica, Arial, sans-serif !important;
    }

        .Grid th a:link {
            /*color: white;*/
            color: #FFFFFF !important;
            text-decoration: underline;
            font-family: Helvetica, Arial, sans-serif;
            background-color: #31006f !important;
        }

        .Grid th a:visited {
            /*color: white;*/
            text-decoration: underline;
            font-family: Helvetica, Arial, sans-serif;
        }

        .Grid th a:active {
            /*color: white;*/
            text-decoration: none;
            font-family: Helvetica, Arial, sans-serif;
        }

        .Grid th a:hover {
            /*color: white;*/
            text-decoration: underline;
            font-family: Helvetica, Arial, sans-serif;
        }

.GridHeader {
    font-weight: bold;
    font-size: 8pt;
    /*color: white;*/
    color: #FFFFFF !important;
    height: 20px;
    /*background-color: #5678b1;*/
    background-color: #31006f !important;
    vertical-align: top;
    text-align: left;
    margin: 1px 1px 1px 1px;
    padding: 5px 5px 5px 5px;
    border-top: none 0 none;
    border-bottom: none 0 none;
    border-left: none 0 none;
    border-right: none 0 none;
    font-family: Helvetica, Arial, sans-serif !important;
}

.GridVertical {
    border: solid 1px #738fc1 !important;
}

    .GridVertical th {
        font-weight: bold;
        font-size: 8pt;
        /*color: white;*/
        color: #FFFFFF;
        height: 20px;
        /*background-color: #5678b1;*/
        background-color: #31006f;
        vertical-align: top;
        text-align: left;
        margin: 1px 1px 1px 1px;
        padding: 5px 5px 5px 5px;
        border-top: none 0 none;
        border-bottom: none 0 none;
        border-left: none 0 none;
        border-right: none 0 none;
        font-family: Helvetica, Arial, sans-serif !important;
    }

.GridCell {
    border-top: solid 1px #738fc1;
    border-bottom: solid 1px #738fc1;
    border-left: none 0 none;
    border-right: none 0 none;
    font-weight: normal;
    margin: 1px 1px 1px 1px;
    padding: 5px 5px 5px 5px;
    text-align: left;
    font-size: 8pt;
    font-family: Helvetica, Arial, sans-serif !important;
}

.GridCellBorderRight {
    border-right: dotted 1px #738fc1;
    border-bottom: solid 1px #738fc1;
    border-left: none 0 none;
    font-weight: normal;
    margin: 1px 1px 1px 1px;
    padding: 5px 5px 5px 5px;
    text-align: left;
    font-size: 8pt;
    border-right-color: #9FB3D5;
    border-bottom-color: #738fc1;
    font-family: Helvetica, Arial, sans-serif;
}

.GridRow {
    background-color: #FFFFFF;
    font-family: Helvetica, Arial, sans-serif !important;
    vertical-align: top !important;
}

    .GridRow a {
        color: #31006F !important;
        font-family: Helvetica, Arial, sans-serif;
    }

.GridAltRow {
    background-color: #C2BFE0 !important;
    font-family: Helvetica, Arial, sans-serif !important;
    vertical-align: top !important;
}

    .GridAltRow a {
        color: #31006F !important;
        font-family: Helvetica, Arial, sans-serif !important;
        background-color: #C2BFE0 !important;
    }

.GridFooter {
    height: 10px;
    font-family: Helvetica, Arial, sans-serif;
}

    .GridFooter td {
        font-weight: bold;
        font-size: 8pt;
        color: #FFFFFF; /*color: white;  color: #fff705;*/
        background-color: #31006f; /*background-color: #5678b1;*/
        vertical-align: middle;
        text-align: right;
        border: none;
        font-family: Helvetica, Arial, sans-serif;
    }

        .GridFooter td a:link {
            color: #FFFFFF !important; /*color: white;*/
            background-color: #31006f;
            text-decoration: underline;
            font-family: Helvetica, Arial, sans-serif;
        }

        .GridFooter td a:visited {
            color: #FFFFFF !important; /*color: white;*/
            text-decoration: underline;
            font-family: Helvetica, Arial, sans-serif;
        }

        .GridFooter td a:active {
            color: #FFFFFF !important; /*color: white;*/
            text-decoration: none;
            font-family: Helvetica, Arial, sans-serif;
        }

        .GridFooter td a:hover {
            color: #FFFFFF !important; /*color: white;*/
            text-decoration: underline;
            font-family: Helvetica, Arial, sans-serif;
        }

.linkcomment a {
    color: #FFFFFF !important;
}


.Grid caption {
    color: #0e094f;
    font-family: Helvetica, Arial, sans-serif;
}

.GridEmpty {
    border: none;
    font-weight: normal;
    margin: 1px 1px 1px 1px;
    padding: 5px 5px 5px 5px;
    text-align: left;
    font-size: 8pt;
    color: #AF0161;
    font-family: Helvetica, Arial, sans-serif;
}

.GridCellLineFormatting {
    white-space: pre-line;
}

.watermarked {
    background-color: #C2BFE0;
    border: solid 1px #808080;
    padding: 2px;
    color: #808080;
    font-family: Helvetica, Arial, sans-serif;
}

.nonwatermarked {
    border: solid 1px #808080;
    padding: 2px;
    font-family: Helvetica, Arial, sans-serif;
}

.myGridStyle {
    border: 1px solid #ddd;
}

.ScreenReader {
    position: absolute;
    left: -9999px;
}



/* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */

/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
.PrettyMenu .AspNet-Menu-Vertical {
    top: 30px;
    left: 100px;
    z-index: 300;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.PrettyMenu ul.AspNet-Menu, .PrettyMenu ul.AspNet-Menu ul {
    width: 130px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10pt;
}

.PrettyMenu ul.level1, .PrettyMenu ul.level1 ul {
    width: 130px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10pt;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.PrettyMenu ul.AspNet-Menu ul {
    left: 128px;
    top: 3px;
    border: solid 1px white;
    background: #78c478;
    color: White;
    font-family: Helvetica, Arial, sans-serif;
}

.PrettyMenu ul.level1 ul {
    left: 128px;
    top: 3px;
    border: solid 1px white;
    background: #78c478;
    color: White;
    font-family: Helvetica, Arial, sans-serif;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.PrettyMenu ul.AspNet-Menu li {
    margin: 0 2px 2px 0;
    z-index: 400;
}

.PrettyMenu ul.level1 li {
    margin: 0 2px 2px 0;
    z-index: 400;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two Images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.PrettyMenu ul.AspNet-Menu li a, .PrettyMenu ul.AspNet-Menu li span {
    color: white;
    padding: 8px 8px 4px 8px;
    font-family: Helvetica, Arial, sans-serif;
}

.PrettyMenu ul.level1 li a, .PrettyMenu ul.level1 li span {
    color: white;
    padding: 8px 8px 4px 8px;
    font-family: Helvetica, Arial, sans-serif;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span {
    background-image: none;
}

.PrettyMenu ul.level1 li a, .PrettyMenu ul.level1 li span {
    background-image: none;
}

/*.PrettyMenu ul.AspNet-Menu li.Asp-Menu-WithChildren
{
    cursor: pointer;
}*/




/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.PrettyMenu ul.AspNet-Menu li a img {
    border-style: none;
    vertical-align: sub;
}

.PrettyMenu ul.level1 li a img {
    border-style: none;
    vertical-align: sub;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
/*.PrettyMenu ul.AspNet-Menu li:hover, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
}*/

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.PrettyMenu ul.AspNet-Menu li a:hover, .PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover {
    text-decoration: underline;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover {
    background-image: none;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.PrettyMenu .AspNet-Menu-Horizontal {
    top: 16px;
    margin: 0 0 0 0;
    z-index: 300;
}

#Menu2 .PrettyMenu .AspNet-Menu-Horizontal {
    top: 16px;
    margin: 0 0 0 0;
    z-index: 300;
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accomodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu {
    width: 1500px;
}

.PrettyMenu ul.level1 {
    width: 1500px;
}


/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul {
    width: 130px;
    left: 3px;
    top: 23px;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.level1 ul {
    width: 130px;
    left: 3px;
    top: 23px;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li {
    text-align: left;
}

.PrettyMenu ul.level1 li {
    text-align: left;
}

/* This rule can be used to set styles for the menu items in the second tier (and lower) in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li {
    text-align: left;
}

.PrettyMenu ul.level1 li li {
    text-align: left;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li {
    width: 130px;
}

.PrettyMenu ul.level1 ul li {
    width: 130px;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul {
    margin: -1.8em 0 0 126px;
}

.PrettyMenu ul.level1 li ul li ul {
    margin: -1.8em 0 0 126px;
}

#wizHeader li .prevStep {
    background-color: #C2BFE0;
    color: #1A1A1A;
}

    #wizHeader li .prevStep:after {
        border-left-color: #C2BFE0 !important;
        color: #1A1A1A !important;
    }

#wizHeader li .currentStep {
    background-color: #31006F;
}

    #wizHeader li .currentStep:after {
        border-left-color: #31006F !important;
    }

#wizHeader li .nextStep {
    background-color: #C2BFE0;
    color: #1A1A1A;
}

    #wizHeader li .nextStep:after {
        border-left-color: #C2BFE0 !important;
        color: #1A1A1A !important;
    }

#wizHeader {
    list-style: none;
    overflow: hidden;
    font: 18px Helvetica, Arial, Sans-Serif;
    margin: 0;
    padding: 0;
}

    #wizHeader li {
        float: left;
        padding-bottom: 0;
        font-family: Helvetica, Arial, sans-serif;
    }

        #wizHeader li a {
            color: white;
            text-decoration: none;
            padding: 10px 0 10px 55px;
            background: brown; /* fallback color */
            background: hsla(34,85%,35%,1);
            position: relative;
            display: block;
            float: left;
        }

            #wizHeader li a:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
                border-bottom: 50px solid transparent;
                border-left: 30px solid hsla(34,85%,35%,1);
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

            #wizHeader li a:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid white;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

        #wizHeader li:first-child a {
            padding-left: 10px;
        }

        #wizHeader li:last-child {
            padding-right: 50px;
        }

        #wizHeader li a:hover {
            background: #31006F;
            color: #FFFFFF;
        }

            #wizHeader li a:hover:after {
                border-left-color: #31006F !important;
                color: #FFFFFF !important;
            }

.noLeftBorder {
    border-left-width: 0 !important;
}

.noRightBorder {
    border-right-width: 0 !important;
}

.main {
    flex: 1;
    margin-left: 19px;
}

    .main:focus:before, #errors:focus:before {
        display: none;
    }

    .main h1 {
        margin-top: 0;
    }

    .main:focus {
        border: 0;
        box-shadow: none;
    }

    .main .reset {
        border: none;
        padding: 0;
    }

.skip-link {
    color: #fff;
    left: -100%;
    position: absolute;
}

    .skip-link:focus {
        left: 0;
        top: 0;
    }

.visuallyHidden {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


.buttonlink {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: none;
    color: #AF0161;
    padding: 0;
    text-decoration: underline;
    text-align: left;
    cursor: pointer;
}

.buttonstyle {
    background-color: #683dbe;
    color: #FFFFFF;
    font-family: Helvetica, Arial, sans-serif;
    border-color: #FFFFFF;
}

input[type="submit"]:disabled {
    background: #cccccc !important;
    color: #666666 !important;
}

input[type="checkbox"]:disabled:after {
    display: block;
    content: "";
    background: black !important;
    opacity: 0.8;
    height: 12px;
    width: 12px;
}


.buttonstyle:hover {
    background-color: #31006F;
    color: #FFFFFF;
    font-family: Helvetica, Arial, sans-serif;
    border-color: #FFFFFF;
}

/* Used for testing 508 Compliance*/

.td-nowrap {
    white-space: nowrap;
    background-color: #FFFFFF;
}

.td-image {
    width: 1px;
    background-color: #FFFFFF;
}

.table-version {
    width: 95%;
    font-size: x-small;
    white-space: nowrap;
    text-align: center;
    padding: 0;
    border-spacing: 0;
}

.td-empty {
    width: 50%;
    background-color: #FFFFFF;
}

.error-gif {
    margin: 0 6px;
    border: 0;
    vertical-align: middle;
}

.hr-home {
    border: 1.5px solid rgb(128, 128, 128);
}


.message-home {
    font-size: 15px;
    font-family: Helvetica, Arial, sans-serif;
    color: #1a1a1a;
}

.messageTitle {
    color: #1a1a1a;
    padding-top: 5px;
    padding-bottom: 10px;
    font-weight: bold;
    /*#0066cc*/
}

.KBAMenuBackground {
    float: right;
    padding-bottom: 0px;
}

/* Telerik overrides */
html .RadMenu .rmRootGroup {
    background-image: none !important;
    font-family: Helvetica, Arial, sans-serif;
}

.RadMenu_Default .rmRootGroup .rmSelected > .rmRootLink, .RadMenu_Default .rmRootGroup .rmExpanded > .rmRootLink {
    background-color: #c2bfe0 !important;
    border-color: inherit !important;
    background-image: none !important;
    font-weight: bolder;
    color: #1a1a1a !important;
}

.RadMenu_Default .rmRootGroup .rmExpanded > .rmLink {
    background-color: #31006f !important;
    border-color: inherit !important;
    background-image: none !important;
    font-weight: bolder;
    color: #FFFFFF !important;
}

html .RadMenu ul.rmRootGroup {
    background-color: #31006f;
}

.RadMenu li {
    padding-bottom: 0px !important;
}

.RadMenu .rmLink {
    outline: 0px solid #FFFFFF !important;
    color: #1a1a1a !important;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
}

a.rmLink.rmRootLink {
    outline: 0px solid #FFFFFF !important;
    color: #FFFFFF !important;
    background-color: #31006f !important;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

:focus {
    outline: 1px solid #c2bfe0 !important;
}

a.rmLink.rmRootLink:focus {
    outline: 1px solid #AF0161 !important;
}

.RadMenu_Default .rmFocused, .rmLink,
.RadMenu_Default .rmSelected {
    background-color: #c2bfe0 !important;
    background-image: none !important;
    background-position: 0px 0px !important;
    color: #1a1a1a !important;
    font-weight: bolder;
    font-family: Helvetica, Arial, sans-serif;
}

.RadMenu_Default .rmLink:hover {
    background-color: #683dbe !important;
    background-image: none !important;
    background-position: 0px 0px !important;
    color: #FFFFFF !important;
    font-weight: bolder;
    font-family: Helvetica, Arial, sans-serif;
}

div.RadGrid .rgPagerCell .rgNumPart a.rgCurrentPage {
    color: black;
}

div.RadGrid .rgHeader a,
div.RadGrid .rgPagerCell a {
    text-decoration: underline;
}

div.RadGrid .rgHeader {
    background: #31006f;
    font-family: Helvetica, Arial, sans-serif;
}

    div.RadGrid .rgHeader a {
        color: #FFFFFF !important;
        font-family: Helvetica, Arial, sans-serif;
    }

    div.RadGrid .rgHeader a:link {
        color: #FFFFFF !important;
        font-family: Helvetica, Arial, sans-serif;
        background-color: #31006F !important;
    }

.RadGrid .rgFilterRow > td {
    background: #c2bfe0 !important;
    color: #1a1a1a !important;
    font-family: Helvetica, Arial, sans-serif;
}

.RadMenu_Default ul.rmGroup {
    background-image: none !important;
    background-color: #c2bfe0 !important;
    color: #1a1a1a !important;
    font-family: Helvetica, Arial, sans-serif;
}

.RadMenu_Default .rmGroup:before, .RadMenu_Default .rmMultiColumn:before, .RadMenu_Default .rmScrollWrap > .rmHorizontal:before, .RadMenu_Default .rmScrollWrap > .rmVertical:before {
    border-color: transparent;
    background-color: #c2bfe0 !important;
    color: #1a1a1a !important;
    font-family: Helvetica, Arial, sans-serif;
}

.RadMenu .rmGroup:before, .RadMenu .rmMultiColumn:before, .RadMenu .rmScrollWrap > .rmHorizontal:before, .RadMenu .rmScrollWrap > .rmVertical:before {
    content: "";
    width: 30px;
    height: 100%;
    border-width: 0 1px 0 0;
    border-style: solid;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: #1a1a1a !important;
    font-family: Helvetica, Arial, sans-serif;
}

.RadMenu_Default .rmGroup .rmSelected > .rmLink, .RadMenu_Default .rmGroup .rmExpanded > .rmLink, .RadMenu_Default .rmGroup .rmSelected > .rmLink .rmToggle, .RadMenu_Default .rmGroup .rmExpanded > .rmLink .rmToggle {
    color: #1a1a1a !important;
    background-color: #c2bfe0 !important;
    background-image: none !important;
}

/*div.RadGrid .rgRow a {
    color: #31006f !important;
    font-family: Helvetica, Arial, sans-serif;
}*/

.RadGrid .rgRow a {
    color: #31006f !important;
    font-family: Helvetica, Arial, sans-serif;
}

.RadGrid .rgAltRow a {
    color: #31006f !important;
    font-family: Helvetica, Arial, sans-serif;
}

.t-button,
.rgFilterBox,
.riTextBox,
.rcbInner,
.rcbInput,
.rcbActionButton {
    outline: unset !important;
    border: none !important;
}

div.RadUpload .ruBrowse {
    background-image: none !important;
    background-color: #683dbe !important;
    color: #FFFFFF !important;
    font-family: Helvetica, Arial, sans-serif !important;
    border-color: #FFFFFF !important;
}

.RadUpload_Default .ruSelectWrap .ruButton.ruButtonHover {
    background-color: #31006F !important;
    color: #FFFFFF !important;
}

.RadDropDownList .p-icon {
    color: black !important;
}

.RadCalendar_Default .rcMain, .rcTitlebar {
    color: #FFFFFF !important;
    background-color: #31006F !important;
    background-image: none !important;
    font-family: Helvetica, Arial, sans-serif !important;
}

    .RadCalendar_Default .rcMain .rcRow a, .RadCalendar_Silk .rcMain .rcRow span {
        color: #FFFFFF !important;
        background-color: #31006F !important;
        background-image: none !important;
        font-family: Helvetica, Arial, sans-serif !important;
    }

.RadPicker .RadInput {
    background-color: #FFFFFF !important;
}

.RadCalendarMonthView {
    color: #FFFFFF !important;
    background-color: #31006F !important;
    background-image: none !important;
    font-family: Helvetica, Arial, sans-serif !important;
}

    .RadCalendarMonthView a {
        color: #FFFFFF !important;
        background-color: #31006F !important;
        background-image: none !important;
        font-family: Helvetica, Arial, sans-serif !important;
    }

.RadComboBox_Default .rcbInner {
    border-color: #FFFFFF !important;
    border-radius: 5px !important;
    background-image: none !important;
    background-color: #C2BFE0 !important;
    color: #FFFFFF !important;
}

.RadComboBoxDropDown_Default .rcbSelected {
    background: none repeat scroll 0 0 #31006F !important;
    color: #FFFFFF !important;
}

.RadComboBoxDropDown_Default .rcbHovered {
    background: none repeat scroll 0 0 #C2BFE0 !important;
    color: #1a1a1a !important;
    font-weight: bold;
}

.RadComboBox_Default .rcbHovered .rcbActionButton {
    color: #1a1a1a;
    background-color: #c2bfe0;
}

.RadComboBoxDropDown_Default .rcbList {
    background-color: #31006F !important;
    color: #FFFFFF !important;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.RadComboBox_Default .rcbInner {
    border-color: #FFFFFF !important;
    color: #FFFFFF;
    font-family: Helvetica, Arial, sans-serif;
}

.RadComboBox .rcbDisabled {
    background-color: #C2BFE0 !important;
    color: #FFFFFF !important;
    opacity: 0.7 !important;
}

.RadComboBox .rcbInner {
    background-color: #C2BFE0 !important;
    color: #1a1a1a !important;
    font-weight: bold;
}

    .RadComboBox .rcbInner .rcbInput {
        background-color: #C2BFE0 !important;
    }

.RadComboBox .rcbActionButton {
    background-color: #C2BFE0 !important;
}

.rcbScroll_Default {
    border-color: #FFFFFF !important;
}

.RadComboBox .p-icon {
    color: black !important;
}

.RadComboBoxDropDown_Default .rcbCheckAllItems {
    background-color: #31006F !important;
    color: #FFFFFF !important;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

    .RadComboBoxDropDown_Default .rcbCheckAllItems .rcbSelected {
        background: none repeat scroll 0 0 #31006F !important;
        color: #FFFFFF !important;
    }

.RadComboBoxDropDown_Default .rcbCheckAllItemsHovered {
    background: none repeat scroll 0 0 #C2BFE0 !important;
    color: #1a1a1a !important;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

li .rcbHovered, .rcbSelected, .rcbList, .rcbItem, .rcbCheckAllItems {
    border-color: #FFFFFF !important;
    border-bottom-color: #FFFFFF !important;
    border-bottom-style: solid !important;
    border-bottom-width: thin !important;
    border-top-color: #FFFFFF !important;
    border-top-style: solid !important;
    border-top-width: thin !important;
    border-right-color: #FFFFFF !important;
    border-right-style: solid !important;
    border-right-width: thin !important;
    border-left-color: #FFFFFF !important;
    border-left-style: solid !important;
    border-left-width: thin !important;
}

/*.RadEditor_Default .reContent {
    border-color: #ccc;
    color: #333;
    background-color: #fff;
	border-width: 0px !important;
}
.reContent iframe {
    display: block !important;
	border: none !important;
	border-width: 0px !important;
}
iframe {
	border: none !important;
	border-width: 0px !important;
}
.reContentCell iframe {
    display: block;
	border: none !important;
	border-width: 0px !important;	
}

.reContentCell, .reContentCell iframe {
    background-color: #fff;
	border: none !important;
	border-width: 0px !important;	
}*/

.custom-table {
    background-color: #ffffff;
    border: solid 1px #738Fc1;
    width: 800px;
    font-size: larger;
    padding: 5px 5px 5px 5px;
    font-family: Helvetica, Arial, sans-serif;
    border-spacing: 0;
    border-collapse: collapse;
}

.wizard-table {
    display: table;
    border-collapse: collapse;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 0px;
    border-color: grey;
    padding: 0px;
    text-align: center;
}

    .wizard-table td {
        font-size: 9pt;
        color: #1A1A1A;
        font-style: normal;
        font-family: Helvetica, Arial, sans-serif !important;
        font-weight: normal;
        text-align: left;
    }