﻿.bg-dark {
    background-color: #006699 !important;
}
body.inner-page {
    height: 100%;
}
#wrapper {
    margin: 0 auto;
    width: 1100px;
    position: relative;
    height: 100%;
}

p.logo {
    margin: 19px 0 0 8px;
    padding: 25px 0 0px 70px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    float: left;
}

.h3 {
    height: 20px;
    color: #B4E160;
    background-color: #336699;
    font-weight: bold;
    padding: 5px;
    vertical-align: middle;
}

.SearchHeader {
    height: 20px;
    color: #B4E160;
    background-color: #336699;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 5px 4px 5px;
    vertical-align: middle;
}

.collapsePanel {
    height: 0px;
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader {
    height: 20px;
    color: #99ff00;
    background-color: #336699;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 5px 4px 5px;
    cursor: pointer;
    vertical-align: middle;
    width: 850 !important;
}

.collapsiblePanelContainer {
    height: 0;
    overflow: hidden;
    /*margin: 10px 10px 10px 10px;*/
    padding: 10px 10px 10px 10px;
    border: solid 1px black;
    width: 850 !important;
    background-color: #efefef;
    overflow: visible;
}

.top-nav {
    background: transparent url(img/top-nav.png) repeat-x 50% 0;
    color: #ffffff;
}

.top-nav1 {
    margin: 19px 10px 0 10px;
    width: 100%;
    float: left;
}

.top-nav a img {
    border-width: 0px;
}

.top-nav a {
    font-size: 12px;
    color: blue;
    text-decoration: none;
    font-weight: normal;
}

    .top-nav a:link {
        color: blue;
        text-decoration: none;
    }

    .top-nav a:visited {
        color: blue;
        text-decoration: none;
    }

    .top-nav a:hover {
        font-weight: bold;
    }

    .top-nav a:active {
        font-weight: bold;
    }

div.content {
    margin: 0 0 0 20px;
    padding: 10px 14px 0;
    width: 664px;
    float: left;
    background: transparent url(img/content.gif) repeat-x 0 0;
    min-height: 370px;
    display: inline;
}

.inner-page .content {
    margin: 0 20px 0 0;
    float: right;
    width: 810px;
}

.inner-page .contentWhite {
    margin: 0 20px 0 20px;
    float: right;
    width: 1040px;
    min-height: 370px;
    background-color: White;
}

.inner-notes {
    margin: -10px -14px 20px 10px;
    padding: 15px;
    width: 187px;
    float: right;
    background-color: #D1D3D3;
}

div.sidebar {
    margin: 0 0 0 20px;
    padding: 0;
    width: 308px;
    height: 100%;
    float: left;
}

.inner-page .sidebar {
    height: 100%;
    width: 175px;
    display: inline;
}

div.footer {
    margin: 0 10px;
    padding: 0;
    clear: both;
    width: 100%;
    color: #ffffff;
    background-color: #304f6a;
    float: left;
}

div.contact {
    margin: 20px 0 0;
    padding: 17px 14px;
    background-color: #cbd9e0;
}

.inner-page div.contact {
    margin-top: 0;
}

.footer .contact {
    padding: 15px 34px;
}

div.wrap {
    padding: 17px 14px;
}

.inner-page div.wrap {
    padding: 0;
    background-color: transparent;
}

div.mainbar div.wrap {
    /* background: transparent url(Images/div_latest_news.gif) no-repeat 50% 100%; */
}

div.contentWrapper {
    margin: 0 10px 0 10px;
    padding: 20px 0 40px 0px;
    width: 100%;
    height: 100%;
    float: left;
    background-color: #ebebeb;
    border-top: 1px solid #47afdf;
}

div.contentWrapperWhite {
    margin: 0 10px 0 10px;
    padding: 20px 0 40px 0px;
    width: 100%;
    height: 100%;
    float: left;
    background-color: White;
    border-top: 1px solid #47afdf;
}

.page-title {
    /*background: transparent url(img/title-main.jpg) no-repeat 50% 0;*/
    float: left;
    padding: 0 10px;
    width: 100%;
    clear: both;
}

.inner-page .page-title {
    padding: 0 10px;
    background: transparent url(img/title-inner.jpg) no-repeat 0 0;
    height: 100px;
}
/* Headings */
.page-title h1 {
    margin: 0;
    padding: 35px 0 0 68px;
    color: #fff;
    font-size: 34px;
    font-weight: normal;
}

.content h1 {
    margin: 10px 0 10px;
    color: #928B0C;
    font-size: 34px;
    font-weight: normal;
}

.content h2, #Main .sf_newsList h2.sf_newsTitle {
    margin: 0 0 10px;
    color: #928B0C;
    font-size: 18px;
    font-weight: normal;
}

