/*This section defines all the default style  attributes on the control elements 
  which can be overriden on any page based on the page layout and design*/
/*body {*/
/* font-size: 12px; */
/*background-color: #f8f8f8;*/
/*}*/
html {
    height: 100% !important;
}

body {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    /*line-height: 16px;*/
    height: 100% !important;
}

    body > form {
        height: 100%;
    }

body, .blacklt {
    color: #4d4d4d;
}

@media screen and (min-width: 768px) {
    body.dashboard.mall .content-container .content-body {
        padding-left: 40px;
        padding-right: 40px;
    }
}
.content-container .content-body {
    padding-bottom: 40px;
}

.content-container {
    min-height: 75vh;
}

.headerContainer {
    background: linear-gradient(#F4F4F4, #E0E0E0);
}
/*@media (min-width:768px) {
    
}

@media (max-width:767px) {
    .headerContainer {
        background: linear-gradient(#FFFFFF, #f2f2f2);
        background: #d0d0d0;
    }
}*/


h1, h2, h3, h4, h5, h6, h7, th, .h3-contentnote .h4-contentnote, .h5-contentnote {
	font-weight: normal;
	font-style: normal;
}

h4, h5, h6, h7, th {
	color: #4d4d4d;
}

.h3-contentnote {
	font-size: 12px !important;
	color: #5F5F5F !important;
	text-align: left !important;
	line-height: 16px !important;
	margin: 0 0 18px 0 !important;
	font-weight: normal !important;
	font-style: normal !important;
}

.h4-contentnote {
	font-size: 18px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	line-height: 1.1 !important;
	color: #4d4d4d !important;
	font-weight: normal !important;
	font-style: normal !important;
}

.h5-contentnote {
	font-size: 14px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	line-height: 1.1 !important;
	color: #4d4d4d !important;
	font-weight: normal !important;
	font-style: normal !important;
}

b {
    font-weight: bold;
}

i {
    font-style: italic;
}

u {
    text-decoration: underline;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

/*generic paragraph or text block*/
p {
    color: #4d4d4d;
    /*font-size: 12px;
	line-height: 16px;*/
    margin: 0 0 22px 0;
}

/*generic headline*/
h1 {
    font-size: 16px;
    color: #5F5F5F;
    text-align: left;
    line-height: 22px;
    margin: 0 0 16px 0;
}

/*generic subhead*/
h2 {
    font-size: 12px;
    color: #989898;
    text-align: left;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0 0 24px 0;
}

/*generic lower tier subhead*/
h3 {
	font-size: 12px;
	color: #5F5F5F;
	text-align: left;
	line-height: 16px;
	margin: 0 0 18px 0;
}

/*generic link colors*/
a:link {
    color: #075eaf;
    text-decoration: none !important;
}

a:visited {
    color: #075eaf;
    text-decoration: none !important;
}

a:hover {
    color: #51a7f9;
    text-decoration: none!important;
    cursor: pointer;
}

a:focus {
    /*color: #51a7f9;*/
    /*text-decoration: none;*/
    cursor: pointer;
    outline: -webkit-focus-ring-color auto 5px;
}

a:focus {
    outline: -webkit-focus-ring-color auto 5px;
}

a:active {
    color: #51a7f9;
    text-decoration: none;
}

a.no-click {
    cursor: default;
}

ul li {
    list-style: none;
    font-size: 12px;
    padding: 0 0 0 16px;
    margin: 0px;
}

.bulleted-list {
    background: transparent url("/images/newui/genericBullet.png") 0 2px no-repeat;
}

/* Error text */
.errorMessage,
ul.errorMessage li {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #CA2121;
}

    .errorMessage ul li {
        list-style: none;
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 500;
        padding: 0 0 0 16px;
    }

/* validator summary asp.net control*/
.validator-summary,
ul.validator-summary li {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #CA2121;
}

    .validator-summary ul li {
        list-style: url("../Images/NewUI/errorBullet.png");
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 500;
        padding: 0 0 0 16px;
    }


.redlt, .error-text {
    color: #ca2121;
}

.validator-error {
    color: #ca2121;
    font-family: "Roboto", Arial, sans-serif;
    /*font-style: italic;*/
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    margin: 8px 16px 16px 0;
    display: inline-block;
}

.validator-error-box {
    background: #ffffff;
    border: 2px solid #ca2121 !important;
    color: #4d4d4d;
    margin: 0 16px 16px 0;
}



/*Label*/
label {
    background: #ececec;
    border: 1px solid #ececec;
    color: #686868;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    text-align: left;
    padding: 4px 10px 5px 10px;
    margin: 0 16px 16px 0;
    height: 27px;
}

.label-plain {
    background: none;
    border: none;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    padding: 0;
    margin: 0;
    height: auto;
}

input[type=radio] + label {
    background-color: transparent;
    border: 1px solid transparent;
    width: auto;
    max-width: none;
    display: inline;
}

/*TextBox*/
input[type=text], input[type=password], textarea {
    background: #ffffff;
    border: 1px solid #bdbdbd;
    color: #4d4d4d;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    padding: 4px 0 5px 10px;
    margin: 0 16px 16px 0;
}

input[type=text], input[type=password] {
    height: 27px;
}


/*Disabled TextBox*/
input.aspNetDisabled {
    /*background-color: #f4f4f4 !important;
    border: 1px solid #e4e4e4 !important;
    color: #cecece !important;*/
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px !important;
    color: #696969 !important;
    text-align: left !important;
    line-height: 14px !important;
    background-color: #F2F0F0 !important;
    border: 1px solid #CACACA !important;
}

.pdfDisabledBackground {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px !important;
    color: #696969 !important;
    text-align: left !important;
    line-height: 14px !important;
    background-color: #F2F0F0 !important;
    border: 1px solid #CACACA !important;
}

/*.pdfDisabledBackground {
    background-color: #f0f0f0 !important;
}*/

select.aspNetDisabled {
    /*background: #fafafa url("/Images/NewUI/dropdownArrowDisabled.png") no-repeat 10px 12px;*/
    /*background: #f4f4f4 !important;
    border: 2px solid #e4e4e4 !important;
    color: #cecece !important;*/
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px !important;
    color: #696969 !important;
    text-align: left !important;
    line-height: 14px !important;
    background-color: #F2F0F0 !important;
    border: 1px solid #CACACA !important;
}

span.aspNetDisabled {
    /*background-color: #fafafa !important;*/
    /*color: #d8d8d8 !important;*/
    color: #696969 !important;
}

a.aspNetDisabled {
    background: #eeeeee !important;
    box-shadow: 0 2px 0 0 #d0d0d0 !important;
    color: #cecece !important;
}
.fund-info-dialog a.aspNetDisabled {
    background: none !important;
    box-shadow: none !important;
}

    /*a.aspNetDisabled:not(.button-link),
    a.aspNetDisabled:not(.button-link-slim) {
        background: none !important;
        box-shadow: none !important;
        color: #cecece !important;
        cursor: default;
    }*/

button.aspNetDisabled, input[type="submit"].aspNetDisabled {
    background: #eeeeee !important;
    box-shadow: 0 2px 0 0 #d0d0d0 !important;
    color: #cecece !important;
}


input[type="checkbox"]:disabled, input[type="text"]:disabled, input[type="password"]:disabled, select:disabled,
input[disabled="disabled"], select[disabled="disabled"], .button-link:disabled, .button-link[disabled="disabled"], .button-link-slim:disabled, .button-link-slim[disabled="disabled"],
textarea[disabled="disabled"] {
    /*background-color: #fafafa !important;
    color: #d8d8d8 !important;*/
    /*cursor: not-allowed !important;*/
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px !important;
    color: #696969 !important;
    /*text-align: left !important;*/
    line-height: 14px !important;
    background-color: #F2F0F0 !important;
    border: 1px solid #CACACA !important;
}

a:disabled, a[disabled="disabled"] {
}

/*input[type="checkbox"]:read-only, input[type="text"]:read-only, input[type="password"]:read-only, select:read-only {
    background-color: #fafafa !important;
    color: #d8d8d8 !important;
}*/


button {
    background: #eeeeee;
    box-shadow: 0 2px 0 0 #808080;
    border-radius: 12px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #777777;
    text-align: center;
    padding: 9px 17px 9px 17px;
    border: none;
    /*margin: 8px 12px 8px 12px;*/
}

.button-link:link,
.button-link-slim:link,
.button-link-slim:visited {
    background: #eeeeee;
    box-shadow: 0 2px 0 0 #808080;
    border-radius: 12px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #686868;
    text-align: center;
    /*margin: 8px 12px 8px 12px;*/
}

button:hover {
    background: #c4c4c4;
    box-shadow: 0 2px 0 0 #808080;
    border-radius: 12px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    padding: 9px 17px 9px 17px;
    /*margin: 8px 12px 8px 12px;*/
}

.button-link,
.button-link-slim {
    /*background: #eeeeee !important;*/
    background: #eeeeee;
    box-shadow: 0 2px 0 0 #808080;
    border-radius: 12px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 13px;
    /*color: #777777 !important;*/
    color: #686868;
    text-align: center;
    border-style: none;
    display: inline-block;
}

.button-link {
    padding: 9px 17px 9px 17px;
    margin: 8px 10px 8px 10px;
}

/*Added to take care of global button link text*/
a.button-link {
    color: #686868;
}

    /*Added to take care of global button link hover*/
    a.button-link:hover {
        color: #ffffff;
    }

.button-link-slim {
    min-height: 27px; /*same as other input boxes*/
}

input.button-link-slim,
button.button-link-slim {
    padding: 2px 15px 0px 15px;
}

a.button-link-slim {
    padding: 5px 15px 3px 15px;
}

.button-link:link,
.button-link-slim:link {
    background: #eeeeee;
}

.button-link:hover,
.button-link-slim:hover {
    background: #c4c4c4;
    color: #ffffff;
    text-decoration: none;
}

/*DROPDOWN LISTS*/

/*DropDown*/
select {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    background: #ffffff;
    color: #5e5e5e;
    text-align: left;
    padding: 4px 0 5px 10px;
    margin: 0 16px 16px 0;
    border: 1px solid #b8b8b8;
    height: 27px;
}

/*CheckBox*/
input[type=checkbox] + span {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-weight: 400;
    font-size: 12px;
    color: #4d4d4d;
    text-align: left;
    padding: 7px 12px 7px 0;
    margin: 0 0 0 8px;
}


input[type=radio] + span {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #4d4d4d;
    text-align: left;
    padding: 2px 12px 7px 30px;
    margin: 0 0 0 3px;
}


/*ALPHABET FILTER CONTROL*/
.alphabet-filter {
    border-bottom: 2px solid #e5e4e4;
    text-align: center;
    padding: 8px 4px 16px 4px;
    margin: 12px auto 16px auto;
}

.alphabet-filter-header {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #989898;
    letter-spacing: 3px;
    text-align: center;
    line-height: 16px;
    padding: 0;
    margin: 0 auto 16px auto;
    text-transform: uppercase;
}

.alphabet-filter-links {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding: 0;
    margin: auto;
    line-height: 2;
}


    .alphabet-filter-links a {
        margin: 0 20px 0 0;
    }

        .alphabet-filter-links a:link {
            color: #4D86bc;
            text-decoration: none;
        }

        .alphabet-filter-links a:visited {
            color: #4D86bc;
            text-decoration: none;
        }

        .alphabet-filter-links a:hover {
            color: #51a7f9;
            text-decoration: underline;
        }

        .alphabet-filter-links a:active {
            color: #51a7f9;
            text-decoration: underline;
        }

/*CMSRelatedContent*/
.related-content-header {
    margin-left: 0px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #4D4D4D;
    margin-bottom: 10px;
}

.related-content-container {
    border: 1px solid #e5e4e4;
    padding: 10px 0 10px 0;
    margin: 0 0 16px 0px;
}

    .related-content-container ul {
        margin-left: -20px;
    }

        .related-content-container ul li {
            padding: 0;
            line-height: 22px;
        }

            .related-content-container ul li a {
                font-family: "Roboto", Arial, sans-serif;
                font-weight: 500;
                font-size: 12px;
                text-align: left;
                line-height: 16px;
                padding: 0;
                margin: 0 0 15px 0;
            }

            .related-content-container ul li > span {
                font-family: "Roboto", Arial, sans-serif;
                font-weight: 400;
                font-size: 12px;
                text-align: left;
                line-height: 16px;
                color: #4D4D4D;
                padding: 0;
                margin: 0 12px 18px 0;
            }


/*Breadcrumbs styles*/
.breadcrumbArea {
    text-align: left;
    line-height: .8;
    margin-bottom: 15px;
}

    .breadcrumbArea ul {
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 400;
        font-size: 11px;
        padding: 2px 18px 2px 0;
        margin: 0 10px 0 0;
        overflow: hidden;
    }

        .breadcrumbArea ul li {
            display: inline-block;
            background: transparent url("/images/NewUI/breadcrumbArrow.png") no-repeat right center;
            padding: 2px 15px 2px 0;
            font-family: "Roboto", Arial, sans-serif;
            font-weight: 400;
            font-size: 11px;
            margin: 0 4px 5px 0;
        }

            /* The current page at the end of the chain of breadcrumbs */
            .breadcrumbArea ul li:last-child {
                font-family: "Roboto", Arial, sans-serif;
                font-weight: 500;
                font-size: 11px;
                color: #989898;
                padding: 2px 0 2px 0;
                margin: 0 0 5px 0;
                background: none;
            }

/*InvestmentContactControl*/
.contact-information {
    background-color: #FAF8F8;
    width: 250px;
    border-top: 4px solid #D8D8D8;
    padding: 10px 10px 30px 10px;
}

.contact-information-header {
    font-family: Roboto;
    font-weight: 500;
    font-size: 13px;
    color: #707070;
    text-align: left;
}

.contact-information-body {
    font-family: Roboto;
    font-weight: 400;
    font-size: 13px;
    color: #707070;
    text-align: left;
    line-height: 22px;
}

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

.contact-information-body-detail {
    margin-bottom: 12px;
}

/*table header column top alignment*/
.table > thead > tr > th {
    vertical-align: top;
}

/*Styles for grid-view, Repeater, Webdatagrid*/
.GridView, .Repeater,
.GridViewIG {
    background: #ffffff;
    border: 1px solid #b8b8b8;
}

    /*.GridViewIG > table{
   table-layout: auto; 
}*/
    .GridView th, .Repeater th,
    .GridViewIG th,
    .GridViewIG [mkr="header"] {
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: #575757;
        background: #d3d3d3;
        text-align: left;
    }

    .GridView th, .Repeater th, .WebDataGrid th {
        padding: 8px 16px 8px 16px;
    }

    /*Bar containing paging navigation*/
    .GridViewIG div[mkr="pager_bottom"] {
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 500;
        font-size: 12px;
        background: #9e9e9e;
        color: #ffffff;
        padding: 5px 16px 5px 16px;
    }

        /*Dropdown box to select page*/
        .GridViewIG div[mkr="pager_bottom"] select {
            font-family: "Roboto", Arial, sans-serif;
            font-weight: 400;
            font-size: 12px;
            text-align: right;
            padding: 4px 18px 4px 7px;
            margin: 0 8px 0 8px;
            color: #808080;
        }

    /*borders on right side of cells in table header row*/
    .GridView th, .Repeater th,
    .GridViewIG th {
        border-right: 1px solid #ffffff;
    }
        /*override right border on last cell in header row*/
        .GridView th:last-child,
        .GridViewIG th:last-child {
            border-right: none;
        }


    /*Cells in body of grid*/
    .GridView td, .Repeater td, .WebDataGrid tbody td,
    .GridViewIG table[mkr="dataTbl.hdn"] td {
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 400;
        font-size: 12px;
        color: #4d4d4d;
        background: #ffffff;
        border-right: 1px solid #dcdcdc;
        text-align: left;
        padding: 8px 16px 8px 16px;
    }

    /* override default label */
    .GridViewIG table[mkr="dataTbl.hdn"] label {
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 400;
        font-size: 12px;
        border-color: transparent;
        background-color: transparent;
        padding: 0;
        margin: 0;
    }

    /*override right border on last cell in row*/
    .GridView td:last-child, .Repeater td:last-child, .WebDataGrid tbody td:last-child,
    .GridViewIG td:last-child {
        border-right: none;
    }

    /*Alternate row color*/
    /*.grid-view td.alternateRow, .Repeater td.alternateRow, .WebDataGrid td.alternateRow {*/
    .Repeater tr:nth-child(odd) td, .WebDataGrid tbody tr:nth-child(odd) td,
    .GridViewIG table[mkr="dataTbl.hdn"] tr:nth-child(odd) td {
        background: #ffffff;
    }

    .Repeater tr:nth-child(even) td, .WebDataGrid tbody tr:nth-child(even) td,
    .GridViewIG table[mkr="dataTbl.hdn"] tr:nth-child(even) td {
        background: #ececec;
    }

    .GridView tr:nth-child(odd) td {
        background: #ffffff;
    }

    .GridView tr:nth-child(even) td {
        background: #ececec;
    }

.GridView-tbody-tr-th tr:nth-child(odd) td {
    background: #ececec;
}

.GridView-tbody-tr-th tr:nth-child(even) td {
    background: #ffffff;
}


.igg_NautilusHeaderCaption {
    padding: 8px 0 8px 8px !important;
}

tbody.igg_NautilusItem > tr > td {
    border-top: none;
}

/*Right-aligned content in cell*/
.rightAlign {
    text-align: right;
}

/*Center-aligned content in cell*/
.centerAlign {
    text-align: center;
}

/*Cells containing checkboxes or similar controls */
.gridControl {
    background: #dcdcdc;
    border-bottom: 1px solid #ffffff;
    text-align: center;
    vertical-align: middle;
}

/*Cells containing square icons - icons should ideally be 27x27 pixels */
.gridControlIcon {
    background: #dcdcdc;
    border-bottom: 1px solid #ffffff;
    text-align: center;
    vertical-align: middle;
    width: 27px;
    padding: 0;
}

/*override bottom border on last cell in column*/
.gridControlLast {
    border-bottom: none;
}

/*Slightly heavier font weight for links*/
/*Link color should default to the generic link colors in "genericTextElements.css" */
.GridView td a, .Repeater td a, .WebDataGrid tbody td a,
.GridViewIG td a {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
}

    .GridViewIG td a[href*='mailto:'] {
        word-break: break-all;
    }


/*Footer containing paging navigation - see "navigationElements.css" for paging navigation styles. */
.PagingNavigationFooter {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    background: #9e9e9e;
    color: #ffffff;
    padding: 5px 16px 5px 16px;
}


/*Global Bootstrap Popup*/
.modal-content {
    border-radius: 0px;
    background: #ffffff;
    border-top: 4px solid #a1a1a1;
}

.modal-header {
    border-bottom: 1px solid #e5e4e4;
    padding: 0 0 0 14px;
}

    .modal-header h4 {
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 400;
        font-size: 26px;
        color: #5F5F5F;
        text-align: left;
        padding: 0;
        margin: 0;
        line-height: 1.42857143;
        margin-top: 8px;
        max-width: 90%;
    }

    .modal-header button {
        background: none;
        box-shadow: none;
        text-align: center;
        float: right;
        border-radius: 0;
        font-size: 0;
        color: none;
        padding: 0;
        border: none;
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

.modal-footer {
    text-align: right;
    border-top: 1px solid #e5e4e4;
    padding: 10px 18px 10px 18px;
}

.modal-open .modal {
    background: rgba(158,158,158,0.60);
}

.modal-body {
    background-color: #ffffff;
}

.modal-header.no-border,
.modal-footer.no-border {
    border: none;
}





/* Morning start    */

.modal-contentMorningstart {
    background: #ffffff;
    border-top: 4px solid #a1a1a1;
}

.modal-dialogMorningstart {
    width: 350px !important;
}

.modal-headerMorningstart {
    /*border-bottom: 1px solid #A1A1A1;*/
    /*padding: 10px 10px 10px 10px;*/
    width: 350px !important;
    font-weight: 500;
    border-bottom: none !important;
    line-height: 0;
    padding-bottom: 0;
}

    .modal-headerMorningstart h4 {
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 500;
        font-size: 26px;
        color: #5F5F5F;
        text-align: left;
        padding-left: 0 !important;
        margin: -2px 0 0 0 !important;
    }

    .modal-headerMorningstart::after {
        border-bottom: 1px solid #A1A1A1;
        width: 330px !important;
        border-spacing: 5px !important;
        padding-left: 10px !important;
        position: relative;
        left: -4px;
    }

    .modal-headerMorningstart::after(2) {
        padding-bottom: 0;
        line-height: 0;
    }

.modal-bodymorningstart {
    padding: 4px 10px;
}

.close {
    font-size: 0px !important;
    opacity: 1.2 !important;
    box-shadow: none !important;
}

#awebheader .container h2 {
    font-family: 'Roboto', sans-serif !important;
    color: #989898 !important;
    font-size: 12px !important;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    margin-left: 15px;
}



/*PAGING */
/*Bar containing paging navigation*/
.pagerControl {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    background: #9e9e9e;
    color: #ffffff;
    /*padding: 5px 16px 5px 16px;*/
}

/*Dropdown box to select page*/
.pagingSelection {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: right;
    padding: 4px 18px 4px 7px;
    margin: 0 8px 0 8px;
}

/*To remove blue border around PagerControl which is using the below default class*/
.igg_NautilusPager {
    background-color: transparent;
}

/*Label to left of dropdown box that says "Page"  Not Required*/
.pagingTextDropdownLabel {
    text-align: right;
}

/*Text to right of dropdown indicating number of pages   Not Required*/
.pagingText {
    text-align: left;
}


/*Print button Styles*/
.printButton {
    text-align: right;
    padding: 6px 10px 6px 18px;
}

.profileInfoHead {
    font-family: "Roboto-Medium", Arial, sans-serif;
    font-size: 26px;
    font-weight: 500;
    text-align: left;
    color: #5f5f5f;
    padding: 0;
}

/* Subhead of information area. */
.profileInfoSubhead {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #989898;
    padding: 0;
    margin: 0 0 16px 0;
}

/* Text in information area. */
.profileInfoText {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-align: left;
    color: #4d4d4d;
    padding: 0;
    margin: 0 0 5px 0;
    /*text-align: justify;*/
}

/*Form User Control Styles whick looks like forms (ContactInfoUserControl) */

.contentArea,
.contentAreaBorder {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}
.contentArea {
    background: #ffffff;    
    padding: 16px 5px 16px 5px;
    margin: 0 0 22px 0;
}

    .contentArea div.row {
        margin-right: 0px;
        margin-left: 0px;
    }

/*Optional title above content area*/
.contentAreaTitle {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #5f5f5f;
    text-align: left;
    margin: 0 0 10px 0;
}

/*.subhead {
    font-family: "Roboto-Medium", Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 3px;
    color: #5f5f5f;
    text-align: left;
    text-transform: uppercase;
}*/

.importantNoteTitle {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #4d4d4d;
    padding: 0px 15px 0px 15px;
}

.importantNote {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #4d4d4d;
    padding: 0px 15px 0px 15px;
}

.user-control-container label {
    max-width: 289px;
    width: 100%;
}

.user-control-container input[type=text], .user-control-container input[type=password], .user-control-container textarea {
    max-width: 289px;
    padding-left: 15px;
    width: 100%;
}

.user-control-container input[type=text], .user-control-container input[type=password] {
    height: 27px;
}

.user-control-container select {
    max-width: 289px;
    width: 100%;
    margin-bottom: 16px;
}

@media (max-width:768px) {
    .user-control-container span.properMargin {
        margin: 0 16px 16px 0;
        display: block;
    }
}

/*.user-control-container .col-sm-4 {
    padding-right: 0px;
}

.user-control-container .col-sm-8 {
    padding-left: 4px;
}*/
/*Legend*/
/*legend {
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
    display: inherit !important;
    line-height: inherit !important;
    height: 21px;
    margin-bottom: 0px;
}*/

/*Table*/
/*.table {
   
}*/

/*h2 {
}*/

/*End of default styles*/


/*Default styles for user controls used on partcipant resgitration page and the similar user controls which can be used on any other page.*/
/*.user-control-container {
}

.user-control-container-bottom {
    margin-bottom: 35px;
}

.vendor-exchange-beneficiaries {
    width: 89%;
}

    .user-control-container label,
    .vendor-exchange-beneficiaries label {
        display: block;
        float: left;
        clear: left;
        width: 300px;
        text-align: left;
        line-height: 1.8em;
        margin-top: 3px;
        margin-bottom: 3px;
        padding-left: 15px;
        padding-top: 1px;
        padding-bottom: 1px;
    }*/

/*.user-control-container li label {*/ /*we dont want .net radio button lists containing label elements to get the label styling above*/
/*float: none;
    display: inline;
    width: auto;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    font-size: inherit;
    border: none;
    height: auto;
    line-height: normal;
}*/


/*.user-control-container input[type=text],
.user-control-container input[type=password],
.vendor-exchange-beneficiaries input[type=text] {
    display: block;
    float: left;
    margin-left: 0px;
    width: 300px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 5px;
}

.user-control-container input[type=checkbox],
.vendor-exchange-beneficiaries input[type=checkbox] {
    margin-left: 7px;
    margin-top: 2px;
    padding: 0px;
    position: relative;
    top: 0px;
}

.user-control-container select, .vendor-exchange-beneficiaries select {
    display: block;
    float: left;
    margin-left: 0px;
    width: 300px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 3px;
    margin-bottom: 1px;
}

.newSRASelect {
    width: 250px !important;
}

.user-control-container legend,
.vendor-exchange-beneficiaries legend {
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
    display: inherit !important;
    line-height: inherit !important;
    height: 21px;
    margin-bottom: 0px;
    position: relative;
    top: -.1em;
    width: auto;
    border-bottom: none;
    margin-left: 10px;
}

.user-control-container table {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
}

.user-control-container fieldset,
.vendor-exchange-beneficiaries fieldset {
    border: 1px solid #ccc;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 12px;
}

.user-control-container div.col-sm-9 {
    margin-bottom: 40px;
}*/


/*End of common user control styles*/


/*Participant Registration Page other styles */
/*.margin-30 {
    margin-bottom: 30px;
}*/



h1.participant-registration {
    font-size: 19px;
    font-weight: bold;
    color: #6c7f89;
    padding: 80px 0px 80px 15px;
}


p.participant-registration-mandate {
    padding: 40px 0px 0px 0px;
}

.rblSecurityImage {
    margin-left: -5px;
}

    .rblSecurityImage input[type=radio] + label {
        cursor: pointer;
        height: 150px;
        width: 180px;
        text-align: center;
        margin: 0 4px 0 4px;
        padding: 0px;
    }

    .rblSecurityImage input[type=radio]:checked + label {
        color: #009ee1;
        /*border: 1px solid #2c3d50;
        background-color: #2c3d50;*/
        height: 150px;
        text-align: center;
        margin: 0 4px 0 4px;
        padding: 0px;
    }

    .rblSecurityImage input[type=radio] + label img {
        /*margin-top: 17px;*/
        border: 10px solid #d3dadd;
        margin: 0 8px 0 8px;
    }

    .rblSecurityImage input[type=radio]:checked + label img {
        /*margin-top: 17px;*/
        border: 10px solid #2c3d50;
        margin: 0 8px 0 8px;
    }

    .rblSecurityImage input[type=radio] {
        opacity: 0;
        position: relative;
        z-index: -1;
        top: 150px;
        left: 50px;
    }

span.radio {
    padding: 0px;
}

    span.radio > input[type="radio"] {
        margin: 8px -5px 7px 0px;
    }

    span.radio > label {
        float: left;
        margin-right: 5px;
        padding: 0px 5px 0px 10px;
    }

.display-none {
    display: none;
}

.content-note {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 20px 0;
    font-family: Calibri;
}

.security-challenge {
    color: black;
    font-weight: 700;
    font-size: 14px;
}

/*.link-button-wrapper {
    margin: 0 0 0 0px;
    height: 37.5px;
    width: 136.65px;
    border-radius: 37.5px;
    background-color: #15B4F1;
    box-shadow: 0 4px 17px 0 rgba(72,210,160,0.24);
    text-align: center;
}*/

/*.button-link {
    color: #000;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 5px 10px 5px 10px;
    border-radius: 8px;
    display: inline-block;
}*/

/*.button-link:hover {
        border: 1px solid #aaa;
    }*/

/*.address-header {
    margin-left: 23px;
    font-size: 12px;
    font-weight: bold;
    font-family: calibri;
}*/

.content-note p, .note-width {
    width: inherit;
}



.display-none {
    display: none;
}

.base-font {
    font-size: 12px;
}

/*plan selector page styles*/
.container table {
    border-collapse: collapse;
    /* width: 400px; we shouldn't make every table with a bootstrap "container" class a fixed width */
}

/*
    container is a bootstrap class. don't alter built-in bootstrap classes.

    .container table th {
        background: #2c3e50;
        font-weight: bold;
        color: #fff;
    }

    .container table td, .container table th {
        padding: 8px;
        text-align: left;
    }

        .container table td:nth-of-type(even), .container table th:nth-of-type(even) {
            padding: 8px;
            text-align: right;
        }

    .container table td, .container table th {
        padding: 8px;
        text-align: left;
    }
*/
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f3f9ff;
}


.container h2 {
    font-family: Verdana,Arial,sans-serif;
    color: #2C3D50;
    font-size: 12px;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    margin-left: 15px;
}



@media (min-width: 1200px) {
    .container {
        width: 1000px;
    }

    .pdfSubSection {
        padding: 10px;
        width: 375px;
    }

    .section5 {
        padding: 10px;
        margin-left: 30px;
        width: 400px;
    }

    .section6 {
        width: 800px;
    }

    .consumerDisclosureWrapper {
        width: 340px;
    }

    .surrendering-input {
        width: 300px;
    }

    .profileTable {
        width: 100%;
    }

    .product-profile {
        float: left;
        width: 685px;
    }

    .withdraw table {
        width: 40%;
    }

    .admin-changes input[type=text] {
        width: 500px;
    }
}

@media (min-width: 768px) {
    fieldset.contact input[type=text], fieldset.contact input[type=password], fieldset.contact textarea {
        max-width: 289px;
        width: 100%;
    }

    .pdfSubSection {
        padding: 10px;
        width: 480px;
    }

    .section5 {
        padding: 10px;
        margin-left: 30px;
        width: 480px;
    }

    .section6 {
        width: 800px;
    }

    .consumerDisclosureWrapper {
        width: 340px;
    }

    .surrendering-input {
        width: 300px;
    }

    .table-annuity, .table-mutualfund {
        width: 74.4%;
    }

        .table-annuity td, .table-mutualfund td {
            width: 170px;
        }

            .table-annuity td .label, .table-mutualfund td .label {
                display: none;
            }

    .radio-table {
        margin-left: 110px;
    }

    .profileTable {
        width: 100%;
    }

    .product-profile {
        float: left;
        width: 685px;
    }

    .withdraw table {
        width: 40%;
    }

    .admin-changes input[type=text] {
        width: 500px;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

    fieldset.contact select {
        width: 300px;
    }

    .pdfSubSection {
        padding: 10px;
        width: auto;
    }

    .section5 {
        padding: 10px;
        margin-left: 0px;
        width: auto;
    }

    .section6 {
        width: auto;
    }

    .consumerDisclosureWrapper {
        width: 250px;
    }

    #completePopupContainer .navbar-text {
        padding-top: 0px;
    }

    .table-annuity, .table-mutualfund {
        width: 74.4%;
    }

        .table-annuity td, .table-mutualfund td {
            width: 170px;
        }

            .table-annuity td .label, .table-mutualfund td .label {
                display: none;
            }

    .radio-table {
        margin-left: 110px;
    }
}

@media screen and (max-width: 767px) {

    .table-responsive {
        border: none;
    }

    .landing-wrapper .intro-blue h2, .landing-wrapper .intro-blue p {
        width: auto;
    }

    .surrendering-input {
        width: 170px;
    }

    .table-annuity thead, .table-mutualfund thead {
        display: none;
    }

    .table-annuity tbody td, .table-mutualfund tbody td {
        display: block;
    }

    .table-annuity td span, .table-mutualfund td span {
        display: block;
    }

    .table-annuity td .label, .table-mutualfund td .label {
        color: #333;
        text-align: left;
        font-size: 12px;
        font-weight: 100;
        display: block;
    }

    .radio-table {
        margin-left: 0px;
    }

    .vendor-exchange-beneficiaries {
        width: 100%;
    }

        .vendor-exchange-beneficiaries input[type=text],
        .vendor-exchange-beneficiaries select,
        .admin-changes input[type=text] {
            width: 275px;
        }

    .profileTable {
        width: 300px;
    }

    .product-profile {
        float: left;
        width: auto;
    }

    .content-body {
        padding-left: 10px;
        padding-right: 10px;
    }

    .rblSecurityImage td {
        padding: 5px;
    }
}

#completePopupCloseContainer {
    top: 0%;
}

