﻿body {
    font-family: 'Fakt-Normal', 'Helvetica_neuelight', 'Segoe UI', Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #000;
}

a:link, a:visited {
    color: #999;
    text-decoration: none;
    -webkit-transition: ease-in .1s;
    transition: ease-in .1s;
    outline: none;
}


a:hover {
    text-decoration: underline;
}

h1 {
    font-weight: 100;
    color: #000;
    font-family:'Tiempos-Light';
    font-size: 2.25em;
}

h2 
{
    font-weight: 100;
    color: #000;
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: 'Fakt-SemiBold';
}

p {
}


/**SUBMIT BUTTONS**/
input[type=button], input[type=text], input[type=password], input[type=email] {
    padding: 6px 10px;
}


input[type=button], input[type=submit]
{
    cursor: pointer;
}


input[type=submit] {
    padding: 10px 20px;
}
/**SUBMIT BUTTONS**/


/**LAYOUT CLASSES**/
.BPWrapper {
    max-width: 1440px !important; 
    margin: 0 auto;
}

.BPLayoutTable {
    width: 100%;
    display: table;
}

.BPLayoutTableCell {
    display: table-cell;
}


.BPCallToAction {
    padding: 14px 20px;
    font-size: .9em;
    margin-top: 16px;
    width: 100%; 
    border: 0px;
    background-color: #2563eb !important; /*Green*/
    color: #fff !important;
    -webkit-transition: ease-in .3s;
    transition: ease-in .3s;
    text-transform: uppercase;
    display: table-cell;

}

    .BPCallToAction:hover {
        background: #0386dc !important; /*Blue*/
        text-decoration: none;
        color: #fff !important;
        cursor: pointer;
    }
    .BPCallToAction:disabled {
        background-color: #eee !important;
        color: #ccc !important;
        cursor: default;
    }

.BPCallToActionSub {
    padding: 14px 20px;
    font-size: 1.2em;
    margin-top: 16px;
    width: 100%;
    border-radius: 5px !important;
    border: 0px;
    background-color: #001e4e !important; /*Navy Blue*/
    color: #fff !important;
    -webkit-transition: ease-in .3s;
    transition: ease-in .3s;
}

    .BPCallToActionSub:hover {
        background: #0386dc !important; /*Blue*/
        text-decoration: none;
        color: #fff !important;
    }

.BPCallToActionSub2 {
    padding: 14px 20px;
    font-size: 1.2em;
    margin-top: 16px;
    width: 30%;
    border-radius: 5px !important;
    border: 0px;
    background-color: #aaa !important; /*Grey*/
    color: #fff !important;
    -webkit-transition: ease-in .3s;
    transition: ease-in .3s;
}

    .BPCallToActionSub2:hover {
        background: #0386dc !important; /*Blue*/
        text-decoration: none;
        color: #fff !important;
    }


.BackToTop {
    padding: 10px 10px;
    background-color: #ccc;
    display: block;
    text-align: center;
    margin-top: 50px;
    margin: 50px auto 0 auto;
    width: 100px;
    cursor: pointer;
}


/* Printer Styling */
.print-helper {
    display: none;
}

@media print {
    .print-helper {
        display: block;
    }

    .no-print {
        display: none;
    }
}


/**LAYOUT CLASSES**/

/**TOP WIDGET**/

.BPTopWidget {
    height: 40px;
    color: #fff;
    background-color: #025a96;
    display: block;
    border-bottom: 4px solid #96ca50;
    text-align: right;
}

/*a.BPLoginStyle:link, a.BPLoginStyle:visited {
    text-decoration: none;
    line-height: 40px;
    color: #68c4e6;
    -webkit-transition: ease-in .3s;
    transition: ease-in .3s;
}

a.BPLoginStyle:hover {
    color: #fff !important;
}*/

