﻿/****************************************************************************************
Boston Planning & Development Agency | Authored By: Amanda Postle | Boston Interactive
Date Created: 07/29/13 | Date Modified: 03/01/2018

QUICK SEARCH KEY:
Default Styles - DEF_S | Internet Explorer - IE_S
*****************************************************************************************/
/* -------------------------------------------------------------------------------------------------
	CUSTOM FONTS
---------------------------------------------------------------------------------------------------- */
@font-face {
    font-family: Lora-Bold;
    src: url(/webfonts/lora/lora-bold-webfont.woff2) format("woff2"), url(/webfonts/lora/lora-bold-webfont.woff) format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Lora-Italic;
    src: url(/webfonts/lora/lora-italic-webfont.woff2) format("woff2"), url(/webfonts/lora/lora-italic-webfont.woff) format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: Lora-Regular;
    src: url(/webfonts/lora/lora-regular-webfont.woff2) format("woff2"), url(/webfonts/lora/lora-regular-webfont.woff) format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: Montserrat-Bold;
    src: url(/webfonts/montserrat/montserrat-bold-webfont.woff2) format("woff2"), url(/webfonts/montserrat/montserrat-bold-webfont.woff) format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Montserrat-Regular;
    src: url(/webfonts/montserrat/montserrat-regular-webfont.woff2) format("woff2"), url(/webfonts/montserrat/montserrat-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.group {
    display: block;
    zoom: 1;
}

.group:before, .group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

/* -------------------------------------------------------------------------------------------------
	DEFAULT STYLES (DEF_S)
---------------------------------------------------------------------------------------------------- */
body {
    font-family: Lora-Regular, sans-serif;
    color: #58585b;
    font-size: 16px;
    line-height: 24px;
    background-color: #f2f2f2;
}
.mobileNav, .mobileNavWrapper{
    display:none; 
}
.siteWrapper {
    width: 1315px;
    margin: 0 auto;
}
.disclaimerContainer {
    background: #091F2F;
    padding: 15px 0px;
    font-family: Montserrat-Regular, sans-serif;
    font-size: 12px;
    line-height: 17px;
    width: 100%;
    margin: 0 auto;
    height: 60px;
}
.disclaimerContentWrapper {
    width: 1315px;
    margin: 0 auto;
}
.disclaimerTextWrapper {
    margin: 0 auto;
    color: white;
    float: right;
    width: 67%;
}
.disclaimerTextWrapper p{
    display:inline-block;
}
.disclaimerImgWrapper {
    float: left;
    padding:5px 0px;
}
.disclaimerImgWrapper img {
    display:flex;
}

.disclaimerImgWrapper span {
    color:white;
    font-size:10px;
}
.disclaimerTextWrapper a {
    color: white;
    text-decoration: underline;
}
#staffdetail h4 span, #staffdetail h5 {
    color: #091F2F !important;
}
.smlLandingHeader h3 {
    color: white !important;
    background: #091F2F !important;
}
.bpdaprojectDetailHeader h1, .bpdaPlanDetailHeader h1 {
    position: absolute;
    top: 55px;
    color: #091F2F;
    background: #C7DAE1;
    padding: 5px 15px 5px 30px;
    left: 0;
    font-size: 24px;
    line-height: 24px;
    max-width: 460px;
}
.bpdaHomeWrapper {
    width: 1300px;
    padding: 0;
	margin: 0 auto;
    position:relative;
    background:white;
}
.tableScroller {
    display:block;
	overflow:auto;
}
table::-webkit-scrollbar
{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}
table::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}
body#bpda_home {
    background-color: #ebebeb;
}

h1.sitetitle {
	position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
	font-size: 12px;
    line-height: 16px;
}

h1 {
    font-family: Montserrat-Bold, sans-serif;
    font-size: 40px;
    line-height: 47px;
    padding-bottom: 10px;
    color: #091F2F;
}

h2 {
    font-family: Montserrat-Bold, sans-serif;
    font-size: 28px;
    line-height: 35px;
    color: #091F2F;
}

h3 {
    font-family: Lora-Italic, sans-serif;
    font-size: 19px;
    line-height: 30px;
    padding-bottom: 5px;
    color: #091F2F;
}

h4 {
    font-family: Montserrat-Bold, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 5px;
    color: #091F2F;
}

h5 {
    font-family: Montserrat-Regular, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #091F2F;
}

h6 {
    font-family: Montserrat-Regular, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #091F2F;
}

.logo img {
    height: 57px;
}

h2.anchor a {
    color: #000;
}

    h2.anchor a:hover {
        text-decoration: none;
    }

a {
    color: #091F2F;
    text-decoration: none;
    outline: none;
}

    a:hover {
        text-decoration: underline;
    }
	
.mainContent p a, .columnOne a , .mainContentInner a, .storyWrapper a{
	color: #091F2F;
	text-decoration: underline;
}

.mainContent p a:hover, .columnOne a:hover , .mainContentInner a:hover, .storyWrapper a:hover{
	color: #091F2F;
	text-decoration: underline;
    background: #C7DAE1;
}
.mainContent summary 
{ 
	cursor: pointer;
} 
.mainContent summary h3
{ 
	display: inline; 
	margin-left: 1rem; 
	padding-bottom:15px; 
}
p {
    padding-bottom: 15px;
}

ul, ol {
    margin-left: 25px;
}

    ul li {
        list-style: none;
        padding: 0 0 10px 10px;
        background: url(/images/assets/bostonRA_sprite.png) -608px -471px no-repeat;
    }

    ol li {
        padding-bottom: 10px;
    }

    ol ul li {
        padding-left: 0;
        background: none;
    }

    ol li ul li {
        padding: 0 0 10px 10px;
        background: url(/images/assets/bostonRA_sprite.png) -608px -471px no-repeat;
    }
/*ol li ul { margin-left: 0; }*/
li:last-child {
    padding-bottom: 20px;
}

li li:last-child {
    padding-bottom: 0;
}

li li:first-child {
    margin-top: 15px;
}

strong {
    font-family: Lora-Regular, serif;
}
.storyWrapper.group h1 {
    text-transform: uppercase;
}
em {
    font-style: italic;
    /* */
}

blockquote {
    font-size: 14px;
    line-height: 24px;
    padding: 10px 30px 20px 30px;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.4em;
}

table {
    width: 100%;
    padding: 0;
    margin: 15px 0 30px 0;
    border-collapse: collapse;
}

    table caption {
        font-size: 21px;
        line-height: 25px;
        text-transform: none;
        text-align: left;
        padding: 10px;
        background: #cdcdcd;
        border-top: 3px solid #1871bd;
    }

    table th {
        text-align: left;
        padding: 6px 10px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        background: #e9e9e9;
    }

    table td {
        font-size: 15px;
        line-height: 21px;
        padding: 6px 10px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

.scrolltable {
    display: block;
    max-width: 755px;
    overflow-x: scroll;
    margin-bottom: 30px;
}

    .scrolltable table {
        margin-bottom: 0;
    }

figure {
    position: relative;
    margin-bottom: 15px;
}

    figure img {
        position: relative;
        z-index: 5;
    }

    figure figcaption {
        position: absolute;
        bottom: 20px;
        left: 0;
        z-index: 10;
        color: #5f5f5f;
        font-size: 13px;
        line-height: 19px;
        padding: 10px;
        background: rgba(255,255,255,.9);
    }

.floatleft {
    float: left;
    margin-right: 15px;
}

.floatright {
    float: right;
    margin-left: 15px;
}

/* Responsive Video Container */
.videoContainer {
    position: relative;
    height: 0;
    padding: 0 0 56.25% 0;
    margin: 0 0 20px 0;
    overflow: hidden;
}

    .videoContainer iframe, .videoContainer object, .videoContainer embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


/* Default Form Styles --------------------------------------------------------------------------- */
label {
    display: block;
    color: #0b0b0b;
}

textarea {
    width: 100%;
    height: 170px;
    color: #5d5d5d;
    font-size: 13px;
    line-height: 19px;
    padding: 7px 10px;
    margin-bottom: 10px;
    background: #f1f1f1;
    border: 1px solid #cecece;
    border-radius: 6px;
}

input {
    width: 215px;
    font-size: 13px;
    line-height: 19px;
    padding: 7px 10px;
    margin-bottom: 10px;
    /*text-transform:uppercase;*/
}

select {
    width: 236px;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #5d5d5d;
    padding:5px;
}

/* Custom Select Dropdown (Default) */
/*.selectWrapper {
    padding-bottom: 20px;
}*/

.sbToggle {
    position: absolute;
    display: block;
    top: -1px;
    right: 0;
    width: 34px;
    height: 33px;
    outline: none;
    background: url(/images/assets/bostonRA_sprite.png) -710px 2px no-repeat;
}

.sbHolder {
    position: relative;
    width: 236px;
    height: 31px;
    background: #f1f1f1;
    border: 1px solid #cecece;
    border-radius: 6px;
}

.sbSelector {
    position: absolute;
    display: block;
    width: 100%;
    height: 21px;
    left: 0;
    top: 0;
    font-size: 16px;
    line-height: 22px;
    color: #292929;
    text-indent: 7px;
    outline: none;
    overflow: hidden;
    padding-top: 5px;
}

    .sbSelector:hover {
        text-decoration: none;
    }

.sbOptions {
    position: absolute;
    left: -1px;
    top: 32px !important;
    width: 100%;
    list-style: none;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    background: #f1f1f1;
    border: 1px solid #cecece;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 500;
}

    .sbOptions li {
        font-size: 12px;
        line-height: 18px;
        padding: 0;
        margin: 0;
        background: none;
    }

        .sbOptions li:first-child { /*display: none;*/
        }

        .sbOptions li a {
            display: block;
            color: #444444;
            text-decoration: none;
            outline: none;
            padding: 7px;
        }

            .sbOptions li a:hover {
                color: #3D80BC;
                background: #f6f6f6;
            }

/* Custom Select Dropdown (Black Arrow) */
.blackArrow .sbToggle {
    z-index: 20;
    top: 0;
    background-position: -450px -328px;
}

.blackArrow .sbHolder {
    width: 155px;
    height: 25px;
    border-radius: 0;
    border: none;
    background: #fff;
}

.blackArrow .sbSelector {
    z-index: 10;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #5d5d5d;
    padding-top: 4px;
}

.blackArrow .sbOptions {
    top: 26px !important;
    width: 98.9%;
    background: #fff;
    border-radius: 0;
}

    .blackArrow .sbOptions li {
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
    }

.blackArrow select {
    width: 155px;
}

.projectView .blackArrow .sbToggle {
    background-position: -639px -1px;
}

/* Custom inputs (the following should have each of these wrappers around the default inputs to initiate) */
.checkboxWrapper input {
    float: left;
    width: auto;
    padding: 0;
    margin: 4px 6px 0 0;
    background: none;
    border: none;
    border-radius: 0;
}

.checkboxWrapper label {
    float: left;
    color: #353535;
}

.submitBtn input {
    cursor: pointer;
    width: auto;
    margin: 15px 0;
    background: #1871bd;
    font-size: 17px;
}

    .submitBtn input:hover {
        background: white;
        color: #1871bd;
        border: 1px solid #1871bd;
    }

.phoneWrapper input {
    width: 40px;
}

.cardNumberWrapper input {
    width: 34px;
}

.zipWrapper input {
    width: 215px !important;
}
/*.stateWrapper .sbHolder { width:122px; }*/
.stateWrapper .sbSelector {
    color: #5d5d5d;
    font-size: 13px;
    line-height: 19px;
    padding-top: 6px; /*text-indent: -9999px; */
}

.smlInputWrapper input {
    width: 100px;
}

/* Extra Form Styles */
.textareaCaption {
    display: block;
    color: #5d5d5d;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 20px;
}
/* ---------------------------------------------------------------------- End Default Form Styles */


/* Header --------------------------------------------------------------------------- */
#siteBranding {
    background: #FFFFFF;
    position: fixed;
    z-index: 1000;
    width: 100%;
    top:0px;
}

    #siteBranding .logo {
        display: block;
        width: 300px;
        float: left;
        padding-top: 10px;
    }

    #siteBranding ul {
        margin: 0;
    }

    #siteBranding li {
        padding: 0;
        background: none;
    }

.utilityNav {
    padding-top:15px;
    float: right;
}

    .utilityNav ul {
        float: left;
        padding-top: 7px;
    }

    .utilityNav li {
        display: block;
        float: left;
        font-weight: 600;
    }

        .utilityNav li a {
            float: left;
            color: #091F2F;
            font-size: 12px;
            line-height: 14px;
        }

        .utilityNav li:before {
            float: left;
            content: " | ";
            color: #091F2F;
            font-size: 12px;
            line-height: 14px;
            padding: 0 10px;
        }

        .utilityNav li:first-child:before {
            display: none;
        }

        .utilityNav li .socialFB {
            width: 20px;
            height: 20px;
            text-indent: -9999px;
            margin: -5px 10px 0 25px;
            background: url(/images/assets/bostonRA_sprite.png) -1px -5px no-repeat;
        }

            .utilityNav li .socialFB:hover {
                background-position: -1px -36px;
            }

        .utilityNav li .socialTw {
            width: 20px;
            height: 20px;
            text-indent: -9999px;
            margin: -5px 25px 0 0;
            background: url(/images/assets/bostonRA_sprite.png) -36px -5px no-repeat;
        }

            .utilityNav li .socialTw:hover {
                background-position: -36px -36px;
            }

    .utilityNav .searchWrapper {
        float: right;
        width: 184px;
        margin-left: 10px;
    }
.projectWrapper .filterNav{
	display:inline-block;
	margin-right: 10px;
	margin-top:10px;
	box-shadow: 3px 3px 2px lightgrey, 0px 0px 2px lightgrey;
	-moz-box-shadow: 3px 3px 2px lightgrey, 0px 0px 2px lightgrey;
	-webkit-box-shadow: 3px 3px 2px lightgrey, 0px 0px 2px lightgrey;
	padding:5px;
    width: 235px;
}
    /*this is align filters on document-center page(by project)*/
/*.projectWrapper .filterNav:nth-child(4) {
    margin-right: 0;
    width: 255px;
}*/
.projectWrapper .filterNav .filterOptions {
    float: left;
}
.projectWrapper .filterNav h3{
	border-bottom:none;
}
.docCenterFilter {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.searchWrapper .searchInput {
	position: relative;
    color: #454545;
    font-size: 30px;
    line-height: 35px;
    font-style: italic;
    font-weight: 600;
    padding: 5px 10px;
    border: none;
    border-radius: 0;
    background: #f3f3f3;
    border-bottom: 5px solid #091F2F;
    left: 0px;
    top: 4px;
    max-width: 1030px;
    width: 100%;
}

.searchWrapper .searchBtn {
	cursor: pointer;
    width: 35px;
    height: 35px;
    text-indent: -9999px;
    padding: 0;
    margin: 0 0 0 5px;
    border: none;
    border-radius: 0;
    background: url(/images/assets/bostonRA_sprite.png) -74px -30px no-repeat;
    position: absolute;
	top: 55px;
}

.searchWrapper .searchBtn:hover {
	background-position: -74px -30px;
}

.mainNav {
    clear: both;
    width: 1100px;
}

    .mainNav li a {
        font-family: Montserrat-Bold, sans-serif;
        display: block;
        float: left;
        color: #1871BD;
        font-size: 13px;
        text-transform: uppercase;
        padding: 5px 15px 5px 0px;
    }

        .mainNav li a:hover, .mainNav li .HighLighted {
            color: #091F2F;
        }
/* ---------------------------------------------------------------------- End Header */

/* Interior Nav --------------------------------------------------------------------------- */
.interiorNavWrapper {
    float: left;
    width: 253px;
    min-height: 670px;
    padding: 23px 0 30px 0;
}
.interiorNavWrapper a.sectionTitleLink {
    color: #091F2F;
    font-size: 22px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
}
	
.interiorNavWrapper .sectionTitleHeader {
	padding-bottom: 10px;
}

.interiorNavWrapper h1 {
    color: #091F2F;
    text-transform: none;
    font-size: 22px;
    line-height: 28px;
}

.interiorNavWrapper ul {
    margin: 0;
}

.interiorNavWrapper li {
    display: block;
    font-size: 16px;
    line-height: 18px;
    padding: 0;
    background: none;
}

.interiorNavWrapper li a {
    display: block;
    color: #091F2F;
}

.interiorNavWrapper li a:hover {
    text-decoration: none;
}

.interiorNavWrapper .interiorNav {
    margin-right: 30px;
}

.interiorNav > li {
    padding: 7px 0;
    border-bottom: 1px solid #091F2F;
}

    .interiorNav > li > a:hover, .interiorNav > li > a.HighLighted {
        color: #1871bd;
    }

    .interiorNav > li.lastChild {
        border: none;
    }

.interiorNav-level2 > li {
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 4px 10px;
    margin-left: 10px;
    background: url(/images/assets/bostonRA_sprite.png) -587px -473px no-repeat;
}

    .interiorNav-level2 > li:first-child {
        margin-top: 5px;
    }

    .interiorNav-level2 > li.lastChild {
        padding-bottom: 4px;
    }

    .interiorNav-level2 > li a:hover, .interiorNav-level2 > li > a.HighLighted {
        color: #1871bd;
    }

.interiorNav-level3 > li {
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 4px 10px;
    margin-left: 10px;
    background: url(/images/assets/bostonRA_sprite.png) -776px -68px no-repeat;
}

    .interiorNav-level3 > li:first-child {
        margin-top: 5px;
    }

    .interiorNav-level3 > li.lastChild {
        padding-bottom: 5px;
    }

    .interiorNav-level3 > li a:hover, .interiorNav-level3 > li > a.HighLighted {
        color: #9fe6d9;
    }

a.sectionTitleLink:hover {
    text-decoration: none;
	color: #1871bd;
}

.locationSearch {
    padding: 15px;
    margin: 50px 0 0 0;
    background: #292929;
}

    .locationSearch h2 {
        display: block;
        padding-bottom: 3px;
    }

        .locationSearch h2 a {
            position: relative;
            display: block;
            color: #fff;
        }

            .locationSearch h2 a:hover {
                text-decoration: none;
            }

            .locationSearch h2 a:after {
                content: "";
                position: absolute;
                top: 2px;
                right: 45px;
                width: 22px;
                height: 25px;
                background: url(/images/assets/bostonRA_sprite.png) -113px 1px no-repeat;
            }

            .locationSearch h2 a:hover:after {
                background-position: -113px -30px;
            }

        .locationSearch h2 span {
            display: block;
            color: #cecece;
            font-size: 11px;
            line-height: 14px;
            padding-top: 2px;
        }


/* Filter Nav */
.filterNav h3 {
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    color: #003C5A;
    padding: 4px 15px;
    border-bottom: 1px solid #091F2F;
    background: url(/images/assets/bostonRA_sprite.png) -506px -196px no-repeat;
}

    .filterNav h3:hover {
        color: #1871bd;
    }

    .filterNav h3.ui-accordion-header-active {
        color: #1871bd;
        margin-bottom: 5px;
        background-position: -2px -478px;
    }

.filterNav .customCheckbox {
    position: relative;
    padding: 0 30px 2px 18px;
}

    .filterNav .customCheckbox label {
        float: left;
        font-size: 14px;
        line-height: 18px;
        color: #003C5A;
        padding-left: 15px;
    }

.filterNav .jquery-checkbox {
    position: absolute;
    display: block;
    float: left;
    width: 10px;
    height: 15px;
    background: url(/images/assets/bostonRA_sprite.png) -2px -421px no-repeat;
}

.filterNav .jquery-checkbox-on {
    background-position: -235px -421px;
    width: 10px;
}

.filterNav-level2 {
    padding-bottom: 5px;
}

    .filterNav-level2 h3 {
        font-size: 14px;
        line-height: 18px;
        padding-left: 33px;
        margin-bottom: 0;
        border: none;
        background-position: -752px -198px;
    }

        .filterNav-level2 h3.ui-accordion-header-active {
            font-size: 14px;
            line-height: 18px;
            background-position: -238px -483px;
        }

    .filterNav-level2 .customCheckbox {
        padding-left: 45px;
    }

        .filterNav-level2 .customCheckbox label {
            font-size: 12px;
            line-height: 18px;
        }

.filterSearch {
    padding: 0 15px 15px 15px;
    margin: 50px 0 0 0;
    background: #003C5A;
}

    .filterSearch label {
        display: block;
        color: #cecece;
        padding: 15px 0 3px 0;
    }

    .filterSearch .searchInput {
        width: 120px;
        color: #292929;
        font-size: 11px;
        line-height: 14px;
        padding: 5px 10px;
        margin: 0;
        border-radius: 0;
        background: #eeeeee;
        border: none;
    }

    .filterSearch .dateWrapper input {
        float: left;
        width: 40px;
        margin-right: 5px !important;
    }

    .filterSearch .ui-datepicker-trigger {
        cursor: pointer;
        float: left;
        margin-right: 10px;
    }

    .filterSearch .submitBtn input {
        margin-top: 35px;
    }

.projectWrapper .filterSearch {
    margin-top: 20px;
}

.ui-datepicker {
    z-index: 10000 !important;
    padding: .2em .2em 0;
    background: #F4F4F4;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
}

.ui-datepicker-calendar {
    margin: 5px 0 0 0;
}

.ui-datepicker-header {
    position: relative;
    text-align: center;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    background: #cccccc;
}

.ui-datepicker-prev {
    cursor: pointer;
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/assets/bostonRA_sprite.png) -455px -261px no-repeat;
}