.content h3 {
    margin: 0 0 10px;
    color: #464646;
}

.content .inner-notes h3 {
    font-size: 18px;
    font-weight: normal;
    color: #000;
}

.sidebar h3 {
    font-size: 18px;
    font-weight: normal;
}

.inner-page .sidebar h3 {
    padding: 20px 15px 10px 21px;
    color: #fff;
    background: #235A70 url(img/h3-sidebar.gif) no-repeat 100% 0;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #6db9d1;
}

.footer .contact h3 {
    font-size: 14px;
    display: inline;
}

.content h4 {
    margin: 0 0 10px;
    color: #464646;
    font-weight: normal;
}

.content .inner-notes h4 {
    font-size: 12px;
    font-weight: bold;
}

.sidebar h4 {
    margin: 0 0 5px;
}
/* Paragraphs */
p {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

.content p {
    margin: 0 0 10px;
    padding: 0;
}

    .content p.more {
        text-align: right;
        font-size: 11px;
    }

.footer p {
    margin: 0;
    padding: 17px 34px;
    color: #fff;
}

.date, .content p.date {
    color: #338cae;
    font-size: 10px;
    margin-bottom: 0;
}

.page-title p {
    padding: 30px 0 0 68px;
    color: #fff;
    width: 670px;
    line-height: 1.8;
}
/* Lists */
ul, ol {
    margin: 0 0 10px 25px;
    padding: 0;
    list-style-position: outside;
}

li {
    margin: 0;
    padding: 0;
    list-style-type: disc;
}

ol li {
    list-style-type: decimal;
}

.content ul {
    margin-left: 0;
}

    .content ul li {
        padding-left: 0px;
        list-style-type: none;
        /*background: transparent url(img/bullet.gif) no-repeat 9px 5px;*/
    }

.content ol {
    margin-left: 30px;
}

.content ul.key-items {
    color: #928B0C;
    font-weight: bold;
}

    .content ul.key-items li {
        background-image: url(img/bullet-yellow.gif);
        background-position: 5px 2px;
    }

.wrap .news-list {
    margin: 0;
}

    .wrap .news-list li {
        padding: 17px 0;
        list-style-type: none;
        background: transparent url(img/sidebar_news_li.gif) repeat-x 0 100%;
    }
/* Semantic */
strong {
    font-weight: bold;
    font-style: normal;
}

em {
    font-weight: normal;
    font-style: italic;
}

address {
    padding-top: 5px;
    font-style: normal;
    line-height: 1.5;
}

.footer .contact address {
    display: inline;
}
/* Links */
a:link, a:visited, a:hover, a:active {
    /*color: #928b0c;*/
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.logo a:link, .logo a:visited, .logo a:hover, .logo a:active {
    color: #fff;
    text-decoration: none;
}

.sidebar h4 a:link, .sidebar h4 a:visited, .sidebar h4 a:hover, .sidebar h4 a:active {
    color: #464646;
}
/* Community Logo */
.poweredBySitefinityLogo {
    padding: 20px 0;
    width: 100%;
    float: left;
    clear: both;
}
/* Blogs */
.content ul.sf_postListing li {
    background-image: none;
}
/* General */
.FontSmall {
    font-size: x-small;
}

.viewWrap {
    padding: 5px;
    background: #2291b5;
}

.Invisible {
    display: none;
}
/* Help */
.Topic {
    font-family: verdana,arial,times new roman;
    font-size: large;
    vertical-align: middle;
}

.SubTopic {
    font-family: verdana,arial,times new roman;
    font-size: medium;
    vertical-align: middle;
}

.HelpLink {
    text-align: right;
}

    .HelpLink a {
        color: #004080;
    }

.DescriptionText {
    font-size: small;
    color: Black;
}

.BlueText {
    font-size: medium;
    color: #000099;
}

.RedText {
    font-size: small;
    color: #df0000;
}

a.RedTextLink {
    text-decoration: underline !important;
}

.GreenText {
    font-size: medium;
    color: Green;
}

.YellowAlertBox {
    font-size: medium;
    color: Blue;
    background-color: LightGoldenrodYellow;
    text-indent: 10px;
    border: solid 2px LightGray;
}

.LightGrayBox {
    background-color: LightGray;
}

.SmallText {
    font-size: 10px;
}


/*New Styles*/
table {
    border-collapse: collapse;
}

a {
    color: #000077;
    text-decoration: underline;
}

hr {
    color: #808080;
    line-height: 1px;
}

/*	Control Styles	*/
.Button {
    /*width:60px;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.Font_Error {
    color: #df0000;
}

.Label {
    color: #201508;
    text-align: right;
    /*font-size: 12px;*/
    float: left;
    width: 150px;
}

.LabelAlignLeft {
    color: #201508;
    text-align: left;
    /*font-size: 12px;*/
    float: left;
    width: 100%;
}

.LabelAlignRight {
    color: #201508;
    text-align: right;
    /*font-size: 12px;*/
    float: left;
    width: 100%;
    text-align:right;
}

.LabelRequired {
    color: #201508;
    text-align: right;
    /*font-size: 12px;*/
    float: left;
    width: 145px;
    height: 18px;
    /*border-right:0.4em dotted #ae0000;*/
    margin: 1px 0px;
    padding: 1px 4px;
}
/*
span.LabelRequired:after { 
    content: ':'; 
} */

input.text {
    height: 18px;
}

.TextBox {
}

.DropDownList {
}

.CheckBox {
    /*font-size: 12px;*/
}

input[type="checkbox"] {
    margin: 0 5px 0 5px !important;
}

input[type="radio"] {
    margin: 0 5px 0 5px !important;
}

.RadioButtonList {
    list-style-type: none;
    margin-left: 0px;
    margin-top: 0px;
    /*overflow: auto; */
    /*font-size: 12px;*/
}

    .RadioButtonList li {
        float: left;
        padding: 0 5px 0 5px;
    }

    .RadioButtonList td {
        border: none 0px !important;
    }

.CheckBoxList {
}

    .CheckBoxList td {
        border: none 0px !important;
    }

.MasterPageTitle {
    font-size: 18px;
    font-weight: bold;
    color: #000080;
    text-align: left;
}

.PageTitle {
    font-size: 16px;
    font-weight: bold;
    color: #000080;
    text-align: left;
}

.PageView {
    border: 1px solid #898c95;
    border-top: none;
    margin-top: -1px;
    height: 381px;
}

.loading {
    background-color: #fff;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.Invisible {
    display: none;
}

.Visible {
    display: block;
}

.validationErrorBorder {
    border: solid 1px #df0000;
}

.validationErrorBackGround {
    background: #df0000;
}

.CategoryFont {
    color: #0041AD;
    font-size: 16px;
    font-weight: bold;
}

.SubCategoryFont {
    color: #0041AD;
    font-size: 14px;
}

.Border {
    border: solid 1px #ff0000;
}









BODY {
    BACKGROUND-COLOR: #cccccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    height: 100%;
    text-align: left;
    word-wrap: break-word;
}

.MainText {
    TEXT-ALIGN: justify;
    FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif;
    COLOR: #006699;
    MARGIN-LEFT: 20px;
    FONT-SIZE: 13px;
    MARGIN-RIGHT: 20px
}

H1 {
    FONT-FAMILY: Helvetica, Arial, sans-serif;
    COLOR: #006699;
    FONT-SIZE: 24px;
    FONT-WEIGHT: bolder;
    margin: 0;
}

H2 {
    FONT-FAMILY: Helvetica, Arial, sans-serif;
    COLOR: #006699;
    FONT-SIZE: 22px;
    FONT-WEIGHT: bolder;
    margin: 0;
}

H3 {
    FONT-FAMILY: Helvetica, Arial, sans-serif;
    COLOR: #006699;
    FONT-SIZE: 20px;
    FONT-WEIGHT: bolder;
    margin: 0;
    webkit-margin: 0;
    "
}

H4 {
    FONT-FAMILY: Helvetica, Arial, Helvetica, sans-serif;
    COLOR: #006699;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bolder;
    margin: 0;
}

.HomeLeftSidebarText {
    TEXT-ALIGN: justify;
    MARGIN: 0px 20px 210px;
    FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif;
    COLOR: #006699;
    FONT-SIZE: 13px
}

.HomeLeftSidebarTextInternal {
    TEXT-ALIGN: justify;
    MARGIN: 60px 0px 210px 20px;
    FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif;
    COLOR: #006699;
    FONT-SIZE: 13px
}

.HeaderRightSideLinks {
    LINE-HEIGHT: 20px;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bolder;
    MARGIN-RIGHT: 10px
}

    .HeaderRightSideLinks A {
        FONT-FAMILY: Helvetica, sans-serif;
        COLOR: #71d9ff;
        TEXT-DECORATION: none
    }

        .HeaderRightSideLinks A:hover {
            FONT-FAMILY: Helvetica, sans-serif;
            COLOR: #66ff00;
            TEXT-DECORATION: none
        }

.HeaderRightPleaseLogon {
    FONT-FAMILY: Helvetica, sans-serif;
    COLOR: #ffffff;
}

.Instructions {
    COLOR: #303030;
    FONT-SIZE: 16px;
}

.SubheadImageRight {
    MARGIN-RIGHT: 20px
}

UL#list-nav {
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 0px;
    WIDTH: 625px;
    PADDING-RIGHT: 0px;
    MARGIN-LEFT: 20px;
    LIST-STYLE-IMAGE: none;
    PADDING-TOP: 9px;
}

    UL#list-nav LI {
        DISPLAY: inline;
        MARGIN-LEFT: 24px;
    }

        UL#list-nav LI A {
            vertical-align: middle;
            FONT-FAMILY: Arial, Helvetica, sans-serif;
            FLOAT: left;
            COLOR: #fff;
            FONT-WEIGHT: bold;
            TEXT-DECORATION: none;
            Font-Size: 16px;
            margin-right: 40px;
        }

            UL#list-nav LI A:hover {
                FONT-FAMILY: Arial, Helvetica, sans-serif;
                FLOAT: left;
                COLOR: #333;
            }