#LoginLabel a {
    text-decoration: none;
    line-height: 40px;
    color: #000 !important;
    -webkit-transition: ease-in .3s;
    transition: ease-in .3s; 
    padding: 10px 20px;
    margin-left: 20px;
    font-family:'Fakt-SemiBold';
    font-size: .9em;
    text-transform: uppercase;
}

    #LoginLabel a:hover {
        color: #3f54f5 !important;
    }



/************************ Portal.Master ************************/
.SGBannerSection
{
    display: none;
}
.BPHeaderSection {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );
}

 

.BPHeader {
    width: 100%;
}

.BPLogo {
    width: 20%;
}

    .BPLogo img {
        padding: 20px 0;
    }

.BPLogin {
    text-align: right;
    width: 80%;
    vertical-align: middle;
}

.BPNavigationSection {
    background-color: #001e4e;
}

.BPMenu {
    margin: 0;
    padding: 0;
}

    .BPMenu li {
        display: inline-block;
    }

        .BPMenu li a:link, .BPMenu li a:visited {
            color: #fff;
            padding: 10px 20px;
            display: block;
            -webkit-transition: ease-in .1s;
            transition: ease-in .1s;
        }

        .BPMenu li a:hover {
            text-decoration: none;
            background-color: #0386dc;
        }


.BPContentSection {
    background-color: #fff;
}

.BPContent {
    
 
}

/***** Footer *****/

.BPFooterSection {
    background-color: #ddd;
    width: 100%;
}

.BPFooterMenu {
    margin: 0;
    padding: 0;
    text-align: center;
}

    .BPFooterMenu li {
        display: inline-block;
    }

        .BPFooterMenu li a:link, .BPFooterMenu li a:visited {
            padding: 10px 20px;
            display: block;
            color: #000;
        }

        .BPFooterMenu li a:hover {
            background-color: #d0d0d0;
            text-decoration: none;
        }


/************************ Portal.Master : END ************************/

/**TOP WIDGET**/
/**HEADER**/




/**HEADER**/
/**NAVIGATION**/

/**NAVIGATION**/
/**CONTENT**/

/**CONTENT**/
/**FOOTER**/

/**FOOTER**/

/**LOGIN PAGE**/

.BPLoginSection {
    width: 40%;
}

.BPiPVersion {
    text-align: right;
    margin: 50px 0;
}



#EmailAddressTextBox, #PasswordTextBox, #PasswordRecoveryEmailAddressTextBox, #CurrentPasswordTextBox, #NewPasswordTextBox, #VerifyPasswordTextBox, #CreateContactPhoneNumberTextBox {
    font-size: 1.1em;
    padding: 14px 20px;
    margin-bottom: 6px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #000;
    font-weight: lighter;
    letter-spacing: .5px;
    outline: none;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

/*Forgot Username/Password*/
#MainContentPlaceHolder_EmailAddressTextBox_RequiredFieldValidator, #PasswordRecoveryEmailAddressRequiredFieldValidator, #MainContentPlaceHolder_PasswordRecoveryEmailAddressRequiredFieldValidator,
#PasswordRecoveryValidationCodeRequiredFieldValidator, #MainContentPlaceHolder_PasswordTextBox_RequiredFieldValidator, #MainContentPlaceHolder_PhoneNumberTextBox_RequiredFieldValidator {
    font-size: .9em;
    color: red;
    display: block;
    margin: 2px 0 10px 10px;
}

#ForgotPasswordLinkButton {
    display: inline-block;
    margin-bottom: 16px;
    padding: 0px;
}


#SimpleLoginButton {
    padding: 14px 20px;
    font-size: 1.2em;
    margin-top: 16px;
    width: 100%; 
    border: none; 
    background-color: #2563eb !important;
    color: #fff !important;
    text-transform: uppercase;
    font-family: 'Fakt-SemiBold';
}



/**LOGIN PAGE**/

/**PROFILE.aspx**/

.BPProfileLayout {
    width: 100%;
}

.BPProfileLayoutLeft {
    width: 40%;
    padding-right: 20px;
}