.ui-datepicker-next {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/assets/bostonRA_sprite.png) -428px -261px no-repeat;
}

.ui-datepicker-prev:hover {
    background-position: -455px -285px;
}

.ui-datepicker-next:hover {
    background-position: -428px -285px;
}

.ui-datepicker-title {
    font-size: 12px;
    line-height: 16px;
    text-transform: none;
    padding: 5px 0;
}

.ui-datepicker th {
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    padding: 5px;
}

.ui-datepicker td {
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    padding: 0;
}

    .ui-datepicker td a {
        display: block;
        padding: 5px;
    }

        .ui-datepicker td a:hover {
            color: #fff;
            text-decoration: none;
            background: #1871bd;
        }

.hidden {
    display: none;
}
/* ---------------------------------------------------------------------- End Interior Nav */


/* ------------------------------Lightbox Container*/
.bpdaLightboxContainer {
    float: left;
    margin: 0 auto;
    width: 100%;
}
.bpdaLightboxContainer a {
    float: left;
    width: 45%;
    padding: 2.5%;
}
.bpdaLightboxContainer a img {
    width: 100%;
}
/*.lb-outerContainer{
    top: 125px;
}
*/
/* ---------------------------------------------------------------------- End Lightbox Container Nav */





/* Footer --------------------------------------------------------------------------- */
.utilityFooter {
    background: #091F2F;
    position:relative;
    margin-top:195px;
}

.utilityFooter .seal {
    display: inline-block;
    height: 60px;
    float:left;
    padding-right:40px;
}
.utilityFooter .utilityIcons li, .siteInfo  li {
    flex-grow: 1;
    flex-basis: auto;
    padding: 10px 20px;
    text-align: center;
 }
.topFooter li, .bottomFooter .social li {
    border: none;
    padding: 0px 15px;
}

/*.utilityFooter .utilityIcons li:after {
    content: "|";
    position: absolute;
    right:0px;
    font-size: 20px;
    line-height: 20px;
    color: white;
}*/
    .utilityFooter .utilityIcons li:hover::after {
        color: #091F2F;
    }
.utilityFooter .utilityIcons li a, .siteInfo .utilityIcons li a {
    font-family: Montserrat-Regular, sans-serif;
    position: relative;
    text-transform: uppercase;
    line-height: 12px;
    color: #51acff;
}

    .utilityFooter .utilityIcons li a:hover {
        text-decoration: none;
        color: #fb4d42;
    }

                .utilityFooter .utilityIcons li a.iconPaperClip {
                    width: 76px;
                    padding-top: 10px;
                }

                .utilityFooter .utilityIcons li a.iconClipboard {
                    width: 96px;
                    padding-top: 17px;
                }

                .utilityFooter .utilityIcons li a.iconCalendar {
                    width: 96px;
                    padding-top: 17px;
                }

                .utilityFooter .utilityIcons li a.iconTwitter {
                    padding-right: 0;
                }
		        .utilityFooter .utilityIcons li a.iconHand:before {
                    background-position: 0 -68px;
                }

                .utilityFooter .utilityIcons li a.iconClipboard:before {
                    background-position: -58px -68px;
                }

                .utilityFooter .utilityIcons li a.iconPaperClip:before {
                    background-position: -116px -68px;
                }

                .utilityFooter .utilityIcons li a.iconCalendar:before {
                    background-position: -172px -68px;
                }

                .utilityFooter .utilityIcons li a.iconTwitter:before {
                    background-position: -659px -371px;
                }

                .utilityFooter .utilityIcons li a.iconHand:hover:before {
                    background-position: 0 -123px;
                }

                .utilityFooter .utilityIcons li a.iconClipboard:hover:before {
                    background-position: -58px -124px;
                }

                .utilityFooter .utilityIcons li a.iconPaperClip:hover:before {
                    background-position: -116px -124px;
                }

                .utilityFooter .utilityIcons li a.iconCalendar:hover:before {
                    background-position: -172px -124px;
                }

                .utilityFooter .utilityIcons li a.iconTwitter:hover:before {
                    background-position: -714px -371px;
                }

.siteInfo {
    padding: 0px 0 20px 0;
    background: #091F2F;
}

.topFooter {
    text-align: center;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    padding: 35px 100px;
}
.siteInfo .bottomFooter {
    color:white;
}
.social{
    float:right;
}
.topFooter ul {
    table-layout: inherit;
    width: auto;
    float: left;
    padding-top:10px;
}

/*.topFooter li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    padding: 0;
    background: none;
}*/
.topFooter .utilityIcons {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -1px;
}

.topFooter li, .bottomFooter li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    background: none;
}

.topFooter h2 {
    font-size: 22px;
    line-height: 24px;
    text-transform: none;
    color: #fff;
}

/*.topFooter .copyrightList li:after {
    content: "|";
    position: relative;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    padding: 0 10px;
}*/
/*.topFooter .copyrightList li.lastChild { font-size: 18px; line-height: 24px; }*/
.topFooter .copyrightList li.lastChild:after {
    display: none;
}

.topFooter .copyrightList li.copyChild:after {
    display: none;
}

.topFooter .copyrightList li a {
    color: #aee5ff;
}

.socialIcons {
    margin: 0;
}

    .socialIcons li {
        padding: 0;
        background: none;
    }

    .socialIcons a {
        display: block;
        width: 47px;
        height: 46px;
        text-indent: -9999px;
        padding-right: 5px;
        margin-top: 15px;
        margin-bottom: 15px;
        background: url(/images/assets/bostonRA_sprite.png) no-repeat;
    }

        .socialIcons a.socialFB {
            background-position: 0 -180px;
        }

            .socialIcons a.socialFB:hover {
                background-position: 0 -236px;
            }

        .socialIcons a.socialTW {
            background-position: -54px -180px;
        }

            .socialIcons a.socialTW:hover {
                background-position: -54px -236px;
            }

        .socialIcons a.socialYT {
            padding-right: 0;
            background-position: -108px -180px;
        }

            .socialIcons a.socialYT:hover {
                background-position: -108px -236px;
            }



    .bottomFooter a {
        color: #fff;
    }

        .bottomFooter a:hover {
            text-decoration: none;
            color: #AEE5FF;
        }

    .bottomFooter article {
        float: left;
        width: 240px;
        height: 100%;
        padding-left: 20px;
        border-left: 1px solid #869097;
    }

        .bottomFooter article:nth-of-type(1) {
            border: none;
        }

    .bottomFooter .twoColumn {
        margin: 0;
    }

        .bottomFooter .twoColumn li {
            display: block;
            float: left;
            width: 120px;
            font-size: 14px;
            line-height: 20px;
            padding: 0;
            background: none;
        }

    .bottomFooter h2 {
        font-size: 20px;
        line-height: 22px;
        text-transform: none;
        color: #fff;
        padding-top: 30px;
    }

        .bottomFooter h2:nth-of-type(1) {
            padding-top: 0;
        }

    .bottomFooter p {
        font-size: 14px;
        line-height: 20px;
        padding: 0;
    }

    .bottomFooter .neighborhoodtwoColumn p {
        display: block;
        float: left;
        width: 120px;
    }
/* ---------------------------------------------------------------------- End Footer */

/* Interior Pages --------------------------------------------------------------------------- */
.mainContent {
    float: left;
    width: 1050px;
    min-height: 1200px;
    line-height: 24px;
    padding: 30px;
    background: #fff;
}
    .mainContent h2 {
        text-transform: uppercase;
    }
@media only screen and (min-width:1366px) {
    .mainContent {
        width: 1050px;
        padding: 20px 15px;
        margin-right: -13000px;
    }
}

.mainContent .columnOne {
    float: left;
    width: 760px;
}

.mainContent .columnTwo {
    float: right;
    width: 270px;
}

.mainContent .columnOne table {
    table-layout: fixed;
    width: 100% !important;
}

.interiorHeader {
    position: relative;
    height: 204px;
    margin: -10px 0 20px -30px;
	
}

.head_plan .interiorHeader {
    height: 280px;
    margin: -15px 0 15px -15px;
}
.interiorHeaderImg.slider h1 span {
    display: block;
    padding-left: 10px;
}
.interiorHeader h1, .fullwidthHeader h1 {
    position: relative;
    z-index: 10;
    display: inline-block; 
    color: #091F2F;
    line-height: 38px;
    text-transform: uppercase;
    padding: 5px 15px 5px 0px;
    margin-top: 20px;
    background: white;
}
.interiorHeader.landingPageNeighor h1{
    margin-bottom: 5px;
}
.fullwidthHeader h1{
    position: absolute !important;
    padding-left:10px;
}

.interiorHeader .interiorHeaderImg {
    z-index: 5;
    left: 0;
    top: 0;
    width: 1050px;
    overflow: hidden;
}

.interiorHeader .slider {
    margin-top: -5px;
}
.fwImage.sliderHeader .slides {
    width: 100%;
}

.storyWrapper .sliderHeader.fwImage{
    min-height:auto;
}
.interiorHeader.sliderHeader.fwImage {
    width: 107.8%;
}
.interiorHeader .interiorHeaderImg.fwImage{
	position: relative;
}
.interiorHeader.sliderHeader.fwImage h1{
	position: absolute;
} 
.interiorHeaderImg.slider.fwImage {
    width: 100%;
}
.head_plan .interiorHeader .slider {
    max-height: 290px;
    width:1080px;
}

.interiorHeader .interiorHeaderIntro {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 20px;
    width: 180px;
    max-height: 280px;
    overflow: hidden;
    padding: 20px;
    background: #ebebeb;
}

    .interiorHeader .interiorHeaderIntro p {
        font-size: 18px;
        line-height: 22px;
    }

.interiorHeader span a {
    color: #fff;
    border-bottom: none !important;
}
    /*Removes the Glossary Styling if the term appears in the Header*/
    .interiorHeader span a:hover {
        color: #1871bd;
        border-bottom: none !important;
    }

.businessInitiatives .interiorHeader {
    height: 360px;
}

.projectDetailHeader {
    height: 593px;
    margin-bottom: 0;
}
header[class="interiorHeader"], .genericLandingHeader, .landingPage, .smlLandingHeader {
    height: auto !important;
    min-height: 60px;
    margin-left: 0px;
}
    .genericLandingHeader.landingPage{
        margin-left:7px;
    }
.interiorHeader.landingPage:has(>h1), .interiorHeaderImg:has(>h1 span), .interiorHeader.newsHeader:has(>h1), .interiorHeader.noHeaderImg:has(>h1) {
    border-bottom: 7px solid #091f2f;
}
    header[class="interiorHeader"] h2, .genericLandingHeader h2, .landingPage h2, .smlLandingHeader h2 {
        text-transform: uppercase;
    }
.projectWrapper .smlLandingHeader {
    min-height: 100px;
}
.projectDetailViewingHeader {
    height: 130px;
}

.projectDetailInner {
    height: auto;
    padding-right: 300px;
    margin-left: 0;
}

.smlLandingHeader {
    height: 120px;
}

    .smlLandingHeader h1 {
        float: left;
    }

.storyWrapper .noHeaderImg {
    padding-top: 25px;
}

.sliderHeader {
    float: left;
    width: 536px;
    height: 485px;
    padding-right: 25px;
    margin-top: -25px;
}

.head_plan .sliderHeader {
    width: 1055px;
    height: 290px;
}
.head_plan .sliderHeader h1{
    position: absolute;
	font-size:28px;
}
.sliderHeader .slider {
    width: 536px;
}

.sliderHeader .slides {
    position: relative;
    width: 535px;
    height: auto;
}

.head_plan .sliderHeader .slides {
    width: 805px;
    height: 290px;
    top: -50px;
}

.noHeaderImg {
    float: none;
    height: auto;
}

    .noHeaderImg h1 {
        margin-top: 0;
    }

.specialInteriorHeader {
    position: relative;
    height: 593px;
    margin: -60px 0 30px -30px;
}

    .specialInteriorHeader h1 {
        position: absolute;
        z-index: 10;
        display: inline-block;
        max-width: 461px;
        color: white;
        font-size: 24px;
        line-height: 24px;
        text-transform: none;
        padding: 5px 15px 5px 30px;
        margin-top: 20px;
        background: #1871bd;
    }

    .specialInteriorHeader .interiorHeaderImg {
        position: absolute;
        z-index: 5;
        left: 0;
        top: 0;
        overflow: hidden;
    }

/* Urban Renewal */

.urbanRenewal .interiorHeader {
    height: auto;
}

.urbanRenewal .columnTwo .infoListingWrapper {
    width: 100%;
    padding-bottom: 15px;
    height: auto;
}
.infoListing.item.electoralLanding h3 {
    line-height: 20px;
}
    .urbanRenewal .columnTwo .infoListingWrapper a {
        position: relative !important;
    }

.urbanRenewal .columnTwo .bucket.bucketEvents .eventListing dd {
    width: 105px;
}

.urbanRenewal .sliderHeader .slider {
    width: 805px;
    min-height: 50px;
    padding-top: 0px;
    height: auto;
}

.urbanRenewal .bucket.bucketEvents .eventListing a {
    text-decoration: none !important;
    color: #373737;
}

.urbanRenewal .bucket.bucketEvents .eventListing:hover a {
    color: #fff !important;
    background: #1871bd;
}

.urbanRenewal .bucket h1 {
    font-size: 21px;
    line-height: 23px;
    text-transform: none;
    padding: 0;
}

