/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn-login {
    color: #fff;
    background: url(../images/GoldGradiant.png) repeat-x;
    background-size: Auto 100%;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/*li.nav-item.a.nav-link.siteNavLink {
    color: black;
    text-decoration: none;
}

li.nav-item.a.nav-link.selectedSiteNavLink {
    color: black;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.3em;
}*/

.siteNavLink {
    font-size: 1.1em;
    color: black;
    text-decoration: none;
}

.selectedSiteNavLink {
    font-size: 1.1em;
    color: black;
    text-decoration: none;
    font-weight: 700;
}



/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    /*margin-bottom: -30px;*/
    /*font-family: freight-sans-pro, sans-serif;*/
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    /* From old XER stylesheet*/
    /*font-size: .85em;
    margin: 0;
    padding: 0;
    height: inherit;
    position: relative;*/
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 20px; /* Vertically center the text there */
}

.footerLink {
    font-size: 0.8em;
    text-decoration: underline;
    /*text-decoration: none;*/
}

.footerText {
    text-align: center;
}

.updateErrorPanel,
.updatePanel {
    border-radius: 10px;
    border: solid;
    border-width: 1px;
    padding: 2px;
    margin-bottom: 5px;
}

.updatePanel {
    background-color: #D4EDDA;
    border-color: #D4EDDA;
    color: #155724;
    max-height: 100% !important;
}

.updateErrorPanel {
    background-color: #f8d7da;
    border-color: #f8d7da;
    color: #721c24;
}

/** {
    margin: 0;
}

html {
    background-color: #e2e2e2;
    height: 100%;
    min-height: 100%;
}

body {
    background-color: #b3b2b3;
    font-size: .85em;*/
    /*font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;*/
    /*font-family: freight-sans-pro, sans-serif;
    margin: 0;
    padding: 0;
    height: inherit;
    position: relative;
}*/

.page-wrap {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -20px;
}

    .page-wrap:after {
        content: "";
        display: block;
    }

    .site-footer, .page-wrap:after {
        height: 20px;
    }

.site-footer {
    font-size: .8em;
    min-width: 1010px;
}

.cursorDefault {
    cursor: default;
}