.search {
    MARGIN-TOP: 5px;
    FLOAT: right;
    MARGIN-RIGHT: 23px
}

.HomeMainImage {
    /*BORDER-BOTTOM: #666666 1px solid; BORDER-LEFT: #666666 1px solid; MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; BORDER-TOP: #666666 1px solid; BORDER-RIGHT: #666666 1px solid; -webkit-box-shadow: 2px 2px 2px #cccccc; box-shadow: 2px 2px 2px #cccccc*/
}

.ContentBox1 {
    BACKGROUND-IMAGE: url(./themes/img/Home_PencilGraphic.png);
    BORDER-BOTTOM: #99c 1px solid;
    BORDER-LEFT: #99c 1px solid;
    WIDTH: 742px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: right bottom;
    HEIGHT: 100%;
    BORDER-TOP: #99c 1px solid;
    BORDER-RIGHT: #99c 1px solid;
    -webkit-box-shadow: 2px 2px 2px #cccccc;
    box-shadow: 2px 2px 2px #cccccc;
    margin: 0px 0px 20px 0px;
    background-color: White;
}

.ContentBoxHeader1 {
    letter-spacing: normal;
    TEXT-ALIGN: center;
    PADDING-BOTTOM: 6px;
    BACKGROUND-COLOR: #1c6b9c;
    PADDING-LEFT: 4px;
    WIDTH: 300px;
    PADDING-RIGHT: 4px;
    DISPLAY: block;
    FONT-FAMILY: Helvetica, sans-serif;
    COLOR: #99ff00;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bolder;
    PADDING-TOP: 6px;
    -webkit-box-shadow: 1px 1px 2px #cccccc;
    box-shadow: 1px 1px 2px #cccccc
}
h1.ContentBoxHeaderInterior1 {
    padding-top: 6px;
}
.ContentBoxInterior {
    BORDER-BOTTOM: #99c 1px solid;
    BORDER-LEFT: #99c 1px solid;
    margin: 0px 20px 20px 20px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: right bottom;
    HEIGHT: 100%;
    BORDER-TOP: #99c 1px solid;
    BORDER-RIGHT: #99c 1px solid;
    /*-webkit-box-shadow: 2px 2px 2px #cccccc;
    box-shadow: 2px 2px 2px #cccccc;*/
    background-color: White;
}

