@charset "utf-8";
/* CSS Document */


/***********************
 *  Reset
 *  Fonts
 *  Colours
 *  Note: All default colours are from sites section
 **********************/

@import url(http://fonts.googleapis.com/css?family=Quicksand:300,400);

/*======================
 .dccw level: Baseline.
 Wraps the entire non-ribbon area of the page. Should be used with caution as it might affect SP.
======================*/
/* Required for pre IE9 HTML5 element support */
.dccw main, .dccw header, .dccw nav, .dccw section, .dccw article, .dccw aside, .dccw footer, .dccw figure, 
.dccw mark, .dccw meter, .dccw ruby, .dccw rt, .dccw rp, .dccw output, .dccw time, .dccw wbr {
   display: block;
}

.dccw {
    background: #F2EFEA; 
}

.dccw .resize-limit {
    margin: 0 auto;
    width: 980px;
}

/* Remove WP borders no matter what */ 
.dccw .ms-WPBody.ms-WPBorder {
    border: none; 
}

/*Remove unwanted padding from workspace*/
#s4-bodyContainer {
    padding-bottom: 0;
}

.dccw .disabled a,
.dccw a.disabled {
	pointer-events: none !important;
	cursor: default !important;
}


/*======================
 .dccw-boxu level: Baseline.
 Wraps WPs and other areas where we have absolute control. Can be modified without worrying about affecting SP.
======================*/
.dccw-boxu *, 
.dccw-boxu {
    margin: 0;
    padding: 0;
}

/*TODO: look at this*/
.dccw-boxu.clear,
.dccw-boxu .clear {
    clear: both !important;
    height: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.dccw-boxu.hidden,
.dccw-boxu .hidden {
    display: none;
}


/*======================
 .dccw level: DCCW Editor Part.
 Wraps the entire non-ribbon area of the page. Should be used with caution as it might affect SP.
======================*/
.dccw .dccw-editor-part .property-editor {
    padding: 10px;
}

.dccw .dccw-editor-part .property-editor .UserSectionHead {
    padding-bottom: 5px;
}

/* Target the td element above .dccw-editor-part */
.dccw table tbody tr td table.ms-ToolPaneOuter tbody tr td div.ms-ToolPaneBorder table.ms-TPBorder tbody tr.ms-WPBorder td.ms-TPSectionTD {
    padding: 0;
}

.dccw .dccw-editor-part .property-editor.url-editor .UserSectionBody > input[type="button"] {
    float: right;
    margin-top: 15px;
}

.dccw .dccw-editor-part .property-editor.string-editor .UserSectionBody input {
    width: 96%;
}

/* Buttons */
.dccw .dccw-editor-part .property-editor input[type="submit"] {
    border-color: rgb(171, 171, 171);
    background-color: rgb(253, 253, 253);
    color: rgb(68, 68, 68);
    float: right;
}

.dccw .dccw-editor-part .property-editor input[type="submit"]:hover,
.dccw .dccw-editor-part .property-editor input[type="submit"]:active {
    border-color: rgb(146, 192, 224);
    background-color: rgb(230, 242, 250);
}



/*----------------------
 Fonts
 ----------------------*/
@font-face {
	font-family: 'ProximaNova';
    src: url('../fonts/ProximaNovaReg/ProximaNova-Reg-webfont.eot');
    src: local("☺"),
         url('../fonts/ProximaNovaReg/ProximaNova-Reg-webfont.woff') format('woff'),
         url('../fonts/ProximaNovaReg/ProximaNova-Reg-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
	font-family: 'ProximaNova';
    src: url('../fonts/ProximaNovaItalic/ProximaNova-RegIt-webfont.eot');
    src: local("☺"),
         url('../fonts/ProximaNovaItalic/ProximaNova-RegIt-webfont.woff') format('woff'),
         url('../fonts/ProximaNovaItalic/ProximaNova-RegIt-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
	font-family: 'ProximaNova';
    src: url('../fonts/ProximaNovaSemibold/ProximaNova-Sbold-webfont.eot');
    src: local("☺"),
         url('../fonts/ProximaNovaSemibold/ProximaNova-Sbold-webfont.woff') format('woff'),
         url('../fonts/ProximaNovaSemibold/ProximaNova-Sbold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
	font-family: 'ProximaNova';
    src: url('../fonts/ProximaNovaSemiboldItalic/ProximaNova-SboldIt-webfont.eot');
    src: local("☺"),
         url('../fonts/ProximaNovaSemiboldItalic/ProximaNova-SboldIt-webfont.woff') format('woff'),
         url('../fonts/ProximaNovaSemiboldItalic/ProximaNova-SboldIt-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}


@font-face {
	font-family: 'ProximaNova';
    src: url('../fonts/ProximaNovaBold/ProximaNova-Bold-webfont.eot');
    src: local("☺"),
         url('../fonts/ProximaNovaBold/ProximaNova-Bold-webfont.woff') format('woff'),
         url('../fonts/ProximaNovaBold/ProximaNova-Bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
	font-family: 'ProximaNova';
    src: url('../fonts/ProximaNovaBold/ProximaNova-Bold-webfont.eot');
    src: local("☺"),
         url('../fonts/ProximaNovaBold/ProximaNova-Bold-webfont.woff') format('woff'),
         url('../fonts/ProximaNovaBold/ProximaNova-Bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
	font-family: 'ProximaNova';
    src: url('../fonts/ProximaNovaBoldItalic/ProximaNova-BoldIt-webfont.eot');
    src: local("☺"),
         url('../fonts/ProximaNovaBoldItalic/ProximaNova-BoldIt-webfont.woff') format('woff'),
         url('../fonts/ProximaNovaBoldItalic/ProximaNova-BoldIt-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
	font-family: 'ProximaNova';
    src: url('../fonts/ProximaNovaBlack/ProximaNova-Black-webfont.eot');
    src: local("☺"),
         url('../fonts/ProximaNovaBlack/ProximaNova-Black-webfont.woff') format('woff'),
         url('../fonts/ProximaNovaBlack/ProximaNova-Black-webfont.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}





/*----------------------
 Base Fonts
 ----------------------*/
.dccw-boxu {
    font-family: ProximaNova, Tahoma, sans-serif;
    font-weight: 400; 
    font-size: 14px;
    line-height: 1.271em;
    color: #222222;
}

.dccw-boxu strong {
	font-weight: 700;
}

.dccw-boxu em {
    font-style: italic;
    font-weight: 400;
}




/*----------------------
 Headings
 ----------------------*/
h1.dccw-boxu,
.dccw-boxu h1,
.dccw-boxu h2,
h3.dccw-boxu,
.dccw-boxu h3, 
.dccw-boxu h4, 
.dccw-boxu h5 {
    margin-top: 1em;
    margin-bottom: 0.7em;
    line-height: 1.1; /* This is the IE8 default */
    color: #222222;
}

h1.dccw-boxu,
.dccw-boxu h1,
.dccw-boxu h2 {
	font: 700 2.571em ProximaNova, Tahoma, sans-serif; /*36px*/
    color: black;
    line-height: 1;
}

h3.dccw-boxu,
.dccw-boxu h3 {
	font: 600 2em ProximaNova, Tahoma, sans-serif; /*28px*/
}

.dccw-boxu h4 {
	font: 600 1.429em ProximaNova, Tahoma, sans-serif; /*20px*/
}

.dccw-boxu h5 {
	font: 700 1.286em ProximaNova, Tahoma, sans-serif; /*18px*/
}




/*----------------------
 Anchors
 ----------------------*/
.dccw-boxu a {
    color: black;
}

.dccw-boxu a:hover {
    text-decoration: underline;
}





/*----------------------
 Paragraphs
 ----------------------*/
.dccw-boxu p {
    font-size: 1em; /* 14px */
    line-height: 1.2em;
    margin-top: 1.8em;
    margin-bottom: 1.607em;
    color: black;
}




/*----------------------
 Buttons
 ----------------------*/
.dccw-boxu .button,
.dccw-boxu .button:link,
.dccw-boxu .button:visited,
.dccw-boxu input[type="button"],
.dccw-boxu button {
    display: inline-block; zoom: 1; *display: inline;
    position: relative;
    float: right;
    margin: 0;
    cursor: pointer;
    background-image: none;
    padding: 10px 15px;
    color: #2897AD;
    text-align: left;
    font-weight: 600;
    font-family: ProximaNova, Tahoma, sans-serif;
    font-size: 1.286em; /*18 px*/
    border: 2px solid #2897AD;
}

#contact-us.dccw-boxu .button,
#contact-us.dccw-boxu .button:link,
#contact-us.dccw-boxu .button:visited,
#contact-us.dccw-boxu input[type="button"],
#contact-us.dccw-boxu button {
    border: 2px solid #4e5357;
    background-color: #4e5357;
    color: #fff;
    margin-bottom: 20px;
}




/*----------------------
 Forms
 NOTE: Components must have class "dccw-boxu [component-name] form-body"
 ----------------------*/
/* Baseline */
.dccw-boxu.form-body textarea {
    display: block;
    width: 462px;
    margin: 0 0 20px 0;
    padding: 13px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dccw-boxu.form-body input[type="text"] {
    width: 462px;
    margin: 0 0 20px 0;
    padding: 13px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/*Validtion*/
.dccw-boxu.form-body .error {
    border: 1px solid #cc423e;
    color: #cc423e;
}




/*======================
 Columns
======================*/
.dccw .one-column {
    width: 228px;
    float: left;
    margin-right: 15px; 
}

.dccw .two-column {
    width: 471px;
}

.dccw .three-column {
    width: 736px;
}

.dccw .three-column .ms-webpartzone-cell {
    margin-bottom: 20px;
}

.dccw .three-column > h3,
.dccw .three-column > .design-outcome-container > h3,
.dccw .three-column > .better-design-practice-container > h3,
.dccw .three-column > .rule-of-thumb-container > h3 {  
        margin-left: 55px; 
        margin-bottom: 36px;
        color: #000; 
}




/*======================
 Sticky Menu
======================*/
.dccw-boxu#sticky-menu {
    position: absolute;
    min-width: 50px;
    top: 155px;
    right: 0;
    z-index: 80;
    overflow: visible;
}

.dccw-boxu#sticky-menu.fixed {
    position: fixed;
    top: 47px;
}

.dccw-boxu#sticky-menu > div {
    float: right;
    clear: right;
    min-width: 50px;
    margin-bottom: 4px;
    background: white;
}

.dccw-boxu#sticky-menu div:hover {
    text-decoration: none;
}

.dccw-boxu#sticky-menu div a:hover {
    cursor: pointer;
}

.dccw-boxu#sticky-menu div a span,
.dccw-boxu#sticky-menu div div span {
    display: block;
    width: 50px;
    height: 50px;
    float: right;
    text-decoration: none;
    background: url(../images/sprite.png);
}

.dccw-boxu#sticky-menu div.expanded {
    cursor: pointer;
}

.dccw-boxu#sticky-menu div > a > div,
.dccw-boxu#sticky-menu div > div > div {
    position: absolute;
    width: 0;
    right: 50px;
    height: 50px;
    font-weight: 600;
    background: white;
    overflow: hidden;
}

.dccw-boxu#sticky-menu div > a > div p {
    margin: 0;
    padding: 16px 15px 0;
}

.dccw-boxu#sticky-menu div#back-to-top p {
    width: 75px;
}

.dccw-boxu#sticky-menu div#contact p {
    width: 70px;
}

/*Background Positions*/
.dccw-boxu#sticky-menu #back-to-top a span {
    background-position: 15px -651px;
}

.dccw-boxu#sticky-menu #back-to-top:hover a span {
    background-position: -174px -651px;
}

.dccw-boxu#sticky-menu #contact a span {
    background-position: 14px -744px;
}

.dccw-boxu#sticky-menu #contact:hover a span {
    background-position: -176px -744px;
}

.dccw-boxu#sticky-menu #share div span {
    background-position: 13px -842px;
}

.dccw-boxu#sticky-menu #share:hover div span {
    background-position: -177px -842px;
}

/*Share*/
.dccw-boxu#sticky-menu #share a {
    display: block;
    float: left;
    width: 49px;
    height: 35px;
    margin-top: 8px;
    background: url("../images/sprite.png") no-repeat;
    border-left: 1px solid black;
}

.dccw-boxu#sticky-menu #share a.facebook {
    background-position: 16px -1509px;
}

.dccw-boxu#sticky-menu #share a.facebook:hover {
    background-position: -225px -1509px;
}

.dccw-boxu#sticky-menu #share a.twitter {
    width: 50px;
    border-left: none;
    background-position: -34px -1509px;
}

.dccw-boxu#sticky-menu #share a.twitter:hover {
    background-position: -275px -1509px;
}

.dccw-boxu#sticky-menu #share a.linkedin {
    background-position: -94px -1509px;
}

.dccw-boxu#sticky-menu #share a.linkedin:hover {
    background-position: -335px -1509px;
}

.dccw-boxu#sticky-menu #share a.google-plus {
    background-position: -152px -1508px;
}

.dccw-boxu#sticky-menu #share a.google-plus:hover {
    background-position: -393px -1508px;
}

.dccw-boxu#sticky-menu #share a.pinterest_PIN_pin_it_button_20 {
    background-position: -439px -1508px;
}

.dccw-boxu#sticky-menu #share a.pinterest_PIN_pin_it_button_20:hover {
    background-position: -487px -1508px;
}

.dccw-boxu#sticky-menu #share p {
    float: left;
    display: block;
    width: 40px;
    margin: 0;
    padding: 16px 15px 17px;
}