.urbanRenewal .bucket {
    background: none;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

.urbanRenewal .socialBucket .emailWrapper {
    background: #fff;
    margin: 0px -15px 0px -15px;
    padding: 0px 10px 15px 15px;
}


    .urbanRenewal .socialBucket .emailWrapper h4 {
         
        font-size: 14px;
    }

.urbanRenewal .urimage {
    width: 218px;
    position: relative;
    top: -10px;
    left: -15px;
    width: 218px;
}

.bucket.bucketEvents.height1 {
    height: 265px;
}




/* Interior Map */
.interiorMapIframe {
    text-align: center;
    margin: -30px 0 0 -30px;
    border-top: 4px solid #1871bd;
}

.interiorMapKey {
    margin: -7px 0 -30px -30px;
}

    .interiorMapKey ul {
        margin: 0;
    }

    .interiorMapKey li {
        position: relative;
        display: inline-block;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        text-transform: none;
        padding: 25px 38px 15px 38px;
        border-left: 1px solid #888888;
        background: none;
    }

        .interiorMapKey li:first-child {
            border: none;
        }

        .interiorMapKey li:before {
            content: "";
            display: block;
            width: 15px;
            height: 15px;
            margin: -14px auto 5px auto;
            border-radius: 15px;
        }

        .interiorMapKey li:first-child:before {
            background: #00a7d5;
        }

        .interiorMapKey li:nth-child(2):before {
            background: #bdac01;
        }

        .interiorMapKey li:nth-child(3):before {
            background: #3d9451;
        }

        .interiorMapKey li:nth-child(4):before {
            background: #d91f84;
        }

        .interiorMapKey li.lastChild:before {
            background: #9367cd;
        }

/* Interior Slideshow */
.homeSlider .slide {
    position: absolute;
    z-index: 5;
    left: 0px;
    top: 0;
}

    .homeSlider .slide .imgCaption {
        position: absolute;
        z-index: 10;
        right: 10px;
        bottom: 17px;
        color: #5f5f5f;
        font-size: 13px;
        line-height: 19px;
         
        padding: 10px;
        background: rgba(255,255,255,.9);
    }

.sliderNav {
    position: absolute;
    z-index: 10;
    top: 20px;
    right: 20px;
    padding: 5px 5px 0 5px;
    background: rgba(255,255,255,.7);
}

    .sliderNav a {
        display: block;
        width: 13px;
        height: 13px;
        text-indent: -9999px;
        margin-bottom: 5px;
        background: #7a7a7a;
    }

        .sliderNav .activeSlide, .sliderNav a:hover {
            background: #1871bd;
        }

.head_plan .slide img {
    width: 1080px;
}

.head_plan .interiorHeaderImg {
    width: 1080px;
}

/* Tags */
.tag {
    display: inline-block;
    color: #686868;
    font-size: 12px;
    line-height: 18px;
    
    font-weight: 600;
    padding: 3px 10px;
    margin-bottom: 4px;
    background: #EDEDED;
}

    .tag:hover {
        color: #fff;
        text-decoration: none;
        background: #1871bd;
    }

.bi {
    font-size: 14px;
    line-height: 20px;
    display: block;
    padding-top: 30px;
}

/* Quote Bucket */
.mapBucket header h2 {
    font-size: 21px;
    line-height: 23px;
     
    text-transform: none;
    padding: 0;
}

.bucketQuote {
    position: relative;
    color: #333333;
    padding: 30px 35px;
    margin: 15px 0 30px 0;
    background: #ebebeb;
}

    .bucketQuote:after {
        content: "";
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: 0;
        width: 255px;
        height: 160px;
        background: url(/images/assets/bostonRA_sprite.png) -233px -79px no-repeat;
    }

    .bucketQuote blockquote {
        position: relative;
        z-index: 10;
        font-size: 18px;
        line-height: 24px;
        
        padding: 0;
    }

    .bucketQuote .quoteTitle {
        display: block;
        width: 210px;
         
        text-transform: none;
        font-size: 18px;
        line-height: 20px;
        padding-top: 25px;
        margin-top: 25px;
        border-top: 7px solid #adadad;
    }

.columnTwo .bucketQuote {
    padding: 15px;
    overflow: hidden;
    border-top: 4px solid #1871bd;
}

    .columnTwo .bucketQuote:after {
        right: -30px;
        bottom: -10px;
    }

    .columnTwo .bucketQuote blockquote {
        font-size: 14px;
        line-height: 20px;
    }

    .columnTwo .bucketQuote .quoteTitle {
        position: relative;
        z-index: 10;
        width: auto;
        padding-top: 15px;
        margin-top: 15px;
    }

/* Bucket Styles */
.bucket {
    font-size: 14px;
    line-height: 18px;
    padding: 15px;
    margin-bottom: 25px;
    border-top: 4px solid #1871bd;
    word-wrap: break-word;
    box-shadow: 2.3px 4.6px 4.6px hsl(0deg 0% 0% / 0.43);
}


    .bucket h1 {
        font-size: 21px;
        line-height: 21px;
         
        padding-bottom: 15px;
    }

    .bucket .bucketTopImg {
        text-align: center;
        margin: -15px -15px 10px -15px;
    }

        .bucket .bucketTopImg img {
            max-width: 100%;
        }

    .bucket footer {
        margin: 0 -15px -15px -15px;
    }

        .bucket footer .bucketFooterBtn a {
            position: relative;
            display: block;
            
            line-height: 16px;
            color: #292929;
            text-transform: none;
            padding: 13px 15px;
            background: #d9d9d9;
        }

            .bucket footer .bucketFooterBtn a:hover {
                text-decoration: none;
                color: #fff;
                background: #1871bd;
            }

            .bucket footer .bucketFooterBtn a:after {
                content: "";
                position: absolute;
                right: 15px;
                top: 15px;
                width: 26px;
                height: 26px;
                background: url(/images/assets/bostonRA_sprite.png) -185px 0 no-repeat;
            }

            .bucket footer .bucketFooterBtn a:hover:after {
                background-position: -148px -31px;
            }

.socialBucket .emailWrapper {
    padding: 15px 25px 15px 15px;
    margin: 0 -15px 10px -15px;
    border-top: 2px solid lightgray;
}

    .socialBucket .emailWrapper .emailInput {
        width: 130px;
        color: #5d5d5d;
         
        font-size: 11px;
        line-height: 14px;
        padding: 4px 7px;
        margin: 5px 0 0 0;
        background: #fff;
        border-radius: 0;
        border: 1px solid #c3c3c3;
    }

    .socialBucket .emailWrapper .submitBtn {
        cursor: pointer;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        margin: 0;
        border: none;
        border-radius: 0;
        background: url(/images/assets/bostonRA_sprite.png) -602px -379px no-repeat;
    }

        .socialBucket .emailWrapper .submitBtn:hover {
            background-position: -602px -379px;
        }

.socialBucket .socialIcons {
    margin-top: -5px;
}

    .socialBucket .socialIcons li {
        display: inline-block;
    }

    .socialBucket .socialIcons a {
        margin-top: 0;
        width: 29px;
        height: 30px;
    }

        .socialBucket .socialIcons a.socialFB {
            background-position: -276px 0;
        }

            .socialBucket .socialIcons a.socialFB:hover {
                background-position: -276px -35px;
            }

        .socialBucket .socialIcons a.socialTW {
            background-position: -310px 0;
        }

            .socialBucket .socialIcons a.socialTW:hover {
                background-position: -310px -35px;
            }

        .socialBucket .socialIcons a.socialYT {
            background-position: -488px 0;
        }

            .socialBucket .socialIcons a.socialYT:hover {
                background-position: -488px -35px;
            }

.bucket .infoListingWrapper {
    width: inherit;
}

.infoListing {
    position: relative;
    padding: 15px;
    background: #ededed;
}
    /*.infoListing:hover { background:#1871bd; }
.infoListing:hover a { color:#fff; }
.infoListing:hover h2 a:hover { text-decoration: none; }*/
    .infoListing p {
        line-height: 18px;
        padding-bottom: 10px;
    }

    .infoListing h5 {
        color: #5d5d5d;
        padding-bottom: 5px;
    }
    /*.infoListing .bucketTopImg { width:248px; height: 198px; margin:-15px 0 0 -15px; margin:-69px -15px 15px -15px; }
.infoListing .bucketTopImg img { position: absolute; max-width: 100%; }*/

    /*.infoListing .bucketTopImg { position: relative; z-index: 50; margin:-15px -15px 0 -15px; } */
    .infoListing .bucketTopImg img {
        max-width: 100%;
        height: auto !important;
    }
    /*.infoListing .infoDate { display: block; position: absolute; left:10px; top:10px; z-index: 100; color:#383838; font-size: 14px; line-height: 19px; text-transform: none; padding:10px; margin-bottom: 15px; background:rgba(255,255,255,.9); } */

    .infoListing .tag {
        background: #fff;
    }

        .infoListing .tag:hover {
            color: #fff;
            background: #1871bd;
        }

    .infoListing .viewNow {
        font-size: 13px;
        line-height: 18px;
        
        text-decoration: underline;
    }

.mapsWrapper .infoListing:hover {
    background: #ededed;
}

    .mapsWrapper .infoListing:hover a {
        color: #922500;
    }

.mapsWrapper .item {
	width:206px;
}

article.infoListing.item {
    height: 349px;
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.22);
    -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.22);
    overflow: hidden;
    width: calc(28%);
	float: left;
}

.infoListing .infoDate {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #383838;
    font-size: 14px;
    line-height: 19px;
     
    text-transform: none;
    padding: 10px;
}

.infoListing .bucketTopImg {
    /* position: relative; */
    /* z-index: 50; */
    margin: 24px -15px 0 -15px;
}










/* Masonry */
.infoListingWrapper {
    position: relative;
}

.masonry .item { 
    margin-bottom: 15px;
}
.mapsWrapper.masonry .item.electoralLanding{
    height: 210px;
}

.bucketEvents {
    margin-bottom: 20px;
}

    .bucketEvents header {
        position: relative;
        padding: 15px;
        margin-bottom: 20px;
        background: #ebebeb;
    }

        .bucketEvents header:after {
            content: "";
            position: absolute;
            left: 11px;
            bottom: -9px;
            width: 18px;
            height: 9px;
            background: url(/images/assets/bostonRA_sprite.png) -690px -11px no-repeat;
        }

        .bucketEvents header h2 {
            font-size: 21px;
            line-height: 23px;
             
            text-transform: uppercase;
            padding: 0;
        }

    .bucketEvents article:first-of-type {
        margin-right: 25px;
    }

    .bucketEvents .infoListing {
        float: left;
        width: 215px;
    }

.bucketHeader {
    width: 320%;
}


.eventListing {
    display: block;
    float: left;
    width: 246px;
    padding: 10px 0 10px 10px;
}

    .eventListing dt {
        float: left;
        display: block;
        text-align: center;
        color: #373737;
        
        font-size: 48px;
        line-height: 44px;
        padding-right: 10px;
        padding: 10px 10px 10px 0;
        margin-right: 15px;
        border-right: 1px solid #cccccc;
    }

        .eventListing dt .month {
            display: block;
            font-size: 18px;
            line-height: 20px;
            text-transform: none;
        }

.interiorHeader.projectLessDetailHeader h1 {
    padding-left: 15px;
}
    .eventListing dd {
        float: right;
        width: 155px;
        line-height: 20px;
        padding: 15px 0;
    }

    .eventListing:hover {
        color: #fff;
        background: #1871bd;
    }

        .eventListing:hover dt {
            color: inherit;
        }

.bucket.bucketEvents {
    background: none;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    overflow: auto;
}

    .bucket.bucketEvents header {
        margin: -15px -15px 10px -15px;
    }

    .bucket.bucketEvents footer {
        margin: 10px -15px -15px -15px;
    }

        .bucket.bucketEvents footer a {
            display: block;
            padding: 7px 15px;
            background: #ebebeb;
        }

            .bucket.bucketEvents footer a:hover {
                text-decoration: none;
                color: #fff;
                background: #1871bd;
            }

    .bucket.bucketEvents .eventListing {
        float: none;
        width: auto;
    }

        .bucket.bucketEvents .eventListing dt {
            width: 45px;
            font-size: 34px;
            line-height: 30px;
            padding: 0 10px 0 0;
            margin: 0;
        }

            .bucket.bucketEvents .eventListing dt .month {
                font-size: 16px;
                line-height: 18px;
            }

        .bucket.bucketEvents .eventListing dd {
            line-height: 16px;
            padding: 0 0 5px 15px;
        }

/* Reusable Icons */
.aToZ {
    width: 24px;
    height: 30px;
    text-indent: -9999px;
    background: url(/images/assets/bostonRA_sprite.png) -375px -326px no-repeat;
}

    .aToZ:hover {
        background-position: -375px -381px;
    }

.zToa {
    background-position: -375px -326px;
}

    .zToa:hover {
        background-position: -375px -381px;
    }

.getStartedLink {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 24px;
    
    padding-left: 50px;
    margin: 15px 0 30px 0;
}

    .getStartedLink:before {
        content: "";
        position: absolute;
        left: 0;
        top: -8px;
        width: 40px;
        height: 40px;
        background: url(/images/assets/bostonRA_sprite.png) -122px -373px no-repeat;
    }

    .getStartedLink:hover:before {
        background-position: -176px -373px;
    }

.iconMonthView {
    float: left;
    display: block;
    width: 23px;
    height: 22px;
    text-indent: -9999px;
    padding: 11px 0 0 11px;
    border: 2px solid #1871bd;
    background: url(/images/assets/bostonRA_sprite.png) -702px -43px no-repeat;
    border-radius: 40px;
    margin: -5px 15px 0px 0px;
}

.iconListView {
    float: left;
    display: block;
    width: 23px;
    height: 22px;
    text-indent: -9999px;
    padding: 11px 0 0 11px;
    border: 2px solid #1871bd;
    background: url(/images/assets/bostonRA_sprite.png) -659px -43px no-repeat;
    border-radius: 40px;
	margin: -5px 0;
}

    .iconMonthView.active, .iconListView.active, .iconMonthView:hover, .iconListView:hover {
        border: 2px solid #fff;
    }

/* Clear Bucket */
.clearBucket {
    padding-top: 30px;
}

    .clearBucket h2 {
        font-size: 21px;
        line-height: 21px;
         
        text-transform: none;
        padding-bottom: 10px;
    }

    .clearBucket a {
        position: relative;
        display: block;
        line-height: 18px;
        padding: 13px 15px 13px 70px;
        margin-bottom: 2px;
        background: #f5f4f3;
    }

        .clearBucket a:before {
            content: "";
            position: absolute;
            left: 15px;
            top: 8px;
            width: 45px;
            height: 45px;
            background: url(/images/assets/bostonRA_sprite.png) -488px 0 no-repeat;
        }

        .clearBucket a.articleLink:before {
            top: 6px;
            background-position: -593px 0;
        }

        .clearBucket a.mapLink:before {
            background-position: -536px 0;
        }

        .clearBucket a .info {
            display: block;
        }

/* Related Bucket */
.relatedBucket {
    padding-top: 30px;
}

    .relatedBucket h2 {
        font-size: 21px;
        line-height: 21px;
         
        text-transform: none;
        padding-bottom: 0;
    }

    .relatedBucket h3 {
        padding-top: 15px;
    }

    .relatedBucket a {
        display: block;
        font-size: 12px;
        line-height: 16px;
        padding: 5px 10px;
        background: #F5F4F3;
    }

        .relatedBucket a:hover {
            text-decoration: none;
            background: #edebe9;
        }

    .relatedBucket p {
        font-size: 12px;
        line-height: 16px;
    }

/* Forms */
.required {
    color: #1871bd;
}

.commentForm {
    clear: both;
    padding-top: 30px;
}

    .commentForm h1 {
        padding: 0 0 5px 0;
    }

    .commentForm h2 {
        padding-top: 20px;
    }

    .commentForm h6 {
        
        font-size: 12px;
        line-height: 14px;
        font-style: italic;
        color: #8b8b8b;
        padding-bottom: 5px;
    }

    .commentForm p {
        font-size: 14px;
        line-height: 20px;
    }

.formColumns1, .formColumns {
    margin: 10px 0 0 0;
}

    .formColumns1 > li, .formColumns > li {
        display: block;
        float: left;
        width: 387px;
        height: 42px;
        text-align: right;
        padding: 0;
        background: none;
    }

        .formColumns > li label > li:nth-child(even) label {
            padding-left: 20px;
        }

        .formColumns1 > li label, .formColumns > li label {
            float: left;
            padding-top: 4px;
        }

        .formColumns1 li .phoneWrapper, .formColumns > li .phoneWrapper {
            padding-right: 78px;
        }

        .formColumns > li .zipWrapper { /*padding-right: 115px;*/
        }

        .formColumns > li .smlInputWrapper {
            padding-right: 115px;
        }

        .formColumns > li .selectWrapper {
            float: right;
            text-align: left;
            padding: 0 0 11px 0;
        }

        .formColumns > li .stateWrapper { /*padding-right: 113px;*/
        }

    .formColumns1 .fullWidthLi, .formColumns .fullWidthLi {
        clear: both;
        width: 775px;
        height: auto;
        text-align: left;
    }

        .formColumns1 .fullWidthLi label, .formColumns .fullWidthLi label {
            width: 135px;
            padding-left: 0 !important;
            padding-right:5px;
       }

        .formColumns1 .fullWidthLi textarea, .formColumns .fullWidthLi textarea {
            width: 604px;
        }

        .formColumns1 .fullWidthLi .textareaCaption, .formColumns .fullWidthLi .textareaCaption {
            position: relative;
            margin-left: 150px;
            display:inline-block;
        }

            .formColumns1 .fullWidthLi .textareaCaption:before, .formColumns .fullWidthLi .textareaCaption:before {
                content: "Characters: ";
            }

        .formColumns1 .fullWidthLi .submitBtn, .formColumns .fullWidthLi .submitBtn {
            margin-left: 150px;
        }

    .formColumns1 .Error input, .formColumns .Error textarea, .formColumns .Error input, .formColumns .Error textarea, .formColumns1 .Error select, .formColumns .Error select {
        border: 1px solid #ff0000;
    }
	
	.g-recaptcha {
		padding-left: 140px;
	}

.ErrorLabel {
    display: block;
    color: #ff0000;
    font-size: 12px;
    line-height: 18px;
}

.pageFormWrapper .commentForm {
    padding-top: 0;
}

    .pageFormWrapper .commentForm .zipWrapper {
        padding-bottom: 30px;
    }

.largeFormCheckboxWrapper {
    padding: 15px 0;
    border-top: 1px solid #cecece;
}

    .largeFormCheckboxWrapper p {
        color: #676767;
    }

    .largeFormCheckboxWrapper .checkAll {
        padding-bottom: 15px;
    }

    .largeFormCheckboxWrapper .checkboxWrapper input {
        margin-top: 3px;
    }

    .largeFormCheckboxWrapper .checkboxWrapper label {
        font-size: 12px;
        line-height: 18px;
        
    }

    .largeFormCheckboxWrapper ul {
        margin: 0;
    }

    .largeFormCheckboxWrapper li {
        float: left;
        width: 193px;
        padding: 0;
        background: none;
    }

/* Paging */
.paging {
    margin-top: 20px;
}

    .paging ul {
        margin: 0;
    }

    .paging li {
        display: inline-block;
        text-transform: none;
        font-size: 13px;
        line-height: 19px;
        color: #383838;
        padding: 0;
        background: none;
    }

        .paging li a {
            display: inline-block;
            color: #b0b0b0;
            padding: 0 5px;
        }

            .paging li a:hover, .paging li .HighLighted {
                color: #091F2F;
                text-decoration: none;
                background: #C7DAE1;
            }

/* Default Filter Styles */
.filter {
    position: relative;
    padding: 15px 20px 20px 0;
    margin-top: 30px;
    background: #091F2F;
    border-bottom: 2px solid white;
}

    .filter label {
        color: #fff;
        padding: 0 0 5px 0;
    }

    .filter .col {
        float: left;
        padding: 0 0 0 20px;
    }

    .filter .selectWrapper {
        float: left;
    }


    .filter .searchBtn {
        cursor: pointer;
        width: auto;
        background: #1871bd;
    }

        /*.filter .searchBtn:hover {
            background-position: -88px -308px;
        }*/

    .filter .searchInput {
        width: 150px;
         
        color: #292929;
        font-size: 14px;
        line-height: 15px;
        margin: 0;
        border-radius: 0;
        background: #fff;
        border: none;
    }

.ownedLandFilter {
    padding-bottom: 0;
}

    .ownedLandFilter .col {
        margin-bottom: 20px;
    }

        .ownedLandFilter .col:nth-of-type(5) {
            clear: left;
        }

    .ownedLandFilter .blackArrow .sbHolder {
        width: 159px;
    }

    .ownedLandFilter .blackArrow select {
        width: 148px;
    }

    .ownedLandFilter .smlInput {
        width: 137px;
    }

    .ownedLandFilter .searchBtn {
        float: right;
        margin-top: 30px;
    }

    .ownedLandFilter .searchBtnCap {
        float: none !important;
    }

    .ownedLandFilter .searchBtn {
        float: left;
    }
/*.col.capproj {margin-left: 50px;} */
div#sbHolder_20363535 {
    width: 175px !important;
}

.tableWidget {
    float: left;
    margin-right: 20px;
}

    .tableWidget table {
        max-width: 500px;
        margin: 0;
    }
/* ---------------------------------------------------------------------- End Interior Pages

  */