.ContentBoxHeaderInterior1 {
    letter-spacing: normal;
    TEXT-ALIGN: center;
    PADDING-BOTTOM: 6px;
    BACKGROUND-COLOR: #1c6b9c;
    PADDING-LEFT: 4px;
    WIDTH: 250px;
    PADDING-RIGHT: 4px;
    DISPLAY: block;
    FONT-FAMILY: Helvetica, sans-serif;
    COLOR: #99ff00;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bolder;
    PADDING-TOP: 6px;
    -webkit-box-shadow: 1px 1px 2px #cccccc;
    box-shadow: 1px 1px 2px #cccccc
}

.ContentBoxHeaderInterior2 {
    letter-spacing: normal;
    TEXT-ALIGN: left;
    FONT-FAMILY: Helvetica, sans-serif;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bolder;
}

.textbox {
    TEXT-ALIGN: justify;
    FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif;
    MARGIN-BOTTOM: 210px;
    COLOR: #006699;
    MARGIN-LEFT: 20px;
    FONT-SIZE: 13px;
    MARGIN-RIGHT: 20px
}

.RedLinks A:link {
    /*COLOR: #ff0033; TEXT-DECORATION: none*/
    color: #E20000;
    text-decoration: underline;
}

.RedLinks A:visited {
    COLOR: #E20000;
    TEXT-DECORATION: underline
}