/*======================
 Header
======================*/
.dccw header.dccw-boxu {
	height: 100px;
	margin: 0 auto;
    background: url("../images/headers/banner.jpg") no-repeat center top;
    background-color: #69C7EF;
}

.dccw #logo {
    display: inline-block;
	width: 450px;
	height: 100px;
}

.dccw #ac-logo {
    display: block;
	height: 79px;
	width: 177px;
	position: absolute;
	right: 0;
	top: 10px;
}

.dccw #logo .print,
.dccw #ac-logo .print,
.dccw table #ac-logo { /*hack to hide ac logo when in authoring as sits over web part properties*/
    display: none;
}





/*======================
 Internal Pages
======================*/
.dccw #central {
    min-height: 488px;   
}

.dccw #central .dccw-boxu.stick-anchor {
    margin-top: 0;
}


.dccw #central #home {
    margin-bottom: 45px;
}



/*----------------------
 Page Header
 ----------------------*/
.dccw-boxu#page-header {
    width: 980px;
    height: 57px;
    margin: 0 auto;
}

.dccw-boxu#page-header .prompt {
    position: absolute;
    top: 234px;
    font-size: 0.857em;
    font-weight: bold;
	color: white;
}

.sites-and-buildings .dccw-boxu#page-header {
    background: #F69E91;
}

.streets-and-parks .dccw-boxu#page-header {
    background: #9FD199;
}

.design-subjects .dccw-boxu#page-header {
    background: #BCAAB5;
}

.regulations .dccw-boxu#page-header {
    background: #79BAD6;
}

.resources .dccw-boxu#page-header {
    background: #A5BCCD;
}

.contact-us.dccw-boxu#page-header,
.about-the-adm .dccw-boxu#page-header {
    background: #8F9FB5;
}

.search .dccw-boxu#page-header {
    background: url("../images/headers/search-header.jpg") no-repeat #348AAE;
}

.resources.designers-toolbox .dccw-boxu#page-header,
.resources.planners-toolbox .dccw-boxu#page-header,
.resources.students-toolbox .dccw-boxu#page-header,
.resources.homebuyers-toolbox .dccw-boxu#page-header,
.resources.renovators-toolbox .dccw-boxu#page-header,
.resources.real-estate-toolbox .dccw-boxu#page-header {
    background: url("../images/headers/resources-homepage-header.jpg") no-repeat #009EE3;
    height:78px;
}
 

.dccw-boxu#page-header.loading-initial-hash-state {
    background: none !important;
}

/**/

.dccw-boxu#page-header .resize-limit > div:first-child {
    float: left;
}

.dccw-boxu#page-header p.breadcrumb {
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 600;
}

.dccw-boxu#page-header p.breadcrumb a,
.dccw-boxu#page-header p.breadcrumb .slash {
    color: white;
}

.dccw-boxu.hole .breadcrumb {
	display: none;
}

.dccw-boxu#page-header h2 {
    overflow: hidden;
    max-height: 38px;
    margin: 15px 0 0 11px;
    line-height: 1em;
    color: white;
    font-size: 2em;
}

.design-subjects .dccw-boxu#page-header h2,
.design-process .dccw-boxu#page-header h2,
.resources .dccw-boxu#page-header h2,
.about-the-adm .dccw-boxu#page-header h2 {
    max-width: 900px;
}

.dccw-boxu#page-header h2 span {
    margin-left: 20px;
    font-size: 0.5714285714285714em;
}

.dccw-boxu#page-header .subsites {
    float: right;
}

.dccw-boxu#page-header .subsites a {
    float: left;
    display: block;
    height: 110px;
    width: 90px;
    overflow: hidden;
    text-align: center;
}

.dccw-boxu#page-header .subsites a:hover,
.dccw-boxu#page-header .subsites a.selected {
    background: white;
	/* IE 5-7 */
	filter: alpha(opacity=30);
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    background: rgba(255,255,255,0.3);
	color: white;
}

.dccw-boxu#page-header .subsites a img {
    max-height: 60px;
    margin-top: 10px;
}

.dccw-boxu#page-header .subsites a p {
    margin-top: 1.4em;
    font-size: 11px!important;
    line-height: 2em;
    color: white;
}

/*.dccw-boxu#page-header .subsites a.selected p,
.dccw-boxu#page-header .subsites a:hover p {
    color: white;
}*/

html.ie-shim .dccw-boxu#page-header .subsites a.selected p,
html.ie-shim .dccw-boxu#page-header .subsites a:hover p {
    color: black;
}


/*----------------------
 Welcome Text
 ----------------------*/
.dccw-boxu.welcome-paragraph {
    width: 219px;
    margin: 10px 31px 0 0;
}

.dccw-boxu.welcome-paragraph * {
    color: #464646;
}

.dccw-boxu.welcome-paragraph #welcomeText > *:first-child {
    margin-top: 0;
}

.dccw-boxu.welcome-paragraph h1 {
    margin-top: 23px;    
}

.dccw-boxu.welcome-paragraph p {
    font-weight: 600;
}



/*======================
 dccw-boxu: Feature
======================*/
.dccw-boxu.feature {
    width: 100%;
    margin: 0 auto;
}

.dccw-boxu.feature a {
    position: relative;
    display: block;
    width: 980px;
    margin: 0 auto;
}

.dccw-boxu.feature a img:first-child {
    display: block;
    max-width: 100%;
}

.dccw-boxu.feature a img.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}

.dccw-boxu.feature .video iframe {
    display: block;
    width: 980px;
    margin: 0 auto;
}




/*======================
 dccw-boxu: Guidance
======================*/
.dccw .guidance {
    float: right;
    background: white;
}

.dccw .guidance h1.dccw-boxu {
    margin: 40px 55px 0.7em 55px;
    font-size: 3.714em;
    font-weight: 600;
	padding-bottom: 0.25em;
    padding-right: 45px;
    position: relative;
}

.dccw .sites-and-buildings .guidance h1.dccw-boxu {
    color: #F69E91;
	border-bottom: 2px solid black;
}

.dccw .streets-and-parks .guidance h1.dccw-boxu {
    color: #9FD199;
	border-bottom: 2px solid black;
}

.dccw .design-subjects .guidance h1.dccw-boxu {
    color: #BCAAB5;
	border-bottom: 2px solid black;
}

.dccw .regulations .guidance h1.dccw-boxu {
    color: #79BAD6;
	border-bottom: 2px solid black;
}

.dccw .resources .guidance h1.dccw-boxu {
    color: #A5BCCD;
    border-bottom: 2px solid #000;
}

.dccw .about-the-adm .guidance h1.dccw-boxu {
    color: #8F9FB5;
    border-bottom: 2px solid #000;
}

.dccw .guidance h1.dccw-boxu span.page-number {
    margin-right: 15px;
    font-weight: 600;
}

.dccw .guidance h1.dccw-boxu span.page-number::after {
    content: ".";
}

/*Intro*/
.dccw .guidance .intro {
    margin-top: 30px;
}

.dccw .guidance .intro ol, 
.design-process-section-page.guidance > div ol,
.design-thinking-section-page.guidance > div ol,
.three-column.guidance.ata > div ol {
    margin-left: 36px;
}



.dccw .guidance .intro p,
.dccw .guidance .intro li,
.design-process-section-page.guidance > div p,
.design-process-section-page.guidance > div li,
.design-thinking-section-page.guidance > div p,
.design-thinking-section-page.guidance > div li,
.three-column.guidance.ata > div p,
.three-column.guidance.ata > div li {
    font: 15px ProximaNova, Tahoma, sans-serif;
    margin-top: 1.607em;
    margin-bottom: 1.607em;
    line-height: 1.4em;
    color: #222222;
}


/*======================
 Related Guidance
======================*/
.hole-inner .guidance .related-guidance ul,
.hole-inner .guidance .related-guidance ol {
    padding: 0;
}

.hole-inner .guidance .related-guidance li {
    margin: 0;
}


.hole-inner .guidance .related-guidance-elements {
    padding-left: 0;
}

.hole-inner .guidance .related-guidance-elements h3 {
    margin-bottom: 5px;
}

.hole-inner .guidance .related-guidance-elements .related-guidance-sections {
    padding: 0;
    margin: 0;
}

.hole-inner .guidance .related-guidance-elements .related-guidance-sections li {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
}

.hole-inner .guidance .related-guidance-elements .related-guidance-sections li a {
    font-size: 1.17em;
}


/*======================
 Page Numbering
======================*/

.pages > a {
    font-size: 2em;
    font-weight: 600;
    margin-right: 10px;    
    text-align: left; 
    line-height: 30px;             
}

.pages > a.selected {
    opacity: 0.5;           
}



/*======================
 dccw-boxu: #Guidance-Menu
======================*/
.dccw-boxu#guidance-menu {
    position: relative;
    z-index: 6;
}

.dccw .about-the-adm .dccw-boxu#guidance-menu {
    overflow: hidden;
	background: white;
}

.about-the-adm .dccw-boxu#guidance-menu h4 {
    display: none;
}

#page-header.fixed ~ #guidance-menu .guidance-nav:not(.fixed) {
    margin-top: 122px;
}

#guidance-menu .guidance-nav.fixed + .guidance-elements {
	margin-top: 197px;
}

.dccw-boxu#guidance-menu .guidance-nav {
    width: 980px;
    display: flex;
    justify-content: flex-end;
    margin-top: 18px;
}

.sites-and-buildings .dccw-boxu#guidance-menu .guidance-nav {
    background: #F69E91;
}

.sites-and-buildings .dccw-boxu#guidance-menu .guidance-nav.show-border {
    border-bottom: 5px solid #F69E91;
}

.streets-and-parks .dccw-boxu#guidance-menu .guidance-nav {
    background: #9FD199;
}

.streets-and-parks .dccw-boxu#guidance-menu .guidance-nav.show-border {
    border-bottom: 5px solid #9FD199;
}

.design-subjects .dccw-boxu#guidance-menu .guidance-nav {
    background: #BCAAB5;
}

.design-subjects .dccw-boxu#guidance-menu .guidance-nav.show-border {
    border-bottom: 5px solid #BCAAB5;
}

.regulations .dccw-boxu#guidance-menu .guidance-nav {
    background: #79BAD6;
}

.regulations .dccw-boxu#guidance-menu .guidance-nav.show-border {
    border-bottom: 5px solid #79BAD6;
}

.resources .dccw-boxu#guidance-menu .guidance-nav {
    background: #A5BCCD;
}

.resources .dccw-boxu#guidance-menu .guidance-nav.show-border {
    border-bottom: 5px solid #A5BCCD;
}

.dccw-boxu#guidance-menu h4.fixed,
.dccw-boxu#guidance-menu h4.absolute,
.dccw-boxu#guidance-menu .guidance-nav.absolute,
.dccw-boxu#guidance-menu .guidance-nav.fixed {
	width: 980px;
    z-index: 2;
}

.dccw-boxu#guidance-menu h4.fixed,
.dccw-boxu#guidance-menu h4.absolute {
    width: 837px;
}

.dccw-boxu#guidance-menu .guidance-nav.absolute {
    position: absolute;
}

.dccw-boxu#guidance-menu .guidance-nav.fixed {
    position: fixed;
    top: 104px;
    margin-top: 0;
}

.dccw-boxu#guidance-menu .guidance-button { 
    display: flex;
    height: 75px;
    margin: 0 1.5px;
    font-weight: 600;
    color: #000;
    flex-grow: 1;
}

.dccw-boxu#guidance-menu .guidance-button:first-child {
    margin-left: 0;
}
.dccw-boxu#guidance-menu .guidance-button:last-child {
    margin-right: 0; /*Not supported by IE8*/
}

.dccw-boxu#guidance-menu .guidance-button span {
    display: block;
    padding-left: 12px;
    padding-top: 9px;
    font-size: 1.071428571428571em;
    line-height: 1.357142857142857em;
}

.dccw-boxu#guidance-menu .guidance-button span:first-child + span {
    min-height: 42px;
    padding: 9px 12px 5px 5px;
}

.dccw-boxu#guidance-menu .guidance-button:hover {
    cursor: pointer;
    text-decoration: none;
}

.dccw-boxu#guidance-menu .guidance-button.selected {
    cursor: default;
} 

.dccw-boxu#guidance-menu .guidance-button:not(.selected) {
    background: #FFF;
}

.dccw-boxu#guidance-menu .guidance-button:hover {
    background: none;
}

.dccw-boxu#guidance-menu .guidance-image {
    display: none;
    width: 980px;
    height: 57px;
    overflow: hidden;
}

.dccw-boxu#guidance-menu .guidance-image * {
    display: none;
}

/*Section specific colours*/
.sites-and-buildings .dccw-boxu#guidance-menu .guidance-image {
    background: #F69E91;
}

.streets-and-parks .dccw-boxu#guidance-menu .guidance-image {
    background: #9FD199;
}

.design-subjects .dccw-boxu#guidance-menu .guidance-image {
    background: #BCAAB5;
}

.regulations .dccw-boxu#guidance-menu .guidance-image {
    background: #79BAD6;
}

.resources .dccw-boxu#guidance-menu .guidance-image {
    background: #A5BCCD;
}



/*----------------------
 .dccw-boxu#Indexor
 ----------------------*/
ul.dccw-boxu#indexor {
    float: left;
    width: 244px;
    background-color: #fff;
}

/*Does this still apply?*/
.dccw-boxu#guidance-menu .dccw-boxu#indexor {
    float: left;
    display: none;
}

ul.dccw-boxu#indexor.fixed {
    position: fixed;
    top: 184px;
}

.about-the-adm ul.dccw-boxu#indexor.fixed {
    top: 47px;
}
.about-the-adm ul.dccw-boxu#indexor {
	margin-bottom: 0;
}