.cursorPointer {
    cursor: pointer;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.rightText {
    text-align: right;
}

.leftText {
    text-align: left;
}

.centerText {
    text-align: center;
}

.position-Container {
    position: relative;
}

.position-Child {
    position: absolute;
}

.position-C-Top {
    top: 0;
}

.position-C-Bottom {
    bottom: 0;
}

.position-C-Right {
    right: 0;
}

.position-C-Left {
    left: 0;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

img {
    border: 0;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

.pad5 {
    padding: 5px;
}

.pad10 {
    padding: 10px;
}

.pad15 {
    padding: 15px;
}

.pad20 {
    padding: 20px;
}

.inlineBlock {
    display: inline-block;
}

.block {
    display: block;
}

.modal {
    display: none;
}

.white-box {
    margin: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-repeat: repeat-x;
}

.almostBlackText {
    color: #1d1d1d;
}

.blackText {
    color: black;
}

.whiteText {
    color: white;
}

.redText {
    color: #620910;
}

.boldText {
    font-weight: bold;
}

.linkStyle {
    text-decoration: underline;
    cursor: pointer;
    color: #620910;
}

    .linkStyle:hover {
        color: #ba1828;
        text-decoration: none;
    }

.horizonalCenter {
    width: 211px;
    display: block;
    margin: auto;
}

.tableDiv {
    display: table;
}

.tableDivCell {
    display: table-cell;
    vertical-align: middle;
}

.tableDivCellCenterElement {
    width: 80%;
    margin-left: 10%;
}

div.minimizeBtn {
    height: 20px;
    margin-right: 5px;
    background-image: url(../images/MinimizeBtn.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}

div.expandBtn {
    height: 20px;
    margin-right: 5px;
    background-image: url(../images/ExpandBtn.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}

div.truncateText {
    /*max-width: Set on element*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

div.transBackground {
    opacity: 0.93;
    filter: alpha(opacity=40);
    width: 100%;
    height: 100%;
}

.darkRed {
    background-color: #780914;
}

.brickRed {
    /*background-color:#620910;*/
    /*background-color:#520202;*/
    background-color: #4a1616;
}

.grey {
    background-color: #e2e2e2;
}

.darkGrey {
    background-color: #2b2b2b;
}

.DropDownDiv {
    display: none;
    position: absolute;
    background-color: #fff;
    overflow: auto;
    z-index: 51;
    border: 1px solid #b3b2b3;
    padding: 10px 5px 10px 2px;
}


/* iframe shim
---------------------------------------------------------*/

.zindex4 {
    z-index: 4 !important;
}

.iframeshim-container {
    z-index: 4 !important;
    position: relative;
}

    .iframeshim-container .content-container {
        display: none;
        position: absolute;
        background-color: #F7F7F7;
        overflow: auto;
        border: 1px solid Gray;
        padding: 10px 2px 10px 2px;
        z-index: 2;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .iframeshim-container .shim-iframe {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        /*z-index: -1 !important;*/
        width: 400px;
    }

.shimMenulink {
    font-size: 13px;
    white-space: nowrap;
    color: black;
    text-align: left;
    padding-right: 10px;
}

.settingsMenulink {
    font-size: 13px;
    white-space: nowrap;
    color: #0366D7;
    text-align: left;
    padding-right: 10px;
    font-weight: 600;
}

.settingsMenuUserlink {
    font-size: 13px;
    white-space: nowrap;
    color: black;
    text-align: left;
    /*padding-right: 10px;*/
}

.photo {
    top: 8px;
    left: 6px;
    width: 42px;
    height: 41px;
    position: relative;
    z-index: 93;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.photo-box-sm {
    display: block;
    float: left;
    background: url(../images/PictureBorder_sm.png) left top no-repeat;
    height: 60px;
    width: 53px;
    border: 0px solid blue;
    position:absolute;
    z-index: 95;
    margin-left: 5px;
}

/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    width: 1100px;
    /*width: 1010px;*/
    /*max-width: 1140px;*/
    position: relative;
}

.project-content-wrapper {
    margin: 0 auto;
    min-width: 1010px;
    position: relative;
    height: 100%;
}

#siteContentContainer {
    height: 100%;
    position: relative;
    z-index: 50;
    overflow: auto;
}

#backgroundImgeContainer {
    height: 100%;
    position: relative;
    overflow: hidden;
}


#backgroundNewsWapper {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%; /*width of the LeftSideContent*/
    min-width: 500px;
    overflow: hidden;
    background-color: #2B2B2B;
    /*background-color:#4A1616;*/
}

div#backgroundImgWrapper {
    position: absolute;
    z-index: 1;
    top: 0;
    min-width: 1010px; /*width of content container*/
    height: 100%;
    width: 100%;
    overflow: hidden;
}

img.backgroundImg {
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    min-width: 100%;
    min-height: 100%;
}

#headerContainer {
    min-width: 1010px;
    background-color: #fff;
    padding-top: 20px;
}

.main-content {
    /*background: url("../../Content/Images/accent.png") no-repeat;*/
    /*padding-left: 10px;*/
    height: 100%;
    position: relative;
    overflow: hidden;
}

.main-content-alt {
    /*width: 80%;
    padding-right: 15px;
    padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}


#siteContentContainer {
    height: 100%;
    position: relative;
    z-index: 50;
    overflow: auto;
}

.main-wrap {
    min-height: 100%;
    margin-bottom: -20px;
}

.featured + .main-content {
    /*background: url("../../Content/Images/heroAccent.png") no-repeat;*/
}





.redLine-content-wrapper {
    margin: 0 auto;
    max-width: 800px;
}

/*Landing Page
----------------------------------------------------------*/
div.LandingAdvertsingContainer {
    height: 300px;
    min-width: 1010px;
}

div.RegisterNowContainer {
    position: absolute;
    top: 25px;
    /*width: 300px;
    color: white;*/
    width: 300px;
    color: black;
    font-size: 25px;
    font-weight: 600;
    text-align: left;
}

.RegisterBtn {
    padding: 7px;
    font-size: 25px;
    font-style: italic;
    font-weight: 600;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    background: url(../images/GoldGradiant.png) repeat-x;
    background-size: Auto 100%;
    /*font-style:italic;*/
    margin-top: 20px;
}

.RegisterBtn_sm {
    padding: 6px;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    background: url(../images/GoldGradiant.png) repeat-x;
    background-size: Auto 100%;
    /*font-style:italic;*/
}

.TitleText {
    font-size: 2.5em;
    font-weight: 600;
    color: black;
}

.PageTitleText {
    font-size: 1.7em;
    /*font-weight: 200;*/
    font-weight: 600;
    line-height: 100%;
    padding-top: 2px;
}

.SmallPageTitleText {
    font-size: 1.2em;
    /*font-weight: 200;*/
    font-weight: 600;
    line-height: 100%;
    padding-top: 7px;
    text-decoration: none;
}

.SmallTitleText {
    font-size: 1.7em;
    font-weight: 600;
}

.SmallestTitleText {
    font-size: 1.2em;
    font-weight: 600;
}

.fineText {
    font-size: 10px;
    line-height: 10px;
    white-space: nowrap;
}

.basicAdd {
    height: 200px;
    width: 450px;
    background: url(../images/GoldAddGradiant.png) repeat-x;
    background-size: Auto 100%;
    display: inline-block;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #d1a423;
}

.basicAddSmall {
    height: 50px;
    width: 300px;
    background: url(../images/GoldAddGradiant.png) repeat-x;
    background-size: Auto 100%;
    display: inline-block;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #d1a423;
}

.AdvancedAdd {
    height: 200px;
    width: 500px;
    background: url(../images/OrangeAddGradiant.png) repeat-x;
    background-size: Auto 100%;
    display: inline-block;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #ca6f1b;
}

.TipBox {
    width: 500px;
    background: url(../images/GreyGradiant.png) repeat-x;
    background-size: Auto 100%;
    display: inline-block;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #bebebe;
}

.blueGradiant {
    height: 200px;
    width: 450px;
    background: url(../images/BlueGradiant.png) repeat-x;
    background-size: Auto 100%;
    display: inline-block;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #1b5fca;
}

.blueGradiantSmall {
    height: 50px;
    width: 300px;
    background: url(../images/BlueGradiant.png) repeat-x;
    background-size: Auto 100%;
    display: inline-block;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #1b5fca;
}

.blackGradiant {
    height: 200px;
    width: 450px;
    background: url(../images/BlackGradiant.png) repeat-x;
    background-size: Auto 100%;
    display: inline-block;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #030303;
}

.blackGradiantSmall {
    height: 50px;
    width: 300px;
    background: url(../images/BlackGradiant.png) repeat-x;
    background-size: Auto 100%;
    display: inline-block;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #030303;
}

.GreyGradiant {
    height: 200px;
    width: 500px;
    background: url(../images/GreyGradiant.png) repeat-x;
    background-size: Auto 100%;
    display: inline-block;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #bebebe;
}

.dullOutContainer {
    height: 200px;
    background-color: #fff;
    overflow: hidden;
    display: inline-block;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
}

.dullOut {
    opacity: 0.7;
}

    .dullOut:hover {
        opacity: 0.85;
    }



ul.AddList {
    font-size: 1.0em;
    list-style-type: disc;
    width: 80%;
}

#SecondaryMenu label {
    padding-left: 10px;
}