.divspacer {
    margin-bottom: 15px;
}

.store-content-body {
    /*position: relative;
    padding: 15px 15px 0 15px;*/
}

.navbar-store-product {
    font-size: 14px;
    float: none;
}

.navbar-store-menu {
    float: none;
}

.navbar-store-product-balance {
    font-size: smaller;
    color: grey;
}

.navbar-store {
    border-radius: 0px;
    margin-bottom: 0px;
    border: 0px solid transparent;
    min-height: 0px;
    float: none;
}


/*Styles for Investment Pages*/
.center {
    text-align: center;
    width: 100%;
}

.profileBioHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-color: rgb(70, 98, 128);
    width: 100%;
    text-align: left;
    text-transform: uppercase;
}

    .profileBioHeader:before,
    .profileBioHeader:after {
        content: "";
        padding: 0 10px; /* will give 20px space */
    }

.profileTitle {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

.profileLabel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #6c7f89;
}

.profileParagraph {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    color: #000000;
    max-height: 200px;
    overflow-y: auto;
    margin: 5px 10px;
    padding: 30px;
}

.profileBioPanel {
    border: 1px solid;
    Width: 100%;
}

/*.profileTable {
    width: 100%;
}*/

.profileText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

/* style sheets for bread crumbs taken from here: http://www.devlounge.net/code/css-breadcrumbs-in-5-minutes */
/*#breadCrumb ul,
#breadCrumb li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}*/