ul.dccw-boxu#indexor.static {
      position: static;
}

ul.dccw-boxu#indexor li {
    list-style-type: none;
    background: #E1E1E1;
}

ul.dccw-boxu#indexor li.selected {
    background: #FFF;
}

ul.dccw-boxu#indexor li a {
    display: flex;
    margin: 0 15px;
    border-top: 1px solid #000;
}

ul.dccw-boxu#indexor > li:first-child > a {
    border-top: none;
}

ul.dccw-boxu#indexor li > a:hover,
ul.dccw-boxu#indexor li.selected > a {
    text-decoration: none;
    color: #000;
}

ul.dccw-boxu#indexor li.selected > a,
ul.dccw-boxu#indexor li.selected + li:not(.quick-link):not(.prev-has-children) > a,
ul.dccw-boxu#indexor li.subselected + li:not(.quick-link) > a,
ul.dccw-boxu#indexor li.selected > ul > li:first-child > a {
    margin: 0;
    padding: 0 15px;
}

ul.dccw-boxu#indexor li a span {
    max-width: 169px;
    padding: 11px 0;
    vertical-align: top;
    font-weight: 400;
    font-size: 1.071428571428571em;
    line-height: 1.357142857142857em;
    display: block; /* needs to be explicit for IE */
}

ul.dccw-boxu#indexor li a span:first-child {
    width: 40px;
}

ul.dccw-boxu#indexor li.indexor-subsection a span:first-child {
    width: 51px;
}


/*ul.dccw-boxu#indexor > li > a span:first-child:after {
    content: ".";
}*/

ul.dccw-boxu#indexor li li a span {
    max-width: 148px;
}

ul.dccw-boxu#indexor li li a span:first-child {
    margin-left: 15px;
}

ul.dccw-boxu#indexor li.quick-link {
    padding: 25px 0 26px;
}

ul.dccw-boxu#indexor li.quick-link + li.quick-link {
    padding-top: 0;
}

ul.dccw-boxu#indexor li.quick-link:last-child {
    padding-bottom: 32px;
}

ul.dccw-boxu#indexor li.quick-link a {
    border-top: none;
    padding-left: 40px;
    background: url("/Style%20Library/ADM/Images/bullet-triangle.png") no-repeat center left 10px;
    font-weight: 600;
    font-size: 1.071428571428571em;
}



/*----------------------
 .design-outcome
 ----------------------*/
.dccw-boxu.design-outcome .outcome-box {
    position: relative;
    width: 530px;
    z-index: 1;
    padding-bottom: 94px;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.dccw-boxu.design-outcome .outcome-box .outcome-box-content {
    float: left;
    width: 60%;
    font-size: 1.25em;
    line-height: 1em;
}


.dccw-boxu.design-outcome .outcome-box .outcome-box-content .editable {
    padding: 0;
}

.dccw-boxu.design-outcome .outcome-box {
    background-image: url("../images/DesignOutcomes/outcomes-image-large.png");
}

/*.buildings-and-sites .dccw-boxu.design-outcome .outcome-box {
    background-image: url("../images/DesignOutcomes/outcomes-image-large-red.png");
}

.neighbourhoods .dccw-boxu.design-outcome .outcome-box {
    background-image: url("../images/DesignOutcomes/outcomes-image-large-purple.png");
}

.parks .dccw-boxu.design-outcome .outcome-box {
    background-image: url("../images/DesignOutcomes/outcomes-image-large-green.png");
}

.streets .dccw-boxu.design-outcome .outcome-box {
    background-image: url("../images/DesignOutcomes/outcomes-image-large-blue.png");
}*/

.dccw-boxu.design-outcome .outcome-box > div {
    min-height: 150px;
    padding-top: 15px;
    padding-bottom: 50px;
    background: #CCC;
    background: rgba(0, 0, 0, 0.2);
    overflow: auto;
}

/*Section specific colours*/
/*.buildings-and-sites .dccw-boxu.design-outcome .outcome-box > div {
    background: #FAE5DC;
    background: rgba(229, 123, 81, 0.2);
    overflow: auto;
}

.neighbourhoods .dccw-boxu.design-outcome .outcome-box > div {
    background: #E0DFE3;
    background: rgba(99, 93, 117, 0.2);
}

.parks .dccw-boxu.design-outcome .outcome-box > div {
    background: #ECF2E1;
    background: rgba(158, 189, 106, 0.2);
}

.streets .dccw-boxu.design-outcome .outcome-box > div {
    background: #DDE1E8;
    background: rgba(83, 107, 141, 0.2);
}*/

.dccw-boxu.design-outcome > div:first-child .index {
    float: left;
    width: 55px;
    margin-top: 34px;
    margin-left: 24px;
    font-size: 3.429em;
    font-weight: 700;
}

/*Section specific colours*/
/*.buildings-and-sites .dccw-boxu.design-outcome > div:first-child .index,
.buildings-and-sites .guidance .dccw-boxu.grid > div.tile div .index {
    color: #E74F5E;
}

.neighbourhoods .dccw-boxu.design-outcome > div:first-child .index,
.neighbourhoods .guidance .dccw-boxu.grid > div.tile div .index {
    color: #A4788E;
}

.parks .dccw-boxu.design-outcome > div:first-child .index,
.parks .guidance .dccw-boxu.grid > div.tile div .index {
    color:  #73B354;
}

.streets .dccw-boxu.design-outcome > div:first-child .index,
.streets .guidance .dccw-boxu.grid > div.tile div .index {
    color: #54698D;
}

.infrastructure .dccw-boxu.design-outcome > div:first-child .index,
.infrastructure .guidance .dccw-boxu.grid > div.tile div .index {
    color: #0065A4;
}

.design-process .dccw-boxu.design-outcome > div:first-child .index,
.design-process .guidance .dccw-boxu.grid > div.tile div .index {
    color:  #00a2d8;
}*/

.design-subjects .dccw-boxu.design-outcome > div:first-child .index,
.design-subjects .guidance .dccw-boxu.grid > div.tile div .index {
    color: #7BB8B8;
}

.about-the-adm .dccw-boxu.design-outcome > div:first-child .index,
.about-the-adm .guidance .dccw-boxu.grid > div.tile div .index {
    color: #55C1E0;
}



.dccw-boxu.design-outcome > div:first-child .outcome-box {
    float: left;
    width: 286px;
}

.dccw-boxu.design-outcome > div:first-child h4 {
    padding: 0;
    font-size: 1.143em;
    font-weight: 600;
    color: #333;
}

.dccw-boxu.design-outcome .dccw-boxu.carousel .jcarousel-wrapper {
    margin-top: -90px;
}




/*----------------------
 .grid - design outcomes
 ----------------------*/
.dccw .guidance .dccw-boxu.grid {
    padding: 0 55px;
}

/*.dccw .guidance .dccw-boxu.grid > h3 {
    padding-left: 80px;
}*/

.dccw .guidance .dccw-boxu.grid > div.tile {
    display: inline-block;
    width: 305px; 
    margin-top: 30px;
}

.guidance .dccw-boxu.grid > div.tile-1,
.guidance .dccw-boxu.grid > div.tile-3 {
    margin-right: 6px;
}

.guidance .dccw-boxu.grid > div.tile-2,
.guidance .dccw-boxu.grid > div.tile-4 {
    margin-left: 6px;
}

.dccw .guidance .dccw-boxu.grid > div.tile > div {
    position: relative;
    width: 300px;
    padding-bottom: 55px;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.guidance .dccw-boxu.grid > div.tile-1 > div,
.guidance .dccw-boxu.grid > div.tile-4 > div {
    background-image: url("../images/designoutcomes/outcomes-image-small-1.png");
}

.guidance .dccw-boxu.grid > div.tile-2 > div,
.guidance .dccw-boxu.grid > div.tile-3 > div {
    background-image: url("../images/designoutcomes/outcomes-image-small-2.png");
}

/*Section Specific Images*/
/*.buildings-and-sites .guidance .dccw-boxu.grid > div.tile-1 > div,
.buildings-and-sites .guidance .dccw-boxu.grid > div.tile-4 > div {
    background-image: url("../images/designoutcomes/outcomes-image-small-red2.png");
}

.buildings-and-sites .guidance .dccw-boxu.grid > div.tile-2 > div,
.buildings-and-sites .guidance .dccw-boxu.grid > div.tile-3 > div {
    background-image: url("../images/designoutcomes/outcomes-image-small-red1.png");
}

.neighbourhoods .guidance .dccw-boxu.grid > div.tile-1 > div,
.neighbourhoods .guidance .dccw-boxu.grid > div.tile-4 > div {
    background-image: url("../images/designoutcomes/outcomes-image-small-purple1.png");
}

.neighbourhoods .guidance .dccw-boxu.grid > div.tile-2 > div,
.neighbourhoods .guidance .dccw-boxu.grid > div.tile-3 > div {
    background-image: url("../images/designoutcomes/outcomes-image-small-purple2.png");
}

.parks .guidance .dccw-boxu.grid > div.tile-1 > div,
.parks .guidance .dccw-boxu.grid > div.tile-4 > div {
    background-image: url("../images/designoutcomes/outcomes-image-small-green1.png");
}

.parks .guidance .dccw-boxu.grid > div.tile-2 > div,
.parks .guidance .dccw-boxu.grid > div.tile-3 > div {
    background-image: url("../images/designoutcomes/outcomes-image-small-green2.png");
}

.streets .guidance .dccw-boxu.grid > div.tile-1 > div,
.streets .guidance .dccw-boxu.grid > div.tile-4 > div {
    background-image: url("../images/designoutcomes/outcomes-image-small-blue1.png");
}

.streets .guidance .dccw-boxu.grid > div.tile-2 > div,
.streets .guidance .dccw-boxu.grid > div.tile-3 > div {
    background-image: url("../images/designoutcomes/outcomes-image-small-blue2.png");
}

.infrastructure .guidance .dccw-boxu.grid > div.tile-1 > div,
.infrastructure .guidance .dccw-boxu.grid > div.tile-4 > div {
    background-image: url("../images/designoutcomes/outcomes-image-small-blue1.png");
}

.infrastructure .guidance .dccw-boxu.grid > div.tile-2 > div,
.infrastructure .guidance .dccw-boxu.grid > div.tile-3 > div {
    background-image: url("../images/designoutcomes/outcomes-image-small-blue2.png");
}

*/

.guidance .dccw-boxu.grid > div.tile > div > div {
    float: left;
    width: 100%;
}

.guidance .dccw-boxu.grid > div.tile > div::after {
    content: "";
    display: table;
    clear: both;
}

.guidance .dccw-boxu.grid > div.tile-1 > div > div ,
.guidance .dccw-boxu.grid > div.tile-4 > div > div  {
    background: #E5E5E5;
    background: rgba(0, 0, 0, 0.1);
}

.guidance .dccw-boxu.grid > div.tile-2 > div > div ,
.guidance .dccw-boxu.grid > div.tile-3 > div > div  {
    background: #CCC;
    background: rgba(0, 0, 0, 0.2);
}

/*Section specific colours*/
/*.buildings-and-sites .guidance .dccw-boxu.grid > div.tile-1 > div > div,
.buildings-and-sites .guidance .dccw-boxu.grid > div.tile-4 > div > div  {
    background: #FCF2ED;
    background: rgba(229, 123, 81, 0.1);
}

.buildings-and-sites .guidance .dccw-boxu.grid > div.tile-2 > div > div,
.buildings-and-sites .guidance .dccw-boxu.grid > div.tile-3 > div > div  {
    background: #FAE5DC;
    background: rgba(229, 123, 81, 0.2);
}

.neighbourhoods .guidance .dccw-boxu.grid > div.tile-1 > div > div,
.neighbourhoods .guidance .dccw-boxu.grid > div.tile-4 > div > div {
    background: #EFEEF1;
    background: rgba(99, 93, 117, 0.1);
}

.neighbourhoods .guidance .dccw-boxu.grid > div.tile-2 > div > div,
.neighbourhoods .guidance .dccw-boxu.grid > div.tile-3 > div > div {
    background: #E0DFE3;
    background: rgba(99, 93, 117, 0.2);
}

.parks .guidance .dccw-boxu.grid > div.tile-1 > div > div,
.parks .guidance .dccw-boxu.grid > div.tile-4 > div > div {
    background: #F5F8F0;
    background: rgba(158, 189, 106, 0.1);
}

.parks .guidance .dccw-boxu.grid > div.tile-2 > div > div,
.parks .guidance .dccw-boxu.grid > div.tile-3 > div > div {
    background: #ECF2E1;
    background: rgba(158, 189, 106, 0.2);
}

.streets .guidance .dccw-boxu.grid > div.tile-1 > div > div,
.streets .guidance .dccw-boxu.grid > div.tile-4 > div > div {
    background: #EDF0F3;
    background: rgba(83, 107, 141, 0.1);
}

.streets .guidance .dccw-boxu.grid > div.tile-2 > div > div,
.streets .guidance .dccw-boxu.grid > div.tile-3 > div > div {
    background: #DDE1E8;
    background: rgba(83, 107, 141, 0.2);
}

.infrastructure .guidance .dccw-boxu.grid > div.tile-1 > div > div,
.infrastructure .guidance .dccw-boxu.grid > div.tile-4 > div > div {
    background: #536B8D;
    background: rgba(83, 107, 141, 0.1);
}

.infrastructure .guidance .dccw-boxu.grid > div.tile-2 > div > div,
.infrastructure .guidance .dccw-boxu.grid > div.tile-3 > div > div {
    background: #536B8D;
    background: rgba(83, 107, 141, 0.2);
}

*/

.dccw .guidance .dccw-boxu.grid > div.tile div .index {
    float: left;
    width: 40px;
    margin-top: 36px;
    margin-left: 30px;
    font-size: 2.571em;
    font-weight: 700;
}

.dccw .guidance .dccw-boxu.grid > div.tile div h4 {
    margin-top: 33px;
}

.dccw .guidance .dccw-boxu.grid > div.tile div h4,
.dccw .guidance .dccw-boxu.grid > div.tile div p {
    float: right;
    width: 200px;
    margin-right: 27px;
    font-size: 1.25em;
    line-height: 1em;

    /* Fixes weird behavior where the RTF content for the first design outcome tile has inline styles of height: 0px set.*/
    height: auto !important;
}

.dccw .guidance .dccw-boxu.grid > div.tile img {
    max-width: 100%;
    /*height: 233px;*/
    margin-top: -35px;
}




/*----------------------
 .better-design-practice
 .design-outcome
 ----------------------*/

/* Bullet Styles*/
.dccw-boxu.better-design-practice ul li,
.dccw .rule-of-thumb-container ul li {
    background-repeat: no-repeat;
    background-position: left 5px;
    list-style: none;
    padding-left: 36px;
}

.dccw-boxu.better-design-practice ul > li,
.dccw .rule-of-thumb-container ul li {
    background-image: url("/Style%20Library/ADM/Images/bullet-triangle.png");
}


.dccw-boxu.better-design-practice ul ul li,
.dccw .rule-of-thumb-container  ul ul li {
    background-image: url("/Style%20Library/ADM/Images/bullet-dot.png");
    background-position: left 7px;
}


.dccw-boxu.better-design-practice ul ul ul li,
.dccw .rule-of-thumb-container ul ul ul li {
    background-image: url("/Style%20Library/ADM/Images/bullet-arrow.png");
}

.dccw-boxu.better-design-practice ul ul,
.dccw .rule-of-thumb-container ul ul {
    margin-left: 36px;
}

.dccw-boxu.better-design-practice li,
.dccw .rule-of-thumb-container li {
    margin-top: 1.607em;
    margin-bottom: 1.607em;
}

.dccw-boxu.design-outcome.glossary-area {
    padding: 0 55px;
}

/* Better Design Practice */
.dccw-boxu.better-design-practice {
    font-size: 15px !important;
    line-height: 1.4em !important;
    padding: 0 55px;
}


.dccw-boxu.better-design-practice .editor-div input[type="text"],
.dccw-boxu.design-outcome .editor-div input[type="text"] {
    width: 440px;
} 

.dccw-boxu.better-design-practice .editor-div textarea,
.dccw-boxu.design-outcome .editor-div textarea {
    width: 440px;
    height: 150px;
    margin: 5px 0 5px 18px;
    vertical-align: top;
}

.dccw-boxu.better-design-practice .save-button {
	float: right;
}


/* Clever way to target BDPs which have Carousels */
.better-design-practice > div:first-child ~ div[id] > div {
    margin-top: 25px;
}


/*----------------------
 .rule-of-thumb
 ----------------------*/
.dccw .rule-of-thumb-container {
    padding-top: 20px;    
}

.dccw .rule-of-thumb-container .ms-webpartzone-cell {
    margin-bottom: 0;
}

.dccw-boxu.rule-of-thumb {
    padding-top: 20px;
    margin: 0 55px;
}

.dccw-boxu.rule-of-thumb .description {
    background: url("../images/ruleofthumb/rule-of-thumb-default-icon.png") no-repeat;
    margin-right: 25px;
    padding: 0 0 0 58px;
    min-height: 52px;
    font-size: 15px !important;
    line-height: 1.4em !important;
}

.dccw-boxu.rule-of-thumb[data-in-edit-mode="True"] .description {
	margin: 0;
	padding-right: 0;
}

.dccw-boxu.rule-of-thumb[data-in-edit-mode="True"] .save-button {
	float: right;
}


/*Section Spefic Icons*/
/*.buildings-and-sites .dccw-boxu.rule-of-thumb .description {
    background-image: url("../images/ruleofthumb/rule-of-thumb-red-icon.png");
}

.neighbourhoods .dccw-boxu.rule-of-thumb .description {
    background-image: url("../images/ruleofthumb/rule-of-thumb-purple-icon.png");
}

.parks .dccw-boxu.rule-of-thumb .description {
    background-image: url("../images/ruleofthumb/rule-of-thumb-green-icon.png");
}

.streets .dccw-boxu.rule-of-thumb .description {
    background-image: url("../images/ruleofthumb/rule-of-thumb-blue-icon.png");
}

.infrastructure .dccw-boxu.rule-of-thumb .description {
    background-image: url("../images/ruleofthumb/rule-of-thumb-blue-icon.png");
}

.buildings-and-sites .guidance .rule-of-thumb-container .index {
    background-image: url("../images/ruleofthumb/rule-of-thumb-red-icon.png") !important;
    background-repeat: no-repeat;
    font-size: 0!important;
    height: 55px;
    margin-top: 20px!important;
    margin-left: 27px!important;
}

.neighbourhoods .guidance .rule-of-thumb-container .index {
    background-image: url("../images/ruleofthumb/rule-of-thumb-purple-icon.png") !important;
    background-repeat: no-repeat;
    font-size: 0!important;
    height: 55px;
    margin-top: 20px!important;
    margin-left: 27px!important;
}

.parks .guidance .rule-of-thumb-container .index {
    background-image: url("../images/ruleofthumb/rule-of-thumb-red-icon.png") !important;
    background-repeat: no-repeat;
    font-size: 0!important;
    height: 55px;
    margin-top: 20px!important;
    margin-left: 27px!important;
}

.infrastructure .guidance .rule-of-thumb-container .index {
    background-image: url("../images/ruleofthumb/rule-of-thumb-blue-icon.png") !important;
    background-repeat: no-repeat;
    font-size: 0!important;
    height: 55px;
    margin-top: 20px!important;
    margin-left: 27px!important;
}

.neighbourhoods .guidance .rule-of-thumb-container .index {
    background-image: url("../images/ruleofthumb/rule-of-thumb-purple-icon.png") !important;
    background-repeat: no-repeat;
    font-size: 0!important;
    height: 55px;
    margin-top: 20px!important;
    margin-left: 27px!important;
}


*/

.dccw-boxu.rule-of-thumb .description h4 {
    margin: 0;
    line-height: 1.25em;
    font-size: 1em;
    padding-left: 0;
}

.dccw-boxu.rule-of-thumb .description div {
    padding-left: 0;
}

.dccw-boxu.rule-of-thumb .description p {
    margin: 7px 0 0;
}


/*TODO: Authoring*/
.dccw-boxu.rule-of-thumb .editor-div input[type="text"] {
    width: 403px;    
}

.dccw-boxu.rule-of-thumb .editor-div textarea {
    width: 413px;
    height: 150px;
    margin: 5px 0 18px 5px;
    vertical-align: top;
}




/*----------------------
 .to-top .to-previous .to-next links
 ----------------------*/
.dccw .to-top,
.dccw .to-previous,
.dccw .to-next,
.dccw .to-next + span,
.dccw .contact-us-link + span  {
    float: right;
    border: none;
    font: 700 1.214285714285714em Proxima Nova, Tahoma, sans-serif;
}

.dccw .to-top {
   background: url("../images/sprite.png") -708px 0 no-repeat;
   margin: 40px 0 0 15px;
   right: 0;
   bottom: 0;
}
.dccw .to-previous {
    margin: 89px 0 51px 0;
}
.dccw .to-next,
.dccw .contact-us-link + span {
    margin: 89px 55px 51px 13px;
}
.dccw .to-next + span,
.dccw .contact-us-link + span {
    display: inline-block;
    border-left: 1px solid #000;
    margin-top: 89px;
    width: 0;
    line-height: 22px;
}
.dccw .to-next + span + .to-previous {
    margin-right: 13px;
}
.dccw .to-previous.disabled {
	/*TODO Grayed out version of sprite*/
   background: url("../images/sprite.png") -584px 0 no-repeat;
}
.dccw .to-next.disabled {
	/*TODO Grayed out version of sprite*/
   background: url("../images/sprite.png") -640px 0 no-repeat;
}

.dccw .to-top:hover,
.dccw .to-previous:hover,
.dccw .to-next:hover {
    cursor: pointer;
}

.dccw .to-top img {
    margin-left: 10px;
}

.dccw #pt-details-resource-hole #worked-example .resource-content .to-top {
   margin-top: -51px;
}

.dccw #pt-details-resource-hole #case-study .resource-content .to-top {
   margin-top: 19px;
}




