/* Table of Contents:

	Typography
	Composite
	MasterPage
	Membership
	Workspace
    TabbedLayout
    FormView
    FormEdit
    Form
    Grid
    Menu
    Metadata
*/


/* Typography
--------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'Lato';
    src: url(fonts/Lato-Regular.ttf);
    src: local('☺'), url(fonts/Lato-Bold.woff) format('woff'), url(fonts/Lato-Bold.woff2) format('woff2'), url(fonts/Lato-Regular.ttf) format('truetype'), url(images/Lato-Bold.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url(fonts/Lato-Bold.ttf);
    src: local('☺'), url(fonts/Lato-Bold.woff) format('woff'), url(fonts/Lato-Bold.woff2) format('woff2'), url(fonts/Lato-Bold.ttf) format('truetype'), url(images/Lato-Bold.svg) format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url(fonts/Lato-Italic.ttf);
    src: local('☺'), url(fonts/Lato-Italic.woff) format('woff'), url(fonts/Lato-Italic.woff2) format('woff2'), url(fonts/Lato-Italic.ttf) format('truetype'), url(images/Lato-Italic.svg) format('svg');
    font-weight: bold;
    font-style: italic;
}

body {
    font-family: Lato, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #5F6778;
    background-color: #FAFAF8;
}

a,
a:link,
a:visited {
    color: #5277e6;
    text-decoration: underline;
}

    a:hover {
        text-decoration: underline;
    }

    a[disabled], a.aspNetDisabled {
        color: #999999;
    }

.pagetitle,
.wstitle,
.pf_title {
    font-size: 24px;
    color: #5F6778;
}

.fe_title {
    font-size: 24px;
}

.memberform .row .text .subtext {
    font-weight: normal;
}

.instruction,
.subtext {
    color: #767676;
}

/* Composite
--------------------------------------------------------------------------------------- */
.pre_cancelbutton,
.pre_prevbutton,
.pre_nextbutton,
.btn_medium,
.f_button input,
.pad_btnclassic,
.f_atch_btndelete,
.fe_attachment .fe_atch_right input,
.loginStatusCtr .myAccount a,
.membershipcontent .loginStatusCtr .myAccount a,
.pf_btn {
    background-color: #D12A2F;
    border: 0px;
    min-width: 100px;
    color: White;
    cursor: pointer;
    overflow: visible;
    height: 32px;
    margin-right: 10px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

    .pre_cancelbutton:hover,
    .pre_prevbutton:hover,
    .pre_nextbutton:hover,
    .btn_medium:hover,
    .f_button input:hover,
    .pad_btnclassic:hover,
    .f_atch_btndelete:hover,
    .fe_attachment .fe_atch_right input:hover,
    .loginStatusCtr .myAccount a:hover,
    .membershipcontent .loginStatusCtr .myAccount a:hover,
    .pf_btn:hover {
        background-color: #FFFFFF;
        color: #D12A2F;
        border: 1.5px solid #D12A2F;
        text-decoration: none;
    }


.btnlarge input, /* buttons on Form */
input.btnlarge, /* buttons on PageFlow */
.btn_large /*  on Registration.aspx */ {
    background-color: #D12A2F;
    border: 0px;
    min-width: 180px;
    color: White;
    cursor: pointer;
    overflow: visible;
    height: 32px;
    margin-right: 10px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

    .btnlarge input:hover, /* buttons on Form */
    input.btnlarge:hover, /* buttons on PageFlow */
    .btn_large:hover /*  on Registration.aspx */ {
        background-color: #FFFFFF;
        color: #D12A2F;
        border: 1.5px solid #D12A2F;
    }

.btn_extrlarge /*  on ContactUsPreliminary.aspx */ {
    background-color: #D12A2F;
    width: 260px;
    height: 32px;
    border: 0px;
    color: White;
    cursor: pointer;
    overflow: visible;
    margin-right: 10px;
    font-size: 12px;
    font-weight: bold;
}

.pre_prevbutton[disabled],
.btn_medium[disabled],
.f_button input.disabled,
.pad_btnclassic[disabled],
.f_atch_btndelete[disabled],
.fe_attachment .fe_atch_right input.disabled,
.pf_btn[disabled] {
    background-color: lightgray;
    cursor: auto;
    min-width: 100px;
    font-size: 12px;
}

    .pre_prevbutton[disabled]:hover,
    .btn_medium[disabled]:hover,
    .f_button input.disabled:hover,
    .pad_btnclassic[disabled]:hover,
    .f_atch_btndelete[disabled]:hover,
    .fe_attachment .fe_atch_right input.disabled:hover,
    .pf_btn[disabled]:hover {
        background-color: lightgray;
        border: none;
        color: #FFFFFF;
    }

.btnlarge input.disabled, /* buttons on Form */
input.btnlarge[disabled], /* buttons on PageFlow */
.btn_large[disabled] /*  on Registration.aspx */ {
    background-color: lightgray;
    border: none;
    color: #FFFFFF;
}

input[value="CREATE ACCOUNT"].btn_medium {
    width: 160px;
}

.btnlarge input[value="Get Started"] {
    margin-top: 60px;
    text-transform: uppercase;
}

input[value="Change Password"].btn_large {
    margin-left: 10px;
}

/* MasterPage
--------------------------------------------------------------------------------------- */
.page {
    width: 100%;
}

.header {
    background-color: #FFFFFF;
    padding: 20px 20px 20px 0;
}

    .header .logo {
        width: 960px;
        margin: auto auto;
    }

.logo_link {
    background: url(images/BECU_Logo.jpg) no-repeat scroll;
    background-size: contain;
    height: 170px;
    display: block;
}

.footer {
    background-color: #F5F5F4;
    padding: 15px 0;
    margin-top: 50px;
}

.footercontent {
    width: 960px;
    margin: auto auto;
    background-color: #F5F5F4;
}

.footer .ftextwrapper {
    padding: 0;
}

.footerLogo {
    margin-left: 5px;
}

.membershipcontent {
    width: 960px;
    margin: auto auto !important;
    padding-top: 60px;
}

.ws_top {
    background-color: #FFFFFF;
}

.ws_main {
    width: 960px;
    margin: auto auto !important;
}

.ws_top .mainmenu {
    width: 960px;
    margin: auto auto !important;
    padding: 0;
}

/* Membership
--------------------------------------------------------------------------------------- */

.pagecontent {
    margin: 30px 0;
}

.pagetitle {
    padding-bottom: 26px;
}

.membershipcontent {
    margin: 60px 20px 0 20px;
}

.memberform {
    width: 560px;
    float: left;
    font-size: 12px;
    padding: 0 10px 0 0;
    border-right: 1px solid #5F6778;
}

    .memberform .content {
        padding-bottom: 5px;
        font-size: 16px;
    }

    .memberform .row {
        padding-top: 5px;
    }

.registration_aspx .memberform .row,
.changepassword_aspx .memberform .row,
.changeemail_aspx .memberform .row {
    height: 50px;
}

.memberform .row .text {
    padding-left: 0px;
    width: 200px;
    font-weight: normal;
    line-height: 25px;
}

.memberform .row .control {
    width: 340px;
}

    .memberform .row .control input {
        width: 310px;
        height: 26px;
        padding: 1px;
        border-radius: 4px;
    }

    .memberform .row .control select {
        width: 249px;
        height: 24px;
        padding: 1px;
    }

.memberform .buttonrow {
    padding-left: 200px;
    padding-top: 15px;
}

.lkrestore {
    margin-left: 5px;
}

.regblock {
    float: left;
    padding-left: 50px;
}

    .regblock .text {
        padding: 10px 0 10px 0;
        font-weight: bold;
    }

.memberform .errorrow ul {
    width: 427px;
}

.instruction {
    margin-left: 40px;
}

.membershipcontent a,
.membershipcontent a:link,
.membershipcontent a:visited {
    color: #D12A2F;
    text-decoration: underline;
    font-size: 16px;
    line-height: 18px;
}

    .membershipcontent a:hover {
        text-decoration: underline;
    }

.proposalmanagersettings {
    margin-top: 50px;
}

.membershipcontent .helptext {
    padding-top: 0;
}

.registration_aspx .membershipcontent .helptext {
    padding-left: 200px;
}
/* Workspace           
--------------------------------------------------------------------------------------- */
.ws_main {
    margin: 0 20px;
}

.ws_container {
    padding-top: 40px;
}

/* TabbedLayout            
--------------------------------------------------------------------------------------- */

/* FormView 
--------------------------------------------------------------------------------------- */

.fv_grouphead {
    padding: 10px 0;
    cursor: pointer;
    color: #5aa341;
    font-size: 14px;
    font-weight: bold;
}

.fv_rowalt td,
.fv_row td {
    border-bottom: dotted 1px #a8a8a8;
}

.fv_cell_lt,
.fv_mtrx_celllt,
.fv_mtrx_totalcelllt {
    background-color: #f0f0f0;
}

/* FormEdit
--------------------------------------------------------------------------------------- */
.fe_matrix .fe_table_cell input[type="image"].calendarImage,
.fe_table .fe_table_cell input[type="image"].calendarImage {
    padding: 2px;
    vertical-align: top;
}
/* Form
--------------------------------------------------------------------------------------- */


/* Grid                
--------------------------------------------------------------------------------------- */
.grid .fixed {
    width: 100%;
}

.g_headrow td,
.g_headrowsort td {
    background-color: #BCBCBC;
    border: 1px solid #D9D9D9;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px 3px 5px 10px;
    text-align: left;
}

/* Menu       
--------------------------------------------------------------------------------------- */
.mainmenu {
    padding: 0 20px;
    height: 38px;
}

    .mainmenu table.m_staticitem {
        display: inline-block;
        height: 38px;
        padding: 0 2px 0 1px;
        line-height: 40px;
        font-size: 12px;
    }

    .mainmenu a.m_staticitem {
        display: inline-block;
        height: 38px;
        font-weight: bold;
        padding: 0 5px 0 5px;
        margin-right: 50px;
    }

        .mainmenu a.m_staticitem:hover {
            height: 33px;
            text-decoration: none;
            border-bottom: 1px solid #5F6778 !important;
        }

        .mainmenu a.m_staticitem:active {
            height: 33px;
            text-decoration: none;
            border-bottom: 1px solid #D12A2F !important;
        }

    .mainmenu a[disabled]:hover,.mainmenu a.aspNetDisabled:hover {
        border-bottom-style: none !important;
    }

    .mainmenu a,
    .mainmenu a:link,
    .mainmenu a:visited {
        color: #5F6778;
        font-size: 14px !important;
        text-transform: uppercase;
        text-decoration: underline;
    }


/* Metadata
--------------------------------------------------------------------------------------- */
/*          fixed           */
.fixed {
    width: 100%;
}

/*          wstitle          */
.wstitle {
    padding-bottom: 15px;
}

    .wstitle .f_ctrllabel {
        font-weight: inherit;
        width: auto;
    }

/*          selector            */

.selector td {
    vertical-align: top;
}

.selector .leftsel {
    width: 370px;
}

.selector .wstitle {
    margin-right: 0px;
    padding-right: 0px;
}

.selector .tree {
    border: 1px solid #C2C2C2;
    padding: 7px;
    margin-right: 10px;
}

.selector .line {
    border-top: 1px solid #C2C2C2;
    padding-top: 7px;
}


/* history implementation */

.colclosed table {
    width: 100%;
}

.colclosed input {
    float: right;
}

.edithisttitle {
    font-size: 14px;
    color: #5AA341;
    font-weight: bold;
}

.historygrid {
    width: 100%;
}

.historyheader table {
    width: 100%;
}

    .historyheader table td {
        vertical-align: middle;
    }

.closehistory a {
    float: right;
}

.reqactionstitle {
    color: Red;
    font-weight: bold;
    font-size: 20px;
}

.ltbsubmitterproposalview .proposaltabview {
    width: 920px;
}

.summary {
    padding: 5px;
}


.panelButtons a, .panelButtons a:link, .panelButtons a:visited {
    font-size: 12px;
}

/* UserCtrl
--------------------------------------------------------------------------------------- */
.loginStatusCtr,
.membershipcontent .loginStatusCtr {
    font-family: Lato, sans-serif;
    top: -190px;
}

.showPasswordEye {
    right: 10px;
}

.userNameButton {
    font-size: 12px;
}

.membershipcontent .loginStatusCtr a:hover {
    text-decoration: none;
}

.loginStatusCtr .userInfoPanel {
    background-color: #B62226;
    color: white;
}

    .loginStatusCtr .userInfoPanel .userIcon {
        color: white;
    }

.loginStatusCtr .loginStatusPanel {
    background-color: #B62226;
}

.HomeButton,
.buttonpanel,
.loginStatusCtr .panelButtons {
    background-color: #D12A2F;
    color: #fff;
    border: 1.5px solid #D12A2F;
    text-decoration: none;
}

    .loginStatusCtr .panelButtons a {
        color: #fff;
    }

    .buttonpanel:hover,
    .HomeButton:hover,
    .panelButtons a:hover {
        background-color: #fff;
        color: #D12A2F;
    }

.loginStatusCtr .panelShowLoginStatusPanel .userIcon {
    color: #D12A2F;
}
/*---------------------------------------------------*/
i.ls-user-circle::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMXB4IiBoZWlnaHQ9IjIxcHgiIHZpZXdCb3g9IjAgMCA0OTYgNTEyIj48cGF0aCBmaWxsPSIjRDEyQTJGIiBkPSJNMjQ4IDhDMTExIDggMCAxMTkgMCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzODUgOCAyNDggOHptMCA5NmM0OC42IDAgODggMzkuNCA4OCA4OHMtMzkuNCA4OC04OCA4OC04OC0zOS40LTg4LTg4IDM5LjQtODggODgtODh6bTAgMzQ0Yy01OC43IDAtMTExLjMtMjYuNi0xNDYuNS02OC4yIDE4LjgtMzUuNCA1NS42LTU5LjggOTguNS01OS44IDIuNCAwIDQuOC40IDcuMSAxLjEgMTMgNC4yIDI2LjYgNi45IDQwLjkgNi45IDE0LjMgMCAyOC0yLjcgNDAuOS02LjkgMi4zLS43IDQuNy0xLjEgNy4xLTEuMSA0Mi45IDAgNzkuNyAyNC40IDk4LjUgNTkuOEMzNTkuMyA0MjEuNCAzMDYuNyA0NDggMjQ4IDQ0OHoiPjwvcGF0aD48L3N2Zz4=);
}