.genericLandingNavLinks {
    margin: -18px -15px 0 -15px;
}

    .genericLandingNavLinks > a {
        display: block;
        float: left;
        width: 199px;
        height: 199px;
        color: #292929;
        padding: 25px 20px;
    }

        .genericLandingNavLinks > a:hover {
            text-decoration: none;
            background-color: #1871bd;
            color: #fff;
        }

            .genericLandingNavLinks > a:hover h2 {
                color: #fff;
            }


            .genericLandingNavLinks > a:hover:nth-of-type(even) {
                background-color: #1871bd;
            }
	.genericLandingNavLinks a a.glossaryTerm{
        box-shadow: none;
        background: inherit;
        margin: 0;
	}
    .genericLandingNavLinks .learnMore {
        color: #091F2F;
    }
    .genericLandingNavLinks .learnMore:hover{
        color: #fff;
    }
        .genericLandingNavLinks .learnMore:after {
            content: "»";
            padding-left: 5px;
        }

    .genericLandingNavLinks a:hover .learnMore {
        color: inherit;
    }

    .genericLandingNavLinks h2 {
        text-transform: uppercase;
        font-size: 21px;
        line-height: 23px;
    }

        .genericLandingNavLinks h2:hover {
            color: #fff;
        }

    .genericLandingNavLinks p {
        font-size: 15px;
        line-height: 20px;
        padding-bottom: 10px;
    }

/* ---------------------------------------------------------------------- End Generic Landing Pages */


.genericLandingHeader {
    height: 290px;
}


.genericLandingHeader .interiorHeaderImg {
    width: 1050px;
}

.genericLandingHeader .headerCaption {
    overflow: hidden;
    position: absolute;
    top: 90px;
    left: 32px;
    width: 470px;
    height: 130px;
    padding: 20px 15px 15px 15px;
    background: #fff;
    z-index: 5;
    border-left: 4px solid #1871bd;
}

.genericLandingHeader .headerCaption h2 {
     
    font-size: 23px;
    line-height: 28px;
    padding-bottom: 3px;
    color: #353535;
}

.genericLandingNavLinks p {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 0px !important;
}

.genericLandingHeader img {
    width: 1050px;
}
background-color: #1871bd;
/* ---------------------------------------------------------------------- End LandingPage */
/* Story Pages ------------------------------------------------------------------------------------ */
.storyShareWrapper {
    float: left;
    margin-top: 30px;
}

    .storyShareWrapper ul {
        margin: 0;
    }

    .storyShareWrapper li {
        padding: 0;
        background: none;
    }

        .storyShareWrapper li a {
            display: block;
            float: left;
            width: 30px;
            height: 30px;
            text-indent: -9999px;
            margin-right: 3px;
            background: url(/images/assets/bostonRA_sprite.png) no-repeat;
        }

        .storyShareWrapper li .storyFB {
            background-position: -276px 0;
        }

        .storyShareWrapper li .storyTW {
            background-position: -310px 0;
        }

        .storyShareWrapper li .storyEM {
            background-position: -344px 0;
        }

        .storyShareWrapper li .storyGP {
            background-position: -378px 0;
        }

        .storyShareWrapper li .storyFB:hover {
            background-position: -276px -35px;
        }

        .storyShareWrapper li .storyTW:hover {
            background-position: -310px -35px;
        }

        .storyShareWrapper li .storyEM:hover {
            background-position: -344px -35px;
        }

        .storyShareWrapper li .storyGP:hover {
            background-position: -378px -35px;
        }

.storyPaging {
    float: right;
    margin-top: 30px;
}

    .storyPaging a {
        position: relative;
        float: left;
        display: block;
        font-size: 14px;
        line-height: 20px;
        
        color: #292929;
        text-transform: none;
        padding: 5px 0;
    }

        .storyPaging a:before {
            content: "";
            position: absolute;
            top: 1px;
            width: 27px;
            height: 26px;
            background: url(/images/assets/bostonRA_sprite.png) no-repeat;
        }

    .storyPaging .prev {
        padding-left: 42px;
        padding-right: 10px;
        margin-right: 2px;
    }

    .storyPaging .next {
        padding-left: 10px;
        padding-right: 42px;
    }

    .storyPaging .prev:before {
        left: 12px;
        background-position: -146px -2px !important;
        top: 4px;
    }
    .storyWrapper .slide img {
        width: 100%;
    }
    .storyWrapper .sliderHeader{
        height:auto;
        min-height:450px;
    }
    .storyPaging .next:before {
        right: 7px;
        background-position: -113px -2px !important;
        top: 4px;
    }

    .storyPaging a:hover {
        color: #fff;
        text-decoration: none;
        background: #1871bd;
    }

    .storyPaging .prev:hover:before {
        background-position: -147px 0;
    }

    .storyPaging .next:hover:before {
        background-position: -147px -31px;
    }

.storyTags {
    margin-top: 10px;
}
/* -------------------------------------------------------------------------------- End Story Pages */

/* Project Pages ---------------------------------------------------------------------------------- */
.projectHeaderExtra {
    float: left;
    position: relative;
    z-index: 10;
}

    .projectHeaderExtra .selectWrapper {
        float: left;
    }

    .projectHeaderExtra .sbToggle {
        width: 33px;
        background: url(/images/assets/bostonRA_sprite.png) 0 -376px no-repeat;
    }

    .projectHeaderExtra .sbHolder {
        width: 155px;
        height: 32px;
    }

    .projectHeaderExtra select {
        width: 155px;
    }

    .projectHeaderExtra .sbSelector {
        width: 122px;
        height: 27px;
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
        border: 1px solid #b8b8b8;
    }

    .projectHeaderExtra .sbOptions {
        left: 0;
        top: 33px !important;
        border-top: none;
    }

    .projectHeaderExtra .rssLink {
        float: right;
        display: inline-block;
        background: #fff;
    }

.projectHeaderExtra .rssLink:hover {
background: #1871bd;
}

.projectHeaderExtra .rssLink a {
display: block;
position: relative;
color: #F36636;
padding: 5px 15px 5px 55px;
}

.projectHeaderExtra .rssLink a:hover {
color: #fff;
text-decoration: none;
}

.projectHeaderExtra .rssLink a:before {
content: "";
position: absolute;
left: 24px;
top: 4px;
width: 26px;
height: 26px;
background: url(/images/assets/bostonRA_sprite.png) -54px -378px no-repeat;
}

.projectHeaderExtra .rssLink a:hover:before {
background-position: -88px -378px;
}

.projectFilter label {
    padding-left: 20px;
}

.projectFilter .blackArrow .sbHolder {
    width: 215px;
}

 .projectFilter .searchBtn, .staffFilter .searchBtn, .calendarEventFilter .searchBtn, .newsFilter .searchBtn {
    margin-left: 3px;
    padding: 3px 5px;
    float: left;
    font-size: 15px;
    font-weight: 500;
}
.filter.staffFilter .searchBtn, .filter.calendarEventFilter .searchBtn {
    margin-left: 15px;
}
.projectFilter select {
    width: auto;
    border: none;
}
.devProjSrcBtn {
    margin-top: 28px;
}

.sortByWrapper {
    clear: both;
    padding: 10px 20px 10px 20px;
    background: #091F2F;
}

    .sortByWrapper label {
        float: left;
        color: #fff;
        padding: 3px 10px 0 0;
    }

    .sortByWrapper .selectWrapper {
        float: left;
        padding: 2px 0 0 0;
    }

    .sortByWrapper .aToZ {
        float: left;
        background-position: -375px -326px;
        margin-left: 10px;
    }

        .sortByWrapper .aToZ:hover {
            background-position: -375px -381px;
        }

    .sortByWrapper .zToa {
        background-position: -375px -326px;
    }

        .sortByWrapper .zToa:hover {
            background-position: -375px -381px;
        }

.projectTable ul {
    padding-left: 0px;
}

.projectTable {
    margin: 25px 0;
}

    .projectTable caption {
        padding: 10px 20px;
    }

    .projectTable th, .projectTable td {
        padding: 15px 20px;
    }

        .projectTable th:first-child {
            width: 300px;
        }

        .projectTable th:nth-child(2) {
            width: 160px;
        }

        .projectTable td p {
            padding: 0;
        }
    /*.projectTable .viewProjectLink { float: right; text-transform: capitalize; font-size: 15px; line-height: 21px; text-decoration: underline; padding-left: 55px; } */
    /*projectTable .viewProjectLink:hover { color:#922500; } */
    .projectTable h2 {
        position: relative;
         
        font-size: 18px;
        line-height: 20px;
        padding-bottom: 5px;
        color: #091F2F;
    }

.devprojectTable th:first-child h2 {
    padding-left: 55px;
}

    .devprojectTable th:first-child h2:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 45px;
        height: 45px;
        background: url(/images/assets/bostonRA_sprite.png) no-repeat;
    }

.projectTable .tableSubHeader {
    display: block;
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    color: #091F2F;
}

.projectTable ul {
    margin: 0;
}

.projectTable li {
    display: inline;
    color: #828282;
    text-transform: none;
    font-size: 14px;
    line-height: 20px;
    padding: 0 5px 0 0;
    background: none;
}

    .projectTable li:before {
        content: "";
        border-left: 1px solid #858484;
        padding-left: 5px;
    }

    .projectTable li:first-child:before {
        display: none;
    }

    .projectTable li a {
        font-size: 18px;
        line-height: 24px;
        text-transform: capitalize;
    }

.projectTable h3 {
     
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    color: #616161;
    padding: 10px 0 0 0;
}

.pinkTable caption, .plnStat_unc caption {
    border-top: 4px solid #EE283B;
}

.pinkTable th:first-child h2:before, .plnStat_unc th:first-child h2:before {
    background-position: -119px -317px;
}

.blueTable caption, .plnStat_pre caption, .plnStat_let caption {
    border-top: 4px solid #00BDCD;
}

.blueTable th:first-child h2:before, .plnStat_pre th:first-child h2:before, plnStat_let th:first-child h2:before {
    background-position: -184px -317px;
}

.mustardTable caption, .plnStat_und caption {
    border-top: 4px solid #FEBE10;
}

.mustardTable th:first-child h2:before, .plnStat_und th:first-child h2:before {
    background-position: -247px -317px;
}

.greenTable caption, .plnStat_boa caption{
    border-top: 4px solid #92C83E;
}

.greenTable th:first-child h2:before, .plnStat_boa th:first-child h2:before {
    background-position: -310px -317px;
}

.purpleTable caption, .plnStat_con caption {
    border-top: 4px solid #7B0165;
}

.purpleTable th:first-child h2:before, .plnStat_con th:first-child h2:before {
    background-position: -247px -369px;
}

.miscTable th:first-child h2 {
    padding-left: 0;
}

    .miscTable th:first-child h2:before {
        display: none;
    }

.projectMenu {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    width: 244px;
    height: 593px;
    padding-left: 25px;
}

    .projectMenu hgroup {
        padding: 30px 0 20px 0;
    }

        .projectMenu hgroup h2 {
            font-size: 21px;
            line-height: 25px;
            text-transform: none;
             
            padding-bottom: 0;
        }

        .projectMenu hgroup h5 {
            font-size: 15px;
            line-height: 21px;
            
            font-style: italic;
            color: #8b8b8b;
        }

        .projectMenu hgroup h6 {
            
            font-style: italic;
            color: #8b8b8b;
        }

    .projectMenu .rss {
        float: right;
        position: relative;
        display: block;
        text-transform: none;
        color: #292929;
        margin-top: -36px;
    }

        .projectMenu .rss:after {
            content: "";
            position: absolute;
            left: -35px;
            top: -4px;
            width: 32px;
            height: 32px;
            background: url(/images/assets/bostonRA_sprite.png) -416px 0 no-repeat;
        }

        .projectMenu .rss:hover {
            color: #1871bd;
            text-decoration: none;
        }

            .projectMenu .rss:hover:after {
                background-position: -416px -36px;
            }

.columnTwo .projectMenu {
    position: static;
    width: auto;
    height: auto;
    padding: 0 0 20px 0;
}

    .columnTwo .projectMenu hgroup {
        padding-top: 0;
        padding: 0 0 0 20px;
    }

    .columnTwo .projectMenu .projectInfo {
        padding-left: 20px;
    }

.projectLessDetailHeader {
    height: auto;
    margin-bottom: 0;
}

    .projectLessDetailHeader .projectMenu {
        position: static;
        width: auto;
        height: auto;
        padding: 0 0 30px 30px;
    }

    .projectLessDetailHeader .projectInfo li {
        float: left;
        width: 226px;
        margin-right: 30px;
    }

.projectView {
    width: 300px;
    height: 75px;
    padding: 25px 0 0 25px;
    margin: 0 0 -15px -25px;
    background: url(/images/assets/projectViewBG.png) no-repeat;
}

    .projectView label {
        display: block;
        float: left;
        font-size: 20px;
        line-height: 22px;
        text-transform: none;
        
        color: #fff;
        padding: 2px 10px 0 0;
    }

    .projectView .selectWrapper {
        float: left;
    }

    .projectView .sbHolder {
        width: 145px;
    }

    .projectView select {
        width: 145px;
    }

    .projectView .sbSelector {
        font-size: 13px;
        line-height: 19px;
        padding-top: 3px;
    }

    .projectView .sbOptions li {
        font-size: 13px;
        line-height: 19px;
    }

.projectInfo {
    margin: 0;
}

    .projectInfo li {
        
        padding: 5px 0;
        border-bottom: 1px solid #bebebe;
        background: none;
    }

    .projectInfo h3 {
        
        color: #000;
        font-size: 14px;
        font-weight: 600;
        padding-bottom: 3px;
    }

    .projectInfo p {
        font-size: 12px;
        line-height: 18px;
        padding: 0;
    }

.columnOne .projectInfo {
    margin-bottom: 30px;
}

    .columnOne .projectInfo li {
        float: left;
        width: 222px;
        margin-right: 30px;
    }

.projectWrapper .columnOne {
    width: 760px;
    padding: 30px 20px 0 0;
}

.projectWrapper .columnTwo {
    width: 270px;
}

.projectWrapper .columnOne p {
    padding-right: 30px;
}

.planning_init .columnOne {
    width: 760px;
    padding: 0px 10px 0 0;
}

.planning_init .columnTwo {
    padding-right: 0px;
}

.projectLinks a {
    font-size: 14px;
    line-height: 20px;
     
    padding-left: 10px;
}

.projectDocument {
    float: left;
    margin-top: 10px;
    width: 243px;
}

    .projectDocument .documentLink {
        float: left;
        position: relative;
        display: block;
        color: #fff;
        width: 119px;
        border: 1px solid #1871bd;
         
        text-transform: none;
        font-size: 13px;
        line-height: 14px;
        padding: 10px 15px 10px 37px;
        background: #1871bd;
        text-decoration: none;
    }

        .projectDocument .documentLink:hover {
            text-decoration: none;
            background: #fff;
            border: 1px solid #a9a9a9;
            color: #1871bd;
        }

        .projectDocument .documentLink:before {
            content: "";
            position: absolute;
            left: 7px;
            top: 9px;
            width: 25px;
            height: 19px;
            background: url(/images/assets/bostonRA_sprite.png) -618px -52px no-repeat;
        }

        .projectDocument .documentLink:hover:before {
            background-position: -587px -52px;
        }

    .projectDocument .documentDetails {
        float: left;
        display: block;
        width: 51px;
        color: #707070;
        text-transform: none;
        font-size: 12px;
        line-height: 14px;
        
        font-weight: 800;
        margin: 0 10px 0 5px;
    }

.projectPhase {
    padding: 25px;
    background: #f1f1f1;
}

    .projectPhase h2 {
        float: left;
        font-size: 21px;
        line-height: 25px;
        text-transform: none;
         
        padding-bottom: 0;
    }

    .projectPhase .helpIcon {
        float: left;
        display: block;
        width: 23px;
        height: 27px;
        text-indent: -9999px;
        margin: -3px 0 15px 10px;
        background: url(/images/assets/bostonRA_sprite.png) -457px 0 no-repeat;
    }

        .projectPhase .helpIcon:hover {
            background-position: -457px -36px;
        }

.projectPhaseList {
    clear: both;
    position: relative;
    margin: 0;
}

    .projectPhaseList:before {
        content: "";
        position: absolute;
        left: -10px;
        top: 3px;
        width: 37px;
        height: 185px;
        background: url(/images/assets/projectPhaseGraph.png) no-repeat;
    }

    .projectPhaseList li {
        position: relative;
        color: #a0a0a0;
        padding: 0 0 13px 40px;
        background: none;
    }

        .projectPhaseList li.active {
            
            color: #292929;
        }

            .projectPhaseList li.active:after {
                content: "";
                position: absolute;
                left: -13px;
                top: 3px;
                width: 17px;
                height: 17px;
                background: url(/images/assets/bostonRA_sprite.png) no-repeat;
            }

            .projectPhaseList li.active:first-child:after {
                background-position: -172px -184px;
            }

            .projectPhaseList li.active:nth-child(2):after {
                background-position: -172px -210px;
            }

            .projectPhaseList li.active:nth-child(3):after {
                background-position: -172px -235px;
            }

            .projectPhaseList li.active:nth-child(4):after {
                background-position: -172px -260px;
            }

            .projectPhaseList li.active:nth-child(5):after {
                background-position: -172px -284px;
            }

        .projectPhaseList li.completed {
            color: #4a4a4a;
        }

            .projectPhaseList li.completed:before {
                content: "";
                position: absolute;
                left: 6px;
                top: 3px;
                width: 17px;
                height: 17px;
                background: url(/images/assets/bostonRA_sprite.png) no-repeat;
            }

            .projectPhaseList li.completed:first-child:before {
                background-position: -199px -184px;
            }

            .projectPhaseList li.completed:nth-child(2):before {
                background-position: -199px -210px;
            }

            .projectPhaseList li.completed:nth-child(3):before {
                background-position: -199px -236px;
            }

            .projectPhaseList li.completed:nth-child(4):before {
                background-position: -199px -260px;
            }

            .projectPhaseList li.completed:nth-child(5):before {
                background-position: -199px -284px;
            }

.planningPhaseList:before {
    background: url(/images/assets/planningPhaseGraph.png) no-repeat;
}

.planningPhaseList li.completed:first-child:before {
    background-position: -612px -96px;
}

.planningPhaseList li.completed:nth-child(2):before {
    background-position: -612px -122px;
}

.planningPhaseList li.completed:nth-child(3):before {
    background-position: -612px -148px;
}

.planningPhaseList li.active:first-child:after {
    background-position: -585px -96px;
}

.planningPhaseList li.active:nth-child(2):after {
    background-position: -585px -122px;
}

.planningPhaseList li.active:nth-child(3):after {
    background-position: -585px -148px;
}

.orangeTable caption {
    border-top: 4px solid #ff7d57;
}

.orangeTable th:first-child h2 {
    padding-left: 0;
}

    .orangeTable th:first-child h2:before {
        display: none;
    }

.lightBlueTable caption {
    border-top: 4px solid #3d85ea;
}

.lightBlueTable th:first-child h2 {
    padding-left: 0;
}

    .lightBlueTable th:first-child h2:before {
        display: none;
    }