.BPProfileLayoutRight {
    width: 40%;
}

.BPProfileLayoutThree {
    width: 30%;
    padding-right: 20px;
}

.BPProfileWrap {
    /*width: 40%;*/
}

.BPRemainingCharacters label {
    padding: 0 0 10px 5px !important;
    display: block;
    color: #bc0007 !important;
}

.BPRemainingCharacters #MainContentPlaceHolder_CreateContactStrengthHelpLabel {
}

.BPCaptcha {
    width: 100%;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

#MainContentPlaceHolder_CreateContactFirstNameTextBox, #MainContentPlaceHolder_CreateContactLastNameTextBox, #MainContentPlaceHolder_CreateContactCountriesDropDownList, #MainContentPlaceHolder_CreateContactRegionsDropDownList, #MainContentPlaceHolder_CreateContactEmailAddressTextBox, #MainContentPlaceHolder_CreateContactPasswordTextBox, #MainContentPlaceHolder_CreateContactConfirmPasswordTextBox,
#AddContactInstitutionTextBox, #MainContentPlaceHolder_CreateContactPhoneNumberTextBox {
    font-size: 1.1em;
    padding: 14px 20px;
    margin-bottom: 6px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #000;
    font-weight: 400;
    letter-spacing: 2px;
    outline: none;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.BPProfileSection {
    width: 40%;
    margin-top: 50px;
}

#MainContentPlaceHolder_CreateContactPasswordRequiredFieldValidator, #MainContentPlaceHolder_CreateContactConfirmCompareValidator, #MainContentPlaceHolder_CreateContactStrengthHelpLabel {
    font-size: .9em;
    padding: 0 0 0px 5px !important;
    display: block;
    color: #bc0007 !important;
}

#MainContentPlaceHolder_CreateContactStrengthHelpLabel {
    float: left;
}

#MainContentPlaceHolder_EditContactPrefixTextBox, #MainContentPlaceHolder_EditContactFirstNameTextBox, #MainContentPlaceHolder_EditContactLastNameTextBox, #MainContentPlaceHolder_EditContactSuffixTextBox, #MainContentPlaceHolder_EditContactTitleTextBox, #MainContentPlaceHolder_EditContactAddressTextBox, #MainContentPlaceHolder_EditContactCityTextBox, #MainContentPlaceHolder_EditContactPostalCodeTextBox, #MainContentPlaceHolder_EditContactPhoneNumberTextBox, #MainContentPlaceHolder_EditContactWebSiteAddressTextBox, #MainContentPlaceHolder_EditContactCountriesDropDownList, #MainContentPlaceHolder_EditContactRegionsDropDownList, #MainContentPlaceHolder_EmailAddressLabel, #EditContactInstitutionTextBox {
    font-size: 1.1em;
    padding: 14px 20px;
    margin-bottom: 6px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #000;
    font-weight: 400;
    letter-spacing: .5px;
    outline: none;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #999;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #999 !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #999;
}

#MainContentPlaceHolder_EmailAddressLabel {
    display: block;
}

/**PROFILE.aspx**/

/**DEFAULT.ASPX**/

.BPHPostingItemStyle {
    background-color: #f9f9f9;
    margin: 0 0 10px 0;
    -webkit-transition: ease-in .2s;
    transition: ease-in .2s;
}

    .BPHPostingItemStyle:hover {
        background-color: #f1f1f1;
    }

    .BPHPostingItemStyle > a:link, .BPHPostingItemStyle a:visited {
        color: #0386dc;
        padding: 10px;
        border-radius: 6px;
        display: block;
        text-decoration: none;
    }

    .BPHPostingItemStyle > a:hover {
        text-decoration: none;
    }

    .BPHPostingItemStyle .BPHPostingItemDesc {
        font-size: .7em;
        padding: 0 10px 10px 10px;
    }


/**DEFAULT.ASPX END**/


/**SUBMISSION PAGE**/