/*----------------------
 .contact-us-link
 ----------------------*/
.three-column.guidance .contact-us-link {
    font: 700 1.214285714285714em Proxima Nova, Tahoma, sans-serif;
    float: left;
    margin: 89px 0 51px 55px;
}



/*----------------------
 .related-links
 ----------------------*/
/*.dccw-boxu#related-links {
    padding: 50px 0 0; 
}*/

.dccw-boxu#related-links > section {
    float: left;
    width: 228px;
    margin-left: 15px;
}

.dccw-boxu#related-links > section:first-child {
    margin-left: 0;
}

.dccw-boxu#related-links > section h5 {
    padding-bottom: 15px;
    border-bottom: 2px solid black;    
}

.dccw-boxu#related-links > section ul {
    margin-left: 7px;
}

.dccw-boxu#related-links > section ul li {
    margin-bottom: 6px;
    margin-left: 11px;
    color: #999;
}

.dccw-boxu#related-links > section ul li a {
    position: relative;
}


.dccw-boxu#related-links > section#related-themes ul {
    margin-left: 0;
}

.dccw-boxu#related-links > section#related-downloads ul {
    margin-left: 0;
}

.dccw-boxu#related-links > section#related-downloads ul li {
    list-style: none;
    background-image: url(../images/download-icon.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 15px;
    margin-left: 0;
    margin-bottom: 10px;
}

.dccw-boxu#related-links > section#related-downloads ul li a {
    left: 8px;
}

.dccw-boxu#related-links > section a {
    color: #999;
    font-weight: 600;
}

.dccw-boxu#related-links > section#related-themes ul {
    margin-left: 2px;
}

.dccw-boxu#related-links > section#related-themes ul li {
    display: inline-block;
    margin-left: -2px;
    list-style: none;
}

.dccw-boxu#related-links > section#related-themes a {
    display: inline-block;
    height: 10px;
    line-height: 10px;
    padding: 7px;
    margin: 0 0 5px 0;
    font-weight: 400;
    color: #272727;
    background: #dadada;
}


.dccw-boxu#related-links > section#related-themes li {
    list-style: none;
    margin-bottom: 0;
}



/*======================
 Resources > Case Study,
 Resources > Worked Example,    
 Resources > Artciles etc,
 Parks > Park Elements
======================*/
.dccw .resources-standard-page {
    width: 736px;
}

.dccw #case-study {
    width: 954px; /* 952??? */
}

.dccw #case-study > h4,
.dccw #worked-example > h4,
.dccw #success-story > h4,
.dccw .resources-standard-page > h4,
.dccw #park-element[data-in-authoring-mode="True"] > h4,
.dccw-boxu#pt-details-parks-hole .park-element-page > h4 {
    margin: 0;
    padding: 20px 0 20px 30px;
    font-size: 2em;
    font-weight: 400;
    border-top: 3px solid black;
}

.dccw .hole .loading-resource,
.dccw .hole#pt-details-parks-hole .result .loading-resource {
    border-top: 3px solid black;
	padding-bottom: 900px;
    background-color: #fff;
}

.dccw .hole#pt-details-resource-hole .loading-resource,
.dccw .hole#pt-details-parks-hole .loading-resource {
    background-color: transparent;
    border-top: none;
    margin: auto;
}

.dccw .loading-resource > h4 {
    display: none;
}

.dccw .park-element-page .details {
    padding: 0;
}


.dccw .park-element-page .ms-rtestate-field li,
.dccw .resources-standard-page .ms-rtestate-field li,
.dccw #case-study .resource-content li,
.dccw #worked-example .resource-content li,
.dccw #success-story .resource-content li {
    font: 15px ProximaNova, Tahoma, sans-serif;
    margin-top: 1.607em;
    margin-bottom: 1.607em;
    line-height: 1.4em;
    list-style-position: outside;
}

.dccw #case-study > h4,
.dccw #worked-example > h4,
.dccw #success-story > h4,
.dccw #prepackaged-design-guide > h4,
.dccw #knowledge-base > h4,
.dccw #resources-carousel .header > h4,
.dccw .resources-standard-page > h4,
.dccw-boxu#pt-details-parks-hole .park-element-page > h4 {
    position: relative;
    padding-right: 120px;
    background: white;
}

.dccw #case-study > h4.fixed,
.dccw #worked-example > h4.fixed,
.dccw #success-story > h4.fixed,
.dccw #prepackaged-design-guide > h4.fixed,
.dccw #knowledge-base > h4.fixed,
.dccw #resources-carousel .header > h4.fixed,
.dccw .resources-standard-page > h4.fixed,
.dccw-boxu#pt-details-parks-hole .park-element-page > h4.fixed {
    position: fixed;
    top: 47px;
    z-index: 6;    
}

.dccw .dccw-boxu#resources-carousel .header > h4 {
	padding: 20px 130px 20px 30px;
	border-top: none;
	font-size: 2em;
    font-weight: 400;
}

.dccw #case-study > h4.fixed,
.dccw #worked-example > h4.fixed,
.dccw #success-story > h4.fixed,
.dccw .dccw-boxu#resources-carousel .header > h4.fixed,
.dccw .resources-standard-page > h4.fixed {
    width: 802px;
}