.HomeButton:hover i.ls-home::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNnB4IiBoZWlnaHQ9IjIxcHgiIHZpZXdCb3g9IjAgMCA0OTYgNTEyIj48cGF0aCBmaWxsPSIjRDEyQTJGIiBkPSJNNDg4IDMxMi43VjQ1NmMwIDEzLjMtMTAuNyAyNC0yNCAyNEgzNDhjLTYuNiAwLTEyLTUuNC0xMi0xMlYzNTZjMC02LjYtNS40LTEyLTEyLTEyaC03MmMtNi42IDAtMTIgNS40LTEyIDEydjExMmMwIDYuNi01LjQgMTItMTIgMTJIMTEyYy0xMy4zIDAtMjQtMTAuNy0yNC0yNFYzMTIuN2MwLTMuNiAxLjYtNyA0LjQtOS4zbDE4OC0xNTQuOGM0LjQtMy42IDEwLjgtMy42IDE1LjMgMGwxODggMTU0LjhjMi43IDIuMyA0LjMgNS43IDQuMyA5LjN6bTgzLjYtNjAuOUw0ODggMTgyLjlWNDQuNGMwLTYuNi01LjQtMTItMTItMTJoLTU2Yy02LjYgMC0xMiA1LjQtMTIgMTJWMTE3bC04OS41LTczLjdjLTE3LjctMTQuNi00My4zLTE0LjYtNjEgMEw0LjQgMjUxLjhjLTUuMSA0LjItNS44IDExLjgtMS42IDE2LjlsMjUuNSAzMWM0LjIgNS4xIDExLjggNS44IDE2LjkgMS42bDIzNS4yLTE5My43YzQuNC0zLjYgMTAuOC0zLjYgMTUuMyAwbDIzNS4yIDE5My43YzUuMSA0LjIgMTIuNyAzLjUgMTYuOS0xLjZsMjUuNS0zMWM0LjItNS4yIDMuNC0xMi43LTEuNy0xNi45eiI+PC9wYXRoPjwvc3ZnPg==);
}