/*#breadcrumbs {
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    overflow: auto;
    font-size: 11px;
    font-weight: bold;
}*/

/*#breadcrumbs li {
        float: left;
        padding-left: 8px;
        color: #FF9900;
    }*/

/*#breadcrumbs li a {
            padding: 0 24px 2px 0;*/
/*background:transparent url(..\Images\arrow-37-16.png) no-repeat right center;*/
/*}*/

/*#breadcrumbs li a:link, #breadcrumbs li a:visited {
                text-decoration: none;
                color: #003366;
            }*/

/*#breadcrumbs li a:hover, #breadcrumbs li a:focus {
                text-decoration: underline;
                color: #0099CC;
            }*/

/*.navbar-store li a {
    padding: 5px 10px;
}*/

/*.div-product-selector {
    margin-top: 20px;
}*/

/*.div-ipq {
    margin-top: 20px;
    margin-bottom: 20px;
}

.div-clear {
    clear: both;
}

.withdraw table > tbody > tr > td {
    border-top: none;
}

.advisor-plan-overview label, .plan-listing label, .plan-overview label {
    background-color: transparent;
    border: none;
}

.form .label {
    display: inline-block;
    font-weight: bold;
    padding: 5px 12px 5px 0;
    text-align: right;
    font-size: 14px;
    color: black;
}
}*/

/* Inner Page Nav */
/*.product-profile ul.inner-nav {
    width: 100%;
    list-style-type: none;
    height: 25px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    padding: 0 !important;
    white-space: nowrap;
}*/

/*.product-profile ul.inner-nav li {
        display: inline-block;
    }

        .product-profile ul.inner-nav li a {
            padding: 5px 15px;
            display: block;
            line-height: 15px;
            font-weight: bold;
            height: 15px;
            text-decoration: none;
        }

            .product-profile ul.inner-nav li a:hover,
            .product-profile ul.inner-nav li.active a {
                text-decoration: none !important;
            }

        .product-profile ul.inner-nav li.active div {
            background: url(../Images/bg-inner-nav-active.png) no-repeat;
            height: 5px;
            width: 9px;
            margin: 0 auto;
        }*/

table.cardview thead .cardHeader,
table.cardview tbody .cardHeader,
table.cardview td .cardLabel,
div.ig_NautilusControl.cardview .cardHeader,
div.ig_NautilusControl.cardview tbody .cardHeader,
div.ig_NautilusControl.cardview td .cardLabel {
    display: none;
}

@media screen and (max-width:640px) {

    .responsive-table-border {
        padding: 7px;
        border: 1px solid #e5e4e4;
        margin-top: 5px;
    }

    table.cardview,
    div.ig_NautilusControl.cardview table[role=grid] {
        width: 100%;
        border: none;
    }

        table.cardview input {
            margin: 0px;
            padding: 0px;
        }

    div.ig_NautilusControl.cardview {
        border: 1px solid #e5e4e4;
    }

    table.cardview thead tr, table.cardview tbody tr {
        margin: 0 0 10px 0;
    }

    table.cardview thead,
    table.cardview th,
    div.ig_NautilusControl tbody[mkr=headingArea] {
        display: none !important;
    }

    table.cardview .cardHidden,
    div.ig_NautilusControl.cardview .cardHidden {
        display: none !important;
    }


    .GridView tr:nth-child(odd) td {
        border-bottom: 1px solid #e5e4e4;
        /*padding: 10px 0 10px 8px;*/
        margin: 0;
    }


    .GridView .cardHeader ~ td {
        border-right: none;
        border-left: none;
        background-color: #ffffff !important;
        padding-left: 3px !important;
    }

    table.cardview tbody .cardHeader,
    table.cardview tbody td,
    div.ig_NautilusControl.cardview tbody .cardHeader,
    div.ig_NautilusControl.cardview tbody td,
    .tabButtonClosed, .tabButtonHighlight, .tabButtonOpen {
        display: block;
        overflow: auto;
        border-bottom: 1px solid #e5e4e4;
        padding: 5px;
        margin: 0;
    }

    table.cardview tbody .cardHeader,
    div.ig_NautilusControl.cardview tbody .cardHeader {
        text-align: left;
        font-weight: bold;
        margin-top: 10px;
    }

    table.cardview tbody .cardHeader {
        /*background-color: #e8e8e8;*/
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 500;
        background: #c4c4c4;
        color: #ffffff;
        padding: 7px 16px 7px 4px;
        margin: 0 0 0 0;
        text-align: left;
    }

    div.ig_NautilusControl.cardview .cardHeader {
        background-color: #c4c4c4 !important;
        color: white !important;
        font-size: larger !important;
    }

    table.cardview td .cardLabel,
    div.ig_NautilusControl.cardview td .cardLabel {
        display: inline-block;
        width: 50%;
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 500;
        font-size: 14px;
        text-align: left;
        color: #989898;
        background: none;
        border: none;
        padding: 0;
        margin: 0;
    }

    .GridViewIG table[mkr="dataTbl.hdn"] tr td {
        background-color: transparent;
    }

    table.cardview td .cardContent,
    div.ig_NautilusControl.cardview td .cardContent {
        display: inline-block;
        float: right;
        text-align: right;
        width: 50%;
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 400;
        font-size: 14px;
        /*color: #4d4d4d;*/
        text-decoration: none;
    }

    div.ig_NautilusControl tr[type=row] td,
    div.ig_NautilusControl tr[role=row] td {
        border-bottom: 1px solid #e5e4e4;
        height: auto !important;
        background-color: transparent !important;
        border-right: none;
    }

    .GridViewIG table[mkr="dataTbl.hdn"] label {
        padding: 0;
        margin: 0;
    }

    .GridViewIG > table {
        margin-top: -8px;
    }

    .xs-alignment {
        width: auto !important;
        text-align: right;
    }
}

.cardContentRight {
    float: right !important;
}

.pageTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 26px;
    color: #5F5F5F;
    margin-right: 22px;
}

.pageTipsHighlight {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #5f5f5f;
    line-height: 23px;
}



/* TABS */

/* Bar containing tab buttons. */
.tabBar {
    background: #dddddd;
    padding: 10px 10px 10px 10px;
}

/* Bar containing sub-tab buttons (tabs within tabs.) */
.subtabBar {
	background: #f8f6f6;
	border-top: 2px solid #c3c3c3;
	padding: 9px 10px 14px 10px;
}

/* Open tab box displaying tab content. */
.tabBox {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    padding: 22px 20px 34px 20px;
}

/* Tab buttons. */
.tabButtonClosed, .tabButtonHighlight, .tabButtonOpen {
    border-radius: 20px !important;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    text-align: center !important;
    font-weight: 500 !important;
    padding: 4px 10px 4px 10px !important;
    margin: 0 9px 0px 0;
    min-width: 125px;
    display: inline-block;
}

/* Tab buttons for sub-tabs (tabs within tabs.) */
.subtabButtonClosed, .subtabButtonHighlight, .subtabButtonOpen {
	border-radius: 12px;
	font-family: "Roboto-Medium", Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	padding: 7px 12px 6px 12px;
	margin: 0 9px 10px 0;
}

@media screen and (max-width:640px) {
    .tabButtonClosed, .tabButtonHighlight, .tabButtonOpen, .subtabButtonClosed, .subtabButtonHighlight, .subtabButtonOpen {
        text-align: left;
    }
}

/* Default state of tab button when tab is closed. */
.tabButtonClosed, .subtabButtonClosed {
    background: #eeeeee;
    box-shadow: 0 2px 0 0 #949494;
    color: #686868;
}

    .tabButtonClosed:link,
    .tabButtonClosed:visited,
    .tabButtonOpen:link,
    .tabButtonOpen:visited,
    .subtabButtonClosed:link,
    .subtabButtonClosed:visited,
    .subtabButtonOpen:link,
    .subtabButtonOpen:visited {
        color: #686868;
    }

/* Rollover/highlight state of tab button when focus is on a closed tab. */
.tabButtonHighlight:hover, .subtabButtonHighlight:hover {
    background: #ffffff;
    box-shadow: 0 2px 0 0 #b7b7b7;
    color: #686868;
}

/* State of tab button when tab is open. */
.tabButtonOpen, .subtabButtonOpen {
    background: #ffffff;
    box-shadow: 0 2px 0 0 #d0d0d0;
    color: #5f5f5f;
}

/* Headline of content in open tab. */
.tabContentHead {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: left;
    color: #5f5f5f;
    padding: 0;
    margin: 0 0 16px 0;
}

/* Default body text for content in open tab. */
.tabContentBody {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    color: #4d4d4d;
    padding: 0;
    margin: 0 0 16px 0;
}

/* Analytics*/
/*.table.analytics {
    border: solid 1px black;
    padding: 0px;
    width: 660px;
    height: 400px;
    overflow-x: inherit;
}

    .table.analytics .header {
        padding: 2px 5px;
        font-weight: bold;
        color: rgb(255, 255, 255);
        background-color: rgb(44, 61, 80);
    }

    .table.analytics .summary {
        border-bottom: 1px solid black;
        padding-left: 4px;
        padding-top: 3px;
        padding-bottom: 3px;
        background-color: WhiteSmoke;
    }

    .table.analytics .RowHeader {
        font-size: x-small;
        font-weight: bold;
        width: 150px;
        text-align: left;
    }

    .table.analytics .val {
        font-size: x-small;
        width: 90px;
        text-align: center;
    }

    .table.analytics .colheader {
        font-size: x-small;
        text-align: center;
        font-weight: bold;
        width: 90px;
    }*/

/*label {
    background-color: #b3d9ff;
    line-height: 1.8em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 100;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    height: auto;
}

.table.analytics .summary label {
    background-color: transparent !important;
    line-height: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    box-sizing: inherit;
    border: none;
    border-radius: inherit;
    height: inherit;
}*/


/*@media only screen and (max-width: 670px) and (min-width:550px) {
    #cphBodyMain_AcctBalanceByAgeUsrCtl_igChartAcctBalance_HairHorizontal {
        max-width: 400px !important;
    }

    #imgHolderGraphs .table-responsive,
    #imgHolderGraphs .table-responsive table,
    #imgHolderGraphs .table-responsive tbody,
    #imgHolderGraphs .table-responsive tr,
    #imgHolderGraphs .table-responsive td,
    #imgHolderGraphs .table-responsive img {
        max-width: 630px !important;
    }
}

@media only screen and (max-width: 550px) and (min-width:350px) {
    #cphBodyMain_AcctBalanceByAgeUsrCtl_igChartAcctBalance_HairHorizontal {
        max-width: 350px !important;
    }
}*/

/*@media only screen and (max-width: 660px) and (min-width:450px) {
    #cphBodyMain_DeferAmmtByAgeUsrCtl_igChartAcctBalance, #imgHolderGraphs, #cphBodyMain_AcctBalanceByAgeUsrCtl_igChartAcctBalance {
        height: 420px !important;
    }
}

@media only screen and (max-width: 450px) and (min-width:350px) {
    #cphBodyMain_DeferAmmtByAgeUsrCtl_igChartAcctBalance, #imgHolderGraphs, #cphBodyMain_AcctBalanceByAgeUsrCtl_igChartAcctBalance {
        height: 440px !important;
    }
}

@media only screen and (max-width: 660px) and (min-width:350px) {
    #cphBodyMain_AcctBalanceByAgeUsrCtl_igChartAcctBalance {
        height: 480px !important;
    }
}


@media only screen and (max-width: 350px) and (min-width:250px) {
    #cphBodyMain_DeferAmmtByAgeUsrCtl_igChartAcctBalance, #imgHolderGraphs, #cphBodyMain_AcctBalanceByAgeUsrCtl_igChartAcctBalance {
        height: 430px !important;
    }
}

@media only screen and (max-width: 350px) and (min-width:250px) {
    #cphBodyMain_AcctBalanceByAgeUsrCtl_igChartAcctBalance {
        height: 430px !important;
    }
}*/


/*Analytics image controls*/

/*@media only screen and (max-width: 600px) and (min-width:430px) {
    #cphBodyMain_DeferAmmtByAgeUsrCtl_igChartAcctBalance_BaseImage {
        width: 430px !important;
    }
}

@media only screen and (max-width: 430px) and (min-width:400px) {
    #cphBodyMain_DeferAmmtByAgeUsrCtl_igChartAcctBalance_BaseImage {
        width: 360px !important;
    }
}

@media only screen and (max-width: 400px) and (min-width:370px) {
    #cphBodyMain_DeferAmmtByAgeUsrCtl_igChartAcctBalance_BaseImage {
        width: 340px !important;
    }
}


@media only screen and (max-width: 370px) and (min-width:300px) {
    #cphBodyMain_DeferAmmtByAgeUsrCtl_igChartAcctBalance_BaseImage {
        width: 320px !important;
    }
}


@media only screen and (max-width: 600px) and (min-width:430px) {
    #cphBodyMain_AcctBalanceByAgeUsrCtl_igChartAcctBalance_BaseImage {
        width: 430px !important;
    }
}

@media only screen and (max-width: 430px) and (min-width:400px) {
    #cphBodyMain_AcctBalanceByAgeUsrCtl_igChartAcctBalance_BaseImage {
        width: 380px !important;
    }
}

@media only screen and (max-width: 400px) and (min-width:370px) {
    #cphBodyMain_AcctBalanceByAgeUsrCtl_igChartAcctBalance_BaseImage {
        width: 340px !important;
    }
}


@media only screen and (max-width: 370px) and (min-width:300px) {
    #cphBodyMain_AcctBalanceByAgeUsrCtl_igChartAcctBalance_BaseImage {
        width: 320px !important;
    }
}*/


/*@media only screen and (max-width: 620px) and (min-width:350px) {*/



/*#imgHolderGraphs .table-responsive,  
   #imgHolderGraphs .table-responsive table,
    #imgHolderGraphs .table-responsive tbody,
    #imgHolderGraphs .table-responsive tr,
    #imgHolderGraphs .table-responsive td,
    #imgHolderGraphs .table-responsive img {
       max-width:420px !important;
   }*/

/*}*/


/*.closescrollbar {
    overflow-x: inherit;
}*/



/*.content-body {
    position: relative;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding: 15px 15px 0 15px;
    top: 49px;
    margin-right: 54.5px;
    min-height: 480px;
}*/

/*.robotofontforheaders {
    font-family: 'Roboto', sans-serif;
}

h2.robotofont {
    font-family: 'Roboto', sans-serif;
}*/

/*font-weight: 500; /*for medium */
/*font-weight: 400; /*for regular */
/*font-weight: 300;*/ /*for light */



.DashBoardWelcome {
    font-family: 'Roboto',sans-serif;
    font-weight: 500;
    font-size: 26px;
    color: #5F5F5F;
    text-align: left;
}

.DashBoardHeader {
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #5F5F5F;
    text-align: left;
}

.DashBoardTips:hover {
    background-image: url('/Images/NewUI/01-Tips-w-Text-Highlight.png');
}

.divUC {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-top-color: #DADADA;
}

.pwebdashboardsectionname {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #6a6a6a;
    letter-spacing: 3px;
    text-align: left;
}
/*Balance Summary Dollar Amount*/
.balancesummarydollars,
.balancesummarycents {
    font-family: 'Roboto', sans-serif;
    font-size: 35px;
}