.dccw .dccw-boxu#resources-carousel #pt-details-resource-hole .header > h4.fixed {
    width: 792px;
}

.tools .resources-standard-page > h4.fixed,
.articles .resources-standard-page > h4.fixed, 
.dccw #prepackaged-design-guide > h4.fixed,
.dccw #knowledge-base > h4.fixed,
.dccw .resources-standard-page > h4.fixed,
.dccw-boxu#pt-details-parks-hole .park-element-page > h4.fixed {
    width: 560px;
}

.dccw .resource-content.scrolling {
    margin-top: 76px;
}

.dccw #resources-carousel #pt-details-resource-hole .header.case-study {
    background: #FFF;
    padding-top: 20px;
}

.dccw #resources-carousel #pt-details-resource-hole #case-study {
    background: #FFF;
    padding: 0 13px 13px;
}

.dccw .resources #case-study > h4 span,
.dccw .resources #worked-example > h4 span,
.dccw .resources #success-story > h4 span,
.dccw .resources .header.case-study > h4 span,
.dccw .resources .header.worked-example > h4 span,
.dccw .resources .header.success-story > h4 span  {
    color: #000;
}

.dccw .resources .resources-standard-page > h4 span  {
    color: #000;
}

h1.dccw-boxu .print-button,
.dccw #case-study .content-controls .print-button,
.dccw #worked-example .content-controls .print-button,
.dccw #success-story .content-controls .print-button,
.dccw #park-element .content-controls .print-button,
.dccw .resources-standard-page .content-controls .print-button,
.dccw-boxu#resources-carousel .content-controls .print-button {
    float: right;
    margin-top: 8px; 
    margin-right: 5px;
    padding:  5px 10px;
	width: 25px;
	height: 25px;
    background: url('../images/sprite.png') no-repeat 9px -601px;
    /*remove from sprite and wrap around image - text indent is a bit iffy on the google front*/
    text-indent: -9999px;
}

.dccw .guidance h1.dccw-boxu .print-button {
    position: absolute;
    right: -14px;
    bottom: 16px;
}

.dccw #case-study .ms-webpartzone-cell,
.dccw #success-story .ms-webpartzone-cell,
.dccw #worked-example .ms-webpartzone-cell,
.dccw #resources-carousel .ms-webpartzone-cell,
.dccw #park-element .ms-webpartzone-cell,
.dccw .resources-standard-page .ms-webpartzone-cell {
    margin-bottom: 0;
}

.dccw #park-element .ms-webpartzone-cell,
.dccw .resources-standard-page .ms-webpartzone-cell {
    padding-bottom: 25px;
    background: #fff;
}

.dccw-boxu.details {
    padding: 30px 0 0 395px;
    background: white;
}

/* Download link for Resources/ParkElements*/
.download {
    text-align: center !important;
}

.download a {
    display: inline-block;
    width: 135px;
    margin: 40px 0 30px 0;
    padding: 10px 55px 10px 20px;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: 600;
    color: #42A4B7;
    border: 3px solid #42A4B7;
    background: url("../images/sprite.png") -404px -721px no-repeat;
    line-height: 1.271em;
}

.download .absolute {
    background: black;
    border: none;
    color: white;
    font-size: 1em;
    font-weight: normal;
    padding: 10px 20px;
    width: 250px;
}


.resources a.download {
    margin: 40px 0 30px 80px;
}

.download:hover {
    text-decoration: none;
}


/*----------------------
Paging
 ----------------------*/

#resources-filter-page-hole .dccw-boxu.filter-results .results .pages {
	padding: 0 14px 25px;
}


/*----------------------
 Case Study / Success Story Specific
 ----------------------*/
.dccw .slide-in-map .dccw-boxu.details {
    position: relative;
}

.dccw .slide-in-map .dccw-boxu.details div.google-map {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 236px;
    overflow: hidden;
    background: #e1e1e1;
}

.dccw .slide-in-map .dccw-boxu.details div.google-map a.map-button,
.dccw .slide-in-map .dccw-boxu.details div.google-map a.map-button:visited {
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 8;
    padding: 10px 15px;
    color: white;
    background: #E74F5E;
}

.dccw .slide-in-map .dccw-boxu.details div.google-map a.map-button:hover {
    text-decoration: none;
}

.dccw .slide-in-map .dccw-boxu.details div.google-map #map-canvas {
    width: 952px;
    height: 100%;
    margin-left: -358px;
    z-index: 1;
}

.dccw .slide-in-map .dccw-boxu.details div.google-map #map-canvas button.gm-control-active.gm-fullscreen-control {
    display: none;
}

.dccw .slide-in-map .dccw-boxu.details div.google-map #map-canvas button.gm-control-active {
    float: none;
}

.dccw .slide-in-map .dccw-boxu.details div.google-map a.arrow  {
    position: absolute;
    right: 0;
    top: 40px;
    height: 70px;
    width: 70px;
    margin-top: -40px;
    line-height: 80px;
    font-size: 5.143em;
    font-weight: 300;
    background: #222222;
    background: rgba(34,34,34, 0.9);
    color: white;
    z-index: 2;
}

.dccw .slide-in-map .dccw-boxu.details div.google-map a.arrow:hover {
    cursor: default; /*for IE8*/
}

.dccw .slide-in-map .dccw-boxu.details div.google-map .arrow .map-arrow-image {
    padding: 15px 27px;
    top: 15px; /*for IE8*/
    left: 27px; /*for IE8*/
    width: 21px;
}

.dccw .slide-in-map .dccw-boxu.details div.google-map .arrow .map-arrow-image:hover {
    cursor: pointer; /*for IE8*/
}

.dccw .slide-in-map .dccw-boxu.details div.google-map p.gm-style-pbt {
    color: #FFF;
    font-size: 22px;
    width: 236px;
    margin: auto;
}

.dccw .slide-in-map .dccw-boxu.details .description {
    width: 450px;
    font-size: 1.286em;
}

.dccw .slide-in-map .dccw-boxu.details .description h3 {
    font-size: 1.667em;
}

.dccw #case-study .dccw-boxu.details a.download p,
.dccw #success-story .dccw-boxu.details a.download p {
    width: 280px;
}

.dccw #case-study .dccw-boxu.details textarea,
.dccw #success-story .dccw-boxu.details textarea {
    width: 100%;
}




/*----------------------
 Worked Example Specific
 ----------------------*/
.dccw #worked-example .dccw-boxu.details {
    padding-left: 95px;    
}

.dccw #worked-example .dccw-boxu.details aside {
    width: 350px;
    float: left;
    margin-right: 95px;
}

.dccw #worked-example .dccw-boxu.details aside h3 {
    margin-bottom: 10px;
}

.dccw #worked-example .dccw-boxu.details aside h4 {
    margin-top: 0;
    font-family: ProximaNova, Tahoma, sans-serif;
}

.dccw #worked-example .dccw-boxu.details aside .download {
    margin-top: 60px;
}

.dccw #worked-example .dccw-boxu.details .description {
    float: left;
    width: 355px;
}

/*Authoring*/
.dccw #worked-example .dccw-boxu.details aside h4 input[type="text"],
.dccw #worked-example .dccw-boxu.details aside h3 input[type="text"] {
    font-size: small;
}




/*----------------------
 Other Resources Specific (e.g. Tools, Articles)
 ----------------------*/
.dccw .park-element-page .description,
.dccw .resources-standard-page .description {
    padding: 0 80px 0 80px;
    margin-top: 30px;
}

.dccw .park-element-page .description h3,
.dccw .resources-standard-page .description h3 {
    margin: 0;
}

.dccw .park-element-page .ms-rtestate-field > img,
.dccw .resources-standard-page .ms-rtestate-field > img {
    margin-left: 0;
    width: 736px;
}

.dccw .park-element-page .ms-rtestate-field p img,
.dccw .resources-standard-page .ms-rtestate-field p img {
    width: 736px;
    margin: 20px 0;
    padding: 0;
    margin-left: 0;
}

.dccw .park-element-page .ms-rtestate-field .carousel img,
.dccw .resources-standard-page .ms-rtestate-field .carousel img {
    width: auto;
}


.dccw .park-element-page .details,
.dccw .resources-standard-page .details {
    padding: 0;
}

.dccw .park-element-page a.download,
.dccw .resources-standard-page a.download {
    margin: 40px auto 0 auto;
    display: block;
}


/*======================
 dccw-boxu: Contact Us
======================*/
#contact-us.dccw-boxu {
    background-color: #E9E9E9;
    padding: 0;
    margin-bottom: 34px;
}

#contact-us.dccw-boxu .section-heading {
    border-bottom: 2px solid #dcdcdc;
}

#contact-us.dccw-boxu h4 {
    margin: 0;
    padding: 15px 20px;
    font-weight: 700;
    background: white;
}

#contact-us.dccw-boxu div.feedback {
    position: relative;
    border-bottom: 20px solid #F2EFEA;
    margin-top: 20px;
}

#contact-us.dccw-boxu > div > div {
    padding: 20px;
}

#contact-us.dccw-boxu > div > div > div {
    float: left;
    width: 455px;
    margin-right: 15px;
}

#contact-us.dccw-boxu > div > div > p + div + div {
    width: 455px;
    margin-left: 15px;
    margin-right: 0;
}

#contact-us.dccw-boxu p {
    padding: 0;
}

#contact-us.dccw-boxu .watermark {
    color: #222;
}

#contact-us.dccw-boxu textarea {
    width: 390px;
    height: 240px;
    margin-bottom: 20px;
    padding: 11px 30px 11px 35px;
    border: none;
    background: url(../images/sprite.png) -994px -1897px no-repeat white;
}

#contact-us.dccw-boxu textarea.caseStudyComments {
    height: 160px;
}

#contact-us.dccw-boxu input[type="text"] {
    display: block;
    width: 390px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    padding: 0 30px 0 35px;
    border: none;
    background: url(../images/sprite.png) no-repeat white;
}

#contact-us.dccw-boxu input[type="text"].fullname {
    background-position: 13px -948px;
}

#contact-us.dccw-boxu input[type="text"].phone-number {
    background-position: 13px -1001px;
}

#contact-us.dccw-boxu input[type="text"].email-address {
    background-position: 11px -1054px;
}

#contact-us.dccw-boxu input[type="text"].address-line1,
#contact-us.dccw-boxu input[type="text"].address-line2,
#contact-us.dccw-boxu input[type="text"].suburb {
    background-position: 10px -1103px;
    margin-bottom: 1px;
}

#contact-us.dccw-boxu input[type="text"].address-line1,
#contact-us.dccw-boxu input[type="text"].address-line2 {
    margin-bottom: 1px;
}

#contact-us.dccw-boxu input[type="text"].suburb {
    display: inline-block;
    width: 290px;
    vertical-align: top;
    margin-right: 1px;
}

#contact-us.dccw-boxu input[type="text"].postcode {
    display: inline-block;
    width: 59px;
    padding: 0 20px;
    background: white;
}

#contact-us.dccw-boxu span.customSelect {
    height: 30px;
    width: 420px;
    padding: 11px 0 0 35px;
    margin-bottom: 20px;
    border: none;
}

#contact-us.dccw-boxu span.customSelect .customSelectInner {
    width: 397px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

#contact-us.dccw-boxu span.customSelect.section-of-interest {
    background: url(../images/soi-background.jpg) no-repeat;
}

#contact-us.dccw-boxu span.customSelect.housing-type {
    background: url(../images/ht-background.jpg) no-repeat;
}

#contact-us.dccw-boxu select.hasCustomSelect.section-of-interest,
#contact-us.dccw-boxu select.hasCustomSelect.housing-type {
    display: block; /* Fix for customSelect layout in FF/IE */
}

/*error*/
#contact-us.dccw-boxu input[type="text"].error,
#contact-us.dccw-boxu textarea.error {
    border: 1px solid #cc423e;
    color: #cc423e;
}

/*Section of interest prompt*/
#contact-us.dccw-boxu .section-of-interest-prompt {
    display: none;
    width: 455px;
}

#contact-us.dccw-boxu .section-of-interest-prompt > p {
    height: 30px;
    padding: 10px 20px 0;
    margin: 0;
}

#contact-us.dccw-boxu .section-of-interest-prompt > p:first-child {
    background: #dcdcdc;
}

#contact-us.dccw-boxu .section-of-interest-prompt p.section {
    width: 375px;
    float: left;


    background: #4d5357;
    color: white;
}

#contact-us.dccw-boxu .section-of-interest-prompt a {
    display: block;
    float: right;
    width: 40px;
    height: 31px;
    padding-top: 9px;
    font: 400 1.286em "Quicksand";
    text-align: center;
    text-decoration: none;
    background: #4d5357;
    color: white;
}

/*Improve / report*/
#contact-us.dccw-boxu div.two-column {
    height: 290px;
    float: left;
    padding-top: 20px;
    background-color: #f0f0f0;
}

#contact-us.dccw-boxu div.two-column + div.two-column {
    padding-left: 15px;
}

#contact-us.dccw-boxu div.two-column h4 {
    margin-top: 0;
}

#contact-us.dccw-boxu div.two-column h4 + p {
    overflow: hidden;
    margin-bottom: 10px;
}

#contact-us.dccw-boxu div.two-column h4 + p + p {
    margin-bottom: 0;
    padding-bottom: 0;
}

#contact-us.dccw-boxu div.two-column h5,
#contact-us.dccw-boxu div.two-column p {
    padding: 0 20px;
}

#contact-us.dccw-boxu div.two-column h5 {
    margin: 0 0 40px;
}