.lightGreenTable caption {
    border-top: 4px solid #92C83E;
}

.lightGreenTable th:first-child h2 {
    padding-left: 0;
}

    .lightGreenTable th:first-child h2:before {
        display: none;
    }

.projectUpdate {
    padding: 0px; /*background:#b9b9b9;*/
    zoom: 1;
}

    .projectUpdate:before, .projectUpdate:after {
        content: "";
        display: table;
    }

    .projectUpdate:after {
        clear: both;
    }

    .projectUpdate label {
        display: block;
        text-transform: none;
        font-size: 14px;
        line-height: 20px;
        color: #292929;
        padding-bottom: 3px;
    }
    /*.projectUpdate .emailInput { float: left; width:155px; color: #292929; font-size: 11px; line-height: 14px; padding:7px 10px; margin:0; border-radius: 0; border:none; background:#fff; }*/
    .projectUpdate .emailInput {
        width: 156px;
        color: #5d5d5d;
         
        font-size: 11px;
        line-height: 14px;
        padding: 4px 7px;
        margin: 5px 0 0 0;
        background: #fff;
        border-radius: 0;
        border: 1px solid #c3c3c3;
    }

    .projectUpdate .searchBtn {
        cursor: pointer;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        margin: 0;
        border: none;
        border-radius: 0;
        background: url(/images/assets/bostonRA_sprite.png) -602px -379px no-repeat;
    }

        .projectUpdate .searchBtn:hover {
            background-position: -602px -379px;
        }

.email_sub h4 {
     
    font-size: 14px;
}

.projectDetailInner h1 {
    padding-left: 0;
	position: relative;
    z-index: 10;
    display: inline-block;
    max-width: 461px;
    color: #1871bd;
     
    font-size: 24px;
    line-height: 24px;
    text-transform: none;
    margin-top: 20px;
    background: #fff;
}

.projectDetailInner h2 {
    text-transform: none;
    font-size: 18px;
    line-height: 20px;
    padding: 15px 0 5px 0;
}

.projectDetailInner h3 {
    padding: 0;
}

.projectDetailInner .projectInfo h3 {
    font-size: 12px;
    font-weight: 600;
}

.projectDetailInner .projectMenu {
    height: auto;
}

.capConsPhaseList:before {
    background: url(/images/assets/capConsPhaseGraph.png) no-repeat;
}
/* ------------------------------------------------------------------------------ End Project Pages */

/* Document Center Pages -------------------------------------------------------------------------- */
.documentHeaderExtra {
    float: right;
    position: relative;
    z-index: 10;
    width: 205px;
    height: 70px;
    padding: 15px 30px;
    margin-top: 20px;
    background: #1871bd;
}

    .documentHeaderExtra label {
        color: #fff;
        padding-bottom: 8px;
    }

    .documentHeaderExtra .selectWrapper {
        float: left;
    }

    .documentHeaderExtra .aToZ {
        display: block;
        float: right;
        margin-right: 10px;
    }

.documentTableWrapper {
    position: relative;
    margin-bottom: 20px;
}

    .documentTableWrapper h2 {
        float: left;
        font-size: 18px;
        line-height: 24px;
        text-transform: none;
        padding: 13px 0 0 0;
    }

    .documentTableWrapper h4 {
         
        padding: 0;
    }

    .documentTableWrapper table {
        margin-bottom: 0;
    }

        .documentTableWrapper table caption {
            padding: 0 0 0 20px;
            background: #e9e9e9;
            border-bottom: 1px solid #fff;
        }

        .documentTableWrapper table td {
            padding: 15px 20px;
            vertical-align: middle;
            background: #e9e9e9;
        }

            .documentTableWrapper table td p {
                font-size: 14px;
                line-height: 18px;
                padding: 0;
            }

            .documentTableWrapper table td h6 {
                
                font-size: 12px;
                line-height: 16px;
                font-style: italic;
            }

    .documentTableWrapper .toggleTD {
        position: relative;
        z-index: 10;
        display: none;
        background: #e9e9e9;
        padding: 15px 20px;
    }

    .documentTableWrapper .toggleTDNHood {
        position: relative;
        z-index: 10;
        display: block;
        background: #e9e9e9;
        padding: 15px 20px;
    }

    .documentTableWrapper .toggleTD p {
        font-size: 12px;
        line-height: 18px;
        color: #515151;
    }

    .documentTableWrapper .toggleTDNHood .descriptionList {
        margin: 0;
    }

        .documentTableWrapper .toggleTDNHood .descriptionList > li {
            display: block;
            float: left;
            padding: 0 45px 0 0;
            background: none;
        }

            .documentTableWrapper .toggleTDNHood .descriptionList > li h4 {
                float: left;
                padding-right: 15px;
            }

            .documentTableWrapper .toggleTDNHood .descriptionList > li .linksWrapper {
                float: left;
            }

            .documentTableWrapper .toggleTDNHood .descriptionList > li span {
                display: block;
                 
                font-size: 14px;
                line-height: 18px;
            }

    .documentTableWrapper .expandBtn {
        position: relative;
        z-index: 20;
        cursor: pointer;
        display: block;
        width: 17px;
        height: 17px;
        text-indent: -9999px;
        margin: -11px 0 0 -5px;
        background: url(/images/assets/bostonRA_sprite.png) -360px -261px no-repeat;
    }

    .documentTableWrapper .open {
        background-position: -392px -261px;
    }

.downloadInfo {
    float: right;
    padding: 10px 10px 10px 20px;
    background: #cdcdcd;
}

    .downloadInfo .downloadLink {
        position: relative;
        display: block;
        float: left;
         
        font-size: 14px;
        line-height: 19px;
        color: #292929;
        padding: 5px 10px 0 30px;
    }

        .downloadInfo .downloadLink:before {
            content: "";
            position: absolute;
            left: 0;
            top: 5px;
            width: 23px;
            height: 17px;
            background: url(/images/assets/bostonRA_sprite.png) -278px -260px no-repeat;
        }

    .downloadInfo .downloadDetail {
        display: block;
        float: left;
        
        font-size: 12px;
        line-height: 18px;
        padding: 5px 20px 0 0;
    }

    .downloadInfo .emailLink {
        display: none;
        float: right;
        width: 19px;
        height: 30px;
        text-indent: -9999px;
        border-left: 1px solid #fff;
        padding-left: 15px;
        background: url(/images/assets/bostonRA_sprite.png) -339px 0 no-repeat;
    }

        .downloadInfo .emailLink:hover {
            background-position: -339px -35px;
        }
/* ---------------------------------------------------------------------- End Document Center Pages */

/* Research Pages --------------------------------------------------------------------------------- */
.researchPubHeader {
    height: auto;
}

.researchTopicHeader {
    height: auto;
}

.researchHeaderContent {
    float: left;
    width: 493px;
    padding: 20px 0 0 30px;
}

    .researchHeaderContent .imgWrapper {
        float: left;
        width: 185px;
        padding-right: 30px;
    }

    .researchHeaderContent .contentWrapper {
        float: left;
        width: 248px;
        padding-top: 10px;
        padding: 10px 30px 0 0;
    }

    .researchHeaderContent h1 {
        display: block;
         
        color: #292929;
        text-transform: none;
        line-height: 26px;
        padding: 0 0 10px 0;
        margin: 0;
        background: none;
    }

    .researchHeaderContent h2 {
         
        text-transform: none;
        font-size: 18px;
        line-height: 18px;
        padding: 0 0 5px 0;
    }

    .researchHeaderContent h3 {
         
        color: #292929;
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 10px;
    }

    .researchHeaderContent .sliderNav {
        left: 30px;
        top: auto;
        bottom: -12px;
        padding: 0;
        background: none;
    }

        .researchHeaderContent .sliderNav a {
            float: left;
            margin-right: 5px;
        }

    .researchHeaderContent .projectDocument {
        width: auto;
        margin-right: 15px;
    }

        .researchHeaderContent .projectDocument .documentLink {
            float: none;
            width: auto;
        }

        .researchHeaderContent .projectDocument .documentDetails {
            float: none;
            width: auto;
            font-size: 14px;
            line-height: 16px;
            padding-top: 5px;
        }

    .researchHeaderContent .emailLink {
        position: relative;
        float: left;
        display: block;
        
        font-weight: 800;
        font-size: 12px;
        line-height: 16px;
        text-transform: none;
        color: #383838;
        padding: 11px 10px 5px 39px;
        margin: 11px 0 0 50px;
    }

        .researchHeaderContent .emailLink:hover {
            text-decoration: none;
            background: #fff;
        }

        .researchHeaderContent .emailLink:before {
            content: "";
            position: absolute;
            left: 3px;
            top: 1px;
            width: 30px;
            height: 30px;
            background: url(/images/assets/bostonRA_sprite.png) -318px -418px no-repeat;
        }

        .researchHeaderContent .emailLink:hover:before {
            background-position: -316px -254px;
        }

.researchHeaderSearch {
    float: right;
    width: 282px;
    margin-top: -54px;
}

    .researchHeaderSearch .searchWrapper {
        padding: 20px 0 20px 30px;
        background: #ebebeb;
    }

        .researchHeaderSearch .searchWrapper label {
            display: block;
            color: #292929;
            font-size: 14px;
            line-height: 16px;
            padding-bottom: 3px;
            text-transform: none;
        }

        /*.researchHeaderSearch .searchWrapper input {
            width: 155px;
             
            color: #292929;
            font-size: 11px;
            line-height: 14px;
            margin-bottom: 0;
            border-radius: 0;
            border: 1px solid #c3c3c3;
            background: #fff;
        }

        .researchHeaderSearch .searchWrapper .searchBtn {
            cursor: pointer;
            width: 25px;
            height: 25px;
            text-indent: -9999px;
            padding: 0;
            margin: 0;
            border: none;
            border-radius: 0;
            background: url(/images/assets/bostonRA_sprite.png) -186px 2px no-repeat;
        }*/

            .researchHeaderSearch .searchWrapper .searchBtn:hover {
                background-position: -186px -29px;
            }

    .researchHeaderSearch .subscribeWrapper {
        background: #d1d1d1;
    }

    .researchHeaderSearch .subscribeCheckboxes {
        margin: 15px 0;
    }

        .researchHeaderSearch .subscribeCheckboxes li {
            display: block;
            float: left;
            width: 120px;
            padding: 0 0 10px 0;
            background: none;
        }

        .researchHeaderSearch .subscribeCheckboxes input {
            width: auto;
            margin-top: 2px;
            background: none;
        }

        .researchHeaderSearch .subscribeCheckboxes label {
            width: 90px;
            font-size: 12px;
            line-height: 18px;
             
            text-transform: none;
        }

.researchPubLinks h1 {
    padding: 55px 0 20px 30px;
}

.researchPublicationFilter {
    float: right;
    padding: 15px;
    margin-top: 10px;
    background: #1871bd;
}

    .researchPublicationFilter label {
        float: left;
        
        font-size: 20px;
        text-transform: none;
        color: #fff;
    }

    .researchPublicationFilter .selectWrapper {
        float: left;
        padding: 0;
        margin-left: 10px;
    }

.researchTopicHeader .researchHeaderContent {
    clear: right;
    width: 775px;
    padding-bottom: 20px;
    background: #ededed;
}

    .researchTopicHeader .researchHeaderContent .imgWrapper {
        margin-top: 10px;
    }

    .researchTopicHeader .researchHeaderContent .contentWrapper {
        width: 530px;
    }

.researchPubTable {
    position: relative;
    margin-top: 20px;
}

    .researchPubTable tbody {
        height: 160px;
    }

    .researchPubTable .researchPubThumb {
        position: absolute;
        top: 15%;
        left: 0;
        bottom: 0;
        width: 216px;
        height: 100%;
        text-align: center;
        overflow: hidden;
    }

        .researchPubTable .researchPubThumb img {
            box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
            -moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
            -webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
            height: 150px;
            width: 115px;
        }
        .researchPubTable .researchPubThumb.commManager img{
            width: 150px;
        }
    .researchPubTable table {
        float: left;
        width: 559px;
        margin: 0 0 0 216px;
        min-height: 160px;
    }

        .researchPubTable table caption {
            padding: 0 0 0 20px;
            border-top: none;
            border-bottom: 1px solid #fff;
            background: #E9E9E9;
        }

            .researchPubTable table caption h2 {
                float: left;
                width: 469px;
                text-transform: none;
                font-size: 18px;
                line-height: 20px;
                padding: 20px 0 15px 0;
            }
        .researchPubTable h2 .commEmail{
            color: #1871bd;
            font-size: 14px;
        }
        .researchPubTable table td {
            vertical-align: middle;
            padding: 10px 18px;
            background: #e9e9e9;
            border-bottom: none;
        }

            .researchPubTable table td:last-child {
                width: 295px;
            }

            .researchPubTable table td ul {
                margin: 0;
            }

            .researchPubTable table td li {
                float: left;
                padding: 0;
                background: none;
            }

                .researchPubTable table td li:first-child {
                    margin-right: 20px;
                }

            .researchPubTable table td p {
                font-size: 14px;
                line-height: 16px;
                padding: 0;
            }

    .researchPubTable .downloadInfo {
        padding: 4px 10px;
        margin-top: 17px;
    }

        .researchPubTable .downloadInfo .emailLink {
            width: 30px;
            padding: 0;
            border: none;
            background-position: -318px -418px;
        }

            .researchPubTable .downloadInfo .emailLink:hover {
                background: url(/images/assets/bostonRA_sprite.png) -316px -254px no-repeat;
            }

    .researchPubTable .tableSubHeader {
        display: block;
        font-size: 14px;
        line-height: 18px;
        text-transform: none;
        color: #616161;
    }

    .researchPubTable table caption {
        font-size: 21px;
        line-height: 25px;
        text-transform: none;
        text-align: left;
        padding: 10px;
        background: #cdcdcd;
        border-top: 3px solid #091F2F;
    }

    .researchPubTable table th {
        width: 50% !important;
    }

    .researchPubTable th, .researchPubTable td {
        padding: 15px 20px;
    }

    .researchPubTable caption {
        padding: 10px 20px !important;
    }
/* ----------------------------------------------------------------------------- End Research Pages */

/* News Pages ------------------------------------------------------------------------------------- */
.newsHeader {
    height: auto;
    margin-left:0px;
}

    .newsHeader .interiorHeaderImg {
        width: 536px;
		max-height: 485px;
    }

    .newsHeader .headerCaption {
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 1px;
        width: 208px;
        height: 435px;
        padding: 20px 30px 30px 30px;
        background: #ebebeb;
    }

        .newsHeader .headerCaption h2 {
            font-size: 24px;
            line-height: 28px;
        }

        .newsHeader .headerCaption p {
            line-height: 18px;
        }

.newsFilter {
    padding: 10px 0px; 
    margin-bottom: 15px;
    background: #091F2F;
}

    ./*newsFilter .filterWrapper {
        float: left;
        padding: 15px 0 20px 0;
        width: 100%;
        height: auto;
        background: #1871bd;
    }*/

        .newsFilter .filterWrapper .col {
            width: auto;
            padding-left: 20px;
        }

            .newsFilter .filterWrapper .col .searchInput {
                float: left;
            }

    .newsFilter .blackArrow .sbHolder {
        width: 215px;
    }

    .newsFilter .blackArrow select {
        width: 215px;
    }

    .newsFilter .blackArrow .sbSelector {
        font-size: 14px;
        line-height: 18px;
        color: #151515;
    }

    .newsFilter .searchBtn {
        margin-left: 10px;
        float:left;
    }

    .newsFilter .twitterWrapper {
        position: relative;
        float: left;
        width: 140px;
        height: 31px;
        padding: 30px 62px;
    }

        .newsFilter .twitterWrapper .hidden {
            position: absolute;
            z-index: 1000;
            width: 190px;
            color: #fff;
            padding: 15px 20px;
            background: #383838;
        }

    .twitterFeedLink {
        display: block;
        position: relative;
        text-transform: none;
        color: #1871bd;
        font-size: 14px;
        line-height: 16px;
        padding: 7px 8px 7px 38px;
        background: #fff;
        border: 1px solid #8f8f8f;
		margin-top:-7px;
    }

        .newsFilter .twitterFeedLink:hover {
            color: #fff;
            text-decoration: none;
            background: #383838;
        }

        .newsFilter .twitterFeedLink:before {
            content: "";
            position: absolute;
            left: 8px;
            top: 0;
            width: 30px;
            height: 30px;
            background: url(/images/assets/bostonRA_sprite.png) -755px 1px no-repeat;
        }

        .newsFilter .twitterFeedLink:hover:before {
            background-position: -755px -32px;
        }
/* ------------------------------------------------------------------------------------------------ */

/* Calendar Pages ------------------------------------------------------------------------------------- */
.calendarDateWrapper input {
    width: 100%;
    color: #353535;
    font-size: 24px;
    line-height: 26px;
    
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background: none;
}

.calendarDateWrapper .ui-datepicker-trigger {
    float: left;
    margin-top: 5px;
}

.calendarDateWrapper label {
    float: left;
    font-size: 12px;
    line-height: 16px;
    color: #999999;
    margin: 7px 0 0 10px;
}

.calendarFilter {
    padding-bottom: 9px;
}

    .calendarFilter label {
        float: left;
        display: inline-block;
        padding: 2px 10px 0 0;
    }

    .calendarFilter .blackArrow .sbHolder {
        width: 196px;
    }

    .calendarFilter .blackArrow select {
        width: 196px;
    }

    .calendarFilter .searchBtn {
        margin: 0 20px 0 0;
    }

    .calendarFilter .iconMonthView {
        margin: -3px 10px 0 10px;
    }

    .calendarFilter .iconListView {
        margin-top: -3px;
    }