.balancesummarydollars {
    font-weight: 400;
    color: #767676;
    text-align: left;
}

/*Balance Summary Cents Amount*/
.balancesummarycents {
    font-weight: 300;
    color: #8F8F8F;
    text-align: left;
}

/*Payroll Contribution Dollars and Percentage Numbers*/
.payrollnumbers {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #5F5F5F;
    text-align: left;
    font-weight: bold;
}
/*Payroll Contribution Text that Follows Numbers*/
.payrolltext {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #767676;
    text-align: left;
}

/*Money in the Account 
 20 pixel gutter between holding box and text 
 10 pixel gutter from the top*/

/*Money in the Account Dollars*/
.moneyInTheAccountDollars {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: #767676;
    text-align: right;
}

/*Money in the Account Cents*/
.moneyInTheAccountCents {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 32px;
    color: #8F8F8F;
    text-align: left;
}

/*Disclaimer 
 Should always be on all caps 
 This doesn't always come up, it's associated w specific accounts*/
.disclaimer {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 10px;
    color: #51A7F9;
    letter-spacing: 2px;
    text-align: left;
}

    /*Disclaimer Highlight 
 Should always be on all caps 
 This doesn't always come up, it's associated w specific accounts*/
    .disclaimer:hover {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 11px;
        color: #51A7F9;
        letter-spacing: 2px;
        text-align: left;
    }

/*Sidebar Widget Header 
 Used for Action Queue, Quick Links, and Planning Tools headers*/
.SidebarHeader {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #707070;
    text-align: left;
}

/*Sidebar Widget Links Text*/
.SidebarLinkText {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #4D86BC;
    text-align: left;
}

    /*Sidebar Widget Links Text Highlight*/
    .SidebarLinkText:hover {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 12px;
        color: #51A7F9;
        text-align: left;
    }
/*Tips Expander Widget Background 
 940 pixels wide by 125 pixels tall 
 10 pixel padding on the top, left, and right 
 12 pixel padding below 
 10 pixel padding between dashboard illustration on the far left and the text next to it 
 20 pixel gutter below widget*/

.TipsExpander {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}

/*Tips Intro Text on the First Line*/
.TipsFirstLine {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #5F5F5F;
    text-align: center;
    line-height: 23px;
}

/*Tips Body Text*/
.TipsBody {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #5F5F5F;
    text-align: center;
    line-height: 23px;
}

/*Tips Body Text Link*/
.TipsBodyTextLink {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #4D86BC;
    text-align: left;
    line-height: 23px;
}

    /*Tips Body Text Highlight*/
    .TipsBodyTextLink:hover {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #5A7F9F;
        text-align: left;
        line-height: 23px;
    }
/*Contacts Text Bold*/
.ContactTextBold {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #707070;
    text-align: left;
}
/*Contacts Text Regular*/
.ContactTextRegular {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #707070;
    text-align: left;
}
/*Contacts Text Select the product*/
.ContactTextSelectTheProduct {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 11px;
    color: #707070;
    text-align: left;
}
/*Contacts Text Bold Link 
 Used for name of product*/
.ContactTextBoldLink {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #4D86BC;
    text-align: left;
}

    /*Contacts Text Bold Link Highlight 
 Used for name of product*/
    .ContactTextBoldLink:hover {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 12px;
        color: #51A7F9;
        text-align: left;
    }

/*Contacts Text Regular Link 
 Used for product ID name and number*/
.ContactTextRegularLink {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #4D86BC;
    text-align: left;
}

    /*Contacts Text Regular Link Highlight 
 Used for product ID name and number*/
    .ContactTextRegularLink:hover {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 12px;
        color: #51A7F9;
        text-align: left;
    }

.QuickLinksBox {
    width: 145px;
    background-color: white;
    border-color: #8F8F8F;
}
/*Tips Close Image Position - top right*/
.TipsClosePosition {
    position: absolute;
    top: 4px;
    right: 5px;
}

.widgetPanel {
    border-top: 4px solid #DADADA;
    background-color: #FFFFFF;
    margin-right: 5px;
    margin-bottom: 20px;
    margin-left: -1px;
    padding: 12px 10px 20px 5px;
}
    body.download-mode .widgetPanel {
        border-left: 1px solid #DADADA;
        border-right: 1px solid #DADADA;
        border-bottom: 1px solid #DADADA;
    }

.widgetPanelContainer {
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
}
@media (min-width:768px) {
    .widgetPanelContainer .col-sm-6 {
        width: 49%;
    }
    .contrib-right {
        float: right;
    }
}

.SideBarWidgetPanel {
    max-width: 370px;
    background-color: #FFFFFF;
    border-top: 4px solid #DADADA;
    padding: 10px 10px 35px 10px;
    margin-bottom: 20px;
    margin-right: -1px;
}
    body.download-mode .SideBarWidgetPanel {
        border-left: 1px solid #EBEBEB;
        border-right: 1px solid #EBEBEB;
        border-bottom: 1px solid #EBEBEB;
    }

.sourcedetailsheader {
    border-bottom: 1px solid lightgray;
    border-top: none;
}

.legendrow .bar {
    height: 15px;
    float: left;
    margin: 0 12px 0 0;
    max-width: 49%;
    display: inline-block;
}

.legendrow .balance {
    display: inline-block;
    font-weight: bold;
}

/*Source Detail Chart Bold Text 
 Used for balance and vested labels, labels on the left, and total numbers*/
.sourcebalances {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #707070;
    text-align: left;
}
.sourcebalanceslabel {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 11px;
    color: #707070;
    text-align: left;
}

.sourcebalancesdollar {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 11px;
    color: #707070;
    text-align: left;
    display: table-cell !important;
    vertical-align: super;
}
.sourcebalancesrow {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 15px 0;
}

.sourcedetailsheader {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #707070;
    text-align: left;
}

.sourcedetailsdata {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.investmentaccountsvendor {
    text-align: center;
}

.investmentaccountsnumber {
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
}

.investmentaccountsnumberhome {
    margin-top: 1px;
    margin-bottom: 15px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
}

.investmentaccountsbalance {
    text-align: left;
}

.investmentaccountssummary {
    text-align: right;
    margin-bottom: 15px;
}

.investmentaccountsimage {
    width: 100%;
    max-width: 225px;
    text-align: center;
}

.dropdownlist {
    background-color: #ffffff;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #4d4d4d;
    border: 2px solid #eeeeee;
    margin: 0;
    min-width: 100px;
    height: 27px;
}

.dropdownlist-static {
    padding: 4px 10px 5px 10px;
    display: inline-block;
    cursor: default;
}

.dropdownlist > a {
    padding: 4px 10px 4px 10px;
    display: inline-block;
    width: 100%;
}

    .dropdownlist > a > .caret {
        float: right;
        margin: 5px 0px 0px 10px;
    }

    .dropdownlist > a > input[type=text] {
        height: auto;
        max-width: none;
        width: auto;
        background: none;
        border: none;
        font-family: inherit;
        font-weight: inherit;
        font-size: inherit;
        text-align: left;
        padding: 0;
        margin: 0;
        line-height: inherit;
        font: inherit;
        color: inherit;
        text-decoration: inherit;
        background-color: transparent;
        cursor: pointer;
    }
.dropdownlist ul {
    border-radius: 0px;
    margin: 0px;
    border: 1px solid #b8b8b8;
    min-width: 100%;
    padding: 0px;
    max-height: 200px;
    max-width: 75vw;
    overflow-x: auto;
    overflow-y: auto;
}

.dropdownlist li {
    background: none;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
}

    .dropdownlist li:hover,
    .dropdownlist li > a:hover {
        background-color: #ececec;
        color: #5e5e5e;
    }

    .dropdownlist li > a {
        padding: 5px 10px 5px 10px;
        cursor: pointer;
    }

.dropdownlist a,
.dropdownlist a:link,
.dropdownlist a:hover,
.dropdownlist a:visited {
    color: #4d4d4d;
}


/*Your Investment Account Generic Font for Branding Box 
 Top of the text should be 15 pixels from the holding line*/
.investmentaccountsimagetext {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #414141;
    letter-spacing: 0;
    text-align: center;
    padding-top: 15px;
    /*border: 1px solid #e8e8e8;*/
}

.viewsummarybutton {
    padding-right: 0px;
    text-align: right;
}

@media (min-width:768px) and (max-width: 991px) {
    .balancesummarydollars,
    .balancesummarycents {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .investmentaccountsbalance {
        text-align: center;
    }

    .investmentaccountssummary {
        text-align: center;
    }

    .investmentaccountsnumber {
        margin-bottom: 0px;
    }
    .investmentaccountsnumberhome {
        margin-bottom: 0px;
    }

    .payrollcontributions {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .navbutton {
        margin-left: 10px;
    }
}

@media (max-width: 767px) {
    .navbutton {
        margin-left: 14px;
        margin-right: 5px;
    }
}

.navbutton-dropdown {
    display: inline-block;
}

    .navbutton-dropdown ul {
        margin-top: -1px;
        border-radius: 0px;
    }

    .navbutton-dropdown li {
        padding: 0px;
        background: none;
    }

        .navbutton-dropdown li:not(.nav-last-login) > a {
            font-size: 13px;
        }

        .navbutton-dropdown li:hover,
        .navbutton-dropdown li > a:hover {
            background-color: #ececec;
            color: #5e5e5e;
        }

    .navbutton-dropdown.mall .contact-icon,
    .navbutton-dropdown.mall .contact-icon:hover,
    .navbutton-dropdown.mall .account-icon,
    .navbutton-dropdown.mall .account-icon:hover,
    .navbutton-dropdown.mall .messages-icon,
    .navbutton-dropdown.mall .messages-icon:hover {
        width: 36px;
        height: 39px;
        display: inline-block;
    }

    .navbutton-dropdown.mall .contact-icon {
        background: url('/Images/NewUI/navbutton-contactus.png') no-repeat;
    }

    .navbutton-dropdown.mall .account-icon {
        background: url('/Images/NewUI/navbutton-accountprefs.png') no-repeat;
    }

    .navbutton-dropdown.mall .messages-icon {
        background: url('/Images/NewUI/navbutton-messages.png') no-repeat;
        background-position-x: -4px;
    }

    .navbutton-dropdown.mall .contact-icon:hover {
        background: url('/Images/NewUI/navbutton-contactus-rollover.png') no-repeat;
    }

    .navbutton-dropdown.mall .account-icon:hover {
        background: url('/Images/NewUI/navbutton-accountprefs-rollover.png') no-repeat;
    }

    .navbutton-dropdown.mall .messages-icon:hover {
        background: url('/Images/NewUI/navbutton-messages-rollover.png') no-repeat;
        background-position-x: -4px;
    }

    .navbutton-dropdown.mall .contact-icon.no-dropdown {
        background: url('/Images/NewUI/navbutton-contactus-no-arrow.png') no-repeat;
    }

    .navbutton-dropdown.mall .account-icon.no-dropdown {
        background: url('/Images/NewUI/navbutton-accountprefs-no-arrow.png') no-repeat;
    }

    .navbutton-dropdown.mall .contact-icon.no-dropdown:hover {
        background: url('/Images/NewUI/navbutton-contactus-no-arrow-rollover.png') no-repeat;
    }

    .navbutton-dropdown.mall .account-icon.no-dropdown:hover {
        background: url('/Images/NewUI/navbutton-accountprefs-no-arrow-rollover.png') no-repeat;
    }

    .navbutton-dropdown.store .contact-icon,
    .navbutton-dropdown.store .contact-icon:hover,
    .navbutton-dropdown.store .account-icon,
    .navbutton-dropdown.store .account-icon:hover,
    .navbutton-dropdown.store .messages-icon,
    .navbutton-dropdown.store .messages-icon:hover {
        width: 24px;
        height: 25px;
        display: inline-block;
    }

    .navbutton-dropdown.store .contact-icon {
        background: url('/Images/NewUI/navbutton-store-contactus.png') no-repeat;
    }

    .navbutton-dropdown.store .account-icon {
        background: url('/Images/NewUI/navbutton-store-accountprefs.png') no-repeat;
    }

    .navbutton-dropdown.store .messages-icon {
        background: url('/Images/NewUI/navbutton-store-messages.png') no-repeat;
        background-position-x: -4px;
    }

    .navbutton-dropdown.store .contact-icon:hover {
        background: url('/Images/NewUI/navbutton-store-contactus-rollover.png') no-repeat;
    }

    .navbutton-dropdown.store .account-icon:hover {
        background: url('/Images/NewUI/navbutton-store-accountprefs-rollover.png') no-repeat;
    }

    .navbutton-dropdown.store .messages-icon:hover {
        background: url('/Images/NewUI/navbutton-store-messages-rollover.png') no-repeat;
        background-position-x: -4px;
    }

    .navbutton-dropdown.store .contact-icon.no-dropdown {
        background: url('/Images/NewUI/navbutton-store-contactus-no-arrow.png') no-repeat;
    }

    .navbutton-dropdown.store .account-icon.no-dropdown {
        background: url('/Images/NewUI/navbutton-store-accountprefs-no-arrow.png') no-repeat;
    }

    .navbutton-dropdown.store .contact-icon.no-dropdown:hover {
        background: url('/Images/NewUI/navbutton-store-contactus-no-arrow-rollover.png') no-repeat;
    }

    .navbutton-dropdown.store .account-icon.no-dropdown:hover {
        background: url('/Images/NewUI/navbutton-store-accountprefs-no-arrow-rollover.png') no-repeat;
    }


.nav-logout a div {
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 11px;
    color: #7E7E7E;
    letter-spacing: 1px;
    text-align: left;
    line-height: 22px;
    border: 1px solid #eeeeee;
    padding-left: 10px;
}

.nav-logout {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.nav-last-login > a {
    font-size: 11px !important;
    font-weight: 600;
    color: #7E7E7E;
    letter-spacing: 1px;
    text-align: left;
    line-height: 22px;
    cursor: default;
}



.mega-dropdown {
    /*position: static !important;*/
    cursor: default;
}

.mega-dropdown > a,
.mega-dropdown > a:link,
.mega-dropdown > a:visited,
.mega-dropdown > a:hover {
    color: #5D5D5D;
}

.navbar-topmenubar a {
}

    .navbar-topmenubar a:hover {
        color: #4d4d4d;
    }

.navbar-topmenubar li {
    font-size: inherit;
    padding: 0px;
    background: none;
}

.mega-dropdown-menu {
    box-shadow: none;
    -webkit-box-shadow: none;
    min-height: 100px;
    min-width: 300px;
}

.mega-dropdown-menu-col-2 {
    width: 625px;
}
.mega-dropdown-menu-col-3 {
    width: 800px;
}
.mega-dropdown-menu-col-4 {
    width: 1000px;
}

    .mega-dropdown-menu a {
        cursor: pointer;
    }

    .mega-dropdown-menu > li > ul {
        padding: 0;
        margin: 0;
    }

        .mega-dropdown-menu > li > ul > li {
            list-style: none;
        }

            .mega-dropdown-menu > li > ul > li > a {
                display: block;
                /*color: #222;*/
                /*padding: 3px 5px;*/
            }

    .mega-dropdown-menu > li ul > li > a:hover,
    .mega-dropdown-menu > li ul > li > a:focus {
        text-decoration: none;
    }

    .mega-dropdown-menu .dropdown-header {
        font-size: 18px;
        color: #ff3546;
        /*padding: 5px 60px 5px 5px;*/
        line-height: 30px;
    }

.carousel-control {
    width: 30px;
    height: 30px;
    top: -35px;
}

.left.carousel-control {
    right: 30px;
    left: inherit;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    font-size: 12px;
    background-color: #fff;
    line-height: 30px;
    text-shadow: none;
    color: #333;
    border: 1px solid #ddd;
}

.nav-bar-top {
    background-color: #f0f0f0;
}

    .nav-bar-top a {
        color: black;
    }

.dropdown-menu-grandchild:not(.full-size-grandchild) {
    font-size: 12px;
    background: transparent url(/images/newui/bullet-point.png) 0px 6px no-repeat;
    padding-left: 10px;
}

.dropdown-menu-greatgrandchild {
    margin-left: 40px;
    font-size: 12px;
}

.dropdown-menu-account {
    font-size: 12px;
    color: gray;
}

/* need if we're not using nav-bar-deafult or inverse */
.nav-bar-top .navbar-toggle {
    background-color: transparent;
    border: 1px solid black;
}

.nav-bar-top .icon-bar {
    background-color: black;
}

.navbar-topmenubar {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #777777;
    margin-bottom: 5px !important;
}

    .navbar-topmenubar .icon-bar {
        border: 1px solid #a0a0a0;
    }

.store-logo-text {
    font-family: 'Roboto';
    font-weight: 600;
    color: #414141;
}

.store-service-account {
    background: #faf8f8;
    border: 1px solid #e5e4e4;
    border-radius: 6px;
    padding: 3px 12px 3px 12px;
    margin: 0 0px 10px 0px;
    cursor: pointer;
    min-height: 48px;
}

    .store-service-account .name {
        display: block;
        font-family: 'Roboto', Arial, sans-serif;
        font-weight: 500;
        font-size: 14px;
        padding: 0;
        margin: 0 0 0px 0;
    }

    .store-service-account:hover {
        background-color: #e8e8e8;
    }

    .store-service-account .account {
        font-family: 'Roboto', Arial, sans-serif;
        font-weight: 400;
        font-size: 11px;
        color: #909090;
        padding: 0;
        margin: 0;
    }

.mobile-toggle,
.mobile-toggle:hover {
    padding: 0px;
    border: 0px !important;
    background: none;
    box-shadow: none;
    margin-left: 11px;
}

.store-middle {
    min-height: 75px;
    padding: 6px 0px 5px 0px;
    margin-left: -15px;
    margin-right: -15px;
}

    .store-middle img {
        max-height: 75px;
    }

.store-bottom {
    border-bottom: 2px solid #e0e0e0;
    margin-left: -15px;
    margin-right: -15px;
}

.store-logo-text {
    font-size: 24px;
    letter-spacing: 0;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
    display: block;
}

@media (min-width:768px) {
    /*.mega-dropdown-menu {
        width: 88%;
        left: 10%;
        margin-left: 5px;
    }*/

    .open > .dropdown-menu {
        display: inline-block;
    }

    .navbar-topmenubar li.mega-dropdown {
        margin-left: 5px;
        border-bottom: 2px solid #BDBDBD;
    }

    .mall-topmenu li.mega-dropdown {
        background-color: #ffffff;
    }

    .store-topmenu li.mega-dropdown {
        background-color: #f7f7f7;
    }

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

    .navbar-topmenubar .navbar-navbuttons {
        display: none;
    }

    .divider-bottom {
        display: none !important;
    }

    .store-navheader-logo {
        display: none;
    }

    .navbar-topmenubar {
        min-width: 0px !important;
        min-height: 0px !important;
    }

        .navbar-topmenubar .navbar-brand {
            height: auto !important;
            padding: 0px 25%;
        }

    #navTopMenuHeader {
        width: 10%;
    }

    #navTopMenuMainItems {
        width: 90%;
        float: left;
        padding: 0px !important;
    }

    .navbar-topmenubar ul.nav {
        width: 100%;
        padding: 0px !important;
    }

    .navbar-topmenubar li.mega-dropdown > a {
        padding: 5px 5px 10px 5px !important;
        cursor: pointer;
    }

    .navbar-topmenubar li.mega-dropdown.open > a {
        color: #ffffff !important;
        background: #9E9E9E !important;
    }

    .navbar-topmenubar li.mega-dropdown > ul {
        background: #FCFCFC;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
    }

    .col-sm-topmenu {
        padding: 0px !important;
    }

    .mega-dropdown-menu {
        padding: 0px !important;
    }

        .mega-dropdown-menu > li {
            padding-left: 0px !important;
            padding-right: 0px !important;
            position: relative;
        }

            .mega-dropdown-menu > li:nth-child(1) {
                left: -1px;
            }

            .mega-dropdown-menu > li:nth-child(2) {
                left: -2px;
            }

            .mega-dropdown-menu > li:nth-child(3) {
                left: -3px;
            }

            .mega-dropdown-menu > li:nth-child(4) {
                left: -4px;
            }

            .mega-dropdown-menu > li:nth-child(5) {
                left: -5px;
            }

            .mega-dropdown-menu > li:nth-child(6) {
                left: -6px;
            }

            .mega-dropdown-menu > li > ul.my-investments > li {
                padding: 2px 5px 2px 5px;
            }

            .mega-dropdown-menu > li > ul:not(.my-investments) > li {
                border-bottom: 1px solid #e0e0e0;
                padding: 5px;
            }

            .mega-dropdown-menu > li > ul {
                border-right: 1px solid #e0e0e0;
            }

            .mega-dropdown-menu > li:not(:first-child) > ul {
                border-left: 1px solid #e0e0e0;
            }

    .mega-dropdown-menu-nobottom {
        border-bottom: 0px solid transparent !important;
        padding-bottom: 0 !important;
    }

    .mega-dropdown-menu-noright {
        border-right: 0px solid transparent !important;
    }

    .store-logo-text-visible {
        display: none;
    }
}

@media (min-width:768px) {
    .pull-menu-right {
        float: right !important;
        right: 0;
        left: auto;
    }
}

.mobile-menu-arrow {
    width: 30px;
    height: 30px;
    display: none;
    float: right;
    margin: 5px 15px;
}

.my-provider-accounts {
    margin-top: 10px;
}

@media (max-width:767px) {
    
    .store-topmenu {
        margin: 0 15px 0 15px;
    }
    .my-provider-accounts {
        margin-top: 0;
    }
    .navbar-nav>li>a,
    .navbar>li>a {
        padding: 0px 0px 0px 15px;
    }
    .mobile-menu-name {
        padding-top: 10px;
        font-size: 16px;
        font-weight: 400;
        color: #bababa;
    }
    .mega-dropdown > a,
    .mega-dropdown > a:focus {        
    }
    .headerContainer {
        background: linear-gradient(#FFFFFF, #f7f7f7);
    }
    .navbar-navbuttons {
        margin-right: 10px;
        vertical-align: middle;
        float: right;
        margin-top: 7px
    }
    #navTopMenuHeader {
        /*margin-bottom: 15px;*/
    }
    .mobile-menu-name {
        float: left;
    }
    .mobile-menu-arrow {        
        display: inline-block;
        background: url('/Images/NewUI/chevron-up.png') top left no-repeat;
    }
    .mega-dropdown.open .mobile-menu-arrow {
        display: inline-block;
        background: url('/Images//NewUI/chevron-down.png') top left no-repeat;
    }
    #navTopMenuMainItems {
        background-color: white;
        border: 0;
    }
    #navTopMenuMainItems.navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
    #navTopMenuMainItems .navbar-nav {
        margin: 0 -15px 0 -20px;
    }
    #navTopMenuMainItems .nav .open>a {
        background-color: transparent;
    }
    #navTopMenuMainItems ul.dropdown-menu {
        padding: 0;
        margin-left: 0px;
    }
    #navTopMenuMainItems ul.dropdown-menu li ul li {
        border-top: 2px solid #e3e3e3;
        padding-left: 15px;
    }
    .headerContainer {
        margin-left: -15px;
        margin-right: -15px;
    }
    .navbar-topmenubar {
        margin-bottom: 0px !important;
    }

    .mega-dropdown {
        border-top: 2px solid #bababa;
    }

    .mega-dropdown-menu {
        margin-left: 15px;
    }

        .mega-dropdown-menu > li > ul > li {
            padding: 8px 0px 8px 0px;
        }

    .navbar-topmenubar li.mega-dropdown {
        margin-left: 20px;
    }

    .store-logo-text {
        /*font-size: 14px;*/
    }

    .navbar-topmenubar .navbar-toggle {
        float: left;
        border: 1px solid #e0e0e0;
    }

    .navbar-topmenubar .navbar-brand {
        display: none;
    }

    .navbar-topmenubar .navbar-navbuttons {
        display: table-cell;
    }

    .navbar-topmenubar {
        background-color: transparent;
        border: 1px solid transparent;
    }

    .divider-bottom {
        display: list-item !important;
    }

    .store-middle > a {
        display: table;
        margin: auto;
    }

    .store-navheader-logo {
        display: inline-block;
    }
}