.arrow-down-black {
    background: url(../images/arrow-down-black.png) left top no-repeat;
    border:0px solid black;
    background-size: 11px 12px;
    width: 12px;
    height: 11px;
    /*vertical-align: text-bottom;
    margin-left: 0px;*/
    cursor: pointer;
}

div.DropdownLink {
    font-size: 1.3em;
    text-align: right;
    /*display:inline-block;*/
    /*vertical-align:bottom;
    padding-left:50px;*/
    color: #333;
}

    div.DropdownLink a {
        background: none;
        text-decoration: none;
        color: #333;
    }

        div.DropdownLink a:hover {
            text-decoration: none;
            font-weight: 600;
        }

/* login
----------------------------------------------------------*/
#login {
    display: block;
    /*font-size: .85em;*/
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username {
            background: none;
            margin: 0;
            padding: 0;
            text-decoration: underline;
        }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }

.LoginBtn {
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    background: url(../images/GoldGradiant.png) repeat-x;
    background-size: Auto 100%;
    /*font-style:italic;*/
    font-size: 1em;
    font-weight: 600;
    margin-top: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.forgot {
    text-decoration: none;
    color: white;
    font-weight: 200;
    font-size: 1.1em;
    float: right;
    margin-top: 2px;
}


/* menu
----------------------------------------------------------*/
#LogoAndLinksContainer {
    height: 75px;
    margin-bottom: 5px;
}