#MainContentPlaceHolder_TitleTextBox {
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-size: 1.2em;
    color: #2563eb;
    background-color: #fff !important;
    outline: none;
    margin-top: 10px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

    #MainContentPlaceHolder_TitleTextBox::-webkit-input-placeholder {
        color: #2563eb;
    }

    #MainContentPlaceHolder_TitleTextBox::-moz-placeholder {
        color: #2563eb;
    }

    #MainContentPlaceHolder_TitleTextBox:-ms-input-placeholder {
        color: #2563eb !important;
    }

#MainContentPlaceHolder_AgreementPanel {
    margin-top: 50px;
}


/**SUBMISSION PAGE**/

/**Submissions.aspx**/

#submissionTabs {
    padding: 0 0 0 0;
    width: 100%;
    text-align: left;
    margin-top: 40px;
    box-sizing: border-box;
    margin-bottom: 0px;
}

    #submissionTabs .ui-widget-header {
        background: none;
        border: 0;
    }

    #submissionTabs li a:hover {
        text-decoration: none;
        color: #fff;
        cursor: pointer;
    }

    #submissionTabs .ui-state-hover {
        background: #00aeef;
        color: #fff;
        cursor: pointer;
    }

    #submissionTabs .ui-state-active.ui-state-hover {
        background: #007fff;
    }

#submissionTabSubmitted {
    background: #fbfbfb;
    border: 1px solid #ccc;
}

#submissionTabInProcess {
    background: #fbfbfb;
    border: 1px solid #ccc;
}

.BPSubmissionsTable {
    border: 1px solid #ccc;
    margin-top: 50px;
}

    .BPSubmissionsTable th {
        font-weight: 400;
        padding: 6px 10px;
        font-size: .8em;
    }

#MainContentPlaceHolder_SubmissionsListView_itemPlaceholderContainer {
    width: 100%;
}

.BPSubmissionsTableData {
    width: 100%;
    margin: 0;
    padding: 0;
}

    .BPSubmissionsTableData tr {
        vertical-align: top;
    }


        .BPSubmissionsTableData tr:hover {
            background-color: #f9f9f9;
            border: 4px solid #96ca50 !important;
            -webkit-transition: ease-in .3s;
            transition: ease-in .2s;
        }

            .BPSubmissionsTableData tr:hover a {
                text-decoration: none;
            }

        .BPSubmissionsTableData tr td {
            padding: 20px 10px;
            border-bottom: 1px solid #f2f2f2;
            font-weight: 400;
            font-size: .8em;
        }

            .BPSubmissionsTableData tr td a {
                color: #0386dc;
                margin: 0;
                padding: 0;
                font-weight: 400;
                font-size: 1.2em;
            }

                .BPSubmissionsTableData tr td a:hover {
                    color: #96ca50;
                }


.BPSubmissionsTablePager {
    display: block;
    padding: 6px 10px;
    text-align: center;
}

#MainContentPlaceHolder_SubmissionsListView_PostedIdeasDataPager a, #MainContentPlaceHolder_InProcessSubmissionsListView_InProcessDataPager a, #MainContentPlaceHolder_SubmissionsListView_PostedIdeasDataPager span, #MainContentPlaceHolder_InProcessSubmissionsListView_InProcessDataPager span {
    padding: 0px 10px 0px 10px;
    text-align: center;
    font-size: 1.2em;
    margin: 0 2px;
    color: #666666;
}

    #MainContentPlaceHolder_SubmissionsListView_PostedIdeasDataPager a:link, #MainContentPlaceHolder_InProcessSubmissionsListView_InProcessDataPager a:link {
        color: #96ca50;
    }

        #MainContentPlaceHolder_SubmissionsListView_PostedIdeasDataPager a:link:hover, #MainContentPlaceHolder_InProcessSubmissionsListView_InProcessDataPager a:link:hover {
            text-decoration: none;
            background-color: #96ca50;
            color: #fff;
        }

    #MainContentPlaceHolder_SubmissionsListView_PostedIdeasDataPager span:hover, #MainContentPlaceHolder_InProcessSubmissionsListView_InProcessDataPager span:hover {
        background-color: none;
    }