.divTips {
    margin-bottom: 10px;
    margin-top: 10px;
}
.divTips.has-subtitle {
    margin-bottom: 0px;
}

body {
    background-color: #ffffff;
}

    body.dashboard {
        background-color: #f8f8f8;
    }

    body.dashboard.mall {
        background-color: #c5e1f7;
    }

    body.dashboard.mall .content-container {
        background-color: #eff7fd;
        background: linear-gradient(#eff7fd, #f8fbfd);
    }
    body.dashboard.mall.iweb .content-container {
        background-color: #ffffff;
        background: #ffffff;
    }

    body.dashboard.mall .widgetPanel,
    body.dashboard.mall .SideBarWidgetPanel
    {
        border-top: 4px solid #c5e1f7;
    }

    body.download-mode {
        background-color: #ffffff !important;
    }

.greenlt {
    color: #597F24;
}

.greenltBold {
    color: #597F24;
}

.required:after {
    color: #A94442;
    margin-left: 2px;
    content: "*";
}

.required-no-margin:after {
    color: #A94442;
    margin-left: 2px;
    content: "*";
}

.required-before:before {
    color: #A94442;
    margin-right: 2px;
    content: "*";
}

/*Datepicker CSS*********************************/

.ui-datepicker {
    font-family: 'Roboto', sans-serif;
    border-radius: 0px;
    text-align: center;
    font-size: 18px;
}

.ui-datepicker {
    width: 230px;
}

.ui-datepicker-header div {
    background-color: #dadada;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border: none !important;
    padding: 0px !important;
    height: 34px;
}

.ui-datepicker-header {
    border-width: 1px 0 0 0;
    border-style: solid;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border: none !important;
    padding: 0px !important;
}

.ui-datepicker-calendar td {
    border: 1px solid #b8b8b8;
}

.ui-datepicker-header a,
.ui-datepicker-header span {
    font-family: 'Roboto', sans-serif;
    border: none !important;
    border-radius: 0px;
    color: #777777;
    background-color: #dadada;
    font-size: 16px;
}

.ui-datepicker table {
    margin: 0px !important;
    height: 200px;
}

#ui-datepicker-div {
    padding: 0px !important;
}

.ui-datepicker-calendar .ui-state-default {
    color: #4D86bc;
    background: #ffffff;
    text-align: center;
    font-weight: 600;
    border: 0px !important;
}

.ui-datepicker-title div {
    border-radius: 0px;
}

.ui-datepicker-prev span {
    background-image: url('/Images/NewUI/arrowLeft.png') !important;
    background-position: 2px 2px !important;
}

.ui-datepicker-prev:hover span {
    background-image: url('/Images/NewUI/arrowLeftHighlight.png') !important;
    background-position: 2px 2px !important;
}

.ui-datepicker-next span {
    background-image: url('/Images/NewUI/arrowRight.png') !important;
    background-position: 2px 2px !important;
}

.ui-datepicker-next:hover span {
    background-image: url('/Images/NewUI/arrowRightHighlight.png') !important;
    background-position: 2px 2px !important;
}

.ui-datepicker-calendar thead {
    border-right: 0px !important;
}

.ui-datepicker-calendar .ui-datepicker-other-month span {
    color: grey;
}

.ui-datepicker-calendar thead th {
    padding-top: 4px;
    padding-bottom: 4px;
}

.ui-datepicker-calendar thead, .ui-datepicker-calendar th {
    background-color: #c4c4c4;
    color: #ffffff;
}

.ui-datepicker tbody td {
    padding: 0px;
    border-right: 1px solid #b8b8b8;
}

.ui-datepicker tbody tr:last-child {
    border-bottom: 0px;
}

.ui-datepicker tbody td:last-child {
    border-right: 0px;
}

.ui-datepicker-calendar td {
    width: 148px;
    border: 1px solid #b8b8b8;
    background-color: #ffffff;
}

.day a:link {
    color: #4D86bc;
    text-decoration: none;
}

.day a:visited {
    color: #4D86bc;
    text-decoration: none;
}

.day a:hover {
    color: #51a7f9;
    text-decoration: none;
}

.day a:active {
    color: #51a7f9;
    text-decoration: none;
}

.ui-datepicker-calendar .ui-state-active {
    background-color: #d8d8d8;
    color: #ffffff;
    height: 100%;
    padding-top: 5px;
}

/***************   End of Datepicker CSS ********/

.popupcolspan {
    padding-right: 5px !important;
    padding-left: 5px !important;
}


#cphBodyMain_pnlSourceInfoPanel.table-header {
    padding: 12px 0;
    font-weight: bold;
}

    #cphBodyMain_pnlSourceInfoPanel .table-header span,
    #cphBodyMain_pnlSourceInfoPanel .table-row span {
        display: inline-block;
        vertical-align: middle;
        padding: initial;
        font-family: 'Roboto', sans-serif;
    }

#cphBodyMain_pnlSourceInfoPanel .table-row {
    border-top: thin solid #dedede;
    padding: 1px 0;
}

.borderless td, .borderless th {
    border: none;
}
/* Home Sources */
#cphBodyMain_pnlSourceInfoPanel .table.home-sources {
    border: none;
}

    #cphBodyMain_pnlSourceInfoPanel .table.home-sources .source,
    #cphBodyMain_pnlSourceInfoPanel .table.home-sources .totals {
        /*font-weight: bold;*/
    }

    #cphBodyMain_pnlSourceInfoPanel .table.home-sources .source, .table.home-sources .balance, .table.home-sources .vesed-balance {
        width: 30%;
        font-family: 'Roboto', sans-serif;
    }


.modal-title {
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px !important;
    color: #707070 !important;
    text-align: left !important;
    padding-left: 10px !important;
}




.FactSheet {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #4D86BC;
    text-align: left;
    line-height: 16px;
}
    /* Factsheet, Prospectus and Website Link Rollover */

    .FactSheet:hover {
        color: #51A7F9;
    }

    .FactSheet:after {
        content: "|";
        padding: 0 10px; /* will give 20px space */
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        color: #D5D5D5;
        text-align: left;
        line-height: 16px;
    }

.Site {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #4D86BC;
    text-align: left;
    line-height: 16px;
}

    .Site:hover {
        color: #51A7F9;
    }


.Prospectus {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #4D86BC;
    text-align: left;
    line-height: 16px;
}

    .Prospectus:hover {
        color: #51A7F9;
    }

    .Prospectus:after {
        content: "|";
        padding: 0 10px; /* will give 20px space */
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        color: #D5D5D5;
        text-align: left;
        line-height: 16px;
    }

.popupTicker {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #707070;
    text-align: left;
}

.popupbodysection {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #979797;
    line-height: 16px;
}

.popupbodyheaders {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #979797;
    line-height: 16px;
}

.popupbodyheaders-fixed {
    width: 75px;
}

.popupbodyheaders-morningstar {
    width: 125px;
}

.fund-info-dialog-moreinfo th {
    display: none;
}

/* Values for Shares, Price, etc. */

.valuesharelable {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #707070;
    text-align: left;
    line-height: 16px;
}

.close:hover {
    background: none !important;
    padding: 0 !important;
    margin: -2px 0 0 0 !important;
}

.inherentFundFormatPopup > thead > tr > th,
.inherentFundFormatPopup > tbody > tr > th,
.inherentFundFormatPopup > tfoot > tr > th,
.inherentFundFormatPopup > thead > tr > td,
.inherentFundFormatPopup > tbody > tr > td,
.inherentFundFormatPopup > tfoot > tr > td {
    border: none !important;
}

.inherentFundFormatPopup {
    /*color: DarkGrey;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 0 10px 0;*/
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #a1a1a166 !important;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 100%;
    padding-bottom: 5px;
}

.inherentFundFormatPopupLast {
    border-bottom: none !important;
    padding-bottom: 0px;
}

.inherentFundFormatPopup th span {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #979797;
    text-align: left;
    line-height: 16px !important;
}

.inherentFundFormatPopup td span {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #707070;
    text-align: left;
    line-height: 16px !important;
    padding-top: 0px !important;
}

.inherentFundFormatPopup td {
    padding-top: 0px !important;
}

.inherentFundFormatPopup th {
    padding-bottom: 0px !important;
}

.pencil {
    background-color: transparent;
    border: 0px;
    width: 29px;
    height: 21px;
    background-image: url(/Images/NewUI/edit.png);
    background-repeat: no-repeat;
}

    .pencil:hover {
        background-image: url(/Images/NewUI/editHighlight.png);
        background-repeat: no-repeat;
    }

.pencilContainer {
    background: #f6f9fb !important;
    border-bottom: 1px solid #dcdcdc !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.pencilHeader {
    text-align: center !important;
}

.plus {
    background-color: transparent;
    border: 0px;
    width: 18px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
}

.plus {
    background-image: url(/Images/NewUI/plus-circle-outline-large.png);
    background-repeat: no-repeat;
}

    .plus:hover {
        background-image: url(/Images/NewUI/plus-circle-outline-large-highlight.png);
        background-repeat: no-repeat;
    }

    .plus.expanded {
        background-image: url(/Images/NewUI/minus-circle-outline-large.png);
        background-repeat: no-repeat;
    }

        .plus.expanded:hover {
            background-image: url(/Images/NewUI/minus-circle-outline-large-highlight.png);
            background-repeat: no-repeat;
        }