.loginStatusCtr .buttonpanel:hover i.ls-question-circle:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMXB4IiBoZWlnaHQ9IjIxcHgiIHZpZXdCb3g9IjAgMCA0OTYgNTEyIj48cGF0aCBmaWxsPSIjRDEyQTJGIiBkPSJNMjU2IDhDMTE5LjA0MyA4IDggMTE5LjA4MyA4IDI1NmMwIDEzNi45OTcgMTExLjA0MyAyNDggMjQ4IDI0OHMyNDgtMTExLjAwMyAyNDgtMjQ4QzUwNCAxMTkuMDgzIDM5Mi45NTcgOCAyNTYgOHptMCA0NDhjLTExMC41MzIgMC0yMDAtODkuNDMxLTIwMC0yMDAgMC0xMTAuNDk1IDg5LjQ3Mi0yMDAgMjAwLTIwMCAxMTAuNDkxIDAgMjAwIDg5LjQ3MSAyMDAgMjAwIDAgMTEwLjUzLTg5LjQzMSAyMDAtMjAwIDIwMHptMTA3LjI0NC0yNTUuMmMwIDY3LjA1Mi03Mi40MjEgNjguMDg0LTcyLjQyMSA5Mi44NjNWMzAwYzAgNi42MjctNS4zNzMgMTItMTIgMTJoLTQ1LjY0N2MtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtOC42NTljMC0zNS43NDUgMjcuMS01MC4wMzQgNDcuNTc5LTYxLjUxNiAxNy41NjEtOS44NDUgMjguMzI0LTE2LjU0MSAyOC4zMjQtMjkuNTc5IDAtMTcuMjQ2LTIxLjk5OS0yOC42OTMtMzkuNzg0LTI4LjY5My0yMy4xODkgMC0zMy44OTQgMTAuOTc3LTQ4Ljk0MiAyOS45NjktNC4wNTcgNS4xMi0xMS40NiA2LjA3MS0xNi42NjYgMi4xMjRsLTI3LjgyNC0yMS4wOThjLTUuMTA3LTMuODcyLTYuMjUxLTExLjA2Ni0yLjY0NC0xNi4zNjNDMTg0Ljg0NiAxMzEuNDkxIDIxNC45NCAxMTIgMjYxLjc5NCAxMTJjNDkuMDcxIDAgMTAxLjQ1IDM4LjMwNCAxMDEuNDUgODguOHpNMjk4IDM2OGMwIDIzLjE1OS0xOC44NDEgNDItNDIgNDJzLTQyLTE4Ljg0MS00Mi00MiAxOC44NDEtNDIgNDItNDIgNDIgMTguODQxIDQyIDQyeiI+PC9wYXRoPjwvc3ZnPg==);
}