#MainContentPlaceHolder_SubmissionsListView_PostedIdeasDataPager .aspNetDisabled:hover, #MainContentPlaceHolder_InProcessSubmissionsListView_InProcessDataPager .aspNetDisabled:hover {
    text-decoration: none;
}

/**MY SUBMISSIONS**/
/**DETAILS PAGE**/

#MainContentPlaceHolder_PostingPanel {
    background-color: #f9f9f9;
    padding: 20px;
    margin-bottom: 30px;
}

.AddPostingsPanel li {
    list-style-type: none;
}

/********** SUB NAVIGATION ***********/


#SubNav {
    padding: 0 0 0 20px;
    width: 100%;
    text-align: left;
    margin-top: 40px;
    box-sizing: border-box;
    margin-bottom: 0px;
}

    #SubNav li {
        display: inline-block;
        margin-right: 3px;
    }

        #SubNav li a:link {
            padding: 10px 30px;
            color: #333333;
            background-color: #f6f6f6;
            border: 1px solid #ccc;
            border-bottom: none; 
            display: block;
            text-decoration: none;
            -webkit-transition: ease-in .2s;
            transition: ease-in .2s;
            text-transform: uppercase;  
            font-family: 'Fakt-SemiBold';
            font-size: 1em;
        }

        #SubNav li a:hover {
            background-color: #00aeef;
            text-decoration: none;
            color: #fff;
        }

.active {
    background-color: #0386dc !important;
    color: #fff !important;
}







.BPDetailsPageContainer {
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    padding: 0px 20px 20px 20px;
    margin-top: 60px;
    border-top: 4px solid #e9e9e9;
    min-height: 300px;
    -webkit-box-shadow: 0px 2px 18px 0px rgba(50, 50, 50, 0.10);
    -moz-box-shadow: 0px 2px 18px 0px rgba(50, 50, 50, 0.10);
    box-shadow: 0px 2px 18px 0px rgba(50, 50, 50, 0.10);
}


.BPSubmissionDetails {
    padding: 10px 20px;
    border-radius: 4px;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0px 2px 18px 0px rgba(50, 50, 50, 0.10);
    -moz-box-shadow: 0px 2px 18px 0px rgba(50, 50, 50, 0.10);
    box-shadow: 0px 2px 18px 0px rgba(50, 50, 50, 0.10);
}

    .BPSubmissionDetails h1 {
        color: #000;
        font-size: 2em;
        margin: 16px 0 0 0;
        font-weight: 400;
    }

    .BPSubmissionDetails ul {
        margin: 0;
        padding: 0;
    }

        .BPSubmissionDetails ul li {
            list-style-type: none;
            margin: 10px 0;
        }



.BPSubmissionStatusBox {
    text-align: center;
    padding: 20px;
    background-color: #f2f2f2;
    display: block;
    border-radius: 3px;
    color: #96ca50;
    font-size: 1.4em;
    font-weight: 100;
    letter-spacing: 2px;
}

/**DETAILS PAGE**/

/**POSTINGS PAGE - SEARCH ALL POSTINGS**/

.BPSearchBox {
    /*background-color:#eee;*/
    text-align: center;
    padding: 30px 0;
    border-top: 1px solid #ccc;
    display: none;
}


.BPPostingList {
    background-color: #eee;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 6px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.15);
}


.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}


.postingsearch ​ {
    width: 20%;
    background-color: #ffffff;
    border: 1px solid #ccc;
    width: inherit;
}

.postingsearchresult {
    background-color: #fff;
    border: 1px solid #ccc;
    float: right;
    width: 74.7%;
    min-height: 850px;
    max-height: 850px;
    margin-top: 5px;
    padding-bottom: 10px;
    overflow-y: scroll;
}