.calendarTable {
    position: relative;
    margin: 25px 0;
    border-top: 4px solid #1871bd;
    border-bottom: 4px solid #1871bd;
	table-layout: auto !important;
}

    .calendarTable caption { /*float: left;*/
        display: table-cell;
        vertical-align: middle;
        width: 73px;
        color: #383838;
        text-align: center;
        padding: 5px 20px;
        border: none;
        background: #fff;
    }

        .calendarTable caption h1 {
            font-size: 14px;
            line-height: 14px;
            text-transform: none;
            padding: 0;
        }

        .calendarTable caption h2 {
            font-size: 48px;
            line-height: 48px;
            
            padding: 0;
        }

        .calendarTable caption h3 {
            font-size: 18px;
            line-height: 18px;
            text-transform: none;
            color: #383838;
            padding: 0;
        }

    .calendarTable tbody { /*float: left;*/
        display: table-cell;
        vertical-align: middle;
        background: #E9E9E9;
        width: 662px;
    }

    .calendarTable tr {
        border-top: 2px solid #091F2F;
        background: #E9E9E9;
    }

        .calendarTable tr:first-child {
            border: none;
        }

    .calendarTable td {
        vertical-align: middle;
        width: 420px;
        padding: 0;
        border-bottom: none;
        background: none;
    }

        .calendarTable td:first-child {
            width: 200px;
            padding: 15px 20px;
        }

        .calendarTable td h2 {
             
            font-size: 18px;
            line-height: 20px;
            padding-bottom: 0;
        }

        .calendarTable td .tableSubHeader {
            display: block;
             
            color: #292929;
            font-size: 18px;
            line-height: 20px;
            text-transform: none;
            padding-top: 10px;
        }

        .calendarTable td p {
            font-size: 14px;
            line-height: 18px;
            padding-bottom: 8px;
        }

            .calendarTable td p:last-of-type {
                padding-bottom: 0;
            }

    .calendarTable .calendarInfoWrapper {
        padding: 15px 20px;
    }

    .calendarTable .calendarInfoAddition {
        position: relative;
        z-index: 1000;
    }

        .calendarTable .calendarInfoAddition .socialWrapper a {
            display: inline-block;
            height: 30px;
            width: 29px;
            text-indent: -9999px;
            margin-top: 0;
            background: url(/images/assets/bostonRA_sprite.png) no-repeat;
        }

        .calendarTable .calendarInfoAddition .socialWrapper .socialFB {
            background-position: -276px 0;
        }

            .calendarTable .calendarInfoAddition .socialWrapper .socialFB:hover {
                background-position: -276px -35px;
            }

        .calendarTable .calendarInfoAddition .socialWrapper .socialTW {
            background-position: -310px -35px;
        }

            .calendarTable .calendarInfoAddition .socialWrapper .socialTW:hover {
                background-position: -310px 0;
            }

        .calendarTable .calendarInfoAddition h2 {
            display: inline-block;
            text-transform: none;
            padding-bottom: 9px;
        }

            .calendarTable .calendarInfoAddition h2 a {
                position: relative;
            }

                .calendarTable .calendarInfoAddition h2 a:hover {
                    text-decoration: none;
                }

                .calendarTable .calendarInfoAddition h2 a:after {
                    content: "";
                    position: absolute;
                    right: -35px;
                    top: 0;
                    width: 22px;
                    height: 25px;
                    background: url(/images/assets/bostonRA_sprite.png) -113px -1px no-repeat;
                }

                .calendarTable .calendarInfoAddition h2 a:hover:after {
                    background-position: -88px -308px;
                }

        .calendarTable .calendarInfoAddition p {
            float: left;
             
            margin: -23px 0 0 75px;
        }

            .calendarTable .calendarInfoAddition p a {
                text-decoration: underline;
            }

    /* Hover Display */
    .calendarTable tr:hover {
        color: #091F2F;
    }

    .calendarTable .calendarInfoAddition {
        display: none;
    }

    .calendarTable tr:hover td {
        border-bottom: 1px solid #1871bd;
        border-right: 1px solid #1871bd;
    }

        .calendarTable tr:hover td.lastChild {
            background: #94D5DB;
        }

        .calendarTable tr:hover td:first-child {
            background: #94D5DB !important;
        }

    .calendarTable tr:hover .calendarInfoWrapper .calenderInfoMain {
        display: none;
    }

    .calendarTable tr:hover .calendarInfoAddition {
        display: block;
    }

    .calendarTable tr:hover a, .calendarTable tr:hover td .tableSubHeader {
        color: inherit;
    }

    .calendarTable tr:hover td h2 {
        color: #091F2F;
        
    }

/* Month View */
.Calendar table {
    margin: 0;
    border: none !important;
}

    .Calendar table tr td {
        height: 100px;
        text-align: left;
        line-height: 15px;
        
        color: #999999;
        font-weight: 600;
        padding: 4px;
        background: #e4e4e4;
        border-bottom: 1px solid #cdcdcd;
    }

        .Calendar table tr td br {
            display: none;
        }

        .Calendar table tr td .Content {
            display: none;
        }

        .Calendar table tr td a {
            position: relative;
            font-size: 10px;
            line-height: 12px;
            color: #fff;
            display: block;
            padding: 5px 13px 5px 6px;
            margin-top: 2px;
            background: #0087b1;
            border-radius: 4px;
        }

            .Calendar table tr td a:after {
                content: "";
                position: absolute;
                right: 5px;
                bottom: 2px;
                width: 10px;
                height: 10px;
                background: url(/images/assets/bostonRA_sprite.png) -505px -181px no-repeat;
            }

            .Calendar table tr td a:first-of-type {
                margin-top: 6px;
            }

            .Calendar table tr td a:nth-of-type(even) {
                background: #009fd0;
            }

            .Calendar table tr td a:hover {
                text-decoration: none;
                background: #007da4;
            }

                .Calendar table tr td a:hover:nth-of-type(even) {
                    background: #0295c3;
                }

    .Calendar table tr:first-child {
        background: #e4e4e4;
    }

        .Calendar table tr:first-child > td {
            height: auto;
            line-height: 21px;
            padding: 6px 10px;
            background: none !important;
            border: none;
        }

            .Calendar table tr:first-child > td > table td {
                vertical-align: bottom;
                text-align: center;
                
                color: #292929;
                font-size: 20px;
                line-height: 22px;
                font-weight: normal;
                padding: 0;
                border: none;
            }

                .Calendar table tr:first-child > td > table td a {
                    display: inline-block;
                    width: 12px;
                    height: 20px;
                    padding: 0;
                    margin: 0;
                    background: url(/images/assets/bostonRA_sprite.png) no-repeat;
                    border-radius: 0;
                }

                    .Calendar table tr:first-child > td > table td a:after {
                        display: none;
                    }

                .Calendar table tr:first-child > td > table td:first-child {
                }

                .Calendar table tr:first-child > td > table td.lastChild {
                }

                .Calendar table tr:first-child > td > table td:first-child a {
                    float: left;
                    text-indent: -9999px;
                    background-position: -500px -145px;
                }

                .Calendar table tr:first-child > td > table td.lastChild a {
                    float: right;
                    margin-right: 5px;
                    text-indent: -9999px;
                    background-position: -516px -145px;
                }

    .Calendar table tr:nth-child(2) {
        background: #cdcdcd;
    }

        .Calendar table tr:nth-child(2) th {
            text-align: center;
            font-size: 12px;
            line-height: 18px;
            color: #000;
            
            background: none;
            border: none;
        }
/* ------------------------------------------------------------------------------------------------ End Calendar Pages */

/* Homepage --------------------------------------------------------------------------------------- */
.homeContent {
    position: relative;
}

.homeMapIframe {
    position: relative;
    margin-left: -76px;
    margin-bottom: -7px;
    z-index: 1;
}

.homeSlider {
    position: absolute;
    margin-left: -57px;
}

    .homeSlider .slide {
        position: absolute;
        left: 0;
        top: 0;
    }

    .homeSlider .slideImg {
        margin-bottom: -9px;
        display: none;
    }

    .homeSlider .slideContent {
        width: 725px;
        height: 100px;
        padding: 20px 50px 0 50px;
        background-color: #1871bd;
    }

        .homeSlider .slideContent h2 {
            font-size: 22px;
            line-height: 24px;
             
            padding-right: 85px;
        }

        .homeSlider .slideContent a {
            color: #fff;
        }

        .homeSlider .slideContent .openSlide {
            position: relative;
            display: inline-block;
            font-size: 18px;
            line-height: 20px;
            text-transform: none;
        }

            .homeSlider .slideContent .openSlide:hover {
                text-decoration: none;
            }

            .homeSlider .slideContent .openSlide:after {
                content: "";
                position: absolute;
                right: -26px;
                top: 1px;
                width: 17px;
                height: 17px;
                background: url(/images/assets/bostonRA_sprite.png) -359px -284px no-repeat;
            }

            .homeSlider .slideContent .openSlide:hover:after {
                background-position: -360px -260px;
            }

            .homeSlider .slideContent .openSlide:before {
                content: "Expand";
            }

        .homeSlider .slideContent .closeSlide:before {
            content: "Hide";
        }

        .homeSlider .slideContent .closeSlide:after {
            background-position: -392px -285px;
        }

        .homeSlider .slideContent .closeSlide:hover:after {
            background-position: -392px -260px;
        }

.homeSliderNav {
    position: absolute;
    right: 6px;
    top: 20px;
    z-index: 1000000;
    padding: 10px 40px 10px 5px;
}

    .homeSliderNav a {
        display: block;
        float: left;
        width: 10px;
        height: 10px;
        text-indent: -9999px;
        margin-left: 5px;
        background: #fff;
    }

    .homeSliderNav .activeSlide {
        background: #FFC431;
    }
/* ----------------------------------------------------------------------------------- End Homepage */

/* Document Center Projects */
.select2-drop {
    background: #383838 !important;
}

.select2-drop-active {
    border: 1px solid #1871bd !important;
}

.select2-container-multi .select2-choices {
    background: none;
    background: #383838 !important;
    border: none !important;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.select2-results .select2-result-label {
    color: #fff !important;
}

.select2-results li {
    padding: 0;
}

.select2-results .select2-highlighted {
    background: #1871bd !important;
}

.select2-results li li:first-child {
    margin-top: 5px;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: normal !important;
    font-size: 14px;
    line-height: 18px;
}

.select2-results ul.select2-result-sub > li .select2-result-label {
    font-size: 13px;
    line-height: 15px;
    padding-left: 15px !important;
    padding-bottom: 5px;
}

.select2-container-multi .select2-choices .select2-search-field input {
    position: relative;
    font-size: 14px !important;
    line-height: 18px;
    color: #fff !important;
    padding: 5px 5px 10px 14px !important;
    background: #383838 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    color: #fff !important;
    font-size: 14px !important;
    line-height: 18px !important;
    padding-bottom: 0 !important;
    background: none !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/*Affordable Housing Subscribe Widget */
.affhousing h1 {
    padding-bottom: 9px !important;
}

.affhouse {
    margin-top: 15px;
}

.affsubmit input {
    margin-top: 0px;
}






.homeMapIframeDevice {
    display: none;
}

@media only screen and (max-width:770px) {

        #siteBranding .logo {
            padding-left: 15px;
        }

        .utilityFooter .utilityIcons {
            padding-right: 15px;
        }

    .utilityNav {
        width: 513px;
    }

        .utilityNav ul {
            width: auto;
        }

        .utilityNav .searchInput {
            width: 115px;
        }

    .mainNav {
        margin-left: 0;
    }

    .interiorNavWrapper {
        width: 230px;
        padding-left: 15px;
    }

    .homeMapIframe {
        display: none;
    }

    .homeMapIframeDevice {
        display: block;
        position: relative;
        z-index: 1;
        margin: 0 0 -7px -76px;
    }

        .homeMapIframeDevice img {
            max-width: 100%;
        }
}
/*@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	#siteBranding, .utilityFooter, .siteInfo { width: 1050px; }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	#siteBranding, .utilityFooter, .siteInfo { width: 1050px; }
}*/

/* -------------------------------------------------------------------------------------------------
	Internet Explorer (IE_S)
---------------------------------------------------------------------------------------------------- */
.lt-ie9 li.lastChild {
    padding-bottom: 20px;
}

.lt-ie9 select {
    width: 235px;
    padding: 7px 10px;
    background: #f1f1f1;
    border: 1px solid #cecece;
}

.lt-ie9 figcaption, .lt-ie9 .slide .imgCaption, .lt-ie9 .sliderNav, .lt-ie9 .infoDate {
    background: #fff;
}

.lt-ie9 .researchHeaderContent .sliderNav {
    background: none;
}

.lt-ie9 .interiorNav-level2 > li {
    background: url(/images/assets/bostonRA_sprite.png) -587px -475px no-repeat;
}

.lt-ie9 .interiorNav-level3 > li {
    background: url(/images/assets/bostonRA_sprite.png) -776px -68px no-repeat;
}

.lt-ie9 .interiorNav-level2 > li.lastChild {
    padding-bottom: 4px;
}

.lt-ie9 .interiorNav-level3 > li.lastChild {
    padding-bottom: 5px;
}

.lt-ie9 .filterNav .interiorNav-level2 > li {
    background-position: -2px -421px;
}

    .lt-ie9 .filterNav .interiorNav-level2 > li.active {
        background-position: -235px -486px;
    }

.lt-ie9 .filterNav .interiorNav-level3 > li {
    background-position: -2px -421px;
}

    .lt-ie9 .filterNav .interiorNav-level3 > li.active {
        padding-left: 40px;
        margin-left: -15px;
        margin-right: -28px;
        margin-bottom: 1px;
        background: #2a2a2a url(/images/assets/bostonRA_sprite.png) -211px -421px no-repeat;
    }

.lt-ie9 .sortByWrapper {
    padding-top: 15px;
}

.lt-ie9 .socialBucket .socialIcons a {
    display: block;
    width: 47px;
    height: 46px;
    text-indent: -9999px;
    padding-right: 5px;
    margin-top: 0;
    background: url(/images/assets/bostonRA_sprite.png) no-repeat;
}

    .lt-ie9 .socialBucket .socialIcons a.socialFB {
        background-position: 0 -180px;
    }

        .lt-ie9 .socialBucket .socialIcons a.socialFB:hover {
            background-position: 0 -236px;
        }

    .lt-ie9 .socialBucket .socialIcons a.socialTW {
        background-position: -54px -180px;
    }

        .lt-ie9 .socialBucket .socialIcons a.socialTW:hover {
            background-position: -54px -236px;
        }

    .lt-ie9 .socialBucket .socialIcons a.socialYT {
        padding-right: 0;
        background-position: -108px -180px;
    }

        .lt-ie9 .socialBucket .socialIcons a.socialYT:hover {
            background-position: -108px -236px;
        }

.lt-ie9 .researchPubTable table td.lastChild {
    width: 295px;
}

.lt-ie9 .homeSlider .slideContent {
    background: url(/images/assets/homeSlideBG_IE.png) no-repeat;
}

.lt-ie9 .interiorMapKey li:first-child + li:before {
    background: #bdac01;
}

.lt-ie9 .interiorMapKey li:first-child + li + li:before {
    background: #3d9451;
}

.lt-ie9 .interiorMapKey li:first-child + li + li + li:before {
    background: #d91f84;
}

.lt-ie9 .interiorMapKey li:first-child + li + li + li + li:before {
    background: #9367CD;
}

.lt-ie9 ul.projectPhaseList > li.completed:first-child + li:after {
    background-position: -172px -210px;
}

.lt-ie9 ul.projectPhaseList > li.completed:first-child + li + li:after {
    background-position: -172px -235px;
}

.lt-ie9 ul.projectPhaseList > li.completed:first-child + li + li + li:after {
    background-position: -172px -260px;
}

.lt-ie9 ul.projectPhaseList > li.completed:first-child + li + li + li + li:after {
    background-position: -172px -284px;
}

.lt-ie9 ul.projectPhaseList > li.completed:first-child + li:before {
    background-position: -199px -210px;
}

.lt-ie9 ul.projectPhaseList > li.completed:first-child + li + li:before {
    background-position: -199px -236px;
}

.lt-ie9 ul.projectPhaseList > li.completed:first-child + li + li + li:before {
    background-position: -199px -260px;
}

.lt-ie9 ul.projectPhaseList > li.completed:first-child + li + li + li + li:before {
    background-position: -199px -284px;
}

.lt-ie9 ul.formColumns > li:first-child + li label,
.lt-ie9 ul.formColumns > li:first-child + li + li + li label,
.lt-ie9 ul.formColumns > li:first-child + li + li + li + li + li label,
.lt-ie9 ul.formColumns > li:first-child + li + li + li + li + li + li + li label,
.lt-ie9 ul.formColumns > li:first-child + li + li + li + li + li + li + li + li + li label {
    padding-left: 20px;
}

.lt-ie9 .Calendar table tr + tr {
    background: #cdcdcd;
}

    .lt-ie9 .Calendar table tr + tr th {
        text-align: center;
        font-size: 12px;
        line-height: 18px;
        color: #000;
        
        background: none;
        border: none;
    }


.lt-ie9 .projectTable th:first-child + th {
    width: 160px;
}

div#p_lt_ctl02_wPagePlaceholder_p_lt_ctl02_pageplaceholder_p_lt_ctl01_impComments_viewBiz {
    width: 775px;
}


.toolTipWrapper {
    position: relative;
}

    .toolTipWrapper .toolTipContent {
        position: absolute;
        z-index: 300;
        left: -22px;
        bottom: 30px;
        width: 300px;
        clear: both;
        display: block;
        font-weight: 300;
        font-size: 12px;
        line-height: 18px;
        color: #fff;
        padding: 5px 10px;
        background: #1871bd;
    }

        .toolTipWrapper .toolTipContent:after {
            content: "";
            position: absolute;
            left: 25px;
            bottom: -9px;
            width: 20px;
            height: 16px;
            background: url(/images/assets/bostonRA_sprite.png) -649px -95px no-repeat;
        }

        .toolTipWrapper .toolTipContent h2, .toolTipWrapper .toolTipContent p {
            padding-bottom: 5px;
        }

        .toolTipWrapper .toolTipContent a {
            color: #fff;
            font-weight: bold;
            text-decoration: underline;
        }

.toolTip {
    border-bottom: 1px dotted #7e7e7e;
}

    .toolTip:hover {
        text-decoration: none;
        border-bottom: 1px solid #091F2F;
    }

.prjct .sbHolder {
    width: 168px !important;
}

.rsearch .top .sbHolder {
    width: 300px !important;
}

.top .searchBtn {
    margin-left: 505px !important;
}

.prjct .col {
    padding: 0 0 0 17px !important;
}

.prjct label {
    padding-left: 0 !important;
    font-size: 15px !important;
}

.prjct .searchInput {
    width: 135px !important;
    font-size: 12px !important;
    font-weight: 600;
    padding:5px 10px;
}

.prjct .last-col {
    width: auto;
}

#glossaryContent {
    text-align: left !important;
}

.MapStyle {
    float: right;
    cursor: pointer;
    width: 26px;
    height: 28px;
    text-indent: -9999px;
    padding: 0;
    margin: 0 0 0 5px;
    border: none;
    border-radius: 0;
    background: url(/images/assets/bostonRA_sprite.png) -88px -308px no-repeat;
}

.remodal-close {
    position: absolute;
    top: -34px;
    width: 35px;
    height: 35px;
    color: lightgray;
    right: -125px;
}


    .remodal-close:before {
        font-size: 25px;
        line-height: 35px;
        top: 5px;
        width: 35px;
        content: "X";
        text-align: center;
        font-weight: 500;
    }

.remodal {
    margin: 0px;
    padding: 0px;
}

.remodal-close:hover {
    color: white;
}

.feature-padding {
    height: 225px !important;
    padding-top: 0px !important;
    text-align: float !important;
}

.feature-margin {
    margin-top: 0px !important;
}

.Safari .DropDownField {
    position: relative;
    width: 236px;
    height: 31px;
    font-weight: 400;
    background: #f1f1f1;
    border: 1px solid #cecece;
    border-radius: 6px;
    color: #5d5d5d;
    font-size: 12px;
    line-height: 19px;
     
    padding: 6px 4px;
}