.plusContainer {
    background: #f6f9fb !important;
    border-bottom: 1px solid #dcdcdc !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 0;
}

.plusHeader {
    text-align: center !important;
}

a.statements {
    background-color: transparent;
    border: 0px;
    width: 25px;
    height: 22px;
    background: url(/Images/ico-view_statement.png) no-repeat right;
    display: inline-block;
}

    a.statements:hover {
        background: url(/Images/ico-view_statement-highlight.png) no-repeat right;
    }



a.externalLinkIcon {
    background-color: transparent;
    border: 0px;
    width: 68px;
    background: url('../Images/NewUI/ExternalLink.png') no-repeat right;
    display: inline-block;
  
}

    a.externalLinkIcon:hover {
        background: url('../Images/NewUI/ExternalLinkHighlight.png') no-repeat right;
       
    }

/*a.statements:focus {
    background: url(/Images/ico-view_statement-highlight.png)  no-repeat right;
}*/

/*a.statements:active {
    background: url(/Images/ico-view_statement-highlight.png)  no-repeat right;
}*/

.statementsContainer {
    background: #f6f9fb !important;
    border-bottom: 1px solid #dcdcdc !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.statementsHeader {
    text-align: center !important;
}




/*RetirementPlanning/NearingRetirement.aspx   */
.uull {
    padding-left: 0px;
}

.RetirementcontentArea {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 16px 20px 16px 0px;
    margin: 0 0 22px 0;
}
    /*Optional title above content area*/
    .RetirementcontentAreaTitle, .RetirementcontentArea h1 {
        /*font-family: "Roboto-Regular", Arial, sans-serif;*/
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #5f5f5f;
        text-align: left;
        margin: 0 0 10px 0;
    }

/* Gray subtext span within title, if title contains secondary text that should be visually differentiated.*/
/* See the example of AbleAccountInformationUserontrol in the visual guides: this has a title that says "Debit Card (Optional)" where "Optional" is shown in gray.*/
.RetirementcontentAreaTitleSubtext {
    color: #949494;
}

/* Optional generic subhead that can be used within content area. */
/* See visual guide of Wizard for an example. */
.subhead {
    font-family: "Roboto", Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    letter-spacing: 3px !important;
    color: #5f5f5f !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

/* Slightly bolder text for more important instructions. Otherwise most body text should use default body text as defined in the genericTextElements.CSS file we sent.*/
.importantNotecms {
    font-family: "Roboto", Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 21px !important;
    color: #4d4d4d !important;
    padding: 0px 15px 0px 0px !important;
}

/* Red text for special alerts or warnings.*/
.alert {
    color: #CA2121;
}

/*Generic list - default bullets are supressed and should be replace with the image we've provided.*/
/*Adjust image paths as needed. Also adjust  placement as needed, based on the visual guides we've provided.*/
#dvContainer ul li {
    padding: 0 0 0 0px;
    margin: 0px;
}

.paneltoppadding {
    padding-top: 15px !important;
}


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


.robotofonth2 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    font-weight: 600;
    color: #5F5F5F !important;
}

.robotofonth3 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    /*color: #5F5F5F;*/
}



#cphBodyMain_ctrlPlanningCMSContent_imgretirementArticles, #cphBodyMain_ctrlPlanningCMSContent_imgretirementCalculators, #cphBodyMain_ctrlPlanningCMSContent_imgretirementiCharts,
#cphBodyMain_ctrlPlanningCMSContent_imgretirementVideos,#cphBodyMain_ctrlPlanningCMSContent_Image1, #cphBodyMain_Image1, #cphBodyMain_cphBodyMain_imggraphicTransfers, #cphBodyMain_cphBodyMain_ImggraphicElections, #cphBodyMain_cphBodyMain_Imgrealignment, #cphBodyMain_cphBodyMain_ImggraphicRebalance, #cphBodyMain_cphBodyMain_Imgschedule {
    padding-left: 128px !important;
}

#cphBodyMain_ctrlPlanningCMSContent_imgretirementArticles, #cphBodyMain_ctrlPlanningCMSContent_imgretirementCalculators,
#cphBodyMain_ctrlPlanningCMSContent_imgretirementiCharts, #cphBodyMain_ctrlPlanningCMSContent_imgretirementVideos,#cphBodyMain_ctrlPlanningCMSContent_Image1, #cphBodyMain_Image1 {
    padding-left: 128px !important;
}

#cphBodyMain_ctrlPlanningCMSContent_imgretirementArticles, #cphBodyMain_ctrlPlanningCMSContent_imgretirementCalculators,
#cphBodyMain_ctrlPlanningCMSContent_imgretirementiCharts, #cphBodyMain_ctrlPlanningCMSContent_imgretirementVideos,#cphBodyMain_ctrlPlanningCMSContent_Image1, #cphBodyMain_Image1 {
    padding-left: 128px !important;
}


@media only screen and (max-width: 800px) and (min-width:300px) {
    #cphBodyMain_cphBodyMain_existingSavingsByPercentLink, #cphBodyMain_cphBodyMain_existingSavingsByUnitsLink {
        margin-left: 0px !important;
    }
}


#cphBodyMain_cphBodyMain_Imgrealignment {
    padding-left: 128px !important;
}



@media only screen and (max-width: 800px) and (min-width:300px) {

    #cphBodyMain_ctrlPlanningCMSContent_imgretirementArticles, #cphBodyMain_ctrlPlanningCMSContent_imgretirementCalculators, #cphBodyMain_ctrlPlanningCMSContent_imgretirementiCharts,
    #cphBodyMain_ctrlPlanningCMSContent_imgretirementVideos,#cphBodyMain_ctrlPlanningCMSContent_Image1, #cphBodyMain_Image1, #cphBodyMain_cphBodyMain_imggraphicTransfers, #cphBodyMain_cphBodyMain_ImggraphicElections, #cphBodyMain_cphBodyMain_Imgrealignment,
    #cphBodyMain_cphBodyMain_ImggraphicRebalance, #cphBodyMain_cphBodyMain_Imgschedule {
        padding-left: 0px !important;
    }

    #cphBodyMain_ctrlPlanningCMSContent_imgretirementArticles, #cphBodyMain_ctrlPlanningCMSContent_imgretirementCalculators,
    #cphBodyMain_ctrlPlanningCMSContent_imgretirementiCharts,#cphBodyMain_ctrlPlanningCMSContent_Image1, #cphBodyMain_ctrlPlanningCMSContent_imgretirementVideos, #cphBodyMain_Image1 {
        padding-left: 0px !important;
    }

    #cphBodyMain_ctrlPlanningCMSContent_imgretirementArticles, #cphBodyMain_ctrlPlanningCMSContent_imgretirementCalculators,
    #cphBodyMain_ctrlPlanningCMSContent_imgretirementiCharts,#cphBodyMain_ctrlPlanningCMSContent_Image1, #cphBodyMain_ctrlPlanningCMSContent_imgretirementVideos, #cphBodyMain_Image1 {
        padding-left: 0px !important;
    }
}

#dvHome p {
    margin: 0 0 22px -13px;
}

.grd_transfer th {
    vertical-align: top !important;
}

.grd_transfer_hidden {
    display: none !important;
}

.grd_transfer_action {
    text-align: center !important;
    
}

.grd_transfer_actionFund{
    color:#075eaf !important;
}

.grd_transfer input {
    width: 50px;
    margin: 0px;
}

.grd_elections input {
    margin: 0px;
}

.print-wrapper-transfers {
    float: right;
    margin-bottom: 10px;
}

.tips {
    cursor: pointer;
    margin-left: 15px;
}

.tips-icon {
    width: 57px;
    height: 24px;
    background-image: url('/Images/NewUI/tips.png');
    background-repeat: no-repeat;
}

    .tips-icon:hover {
        background-image: url('/Images/NewUI/tips-rollover.png');
        background-repeat: no-repeat;
    }

.navbar-brand-mall .navbar-home {
    width: 36px;
    height: 36px;
    background-image: url('/Images/NewUI/home.png');
    background-repeat: no-repeat;
}

    .navbar-brand-mall .navbar-home:hover {
        background-image: url('/Images/NewUI/home-rollover.png');
        background-repeat: no-repeat;
    }

.navbar-brand-store .navbar-home {
    width: 32px;
    height: 32px;
    margin-top: 2px;
    background-image: url('/Images/NewUI/store-dashboard.png');
    background-repeat: no-repeat;
}

    .navbar-brand-store .navbar-home:hover {
        background-image: url('/Images/NewUI/store-dashboard-rollover.png');
        background-repeat: no-repeat;
    }

/* AVAILABLE FUNDS */

/* Headline */
.availableFundsHead {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 26px;
    color: #5f5f5f;
    margin: 0 0 18px 0;
}

.searchForFundsHead {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #5f5f5f;
    margin: 0 0 8px 0;
    display: inline-block;
}

.searchForFundsLabel {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #4D4D4D;
}

/* Box containing search form. */
.availableFundsSearchForm {
    max-width: 644px;
    border: 1px solid #e5e4e4;
    padding: 20px 18px 22px 18px;
    margin: 0 0 15px 0;
}

@media (min-width:768px) {
    .availableFundsSearchForm div {
        padding-right: 0px;
    }
}

/* SEARCH BOX */
/* Same as text box, but includes magnifying glass graphic. */
.searchBox {
    background: url("/Images/NewUI/magnifier.png") no-repeat top right !important;
}

/*CheckBox*/
.checkbox-container {
    display: inline;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Roboto-Regular", Arial, sans-serif;
    font-size: 12px;
    color: #4d4d4d;
    text-align: left;
    /*padding: 2px 12px 7px 30px;*/
    margin: 0 0 0 3px;
    background-color: transparent;
    border: none;
}

    .checkbox-container input[type=checkbox] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        background: #fcfcfc;
        border: 1px solid #dcdcdc;
        border-radius: 3px;
    }

.checkbox-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fcfcfc;
    border: 1px solid #bdbdbd;
    border-radius: 3px;
    margin: 0px !important;
}

.checkbox-container:hover input[type=checkbox] ~ .checkbox-checkmark {
    background-color: #fcfcfc;
}

.checkbox-container input[type=checkbox]:checked ~ .checkbox-checkmark {
    background-color: #bdbdbd;
}

.checkbox-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container input[type=checkbox]:checked ~ .checkbox-checkmark:after {
    display: block;
}

.checkbox-container .checkbox-checkmark:after {
    left: 5px;
    top: 1px;
    width: 7px;
    height: 14px;
    border: solid white;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}




/* WIZARD STEPS */

/* Area containing step title and step boxes */
.wizardStepBarContract {
    padding: 16px 0 8px 0;
    margin: 0;
}

/* Title indicating current step in wizard*/
.wizardStepTitleContract {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400 !important;
    font-size: 16px;
    color: #5f5f5f;
    text-align: left;
    padding: 0;
    margin: 0 12px 0 0;
}

/* Span within step title giving number of the current step (for example "Step 1:")*/
.wizardStepTitleStepnumContract {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400 !important;
}

/* Boxes with numbers showing the sequence of steps in the wizard */
.wizardStepNumberContract, .wizardStepNumberSelectedContract {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500 !important;
    font-size: 11px;
    text-align: center;
    padding: 6px auto 6px auto;
    margin: 0 0 0 6px;
}

.wizardStepNumberContract {
    color: #ffffff;
    background: #c4c4c4;
}

/* Highlighted box with number indicating the current step */
.wizardStepNumberSelectedContract {
    color: #989898;
    background: #ececec;
}

/* Subhead for instructions. */
.wizardSubheadContract {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500 !important;
    font-size: 13px;
    letter-spacing: 3px;
    color: #5f5f5f;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 14px 0;
}

/* Instruction text in Wizards - somewhat larger than generic body copy. */
/* If similar cases of larger body copy need to be used elsewhere in the site, you could adapt this to a general style as well. */
.wizardInstructionTextContract {
    font-family: "Roboto", Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #4d4d4d !important;
    text-align: left;
    padding: 0;
    margin: 0 0 18px 0;
}

.wizard-heading-textContract {
    /*float: left;*/
    font-size: medium;
}




.ullist {
    list-style: inherit;
    font-size: 14px !important;
    /*font-size: 12px;
    padding: 0 0 0 16px;
    margin: 0px;*/
    /*padding-bottom: 6px;*/
}




/* A group of related buttons, text, and image */
.contentGroup {
    border-bottom: 1px solid #e5e4e4;
    padding: 0 0 18px 0;
    margin: 0 0 18px 0;
}

/* The first content group in a set of content groups - includes a border at the top and extra top margin. */
.contentGroupFirst {
    border-top: 1px solid #e5e4e4;
    border-bottom: 1px solid #e5e4e4;
    /*padding: 18px 0 18px 0;*/
    margin: 36px 0 18px 0;
}

.contentGroupsecond {
    border-top: 1px solid #e5e4e4 !important;
    /*padding: 18px 0 18px 0 !important;*/
    margin: 36px 0 18px 0 !important;
}

/* Header in a content group. */
.contentGroupHead {
    font-family: "Roboto-Medium", Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    text-align: left;
    color: #4d4d4d;
    padding: 0;
    margin: 0 12px 14px 0;
    /*font-weight: bold;*/
}

/* Text in a content group. */
.contentGroupText {
    font-family: "Roboto-Regular", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #4d4d4d;
    padding: 0;
    margin: 0 12px 16px 0;
}

/* A row of buttons at the bottom of a content group. (Buttons use the general button styles we've already defined elsewhere.) */
.contentGroupButtons {
    text-align: left;
    /*padding: 0;*/
    margin: 0;
    /*padding-left: 0px;*/
}

/* A graphic illustrating the theme of a content group. */
.contentGroupImage {
    text-align: right;
    padding: 0 0 0 20px;
}

.paging-arrow-first,
.paging-arrow-last {
    height: 12px;
    width: 13px;
    display: inline-block;
}

.paging-arrow-prev,
.paging-arrow-next {
    height: 12px;
    width: 8px;
    display: inline-block;
}

.paging-arrow-first {
    background-image: url('/Images/NewUI/firstPageArrowBlue.png');
    background-repeat: no-repeat;
}

    .paging-arrow-first:hover {
        background-image: url('/Images/NewUI/firstPageArrowBlueHighlight.png');
        background-repeat: no-repeat;
    }

.paging-arrow-prev {
    background-image: url('/Images/NewUI/previousPageArrowBlue.png');
    background-repeat: no-repeat;
}

    .paging-arrow-prev:hover {
        background-image: url('/Images/NewUI/previousPageArrowBlueHighlight.png');
        background-repeat: no-repeat;
    }

.paging-arrow-next {
    background-image: url('/Images/NewUI/nextPageArrowBlue.png');
    background-repeat: no-repeat;
}

    .paging-arrow-next:hover {
        background-image: url('/Images/NewUI/nextPageArrowBlueHighlight.png');
        background-repeat: no-repeat;
    }

.paging-arrow-last {
    background-image: url('/Images/NewUI/lastPageArrowBlue.png');
    background-repeat: no-repeat;
}

    .paging-arrow-last:hover {
        background-image: url('/Images/NewUI/lastPageArrowBlueHighlight.png');
        background-repeat: no-repeat;
    }

.fundPortalFirstArrow,
.fundPortalLastArrow {
    height: 12px;
    width: 13px;
    display: inline-block;
}

.fundPortalPrevArrow,
.fundPortalNextArrow {
    height: 12px;
    width: 8px;
    display: inline-block;
    margin: 0px 22px 0px 22px;
}

.fundPortalFirstArrow {
    background-image: url('/Images/NewUI/firstPageArrowBlue.png');
    margin-left: 10px;
    background-repeat: no-repeat;
}

    .fundPortalFirstArrow:hover {
        background-image: url('/Images/NewUI/firstPageArrowBlueHighlight.png');
        background-repeat: no-repeat;
    }

.fundPortalPrevArrow {
    background-image: url('/Images/NewUI/previousPageArrowBlue.png');
    background-repeat: no-repeat;
}

    .fundPortalPrevArrow:hover {
        background-image: url('/Images/NewUI/previousPageArrowBlueHighlight.png');
        background-repeat: no-repeat;
    }

.fundPortalNextArrow {
    background-image: url('/Images/NewUI/nextPageArrowBlue.png');
    background-repeat: no-repeat;
}

    .fundPortalNextArrow:hover {
        background-image: url('/Images/NewUI/nextPageArrowBlueHighlight.png');
        background-repeat: no-repeat;
    }