.postingsListView {
    min-height: 380px;
    background-color: #fff;
}

.removeposting {
    cursor: pointer;
    color: black;
}

/*.selectedpostings {
    width: 155px;
    height: 30px;
    color: black;
    border: 2px solid #ccc;
    float: right;
    margin-right: 75px;
    display: none;
}*/

.viewpostings {
    cursor: pointer;
    cursor: grab;
    color: black;
    float: left;
    margin-top: -5px;
    margin-left: 2px;
}

/*.postingstotals {
    margin-top: 5px;
    margin-left: 22px;
    position: relative;
}*/

#MasterFullTextSearchTextBox {
    /*float: left;
    width: 300px;
    height: 12px;
    padding-left: 10px;
    padding-bottom: 10px;*/
    font-size: 1.1em;
    margin-bottom: 6px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    color: #000;
    font-weight: lighter;
    letter-spacing: 2px;
    outline: none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

#MasterSearchButton {
    cursor: pointer;
    display: inline-block;
    margin-left: 6px;
}

div.MasterSearchPanel {
    width: 300px;
    height: 10px;
    display: none;
    border: solid 1px black;
}

div.MasterSearchPanel, p.Expand {
    margin: 0px;
}

div.ExpandContainer {
    height: 50px;
}

#FullTextSearchHref {
    margin-right: 15px;
    margin-left: -8px;
}

.postingmain {
    float: right;
    width: 72.7%;
    height: 35px;
    background-color: #ffffff;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    border: 1px solid #ccc;
}


/*.postingselected {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #cccccc;
    width: 160px;
}*/

.postingselections {
    /*width: 195px;
    background-color: #ffffff;
    min-height: 250px;
    max-height: 250px;
    padding: 20px;
    border: 1px solid #ccc;
    position: absolute;
    top: 185px;
    right: 240px;
    left: 850px;
     bottom: 850px;
    height: 40%;
    padding-top: 10px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; 	
     transform-origin:top
    display: none;*/
}

.arrowup {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}

.arrowdown {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #0386dc;
    margin-top: 5px;
    margin-left: 10px;
    display: none;
}



.filterContainerMain {
    border: 1px solid #ccc;
    width: inherit;
}

.filterContainer {
    float: left;
    width: 20%;
    background-color: #ffffff;
    min-height: 910px;
    max-height: 910px;
    padding: 20px;
    padding-top: 15px;
    border: 1px solid #ccc;
}

.filterbox {
    height: 150px;
    width: 200px;
    border: 1px solid black;
    background-color: #F6f6f6;
    padding-left: 5px;
    padding-top: 5px;
    text-align: center;
    overflow-x: hidden;
}

.seeAll {
    float: right;
    text-decoration: none;
}

    .seeAll:hover {
        background-color: #CCCCCC;
        text-decoration: none;
    }

.clearAll {
    float: left;
    padding-left: 10px;
    background-color: #F6f6f6;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    text-decoration: none;
    padding: 8px 12px;
}

    .clearAll:hover {
        background-color: #CCCCCC;
        text-decoration: none;
    }

.apply {
    float: right;
    padding-right: 7px;
    background-color: #F6f6f6;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    text-decoration: none;
    padding: 8px 12px;
}

    .apply:hover {
        background-color: #CCCCCC;
        text-decoration: none;
    }


.clearcart {
    float: left;
    padding-left: 10px;
    background-color: #F6f6f6;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    text-decoration: none;
    padding: 5px 5px 10px;
    height: 15px;
}

    .clearcart:hover {
        background-color: #CCCCCC;
        text-decoration: none;
    }

.closecart {
    float: left;
    padding-right: 7px;
    background-color: #F6f6f6;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    text-decoration: none;
    padding: 4px 5px 5px 10px;
    margin-left: 20px;
}

    .closecart:hover {
        background-color: #CCCCCC;
        text-decoration: none;
    }