.formColumns1 > li, .formColumns > li {
    padding-left: 10px;
    padding-top: 3px;
    width: 375px;
}
/*changes to make the document date and pdf details to be on the same line*/
/*this is for planning initiative page(tabular display of info)*/
.projectTable .documentDetails br {
    display: none;
}
/*end of styling*/

/* custom rad grid */
.RadAjaxPanel #filter tbody tr td {
    background-color: #1871bd !important;
}

.RadGrid_braCustom .rgHeader {
    border-top: 3px solid #1871bd !important;
}

/* end */

/*lightbox of the home page*/
.homepageMainModal {
    display: none;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 100000000;
    background: rgba(0, 60, 81, 0.9);
    width: 100%;
    height: 100%;
}

    .homepageMainModal span {
        position: relative;
        font-size: 49px;
        font-weight: 900;
        color: white;
        left: 96%;
        top: 50px;
        cursor: pointer;
    }

.nextbraModal {
    position: relative;
    margin: 0 auto;
    top: 25%;
    text-align: center;
}

    .nextbraModal img {
        height: 180px;
        cursor: pointer;
    }

    .nextbraModal p {
        text-align: -webkit-center;
        color: white;
        font-size: 30px;
        line-height: 50px;
    }

        .nextbraModal p a {
            color: white;
            text-decoration: underline;
            font-weight: 600;
        }

@media (max-width: 768px) {
    .homepageMainModal span {
        left: 85%;
    }

    .nextbraModal img {
        height: 80%;
        width: 80%;
    }

    .nextbraModal p {
        font-size: 22px;
        line-height: 40px;
    }
}
/*end of nextBRA modal*/

/*nextBRA banner*/
.nextBraBanner {
    display: block;
    background-color: #091F2F;
    margin-top: -15px;
    text-align: center;
}

.logoNextBRA {
    height: 33px;
    padding: 9px 10px 2px;
}

.nextBraBanner p {
    display: inline-block;
    padding-bottom: 5px;
    color: white;
    vertical-align: super;
    font-size: 21px;
}

    .nextBraBanner p a {
        color: white;
        text-decoration: underline;
    }

#logoAnchor {
    vertical-align: sub;
}

a#logoAnchor {
    color: #091F2F;
}

/*end of nextBRA banner*/

/* ===========================================================================Start of BPDA Homepage======================================================================================*/

/*- Full width border bottom --*/
.fw-bb {
    border-bottom: 7px solid #091f2f;
}
h2.fw-bb {
    text-transform: uppercase;
}
    /*h1.background.double {
    text-align: center;
    background: #94D5DB;
    padding-top: 1%;
    color: #091F2F;
}

h1.background {
    position: relative;
    z-index: 1;
}

h1.background:before{
    border-top: 2px solid #dfdfdf;
    content: "";
    margin: 0 auto;*/ /* this centers the line to the full width specified */
    /*position: absolute;*/ /* positioning must be absolute here, and relative positioning must be applied to the parent */
    /*top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 95%;
    z-index: -1;
}

h1.double:before {*/
    /* this is just to undo the :before styling from above */
    /*border-top: none;
}*/
    .bpdaHomeWrapper + .utilityFooter {
        padding-bottom: 10px;
    }

.quicklinks_wrapper {
    flex-grow: 1;
    width: 30%;
    margin: 10px 10px 10px 0px;
    box-shadow: 3px 3px 2px lightgrey, 0px 0px 2px lightgrey;
    -moz-box-shadow: 3px 3px 2px lightgrey, 0px 0px 2px lightgrey;
    -webkit-box-shadow: 3px 3px 2px lightgrey, 0px 0px 2px lightgrey;
}
    .quicklinks_wrapper:nth-child(3n), .flexBoxLandingPage .event_Wrapper:nth-child(3n) {
        margin-right: 0px;
    }
.genericBPDAHomeSection {
    padding: 15px;
    background: white;
    border-bottom: 25px solid #f2f2f2;
}
.genericBPDAHomeSection:nth-child(2n+1) .flexBoxLandingPage {
    padding-bottom: 30px;
}
.flexBoxLandingPage .event_Wrapper {
    flex-grow: 1;
    width: 30%;
    margin: 10px 10px 10px 0px;
}
.flexBoxLandingPage {
    display: flex;
    flex-wrap: wrap;
    position:relative;
	padding-bottom:25px;
}
.quicklinksContainer img{
/*    box-shadow: 3px 3px 2px lightgrey, 0px 0px 2px lightgrey;
	-moz-box-shadow: 3px 3px 2px lightgrey, 0px 0px 2px lightgrey;
	-webkit-box-shadow: 3px 3px 2px lightgrey, 0px 0px 2px lightgrey;*/
    margin-bottom: -8px;
    height: 100px;
    padding-right: 20px;
}
.quicklinks_wrapper.quicklinksContainer:hover{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.newWrapper {
    height: 255px;
}

.quicklinks_wrapper a {
    color: #1871BD;
    font-family: Lora-Italic, sans-serif;
    font-style: normal;
    font-size: 19px;
}
.quicklinks_wrapper a.dimensionalThumbnail {
    color: #288be4;
    font-family: Lora-Italic, sans-serif;
    font-style: normal;
    font-size: 20px;
}
.internalQLinkWrapper div{
    display: inline-block;
    float: left;
}
.quicklinkThumbnailText {
    width: 30%;
    padding-top: 15px;
}

/*.dimensionalThumbnail {
    height: 235px;
    width: 329px;
}
.quicklinkThumbnail img{
    width: 100%;
}*/

.quicklinkThumbnail {
	height: 100px;
}

.thumbnailImage img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	padding-bottom: 10px;
}
/*.imageQuickLinks {
    width: 100%;
    height: auto;
    position: absolute;
}*/
.event_Wrapper {
    margin: 2% 0 2% 2%;
    width: 30.5%;
    float: left;
}
.eventContent {
    font-family: Lora-Italic, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #58585b;
	padding-top:15px;
}
.eventContent:hover > p.eventdate, .eventContent:hover {
    color: white;
}

/*.genericBPDAHomeSection:first-of-type:before {
    content: '';
    display: block;
    clear: both;
    height: 30px;
    background: #ebebeb;
}
.genericBPDAHomeSection:last-of-type:after{
	display:none;
}*/
.eventContent:hover > p.location {
	color: black;
}

.eventThumbnail {
    text-align: left;
    height: 260px;
    overflow: hidden;
    position: relative;
    font-size: 19px;
	box-shadow: 3px 3px 2px lightgrey, 0px 0px 2px lightgrey;
	-moz-box-shadow: 3px 3px 2px lightgrey, 0px 0px 2px lightgrey;
	-webkit-box-shadow: 3px 3px 2px lightgrey, 0px 0px 2px lightgrey;
}
.eventThumbnail:hover {
    background-color: #1871bd;
}
.eventFlexHeader {
  display: flex;
  position: relative;
  gap: 10px;
  background: #091f2f;
}

.event-flag {
  width: 60px;
  height: 80px;
  background-color: white;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #091f2f;
  text-align: center;
  border: 1px solid #091F2F;
}

/* Triangle cut at the bottom */
.event-flag::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0%;
    transform: rotate(180deg);
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 20px solid #091f2f;
}

/* Border to maintain outline */
.event-flag::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0%;
    transform: rotate(180deg);
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 20px solid #091F2F
}

.eventHeader {
    font-family: Lora-Italic, sans-serif;
    background-color: #091f2f;
    color: #51acff;
    padding: 10px 15px 0px;
    margin-bottom: 15px;
    height: 70px;
    text-align: left;
    font-size: 19px;
    line-height: 30px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 230px;
    height: 115px;
}
.eventThumbnail .event_inprogress{
	color: red;
	padding-left: 20px;
	font-style: italic;
}
.researchPubTable h2 {
    font-size: 18px;
}
.eventcontentlink:hover {
    text-decoration: none;
}

.eventdate {
    font-family: Montserrat-Bold, sans-serif;
    font-size: 28px;
    padding-left: 20px;
    color: #091f2f;
    line-height: 35px;
    text-transform: uppercase;
}

.event_location {
    padding-left: 20px;
}

.jobWrapper {
    margin: 0px 2%;
	padding-bottom:35px;
}

#job_table {
    border: none;
    margin: 15px 0;
}

#job_table td {
	border: none;
	font-size: 17px;
	padding: 20px 10PX;
	color: #091F2F;
	font-weight: 600;
}

#job_table tr:nth-child(even) td {
	background-color: #e7e9e8;
}

#job_table tr:nth-child(odd) td {
	background-color: #eff1f1;
}

.jobCity {
    padding-left: 0px !important;
}

.jobTitle {
    width: 350px;
}

#viewJobs {
    font-family: Montserrat-Regular, sans-serif;
    font-size: 12px;
    color: #091F2F;
    text-transform:uppercase;
    position:absolute;
    bottom: 0px;
    right:0px;
    padding-bottom:0px !important;
}

.jobWrapper a#viewJobs {
   margin-right: -25px;
}

.thumbnailText{
	margin: 10px 10px 18px 20px;
}
.scrollToTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 10000;
    border: none;
    outline: none;
    background-color: darkgray;
    color: white;
    cursor: pointer;
    padding: 15px;
	padding-top:25px;
    border-radius: 10px;
    opacity: 0.8;
    font-size: x-large;
    font-weight: 700;
	line-height:0;
}

.scrollToTop:hover {
	text-decoration: none;
	opacity:1;
}

.searchWrapper {
    visibility: hidden; /* hides sub-menu */
	opacity: 0;
	position: absolute;
	top: 132px;
	left: 0;
	width: 100%;
	transform: translateY(-2em);
	z-index: -1;
	box-shadow: 3px 3px 2px lightgrey, 0px 0px 2px lightgrey;
	-moz-box-shadow: 3px 3px 2px lightgrey, 0px 0px 2px lightgrey;
	-webkit-box-shadow: 3px 3px 2px lightgrey, 0px 0px 2px lightgrey;
	transition: all 0.7s ease-in-out 0.7s, visibility 0s linear 0.7s, z-index 0s linear 0.1s;
	margin:0 auto;
	background-color: #f3f3f3;
    text-align: center;
    color: #091f2f;
    padding: 15px 0;
	transition-delay : 0s, 0s, 0.3s;
}

.searchWrapperToggle {
	visibility:visible;
	opacity : 1 ;
	z-index : 1000 ;
	transform : translateY(0%) ;
	transition-delay : 0s, 0s, 0.03s;
}
img.siteSearchBtn {
    width: 25px;
    margin-left: 10px;
	cursor:pointer;
	float:right;
}
.finalwrapper{
	position: relative;
    width: 100%;
    margin: 0 auto;
    top: 195px;
    overflow:auto;
}
a:target {
    display: block;
    position: relative;
    top: -132px;
    visibility: hidden;
}

.boardMeetingIframe iframe {
    width: 100%;
}

.Calendar{
	width:100%;
	overflow:auto;
}

.mm-page {
    position: absolute !important;
}

.mm-slideout {
    z-index: 1000 !important;
}
/*********************************timeline changes**************************/
.genericBPDATimelineSection, .bpdaprojectDetailHeader {
    width: 95%;
    margin: 0 auto;
}
.genericBPDATimelineSection + #comment_Form{
    display:table;
}

.my-timeline-container, .my-timeline-container-v2, .tl-plan-container {
    position: relative;
}
#comment_Form {
    margin: 0 auto;
    width: 95%;
}
.bpdaInteriorHeaderImg img {
    max-height: 450px;
    margin:0 0 0 -26px;
}
.bpdaHomeWrapper .projectPhase {
    position: absolute;
    right: 0px;
    top:0px;
    background:white;
}
.bpdaInteriorHeaderImg {
    padding-bottom: 16px;
}

.socialEventTable td {
    font-size: 14px;
    line-height: 18px;
    padding: 5px 10px;
    background: white;
}
.sm-container .sm-card-container .sm-timeline {
    background-color: #091F2F !important;
    width: 2px !important;
}
/*custom filter css*/
.sm-container a.sm-typeFilter.active {
    background: #C7DAE1;
    color: #091F2F;
}
.sm-container a.sm-typeFilter {
    color: #091F2F;
    border-radius: 0px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 7px 12px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid #091F2F;
    float: left;
}
.sm-container .sm-customFilterRow{
    float: left;
    width: 100%;
    display: flex;
    text-align: center;
}
.genericBPDATimelineSection .sm-container .sm-filter-container .sm-dropdown-btn {
    background-color: #091F2F;
    box-shadow:;
    color: #fff;
    border-radius: 0px;
}
.bpdaprojectDetailHeader div{
    color:#091F2F;
}
.detailsContainer {
    padding-right:30px;
    display: inline-block;
    padding-bottom:10px;
}
.detailsContainer p a {
    color: #1871bd;
}
.bpdaDetailsMainContent {
    font-size: 20px;
}
.bpdaDetailsMainContent a {
    border-bottom: 2px solid;
}
.bpdaDetailsMainContent a:hover {
    text-decoration: none;
}
.bpdaPrjDetails a:hover {
    text-decoration: none;
}
.bpdaPrjDetails a {
    border-bottom: 2px solid;
}
.bpdaPrjHeader {
    font-size: smaller;
}
.bpdaPrjDetails {
    font-size: 22px;
    font-weight:bold;
}
.genericBPDATimelineSection .fa-twitter-square{
    background: url('/images/assets/bostonRA_sprite.png') -433px -679px no-repeat !important;
	width: 45px;
	height: 45px;
}
.genericBPDATimelineSection .sm-container .sm-card-container .sm-card .sm-card-header .sm-share-twitter {
    margin-top: -8px !important;
    margin-left: 4px;
}
.genericBPDATimelineSection .fa-twitter-square:before{
    content:"";
}
.bpdaPrjAllDoc {
    float: right;
    border: 1px solid #091F2F;
    padding: 5px;
    margin-top: 10px;
    position: absolute;
    top: 0px;
    right: -10px;
    border-radius: 0px;
    margin-right: 10px;
    padding: 7px 12px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
}
.bpdaPrjAllDoc a {
    color: #091F2F;
    font-size:14px;
}
.projATimelineDetails {
    border-bottom: 1px solid lightgray;
    padding-bottom: 20px;
}
.sm-container .sm-filter-container {
    padding-bottom: 10px 0 10px !important;
    border-bottom: 1px solid lightgray;
    margin-bottom: 10px;
    width:100%;
}
.sm-card-container .sm-timeline::after, .sm-container .sm-card-container .sm-timeline::before {
    border-color: #091F2F !important;
    background-color: #091F2F !important;
}
.genericBPDATimelineSection .sm-container .sm-card-container .sm-card .sm-card-header .sm-btn{
    padding: 0;
    margin: -5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.0);background: inherit;
}
.tl-plan-container .sm-container .sm-card.sm-tag-ty_Events .sm-card-inner .sm-card-footer .sm-users-box .sm-user .sm-avatar{
    padding: 22px !important;
}
.tl-plan-container .sm-container .sm-card-inner .sm-card-body .sm-user .sm-avatar{
    height: 250px;
    display: block;
    margin-bottom: 10px;
}
.sm-container .sm-card .sm-card-inner .sm-card-footer .sm-users-box .sm-user .sm-avatar{
    padding: 45px !important;
}
.genericBPDATimelineSection .sm-container .sm-card-container .sm-card .sm-card-header .sm-btn:hover{
    box-shadow: 0 1px 3px rgba(0,0,0,0.0);background: inherit;
}
.sm-avatar{
    border: none !important;
}
    /**********************Letter Of Intent***************/
.sm-tag-ph_LetterofIntent .sm-card-header, .sm-tag-ph_LetterofIntent .sm-card-header span, .sm-tag-ph_LetterofIntent .sm-card-header::before {
    background: #94D5DB !important;
    color: #091F2F !important;
}
.sm-tag-ph_LetterofIntent *{
    color:#091F2F;
}
.sm-tag-ph_LetterofIntent .sm-card-inner .sm-card-footer .sm-users-box .sm-user .sm-user-name{
    color: #091F2F;
    font-weight: bolder;
    font-size: larger;
}
.sm-tag-ph_LetterofIntent .sm-user .sm-avatar::before, .sm-tag-ph_LetterofIntent .sm-card-inner .sm-card-footer .sm-user .sm-avatar::after {
    background: #1871bd !important
}
.sm-tag-ph_LetterofIntent .sm-time-point {
    border-color: #94D5DB !important;
    background-color: #FFF !important;
}

    /**********************Under Review ***************/
.sm-tag-ph_UnderReview .sm-card-header, .sm-tag-ph_UnderReview .sm-card-header span, .sm-tag-ph_UnderReview .sm-card-header::before {
    background: #FFDB80 !important;
    color: #091F2F !important;
}
.sm-tag-ph_UnderReview *{
    color:#091F2F;
}
.sm-tag-ph_UnderReview .sm-card-inner .sm-card-footer .sm-users-box .sm-user .sm-user-name{
    color: #091F2F;
    font-weight: bolder;
    font-size: larger;
}
.sm-tag-ph_UnderReview .sm-user .sm-avatar::before, .sm-tag-ph_UnderReview .sm-card-inner .sm-card-footer .sm-user .sm-avatar::after {
    background: #FFDB80 !important
}
.sm-tag-ph_UnderReview .sm-time-point {
    border-color: #FFDB80 !important;
    background-color: #FFF !important;
}
    /**********************Board Approved ***************/
.sm-tag-ph_BoardApproved .sm-card-header, .sm-tag-ph_BoardApproved .sm-card-header span, .sm-tag-ph_BoardApproved .sm-card-header::before {
    background: #C9E56C !important;
    color: #091F2F !important;
}
.sm-tag-ph_BoardApproved *{
    color:#091F2F;
}
.sm-tag-ph_BoardApproved .sm-card-inner .sm-card-footer .sm-users-box .sm-user .sm-user-name{
    color: #091F2F;
    font-weight: bolder;
    font-size: larger;
}
.sm-tag-ph_BoardApproved .sm-user .sm-avatar::before, .sm-tag-ph_BoardApproved .sm-card-inner .sm-card-footer .sm-user .sm-avatar::after {
    background: #C9E56C !important;
}
.sm-tag-ph_BoardApproved .sm-time-point {
    border-color: #C9E56C !important;
    background-color: #FFF !important;
}

    /**********************Under Construction***************/