.silverLineHome {
    /*background-color:#b3b2b3;*/
    background-color: #b3b2b3;
    height: 3px;
}

.silverLine {
    /*background-color:#b3b2b3;*/
    background-color: #BDBDBD;
    height: 3px;
}


.redLine {
    background-color: #ca0012;
    height: 30px;
}

.yellowLine {
    background-color: #fcb315;
    height: 30px;
}

.yellowLineWrap {
    /*background-color:#ca0012;*/
    background-color: #fcb315;
    min-height: 30px;
    overflow: hidden;
}

.yellowLineHeader {
    background-color: #fcb315;
    /*min-height: 40px;*/
    height: 45px;
}

div.siteNavLink {
    font-size: 1.3em;
    text-align: right;
    display: inline-block;
    vertical-align: bottom;
    padding-left: 50px;
    color: #333;
}

    div.siteNavLink a {
        background: none;
        text-decoration: none;
        color: #333;
    }

        div.siteNavLink a:hover {
            text-decoration: none;
            font-weight: 600;
        }

div.selectedSiteNavLink {
    color: black;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.3em;
    text-align: right;
    display: inline-block;
    vertical-align: bottom;
    padding-left: 50px;
    color: #333;
}

    div.selectedSiteNavLink a {
        background: none;
        text-decoration: none;
        color: #333;
    }

        div.selectedSiteNavLink a:hover {
            text-decoration: none;
        }

div.newsNavLink {
    font-size: 12px;
    text-align: right;
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
    /*color: #333;*/
}

    div.newsNavLink a {
        background: none;
        text-decoration: none;
        /*color: #333;*/
    }

        div.newsNavLink a:hover {
            text-decoration: underline;
            /*font-weight: 600;*/
        }


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}


    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
    }

    .featured p {
        font-size: 1.1em;
    }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
/*section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}*/

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../../Content/Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../../Content/Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../../Content/Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../../Content/Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../../Content/Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../../Content/Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../../Content/Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../../Content/Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../../Content/Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../../Content/Images/orderedList9.png") no-repeat;
        }

/* colorbox */

.ColorboxTableWrapper_Alt {
    /*width: set on element */
    padding: 5px 5px 5px 5px;
}

table.ColorboxTable_Alt {
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 5px 0px;
}

.ColorboxTableWrapper {
    /*width: set on element */
    padding: 20px 40px 0 40px;
}

table.ColorboxTable {
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 10px 0px;
}

.colorboxTitleText {
    font-size: 1.3em;
    font-weight: bold;
    margin-right: 10px;
}

.ColorboxLargeText {
    font-weight: bold;
    font-size: 1.1em;
}

.colorboxRegularText {
    font-weight: 600;
    font-size: 1em;
}

/* input field sizes */
.xsmallField {
    width: 20px;
}

.smallField {
    width: 50px;
}

.mediumSmallField {
    width: 80px;
}