.fundPortalLastArrow {
    background-image: url('/Images/NewUI/lastPageArrowBlue.png');
    background-repeat: no-repeat;
}

    .fundPortalLastArrow:hover {
        background-image: url('/Images/NewUI/lastPageArrowBlueHighlight.png');
        background-repeat: no-repeat;
    }

.fundPortalPageSelector {
    background: #f1f1f1;
    padding: 8px 12px 8px 12px;
    margin: 0 0 12px 0;
}

.detailedPagingNumber {
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 600;
    vertical-align: middle;
    margin: 0 8px 0 0;
}

.detailedPagingSelectedNumber {
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    vertical-align: middle;
    color: #797979;
}

.detailedPagingViewOption {
    margin: 0 7px 0 7px;
}

.detailedPagingViewOption,
.detailedPagingInfo {
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #686868;
    text-align: left;
}

.detailedPagingViewSelectedOption {
    font-weight: 600;
}

.fund-info-dialog .modal-dialog {
    width: 95%;
    max-width: 375px;
}

.fund-info-dialog .modal-header {
    border-bottom: none;
}

.fund-info-dialog .modal-footer {
    border-top: none;
}

.fund-info-dialog .modal-header h4 {
    padding-left: 0px !important;
    font-weight: 600;
}

.fund-info-dialog .modal-body {
    padding-top: 5px;
    padding-bottom: 0px;
}

.fund-info-dialog .top-body-line {
    border-top: 1px solid #e5e4e4;
    margin-bottom: 10px;
}

.fund-info-dialog .bottom-body-line {
    border-top: 1px solid #e5e4e4;
    margin-top: 5px;
}

.models-title {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 18px;
    color: #5F5F5F;
    text-align: left;
    line-height: 19px;
}

.models-chart-rollover {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 12px;
    color: #686868;
    text-align: center;
    line-height: 20px;
}

.models-description {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    color: #4D4D4D;
    text-align: left;
    line-height: 20px;
}

#dlgAccountSelector .modal-dialog {
    max-width: 350px;
    width: 95%;
}

#dlgAccountSelector h1.modal-title {
    font-weight: 500;
    font-size: 13px;
    color: #707070;
    padding: 0;
    margin: 0;
    padding-left: 0px !important;
    margin: 5px 0px 5px 0px;
}

.go-green-image {
    height: 208px;
    width: 208px;
    background-image: url(/images/go-green-promo.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    background-size: contain;
}

@media (max-width:640px) {
    .go-green-image {
        height: 125px;
        width: 125px;
    }
}

.fund-info-link {
    cursor: pointer;
    color:#075eaf;
}

.nonsense-class-for-wmi-popup {
    cursor: pointer;
}

#dialogGetStarted .modal-dialog {
    max-width: 350px;
}

#dialogGetStarted .dont-show-option {
    font-size: 12px;
    font-weight: 500;
}

    #dialogGetStarted .dont-show-option .sub-description {
        font-size: 11px;
        font-weight: 400;
        display: table-cell;
        padding-top: 5px;
    }

#dialogGetStarted .getStartedOptOutCheckBox {
    float: left;
    margin-right: 10px;
}

#dialogGetStarted .dont-show-option .description {
    margin-left: 35px;
}

#dialogGetStarted .modal-title {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500 !important;
    font-size: 26px !important;
    color: #5F5F5F !important;
    padding: 0;
    margin: 0;
}

#dialogGetStarted a {
    background: #faf8f8;
    border: 1px solid #e5e4e4;
    border-radius: 6px;
    padding: 4px 18px 4px 6px;
    margin: 0 0px 12px 0px;
    display: block;
}

    #dialogGetStarted a:hover {
        background: #eae8e8;
    }

    #dialogGetStarted a .icon {
        padding: 0;
        margin: 2px 8px 0 0;
        height: 36px;
        width: 36px;
        display: inline-block;
        float: left;
    }

    #dialogGetStarted a .description {
        display: inline-block;
        max-width: 85%;
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 500;
    }

        #dialogGetStarted a .description .important {
            display: block;
            font-family: "Roboto", Arial, sans-serif;
            font-weight: 600;
            font-size: 11px;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: #5F5F5F;
            margin: 0 0 0 2px;
        }

        #dialogGetStarted a .description .complete {
            font-family: "Roboto", Arial, sans-serif;
            font-weight: 500;
            font-size: 16px;
        }

    #dialogGetStarted a .bank {
        background-image: url('/Images/NewUI/iconBankWhiteCircle.png');
        background-repeat: no-repeat;
    }

    #dialogGetStarted a .briefcase {
        background-image: url('/Images/NewUI/iconBriefcaseWhiteCircle.png');
        background-repeat: no-repeat;
    }

    #dialogGetStarted a .chart {
        background-image: url('/Images/NewUI/iconChartWhiteCircle.png');
        background-repeat: no-repeat;
    }

    #dialogGetStarted a .greeting {
        background-image: url('/Images/NewUI/iconGreetingWhiteCircle.png');
        background-repeat: no-repeat;
    }

    #dialogGetStarted a .transfer {
        background-image: url('/Images/NewUI/iconTraansferWhiteCircle.png');
        background-repeat: no-repeat;
    }

    #dialogGetStarted a .enrollment {
        background-image: url('/Images/NewUI/iconImportantNoticeCircle.png');
        background-repeat: no-repeat;
    }

.read-more {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}

.read-more-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent, white);
}

.read-more-link {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background-color: white;
    width: 100%;
    font-size: 14px;
}

    .read-more-link.read-more-open {
        margin-top: 7px;
        position: relative;
        bottom: auto;
        left: auto;
    }

.read-more-close {
    display: inline-block;
    height: 14px;
    width: 14px;
    background-image: url('/Images/NewUI/tips-close.png');
    background-repeat: no-repeat;
}

.read-more-toggle {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url('/Images/NewUI/plus-circle-outline.png');
    background-repeat: no-repeat;
}

.read-more-toggle-open {
    background-image: url('/Images/NewUI/minus-circle-outline.png');
    background-repeat: no-repeat;
}

.read-more-controls {
    float: right;
}

.read-more-controls a:not(:first-child) {
    margin-left: 18px;
}

.read-more-controls a {
    vertical-align: middle;
    cursor: pointer;
}

.read-more-controls a:not(:last-child):before {
    height: 25px;
    border-right: 1px solid #d8d8d8;
    content: '';
    position: relative;
    left: 26px;
    top: -2px;
    cursor: default;
}

.read-more-text {
    position: relative;
    overflow: hidden;
}

.read-more-text {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #5f5f5f;
    line-height: 23px;
    width: 85%;
    max-height: 101px;
}
@media (max-width:375px) {
    .read-more-text {
        width: 100%;
    }
}
    .read-more-text .read-more-icon {
        float: left;
        width: 101px;
        height: 101px;
        margin-right: 10px;
    }

    .read-more-text .read-more-link,
    .read-more-text .read-more-mask {
        margin-left: 111px;
    }

        .read-more-text .read-more-link.read-more-open {
            margin-left: auto;
        }

.investment_chart {
    margin-top: 15px;
}

.footer .container {
    background-color: #f3f3f3;
    /*box-shadow: 0 50vh 0 50vh #f3f3f3;*/
}

.footer .spacer {
    padding-top: 4px;
    border-bottom: 1px solid white;
}

.footer .content {
    padding-top: 25px;
    min-height: 110px;
    font-size: 12px;
}

.flush-left {
    margin-left: 0px;
}

.flush-right {
    margin-right: 0px;
}

.video-popup-frame {
    width: 100%;
    max-width: 580px;
    height: 350px;
}

@media (max-width:500px) {
    .video-popup-frame {
        height: 300px;
    }
}

@media (max-width:450px) {
    .video-popup-frame {
        height: 275px;
    }
}

@media (max-width:400px) {
    .video-popup-frame {
        height: 250px;
    }
}

@media (max-width:350px) {
    .video-popup-frame {
        height: 225px;
    }
}

@media (max-width:300px) {
    .video-popup-frame {
        height: 200px;
    }
}

.article-popup-text {
    width: 75%;
}

    .article-popup-text ul li {
        font-size: inherit;
        padding: 0;
        margin-bottom: 10px;
        list-style: disc;
    }

    .article-popup-text h1 {
        color: #6c7f89;
        font-size: 19px;
        font-weight: bold;
    }

    .article-popup-text h3 {
        color: #2e2e2e;
        font-size: 16px;
        font-weight: bold;
    }

.chart-popup-related-content {
    margin-top: 0px;
}

@media (max-width:550px) {
    .chart-popup-related-content {
        margin-top: -80px;
    }
}

@media (max-width:500px) {
    .chart-popup-related-content {
        margin-top: -110px;
    }
}

@media (max-width:450px) {
    .chart-popup-related-content {
        margin-top: -140px;
    }
}

@media (max-width:400px) {
    .chart-popup-related-content {
        margin-top: -180px;
    }
}

@media (max-width:350px) {
    .chart-popup-related-content {
        margin-top: -220px;
    }
}

@media (max-width:300px) {
    .chart-popup-related-content {
        margin-top: -260px;
    }
}

.actionQueueDescSpan {
    display: block;
    font-weight: bold;
    margin: 1em 0 0 0;
}

.actionQueueDesc {
    margin: 1em 0 1em 0;
}
/* error rectangle: */
.NoDataRectangle {
    width: 300px;
    height: 150px;
    padding: 50px;
    background: #F5F5F5;
    border-radius: 8px;
    text-align: center;
}


/* No Data: */
.NoData {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #8A8A8A;
    text-align: center;
}
/* is Available */
.isAvailable {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #8A8A8A;
    text-align: center;
}

@media (max-width:767px) {
    .user-control-container .contentArea .row {
        margin-left: 28%;
    }
}

@media (max-width:717px) {
    .user-control-container .contentArea .row {
        margin-left: 25%;
    }
}

@media (max-width:667px) {
    .user-control-container .contentArea .row {
        margin-left: 22%;
    }
}

@media (max-width:617px) {
    .user-control-container .contentArea .row {
        margin-left: 19%;
    }
}

@media (max-width:567px) {
    .user-control-container .contentArea .row {
        margin-left: 16%;
    }
}

@media (max-width:517px) {
    .user-control-container .contentArea .row {
        margin-left: 13%;
    }
}

@media (max-width:467px) {
    .user-control-container .contentArea .row {
        margin-left: 10%;
    }
}

@media (max-width:442px) {
    .user-control-container .contentArea .row {
        margin-left: 8.5%;
    }
}

@media (max-width:435px) {
    .user-control-container .contentArea .row {
        margin-left: 7%;
    }
}

@media (max-width:420px) {
    .user-control-container .contentArea .row {
        margin-left: 27px;
    }
}

@media (max-width:415px) {
    .user-control-container .contentArea .row {
        margin-left: 23px;
    }
}

@media (max-width:410px) {
    .user-control-container .contentArea .row {
        margin-left: 19px;
    }
}

@media (max-width:400px) {
    .user-control-container .contentArea .row {
        margin-left: 15px;
    }
}

@media (max-width:390px) {
    .user-control-container .contentArea .row {
        margin-left: 11px;
    }
}

@media (max-width:380px) {
    .user-control-container .contentArea .row {
        margin-left: 7px;
    }
}

@media (max-width:370px) {
    .user-control-container .contentArea .row {
        margin-left: 3px;
    }
}

@media (max-width:360px) {
    .user-control-container .contentArea .row {
        margin-left: 0px;
    }
}

.store-header {
    text-align: center;
    min-height: 40px;
    padding: 7px 10px 10px 10px;
    background-color: #d0d0d0;
    margin-right: -15px;
    margin-left: -15px;
}

    .store-header .return {
        white-space: nowrap;
        float: left;
        display: inline-block;
    }

        .store-header .return a,
        .store-header .return a:link,
        .store-header .return a:visited {
            font-family: 'Roboto', sans-serif;
            font-size: 11px;
            font:bold;
            font-weight: 600;
            color: #4d4d4d;
            letter-spacing: 1px;
            line-height: 24px;
        }

            .store-header .return a:hover {
                font-weight: 700;
                color: #ffffff;
            }

    .store-header .navbuttons {
        float: right;
        white-space: nowrap;
    }

    .store-header .return .home {
        width: 24px;
        height: 24px;
        float: left;
        margin-right: 5px;
        background-image: url('/Images/NewUI/home-store.png');
        display: inline-block;
        background-repeat: no-repeat;
    }

        .store-header .return .home:hover {
            background-image: url('/Images/NewUI/home-store-rollover.png');
            background-repeat: no-repeat;
        }

.plan-header {
    display: inline-block;
    margin-top: 2px;
    cursor: default;
    font-size: 12px;
}

@media (min-width: 768px) {
    .plan-header {
        max-width: 400px;
    }
}

@media (min-width: 991px) {
    .plan-header {
        max-width: 600px;
    }
}

.plan-header .plan-label {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #4e4e4e;
}

.plan-header .plan-content {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #4e4e4e;
}

.plan-header .plan-divider {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #a4a4a4;
}