.RedLinks A:hover {
    COLOR: #cc3333;
    TEXT-DECORATION: underline
}

.RedLinks A:active {
    COLOR: #E20000;
    TEXT-DECORATION: underline
}

.TextBoxInteriorTopLeft {
    TEXT-ALIGN: justify;
    PADDING-LEFT: 20px;
    WIDTH: 370px;
    FLOAT: left
}

.TextBoxInteriorTopRight {
    TEXT-ALIGN: justify;
    WIDTH: 270px;
    PADDING-RIGHT: 20px;
    FLOAT: right
}

.border {
    -webkit-box-shadow: 2px 2px 2px #cccccc;
    box-shadow: 2px 2px 2px #cccccc
}

.TableHeader {
    FONT-FAMILY: Helvetica, sans-serif;
    COLOR: #99ff00;
    MARGIN-LEFT: 20px;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bolder
}

TABLE.border {
    BORDER-BOTTOM: #999999 1px hidden;
    BORDER-LEFT: #999999 1px hidden;
    BACKGROUND-COLOR: white;
    BORDER-SPACING: 0px;
    BORDER-COLLAPSE: separate;
    BORDER-TOP: #999999 1px hidden;
    BORDER-RIGHT: #999999 1px hidden
}

    TABLE.border TH {
        BORDER-BOTTOM: #999999 1px solid;
        BORDER-LEFT: #999999 1px solid;
        PADDING-BOTTOM: 3px;
        BACKGROUND-COLOR: white;
        PADDING-LEFT: 3px;
        PADDING-RIGHT: 3px;
        BORDER-TOP: #999999 1px solid;
        BORDER-RIGHT: #999999 1px solid;
        PADDING-TOP: 3px
    }

    TABLE.border TD {
        BORDER-BOTTOM: #999999 1px solid;
        BORDER-LEFT: #999999 1px solid;
        PADDING-BOTTOM: 3px;
        BACKGROUND-COLOR: white;
        PADDING-LEFT: 3px;
        PADDING-RIGHT: 3px;
        BORDER-TOP: #999999 1px solid;
        BORDER-RIGHT: #999999 1px solid;
        PADDING-TOP: 3px
    }



.menu {
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px 0px 0px 20px;
    PADDING-LEFT: 0px;
    WIDTH: 180px;
    PADDING-RIGHT: 0px;
    BACKGROUND: #1c6b9c;
    LIST-STYLE-IMAGE: none;
    PADDING-TOP: 0px;
    -webkit-box-shadow: 2px 2px 2px #cccccc;
    box-shadow: 2px 2px 2px #cccccc;
}

    .menu A {
        BORDER-BOTTOM: #393939 1px solid;
        PADDING-BOTTOM: 8px;
        MARGIN: 0px;
        PADDING-LEFT: 12px;
        PADDING-RIGHT: 6px;
        DISPLAY: block;
        BACKGROUND: #1c6b9c;
        COLOR: #fff;
        FONT-WEIGHT: bolder;
        TEXT-DECORATION: none;
        PADDING-TOP: 8px;
        FONT-SIZE: 13px;
    }

        .menu A:hover {
            PADDING-BOTTOM: 8px;
            BACKGROUND: #003366 no-repeat left center;
            COLOR: #66ff00;
            FONT-WEIGHT: bolder
        }

.MenuHeader {
    BACKGROUND-COLOR: #003366;
    PADDING-LEFT: 20px;
    WIDTH: 160px;
    FONT-FAMILY: Helvetica, Arial, Helvetica, sans-serif;
    MARGIN-BOTTOM: -16px;
    COLOR: #71d9ff;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bolder;
    PADDING-TOP: 6px;
    padding-bottom: 10px;
}