.buttonpanel:hover i.ls-wrench::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMXB4IiBoZWlnaHQ9IjIxcHgiIHZpZXdCb3g9IjAgMCA0OTYgNTEyIj48cGF0aCBmaWxsPSIjQUIxRjIzIiBkPSJNNTA3LjczIDEwOS4xYy0yLjI0LTkuMDMtMTMuNTQtMTIuMDktMjAuMTItNS41MWwtNzQuMzYgNzQuMzYtNjcuODgtMTEuMzEtMTEuMzEtNjcuODggNzQuMzYtNzQuMzZjNi42Mi02LjYyIDMuNDMtMTcuOS01LjY2LTIwLjE2LTQ3LjM4LTExLjc0LTk5LjU1LjkxLTEzNi41OCAzNy45My0zOS42NCAzOS42NC01MC41NSA5Ny4xLTM0LjA1IDE0Ny4yTDE4Ljc0IDQwMi43NmMtMjQuOTkgMjQuOTktMjQuOTkgNjUuNTEgMCA5MC41IDI0Ljk5IDI0Ljk5IDY1LjUxIDI0Ljk5IDkwLjUgMGwyMTMuMjEtMjEzLjIxYzUwLjEyIDE2LjcxIDEwNy40NyA1LjY4IDE0Ny4zNy0zNC4yMiAzNy4wNy0zNy4wNyA0OS43LTg5LjMyIDM3LjkxLTEzNi43M3pNNjQgNDcyYy0xMy4yNSAwLTI0LTEwLjc1LTI0LTI0IDAtMTMuMjYgMTAuNzUtMjQgMjQtMjRzMjQgMTAuNzQgMjQgMjRjMCAxMy4yNS0xMC43NSAyNC0yNCAyNHoiPjwvcGF0aD48L3N2Zz4=);
}

.loginStatusCtr .buttonpanel:hover i.ls-rowdawn-w::before {
    padding-top: 1px;
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCA0OTYgNTEyIj48cGF0aCBmaWxsPSIjQUIxRjIzIiBkPSJNMzEuMyAxOTJoMjU3LjNjMTcuOCAwIDI2LjcgMjEuNSAxNC4xIDM0LjFMMTc0LjEgMzU0LjhjLTcuOCA3LjgtMjAuNSA3LjgtMjguMyAwTDE3LjIgMjI2LjFDNC42IDIxMy41IDEzLjUgMTkyIDMxLjMgMTkyeiI+PC9wYXRoPjwvc3ZnPg==);
}