.mediumField {
    width: 100px;
}

.largeField {
    width: 200px;
}

.xlargeField {
    width: 300px;
}

.xxlargeField {
    width: 500px;
}

/* text boxes */
/*input[type="text"].smallTextField{
    width:50px;
}

input[type="text"].mediumTextField{
    width:100px;
}

input[type="text"].largeTextField{
    width:200px;
}

input[type="text"].xlargeTextField{
    width:300px;
}*/

.textarea_login {
    font-family: inherit;
    overflow-y: auto;
}

.textarea_news_feed {
    font-family: inherit;
    overflow-y: auto;
    background-color: white;
}

.OverflowData p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.textarea_login .scroll-bar:vertical:disabled {
    -fx-opacity: 0;
}

/*textarea {
    font-family: inherit;
    width: 500px;
    height:100px;
}*/

textarea.inheritFont {
    font-family: inherit;
}

textarea.largeTextArea {
    width: 200px;
}

textarea.xlargeTextArea {
    font-family: inherit;
    width: 300px;
}

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../../Content/Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    padding-left: 40px;
    /*border-left: solid 2px #c8c8c8;*/
    border-left: solid 2px #520202;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 290px;
    }

        #loginForm input[type="checkbox"],
        #loginForm input[type="submit"],
        #loginForm input[type="button"],
        #loginForm button {
            width: auto;
        }

input[type="radio"] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: none;
    cursor: pointer;
    border: 0;
}

    input[type="radio"]:checked {
        border: 0;
    }


#logoutForm {
    display: inline;
}


/* Register */
.regTable tr {
    height: 50px;
}

.reg-text {
    padding: 5px 5px 5px 5px;
    background-color: #e2e2e2;
    border-style: none;
    width: 315px;
    font-size: 13px;
    float: left;
    /*font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;*/
    font-family: freight-sans-pro, sans-serif;
}

.popupSpinnerDiv {
    position: absolute;
    display: none;
    margin-top: 10%;
    margin-left: 35%;
    text-align: center;
    vertical-align: middle;
    z-index: 99;
    height: 30%;
    width: 30%;
    /*background-color:White;
    border-style:solid;
    border-color:Black;
    border-width:1px;*/
    border: none;
    padding: 5px;
}

img.smallSpinner {
    margin-top: 12%;
    margin-left: 0px;
    height: 30px;
    width: 30px;
    border: none;
}

#CancelFreeRegistration, #NextFreeRegistration, #BackFreeRegistration, #SubmitFreeRegistration {
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    background: url(../images/GoldGradiant.png) repeat-x;
    background-size: Auto 100%;
    /*font-style:italic;*/
    font-size: 1em;
    font-weight: 600;
    margin-top: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
}





/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

    label.checkbox {
        display: inline;
    }

select::-ms-expand {
    display: none;
}

.ddMenuDivider {
    background: url('../images/menu-line.png') 0 0 repeat-x;
    /*background:url(../Images/tab-bg.png) 0 0 repeat-x;*/
}

.pmDDimage {
    background: url('../images/dropDownArrows.png') no-repeat;
    background-size: 10px 10px;
    background-position: right center;
    cursor: pointer;
}

.pmdropdown {
    background-color: #f3f3f3;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #A4A4A4;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*padding:4px;*/
    cursor: pointer;
}

input, textarea {
    border: 0px solid #464646;
    background: #e2e2e2;
    color: #333;
    margin: 5px 0 6px 0;
}

    input[type="file"] {
        width: 350px;
    }

    input[type="checkbox"] {
        background: transparent;
        border: none;
        width: auto;
    }

    input.submitBtn {
        background-color: #f0f0f0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        padding: 5px;
        width: auto;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        /* Gradient appearance */
        /*background: url(../images/GoldGradiant.png) repeat-x;
    background-size: Auto 100%;*/
    }

    .submitBtnGold {
        /*background-color: #f0f0f0;*/
        background-color: #fcb315;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        padding: 5px;
        width: auto;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        /* Gradient appearance */
        /*background: url(../images/GoldGradiant.png) repeat-x;
        background-size: Auto 100%;*/
    }

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
    max-width: 450px;
}