.fulltextsearch {
    background-color: #F6f6f6;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    text-decoration: none;
    padding: 2px 10px;
}

    .fulltextsearch:hover {
        background-color: rgba(255,255,255,0);
    }


.enquiry {
    float: right;
    padding-right: 7px;
    margin-right: 60px;
    background-color: #F6f6f6;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    text-decoration: none;
    padding: 8px 12px;
}

    .enquiry:hover {
        background-color: #CCCCCC;
        text-decoration: none;
    }

.postingssummary {
    float: right;
}

.selectedfilters {
    border: 1px solid #CCCCCC;
    min-width: 178px;
    margin-top: 5px;
    float: left;
    margin-left: 5px;
    font-size: 13px;
}

/*.selectedfiltersremove {
    margin-bottom: 3px;
    padding-left: 5px;
    padding-right: 8px;
    float: right;
    padding-top: 5px;
}*/

/*adds scroll bar to auto-complete*/
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.Submit {
    float: left;
    padding-left: 10px;
    background-color: #F6f6f6;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    text-decoration: none;
    padding: 8px 12px;
}

    .Submit:hover {
        background-color: #CCCCCC;
        text-decoration: none;
    }

.Return {
    float: left;
    padding-left: 10px;
    background-color: #F6f6f6;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    text-decoration: none;
    padding: 8px 12px;
    margin-left: 20px;
}

    .Return:hover {
        background-color: #CCCCCC;
        text-decoration: none;
    }

.PostingsSelectionSummary {
    min-height: 550px;
    max-height: 550px;
    overflow-y: scroll;
}

.PostingTitle {
   
}

.SelectLabel {
    font-family: 'Helvetica_neuelight', "Segoe UI", Helvetica, Arial, sans-serif;
    color: #0474be;
    text-decoration: none;
}

.results {
    min-height: 100%;
    max-height: 100%;
}

.tableborder {
    /*border: 1px solid #CCCCCC;*/
    border-bottom: 1px dotted #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-top: 1px dotted #CCCCCC;
}










/******************************************RESPONSIVE********************************************/



@media (max-width: 1120px) {


    .BPLayoutTable {
        display: block;
    }

    .BPLayoutTableCell {
        display: block;
    }

    /*Portal.Master*/

    .BPLogo {
        text-align: center;
    }

    .BPWrapper, .BPLogin, .BPLogo {
        width: 100%;
    }

    .BPContent {
        padding: 20px;
        box-sizing: border-box;
    }
    /*Profile*/
    .BPProfileLayoutLeft {
        width: 100%;
        padding-right: 0px;
    }

    .BPProfileLayoutRight {
        width: 100%;
    }

    .BPProfileLayoutThree {
        width: 100%;
        padding-right: 0px;
    }
}

@media (max-width: 767px) {

    /********** SUB NAVIGATION ***********/


    #SubNav {
        padding: 0 0 0 0px;
        width: 100%;
        text-align: left;
        border-bottom: 0px;
        margin-top: 40px;
        box-sizing: border-box;
        padding-top:35px;
    }

        #SubNav li {
            display: block;
            margin-right: 0px;
        }

            #SubNav li a:link {
                padding: 10px 30px;
                color: #333333;
                background-color: #f6f6f6;
                border: 1px solid #ccc;
                border-radius: 5px;
                display: block;
                text-decoration: none;
                -webkit-transition: ease-in .2s;
                transition: ease-in .2s;
                margin-bottom: 10px;
            }

            #SubNav li a:hover {
                background-color: #00aeef;
                text-decoration: none;
                color: #fff;
            }




    .active {
        background-color: #0386dc !important;
        color: #fff !important;
    }

    .BPLoginSection {
        width: 100%;
    }

    .BPMenu li {
        display: block;
        border-bottom: 1px solid #002c73;
    }

        .BPMenu li a {
            padding: 20px !important;
            display: block;
            text-align: center;
        }
}

.bold {
    font-weight: bold;
}

.verificationRadio {
    margin: 10px;
}