#contact-us.dccw-boxu div.two-column h5 a,
#contact-us.dccw-boxu div.two-column h5 a:link,
#contact-us.dccw-boxu div.two-column h5 a:visited {
    color: #4d5357;
}

#contact-us.dccw-boxu p.thank-you-message-feedback, 
#contact-us.dccw-boxu p.thank-you-message-case-study {
    display: none;
}

#contact-us.dccw-boxu p.thank-you-message-feedback, 
#contact-us.dccw-boxu p.thank-you-message-case-study {
    margin-top: 0;
}




/*======================
 dccw-boxu: Glossary Web Part
======================*/
.dccw-boxu #letterSelectorContainer {
    float: left;
    width: 205px;
    padding: 20px;
}

.dccw-boxu #letterSelectorContainer a {
    display: inline-block;
    width: 37px;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    background: #dcdcdc;
    color: #646a6d;
}

.dccw-boxu #letterSelectorContainer a.selected, 
.dccw-boxu #letterSelectorContainer a:hover {
    color: #eef0f1;
    background-color: #40484c;
}

.dccw-boxu #glossaryInfo {
    float: right;
    background: white;
}





/*======================
 dccw: Glossary Page Layout
======================*/
.dccw .glossary ol {
	list-style: none;
}

.dccw-boxu.glossary nav,
.dccw-boxu.glossary nav li,
.dccw-boxu.glossary .hole {
	float: left;
}

.dccw-boxu.glossary nav {
	width: 190px;
    padding: 10px 18px 8px 20px;
    background: #A5BCCD;
}

.dccw-boxu.glossary nav li a {
    display: block;
    width: 36px;
    margin-right: 2px;
    margin-bottom: 2px;
	padding: 9px 0;
    text-align: center;
    font-size: 1.714em;
    font-weight: 700;
    background: #F0F0F0;
}

.dccw-boxu.glossary nav li a.disabled {
	color: lightgray;
}
.dccw-boxu.glossary nav li a.disabled span {
	border-color: lightgray;
}

.dccw-boxu.glossary nav li.selected a,
.dccw-boxu.glossary nav li a:hover {
	background: white;
    text-decoration: none;
}

.dccw-boxu.glossary .hole {
	width: 752px;
    background: white;
    padding-bottom: 50px;
    min-height: 431px;
    margin-bottom: 46px;
}

.dccw-boxu.glossary .hole ol {
    padding: 26px 52px 0 100px;
}

.dccw-boxu.glossary .hole ol h3 {
    text-transform: capitalize;
}

.dccw-boxu.glossary .hole ol p {
    padding: 0 40px;
}


html[data-is-being-edited="True"] .design-outcome input.save-button {
    float: right;
}

html[data-is-being-edited="True"] .design-outcome .outcome-box .save-wrapper {
    padding: 0;
	min-height: initial;
}

html[data-is-being-edited="True"] .design-outcome .editor-div input[type="text"] {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

html[data-is-authoring="True"] .dccw-boxu.design-outcome .outcome-box {
    margin-bottom: 0!important;
}




/*======================
 dccw-boxu: Design-Toolkit
======================*/
.dccw-boxu.design-toolkit {
    width: 626px;
    float: right;
    margin-left: 0;
}

.dccw-boxu.design-toolkit h2 {
    margin-bottom: 1px;
    padding: 15px;
    font-size: 2.000em;
    font-weight: 400;
    color: white;
    background: black;
}

.dccw-boxu.design-toolkit div.body {
    padding: 15px 15px;
    background: black;
}

.dccw-boxu.design-toolkit div.body > a {
    float: left;
    width: 31%;
    margin-right: 2%;
}

.dccw-boxu.design-toolkit div.body > a img {
    float: left;
    margin-top: 1em;
    margin-right: 20px;
    max-width: 60px;
}

.dccw-boxu.design-toolkit div.body > a .text-container {
    float: left;
    width: 130px;
}

.dccw-boxu.design-toolkit div.body > a .text-container h4 {
    text-transform: uppercase;
    color: #fff;
    font-weight: 100;
    margin-top: 10px;
}

.dccw-boxu.design-toolkit div.body > a .text-container p {
    color: #fff;
    margin-top: 1em;
    padding: 0;
    font-size: 14px !important;
    line-height: 1.271em !important;
}

/*Section specific colours*/
/*.buildings-and-sites .dccw-boxu.design-toolkit h2,
.buildings-and-sites .dccw-boxu.design-toolkit div.body {
    background: #E74F5E;
}

.neighbourhoods .dccw-boxu.design-toolkit h2,
.neighbourhoods .dccw-boxu.design-toolkit div.body {
    background: #A4788E;
}

.parks .dccw-boxu.design-toolkit h2,
.parks .dccw-boxu.design-toolkit div.body {
    background:  #73B354;
}

.streets .dccw-boxu.design-toolkit h2,
.streets .dccw-boxu.design-toolkit div.body {
    background: #54698D;
}

.infrastructure .dccw-boxu.design-toolkit h2,
.infrastructure .dccw-boxu.design-toolkit div.body {
    background: #0065A4;
}

.design-process .dccw-boxu.design-toolkit h2,
.design-process .dccw-boxu.design-toolkit div.body {
    background:  #00a2d8;
}

.design-subjects .dccw-boxu.design-toolkit h2,
.design-subjects .dccw-boxu.design-toolkit div.body {
    background: #7BB8B8;
}*/

.about-the-adm .dccw-boxu.design-toolkit h2,
.about-the-adm .dccw-boxu.design-toolkit div.body {
    background: #55C1E0;
}


.dccw-boxu.design-toolkit div.body::after {
    content:"";
    display: table;
    clear: both;
}

.dccw-boxu.design-toolkit section {
	float: left;
	width: 225px;
}

.dccw-boxu.design-toolkit section img,
.dccw-boxu.design-toolkit section .text-container {
	float: left;
}

.dccw-boxu.design-toolkit section .text-container {
	max-width: 175px;
}

.dccw-boxu.design-toolkit section img {
	max-width: 50px;
}

.dccw-boxu.design-toolkit section h4 {
	margin: 0;
    padding: 0 20px 0 20px;
    font-size: 1.286em;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1em;
    color: white;
}

.dccw .three-column .dccw-boxu.design-toolkit p {
	margin: 0;
	padding: 0 30px 0 20px;
    color: white;
}



/*======================
 dccw-boxu: Grid-Tile
======================*/
#grid-tile-zone-row-1,  #grid-tile-zone-row-2,  #grid-tile-zone-row-3,  #grid-tile-zone-row-4,
#grid-tile-zone-row-5,  #grid-tile-zone-row-6,  #grid-tile-zone-row-7,  #grid-tile-zone-row-8,
#grid-tile-zone-row-9,  #grid-tile-zone-row-10, #grid-tile-zone-row-11, #grid-tile-zone-row-12,
#grid-tile-zone-row-13, #grid-tile-zone-row-14, #grid-tile-zone-row-15, #grid-tile-zone-row-16,
#grid-tile-zone-row-17, #grid-tile-zone-row-18, #grid-tile-zone-row-19, #grid-tile-zone-row-20 {
    float: right;
    width: 730px; 
    margin-top: 45px;   
}

#grid-tile-zone-row-1 {
    margin-top: 10px;
}

#home #grid-tile-zone-row-1,  #home #grid-tile-zone-row-2,  #home #grid-tile-zone-row-3,  #home #grid-tile-zone-row-4,
#home #grid-tile-zone-row-5,  #home #grid-tile-zone-row-6,  #home #grid-tile-zone-row-7,  #home #grid-tile-zone-row-8,
#home #grid-tile-zone-row-9,  #home #grid-tile-zone-row-10, #home #grid-tile-zone-row-11, #home #grid-tile-zone-row-12,
#home #grid-tile-zone-row-13, #home #grid-tile-zone-row-14, #home #grid-tile-zone-row-15, #home #grid-tile-zone-row-16,
#home #grid-tile-zone-row-17, #home #grid-tile-zone-row-18, #home #grid-tile-zone-row-19, #home #grid-tile-zone-row-20 {
    width: 100%;
    float: none;
}

.dccw-boxu.grid-tile {
    position: relative;
	height: 297px; /*340px;*/
    float: left;
	overflow: hidden;
    margin-left: 16px;
	background: white;
}

#grid-tile-zone-row-1  > div > div:first-child .dccw-boxu.grid-tile, #grid-tile-zone-row-2  > div > div:first-child .dccw-boxu.grid-tile,
#grid-tile-zone-row-3  > div > div:first-child .dccw-boxu.grid-tile, #grid-tile-zone-row-4  > div > div:first-child .dccw-boxu.grid-tile,
#grid-tile-zone-row-5  > div > div:first-child .dccw-boxu.grid-tile, #grid-tile-zone-row-6  > div > div:first-child .dccw-boxu.grid-tile,
#grid-tile-zone-row-7  > div > div:first-child .dccw-boxu.grid-tile, #grid-tile-zone-row-8  > div > div:first-child .dccw-boxu.grid-tile,
#grid-tile-zone-row-9  > div > div:first-child .dccw-boxu.grid-tile, #grid-tile-zone-row-10 > div > div:first-child .dccw-boxu.grid-tile,
#grid-tile-zone-row-11 > div > div:first-child .dccw-boxu.grid-tile, #grid-tile-zone-row-12 > div > div:first-child .dccw-boxu.grid-tile,
#grid-tile-zone-row-13 > div > div:first-child .dccw-boxu.grid-tile, #grid-tile-zone-row-14 > div > div:first-child .dccw-boxu.grid-tile,
#grid-tile-zone-row-15 > div > div:first-child .dccw-boxu.grid-tile, #grid-tile-zone-row-16 > div > div:first-child .dccw-boxu.grid-tile,
#grid-tile-zone-row-17 > div > div:first-child .dccw-boxu.grid-tile, #grid-tile-zone-row-18 > div > div:first-child .dccw-boxu.grid-tile,
#grid-tile-zone-row-19 > div > div:first-child .dccw-boxu.grid-tile, #grid-tile-zone-row-20 > div > div:first-child .dccw-boxu.grid-tile {
   margin-left: 0; 
}

.dccw-boxu.grid-tile:hover img.background {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";/* IE 8 */
	filter: alpha(opacity=0);/* IE 5-7 */
}
.dccw-boxu.grid-tile .background {
	position: absolute;
	max-width: 100%;
}

.dccw-boxu.grid-tile.single {
	width: 233px;
}

.dccw-boxu.grid-tile.double {
	width:  482px;
}

.dccw-boxu.grid-tile .mostly-opaque {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/* IE 8 */
	filter: alpha(opacity=70);/* IE 5-7 */
}

.dccw-boxu.grid-tile .slightly-opaque {
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";/* IE 8 */
	filter: alpha(opacity=40);/* IE 5-7 */
}

.dccw-boxu.grid-tile .tile-head {
	height: 40px;
    margin: 0;
    font-size: 1em;
    border-top: 3px solid black;
}

.dccw-boxu.grid-tile .tile-head a:first-child {
    max-width: 175px;
}

.dccw-boxu.grid-tile .tile-head img {
    float: left;
    width: 30px;
    padding-left: 3px;
}

.dccw-boxu.grid-tile .tile-head a span {
    display: block;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
} 

.dccw-boxu.grid-tile .tile-head .link-all {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
	float: right;
	text-transform: uppercase;
}

.dccw-boxu.grid-tile .tile-body a {
    display: block;
    position: relative;
}

.dccw-boxu.grid-tile .tile-body img {
    display: block;
	max-width: 100%;
}

.dccw-boxu.grid-tile .tile-body .header {
	position: absolute;
	top: 15px;
    left: 10px;
    right: 10px;
}

html[data-is-being-edited="True"] .dccw-boxu.grid-tile .tile-body .header {
	background: white;
	background: rgba(255, 255, 255, 0.75);
}

.dccw-boxu.grid-tile .tile-body .caption {
    padding: 10px;
}

.dccw-boxu.grid-tile .header h1, .dccw-boxu.grid-tile .header h2, .dccw-boxu.grid-tile .header h3,
.dccw-boxu.grid-tile .header h4, .dccw-boxu.grid-tile .header h5, .dccw-boxu.grid-tile .header h6,
.dccw-boxu.grid-tile .header p, .dccw-boxu.grid-tile .caption h1, .dccw-boxu.grid-tile .caption h2, 
.dccw-boxu.grid-tile .header h3, .dccw-boxu.grid-tile .caption h4, .dccw-boxu.grid-tile .caption h5, 
.dccw-boxu.grid-tile .caption h6, .dccw-boxu.grid-tile .caption p {
    font-weight: 700;
}

.dccw-boxu.grid-tile .header h1, .dccw-boxu.grid-tile .header h2, .dccw-boxu.grid-tile .header h3,
.dccw-boxu.grid-tile .header h4, .dccw-boxu.grid-tile .header h5, .dccw-boxu.grid-tile .header h6,
.dccw-boxu.grid-tile .header p, .dccw-boxu.grid-tile .caption h1, .dccw-boxu.grid-tile .caption h2, 
.dccw-boxu.grid-tile .header h3, .dccw-boxu.grid-tile .caption h4, .dccw-boxu.grid-tile .caption h5, 
.dccw-boxu.grid-tile .caption h6, .dccw-boxu.grid-tile .caption p {
    margin: 0;
}

.dccw-boxu.grid-tile .header p,
.dccw-boxu.grid-tile .caption p {
    font-size: 1.286em;
    font-weight: 600;
    line-height: 1em !important;
}