.validation-summary-valid {
    display: none;
}


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }

td {
    /*padding: 0.25em 0 0.25em 0em;*/
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}

/* Features page Styling
    ----------------------------------------------------------*/

.ParentHeader {
    background-color: #91b3c3;
    font-weight: bold;
}

.FeatureRow {
    padding-left: 5px;
}

.ProductColumn {
    background-color: #fef2e5;
    font-weight: bold;
    text-align: center;
}

.odd {
    background-color: #dde1e1;
}

/* Contact Styling
    ----------------------------------------------------------*/
#contactWrapper {
    background-color: #fff;
}

#contactTopWrapper {
    border-bottom: 1px dotted #b3b2b3;
    padding: 20px 0 20px 0;
    width: 100%;
    overflow: hidden;
}

#contactFormWapper {
    width: 60%;
    float: left;
}

#contactMapWrapper {
    float: left;
    width: 39%;
    display: inline-block;
}

#contactBottomWarpper {
    padding: 20px 0 20px 0;
    overflow: hidden;
}

#contactNewsWrapper {
    float: left;
    width: 50%;
    height: 150px;
    border-right: 1px dotted #b3b2b3;
}

#map-canvas {
    width: 100%;
    height: 307px;
    margin-top: 5px;
    display: none;
}

#contactAddressWrapper {
    float: left;
    width: 49%;
    height: 150px;
}

.contactSectionTitle {
    font-size: 15px;
    color: #780914;
    font-weight: bold;
}

#cntEmail2 {
    display: none;
}

#cntPhone2 {
    display: none;
}

/*#submitContactForm {
    -webkit-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    background: url(../images/GoldGradiant.png) repeat-x;
    background-size: Auto 100%;
    font-size: 1em;
    font-weight: 600;
    margin-top: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
}*/

/* User Account Styling
    ----------------------------------------------------------*/
.BlueTitleBar {
    background-color: #eaf6fa;
    margin-top: 2px;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 26px;
}

.BlueTitleBarTitle {
    font-size: 18px;
    font-weight: 300;
    padding-top: 3px;
    padding-bottom: 3px;
}

table.ReportSettingsTable {
    width: 100%;
    table-layout: fixed;
}

    table.ReportSettingsTable tr {
        vertical-align: top;
    }

    table.ReportSettingsTable td.borderRight {
        border-right: 1px solid #b3b2b3;
    }


/* Report styling
    ----------------------------------------------------------*/
#UserPageWarpper {
    height: 800px;
    background-color: #fff;
    overflow: auto;
}

#ViewReportWrapper {
    height: 800px;
}

.ReportListContainer {
    width: 220px;
    height: 100%;
    background: url(../images/HorizontalBlueGradiant.png) repeat-y;
    background-size: 100% 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border-left: 1px solid black;
}

.refReportTitleContainer {
    width: 220px;
    margin-top: 2px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background: url(../images/HorizontalDarkBlueGradiant.png) repeat-y;
    background-size: 100% 100%;
}