@media (max-width: 767px) {
    .store-header {
        text-align: left;
        padding-left: 20px;
        font-size: 10px;
    }

        .store-header .navbuttons {
            display: none;
        }

    .plan-header {
        display: block;
        max-width: none;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .store-header .return {
        display: block;
        float: none;
    }

    .store-topmenu .mobile-toggle {
        margin-right: 20px;
        margin-top: 3px;
    }

    .store-topmenu .navbar-header {
        /*padding-top: 30px;
        padding-bottom: 35px;*/
    }
}

body.prelogin-gray {
    background-color: #f8f8f8;
}

body.prelogin-base {
    background-color: #ffffff;
}

    body.prelogin-base.small-grid {
        background-image: url("/Images/NewUI/loginBackground-Grid.png"), url("/Images/NewUI/loginBackground-Gradient.png");
        background-repeat: no-repeat, repeat-x;
        background-position: center top;
    }

    body.prelogin-base.medium-grid {
        background-image: url("/Images/NewUI/loginBackground-Grid-wide.png"), url("/Images/NewUI/loginBackground-Gradient.png");
        background-repeat: no-repeat, repeat-x;
        background-position: center top;
    }

    body.prelogin-base.small-grid > form > .container {
        max-width: 500px;
    }

    body.prelogin-base.medium-grid > form > .container {
        max-width: 814px;
    }

    body.prelogin-base > form > .container {
        width: 100%;
        background-color: white;
        height: 100%;
        padding-left: 0;
        padding-right: 0;
    }

        body.prelogin-base > form > .container > header {
            width: 100%;
            min-height: 239px;
            padding: 20px 30px 0px 30px;
        }

    body.prelogin-base.small-grid > form > .container > header {
        max-width: 500px;
    }

    body.prelogin-base.medium-grid > form > .container > header {
        max-width: 814px;
    }

    body.prelogin-base .main-content {
        padding: 0px 30px 0px 30px;
        background-color: white;
    }

        body.prelogin-base .main-content .body-main-wrapper {
            min-height: 500px;
            margin-bottom: 100px;
        }

    body.prelogin-base .main-panel {
        background: url('/Images/NewUI/loginBackground-Angle.png') no-repeat top left;
    }

body.prelogin-controls .secret-question {
    margin-bottom: 18px;
}

.prelogin-header-text {
    text-align: right;
    max-width: 50%;
    float: right;
    margin-top: 35%;
    margin-bottom: 16px;
}

    .prelogin-header-color,
    .prelogin-header-text,
    .prelogin-header-text p,
    .prelogin-header-text div {
        color: #597F24;
    }

        .prelogin-header-text p,
        .prelogin-header-text div {
            margin: 0;
            padding: 0;
        }

body.prelogin-controls label:not(.plain) {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    letter-spacing: 6px;
    background-color: transparent;
    border: none;
    padding: 0;
    height: auto;
    display: block;
}

body.prelogin-controls label .text1 {
    color: #256393;
}

body.prelogin-controls label .text2 {
    color: #2C76AF;
}

body.prelogin-controls label.plain {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    background-color: transparent;
    border: none;
    padding: 0;
    height: auto;
    display: block;
}

body.prelogin-controls label {
    margin: 0px 0px 20px 0px;
}

body.prelogin-controls input[type=text],
body.prelogin-controls input[type=password],
body.prelogin-controls select {
    background: #f3faff;
    box-shadow: 0 1px 3px #bcdbf3 inset;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    color: #6d6360;
    margin: 0 0 20px 0;
    height: 40px;
    border: none;
}

body.prelogin-controls input[type=text],
body.prelogin-controls input[type=password] {
    width: 100%;
}

body.prelogin-controls select {
    min-width: 50%;
}

.prelogin-container,
.prelogin-container-message {
    width: 100%;
    border: 1px solid #d1eaff;
    border-radius: 3px;
    padding: 18px 19px 30px 19px;
    margin-bottom: 15px;
}

.prelogin-container {
    min-height: 385px;
}

.prelogin-container-message {
    border: 1px solid #dbd7d6;
    padding: 22px 19px 31px 19px;
}

.prelogin-button-link {
    border-radius: 12px;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 6px 30px 6px 15px;
    background-color: #f4f4f4;
    background-image: url("/Images/NewUI/login-GoArrow.png"), url("/Images/NewUI/loginButton-Gradient.png");
    background-repeat: no-repeat, repeat-x;
    background-position: right center;
    box-shadow: 0 2px 5px #c5c5c5;
    color: #6090b5;
    height: 25px;
    min-width: 115px;
    border: none;
    display: inline-block;
}

    .prelogin-button-link:hover {
        background-color: #f4f4f4;
        background-image: url("/Images/NewUI/login-GoArrow-Highlight.png"), url("/Images/NewUI/loginButton-Gradient.png");
        background-repeat: no-repeat, repeat-x;
        background-position: right center;
        box-shadow: 0 1px 2px #c5c5c5;
        color: #5cb0f1;
    }

    .prelogin-button-link.no-arrow {
        background-image: url("/Images/NewUI/loginButton-Gradient.png");
        background-repeat: repeat-x;
        background-position: center;
        text-align: center;
        padding: 6px 15px 6px 15px;
        min-width: 75px;
    }

        .prelogin-button-link.no-arrow:hover {
            background-image: url("/Images/NewUI/loginButton-Gradient.png");
            background-repeat: repeat-x;
            background-position: center;
            text-align: center;
            padding: 6px 15px 6px 15px;
            min-width: 75px;
        }

.prelogin-title {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #597F24;
    margin-bottom: 10px;
}

.prelogin-container h4,
.prelogin-container h4 .text1 {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #597F24;
    padding: 0;
    margin: 0 0 30px 0;
}

    .prelogin-container h4 .text1 {
        font-weight: 500;
    }

.prelogin-container p {
    margin: 0 0 30px 0;
    width: 80%;
}

    .prelogin-container p.remember-device {
        font-size: 12px;
        width: auto;
        margin: 0 0 20px 0;
    }

body.prelogin-controls a:link {
    color: #075eaf;
    text-decoration: none;
}

body.prelogin-controls a:visited {
    color: #075eaf;
    text-decoration: none;
}

body.prelogin-controls a:hover {
    color: #77c0f9;
    text-decoration: none;
}

body.prelogin-controls a:active {
    color: #77c0f9;
    text-decoration: none;
}

.prelogin-tips-link {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 10px;
    text-align: right;
    vertical-align: middle;
    letter-spacing: 2px;
    padding: 0;
    margin: 0 0 42px 0;
}

.login-key-image {
    border: 10px solid #eeeeee;
    margin: 0 10px 0 0;
}

.login-key-text,
.login-key-text p {
    width: 132px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    color: #686868;
    padding: 5px 0 0 0;
    float: left;
}

.forgot-password-success {
    display: block;
    margin-top: 0px;
    width: 75%;
}

.forgot-password-error {
    display: block;
    margin-top: 28px;
    width: 75%;
}

.prelogin-success-message {
    color: #597F24;
}

.prelogin-error-message {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #ca2121;
}

.prelogin-error-message-additional {
    color: #97908e;
}

.prelogin-error-message-notes,
.prelogin-error-message-notes p {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #6d6360;
    margin: 0;
    padding: 0;
}

.prelogin-error-message-notes {
    margin-top: 23px;
}

.plan-selector-plan {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    overflow: auto;
    background-image: linear-gradient(#f4f4f4, #ffffff);
    box-shadow: 0 -1px 3px #c5c5c5 inset;
    padding: 14px 12px 18px 12px;
}

    .plan-selector-plan .plan-name {
        float: left;
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 400;
        font-size: 14px;
        text-align: left;
        color: #6d6360;
        padding: 4px 0 2px 0;
        margin: 0 12px 0 0;
        max-width: 70%;
    }

    .plan-selector-plan .plan-type {
        float: right;
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 400;
        font-size: 19px;
        text-align: right;
        color: #6090b5;
        padding: 0;
        margin: 0;
        max-width: 30%;
    }

body.prelogin-controls .username-display {
    background: #faf8f8;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 15px;
    text-align: left;
    color: #6d6360;
    padding: 15px 12px 15px 10px;
    margin: 0 0 18px 0;
    width: 100%;
    display: block;
}

.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-right-5 { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-15 { margin-right: 15px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-25 { margin-right: 25px; }
.margin-right-30 { margin-right: 30px; }
.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-25 { margin-left: 25px; }
.margin-left-30 { margin-left: 30px; }
.float-right { float: right; }
.float-left { float: left; }
.clear-both { clear: both; }

.ui-autocomplete {
    border-radius: 0px;
    border: 1px solid #b8b8b8;
    max-height: 300px;
    max-width: 75vh;
    overflow: auto;
}

    .ui-autocomplete .ui-menu-item a {
        background: none;
        border: 0;
        border-radius: 0;
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 400;
        font-size: 12px;
        color: #777;
    }

        .ui-autocomplete .ui-menu-item a:hover {
            background: none;
            border: 1px solid transparent;
            border-radius: 0;
            background-color: #ececec;
            color: #5e5e5e;
        }

body.prelogin-base footer {
    margin-bottom: 30px;
}

.footer-phone {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
}

    .footer-phone .phone-desc {
        color: #597F24;
        margin-right: 5px;
    }

    .footer-phone .phone-number {
        color: #6D6360;
    }

.prelogin-tips-close {
    display: inline-block;
    height: 14px;
    width: 14px;
    background-image: url('/Images/NewUI/tips-close.png');
    background-repeat: no-repeat;
    float: right;
}

.prelogin-tips {
    margin: 15px 0px 15px 0px;
    padding: 10px;
    border: 1px solid #dbd7d6;
    border-radius: 3px;
}

    .prelogin-tips .prelogin-tips-content {
        padding: 14px 55px 14px 9px;
        font-family: "Roboto-Regular", Arial, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        color: #6d6360;
        min-height: 100px;
    }

.prelogin-tips-control {
    margin-bottom: 42px;
}

.disclaimer-button {
    width: 125px;
}

.disclaimer-box:not(.disclaimer-missing) {
    border: 1px solid #e5e5e5;
}

.generic-error:not(.no-box) {
    border-top: 4px solid #dadada;
    max-width: 300px;
    margin: 50px auto 0px auto;
    background-color: white;
}

.generic-error .header {
    font-size: 11px;
    color: #989898;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.generic-error .title {
    font-size: 26px;
    color: #767676;
    text-align: center;
    line-height: 30px;
}

.generic-error .subtitle {
    font-size: 26px;
    color: #B7B7B7;
    text-align: center;
    line-height: 30px;
    padding-bottom: 20px;
}

.generic-error .notes {
}

.generic-error .note {
    font-size: 13px;
    color: #767676;
    text-align: center;
    padding-bottom: 15px;
}

.generic-error .note2 {
    font-size: 13px;
    color: #767676;
    text-align: center;
    font-weight: 500;
    padding-bottom: 15px;
}

.generic-error .home {
    padding: 5px 0px 10px 0px;
}

.generic-error .error-icon {
    margin: auto;
    padding: 30px 0 50px 0;
}

@media (min-width:768px) {
    .header-navbuttons {
        vertical-align: middle;
        float: right;
        display: table-cell;
        padding-top: 8px;
        margin-right: 30px;
    }
}

@media (max-width:767px) {
    .header-navbuttons {
        display: none;
    }
}

.supportWidgetSectionHead {
    border-bottom: 1px solid #e5e4e4;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    color: #6a6a6a;
    padding: 12px 0 8px 0;
    margin: 0 0 12px 0;
}

.supportWidgetSectionHeadOverSubhead {
    border-bottom: 1px solid #e5e4e4;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    color: #6a6a6a;
    padding: 12px 0 8px 0;
    margin: 0 0 9px 0;
}

.supportWidgetProductsInfo {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    color: #707070;
    padding: 0;
    margin: 0 0 19px 0;
}

.supportWidgetSubHead {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    color: #6a6a6a;
    padding: 0;
    margin: 0 0 16px 0;
}

.supportWidgetInfo {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    color: #707070;
    margin-bottom: 8px;
}


.supportWidgetProductsInfo {
	font-family: "Roboto", Arial, sans-serif;
	font-weight: 400;
	font-size: 12px;
	text-align: left;
	color: #707070;
	padding: 0;
	margin: 0 0 19px 0;
}



.supportWidgetInfoHead {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    text-align: left;
    color: #707070;
    padding: 0;
    margin: 0;
}

.support-control:not(.full-page) .support-panel {
    display: inline;
}
.support-control.full-page {
    border-top: 1px solid #e5e4e4;
}
.support-control.full-page .support-panel {
    display: block;
    float: left;
    margin: 0px 20px 0px 0px;
    width: 100%;
    max-width: 350px;
}

.support-control.full-page .contact-panel-content {
    border: 1px solid #e5e4e4;
    padding: 11px 10px 6px 10px;
}

.support-control.full-page .supportWidgetSectionHead {
    margin: 0;
    border-bottom: none;
    padding: 20px 0px 13px 0px;
    color: #5f5f5f;
    font-size: 16px;
}

.support-control.full-page .supportWidgetInfo {
    margin-bottom: 20px;
}

.contact-products .product {
    margin-bottom: 20px;
}
.contact-products.full-page .product {
    text-align: center;
    margin-bottom: 10px;
}
.contact-products .logo {
    display: none;
}
.contact-products.full-page .logo {
    display: block;
    margin: 5px auto 10px auto;
}
.contact-products.full-page .product-logo {
    height: 60px;
    max-width: 100%;
}
.contact-products.full-page .product-name {
    font-size: 14px;
    font-weight: 700;
}
.contact-products.full-page .product {
    border: 1px solid #e5e4e4;
    padding: 5px;
}
.support-control:not(.full-page) .phone-image {
    display: none;
}
.support-control.full-page .phone-image {
    background: url('/Images/NewUI/graphicPhone.png') no-repeat;
    width: 82px;
    height: 82px;
    float: right;
    margin-top: 20px;
    display: none;
}
@media (min-width: 475px) {
    .support-control.full-page .phone-image {
        display: block;
    }
}
@media (max-width: 991px) {
    .support-control.full-page .support-plan-admin,
    .support-control.full-page .support-account-service {
        float: none;
    }
}
.web-content-defaults ul {
    -webkit-padding-start: 5px;
    padding-left: 5px;
    overflow: hidden;
}
.web-content-defaults ul li {
    background: transparent url("../Images/NewUI/genericBullet.png") 0 6px no-repeat;
    list-style: none;
    padding: 0 0 0 16px;
}

.dropdown-menu-noclick-header {
    font-size: 12px;
    cursor: default !important;
    color: #5D5D5D;
}

.my-investments a,
.my-investments a:link, 
.my-investments a:visited {
    color: #88bf3f;
}
.my-investments a:hover {
    color: #5D5D5D;
}

.master-quicklinks {
    margin-top: 4px;
    display: inline-block;
    width: 200px;
}
.master-quicklinks > div {
    width: 100%;
}
.whitespace-no-wrap {
    white-space: nowrap;
}
.account-dashboard-download-header {
    margin: 30px 0 30px 0;
}
.account-dashboard-download-header .title {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
}
.account-dashboard-download-header .sub-title {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
}
.account-dashboard-download-header .as-of {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
}

.download-pdf-link {
    float: right;
}
.download-pdf-text {
    display: inline-block;
    float: left;
    margin: 5px 7px 0 0;
    font-size: 10px;
    letter-spacing: 2px;
    color: #989898;
    font-weight: 500;
}
.download-pdf-icon {
    height: 24px;
    width: 24px;
    display: inline-block;
    float: right;
}
.download-pdf-icon {
    background: url("/Images/NewUI/download-pdf.png") top left no-repeat;
}
.download-pdf-icon:hover {
    background: url("/Images/NewUI/download-pdf-rollover.png") top left no-repeat;
}

.width-75 { width: 75%; }

.adv-init-enroll-header {
    font-family: "Roboto";
    font-size: 18px;
    line-height: 22px;
}
.adv-init-enroll-header .enroll-header,
.adv-init-enroll-header .product-header {
    color: #969696;
}

.adv-init-enroll-header .enroll-row,
.adv-init-enroll-header .product-row.product-only {
    margin-bottom: 8px;
}

.adv-init-enroll-header .ptp-name,
.adv-init-enroll-header .plan-name,
.adv-init-enroll-header .vendor-name,
.adv-init-enroll-header .product-name {
    color: #4D4D4D;
}

.ira-enroll-header {
    font-family: "Roboto";
    font-size: 16px;
    line-height: 22px;
}
.ira-enroll-header .enroll-header,
.ira-enroll-header .product-header {
    color: #969696;
}

.ira-enroll-header .enroll-row,
.ira-enroll-header .product-row.product-only {
    margin-bottom: 8px;
}

.ira-enroll-header .ptp-name,
.ira-enroll-header .plan-name,
.ira-enroll-header .vendor-name,
.ira-enroll-header .product-name {
    color: #4D4D4D;
}


.action-queue-widget {
    margin-left: 15px;
}
@media screen and (max-width: 767px) {
    .action-queue-widget {
        margin-right: 20px;
    }
    .balance-summary-widget {
        margin-right: 20px;
    }
}
@media screen and (min-width: 768px) {
    .action-queue-widget {
        margin-left: 4px;
    }
}
@media screen and (min-width: 992px) {
    .action-queue-widget {
        margin-left: 17px;
    }
}
@media screen and (min-width: 1200px) {
    .action-queue-widget {
        margin-left: 19px;
    }
}
.payroll-contributions-text-container {
    float: left;
    width: 60%;
}
.payroll-contributions-button-container {
    float: left;
}
#cphBodyMain_btnUpdateContributions {
    margin-top: 40px;
}
@media screen and (max-width: 991px) {
    .payroll-contributions-text-container {
        width: 100%;
    }
    .payroll-contributions-button-container {
        float: none;
    }
    #cphBodyMain_btnUpdateContributions {
        margin-top:  15px;
    }
}
@media screen and (max-width: 767px) {
    #cphBodyMain_btnUpdateContributions {
        margin-bottom:  10px;
    }
}
.planning-just-starting-container {
    height: 30px;
}
.planning-retirement-container {
    height: 30px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .PutTimeOnYourSide {
        margin-top: 3px;
    }
    .RetirementSavings {
        margin-top: 4px;
    }
    .planning-just-starting-container {
        height: auto;
    }
    .planning-retirement-container {
        height: auto;
    }
}

@media screen and (min-width: 768px) {
    #lnkDashboardViewStatements {
        float: right;
    }
}
@media screen and (max-width: 767px) {
    #lnkDashboardViewStatements {
        margin-top: 10px;
    }
}

.mac-link {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 10px;
    color: #51A7F9;
    letter-spacing: 2px;
}

.pageSubTitle {
    font-family: "Roboto";
    font-size: 24px;
    color: #767676;
    text-align: left;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 12px;
}

.iweb-panel,
.iweb-interior-panel {
    border: 1px solid #e5e4e4;
    padding: 8px 10px 18px 10px; 
}
.iweb-panel-title {
	font-family: "Roboto", Arial, sans-serif;
	font-weight: 400;
	font-size: 11px;
	text-align: left;
	letter-spacing: 3px;
	color: #989898;
    padding-bottom: 15px;
}
.iweb-interior-panel {
    float: left;
    width: 100%;
    max-width: 380px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.iweb-interior-panel .title1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 40px;
    text-align: left;
    color: #767676;
    margin-top: -10px;
}
.iweb-interior-panel .title2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #858585;
    font-size: 40px;
    text-align: left;
    margin-top: -20px;
}
.iweb-interior-panel .title3 {
}
.iweb-interior-panel .globe-graphic {
    margin-top: 10px;
}
.iweb-interior-panel.chart-header {
    min-height: 230px;
}

.gridview-pagercontrol-container > td {
	background-color: #9e9e9e !important;
}

.download-csv-link {
	font-size: 12px;
}
.download-csv-link img {
	margin-left: 3px;
}

.radio-button {
	background-image: url("/Images/Unselected_Radio_Button.png");
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

	.radio-button.on {
		background-image: url("/Images/Selected_Radio_Button.png");
	}