.dccw-boxu.grid-tile .header h1, 
.dccw-boxu.grid-tile .header h2, 
.dccw-boxu.grid-tile .header h3, 
.dccw-boxu.grid-tile .header h4,
.dccw-boxu.grid-tile .header h5,
.dccw-boxu.grid-tile .header h6 {
    line-height: 1;
}

.dccw-boxu.grid-tile .save-button {
	position: absolute;
	bottom: 0;
	right: 0;
}

/*Twitter webpart*/

.dccw-boxu.grid-tile.twitter-timeline .tile-body {
    position: relative;
}
 
.dccw-boxu.grid-tile.twitter-timeline .tile-body a {
	display: block;
	padding: 10px 10px 0;
    text-decoration: underline;
    font-size: 1.286em;
    font-weight: 700;
}

.dccw-boxu.grid-tile.twitter-timeline .tile-body .tweet-timeline-feed {
    overflow-y: auto;
    height: 300px;
    word-wrap: break-word;
	width: 100%;
	position: absolute;
	top: 0;
}

.dccw-boxu.grid-tile.twitter-timeline > img {
    margin-top: 43px;
}

.dccw-boxu.grid-tile.twitter-timeline .tile-body a {
    padding-top: 15px;
}




/*======================
 Parks Built Elements
======================*/

/*Authoring*/
.dccw #park-element[data-in-authoring-mode="True"] {
	width: 710px;
}

.dccw #park-element[data-in-authoring-mode="True"] > h4 {
	color: #73B354;
	font-size: 2em;
	font-weight: 400;
	font-family: ProximaNova, Tahoma, sans-serif;
}
/***********/

.dccw .project-type.parks #pt-details-section-hole {
    margin-bottom: 30px;    
}

.dccw-boxu#pt-details-parks-hole {
    background: #FFF;
}

.dccw-boxu#pt-details-parks-hole .parks-filter-grid ul.parks-data {
    padding-top: 13px;
    margin-left: -1px;
    margin-bottom: 50px;
}

/* Fixes opened park element results horizontal centering */
.dccw-boxu#pt-details-parks-hole .results > ul,
.dccw-boxu#pt-details-parks-hole .parks-filter-grid ul.parks-data,
.dccw-boxu#pt-details-parks-hole ul.grid-decoration {
    display: flex;
    flex-wrap: wrap;
}

.dccw-boxu#pt-details-parks-hole .jcarousel > ul {
	margin: 0;
}

.dccw-boxu#pt-details-parks-hole ul.grid li,
.dccw-boxu#pt-details-parks-hole ul.grid-decoration li,
.dccw-boxu#pt-details-parks-hole ul li.result {
    width: 228px;
	margin-left: 14px;
    margin-bottom: 15px;
	vertical-align: top;
    list-style-type: none;
    font-size: 1.286em;
    font-weight: 700;
	flex-basis: 228px;
}

.dccw-boxu#pt-details-parks-hole #park-element {
	font-size: 0.7776em;
    font-weight: 400;
}

.dccw-boxu#pt-details-parks-hole #park-element .resource-title {
	color: #73B354;
}

.dccw-boxu#pt-details-parks-hole .filter-results ul.grid-decoration {
	height: 3px;
    margin-top: 13px;
    margin-left: -1px;
}

.dccw-boxu#pt-details-parks-hole ul.grid-decoration li {
	border-top: black solid 3px;
}

.dccw-boxu#pt-details-parks-hole .parks-filter-grid ul.grid li {
    height: 70px;
}

.dccw-boxu#pt-details-parks-hole .parks-filter-grid ul.grid li a {
    display: block;
	background: #D7D4D4;
}

.dccw-boxu#pt-details-parks-hole .parks-filter-grid ul.grid li a:hover {
    text-decoration: none;
    background: #fff;
}

.dccw-boxu#pt-details-parks-hole .parks-filter-grid ul.grid li a:hover img {
    margin-top: -60px;
}

.dccw-boxu#pt-details-parks-hole .parks-filter-grid ul.grid li .icon-container {
    display: inline-block;
    height:60px;
    width:60px;
    overflow:hidden;
    margin: 5px 10px 5px 5px;
    vertical-align: middle;
}

.dccw-boxu#pt-details-parks-hole .parks-filter-grid ul.grid li img {
    width: 60px;
    vertical-align: middle;
}

.dccw-boxu#pt-details-parks-hole .parks-filter-grid ul.grid li span {
    display: inline-block;
    width: 140px;
    vertical-align: middle;
}

/*When Filter is opened*/
.dccw-boxu#pt-details-parks-hole .filter-results .filters h4 {
    margin: 11px 0 12px;
    padding: 0 10px;
    font-size: 1em;
}

.dccw-boxu#pt-details-parks-hole .filter-results .filters h4 a {
    float: right;
    text-transform: uppercase;
}

.dccw-boxu#pt-details-parks-hole .filter-results .filters { 
    float: left;
    width: 228px;
    border-top: 2px solid #9FD199;
}

.dccw-boxu#pt-details-parks-hole .filter-results .filter fieldset {
    border: none;
}

.dccw-boxu#pt-details-parks-hole .filter-results .filter fieldset legend {
    width: 188px;
    padding: 10px 30px 10px 10px;
    font-size: 1.286em;
    font-weight: 600;
    background: url("../images/sprite.png") -775px -1218px no-repeat;
    border-top: 1px solid #9FD199;
    cursor: pointer;
}

.dccw-boxu#pt-details-parks-hole .filter-results .filter fieldset legend.open {
    background-position: -775px -1456px; 
}

.dccw-boxu#pt-details-parks-hole .filter-results .filter fieldset > div {
    display: none;
    padding: 0 0 15px 0;
}

.dccw-boxu#pt-details-parks-hole .filter-results .filter fieldset input[type="radio"],
.dccw-boxu#pt-details-parks-hole .filter-results .filter fieldset input[type="checkbox"] {
    display: none;
}

.dccw-boxu#pt-details-parks-hole .filter-results .filter fieldset label {
    position: relative;
    display: inline-block;
    margin: 10px 0 0 10px;
    padding-left: 20px;
    cursor: pointer;
    background: url("../images/sprite.png") no-repeat 0 -1589px;
}

.dccw-boxu#pt-details-parks-hole .filter-results .filter fieldset input:first-child + label {
    margin-top: 5px;
}
    

.dccw-boxu#pt-details-parks-hole .filter-results .filter fieldset input[type="checkbox"]:checked + label,
.dccw-boxu#pt-details-parks-hole .filter-results .filter fieldset input[type="radio"]:checked + label {
    color: black;
}

.dccw-boxu#pt-details-parks-hole .filter-results .filter fieldset input[type="checkbox"]:checked + label {
    background-position: 0 -1904px;
}

.dccw-boxu#pt-details-parks-hole .filter-results .filter fieldset input[type="radio"] + label {
    background-position: -520px -1589px;
}

.dccw-boxu#pt-details-parks-hole .filter-results .filter fieldset input[type="radio"]:checked + label  {
    background-position: -520px -1637px;
}

/* for IE <9 */
html.ie-shim .dccw-boxu#pt-details-parks-hole .filter-results .filter fieldset input[type="radio"].selected + label {
    background-position: -520px -1637px;
}

/* for IE <9 */
html.ie-shim .dccw-boxu#pt-details-parks-hole .filter-results .filter fieldset input[type="checkbox"].selected + label {
    background-position: 0 -1907px;
}

/*Results*/
.dccw-boxu#pt-details-parks-hole .filter-results > h4,
.dccw-boxu#pt-details-parks-hole .parks-filter-grid > h4 {
	margin: 0;
    padding: 10px 0 10px 13px;
    width: 967px;
    font-size: 2em;
    font-weight: bold;
    background: #9FD199;
    color: #FFF;
}

.dccw-boxu#pt-details-parks-hole .filter-results > h4 .content-controls {
    display: none;
}

.dccw-boxu#pt-details-parks-hole .filter-results .parks-data {
    padding: 38px 13px 0;
    margin-bottom: 50px;
}

.dccw-boxu#pt-details-parks-hole .filter-results .parks-data .results {
    float: left;
    width: 726px;
    line-height: 200px;
    font-size: 1em;
    font-weight: 600;
    text-align: center;
}

.dccw-boxu#pt-details-parks-hole .filter-results .parks-data .results * {
    text-align: left;
    line-height: normal;
}

.dccw-boxu#pt-details-parks-hole .filter-results .parks-data .results #park-element h4 {
    padding-left: 30px;
}

.dccw-boxu#pt-details-parks-hole .filter-results .results > ul > li:first-child > div:first-child,
.dccw-boxu#pt-details-parks-hole .filter-results .results > ul > li:first-child + li > div:first-child,
.dccw-boxu#pt-details-parks-hole .filter-results .results > ul > li:first-child + li + li > div:first-child {
    border-top: none;
}

.dccw-boxu#pt-details-parks-hole .filter-results .results > ul > li > div:first-child:hover,
.dccw-boxu#pt-details-parks-hole .filter-results .results > ul > li.selected > div:first-child {
    background: white;
}

.dccw-boxu#pt-details-parks-hole .filter-results .results > ul > li > div > span {
    display: block;
    height: 20px;
    padding-bottom: 10px;
    padding-left: 35px;
    font-weight: 600;
	font-size: 0.7776em; /*1/1.286*/
    background: url("../images/sprite.png") 10px -552px no-repeat;
}

.dccw-boxu#pt-details-parks-hole .filter-results .results > ul > li > div > a {
    display: block;
}

.dccw-boxu#pt-details-parks-hole .filter-results .results > ul > li > div > a span {
    display: block;
    padding: 10px;
    font-weight: 600;
}

.dccw-boxu#pt-details-parks-hole .filter-results .results > ul > li img {
    max-width: 100%;
}

/*Opened Resource*/
.dccw-boxu#pt-details-parks-hole .filter-results .results > ul > li .expanded-result,
.dccw-boxu#pt-details-parks-hole .filter-results .results > ul > li .result-hole {
    margin-left: 0;
    margin-right: 0;    
    padding-left: 0;
    padding-right: 0;   
    width: 712px;
}

.dccw-boxu#pt-details-parks-hole .filter-results .results > ul > li .result-hole {
    width: 710px;
    border: 1px solid #000;
    border-top: none;
}

.dccw-boxu#pt-details-parks-hole .park-element-page > h4 .content-controls {
    top: 11px;
}

.dccw-boxu#pt-details-parks-hole .park-element-page .intro {
    padding: 60px 80px 0;
}

.dccw-boxu#pt-details-parks-hole .park-element-page .intro h1 {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 1.429em;
    font-weight: 600;
    color: black;
}

.dccw-boxu#pt-details-parks-hole .park-element-page a.download {
    margin-left: 249px;
    font-size: 1.429em;
}

.dccw-boxu#pt-details-parks-hole .park-element-page .to-top {
    margin-top: 62px;
}



/*======================
 About the ADM
======================*/
.dccw-boxu#ata-section-hole {
    margin-bottom: 46px;
}




/*======================
 404
======================*/
.dccw .page-not-found {
    padding-top: 35px;
}

.dccw .page-not-found h1 {
    margin-top: 0;
}

.dccw .page-not-found p {
    margin-bottom: 0;
}

.dccw .page-not-found a {
    color: #3399FF;
}




/*======================
 Footer
======================*/
/*General*/
.dccw footer .key-links,
.dccw footer .find-us-on,
.dccw footer .find-us-on h6,
.dccw footer .commercial-partners {
	font-family: ProximaNova, Tahoma, sans-serif;
}

.dccw footer a:hover {
	color: white;
	text-decoration: none;
}

.dccw footer {
    /*margin-top: 30px;*/
    background: #69C7EF;
	padding: 0;
	overflow: hidden;
}

.dccw footer > .resize-limit {
    /*padding: 30px 0 0;*/
    border-top: 4px solid #000;
	position: relative;
	height: 170px;
}

/*.dccw footer .resize-limit > * {
	float: left;
}*/

.dccw footer ul {
	list-style: none;
	padding: 0;
}

.dccw footer .footer-art {
	position: relative;
    max-width: 980px;
    margin: 0 auto;
}
/*.dccw footer .footer-art img {
	position: absolute;
    left: 140px;
    top: 3px;
}*/


/*Main Content*/
.dccw footer a,
.dccw footer p {
	color: #000;
    font-weight: 700;
    overflow: hidden;
}

.dccw footer .key-links {
    position: relative;
}

.dccw footer .key-links ul {
    margin: 34px 0 32px;
    text-align: center;
}

.dccw footer .key-links li {
    padding: 0 31px;
    font-size: 1.384615384615385em;
    display: inline-block;
}

.dccw footer .key-links li:first-child {
    margin-left: -34px;
}

.dccw footer .key-links img {
	width: 200px;
}

.dccw footer .find-us-on h6 {
	margin: 5px 20px 0 0;
    font-size: 1.077em;
    font-weight: 700;
	color: #fff;
}

.dccw footer .resize-limit .find-us-on a {
    display: inline-block;
}

.dccw footer .resize-limit .find-us-on ul {
    display: flex;
    justify-content: center;
}

.dccw footer .resize-limit .find-us-on li {
	padding: 0;
    padding-left: 49px;
}

.dccw footer .resize-limit .find-us-on li:first-child {
	padding-left: 0;
}

.dccw footer .resize-limit .find-us-on span {
    display: block;
    margin-top: 4px;
    font-size: 1.1em;
}

/*Lower Content*/
.dccw footer .dccw-boxu.home-page-special-links li a ,
.dccw footer .dccw-boxu.home-page-special-links li img {
    display: block;
}

.dccw footer .commercial-partners {
    position: relative;
    padding: 15px;
	background: #222222;
	color: white;
}