.refReportTitle {
    font-size: 13px;
    font-weight: 300;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.viewCntrlBtn {
    width: 20px;
    height: 20px;
    padding-right: 5px;
}

.ReportWorkArea {
    width: 880px;
    height: 100%;
    background-color: white;
}

.FreeReportWorkArea {
    width: 100%;
    height: 100%;
    background-color: white;
}

.reportSpinner {
    width: 100%;
    height: 100%;
    background-image: url("../images/spinner4.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#docSpinner {
    width: 100%;
    height: 100%;
    background-image: url("../images/spinner4.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

table.userReportList {
    width: 90%;
    margin: 0 auto;
    table-layout: fixed;
}

    table.userReportList tr {
    }

    table.userReportList td {
        vertical-align: top;
        font-size: 12px;
        padding: 0 0 5px 0;
    }

.reportViewFrame {
    background-color: white;
}

/* Message Error styling
    ----------------------------------------------------------*/
div.MessageTableWrapper {
    height: 800px; /*Same height as ViewReportWrapper */
}

table.MessageTable {
    width: 100%;
    margin: 0;
}

    table.MessageTable span.MessageTitle {
        display: block;
        margin-top: 20px;
        font-size: 1.5em;
        font-weight: 600;
        line-height: 26px;
        padding-left: 10px;
    }

    table.MessageTable span.MessageHeader {
        font-size: 1.0em;
        font-weight: 600;
        line-height: 26px;
        padding-left: 10px;
    }

/* Account page styling
    ----------------------------------------------------------*/
div.AcntContainerDiv {
    margin: 0 auto;
    width: 640px;
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    /*#login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }*/

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }


    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

    /* features */
    /*section.feature {
        float: none;
        padding: 10px;
        width: auto;
     }*/

    /*section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }*/

    /* forms */
    input {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }


    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0;
        }
}



/* Billing Styling
----------------------------------------------------------*/

table.BillingTable {
    table-layout: fixed;
    padding: 0;
    margin: 0;
}

    table.BillingTable td {
        overflow: hidden;
        padding-bottom: 5px;
    }

.BillingTableText {
    font-size: 13px;
    font-weight: 300;
    white-space: nowrap;
}

.BillingColorboxTableCellPadding {
    margin: 0 0 10px 0;
}

.customCboxClose {
    position: absolute;
    top: -1px;
    right: 1px;
    background: url(../images/close.png) no-repeat;
    background-size: 20px 20px;
    background-position-x: 3px;
    background-position-y: 3px;
    width: 25px;
    height: 24px;
    text-indent: -9999px;
    cursor: pointer;
}

.xerTitleContainer {
    margin-top: 2px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background: url(../images/HorizontalDarkBlueGradiant.png) repeat-y;
    cursor: pointer;
}

.xerTitleContainer_Selected {
    background: url("../images/arrow_next.gif") no-repeat center left;
}

.xerTitle {
    font-size: 13px;
    font-weight: 300;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#ViewXerWrapper {
    height: 800px;
}

.XerWorkArea {
    width: 800px;
    height: 100%;
    background-color: white;
}


select::-ms-expand {
    display: none;
}

.myimage {
    background: url('../images/ddArrow-Black.png') no-repeat;
    cursor: pointer;
}

.mydropdown {
    background-color: #fff;
    background-position: 180px 7px; /*Position of the background-image*/
    width: 200px; /*Width of select dropdown to give space for arrow image*/
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #A4A4A4;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*padding:4px;*/
    cursor: pointer;
}

/*select.mydropdown::-ms-value {
	 background:transparent; /* THIS LINE REMOVES THE BLUE BACKGROUND */
/*color: black;*/ /* the -ms-value element defaults to white text, so a different font colour is needed for text to be visible */
/*}*/


select {
    border: 1px solid black; /* changing the background of the select::-ms-value psuedo element seems to mess up the select's borders, so manual styling will be needed to make things more consistent */
    padding-right: 20px !important;
}


    select option.selected {
        font-weight: bold;
        background-color: #fff;
    }


/* Date Picker */
/*.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #4584a6;
}

.datepicker.dropdown-menu th, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.datepicker-inline td {
    padding: 8px;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-image: none;
}

.datepicker td, .datepicker th {
    border-radius: 20px;
}

.datepicker-days thead tr:nth-of-type(2) th {
    background: #15254B;
    color: white;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 600;
    border: 2px solid #15254B;
}

    .datepicker-days thead tr:nth-of-type(2) th:hover {
        background: #15254B;
    }

.datepicker-days thead tr:nth-of-type(3) th {
    color: #8c949e;
    font-weight: 300;
    font-size: 12px;
    text-transform: uppercase;
}

.datepicker.dropdown-menu {
    padding: 0;
    background: #f9fbfc;
}*/