.menuChild {
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px 0px 0px 0px;
    PADDING-LEFT: 0px;
    WIDTH: 180px;
    PADDING-RIGHT: 0px;
    BACKGROUND: #1c6b9c;
    LIST-STYLE-IMAGE: none;
    PADDING-TOP: 0px;
    -webkit-box-shadow: 2px 2px 2px #cccccc;
    box-shadow: 2px 2px 2px #cccccc
}

    .menuChild A {
        BORDER-BOTTOM: #393939 1px solid;
        PADDING-BOTTOM: 8px;
        MARGIN: 0px;
        PADDING-LEFT: 12px;
        PADDING-RIGHT: 12px;
        WIDTH: 180px;
        DISPLAY: block;
        BACKGROUND: #1c6b9c;
        COLOR: #fff;
        FONT-WEIGHT: bolder;
        TEXT-DECORATION: none;
        PADDING-TOP: 8px;
        FONT-SIZE: 13px;
    }

        .menuChild A:hover {
            PADDING-BOTTOM: 8px;
            BACKGROUND: #003366 no-repeat left center;
            COLOR: #66ff00;
            FONT-WEIGHT: bolder;
            WIDTH: 180px;
        }



.FooterLeft {
    WIDTH: 450px;
    FLOAT: left;
    MARGIN-LEFT: 20px
}

.FooterRight {
    WIDTH: 600px;
    FLOAT: right;
    MARGIN-RIGHT: 20px
}

.FooterLeft H4 {
    MARGIN-TOP: 10px;
    FONT-FAMILY: Helvetica, Arial, Helvetica, sans-serif;
    MARGIN-BOTTOM: 6px;
    COLOR: #71d9ff;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bolder
}

.FooterRight H4 {
    MARGIN-TOP: 10px;
    FONT-FAMILY: Helvetica, Arial, Helvetica, sans-serif;
    MARGIN-BOTTOM: 6px;
    COLOR: #71d9ff;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bolder
}

.FooterText {
    LINE-HEIGHT: 17px;
    FONT-FAMILY: Trebuchet MS, Helvetica, sans-serif;
    COLOR: #ffffff;
    FONT-SIZE: 13px
}

.FooterBottom {
    TEXT-ALIGN: right;
    MARGIN-TOP: 40px;
    WIDTH: 450px;
    FLOAT: right;
    MARGIN-RIGHT: 20px
}

.CopyrightText {
    FONT-FAMILY: Trebuchet MS, Helvetica, sans-serif;
    COLOR: #ffffff;
    FONT-SIZE: 11px
}


.HeaderLeftLogo {
    background: #666666;
    background-image: url(./img/wisdomwherelogo.png);
    background-repeat: no-repeat;
}

.HeaderRightBackground {
    background: #666666;
    background-image: url(./img/headerpublicright.png);
    background-repeat: no-repeat;
}

.NavBack {
    background: rgb(153,153,153);
    background: linear-gradient(90deg, rgba(153,153,153,1) 0%, rgba(153,153,153,1) 50%, rgba(108,108,108,1) 100%);
}

.LoginIcon {
    BACKGROUND-IMAGE: url(./themes/img/icon.png);
    BACKGROUND-REPEAT: no-repeat;
    margin-right: 12px;
    z-index: 10;
}

.Magnify {
    BACKGROUND-IMAGE: url(./themes/img/Magnifying-Glass.png);
    BACKGROUND-REPEAT: no-repeat;
}


.SubHeaderBackground {
    background-color: #fff;
}

.Logo {
    BACKGROUND-IMAGE: url(./themes/img/logo.jpg);
    BACKGROUND-REPEAT: no-repeat;
}

.SubHeadGraphic {
    BACKGROUND-IMAGE: url(./themes/img/SubheadGraphic_380x80.jpg);
    BACKGROUND-REPEAT: no-repeat;
    background-position: -20px;
}

.FooterBackground {
    background: #666666;
}

.RadGrid_Outlook th.rgHeader {
    color: #99FF00 !important;
    background-image: none !important;
    background-color: #1C6B9C !important;
}

.RadGrid_Outlook .rgHeader, .RadGrid_Outlook .rgHeader a {
    color: #99FF00 !important;
    text-decoration: none;
}

.RadGrid_Outlook .rgCommandRow {
    background-image: none !important;
    background-color: #1C6B9C !important;
    color: #FFFFFF;
}

table h1 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}

p {
    margin-bottom: 10px;
}

/* Scheduler Style */