.sm-tag-ph_UnderConstruction .sm-card-header, .sm-tag-ph_UnderConstruction .sm-card-header span, .sm-tag-ph_UnderConstruction .sm-card-header::before {
    background: #ECBBC6 !important;
    color: #091F2F !important;
}
.sm-tag-ph_UnderConstruction *{
    color:#091F2F;
}
.sm-tag-ph_UnderConstruction .sm-card-inner .sm-card-footer .sm-users-box .sm-user .sm-user-name{
    color: #091F2F;
    font-weight: bolder;
    font-size: larger;
}
.sm-tag-ph_UnderConstruction .sm-user .sm-avatar::before, .sm-tag-ph_UnderConstruction .sm-card-inner .sm-card-footer .sm-user .sm-avatar::after {
    background: #ECBBC6 !important;
}
.sm-tag-ph_UnderConstruction .sm-time-point {
    border-color: #ECBBC6 !important;
    background-color: #FFF !important;
}

    /**********************Construction Complete ***************/
.sm-tag-ph_ConstructionComplete .sm-card-header, .sm-tag-ph_ConstructionComplete .sm-card-header span, .sm-tag-ph_ConstructionComplete .sm-card-header::before {
    background: #E5C6EB !important;
    color: #091F2F !important;
}
.sm-tag-ph_ConstructionComplete *{
    color:#091F2F;
}
.sm-tag-ph_ConstructionComplete .sm-card-inner .sm-card-footer .sm-users-box .sm-user .sm-user-name{
    color: #091F2F;
    font-weight: bolder;
    font-size: larger;
}
.sm-tag-ph_ConstructionComplete .sm-user .sm-avatar::before, .sm-tag-ph_ConstructionComplete .sm-card-inner .sm-card-footer .sm-user .sm-avatar::after {
    background: #E5C6EB !important;
}
.sm-tag-ph_ConstructionComplete .sm-time-point {
    border-color: #E5C6EB !important;
    background-color: #FFF !important;
}
/**********************Images for each milestone and phase***************/

.sm-tag-ph_UnderReview.sm-tag-ty_Events .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png')   -35px -1401px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_UnderReview.sm-tag-ty_Milestones .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png')   -399px -1401px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_UnderReview.sm-tag-ty_CommentPeriod .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png')  -156px -1401px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_UnderReview.sm-tag-ty_Milestones.sm-tag-ty_Documents .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png') -278px -1401px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_UnderReview.sm-tag-ty_Documents .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png') -278px -1401px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_LetterofIntent.sm-tag-ty_Events .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png') -35px -1182px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_LetterofIntent.sm-tag-ty_Milestones .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png') -399px -1182px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_LetterofIntent.sm-tag-ty_Milestones.sm-tag-ty_Documents .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png') -278px -1182px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_LetterofIntent.sm-tag-ty_Documents .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png') -278px -1182px  no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_BoardApproved.sm-tag-ty_Events .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png')   -35px -1509px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}

.sm-tag-ph_BoardApproved.sm-tag-ty_Milestones.sm-tag-ty_Documents .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png')   -278px -1509px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_BoardApproved.sm-tag-ty_Milestones .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png')   -399px -1509px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}

.sm-tag-ph_BoardApproved.sm-tag-ty_Documents .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png')   -278px -1509px  no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_ConstructionComplete.sm-tag-ty_Events .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png')   -35px -1618px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_ConstructionComplete.sm-tag-ty_Milestones.sm-tag-ty_Documents .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png') -278px -1618px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_ConstructionComplete.sm-tag-ty_Milestones .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png') -399px -1618px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_ConstructionComplete.sm-tag-ty_Documents .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png')   -278px -1618px  no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_UnderConstruction.sm-tag-ty_Events .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png')   -35px -1292px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_UnderConstruction.sm-tag-ty_Milestones .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png')   -399px -1292px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_UnderConstruction.sm-tag-ty_Milestones.sm-tag-ty_Documents .sm-avatar{
    background: url('/images/assets/bostonRA_sprite_Access.png') -278px -1292px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.sm-tag-ph_UnderConstruction.sm-tag-ty_Documents .sm-avatar {
    background: url('/images/assets/bostonRA_sprite_Access.png') -278px -1292px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.genericBPDATimelineSection .sm-tag-ty_CommentPeriod a {
    color: #093e52;
    font-weight: 600;
    text-decoration: underline;
}
.sm-button-reverseTm{
    background: url('/images/assets/bostonRA_sprite_Access.png') -782px -1182px no-repeat !important;
    width: 92px;
    height: 92px;
    position: relative;
    margin-left: 30px;
    float:right;
    zoom: 0.4;
}
.sm-button-reverseTm:hover{
    cursor:pointer;
}
.my-timeline-container .timelineDisclaimer {
    padding: 20px 0;
    font-size: smaller;
}

/*styling to subtype on the timeline*/
.sm-user-result, .sm-user-subtype{
    font-weight:600;
}
/* 3D page css   */

.threeD-table td {
   font-size: 15px;
   line-height: 0px;
   padding: 10px;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   background: white;
   float: left;
   height: 155px;
}

.threeD-table{
   width: 100% !important;
   background-color: white;
   margin: 0 auto;
}
/**********************START of Planning Timeline CSS***************/

.bpdaPlanDetailHeader{
    width:100%;
}
.planTimelineDescription {
    width: 95%;
    margin: 0 auto;
    padding-bottom:10px;
}
.planTimelineDescription .bpdaPlanHeaderLabel {
    color: #091F2F;
    padding-bottom:5px;
    font-weight:600;
}
.planTimelineDescription .bpdaPlanHeaderValue{
    color: #091F2F;
    padding-bottom:5px;
}
.show-read-more .more-text{
    display: none;
}
.plnIns_moreTxt {
    color: #1871bd;
    padding-left: 7px;
}
.planTimelineDescription .bpdaPlanHeaderValue.plnIns_moreTxt{
    white-space: inherit;
}
.bpdaPlanDetailHeader .bpdaInteriorHeaderImg img {
    width: 100%;
    max-height: 500px;
    margin: 0px;
}
.tl-plan-container .sm-button-reverseTm {
    background: url(/images/assets/bostonRA_sprite.png) no-repeat -454px -741px !important;
    width: 68px;
    height: 48px;
    zoom:0.8;
}
h4.bpdaPlanHeaderValue, h4.bpdaPlanHeaderValue a{
    color:white;
    padding:5px 0px 10px ;
}
.planHeaderDetails {
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    background: #091f2f;
    height: 360px;
    padding: 20px;
}
    .planHeaderDetails h1 {
        color: white;
        font-size: 24px;
        line-height: 28px;
    }
    h5.bpdaPlanHeaderLabel {
        color: white;
        padding: 5px 0px;
    }
.alltags{
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 5px 10px;
}
.projectTable .tableTags{
    display: inline-block;
    float: right;
}
.tl_tags:before {
    content: "";
    position: absolute;
    top: 0;
    left: -12px;
    width: 0;
    height: 0;
    border-color: transparent #D3D3D3 transparent transparent;
    border-style: solid;
    border-width: 12px 12px 12px 0;
}
.tl_tags:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 1px;
    float: left;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: -1px -1px 2px rgb(0 0 0 / 40%);
    box-shadow: -1px -1px 2px rgb(0 0 0 / 40%);
}

.tl_tags {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
    margin: 0 16px 8px 0;
    padding: 0 10px 0 12px;
    background: #D3D3D3;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    color: #0f475a;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}
.tl_tags_url:before {
    content: "";
    position: absolute;
    top: 0;
    left: -12px;
    width: 0;
    height: 0;
    border-color: transparent #FFC431 transparent transparent;
    border-style: solid;
    border-width: 12px 12px 12px 0;
}
.tl_tags_url:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 1px;
    float: left;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: -1px -1px 2px rgb(0 0 0 / 40%);
    box-shadow: -1px -1px 2px rgb(0 0 0 / 40%);
}

.tl_tags_url {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
    margin: 0 16px 8px 0;
    padding: 0 10px 0 12px;
    background: #FFC431;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    color: #0f475a;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}
.bpdaHeaderImgPlan{
    padding-bottom:20px;
    max-height:400px;
}
.bpdaHeaderImgPlan img{
    max-height:400px;
}
.c_timelineButton{
    position:absolute;
    top:70px;
    right:0px
}
.c_timelineButton.c_projectArticle{
    top: 60px;
}
/* .c_planButton, .bpdaPlanAllDoc, .bpdafeaturedDoc, */
.timelineButton {
    padding: 7px 12px;
    white-space: nowrap;
    cursor: pointer;
    background-color: white;
    border: 1px solid #091F2F;
    display: inline-block;
    border-radius: 5px;
    font-size: 15px;
}
.sm-container .sm-dropdown.c_planButton_imp a, .sm-container .sm-dropdown.c_planButton_a80 a {
    color: #091F2F;
}
.sm-container .sm-dropdown.c_planButton_a80 {
    position: absolute;
    right: 0px;
}
.tl-plan-container .sm-container .sm-card-container .sm-card .sm-card-inner .sm-card-footer .sm-user .sm-avatar:before, .tl-plan-container .sm-container .sm-card-container .sm-card .sm-card-inner .sm-card-footer .sm-user .sm-avatar:after {
    background-color: #FFBFA8;
}
.tl-plan-container .sm-container .sm-card .sm-card-inner .sm-card-footer {
    margin: 10px;
}
.tl-plan-container .sm-card-container .sm-timeline::after, .sm-container .sm-card-container .sm-timeline::before {
    background-color: white !important;
    padding: 10px !important;
    left: -13px !important;
}
.tl-plan-container .sm-card-container .sm-card.sm-tag-ty_Project .sm-card-header,.tl-plan-container .sm-card-container .sm-card.sm-tag-ty_Plans .sm-card-header {
    background-color: #091F2F;
}
.genericBPDATimelineSection .tl-plan-container .sm-container .sm-filter-container .sm-dropdown-btn {
    border-radius: 5px;
    text-align:left;
}
.sm-left-side .sm-upate, .sm-left-side .sm-project {
    color: white;
    float: left;
    font-size: large;
}
.sm-right-side .sm-upate, .sm-right-side .sm-project {
    color: white;
    float: right;
    font-size: large;
}
.tl-plan-container .sm-tag-ty_Project .sm-user-name, .tl-plan-container .sm-tag-ty_Plans .sm-user-name{
    font-weight: 600;
    color: #091F2F;
    font-size: initial;
}
.tl-plan-container .sm-container .sm-card.sm-tag-ty_Milestones .sm-card-inner, .tl-plan-container .sm-container .sm-card.sm-tag-ty_Events .sm-card-inner {
    border-left: 2px solid #FFBFA8;
    border-right: 2px solid #FFBFA8;
    border-bottom: 2px solid #FFBFA8;
}
.tl-plan-container .sm-card.sm-tag-ty_Project .sm-card-inner, .tl-plan-container .sm-card.sm-tag-ty_Plans .sm-card-inner{
    border-left: 2px solid #091F2F;
    border-right: 2px solid #091F2F;
    border-bottom: 2px solid #091F2F;
}
.sm-filter-container h6 {
    font-size: smaller;
    color: #091F2F;
    padding-bottom:10px;
}
.tl-plan-container .sm-container .sm-dropdown-btn .fa-caret-down::before {
    content: "\f078";
}
.tl-plan-container .sm-tag-ty_Milestones .sm-time-point, .tl-plan-container .sm-tag-ty_Events .sm-time-point {
    border-color: #FFBFA8 !important;
    background-color: #fff !important;
}
.tl-plan-container .sm-tag-ty_Project .sm-time-point, .tl-plan-container .sm-tag-ty_Plans .sm-time-point {
    border-color: #091F2F !important;
    background-color: #fff !important;
}
.tl-plan-container .sm-card-container .sm-card.sm-tag-ty_Project .sm-card-header:before, .tl-plan-container .sm-container .sm-card.sm-tag-ty_Plans .sm-card-header:before {
    background-color: #091F2F;
}
.tl-plan-container .sm-container .sm-card-container .sm-card.sm-tag-ty_Milestones .sm-card-header, .tl-plan-container .sm-container .sm-card-container .sm-card.sm-tag-ty_Events .sm-card-header {
    background-color: #FFBFA8;
}
    .tl-plan-container .sm-container .sm-card-container .sm-card.sm-tag-ty_Milestones .sm-card-header:before, .tl-plan-container .sm-container .sm-card-container .sm-card.sm-tag-ty_Events .sm-card-header:before {
        background-color: #FFBFA8;
    }
.tl-plan-container .sm-tag-ty_Milestones span, .tl-plan-container .sm-tag-ty_Events span{
    color: #091F2F !important;
}
.tl-plan-container .sm-tag-ty_Milestones .sm-avatar {
    background: url(http://www.bostonplans.org/images/assets/bostonRA_sprite_access.png) -278px -1729px no-repeat !important;
    width: 95px;
    height: 95px;
    zoom: 0.55;
}
.tl-plan-container .sm-tag-ty_Events .sm-avatar {
    background: url('/images/assets/bostonRA_sprite.png') -19px -830px no-repeat !important;
}
.sm-tag-ty_Project .sm-text {
    color: #091F2F;
}
.sm-tag-ty_Project .sm-user .sm-avatar, .sm-tag-ty_Plans .sm-user .sm-avatar {
    width: 100%;
    height: 250px;
    display: block;
    margin:10px 0px;
}
/**********************END of Planning Timeline CSS***************/
/**********************Upaknee Newsletter Code***************/

.em_UpakneeForm {
	margin: 0 auto !important;
}

.em_UpakneeFormFields {
    font-size: 14px !important;
    line-height: 18px !important;
    padding: 15px !important;
    margin-bottom: 25px !important;
    background: #ebebeb !important;
    border-top: 4px solid #1871bd !important;
    word-wrap: break-word !important;
}

.em_UpakneeFormFields .Upaknee_em_form_title {
    font-size: 21px !important;
    line-height: 21px !important;
    padding-bottom: 9px !important;
    color: #1871bd !important;
	font-weight: normal !important; 
    margin-top: 0px !important; 
    margin-bottom: 0px !important; 
    text-align: left !important; 
}

.em_UpakneeFormFields .Upaknee_em_form_description {
    margin-bottom: 15px !important;
}

.em_UpakneeFormFields .em_inputField_label {
    display: none;
}

.em_UpakneeFormFields input[type=email], .em_UpakneeFormFields input[type=text] {
    font-size: 13px !important;
    color: #5d5d5d !important;
    line-height: 19px !important;
     
    padding: 7px 10px !important;
    margin-bottom: 10px !important;
    background: #f1f1f1 !important;
    border: 1px solid #cecece !important;
    border-radius: 6px !important;
    width: 140px !important;
}

.em_UpakneeFormFields .em_inputField_submit input[type=submit] {
    cursor: pointer !important;
    width: auto !important;
    color: #fff !important;
    text-transform: none !important;
    margin: 15px 0 !important;
    background: #1871bd !important;
    border: none !important;
    border-radius: 0 !important;    
	font-size: 13px !important;
    padding: 7px 10px !important;
	height: auto !important;
}

.em_UpakneeFormFields .em_UpakneeThanksMessage {
    color: green !important;
}


/*sublinks on homepage*/
.subQuickLinks li a {
    font-size: 16px !important;
    margin-left: 10px;
    text-decoration: underline;
    color: #01a6b5;
    margin-bottom: 3px;
    font-weight:500;
}
.subQuickLinks {
    margin-left: 0px;
    min-height: 100px;
    padding: 15px 5px;
    line-height: 15px;
}
.subQuickLinks li {
    background: none;
}
.mainContent ul li a,.mainContent ol li a {
    text-decoration: underline;
    color: #091F2F;
}
.mainContent ul li strong ~ a{
    color: #091F2F ;
}
/*adding class to special container in Planning Initiative*/
.specialStylePI{
    margin-bottom:10px;
}

/*icons for obligation table*/
.sm-container .sm-card .sm-card-inner .sm-card-body .obligationTable img{
    display:inline-block;
    width:100px;
    min-height:10px;
    margin-bottom:15px;
}
.sm-obligations {
    font-weight: 600;
    font-size: 16px;
}
.obligationTable{
    min-height: 165px;
}
.obligationTable tr td{
    background:white;
    float:left;
}
.obligationTable tr{
    display:inline-block;
    width:65%;
}
.obligationTable tr.obHidden{
    display:none;
}
.obligationTable tr.obFirstTr{
    width:30%;
}
.obligationTable tr.obHidden.obShow{
    display:inline-block;
}
.obligationTable tr.oblastTr td{
    display:block;
     width: 100%;
}
.obligationTable tr.oblastTr td span {
    font-weight: 600;
    font-size: 16px;
}

.obligationTable tr.oblastTr td.obSeperator {
    width: 150%;
    border-bottom: 0.5px solid #aaaaaa;
    height: 0px;
    margin-bottom: 15px;
    margin-left: -50%;
    margin-top: 15px;
}
tr.showMoreTr {
    position: relative;
    left: 38%;
}
#obToggleButton:hover{
    cursor:pointer;
}
.obligationTable .obName {
    display:none;
}
/*.obligationTable i {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.obligationTable .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}*/

.translate_modal {
	border-top: 4px solid #1871bd;
	margin-top: 50px;
}

.translate-col {
	width: 33%;
	float: left;
}

.translate-col li {
	background: none;
	text-align: left;
	text-transform: normal;
}

.translate-top {
	font-weight: bold;
}

.translate-disclaimer{
	color: #e05926;
}

/********Start Imagine Boston 2030******/
.imgnBoston img {
    max-width: 100%;
    max-height: 100%;
}
.imgnBoston {
    clear: both;
    padding: 10px;
}
.imgnBoston_Col1 {
    width: 20%;
    float: left;
}
.imgnBoston_Col2 {
    width: 75%;
    margin: 0 0 0 15px;
    float: left;
}
/********End Imagine Boston 2030******/
/********Start of Boston Smart Utility******/
.successInfoGraph .bucket.bucketEvents.bsu{
    width: 95%;
} 
.bsuSubPageheader{
  display: flex;
  align-items: stretch;
  margin-top: -30px;
  margin-left: -30px;
  padding-bottom: 15px;
}
.bsuSubPageheader .bsuSubPageheaderImg img{
    height: 200px;
}
.bsuSubPageheaderDetails{
    padding-left: 25px;
    padding-top: 25px;
}
.bsuMainPgBtnsection {
    display: flex;
    align-items: stretch;
    margin-top: -15px;
}
.bsuMainPgBtnsection a {
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 17px;
    flex: 1 1 100px;
    min-width: 80px;
    margin: 15px;
    background: #1871bd;
    padding: 15px 10px;
}
.bsuInfoGraphsImgs {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    clear: both;
    position: relative;
}
.bsuInfoGraphsImgs img {
    width: 45%;
    margin: 15px;
    float: left;
    display: block;
    position: relative;
}
a.fullWidthListing {
    display: flex;
    align-items: stretch;
    margin-top: -15px;
}
a.fullWidthListing div {
    margin: 15px 5px;
}
a.fullWidthListing .tableListTitle, a.fullWidthListing .tableListDesc{
    width: 265px;
}
a.fullWidthListing div img{
    height: 150px;
}
.fullwidthHeader img{
    width:1080px;
    padding-bottom: 15px;
}
/********End of Boston Smart Utility******/