.dccw footer .commercial-partners ul {
    color: white;
    font-weight: normal;
	padding: 0;
}

.dccw footer .commercial-partners .home-page-special-links {
	float: left;
}

.dccw footer .commercial-partners .home-page-special-links li {
	float: left;
    margin-right: 50px;
}

.dccw footer .commercial-partners .home-page-special-links li img {
	height: 40px;
}

.dccw footer .commercial-partners .copyright {
	float: right;
    margin: 4px 0 0;
	color: white;
}



/*======================
 dccw-boxu: #navigator
======================*/
.dccw-boxu#navigator {
    position: fixed;
    top: 400px;
    left: 0;
    z-index: 1000;
    width: 110px;
    padding: 10px;
    color: white;
    background: white;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    background: rgba(255,255,255,0.9);
}

.dccw-boxu#navigator > h5 {
    float: left;
    width: 115px;
}

.dccw-boxu#navigator > a {
    float: right;
    margin-top: 21px;
}

.dccw-boxu#navigator p {
    margin: 5px 0;
}

.dccw-boxu#navigator ul li {
    list-style-type: none;
    line-height: 1em;
    margin-bottom: 3px;
}

.dccw-boxu#navigator a,
.dccw-boxu#navigator a:visited {
    color: #0072c6;
}

@media screen and (min-width: 1440px) {
    .dccw-boxu#navigator {
        width: 160px;
    }
}



/*======================
 dccw-boxu: #resources-carousel, #related-resources-carousel
======================*/
.dccw-boxu#resources-carousel,
.dccw-boxu#related-resources-carousel {
    position: relative;
    width: 980px;
    margin: 0 auto;
}

.dccw-boxu#related-resources-carousel .related-resources {
    margin-bottom: 50px;
}

.dccw-boxu#resources-carousel .jcarousel-wrapper > h4,
.dccw-boxu#related-resources-carousel .jcarousel-wrapper > h4 {
	margin: 19px 0 7px;
    font-size: 2.428571428571429em;
    font-weight: 400;
    float: left;
}

.dccw-boxu#resources-carousel > h4,
.dccw-boxu#resources-carousel .jcarousel-wrapper > h4,
.dccw-boxu#related-resources-carousel > h4,
.dccw-boxu#related-resources-carousel .jcarousel-wrapper > h4 {
	margin: 50px 0 0;
	font-size: 2em;
	font-weight: bold;
    width: 967px;
    padding: 10px 0 10px 13px;
    background: #fff;
    color: #000;
}

.dccw-boxu#resources-carousel > .nav,
.dccw-boxu#related-resources-carousel > .nav {
	margin-top: 7px;
}

.dccw-boxu#resources-carousel .jcarousel-wrapper .nav,
.dccw-boxu#related-resources-carousel .jcarousel-wrapper .nav {
    margin: 20px 0 7px;
}

.dccw-boxu.open#resources-carousel .header > h4 {
	margin: 0;
}

.dccw-boxu#resources-carousel .header > h4,
.dccw-boxu#related-resources-carousel .header > h4 {
	color: black;
}

.dccw-boxu.open#resources-carousel #pt-details-resource-hole .header > h4 {
    border: 1px solid #000;
    border-bottom: 0;
    border-top-width: 3px;
}

.dccw-boxu.open#resources-carousel #pt-details-resource-hole #case-study .resource-content {
    border: 1px solid #000;
    border-top: 0;
}


/*Section specific colours*/
.sites-and-buildings .dccw-boxu#resources-carousel > h4,
.sites-and-buildings .dccw-boxu#resources-carousel .jcarousel-wrapper > h4,
.sites-and-buildings .dccw-boxu#related-resources-carousel > h4,
.sites-and-buildings .dccw-boxu#related-resources-carousel .jcarousel-wrapper > h4 {
    color: #FFF;
    background:  #F69E91;
}

.streets-and-parks .dccw-boxu#resources-carousel > h4,
.streets-and-parks .dccw-boxu#resources-carousel .jcarousel-wrapper > h4,
.streets-and-parks .dccw-boxu#related-resources-carousel > h4,
.streets-and-parks .dccw-boxu#related-resources-carousel .jcarousel-wrapper > h4 {
    color: #FFF;
    background:  #9FD199;
}

.design-subjects .dccw-boxu#resources-carousel > h4,
.design-subjects .dccw-boxu#resources-carousel .jcarousel-wrapper > h4,
.design-subjects .dccw-boxu#related-resources-carousel > h4,
.design-subjects .dccw-boxu#related-resources-carousel .jcarousel-wrapper > h4 {
    color: #FFF;
    background:  #BCAAB5;
}

.regulations .dccw-boxu#resources-carousel > h4,
.regulations .dccw-boxu#resources-carousel .jcarousel-wrapper > h4,
.regulations .dccw-boxu#related-resources-carousel > h4,
.regulations .dccw-boxu#related-resources-carousel .jcarousel-wrapper > h4 {
    color: #FFF;
    background:  #79BAD6;
}

.resources .dccw-boxu#resources-carousel > h4,
.resources .dccw-boxu#resources-carousel .jcarousel-wrapper > h4,
.resources .dccw-boxu#related-resources-carousel > h4,
.resources .dccw-boxu#related-resources-carousel .jcarousel-wrapper > h4 {
    color: #FFF;
    background: #A5BCCD;
}



/*======================
 Search Results Styling
======================*/

.error-page {
    margin: 0 auto;
    width: 980px;
    height: 500px;
}

.error-page h2 {
    font-size: 2.571em;
    font-weight: 400;
    color: #000;
}

.error-page p {
    font-family: ProximaNova, "Arial", sans-serif;
    line-height: 1.4em;
    margin-top: 1.607em;
    margin-bottom: 1.607em;
    color: black;
}




/*======================
 Search Results Styling
======================*/
.dccw-boxu.search-results input[type="text"] {
    width: 790px;
    height: 80px;
    margin: 55px 20px 0;
    padding: 0 85px;
    font: 700 3.429em ProximaNova, Tahoma, sans-serif;
    background: url(../images/search-icon-large.png) no-repeat 35px center white;
    border: none;
}

.dccw-boxu.search-results input[type="text"]:focus {
    border: none;
    outline: 0;
}

.dccw .srch-WPBody .srch-results {
    width: 1000px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}

.dccw .srch-WPBody .srch-results .srch-Title2,
.dccw .srch-WPBody .srch-results .srch-Description2 {
    width: 960px;
    max-width: 960px;
    background: white;
    margin: 0;
}

.dccw .srch-WPBody .srch-results .srch-Title2 {
    padding: 14px 20px 6px;
}

.dccw .srch-WPBody .srch-results .srch-Title2 .srch-Title3 {
    padding-left: 0;
}

.dccw .srch-WPBody .srch-results .srch-Title2 .srch-Title3 a,
.dccw .srch-WPBody .srch-results .srch-Title2 .srch-Title3 a span {
    font: 700 1.385em ProximaNova, Tahoma, sans-serif;
    color: #222222 !important;
    text-decoration: none !important;
}


.dccw .srch-WPBody .srch-results .srch-Title2 .srch-Title3 a:hover {
    color: #222222 !important;
}

.dccw .srch-WPBody .srch-results .srch-Description2 {
    padding: 6px 20px 17px;
    margin-bottom: 6px;
    font: 400 1.077em ProximaNova, Tahoma, sans-serif;
}

.dccw .srch-WPBody .srch-results .srch-Icon,
.dccw .srch-WPBody .srch-results .srch-Metadata2,
.dccw .srch-WPBody .srch-results .srch-Metadata1,
.dccw .srch-WPBody .srch-sort-right2 {
    display: none;
}

/*Paging*/
.dccw .srch-WPBody .srch-Page {
    width: 980px;
    height: 26px;
    margin: 0 auto 20px;
    padding: 17px 10px;
    background: white;
    font: 400 1.231em ProximaNova, Tahoma, sans-serif;
}

.dccw .srch-WPBody .srch-Page a,
.dccw .srch-WPBody .srch-Page a:link,
.dccw .srch-WPBody .srch-Page a:visited {
    border: none;
    background: none;
    color: #222222 !important;
}

.dccw .srch-WPBody .srch-Page strong {
    border: none;
    background: none;
    font-weight: 700;
    color: #4d5357 !important;
}

.dccw .srch-WPBody .srch-Page .srch-Page-img {
    display: none;
}

/*-------------------------
 Search Page Styles
-------------------------*/

/*#search-results-page-hole .dccw-boxu.filter-results > .results {
    font-weight: 600;
    margin-left: 15px;
}*/

#search-results-page-hole .dccw-boxu.filter-results > .results.empty {
    text-align: center;
}

#search-results-page-hole .dccw-boxu.filter-results .results > ul > li img {
    max-width: 100%;
}

#search-results-page-hole .dccw-boxu.filter-results .results > ul > li a span {
    display: block;
    padding: 10px;
    font-size: 1.286em;
    font-weight: 600;
}

#search-results-page-hole .dccw-boxu.filter-results .results > ul > li .expanded-result > .arrow {
    display: none;
}

#search-results-page-hole .dccw-boxu.filter-results .results > ul > li.selected .expanded-result > .arrow {
    display: block;
    position: relative;
    width: 30px;
    height: 19px;
    margin: 15px 0 0 99px;
    z-index: 1;
    background: url("../images/sprite.png") 0 -1365px no-repeat;
}

/*Opened resource*/
#search-results-page-hole .dccw-boxu.filter-results .results > ul > li .result-hole {
    padding: 0;
}

#search-results-page-hole .dccw-boxu.filter-results .results > ul > li .result-hole > div {
    margin-top: -6px;
    background-color: #fff;
}
/*Filters*/
#search-results-page-hole .dccw-boxu.filter-results .filters {
    float: left;
    width: 228px;
}

#search-results-page-hole .dccw-boxu.filter-results h4 + .filter {
    margin-left: 0;
}

#search-results-page-hole .dccw-boxu.filter-results .filters h4{
    margin-top: 0;
    margin-bottom: 13px;
    padding: 10px 10px 0 10px;
    font-size: 1em;
    color: #000;
    border-top: 2px solid #789AB6;
}

#search-results-page-hole .dccw-boxu.filter-results .filters h4 a {
    float: right;
    text-transform: uppercase;
    color: #000;
}

#search-results-page-hole .dccw-boxu.filter-results .filter fieldset {
    border: none;
}

#search-results-page-hole .dccw-boxu.filter-results .filter fieldset legend {
    width: 188px;
    padding: 10px 30px 10px 10px;
    font-size: 1.286em;
    font-weight: 600;
    color: #000;
    background: url("../images/sprite.png") -805px -948px no-repeat;
    border-top: 1px solid #789AB6;
    cursor: pointer;
}

#search-results-page-hole .dccw-boxu.filter-results .filter fieldset input:first-child + label {
    margin-top: 15px;
}

#search-results-page-hole .dccw-boxu.filter-results .filter fieldset legend.open {
    background-position: -805px -1185px; 
}

#search-results-page-hole .dccw-boxu.filter-results .filter fieldset > div {
    display: none;
    padding: 0 0 15px 0;
}

#search-results-page-hole .dccw-boxu.filter-results .filter fieldset input[type="checkbox"] {
    display: none;
}

#search-results-page-hole .dccw-boxu.filter-results .filter fieldset label {
    position: relative;
    display: inline-block;
    margin: 10px 0 0 10px;
    padding-left: 20px;
    color: #000;
    cursor: pointer;
    background: url("../images/sprite.png") no-repeat 0 -1589px;
}

#search-results-page-hole .dccw-boxu.filter-results .filter fieldset input:first-child + label {
    margin-top: 5px;
}

#search-results-page-hole .dccw-boxu.filter-results .filter fieldset input[type="checkbox"]:checked + label {
    color: black;
    background-position: 0 -1637px;
    
}


/* for IE <9 */
html.ie-shim #search-results-page-hole .dccw-boxu.filter-results .filter fieldset input.selected + label {
    color: black;
    background-position: 0 -1637px;
}


/*Results*/
#search-results-page-hole .dccw-boxu.filter-results {
    background: #FFF;
    padding: 38px 13px 0;
}

#search-results-page-hole .dccw-boxu.filter-results .results {
    float: left;
    width: 726px;
    line-height: 200px;
    font-size: 1em;
    font-weight: 600;
    margin-top: -30px;
}

#search-results-page-hole .dccw-boxu.filter-results .results * {
    line-height: normal;
}

#search-results-page-hole .dccw-boxu.filter-results .results .pages {
    padding: 0 14px 25px;
}

#search-results-page-hole .dccw-boxu.filter-results .results > ul {
    padding-bottom: 50px;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
}

#search-results-page-hole .dccw-boxu.filter-results .results > ul > li {
    width: 228px;
    margin-left: 14px;
    vertical-align: top;
    list-style-type: none;
    flex-basis: 228px;
    flex: none;
}

#search-results-page-hole .dccw-boxu.filter-results .results > ul > li > div:first-child {
    padding-top: 30px;
}

#search-results-page-hole .dccw-boxu#related-links > section {
    width: 218px;
}

/* Search Header */

.search-header-box {
    background: #789AB6;
    overflow: auto;
    width: 980px;
    height: 94px;
    display: inline-flex;
    justify-content: center;
}

.search-header-box h2 {
    display: inline-block;
    color: #fff;
    font-size: 2em;
    margin-top: 33px;
}

.search-header-box > input {
    margin-top: 31px;
    background-color: #fff;
    border: none;
    padding: 6px;
    width: 353px;
    margin-left: 17.2px;
    height: 16px;
}