.RadScheduler .rsHeader {
    background-image: none;
    background-color: #1C6B9C;
    /*background-color: transparent;*/
    background-position: 0 0;
    background-repeat: repeat-x;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 1000;
}

    .RadScheduler .rsHeader p {
        color: #FFFFFF;
        background-image: none;
        background-color: #1C6B9C;
        float: left;
        padding-left: 5px;
    }

    .RadScheduler .rsHeader h2 {
        color: #FFFFFF;
        background-image: none;
        background-color: #1C6B9C;
        display: block;
        font-size: 15px;
        font-weight: bold !important;
        height: 30px;
        overflow: hidden;
        text-indent: 43px;
        text-align: center;
    }

    .RadScheduler .rsHeader ul {
        color: #FFFFFF;
        background-image: none;
        background-color: #1C6B9C;
        float: right;
        padding-right: 10px;
    }

    .RadScheduler .rsHeader a {
        color: #FFFFFF;
        background-image: none;
        background-color: #1C6B9C;
    }

    .RadScheduler .rsHeader .rsDatePickerActivator {
        background-position: -228px -28px !important;
        float: left !important;
        font-size: 0 !important;
        height: 32px !important;
        line-height: 21px !important;
        margin: -2px 0 0 0 !important;
        overflow: hidden !important;
        text-indent: -9999px !important;
        width: 21px !important;
    }

.MainBackground {
    background: rgb(250,248,240);
    background: linear-gradient(90deg, rgba(250,248,240,1) 0%, rgba(250,248,240,1) 60%, rgba(255,247,212,1) 100%);
}
.LabelGray {
    color: #736F6E;
    font-style: italic;
    font-size: 10px;
    text-align: left;
}

.DashBoardPlan {
    background-color: #333333 !important;
    color: #FFFFFF !important;
}

    .DashBoardPlan a {
        background-color: #333333 !important;
        color: #FFFFFF !important;
    }

.DashBoardGroup {
    background-color: #656565 !important;
    color: #FFFFFF !important;
}

.DashBoardActivity {
    background-color: #999999 !important;
    color: #FFFFFF !important;
}

    .DashBoardActivity a {
        background-color: #999999 !important;
        color: #FFFFFF !important;
    }

.DashBoardCourse {
    background-color: #1C6B9C !important;
    color: #FFFFFF !important;
}

#container {
    padding: 16px 13px 12px;
}

    #container .role .h3Text {
        font-size: 16px;
        margin-bottom: 4px;
        margin-top: 4px;
        color: #006699;
        font-weight: bold;
    }

    #container .role h4 {
        color: #222222;
        font-size: 16px;
        margin: 4px 10px;
    }

.prRow {
    color: #fff;
    background-color: #999999;
    padding: 4px 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.prFooter {
    color: #337ab7 !important;
    background-color: #ccc;
    padding: 4px 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.reqRow {
    padding: 4px 10px;
    font-size: 12px;
}

.reqRowAlt {
    padding: 4px 10px;
    font-size: 12px;
    background: #F5F5F5;
}

.requests {
    margin: 4px 20px;
}

.RequestFormRequired {
    color: silver;
    font-style: italic;
    font-size: x-small;
}

.wrapword {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}


/*Show conference - new classes*/
.auto-style1 {
    background-color: #ADD8E6;
}

.auto-style2 {
    text-align: left;
    background-color: #338CAE;
}

.AltSession {
    background-color: #cccccc;
}

    .AltSession td, .Session td, .AltBreakout td {
        padding: 4px;
        border-color: #999999;
        border-style: solid;
        border-collapse: collapse;
        border-width: 1px;
        margin: -1px 0 0 -1px;
    }

.Session {
    background-color: #ffffff;
}

.AltBreakout {
    background-color: #E0E0E0;
}

/*End of Show conference - new classes*/

.GrayButton {
    box-shadow: 0px -1px 0px #BBB inset;
    border: 1px solid #D1D1D1;
    border-radius: 3px;
    display: inline-block;
    font-family: sans-serif,Arial,Verdana,Georgia;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 7px;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
    color: #000;
    background: linear-gradient(#888888, #888888) repeat scroll 0% 0% transparent;
}

.TableNoBorder tr th, .TableNoBorder tr td {
    border: none 0px !important;
    border-collapse: collapse !important;
}

/*making background darker on hover*/
.RadListBox_Default .rlbGroup .rlbHovered {
    background-color: #7E7E7E !important;
}

.awordwrap {
    -ms-word-break: break-all;
    display: inline-block;
    /* Be VERY careful with this, breaks normal words wh_erever  */
    word-break: break-all;
    /* Non standard for webkit  hyphens: auto; */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
}



#skip a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    #skip a:active,
    #skip a:focus,
    #skip a:hover {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
    }

.labelClass {
    width: 40% !important;
}

.ConferenceTable td {
    padding-right: 10px;
    padding-left: 10px;
}

/*added for #5575*/
.breadcrumb {
    margin-bottom: 20px;
    margin-left: 0px;
    list-style: none;
    border-radius: 4px;
    font-size: medium;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0";
        }

    .breadcrumb > .active {
        color: #777;
    }

.contacts {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    .contacts td, .contacts th {
        border: 1px solid #ddd;
        padding: 8px;
    }

    .contacts tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    .contacts tr:hover {
        background-color: #ddd;
    }

    .contacts th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #7c7f7c;
        color: white;
    }


/*.nav-side-menu {
    
    font-family: verdana;
    font-size: 12px;
    font-weight: 200;
    background-color: #1c6b9c;
    width: 200px;
    height: 100%;
    color: #e1ffff;
    margin-left: 18px;
}

    .nav-side-menu .nav-side-heading {
        background-color: #134869;
        line-height: 40px;
        display: block;
        text-align: center;
        font-size: 1.2em;
        font-weight: 700;
        color: #fff !important;
    }

    .nav-side-menu .toggle-btn {
        display: none;
    }

    .nav-side-menu ul,
    .nav-side-menu li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        line-height: 40px;
        cursor: pointer;
    }

        .nav-side-menu ul :not(collapsed) .arrow:before,
        .nav-side-menu li :not(collapsed) .arrow:before {
            font-family: FontAwesome;
            content: "\f078";
            display: inline-block;
            padding-left: 10px;
            padding-right: 10px;
            vertical-align: middle;
            float: right;
        }

        .nav-side-menu ul .active,
        .nav-side-menu li .active {
            background-color: #2A9FE8;
        }

        .nav-side-menu ul .sub-menu li,
        .nav-side-menu li .sub-menu li {
            background-color: #538AAC;
            border: none;
            line-height: 28px;
            border-bottom: 1px solid #23282e;
            margin-left: 0px;
        }

            .nav-side-menu ul .sub-menu li:hover,
            .nav-side-menu li .sub-menu li:hover {
                background-color: #2A9FE8;
            }

            .nav-side-menu ul .sub-menu li:before,
            .nav-side-menu li .sub-menu li:before {
                font-family: FontAwesome;
                content: "\f105";
                display: inline-block;
                padding-left: 10px;
                padding-right: 10px;
                vertical-align: middle;
            }

    .nav-side-menu li {
        padding-left: 0px;
        
        border-bottom: 1px solid #23282e;
    }

        .nav-side-menu li a {
            padding-left: 1em;
            font-weight: 600;
            display: block;
            text-decoration: none;
            color: #fff;
        }

            .nav-side-menu li a i {
                padding-left: 10px;
                width: 20px;
                padding-right: 20px;
            }

        .nav-side-menu li:hover {
            background-color: #2A9FE8;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            -ms-transition: all 1s ease;
            transition: all 1s ease;
        }

@media (max-width: 767px) {
    .nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }

        .nav-side-menu .toggle-btn {
            display: block;
            cursor: pointer;
            position: absolute;
            right: 10px;
            top: 10px;
            z-index: 10 !important;
            padding: 3px;
            background-color: #ffffff;
            color: #000;
            width: 40px;
            text-align: center;
        }


}

@media (min-width: 767px) {
    .nav-side-menu .menu-list .side-menu-content {
        display: block;
    }
}*/

.bg-dark {
    background-color: #006699 !important;
}

a.list-group-item {
    color: rgba(0, 0, 0, .25);
    color: #006699 !important;
}

.btn-primary {
    color: #fff;
    background-color: #428bca !important;
    border-color: #357ebd !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e;
}


.badge-master {
    background-color: #4F9E4F;
}

.badge-standard {
    background-color: #428bca;
}

.badge-breakout {
    background: #28B5A1;
}

.badge-warning {
    background-color: #f0ad4e;
}

li.nav-item {
    list-style: none;
}

li.conflict {
    line-height:1.5em;
    font-size:1.25em;
}
.alert {
    font: normal;
}

    .alert a {
        color: darkblue;
        text-decoration: underline;
    }