/* Build 0.17.0. */
/*7dfe30bdf1ecc511b0d40f88cd0aee57*/

/* Global styles. */
body {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-size: 12px;
    background: #f4f6f9;
    color: #23242b;
    line-height: 1.5;
    overflow: visible;
    height: 100%;
}

html.sticky-state body {
    padding-top: 100px;
}

h1 {
    font-size: 30px;
    font-weight: normal;
    color: #244566;
    margin: 0;
    padding: 0;
}

h2,
.ms-rtestate-field h2 {
    font-size: 20px;
    color: #23242b;
    margin: 30px 0 25px 0; /*CR#45 margin-bottom 20------>25px*/
    font-weight: normal;
}

h3,
.ms-rtestate-field h3 {
    font-size: 16px;
    color: #23242b;
    margin: 24px 0 16px 0; /*CR#45 margin:20px 0 10px 0 ------> 20px 0*/
    font-weight: normal;
}

h4,
.ms-rtestate-field h4 {
    font-size: 14px;
    color: #23242b;
    margin: 20px 0; /*CR#45 margin:10px 0 ------> 20px 0*/
    font-weight: normal;
}

input[type=search] {
    color: #23242b;
}

textarea {
    resize: none;
}

a.named-anchor > * {
    padding-top: 100px;
    margin-top: -100px;
}

p a {
    text-decoration: underline;
    color: #277bb4 !important;
}

    p a:hover {
        text-decoration: underline;
        color: #23242b !important;    
    }
    
p a:focus {
    text-decoration: underline;
    color: #23242b !important; 
}
    
#ContentArea a:hover {
        text-decoration: underline;  
    }



#ContentArea a:focus {
        text-decoration: underline;
       /* color: #23242b !important;*/     
    }


.ms-rtestate-field ul li a {
    text-decoration: underline;
    color: #277bb4 !important;
}

.ms-rtestate-field a {
    text-decoration: underline;
    color: #277bb4 !important;
}

    .ms-rtestate-field a:hover {
        text-decoration: underline;
        color: #23242b !important;
    }


.MainPageContent ul li a {
    text-decoration: underline;
    color: #277bb4 !important;
}

.MainPageContent a {
    text-decoration: underline;
    color: #277bb4 !important;
}

.MainPageContent a:hover {
        text-decoration: underline;
        color: #23242b !important;
}

.MainPageContent p
{
 margin: 0px 0px 10px 0px;
 line-height: 1.6;
}

.MainPageContent h2, h3, h4
{
 line-height: 1.4;
}

ul[role=tablist] a {
    text-decoration: none !important;
}

    ul[role=tablist] a:hover {
        text-decoration: none !important;
    }

.tab-content a {
    text-decoration: underline;
    color: #277bb4 !important;
}

    .tab-content a:hover {
        text-decoration: underline;
        color: #23242b !important;
    }

.application-form a {
    text-decoration: underline;
    color: #277bb4 !important;
}

    .application-form a:hover {
        text-decoration: underline;
        color: #23242b !important;
    }

.facility-booking a {
    text-decoration: underline;
    color: #277bb4 !important;
}

    .facility-booking a:hover {
        text-decoration: underline;
        color: #23242b !important;
    }

.caption a {
    text-decoration: underline;
    color: #277bb4 !important;
}

    .caption a:hover {
        text-decoration: underline;
        color: #23242b !important;
    }
/*
.event-details  a {
    text-decoration: underline;
    color:#277bb4 !important;
}
.event-details a:hover {
    text-decoration: underline;
    color:#23242b !important;
}
*/
.ms-rteTable-default a {
    text-decoration: underline;
    color: #277bb4 !important;
}

    .ms-rteTable-default a:hover {
        text-decoration: underline;
        color: #23242b !important;
    }

.ms-rtestate-field ul li a:hover {
    text-decoration: underline;
    color: #23242b !important;
}

.ms-rtestate-field ol li a {
    text-decoration: underline;
    color: #277bb4 !important;
}

    .ms-rtestate-field ol li a:hover {
        text-decoration: underline;
        color: #23242b !important;
    }

.LightBoxWebpartContainer a {
    text-decoration: underline;
    color: #277bb4 !important;
}

    .LightBoxWebpartContainer a:hover {
        text-decoration: underline;
        color: #23242b !important;
    }

.accordionContainer a {
    text-decoration: underline;
    color: #277bb4 !important;
}

.callOutBoxContainer a {
    text-decoration: underline;
    color: #277bb4 !important;
}

.ImageGalleryContainera {
    text-decoration: underline;
    color: #277bb4 !important;
}

.rollup a h2 {
    text-decoration: underline;
    color: #277bb4 !important;
}

.MediaPlayerContainer a {
    text-decoration: underline;
    color: #277bb4 !important;
}

.accordionContainer a:hover {
    text-decoration: underline;
    color: #23242b !important;
}

.callOutBoxContainer a:hover {
    text-decoration: underline;
    color: #23242b !important;
}

.ImageGalleryContainer a:hover {
    text-decoration: underline;
    color: #23242b !important;
}

.rollup li a:focus h2, .rollup li a:hover h2 {
    text-decoration: underline !important;
    color: #23242b !important;
}

.MediaPlayerContainer a:hover {
    text-decoration: underline;
    color: #23242b !important;
}

.contact-details a {
    text-decoration: underline;
    color: #277bb4 !important;
}

.contact-details a:focus, .contact-details a:hover  {
    text-decoration: underline;
    color: #23242b !important;
}    

#in-this-section-container a:visited, #in-this-section-container a:hover {
    color: #ffffff !important;
}


/* SharePoint bug - required date field error message isnt red*/
.ms-formfieldvaluecontainer > span > span[id*=_DateTimeField_] {
    color: #BF0000;
}


/*CR#45*/
/*a {
    color:#277bb4;
}
 a:hover {
    color:#23242b;
}

 input[type=button],  input[type=submit] {
    border:none;
    padding:8px 30px;
    background-color:#277bb4;
    color:#ffffff;
    font-size:12px;
    cursor:pointer;
    display:inline-block;
    margin:3px 2px;
    border-radius: 5px;
    transition: all 0.3s ease 0s;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
}
 input[type=button]:hover {
    background-color:#508fba;
}

 input[type=button].greenbutton, input[type=submit].greenbutton 
    {
           background-color: #008850;
    }
input[type=button].greenbutton:hover,input[type=submit].greenbutton:hover 
    {
           background-color: #29a572;
    }

 input[type=button].redbutton, input[type=submit].redbutton 
    {
            background-color: #e50e56;
    }
 input[type=button].redbutton:hover, input[type=submit].redbutton:hover 
    {
           background-color: #f65188;
    }*/


/*CR#45 */

/* SP2013 fixes. */
#suiteBarRight {
    background-color: rgba(239, 239, 239, 1);
}

#globalNavBox {
    background-color: rgba(239, 239, 239, 1);
}

#contentBox {
    margin-left: 0;
    margin-right: 0;
    min-width: 0;
}

#suiteBar {
    position: fixed;
    z-index: 200;
    top: 0;
    width: 100%;
}

#s4-ribbonrow {
    position: fixed;
    z-index: 100;
    top: 30px;
    width: 100%;
    height: inherit !important;
}

    #s4-ribbonrow * {
        box-sizing: content-box;
    }

#s4-titlerow {
    display: none !important;
}

#s4-workspace {
    overflow-x: inherit;
    height: auto !important;
}

#s4-bodyContainer {
    padding-bottom: 0;
}

.ms-formfieldvaluecontainer textarea {
    width: 100%;
}

table.ms-TPBorder {
    width: 100%;
}

.ms-webpartzone-cell {
    margin-bottom: 0;
}

.ms-webpart-menuLink,
.ms-webpart-menuLink .ms-webpart-menuArrowSpan {
    width: 20px;
}

.ms-webpart-chrome-vertical {
    display: inline;
}

.ms-cui-menu {
    position: fixed !important;
}

.toc-layout-main {
    margin-left: 16px !important;
}

#DeltaPageStatusBar {
    position: fixed;
    top: 0;
    left: 600px;
    z-index: 1000;
}


/*William Added to fix Image Gallery bugs*/
.ms-webpart-zone {
    display: block !important;
}


/* Bootstrap fixes. */
.img-responsive img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 30px;
}

input[type=date],
input[type=datetime],
input[type=datetime-local] {
    line-height: inherit;
}

/* JQuery UI overrides. */
.ui-widget {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
}

/* General styles. */
.full-width {
    width: 100%;
}

.bold {
    font-weight: bold;
}

.clear {
    clear: both;
}

.clear-right {
    clear: right;
}

.validation-error {
    font-size: 12px;
    color: red;
    display: block;
}

.block {
    display: block;
}


.space-above {
    margin-top: 20px;
}

.space-below {
    margin-bottom: 25px;
}

/* Anchor styles. */
.no-underline:focus .no-underline:hover {
    text-decoration: underline;
}

.hover-bright:hover, .hover-bright:hover {
    font-weight: bold;
    color: #fff !important;
    text-decoration: underline;
}

/* Foreground colours. */
.fg-white {
    color: #fff;
}

/* Background colours. */
.bg-grey2 {
    color: #fff;
    background: #23242b;
}

.bg-grey7 {
    color: #fff;
    background: #30323c;
}

.bg-grey8 {
    background: #dee1e7;
}

.bg-grey9 {
    background: #2a303c;
}

.bg-grey10 {
    background: #343a44;
}

/* Capped width area. */
.capped-width {
    margin: 0 auto;
    position: relative;
    max-width: 1440px;
}

/* Main area. */
#MainArea {
    margin: 0;
}

#PageWrapper {
    position: relative;
    width: 100%;
}

/* Utility bar. */
#UtilityBar {
    height: 35px;
    position: relative;
    font-size: 11px;
    padding: 0 20px;
}

#UtilityNav a {
    color: #d4d6db;
}

#UtilityNav li {
    padding: 10px 15px 0 15px;
    border-right: 1px #383c48 solid;
    height: 35px;
}

    #UtilityNav li:last-child {
        padding-right: 0;
        border-right: 0;
    }

/* Logo bar. */
#LogoBar {
    height: 43px;
    position: relative;
    padding: 0 10px;
}

    #LogoBar .capped-width {
        height: 100%;
    }

    #LogoBar .logo {
        width: 177px;
        padding-top: 12px;
    }

    #LogoBar #AboutLinks {
        position: absolute;
        right: 460px;
        bottom: 0;
    }

        #LogoBar #AboutLinks > ul {
            margin: 0;
            padding: 0;
        }

            #LogoBar #AboutLinks > ul > li {
                margin: 0;
                padding: 0;
                list-style: none;
                display: inline;
            }

                #LogoBar #AboutLinks > ul > li > a {
                    color: #c7c9ce;
                    font-weight: 500;
                    padding: 10px 20px 30px 20px;
                    display: inline-block;
                    font-size: 14px;
                }

                    #LogoBar #AboutLinks > ul > li > a:hover,
                    #LogoBar #AboutLinks > ul > li > a:focus,
                    #LogoBar #AboutLinks > ul > li > a:active {
                        color: #fff;
                        font-weight: bold;
                        text-decoration: underline;
                    }

                    #LogoBar #AboutLinks > ul > li > a.selected {
                        color: #23242b;
                        background: #fff;
                        text-decoration: none;
                    }

                        #LogoBar #AboutLinks > ul > li > a.selected:hover {
                            color: #23242b;
                        }

                #LogoBar #AboutLinks > ul > li > .fa {
                    margin-left: 5px;
                }

    #LogoBar.sticky {
        height: 87px;
        position: fixed;
        top: 0;
    }

        #LogoBar.sticky .logo {
            width: 165px;
            margin-top: 20px;
        }

        #LogoBar.sticky #AboutLinks a {
            padding-bottom: 19px;
        }

#HamburgerIcon {
    /*color: #5d616c;*/
    color: #FFFFFF;
    display: block;
    margin-right: 20px;
    float: left;
    padding: 3px 10px 4px 0;
    border-right: 1px solid #3c404b;
}

/* Emergency bar. */
#EmergencyBar {
    color: #fff;
    background: #e50e56;
    font-size: 11px;
    font-weight: 400;
    padding: 10px;
    height: 80px;
}

    #EmergencyBar .emergency-inner {
        position: relative;
        height: 60px;
    }

    #EmergencyBar .emergency-icon {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0;
        left: 0;
    }

    #EmergencyBar .emergency-text {
        position: absolute;
        top: 0;
        left: 30px;
        right: 90px;
    }

    #EmergencyBar .emergency-heading {
        text-transform: uppercase;
        font-weight: bold;
    }

    #EmergencyBar .emergency-link {
        color: #e50e56;
        background: #fff;
        font-weight: bold;
        border-radius: 4px;
        padding: 10px;
        text-align: center;
        line-height: 1;
        display: block;
        max-width: 80px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media (min-width:768px) {

    #EmergencyBar {
        font-size: 14px;
    }

        #EmergencyBar .emergency-icon {
            width: 44px;
            height: 44px;
            top: 8px;
        }

        #EmergencyBar .emergency-text {
            left: 59px;
            right: 180px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        #EmergencyBar .emergency-link {
            max-width: 170px;
        }
}

@media (min-width:992px) {

    #EmergencyBar .emergency-inner {
        max-width: 800px;
        margin: 0 auto;
    }

    #EmergencyBar .emergency-icon {
        width: 36px;
        height: 36px;
        top: 12px;
    }

    #EmergencyBar .emergency-text {
        left: 51px;
    }
}

/* Search boxes. */
#LogoBar .searchbox {
    position: absolute;
    right: 0;
    top: 35px;
    display: none;
}

#LogoBar.sticky .searchbox {
    top: 23px;
}

#LogoBar .searchbox input[type=text],
#LogoBar .searchbox input[type=search] {
    width: 230px;
}

.searchbox input[type=text],
.searchbox input[type=search] {
    font-size: 14px;
    background: #fff;
    padding: 10px;
    vertical-align: top;
    border: 0;
    height: 40px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    outline: none;
}

    .searchbox input[type=text]::-webkit-input-placeholder,
    .searchbox input[type=search]::-webkit-input-placeholder {
        color: #a7aebc;
    }

    .searchbox input[type=text]:-moz-placeholder,
    .searchbox input[type=search]:-moz-placeholder {
        color: #a7aebc;
    }

    .searchbox input[type=text]::-moz-placeholder,
    .searchbox input[type=search]::-moz-placeholder {
        color: #a7aebc;
    }

    .searchbox input[type=text]:-ms-input-placeholder,
    .searchbox input[type=search]:-ms-input-placeholder {
        color: #a7aebc;
    }

.search-icon {
    color: #23242b;
    background: #dee1e7;
    padding: 8px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
}

#MobileSearchIcon {
    color: #dee1e7;
    position: absolute;
    top: 8px;
    right: 0;
}

#MobileSearchBar {
    height: 60px;
    padding: 10px;
    background: #3c404b;
    display: none;
}

    #MobileSearchBar .searchbox {
        width: 100%;
        float: left;
        margin-right: -38px;
    }

    #MobileSearchBar .searchbox-inner {
        margin-right: 38px;
    }

    #MobileSearchBar .searchbox input[type=text],
    #MobileSearchBar .searchbox input[type=search] {
        width: 100%;
    }

    #MobileSearchBar .search-icon {
        float: left;
        width: 38px;
        display: inline-block;
    }

/* Breadcrumb. */
#Breadcrumb {
    /*color: #3c404b;*/
    color: #5E626D;
    font-size: 12px;
    font-weight: bold;
    /*height: 38px;*/
    padding: 10px 10px 10px 27px;
    background-color: #F2F3F5;
}

@media (min-width:768px) { /*tablet*/
    #Breadcrumb {
        background-color: #E1E4E8;
    }

    #MobileSearchBar {
        display: none !important;
    }
}




@media (min-width:991px) {
    #Breadcrumb {
        display: none;
    }

    #ContentContainerInner #Breadcrumb {
        /*border-left: 1px solid #D5DCE1;
        border-right: 1px solid #D5DCE1;*/
        margin: 0 0px;
        background-color: white !important;
        display: block;
    }
}

@media (max-width:990px) {
    #ContentContainerInner #Breadcrumb {
        display: none;
    }
}


#Breadcrumb {
    /*white-space:nowrap;
	overflow:hidden;*/
}

    #Breadcrumb a {
        /*color: #3c404b;*/
        color: #5e626D;
    }

        #Breadcrumb a:hover {
            /*color: #fff;*/
            color: black;
            text-decoration: none;
        }

    #Breadcrumb nav .fa {
        /*color: #c7c9ce;*/
        color: #5E626D;
        margin: 0 1px;
    }

    #Breadcrumb li {
        margin: 0;
        padding: 0;
    }

    #Breadcrumb ul {
        margin-bottom: 3px !important;
    }

    #Breadcrumb li a:not(.noUnderline) {
        text-decoration: underline;
    }

    #Breadcrumb .noUnderline span {
        margin-left: 6px !important;
    }

    #Breadcrumb .list-inline {
        padding-left: 7px;
    }

/* Crumbbar. */
#CrumbBar {
    font-size: 10px;
    font-weight: 500;
    color: #23242b;
    background: #dee1e6;
    height: 55px;
}

    #CrumbBar .capped-width {
        text-align: right;
    }

    #CrumbBar .crumb-tab {
        display: inline-block;
        border-right: 1px solid #8d9098;
        height: 55px;
        padding: 12px 10px 0 10px;
        text-align: center;
        position: relative;
    }

        #CrumbBar .crumb-tab.selected,
        #CrumbBar .crumb-tab:hover {
            color: #fff;
            background: #e50e56;
        }

        #CrumbBar .crumb-tab:last-child {
            border-right: 0;
        }

        #CrumbBar .crumb-tab .icon {
            font-size: 23px;
            font-weight: normal;
            position: absolute;
            top: 9px;
            left: 0;
            right: 0;
            height: 23px;
        }

            #CrumbBar .crumb-tab .icon svg {
                width: 20px;
                height: 20px;
            }

                #CrumbBar .crumb-tab .icon svg path {
                    fill: #23242b;
                }

        #CrumbBar .crumb-tab.selected .icon svg path,
        #CrumbBar .crumb-tab:hover .icon svg path {
            fill: #fff;
        }

        #CrumbBar .crumb-tab .text {
            margin-top: 23px;
            display: inline-block;
        }

.crumb-tab-panel {
    color: #fff;
    background: #ffede5;
    padding: 0;
    display: none;
}

    .crumb-tab-panel .capped-width {
        padding: 20px 20px 0 20px;
    }

    .crumb-tab-panel .heading {
        color: #333;
        font-size: 14px;
        border-bottom: 1px solid #fff;
        padding: 2px 0 7px 0;
        margin: 0 0 10px 0;
    }

    .crumb-tab-panel ul li {
        border-bottom: 1px solid #fff;
        padding: 7px 0;
    }

        .crumb-tab-panel ul li:first-child {
            padding-top: 0;
        }

        .crumb-tab-panel ul li a {
            color: #000;
        }

    .crumb-tab-panel .crumb-tab-panel-close {
        background: #ebeced;
        border-bottom: 1px solid #d9e0e4;
    }

        .crumb-tab-panel .crumb-tab-panel-close .fa {
            display: block;
            color: #23242b;
            padding: 15px 0;
        }

        .crumb-tab-panel .crumb-tab-panel-close a:hover {
            text-decoration: none;
        }

/* About Council/Melbourne flyouts. */
.flyout-container {
    display: none;
    background: #fff;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 99999;
}

    .flyout-container .capped-width {
        padding: 30px 20px;
    }

    .flyout-container .flyout-column {
        width: 20%;
        float: left;
        padding: 10px 15px;
        border-right: 1px solid #d9e0e4;
        min-height: 400px;
    }

        .flyout-container .flyout-column:last-child {
            border-right: 0;
        }

    .flyout-container .level-2 {
        margin-bottom: 15px;
    }

        .flyout-container .level-2 a {
            color: #23242b;
            font-size: 14px;
            font-weight: 500;
            text-decoration: none;
        }

    .flyout-container .level-3 {
        margin-bottom: 30px;
    }

        .flyout-container .level-3 li {
            margin-bottom: 15px;
        }

        .flyout-container .level-3 a {
            color: #23242b;
            font-size: 11px;
            text-decoration: none;
        }

    .flyout-container a:hover {
        text-decoration: underline;
    }
    
    .flyout-container a:focus {
        text-decoration: underline;
    }


    .flyout-container .flyout-promo {
        width: 100%;
        height: auto;
        margin-bottom: 25px;
    }

    .flyout-container .flyout-close {
        background: #ebeced;
        border-bottom: 1px solid #d9e0e4;
    }

        .flyout-container .flyout-close .fa {
            display: block;
            color: #23242b;
            padding: 15px 0;
        }

        .flyout-container .flyout-close a:hover {
            text-decoration: none;
        }
        
        .flyout-container .flyout-close a:focus {
            text-decoration: none;
        }


.flyout-background-overlay {
    position: fixed;
    top: 350px;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9000;
}

/* Fixed sidebars. */
.fixed-sidebar {
    width: 230px;
    /*position: fixed;*/
    top: 0;
    bottom: 0;
}
/**********Left Navigation ********/
.expand-only.expandable {
    /*float:left;
	padding-left:0px!important;
	width:30px;
	height:20px;
	padding:0px 0px 0px 0px;*/
    cursor: pointer;
}

.expand-only.childless {
    display: none;
}

.divexpand-only {
    display: inline-block;
}


.header-z {
    z-index: 99;
}

/* Left navigation. */
.left-navigation {
    font-weight: bold;
    display: none;
}

    .left-navigation .go-back ul {
        background-color: #c0c5d2;
        ;
    }

        .left-navigation .go-back ul ul {
            background-color: #dbdfe8;
        }

            .left-navigation .go-back ul ul ul {
                background-color: #eff2f6;
            }

                .left-navigation .go-back ul ul ul ul {
                    background-color: #fff;
                }

.SelectedMenuItem {
    background-color: #277BB4;
    /*font-weight:bold;*/
}

    .SelectedMenuItem:hover .divexpand-only.nav1 .lhn-label,
    .SelectedMenuItem:hover .divexpand-only.nav2 .fa {
        color: #000 !important;
        /*font-weight:bold;*/
    }

.childless .SelectedMenuItem:hover .divexpand-only.nav1 .lhn-label {
    /*text-decoration: underline;*/
    color:black;
    /*font-weight:bold;*/
}

.SelectedMenuItem .nav1 a:hover {
    color:black;
        /*font-weight:bold;*/
}



.SelectedMenuItem .nav1 a {
    color: #ffffff;
    /*font-weight:bold;*/
}

.SelectedMenuItem .nav2 * {
    color: #ffffff !important;
    /*font-weight:bold;*/
}

.left-navigation li {
    border-bottom: 1px solid #cfd3dd;
    position: relative;
}

    .left-navigation li a {
        color: #23242b;
        padding: 16px 0 16px 14px;
        display: block;
    }

    .left-navigation li .nav2 a {
        color: #23242b;
        /*padding: 10px 0 16px 14px;*/
        display: block;
    }

/* #MobileNavigation .left-navigation li a:hover,
            #MobileNavigation .left-navigation li a.selected {
                background: #989eab;
            }*/

.left-navigation .menuitem:hover {
    background: #fff;
}

.left-navigation .menuitem .nav1.nav2 {
    width: 80%;
    vertical-align: middle;
}

.left-navigation .menuitem .nav1 {
    width: 80%;
    vertical-align: middle;
}

.left-navigation .menuitem .nav2 {
    width: 20%;
}

.left-navigation .hideAboveLevel {
    display: none;
}

.left-navigation li a {
    text-decoration: none;
}

.left-navigation li a:hover {
    text-decoration: underline;
    /*border:dotted black 2px;*/    
}

.left-navigation li a:focus {
    text-decoration: underline;
    /*border:dotted black 2px;*/  
}


.left-navigation li a .lhn-label {
    width: 175px;
    display: block;
}

.left-navigation li a .fa {
    color: #2b2c34;
    font-size: 10px;
    /*position: absolute;*/
    top: 17px;
    right: 20px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.left-navigation .go-back a .fa {
    color: #2b2c34;
    font-size: 10px;
    /*position: absolute;*/
    top: 23px;
    right: 24px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#MobileNavigation .left-navigation .go-back a .fa {
    color: #2b2c34;
    font-size: 10px;
    /*position: absolute;*/
    top: 23px;
    right: 28px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.left-navigation .go-back .cross.fa.fa-minus {
    position: absolute;
}
/*#MobileNavigation .left-navigation .expandable ul {
        display: none;
    }*/
.left-navigation .NonSelectedMenuItem ul {
    display: none;   
}

/* L1. */
.left-navigation {
    background: #c0c5d2;
    margin-bottom: 0;
}

    .left-navigation .go-back > a {
        background: #989eab;
    }

    .left-navigation .go-back > .menuitem {
        background: #989eab;
    }

    .left-navigation .go-back .currentcursor {
        cursor: pointer;
    }

    /* L2. */
    .left-navigation ul {
        background: #dbdfe8;
        font-weight: normal;
    }

        .left-navigation ul li {
            border-bottom: 0;
        }

        /* #MobileNavigation .left-navigation ul li a:hover {
                background: #f7f9fb;
            }*/

        /*.left-navigation  ul {
        background: #c0c5d2;
    }*/
        /* L3. */
        .left-navigation ul ul {
            background: #eff2f6;
            font-size: 11px;
        }

            .left-navigation ul ul li a .lhn-label {
                padding-left: 10px;
            }

            .left-navigation ul ul li a .fa {
                top: 12px;
            }

            .left-navigation ul ul li a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

                /*   .left-navigation ul ul li a:hover {
            background: #fff;
        }*/

                .left-navigation ul ul li a .fa {
                    color: #2b2c34;
                }
            /* L4. */
            .left-navigation ul ul ul {
                background: #f8f9fc;
            }

                .left-navigation ul ul ul li a .lhn-label {
                    padding-left: 20px;
                }
                /* L5. */
                .left-navigation ul ul ul ul {
                    background: #fff;
                }

                    .left-navigation ul ul ul ul li a .lhn-label {
                        padding-left: 30px;
                    }

                    .left-navigation ul ul ul ul ul li a .lhn-label {
                        padding-left: 40px;
                    }
    /* LHN main menu. */
    .left-navigation .main-menu,
    .left-navigation .main-menu a:hover {
        background: #434c5a;
    }

        .left-navigation .main-menu .fa {
            color: #fff;
            top: 15px;
            left: 20px;
            font-size: 19px;
            position: absolute;
        }

        .left-navigation .main-menu .lhn-label {
            font-size: 13px;
            padding-left: 33px;
        }

        .left-navigation .main-menu a {
            color: #fff;
        }
    /* Childless items. */
    .left-navigation .childless a:hover {
        text-decoration: underline;
    }
    /* LHN close button. */
    .left-navigation + .close-button {
        background: #efeff0;
        height: 32px;
    }

        .left-navigation + .close-button a {
            color: #4e5866;
            display: block;
            width: 100%;
            height: 100%;
        }

            .left-navigation + .close-button a .fa {
                padding-top: 10px;
                padding-left: 100px;
            }

/* Mobile navigation mask. */
div[data-ssbplugin="mask"] {
    left: 230px !important;
}

/* Content container. */
#ContentContainer {
    background: #fff;
}

.home-page #ContentContainer {
    min-height: background: #f5f6fa;
}

#ContentArea {
    padding: 30px;
}

.home-page #ContentArea {
    padding: 10px;
}

#ContentArea ul li {
    list-style-type: disc;
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 10px;
}

#ContentArea ol li {
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 10px;
}

#ContentArea ul.list-unstyled li {
    list-style-type: none;
}

#ContentArea ul li a,
#ContentArea ul li a:visited,
#ContentArea ul li a:hover {
    color: #277bb4;
}

#ContentArea .asset-browse-boundary input[type=button] {
    float: right;
    margin-top: -38px;
    margin-right: 6px;
}

#ContentContainerInnerLower {
    margin: 0 10px;
}

/* Tiles. */
.tiles .col-lg-1, .tiles .col-lg-10, .tiles .col-lg-11, .tiles .col-lg-12, .tiles .col-lg-2, .tiles .col-lg-3, .tiles .col-lg-4, .tiles .col-lg-5, .tiles .col-lg-6, .tiles .col-lg-7, .tiles .col-lg-8, .tiles .col-lg-9,
.tiles .col-md-1, .tiles .col-md-10, .tiles .col-md-11, .tiles .col-md-12, .tiles .col-md-2, .tiles .col-md-3, .tiles .col-md-4, .tiles .col-md-5, .tiles .col-md-6, .tiles .col-md-7, .tiles .col-md-8, .tiles .col-md-9,
.tiles .col-sm-1, .tiles .col-sm-10, .tiles .col-sm-11, .tiles .col-sm-12, .tiles .col-sm-2, .tiles .col-sm-3, .tiles .col-sm-4, .tiles .col-sm-5, .tiles .col-sm-6, .tiles .col-sm-7, .tiles .col-sm-8, .tiles .col-sm-9,
.tiles .col-xs-1, .tiles .col-xs-10, .tiles .col-xs-11, .tiles .col-xs-12, .tiles .col-xs-2, .tiles .col-xs-3, .tiles .col-xs-4, .tiles .col-xs-5, .tiles .col-xs-6, .tiles .col-xs-7, .tiles .col-xs-8, .tiles .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px;
}

.tiles .row {
    margin-left: -5px;
    margin-right: -5px;
}

    .tiles .row + .row {
        margin-top: 25px;
    }

.tile-carousel .edit-mode + .tile-image {
    overflow: scroll;
}

.tile {
    position: relative;
}

    .tile a:hover {
        text-decoration: none;
    }

.tile-sizer {
    width: 100%;
    height: auto;
}

.tile-image {
    width: 100%;
    height: auto;
}

.tile-size-double .tile-mode-square-image-overlay .tile-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 51.06%;
    height: 100%;
}

.tile-overlay {
    display: none;
}

.tile-size-double .tile-mode-square-image-overlay .tile-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 48.94%;
    height: 100%;
}

.tile-overlay-grey {
    background: #434c5b;
}

.tile-title {
    padding: 15px 10px;
    color: #000;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
}

.tile-size-double .tile-mode-square-image-overlay .tile-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 48.94%;
    height: 100%;
    padding: 20px;
    color: #fff;
    background: transparent;
    font-size: 22px;
    font-weight: 400;
}

.tile-chevron {
    width: 24px;
    height: 24px;
    display: block;
    margin-top: 16px;
}

.tile-description {
    font-size: 11px;
    padding: 0 10px 15px 10px;
    color: #000;
    background: #fff;
}

.tile-double-split-left {
    margin-bottom: 25px;
}

/* Specific override for tile 1. */
.tiles-mobile .tile-1 .tile-overlay {
    background: #434c5b;
}

/* Square plain tiles (mobile). */
.tiles-mobile .tile-mode-square-plain .tile-title {
    padding: 40px 10px;
}

.tiles-mobile .tile-mode-square-plain .tile-overlay-grey + .tile-title {
    color: #fff;
    background: #434c5f;
}

.tiles-mobile .tile-mode-square-plain .tile-overlay-blue + .tile-title {
    color: #fff;
    background: #277bb4;
}

/* Non-mobile overrides. */
.tiles-non-mobile .tile {
    overflow: hidden;
}

.tiles-non-mobile .tile-chevron {
    margin-top: 30px;
}

.tiles-non-mobile .tile-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tiles-non-mobile .tile-mode-square-image .tile-image {
    height: 77.27%;
}

.tiles-non-mobile .tile-double-split-left,
.tiles-non-mobile .tile-double-split-right {
    position: absolute;
    top: 0;
    width: 48.94%;
    height: 100%;
}

.tiles-non-mobile .tile-double-split-left {
    left: 0;
    margin-bottom: 0;
}

.tiles-non-mobile .tile-double-split-right {
    right: 0;
}

.tiles-non-mobile .tile-mode-double .tile-image {
    width: 48.94%;
    left: auto;
    right: 0;
    z-index: 2;
}

.tiles-non-mobile .tile-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tiles-non-mobile .tile-overlay-grey {
    background: #434c5b;
}

.tiles-non-mobile .tile-overlay-white {
    background: #fff;
}

.tiles-non-mobile .tile-overlay-blue {
    background: #277bb4;
}

.tiles-non-mobile .tile-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    font-size: 20px;
}

.tiles-non-mobile .tile-mode-square-plain .tile-title {
    font-weight: normal;
}

.tiles-non-mobile .tile-mode-square-image-overlay .tile-title {
    font-weight: normal;
}

.tiles-non-mobile .tile-mode-square-image .tile-title {
    top: 50%;
    height: 22.73%;
    background: #fff;
    font-size: 14px;
    padding: 0 10px;
}

.tiles-non-mobile .tile-title-inner {
    display: table;
    height: 100%;
}

.tiles-non-mobile .tile-title-inner-inner {
    display: table-cell;
    vertical-align: middle;
}

.tiles-non-mobile .tile-mode-double .tile-title {
    top: -30px;
    font-size: 18px;
    font-weight: normal;
    width: 50%;
    padding: 0 20px;
}

.tiles-non-mobile .tile-overlay-transparent + .tile-title {
    color: #fff;
    background: transparent;
}

.tiles-non-mobile .tile-overlay-grey + .tile-title,
.tiles-non-mobile .tile-overlay-blue + .tile-title {
    color: #fff;
    background: transparent;
}

.tiles-non-mobile .tile-overlay-white + .tile-title {
    color: #000;
    background: transparent;
}

.tiles-non-mobile .tile-description {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 27.27%;
    color: rgba(0, 0, 0, 0.0);
}

.tiles-non-mobile .tile-mode-square-image .tile-description {
    top: 72.73%;
    color: #000;
    background: #fff;
}

.tiles-non-mobile .tile-mode-double .tile-description {
    top: 70%;
    width: 50%;
    padding: 0 20px;
    color: rgba(255, 255, 255, 1.0);
    line-height: 1.4;
    background: transparent;
    overflow: hidden;
}

.tiles-non-mobile .tile-mode-double .tile-overlay-white + .tile-title + .tile-description {
    color: rgba(0, 0, 0, 1.0);
}

/* Tile editors. */
.tiles-editors .browse-button input[type=button] {
    margin-top: -23px;
}

.tiles-editors input[type=button] {
    padding: 10px;
}

.tiles-editors .load-button {
    display: block;
    margin-left: 0;
}

.tile-editor > .panel-heading {
    cursor: pointer;
    max-height: 112px;
}

.tile-editor.panel-default,
.tile-editor > .panel-heading {
    border-color: #c8c8c8;
}

.tile-editor .tile-friendly-name {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.tile-editor .tile-summary-label {
    float: left;
}

.tile-editor .tile-summary-value {
    width: 400px;
    margin-left: 40px;
}

.tile-editor .panel-body {
    padding: 20px;
}

.tile-editor input[type=text],
.tile-editor select {
    width: 75%;
}

.tile-editor .ms-formfieldcontainer {
    margin-top: 20px;
}

.tile-editor .panel-body > .ms-formfieldcontainer:first-child {
    margin-top: 0;
}

.tile-editor .load-button {
    margin-top: 15px;
}

#RoadClosures {
    max-width: 1200px;
}

/* Page title. */
#PageTitle {
    margin: 50px 30px 0 30px;
    padding-bottom: 25px;
    border-bottom: 2px solid #eaeaeb;
    position: relative;
}

    #PageTitle .ms-formfieldvaluecontainer input[type=text] {
        width: 100%;
    }

    #PageTitle .page-title-text {       
        display: inline-block;
        font-size: 30px;
        font-weight: normal;
        color: #244566;       
    }


.home-page #PageTitle {
    display: none;
}

/* Social share. */
nav.social-share-activate-button  {
    position: absolute;
    top:-30px;
    color: #5e626e;
    font-size: 11px;
    min-width: 50px;
    cursor: pointer;
    text-align: left;
    text-decoration: none !important;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* remove flickering effect of a tapped link/button when on a touch device */
    width:100px;
    right:-28px;
    display:inline;
    z-index:97;
}

ul.ul-social-share {
	display:inline;
	height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

li.li-social-share {
	list-style: none;
}


    .social-share-activate-button .share-desc {
        display: inline-block;
        position: relative;
        bottom: 2px;
    }

    .social-share-activate-button button {
        font-size: 20px;
        margin: 0 0 10px 10px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        min-width:9px;
        background-color:transparent;
        padding:0px;
        border:none;
    }

    .social-share-activate-button #btn-social-share {
        font-size: 20px;
        margin: 0 0 10px 10px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        min-width:9px;
        background-color:transparent;
        padding:0px;
        border:none;
        text-decoration:none;
        color:inherit;
    }

    .social-share-activate-button-active button,
    .social-share-activate-button:hover button {
        color: #000;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;
    }

    .social-share-activate-button-active #btn-social-share,
    .social-share-activate-button:hover #btn-social-share {
        color: #000;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;
        text-decoration:none;
    }

.social-share-activate-button-active button {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .5s ease, color .1s ease;
    -moz-transition: -moz-transform .5s ease, color .1s ease;
    transition: transform .5s ease, color .1s ease;
}

.social-share-activate-button-active #btn-social-share {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .5s ease, color .1s ease;
    -moz-transition: -moz-transform .5s ease, color .1s ease;
    transition: transform .5s ease, color .1s ease;
    text-decoration:none;
}

.social-share-wrapper {
    position: absolute;
    z-index: 98;
    overflow: hidden;
    font-size: 20px;
    text-align: center;
    width: 56px;
    margin: 15px 0 0 0;
    padding: 0;
    opacity: 0;
    right: 0;
    top: 28px;
    display:inline;   
    left:35px;
}

    .social-share-wrapper li {
        list-style-type: none;
        background: #fff;
        border-top: 1px solid #e0e0e0;
        margin: 0;
        padding: 0;
    }

        .social-share-wrapper li:first-child {
            border-top: 4px solid #5a5a5a;
            -webkit-transform: translateY(-25px) scale(1);
            -moz-transform: translateY(-25px) scale(1);
            transform: translateY(-25px) scale(1);
            -webkit-transition: all .1s ease;
            -moz-transition: all .1s ease;
            transition: all .1s ease;
        }

        .social-share-wrapper li:nth-child(2) {
            -webkit-transform: translateY(-75px) scale(0.8);
            -moz-transform: translateY(-75px) scale(0.8);
            transform: translateY(-75px) scale(0.8);
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            transition: all .2s ease;
        }

        .social-share-wrapper li:nth-child(3) {
            -webkit-transform: translateY(-125px) scale(0.5);
            -moz-transform: translateY(-125px) scale(0.5);
            transform: translateY(-125px) scale(0.5);
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease;
        }

        .social-share-wrapper li:nth-child(4) {
            -webkit-transform: translateY(-200px) scale(0.25);
            -moz-transform: translateY(-200px) scale(0.25);
            transform: translateY(-200px) scale(0.25);
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            transition: all .4s ease;
        }

        .social-share-wrapper li a {
            display: block;
            width: 100%;
            color: #5e626e;
            padding: 15px 0;
            -webkit-transition: all 0s ease;
            -moz-transition: all 0s ease;
            transition: all 0s ease;
        }

            .social-share-wrapper li a:hover {
                color: #fff;
                background: #5e626e;
                -webkit-transition: all 0s ease;
                -moz-transition: all 0s ease;
                transition: all 0s ease;
            }

.social-share-wrapper-active {
    opacity: 1 !important;
    right: -20px;
}

    .social-share-wrapper-active li {
        -webkit-transform: translateY(0) scale(1) !important;
        -moz-transform: translateY(0) scale(1) !important;
        transform: translateY(0) scale(1) !important;
    }

.social-share-wrapper-shadow {
    -webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 20px 1px rgba(0,0,0,.1);
    box-shadow: 0 0 20px 1px rgba(0,0,0,.1);
    -webkit-transition: -webkit-box-shadow 1s ease;
    -moz-transition: -moz-box-shadow 1s ease;
    transition: box-shadow 1s ease;
}

.social-share-tooltip {
    width: 0;
    height: 0;
    margin: 0 auto !important;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: none;
    border-bottom: 5px solid #5a5a5a;
    position: absolute;
    top: 38px;
    right: 3px;
}

.social-share-tooltip-active {
    display: inline;
    opacity: 1 !important;
    -webkit-transform: translateY(0px) !important;
    -moz-transform: translateY(0px) !important;
    transform: translateY(0px) !important;     
    right:32px;
}

/* What's On block. */
#WhatsOnBlock {
    background: #fff;
    border: 1px solid #cfd3de;
    padding: 50px;
    font-size: 24px;
    color: #434c5d;
    text-align: center;
    line-height: 1.35;
}

    #WhatsOnBlock a {
        color: #2175b5;
        font-weight: bold;
        display: block;
        margin-top: 10px;
    }

/* Page summary. */
#PageSummary {
    font-size: 14px;
    padding-bottom: 20px;
}



/* Page image. */
.page-image {
    position: relative;
    width: 250px;
    margin: 0 0 20px 20px;
}

    .page-image.img-responsive {
        width: auto;
        margin-left: 0;
    }

    .page-image img {
        width: 100%;
    }

    .page-image .caption {
        position: absolute;
        bottom: 0;
        width: 100%;
        color: #fff;
        background: rgba(0, 0, 0, 0.6);
        font-size: 10px;
        padding: 10px;
    }

        .page-image .caption p {
            margin: 0;
        }

/* Document download. */
h2.document-download-heading {
    color: #277bb4;
    margin: 15px 0 0px 0;
}

.download-container {
    background: #eceff3;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 15px;
}

.download-language,
.download-title {
    padding: 15px 0 15px 5px;
}

.download-language {
    width: 125px;
}

.download-link {
    display: inline-block;
    font-size: 11px;
    padding: 10px 10px 6px 5px;
    border-right: 1px solid #dee1e7;
    text-transform: uppercase;
    width: 100px;
}

    .download-link:last-child {
        border-right: 0;
    }

    .download-link:hover {
        background: #f6f8f9;
    }

    .download-link .fa {
        font-size: 18px;
        padding-bottom: 4px;
    }

a.download-link {
    color: #23242b;
    text-decoration: none;
}

/* Contact details. */
.contact-details .detail {
    margin-bottom: 8px;
}

.contact-details .fa {
    float: left;
    padding-top: 4px;
    text-align: center;
    width: 20px;
}

.contact-details .detail .value {
    margin-left: 30px;
}

.contact-details .detail .fa-paper-plane + .value a {
    word-wrap: break-word;
}

/* Landing page styles. */
.landing-page .full-width-image .ms-WPBody img {
    width: 100%;
    height: auto;
}

.landing-page .silver-lining {
    border-bottom: 1px solid #CFD3DD;
    padding-bottom: 8px;
}

.landing-page .tiles-non-mobile .tile {
    margin-bottom: 30px;
}

/* Related column. */
#RelatedColumn {
    display: none;
    width: 230px;
    padding: 20px 0px;
    position: relative;
}

.home-page #RelatedColumn,
.landing-page #RelatedColumn {
    display: none !important;
}

#RelatedColumnInner {
    padding: 0 30px 0 10px;
}

#RelatedColumnBorder {
    position: absolute;
    top: 20px;
    left: 0;
    bottom: 20px;
    border-left: 2px solid #edf0f3;
}

h2.related-title {
    color: #277bb4;
    font-size: 18px;
    border-bottom: 4px solid #edf0f3;
    padding: 0 10px 10px 10px;
    margin: 0;
    font-weight: 500;
}

    h2.related-title:first-child {
        margin-top: 10px;
    }

      h2.related-title.promo-tile {
        padding-left: 0px;
        margin:25px 0 10px 0;
    }
.related ul {
    margin-bottom: 30px;
}

    .related ul li {
        padding: 15px 0 15px 25px;
        border-bottom: 1px solid #edf0f3;
        background: url(/system/images/grey-bullet.png) no-repeat 7px 19px;
        font-weight: 500;
    }

        .related ul li:last-child {
            border-bottom: 0;
        }

        .related ul li a {
            color: #23242b;
        }

            .related ul li a:hover {
                color: #277bb4;
            }

/* Overrides for the related row at the bottom of the page (on smaller devices). */
#RelatedRow h2.related-title {
    padding-left: 0;
}

#RelatedRow ul li {
    background-position: 0 19px;
    padding-left: 18px;
}

/* Right-hand navigation. */
#RightNavigation {
    background: #ffede5;
    width: 230px;
    float: left;
    margin: 10px 10px 10px -240px;
    position: absolute;
    top: 0;
    right: 0;
}

    #RightNavigation .accordion {
        height: 0;
        overflow: hidden;
    }

.home-page #RightNavigation {
    margin-left: -230px;
    margin-right: 0;
    position: absolute;
    top: 0;
    right: 0;
}

#RightNavigation .ui-accordion-header {
    color: #5d616c;
    font-weight: bold;
    height: 43px;
    background: #cfd3dd;
    padding: 16px 0 16px 10px;
    border: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

    #RightNavigation .ui-accordion-header .icon-container {
        float: left;
        height: 42px;
        font-size: 20px;
        padding: 8px 10px 0 10px;
    }

        #RightNavigation .ui-accordion-header .icon-container svg {
            width: 13px;
            margin-top: 3px;
        }

            #RightNavigation .ui-accordion-header .icon-container svg path {
                fill: #000;
            }

    #RightNavigation .ui-accordion-header .heading {
        color: #000;
        font-size: 12px;
        margin: 0;
        padding: 14px 0 0 0;
        font-weight: 500;
        line-height: 1.1;
        outline: none;
    }  

#RightNavigation .ui-accordion-header-active {
    color: #fff;
    background: #e50e56;
    height: 42px;
    border-bottom: 0;
    outline: 0;
}

    #RightNavigation .ui-accordion-header-active .icon-container svg path {
        fill: #fff;
    }

    #RightNavigation .ui-accordion-header-active .heading {
        color: #fff;
    }

#RightNavigation .ui-accordion-content {
    background: #ffede5;
    border: 0;
    font-size: 11px;
    padding: 0;
}

#RightNavigation .ui-accordion-content-active.display-arrow {
    background: #ffede5 url(/system/images/acc_selectARW.png) no-repeat 10px 0;
}

#RightNavigation .ui-accordion-content ul {
    margin: 10px 0 0 0;
}

    #RightNavigation .ui-accordion-content ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.57);
    }

        #RightNavigation .ui-accordion-content ul li a {
            display: block;
            padding: 10px 0 10px 10px;
        }
        /* JR focus */
            #RightNavigation .ui-accordion-content ul li a:hover {
                text-decoration: underline; /* none; */
                background-color: #fff7f3;
            }

            #RightNavigation .ui-accordion-content ul li a.all {
                font-weight: bold;
            }

/* Tab content. */
.nav-tabs > li,
.fake-tab {
    text-transform: uppercase;
}

    .nav-tabs > li > a,
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover,
    .fake-tab {
        color: #23242b;
        text-decoration:underline;
    }

    .nav-tabs > li > a,
    .nav-tabs > li.active > a,
    .fake-tab {
        background: #F4F6F9; /*#dae0e9 CR32 ;*/
        margin-right: 0;
        border-radius: 0;
        border: 0;
        border-top: 1px solid #dae0e9;
        border-left: 1px solid #dae0e9;
        border-right: 1px solid #cacfd9;
        border-bottom: 1px solid #cacfd9; /*William added this for media player CR21*/
        padding: 15px 45px;
    }

        .nav-tabs > li > a:hover {
            background-color: #D4D6DB !important;
        }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            background: #277BB4 !important; /*#fff; CR32*/
            text-decoration:underline;
        }

            .nav-tabs > li.active > a > h2, .nav-tabs > li.active > a > h2:hover,
            .nav-tabs > li.active > a > div, .nav-tabs > li.active > a > div:hover {
                color: white;
            }



        .nav-tabs > li > a > h2,
        .nav-tabs > li > a > .heading,
        .fake-tab {
            font-size: 12px;
            margin: 0;
            font-weight: bold;
            color: #23242b;
        }

.fake-tab {
    margin-left: -45px;
    margin-right: -15px;
    border-right-color: #dae0e9;
}

.tab-content {
    border: 0;
    border-right: 1px solid #dae0e9;
    border-bottom: 1px solid #dae0e9;
    border-left: 1px solid #dae0e9;
    padding: 0 15px 20px 45px;
}

    .tab-content .tab-pane:not(.eventDetailTab) {
        display: block;
        visibility: visible;
    }

    .tab-content h3 {
        color: #2175b3;
        font-size: 12px;
        border-bottom: 1px solid #eceff3;
        line-height: 1.4;
        margin: 0 0 10px 0;
        padding: 15px 0 7px 0;
    }

    .tab-content .heading-icon {
        float: left;
        font-size: 15px;
        color: #b8bdc9;
        margin-left: -25px;
        margin-top: 14px;
    }

.tab-button {
    color: #b8bdc9;
    font-weight: bold;
    background: #2175b3;
    padding: 10px 30px 10px 13px;
    margin-bottom: 10px;
}

a.tab-button,
a.tab-button .fa {
    color: #b8bdc9;
    text-decoration: none;
}

.tab-button .fa {
    margin-top: 10px;
    font-size: 14px;
    margin-right: 15px;
}

.tab-content .contact-details h2,
.tab-content .contact-details .detail .fa {
    display: none;
}

.tab-content .contact-details .value {
    margin-left: 0;
}

/* Latest info slider. */
.slick-slider {
    margin-bottom: 15px;
}

#LatestInfo .tab-content {
    padding: 0;
    background: #fff;
}

#LatestInfo .latest-info-slider-container {
    margin: 0 30px;
    padding-top: 13px;
}

#LatestInfo .slick-prev,
#LatestInfo .slick-next {
    height: 18px;
    width: auto;
}

#LatestInfo .fake-tab {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
}

#LatestInfo h3,
#LatestInfo .heading {
    color: #000;
    border-bottom: 0;
    font-weight: bold;
}

    #LatestInfo h3 a,
    #LatestInfo .heading a {
        color: #000;
    }

#LatestInfo .latest-info-slide {
    padding: 0 20px;
}

#LatestInfo .view-all-container {
    background: #fff;
    font-weight: bold;
    padding: 10px;
}

    #LatestInfo .view-all-container .view-all {
        text-align: right;
    }

        #LatestInfo .view-all-container .view-all .view-all-text {
            display: block;
            color: #23232b !important;
        }


/*Added on 19/11/2015 upon*/

@media (max-width: 767px) {
    #LatestInfo .fake-tab {
        background-color: #277bb4 !important;
        color: white !important;
    }
    .MainPageContent img {
    width: 100%;
}
}




/* Filters. */
.filter-container {
    background: #f6f7f9;
    padding: 15px 13px 6px 13px;
    border: 1px solid #e5e7eb;
}

    .filter-container .filters {
        font-weight: bold;
    }

        .filter-container .filters li {
            padding-left: 7px;
            padding-right: 7px;
        }

            .filter-container .filters li.clear a {
                color: #3c404b !important;
                font-size: 13px;
            }

                .filter-container .filters li.clear a .fa {
                    color: #277bb4 !important;
                }

            .filter-container .filters li.active a {
                color: #fff !important;
                background: #277bb4;
                padding: 5px 10px;
                border-radius: 3px;
            }

/* Content rollup. */
.rollup li {
    clear: both;
    border-bottom: 1px solid #e4e6eb;
    padding: 20px 0;
}

    .rollup li img {
        width: 157px;
        margin-right: 20px;
    }

    .rollup li h2 {
        font-size: 14px;
        color: #2175b3;
        font-weight: bold;
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

    .rollup li .summary {
        color: #2a2c31;
        line-height: 1.42857143;
    }

    .rollup li a:hover {
        text-decoration: none;
    }

/* Pagination (overrides the Bootstrap styles). */
.pagination {
    margin-bottom: 5px;
}

    .pagination > li > a,
    .pagination > li > span {
        color: #434c5b !important;
        font-weight: 400;
        background: #f4f6f9;
        border: 1px solid #cfd3dd;
        margin-left: 1px;
    }

    .pagination > li:first-child > a,
    .pagination > li:first-child > span,
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        border-radius: 0;
        font-size: 18px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > li.active > a:hover,
    .pagination > li.active > span:hover {
        color: #fff !important;
        background: #434c5b;
        border-color: #434c5b;
        font-weight: 500;
    }

    .pagination > li > a:hover,
    .pagination > li > span:hover {
        background: #cfd3dd;
        border-color: #cfd3dd;
    }

    .pagination > li.ellipsis > a:hover,
    .pagination > li.ellipsis > span:hover {
        background: #f4f6f9;
        border-color: #cfd3dd;
    }

    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > span {
        color: #cfd3dd !important;
        background: #f4f6f9;
        cursor: default;
    }

.pagination-stats {
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-left: 46px;
}

select#SelectPagination {
    color: #4A4A4A;
    outline: none;
    border: none;
}

input#displayValue {
    display: none;
}

#ContentArea ul li a {
    outline: none;
}

/* Media player. */

.mediaplayerTitle {
    padding: 20px 15px !important;
    font-size: 16px;
    background-color: #f4f6f9;
    color: #000000;
}


.media-tabs .nav-tabs li a {
    background-color: #f4f6f9 !important;
}

.media-tabs .nav-tabs .active a {
    background-color: #277bb4 !important;
}

.media-tabs .heading-icon {
    color: #23242b !important;
}

.media-tabs .nav-tabs .active a h2, .media-tabs .nav-tabs .active a div, .media-tabs .nav-tabs .active .heading-icon {
    color: white !important;
}


.media-tabs .nav-tabs .active a:focus, .media-tabs .nav-tabs .active a:hover {
    background-color: #277bb4 !important;
    text-decoration:underline;
}

.media-tabs .nav-tabs a:focus {
    outline-color: #277bb4 !important;
    outline-style: solid !important;
    outline-width: 1px !important;
    outline-offset: -2px !important;
    text-decoration:underline !important;
}





.media-tabs .nav-tabs > li > a > h2 > .fa,
.media-tabs .heading-icon {
    margin: 0 5px 0 0;
    padding: 0 0 0 0;
    color: #b8bdc9;
}

.media-tabs .fake-tab > .fa,
.media-tabs .heading-icon {
    margin: 0 15px 0 0;
    padding: 0 0 0 0;
    color: #b8bdc9;
}

.media-tabs .fake-tab {
    margin-left: -30px;
    margin-right: -15px;
    border-right: 1px solid #dae0e9;
    display: none;
}

.media {
    /*text-align: center;*/
    text-align: left;
    margin-top: 0px;
    font-size: 12px;
    color: #087BB8;
}

.media-tabs .tab-content {
    padding: 15px;
}

.media-tabs .media-transcript {
    padding: 0px;
    /*0px 0px 0px;*/
    color: #000000;
}

.media-tabs ul li a:focus, .media-tabs ul li a:hover /*William added form CR21*/ {
    border-bottom-color: #ddd !important;
    text-decoration:underline;
}

.media-tabs ul li a:hover {
    background-color: #D4d6DB !important;
    text-decoration:underline;
}


.media-tabs .tab-content .tab-pane:not(.active) {
    display: none;
}

.media-tabs ul li {
    margin-bottom: 0px !important;
}


.mediaTitle {
    font-size: 10px;
    padding: 15px;
    display: block;
    background-color: #eceff3;
    color: #23242b;
    text-align: left;
}

audio {
    width: 100%;
    padding-right: 15px;
}

@media (max-width: 767px) {
    .desktopmedia {
        display: none;
    }

    .media-tabs ul li {
        width: 50% !important;
        text-align: center;
    }

        .media-tabs ul li a {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }
}




/* Social media channels. */
#SocialMediaChannels {
    background: #fff;
    border-top: 1px solid #d6dde2;
    padding: 0 15px 0 15px;
}

    #SocialMediaChannels .heading {
        margin: 23px 0 20px 0;
        font-weight: 400;
        font-size: 18px;
        color: #434c5b;
    }

    #SocialMediaChannels img {
        width: 26px;
        height: 26px;
        margin: 0 20px 32px 0;
    }

/* Footer. */
#Footer {
    min-height: 200px;
    padding: 20px;
}

    #Footer a {
        color: #b8bdc9;
    }

        #Footer a:hover {
            text-decoration: underline;
        }

.footer {
    margin-top: 20px;
    color: #b8bdc9;
    padding: 20px;
}

    .footer h4 {
        text-transform: uppercase;
        color: #fff;
    }

    .footer .element {
        padding-right: 15px;
        padding-left: 0px;
        padding-top: 4px;
        padding-bottom: 4px;
        float: left;
    }

.translation .hcenter1 {
    float: left;
    width: 47%;
    text-align: right;
}

.translation .hcenter2 {
    float: left;
    width: 4%;
}

.translation .hcenter3 {
    float: left;
    width: 47%;
    text-align: left;
}

#Translation {
    padding: 0 20px;
}

.translation .flexContent {
    /* display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;*/
    text-align: center;
}

.translation h4 {
    color: #b8bdc9;
    /*text-transform: uppercase;
    padding-top: 12px;*/
    font-size: 13px;
}

.translation {
    color: #b8bdc9;
}

#Translation a {
    color: #b8bdc9;
}

    #Translation a:hover {
        text-decoration: underline;
    }

.translation .element {
    /*padding-right: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;*/
    display: inline-block;
    padding: 0 15px;
}

.translation .vcenter {
    display: inline-block;
    vertical-align: middle;
}

.translation .hcenter {
    display: inline-block;
    width: 100%;
    text-align: center;
}


.translation .trans-icon {
    display: inline-block;
    padding-top: 18px;
    padding-bottom: 18px;
}


.translation .visible-xs .trans-icon {
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.translation .ContentContainer.visible-xs {
    padding-bottom: 15px;
}

/* Copyright bar. */
#CopyrightBar {
    min-height: 35px;
    /*padding: 20px;*/
    padding-left: 20px;
    padding-right: 20px;
}

.copyright {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #b8bdc9;
}

    .copyright .flexContent {
        /* display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;*/
        text-align: center;
    }

    .copyright li {
        padding-right: 15px;
        padding-left: 0px;
        padding-top: 4px;
        padding-bottom: 4px;
        float: left;
        list-style-type: none;
    }

    .copyright .hcenter {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .copyright .copyright-text {
        /*margin-right: 15px;*/
    }

#CopyrightBar a {
    color: #b8bdc9;
    padding: 0 10px;
}

    #CopyrightBar a:hover {
        text-decoration: underline;
    }

/* Search curtain */
.ui-autocomplete-category {
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    border: none;
    background-color: #ffffff;
}

.ui-autocomplete .ui-menu-item {
    padding-left: 10px;
}

    .ui-autocomplete, .ui-autocomplete .ui-menu-item, .ui-autocomplete .ui-menu-item a {
        background-color: #ffffff;
        background: #ffffff;
        background-image: none;
        background-repeat: no-repeat;
        color: #000000;
    }

        .ui-autocomplete .ui-menu-item, .ui-autocomplete .ui-menu-item a {
            margin: 2px;
            border: none;
        }

/* Search curtain end*/

/* Search results */
.results-title {
    margin-top: 0px;
}

.results-count {
    font-weight: bold;
    color: #337AB7;
}

.results-list .result h2 a {
    font-size: 14px;
    font-weight: bold;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.results-list .result h2 {
    margin-top: 15px;
    margin-bottom: 10px;
}

.results-list .summary {
    padding-bottom: 20px;
    margin-bottom: 0px;
    border-bottom: 1px solid #e4e6eb;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

@media (min-width: 991px) {

    .promo-tiles {
        display: block;
    }
}


@media (max-width: 991px) {

    .promo-tiles {
        display: none;
    }
}

.promo-tiles {
    background-color: white;
    margin-top: 100px;
}

.promo-tiles-text {
    margin-bottom: 15px;
    margin-top: 15px;
}

    .promo-tiles-text a {
        color: #23242B;
    }

#ContentContainer {
    min-height: 600px;
}

#ContentContainerInnerInner {
    min-height: 600px;
}


.promo-tiles img {
    max-width: 230px;
}
/* Search results end */

/* XXL sizes. */
.visible-xxl {
    display: none;
}

/* XXS sizes. */
@media (max-width: 414px) {
    .hidden-xxs {
        display: none !important;
    }

    .home-page .galleria-theme-azur .galleria-stage {
        bottom: 0 !important;
    }
}

@media (min-width: 415px) {
    .visible-xxs {
        display: none;
    }

    .tiles-non-mobile .tile-mode-square-image .tile-title {
        font-size: 11px;
    }

    .tiles-non-mobile .tile-mode-square-image .tile-description {
        font-size: 10px;
    }

    #WhatsOnBlock a {
        display: inline;
        margin-top: 0;
    }

        #WhatsOnBlock a .fa-chevron-right {
            font-size: 20px;
        }

    #LatestInfo .latest-info-slide {
        border-right: 1px solid #dae0e9;
    }

    #LatestInfo .slick-active + .slick-active {
        border-right: 0;
    }
}

@media (min-width: 475px) {
    .tiles-non-mobile .tile-mode-square-image .tile-title {
        font-size: 14px;
    }

    .tiles-non-mobile .tile-mode-square-image .tile-description {
        font-size: 11px;
    }

    .tiles-non-mobile .tile-mode-double .tile-title {
        font-size: 20px;
    }
}

@media (min-width: 1200px) {
    /*.ui-autocomplete {
        position: fixed !important;
        top: 110px !important;
    }*/        

    /*.sticky-state .ui-autocomplete {
        top: 63px !important;
    }*/
}

@media (min-width: 768px) {
    /*.ui-autocomplete {
        position: absolute !important;
        top: 110px !important;
    }*/    

    #LogoBar {
        height: 110px;
    }

        #LogoBar .logo {
            width: 177px;
            padding-top: 0;
            margin-top: 30px;
        }

        #LogoBar .searchbox {
            display: block;
        }

    #MobileSearchIcon {
        display: none;
    }

    #HamburgerIcon {
        margin-top: 45px;
        border-right: 0;
        padding: 0;
    }

    #LatestInfo .latest-info-slider-container {
        padding-top: 0;
    }

    .tab-content {
        padding-top: 10px;
    }

        .tab-content .tab-pane:not(.eventDetailTab),
        .tab-content .tab-pane.eventDetailTab {
            display: none;
            visibility: hidden;
        }

        .tab-content .tab-pane.active:not(.eventDetailTab),
        .tab-content .tab-pane.active.eventDetailTab {
            display: block;
            visibility: visible;
        }

    #LatestInfo .nav-tabs > li > a > div {
        font-size: 12px;
        font-weight: bold;
    }

    #LatestInfo .nav-tabs > li > a,
    #LatestInfo .nav-tabs > li.active > a {
        padding-left: 45px;
        padding-right: 45px;
    }

    #LatestInfo .slick-active + .slick-active {
        border-right: 1px solid #dae0e9;
    }

        #LatestInfo .slick-active + .slick-active + .slick-active {
            border-right: 0;
        }

    #LatestInfo .tab-content {
        padding: 13px 0 0 0;
    }

        #LatestInfo .tab-content .tab-pane {
            display: block;
            height: 0;
            overflow-y: hidden;
        }

            #LatestInfo .tab-content .tab-pane.active {
                display: block;
                visibility: visible;
                height: auto;
            }

    #LatestInfo .view-all-container {
        background: #dae0e9;
    }
}

@media (min-width: 992px) {
    #LogoBar .logo {
        margin-left: 10px;
    }

    #MainArea {
        margin-left: 20px;
        margin-right: 20px;
    }

    #ContentContainer {
        border: 1px solid #d5dce1;
        border-top: 0;
        border-bottom: 0;
    }

    .home-page #ContentArea {
        padding: 10px 0;
    }

    .home-page #ContentContainer {
        border: 0;
    }

    #ContentContainerInner {
        width: 100%;
        float: left;
    }

    #ContentContainerInnerInner {
        margin-right: 240px;
    }

    #ContentContainerInnerLower {
        margin: 0;
        /*display:inline-block;*/
    }
    /* .clear {
       clear:none!important;
        
    }
    .clearfixDesktop{
        clear:none!important;
    }*/
}

@media (min-width: 1200px) {
    .left-navigation {
        border: 1px solid #cfd3dd;
        border-top: 0;
    }

    .clearfix1 {
        clear: none !important;
    }

    .navigationleft {
        float: left;
        padding: 10px 0px 10px 0px;
    }

    .tiles-non-mobile .tile-mode-square-image .tile-title {
        top: 77.27%;
        -webkit-transition: top 0.3s ease 0s;
        transition: top 0.3s ease 0s;
    }

    .tiles-non-mobile .tile-mode-square-image:focus .tile-title {
        top: 50%;
    }

    .tiles-non-mobile .tile-mode-square-image:hover .tile-title {
        top: 50%;
    }

    .tiles-non-mobile .tile-mode-double .tile-title {
        top: 0;
        -webkit-transition: top 0.3s ease 0s;
        transition: top 0.3s ease 0s;
    }

    .tiles-non-mobile .tile-mode-double:focus .tile-title {
        top: -30px;
    }

    .tiles-non-mobile .tile-mode-double:hover .tile-title {
        top: -30px;
    }

    .tiles-non-mobile .tile-mode-square-image .tile-description {
        top: 100%;
        color: rgba(0, 0, 0, 0.0);
        -webkit-transition: top 0.3s ease 0s, color 1s ease 0s;
        transition: top 0.3s ease 0s, color 1s ease 0s;
    }

    .tiles-non-mobile .tile-mode-square-image:focus .tile-description {
        top: 72.73%;
        color: rgba(0, 0, 0, 1.0);
    }

    .tiles-non-mobile .tile-mode-square-image:hover .tile-description {
        top: 72.73%;
        color: rgba(0, 0, 0, 1.0);
    }

    .tiles-non-mobile .tile-mode-double .tile-description {
        color: rgba(255, 255, 255, 0.0);
        -webkit-transition: color 0.6s ease 0s;
        transition: color 0.6s ease 0s;
    }

    .tiles-non-mobile .tile-mode-double .tile-overlay-white + .tile-title + .tile-description {
        color: rgba(0, 0, 0, 0.0);
    }

    .tiles-non-mobile .tile-mode-double:focus .tile-description {
        color: rgba(255, 255, 255, 1.0);
    }

    .tiles-non-mobile .tile-mode-double:hover .tile-description {
        color: rgba(255, 255, 255, 1.0);
    }

    .tiles-non-mobile .tile-mode-double:focus .tile-overlay-white + .tile-title + .tile-description {
        color: rgba(0, 0, 0, 1.0);
    }

    .tiles-non-mobile .tile-mode-double:hover .tile-overlay-white + .tile-title + .tile-description {
        color: rgba(0, 0, 0, 1.0);
    }

    #ContentContainer {
        margin-left: 240px;
    }

    #SocialMediaChannels #SocialMediaChannelsInner {
        margin-left: 245px;
    }

    .footer {
        /* margin-left: 230px;*/
        padding: 0 120px;
    }

    .translation {
        /* margin-left: 230px;*/
        padding: 0 120px;
    }

    .copyright {
        /*margin-left: 230px;*/
        padding: 20px 120px 20px 120px;
    }
}

@media (min-width: 1440px) {
    .hidden-xxl {
        display: none !important;
    }

    .visible-xxl {
        display: block;
    }

    #ContentAreaContainer {
        display: table;
        width: 100%;
    }

    #ContentArea {
        display: table-cell;
        max-width: 616px;
    }

    .home-page #ContentAreaContainer {
        display: block;
    }

    .home-page #ContentArea {
        display: block;
        max-width: none;
    }

    #RelatedColumn {
        display: table-cell;
    }

    #RelatedRow {
        display: none;
    }

    /*William added on 10 Jun 2015*/
    #RelatedColumnInner {
        position: absolute;
        top: 20px;
    }


}

@media (min-width: 1480px) {
    #LogoBar .logo {
        margin-left: 0;
    }

    #UtilityBar {
        padding: 0;
    }

    #MainArea {
        margin-left: auto;
        margin-right: auto;
    }
}



/* WILLIAM PART START*/



/*ACCORDION*/
.ms-TPBorder {
    width: 100% !important;
}


.AccordionEditPanelContainer {
    width: 100%;
    padding: 15px;
}


.FAQhead {
    font-size: 20px;
    margin: 25px 0px 25px 0px;
}

.accordionContainer {
    width: 100%;
}

.accordionTitle {
    background-color: #ffffff;
    font-weight: bold;
    padding: 0px 0px 0px 0;
    /*border-bottom: 1px solid #ebedf2;*/
}

.accordionTitleHeader {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    border-bottom: 1px solid #ebedf2;
}

    .accordionTitleHeader:hover {
        font-weight: bold;
        background-color: #f4f6f9;
    }

.accordionTitle:first-of-type {
    border-top: 1px #ebedf2 solid;
}

.plusicon {
    height: 10px;
    color: #b8bdc9;
    text-align: right;
    /*margin-right: 15px;*/
    float: left;
    padding-top: 3px;
    cursor: pointer;
}

.accordionContainer .plusicon {
    color: #000000; /*#23242b;*/
}


.cursorWhenHover:hover,
.accordionQAHeader:hover,
.accordionTitleHeader:hover {
    cursor: pointer;
}

.accordionEdit {
    float: right;
}

.accordionQAHeader { /*NEW */
    /*margin-left: 28px;*/
    margin: 0 0 0 0 !important;
    color: inherit !important;
    font-weight: normal !important;
    line-height: 1.3 !important;
}

.accordionQAHeader h3
{
    font-size: 16px !important;
}

.accordionQAHeader h4
{
    font-size: 14px !important;
}

.accordionQuestion {
    background-color: #ffffff;
    font-weight: bold;
    padding: 20px 10px 20px 31px; /*39*/
    border-bottom: 1px solid #ebedf2;
}

    .accordionQuestion:nth-child(2) {
        border-top: 1px solid #ebedf2;
    }

.accordionQuestionAdhoc {
    background-color: #ffffff;
    font-weight: bold;
    padding: 20px 10px 20px 5px;
    border-bottom: 1px solid #ebedf2;
}

    .accordionQuestionAdhoc:first-of-type {
        border-top: 1px solid #ebedf2;
    }



    .accordionQuestion:hover, .accordionQuestionAdhoc:hover {
        background-color: #f4f6f9;
    }


.accordionAnswer {
    padding: 20px 0px 0px 25px;
    font-weight: normal;
}

#AccordionManualInputTable {
    width: 95%;
    border: 1px solid #dee1e7;
    background-color: #eceff3;
}


    #AccordionManualInputTable table {
        width: 100% !important;
    }

    #AccordionManualInputTable > td {
        padding: 10px;
        text-align: right;
    }

    /*#AccordionManualInputTable input:not(#submitAndCreateFAQ)*/
    #AccordionManualInputTable textarea {
        width: 90%;
    }


.adhocManualInputTables .newAnswer {
    margin-top: 5px;
    margin-bottom: 10px;
    height: 150px;
    resize: none;
    overflow-y: scroll;
}

.adhocManualInputTables .newQuestion {
    resize: none;
    overflow-y: scroll;
}

.addNewRow i, .addNewAdhocRow i {
    padding-right: 11px;
}

.addNewRow, .addNewAdhocRow {
    cursor: pointer;
    padding: 10px;
    /*background-color:rgb(231, 230, 230);*/
}

.InputLabel {
    max-width: 90px;
}

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

#ErrorPoster {
    background-color: #BE4141;
    color: white;
    padding: 15px;
    border: 1px solid #dee1e7;
}

    #ErrorPoster:empty, #NotePoster:empty {
        display: none;
    }

#NotePoster {
    background-color: #eceff3;
    padding: 15px;
    border: 1px solid #dee1e7;
}



.remove {
    cursor: pointer;
}




/* CALL OUT BOX*/

.callOutBoxContainer {
    background-color: #e2ecc7;
    padding: 15px;
    border: 1px solid #008850;
}

.calloutTitle {
    color: #008850;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 500;
}

    .calloutTitle strong {
        font-weight: 500;
    }

    .calloutTitle:empty {
        display: none;
    }

.calloutContent {
}

.calloutMargin {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}

.callOutImage {
    float: right;
    font-size: 32px;
}




/* CALL TO ACTION*/


/*MOBILE*/
@media (max-width: 767px) {

    div#callToActionContainer.WithCaption {
        padding: 20px;
        /*new*/
        border: #CFD3DD solid 1px;
        border-radius: 4px;
        background-color: #f4f6f9;
        padding: 10px 25px 10px 25px;
        display: inline-block;
    }

    div#callToActionContainer.NoCaption {
        padding: 5px 10px 5px 10px;
    }


    div#callToActionContainer.WithCaption .callToActionCaption {
        margin-bottom: 16px;
        float:left;
    }

    div#callToActionContainer.NoCaption .callToActionCaption {
        display: none;
    }


    div#callToActionContainer a {
        width: 100%;
    }
}



/*LARGE SCREEN*/
@media (min-width: 768px) {
    .MobileTel {
        display: none;
    }

    div#callToActionContainer.WithCaption {
        border: #CFD3DD solid 1px;
        border-radius: 4px;
        background-color: #f4f6f9;
        padding: 10px 25px 10px 25px;
    }

    div#callToActionContainer.NoCaption .callToActionCaption {
        display: none;
    }



    div#callToActionContainer {
        display: inline-table;
        text-align: left;
    }

    #callToActionContainer .callToActionCaption {
        vertical-align: middle;
        display: table-cell;
        text-align: left;
        width: 100%;
    }

        #callToActionContainer .callToActionCaption div {
            float: left;
        }

    #callToActionContainer a {
        margin-left: 17px !important;
        display: table-cell;
    }
}




#callToActionContainer {
    width: 100%;
}




    #callToActionContainer .callToActionCaption:empty {
        display: none;
    }

    #callToActionContainer .callToActionCaption {
        font-size: 14px !important;
        color: #000000;
    }



    #callToActionContainer a {
        border: none;
        padding: 8px 30px;
        background-color: #277BB4;
        color: #ffffff !important;
        font-size: 12px;
        cursor: pointer;
        display: inline-block;
        margin: 3px 2px;
        border-radius: 5px;
        transition: all 0.3s ease 0s;
        text-transform: uppercase;
        font-family: "Gotham SSm A", "Gotham SSm B" !important;
        text-decoration: none;
        text-align: center;
        white-space: nowrap;
    }

        #callToActionContainer a:hover {
            background-color: #508fba;
        }


        #callToActionContainer a[value="Submit"] {
            background-color: #008850;
        }

            #callToActionContainer a[value="Submit"]:hover {
                background-color: #29a572;
            }

        #callToActionContainer a[value="Report"] {
            background-color: #e50e56;
        }

            #callToActionContainer a[value="Report"]:hover {
                background-color: #f65188;
            }

        #callToActionContainer a[value="Register"] {
            background-color: #277BB4;
        }

            #callToActionContainer a[value="Register"]:hover {
                background-color: #508fba;
            }

        #callToActionContainer a[value="Apply"] {
            background-color: #277BB4;
        }

            #callToActionContainer a[value="Apply"]:hover {
                background-color: #508fba;
            }

        #callToActionContainer a[value="Subscribe"] {
            background-color: #277BB4;
        }

            #callToActionContainer a[value="Subscribe"]:hover {
                background-color: #508fba;
            }








/*Road Closure*/
table[summary="Road closures"] {
    border-collapse: collapse;
    border: 1px #CCCCCC solid;
    width: 100%;
}

    table[summary="Road closures"] th {
        background-color: #30323C;
        color: white;
        text-align: center;
        padding: 5px;
        border: 1px solid #CCCCCC;
    }

    table[summary="Road closures"] td {
        text-align: center;
        border-collapse: collapse;
        border: 1px solid #CCCCCC;
        padding: 5px;
    }

/*#alternative table row color  */

table.alternative_color tr:nth-child(even) {
    background: #CCCCCC;
}

table.alternative_color tr:nth-child(odd) {
    background: #f4f6f9;
}


/*#endregion */



/* Image Gallery*/



.ImageGalleryContainer {
    /*background-color: #23242b;
    padding-top: 30px;
    padding-bottom: 2px;
    margin-bottom: 15px;*/
    width: 100%;
    max-width: 100%;
}

.galleria-theme-azur .galleria-info-title, .galleria-theme-azur .galleria-info-description {
    padding-right: 0px !important;
}

.galleria-lightbox-info {
    display: none !important;
}

.galleria-theme-azur .galleria-image-nav-right {
    /*background: url('/system/js/Galleria/themes/AzurTheme/nav.png') 97% 4% no-repeat !important;*/
    background: url('/system/js/Galleria/themes/AzurTheme/carousel-right.png') 54% 48% no-repeat !important;
    z-index:3;
}

.galleria-theme-azur .galleria-image-nav-left {
    /*background: url('/system/js/Galleria/themes/AzurTheme/nav.png') 4% 4% no-repeat !important;*/
    background: url('/system/js/Galleria/themes/AzurTheme/carousel-left.png') 35% 48% no-repeat !important;
    z-index-3;
}


.galleria-theme-azur .galleria-image-nav-right {
    opacity: 1 !important;
    right: 0px !important;
}

.galleria-theme-azur .galleria-image-nav-left {
    opacity: 1 !important;
    left: 0px !important;
}


.galleria-theme-azur .galleria-image-nav-manualStartStop {
    z-index: 2;
    opacity: 1;
    right: 0px;
    top: 0px;
    width: 55px;
    height: 55px;
    position: absolute;
    /*background: url('/system/js/Galleria/themes/AzurTheme/carousel-pause.png') 50% 50% no-repeat !important;*/
    cursor: pointer;
}

    .galleria-theme-azur .galleria-image-nav-manualStartStop.pause {
        background: url('/system/js/Galleria/themes/AzurTheme/carousel-pause.png') 50% 50% no-repeat !important;
    }

    .galleria-theme-azur .galleria-image-nav-manualStartStop.play {
        background: url('/system/js/Galleria/themes/AzurTheme/carousel-play.png') 50% 50% no-repeat !important;
    }


.galleria-theme-azur canvas {
    top: -100px !important;
    left: -100px !important;
    /*display: none !important;*/
}

.galleria .galleria-theme-azur .galleria-info-title {
    font: 18px "GothamHTF-Light", "Gotham SSm A", "Gotham SSm B" !important;
    padding-top: 7px;
    /*padding-bottom: 3px;*/
    margin-bottom: 18px; /*testing*/
    line-height: 1.35em;
}

.galleria .galleria-theme-azur .galleria-info-description {
    font: 12px "GothamHTF-Book", "Gotham SSm A", "Gotham SSm B" !important;
    margin: 0px 14px 20px !important;
    line-height: 1.35em;
    padding-top: 0px; /*testing*/
}

@media (max-width: 1023px) {
    .desktopmedia {
        display: none;
    }
}

@media (min-width: 1024px) {
    .ipadmedia {
        display: none;
    }
}

@media (min-width: 1200px) {

    #ContentContainerInnerLower {
        /*display:inline-block;*/
        float: left;
        width: 100%;
    }

    #ContentContainerInner + .noindex + .clear {
        clear: none !important;
    }

    .clearfixDesktop {
        clear: none !important;
    }
}

/*for mobile*/
@media (max-width: 767px) {
    .galleria .galleria-theme-azur .galleria-info-title {
        font-size: 13px !important;
        padding-top: 3px;
        padding-bottom: 3px;
        margin: 6px 9px;
    }

    .DesktopTel {
        display: none;
    }

    .galleria .galleria-theme-azur .galleria-info-description {
        display: none !important;
    }
}




/*override*/
.galleria-theme-azur .galleria-fullscreen {
    left: 50px !important;
}

.galleria-theme-azur .galleria-fullscreen {
    background-image: none !important;
    text-align: center;
}

    .galleria-theme-azur .galleria-fullscreen i {
        padding-top: 10px;
        font-size: 1.6em;
    }

.galleria .galleria-info {
    bottom: 0px !important;
    opacity: 1 !important;
}

.galleria .galleria-play:focus, .galleria .galleria-fullscreen:focus {
    outline: white 1px dotted;
    outline-offset: -4px;
}

.galleria .galleria-theme-azur .galleria-fullscreen, .galleria .galleria-theme-azur .galleria-play {
    background-color: #000000;
}

.galleria-theme-azur .galleria-info {
    background-color: rgba(0,0,0,0.75) !important;
}



/* Image Carousel*/
.carousel .galleria-bar {
    /*display: none;*/
    position: absolute;
    top: -40px;
    z-index:0;
}

.carousel .galleria-info {
    /*bottom: 0px !important;
        opacity: 1 !important;
        background: url(bg.png) rgba(255,255,255,0.9) !important;
        color: black !important;*/
    bottom: 0px !important;
    opacity: 1 !important;
    background: rgba(0,0,0,0.75) !important;
    color: #fff !important;
}

.carousel .galleria-info-description,
.carousel .galleria-captionclose,
.carousel .galleria-counter,
.galleria .galleria-captionclose {
    /* display: none !important;*/
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
}

.carousel .galleria-counter {
    opacity: 1 !important;
    top: 6px !important;
}

.carousel .galleria-theme-azur .galleria-info-title {
    font: 18px "GothamHTF-Light", "Gotham SSm A", "Gotham SSm B" !important;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.35em;
    font-weight: normal !important;
    font-size: 18px !important;
}

.carousel .galleria-theme-azur .galleria-info-description {
    font: 12px "GothamHTF-Book", "Gotham SSm A", "Gotham SSm B" !important;
    /*margin: 0px 14px 20px !important;*/
    line-height: 15px;
}



/*for mobile*/
@media (max-width: 767px) {
    .carousel .galleria-theme-azur .galleria-info-title {
        font-size: 15px !important;
        /*padding-top: 3px;*/
        padding-bottom: 7px;
        margin: 5px 9px;
    }
}










/*Event Pages*/
.extraRows {
    clear: both;
    padding-top: 20px;
}

#eventContainer {
    width: 100%;
}


div#SessionsPanelContainer .ms-dttimeinput { /* session date time manager, hide time fieds*/
    display: none;
}

.tagsCheckboxes {
    margin-left: 57px;
}

    .tagsCheckboxes td input[type='checkbox'] {
        margin: 0 10px 0 0 !important;
    }

    .tagsCheckboxes td label {
        margin-bottom: 0px !important;
    }

.EventTermsContainer .alert-success {
    padding: 5px 5px 5px 11px !important;
}

    .EventTermsContainer .alert-success i {
        margin-right: 9px;
    }


@media (max-width:580px) {
    .EventPageContainer {
        /*William removed on 4 Jun for Image gallery problem*/
        /*display:table;*/
    }


    #pageImage {
        width: 100%;
        margin-bottom: 10px;
    }

    .EventPageContainer #right {
        width: 100%;
        padding-left: 0px !important;
        /*display:table-footer-group;*/ /*William removed on 18 Jun for event detail width when mobile*/
    }


    .EventPageContainer #left {
        width: 100%;
        /*display:table-row-group;*/ /*William removed on 4 Jun for Image gallery problem*/
    }

    .event-details h2 {
        margin-top: 13px !important;
    }
}



@media (min-width:581px) and (max-width:1200px) {
    #pageImage {
        width: 100%;
        margin-bottom: 10px;
    }

    .EventPageContainer #left {
        width: 50%;
        float: left;
    }

    .EventPageContainer #right {
        width: 50%;
        float: right;
    }

    .event-details h2 {
        margin-top: 13px !important;
    }

    h2.related-title.promo-tile
    {
        padding-top:15px;
    }
}


@media (min-width:1201px) {
    .EventPageContainer {
    }

    #pageImage {
        float: left;
        width: 65%;
    }

    .EventPageContainer #left {
        float: left;
        width: 65%;
        padding-right: 0px;
    }

    .EventPageContainer #right {
        padding-right: 0px;
        float: right;
        width: 35%;
    }


    .event-details h2 {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
}




/*Event Finder*/


.eventfinderContent .eventDetailsRow > div hr {
    margin-top: 15px;
    margin-bottom: 30px;
}

.eventfinderContent .eventDetailsRow > div:last-child hr {
    display: none;
}


.eventfinderContent .eventDetailsRow .clearfix {
    height: 15px;
}


.mobiScrollerEventselector {
    font-size: 17px;
    margin-bottom: 7px;
}

    .mobiScrollerEventselector .btn {
        padding: 0px 5px !important;
        min-width: inherit !important;
        top: -3px;
        font-size: 17px !important;
        color: #277bb4;
        text-decoration: underline;
        text-decoration-color: #277bb4;
    }

    .mobiScrollerEventselector .dropdown-menu li {
        margin-top: 4px;
        margin-bottom: 4px;
        list-style-type: none !important;
    }

    .mobiScrollerEventselector .dropdown-menu > li > a:hover {
        background-image: none !important;
        background-color: #277bb4 !important;
        color: white !important;
    }


.eventDetailsRow .TopLeftDate {
    padding: 24px 7px;
    position: absolute;
    top: 10px;
    height: 90px;
    width: 90px;
    font-weight: 300;
    left: 0;
    color: #ffffff;
    background-color: rgba(0,0,0,0.7);
    text-overflow: ellipsis;
    /*text-transform: uppercase;*/
    /*font-weight: bold;*/
    text-align: left;
    font-size: 16px;
}

.eventDetailsRow .event-details {
    color: #000000;
}



.eventfinderContainer {
    width: 100%;
}


#datesScroll .disabled, #datesScroll .disabled:hover {
    color: #cfd3dd;
}

#sevenDays {
    font-size: 11px;
    font-weight: bold;
    color: #277bb4;
    padding: 16px 12px;
    background-color: #f6f7f9;
    display: inline-block;
    width: 111px;
    text-align: center;
}

#thirtyDays {
    font-size: 11px;
    font-weight: bold;
    color: #277bb4;
    padding: 16px 12px;
    background-color: #f6f7f9;
    display: inline-block;
    width: 111px;
    text-align: center;
}

#sevenOrthirty .DaysSelected {
    border: 1px solid #cfd3dd;
    background-color: #ffffff;
}

#sevenOrthirty {
    padding-bottom: 8px;
    cursor: pointer;
    display: none;
}

#showSelector { /* Select of event categories*/
    float: right;
    padding: 12px 15px 9px;
}

    #showSelector select { /*added on 14.7.2015*/
        border: 1px solid !important;
        border-color: rgba(18,38,69,0.15) !important;
        border-radius: 4px;
        font-size: 11px;
        max-width: 172px;
        /*height: 27px;
  padding-left: 3px; 
  padding-right: 3px;*/
        padding: 4px;
    }

#datesBar {
    font-size: 11px;
    font-weight: bold;
    color: #23242b;
    padding: 5px 15px;
    border-right: #d7dae1;
    background-color: #f6f7f9;
    border-top: 1px solid #cfd3dd;
    border-left: 1px solid #cfd3dd;
    border-right: 1px solid #cfd3dd;
    border-bottom: 1px solid #b8bdc9;
    display: none;
}

    #datesBar i {
        /*vertical-align:-13% !important;*/
        vertical-align: text-top;
    }

.popover {
    font-family: 'Gotham SSm A', 'Gotham SSm B' !important;
}

#daysList {
    display: inline;
    font-size: 11px;
    font-weight: bold;
    color: #23242b;
    /*hover and selected: #277bb4;*/
    padding: 0px 5px;
    background-color: #f6f7f9;
}

    #daysList li {
        text-align: center;
        width: 27px;
        cursor: pointer;
        list-style-type: none;
        display: inline-block;
        /* padding-left: 8px; */
        /* padding-right: 8px; */
        border-right: 1px solid #cfd3dd;
    }

        #daysList li:last-child {
            border-right: none;
        }
        
        #daysList li:hover, #daysList li.dateSelected {
            color: #277bb4;
        }


#datesScroll {
    float: left;
    margin-top: 3px;
}



#datesFromTo {
    float: right;
    padding-top: 5px;
}

    #datesFromTo * {
        display: inline-block;
    }

.btn_Go {
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    margin: 3px 2px;
    border-radius: 5px;
    transition: all 0.3s ease 0s;
    padding-top: 3px !important;
    padding-bottom: 5px !important;
    margin-top: 0px !important;
    border: none !important;
    background-color: #277BB4 !important;
    color: #ffffff !important;
}

.arrows {
    height: 10px;
    cursor: pointer;
}

#prev {
    padding-left: 13px;
}

#next {
    padding-right: 10px;
}





.ui-widget, .ui-datepicker table {
    font-size: 11px !important;
}





.dateSelectWrapper {
    display: inline-block;
    padding-top: 4px;
    margin-bottom: 7px;
    vertical-align: middle;
    font-size: 0;
    white-space: nowrap;
    padding-left: 5px;
}

    .dateSelectWrapper .add-on {
        margin-left: -1px;
        display: inline-block;
        width: auto;
        height: 22px;
        min-width: 16px;
        padding: 0px 8px;
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        text-align: center;
        text-shadow: 0 1px 0 #ffffff;
        background-color: white;
        border: 1px solid rgba(0,0,0,.15);
        color: rgb(205, 205, 205) !important;
        border-radius: 0 4px 4px 0;
    }

    .dateSelectWrapper + div {
        padding-left: 7px;
        /* color: #cfd3dd;*/
    }

.datepicker {
    display: inline-block;
    border-radius: 4px 0 0 4px;
    display: block;
    width: 85px;
    position: relative;
    left: 0;
    outline: none;
    border: 1px solid !important; /*#5d616c*/
    border-color: rgba(18, 38, 69, 0.15) !important;
    font-size: 11px;
    border-right: none;
    text-transform: uppercase;
    margin-top: -10px;
    height: 22px;
    width: 67px;
}



.btn_Go:hover {
    background-color: #508fba !important;
}



.eventDetailsRow {
    padding-top: 15px;
    padding-bottom: 5px;
}

#eventContainer:after {
    content: " ";
    clear: both;
}

#eventContainer #left {
    width: 55%;
    float: left;
    padding-right: 25px;
}


#eventContainer #right {
    float: right;
    width: 45%;
    border-left: 2px solid #eaeaeb;
    padding-left: 30px;
}

#eventContainer #left img {
    width: 100%;
}



#left .ContentImage {
    position: relative;
    margin-bottom: 16px;
    min-height: 155px;
}

    #left .ContentImage .ContentImageCaption {
        font-size: 15px;
        width: 100%;
        position: absolute;
        bottom: 0px;
        padding: 7px;
        color: #ffffff;
        background-color: rgba(0,0,0,0.7);
        max-height: 53px;
        text-overflow: ellipsis;
    }



.bookingButton {
    width: 100% !important;
    background-color: #277bb4;
    /* border: 1px solid;*/
    cursor: pointer;
    /*height: 30px;*/
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 6px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
}

    .bookingButton * {
        color: white !important;
    }

    .bookingButton .value {
        padding: 10px;
        font-weight: bold;
    }

    .bookingButton .fa.fa-ticket {
        padding-top: 4px !important;
    }


.eventfinderContent .bookingButton .fa.fa-ticket {
    padding-top: 2px !important;
}


/*new booking button override*/
.eventDetailsRow .bookingButton {
    background-color: white;
    border: 1px solid #277bb4;
}

    .eventDetailsRow .bookingButton * {
        color: #277bb4 !important;
    }





.sessionDate {
    /*padding-top:12px;*/
    padding-left: 30px;
    font-size: 11px;
    font-weight: bold;
}

.sessionDatePopover {
    font-size: 12px;
    font-weight: bold;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
}

.sessionDescription {
    font-weight: normal !important;
    padding-left: 30px;
    font-size: 11px;
}

.sessionDescriptionPopover {
    font-weight: normal !important;
    font-size: 11px;
    padding-bottom: 6px;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
}


.sessionDescription:not(:last-child) {
    padding-bottom: 6px;
}


/*event finder on phone*/
@media (max-width: 768px) {
    /* .btn_Go{width:90%; margin-top:4px !important;}

     #eventContainer #left{ 
         width:100%; 
         float:none; 
         padding-right:0px;

     }
     #eventContainer #right{
        float: none;
        width: 100%;
        border:none;
        padding-left: 0px;
        padding-top:10px;
     }

     .eventfindContainer .event-details > h2 {
       display: none;
     }
     
     #datesFromTo {
     text-align:center;
    }
    ABOVE IS PREVIOUS CODE  */


    .btn_Go {
        width: 90%;
        margin-top: 4px !important;
    }

    #eventContainer #left {
        width: 100%;
        float: none;
        padding-right: 0px;
    }

    #eventContainer #right {
        float: none;
        width: 100%;
        border: none;
        padding-left: 0px;
        padding-top: 10px;
    }

    .eventfindContainer .event-details > h2 {
        display: none;
    }

    #datesFromTo, #datesBar {
        text-align: center;
    }




    #sevenDays {
        width: 49%;
    }

    #thirtyDays {
        width: 49%;
    }

    #showSelector {
        padding: 21px 15px 6px;
    }

    #daysList {
        /*width:79%;*/
    }

        #daysList li {
            /*width:21px !important;*/
            width: 9%;
        }

    #datesScroll {
        width: 100%;
    }


    #datesFromTo {
        width: 100%;
    }

    #fromDate, #toDate {
        width: 48px;
        font-size: 9px;
        padding: 1px 0px 1px 5px !important;
    }

    .dateSelectWrapper {
        padding-left: 2px !important;
    }

        .dateSelectWrapper + div {
            padding-left: 1px !important;
        }
}






/* Event details. */

#EventDetails {
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*-ms-word-break: break-all;*/
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    background-color: #f5f6fa;
}


.event-details h2 {
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 4px solid #edf0f3;
    margin-bottom: 4px !important;
    margin-top: 20px;
    color: #277bb4;
}

    .event-details h2.gettingthere {
        border-top: 4px solid #edf0f3;
        border-bottom: none !important;
        padding-top: 10px !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        margin-top: 12px !important;
    }


.event-details .detail {
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: #EAEAEB 1px solid;
    font-size: 11px;
    word-wrap: break-word;
}

    .event-details .detail.lastDetail {
        border-bottom: none !important;
    }

    .event-details .detail .eventTag {
        font-weight: normal;
    }

.detail .value p {
    margin: 0px !important;
    line-height: 1 !important;
}


.event-details .fa {
    float: left;
    padding-top: 2px;
    text-align: center;
    width: 20px;
    color: #BDC2CD;
}

.eventfinderContent .event-details .fa {
    float: left;
    padding-top: 0px;
    text-align: center;
    width: 20px;
    color: #BDC2CD;
}


.event-details .fa.noFloat {
    float: inherit;
}

.COMBlue {
    color: #337ab7 !important;
}

.event-details .NonBold {
    font-weight: normal !important;
}


.event-details .eventTag {
    display: inline;
}



    .event-details .eventTag:not(:first-of-type) {
        margin-left: 10px;
    }






.event-details .detail .value {
    margin-left: 30px;
}

.event-details .bookingButton {
    /*width: 189px !important;*/
}

.event-details .bookingBtnContainer {
    border-bottom: #EAEAEB 1px solid;
}

.event-details .bookingButton .value {
    padding: 4px;
    font-weight: bold;
    font-size: 12px;
}

.event-details #Map {
    margin-top: 5px;
}

.EventPageContainer {
    width: 100%;
}

    .EventPageContainer .ms-rtestate-field img {
        width: 100%;
    }

.clearfix {
    clear: both;
}


.EventPageContainer #left {
    padding-top: 20px;
    padding-right: 10px;
}


.EventPageContainer #right {
    padding-left: 10px;
}


.EventPageContainer .clearfix {
    height: 16px;
}

.EventPageContainer #right #EventDetails .specialPosition {
    /*padding-top:13px;*/
}



/* Event Session details. */
.session-details h2 {
    font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 4px solid #edf0f3;
}

.session-details .detail {
    margin-bottom: 8px;
    font-size: 11px;
}

.session-details .fa {
    float: left;
    padding-top: 4px;
    text-align: center;
    width: 20px;
    color: #BDC2CD;
}

.session-details .detail .value {
    margin-left: 30px;
}

.session-block {
    padding-bottom: 5px;
    border-bottom: #EAEAEB 2px solid;
    margin-bottom: 5px;
}

/*Event session tabs  public transport*/
#Transport .nav-tabs > li > a {
    border-radius: 2px 2px 0 0 !important;
    text-transform: uppercase;
    font-weight: bold;
}

#Transport .nav > li > a {
    padding: 3px 4px !important;
}

#Transport > .tab-content {
    padding: 10px 9px 1px 9px !important;
    /*background-color: rgb(245, 245, 245);*/
    background-color: white;
    font-size: 11px;
    border: none !important;
}

#Transport {
    margin-top: 5px;
    margin-bottom: 4px; /*25px*/
}

    #Transport .nav-tabs li {
        text-align: center;
        width: 33.3%;
        margin-bottom: 0px !important;
    }

    #Transport .nav-tabs > li.active > a {
        color: white !important;
        /*background-color: #5D6370 !important;*/
        background-color: white;
        border: 1px solid transparent !important;
    }

    #Transport .nav-tabs > li:not(.active) > a:hover {
        color: #000000 !important;
    }


    #Transport .nav-tabs > li > a {
        color: black;
        background-color: #DAE0E9;
        /*background-color:white;*/
    }

    #Transport .nav-tabs {
        border-bottom: none !important;
    }




/*  Event Summary  */

#left #Summary {
    padding-bottom: 34px;
    font-size: 15px;
}


.FirstEvent {
    position: relative;
}

    .FirstEvent img {
        width: 100%;
        max-width: 100%;
        max-height: 100%;
    }

.EventSumContainer a {
    display: block;
}

.EventSumContainer .clearfix { /*William Added this on 7 Sep 2015*/
    height: inherit !important;
}

.eventDetailsRow .EventSummary {
    position: relative;
}

    .eventDetailsRow .EventSummary .readmore {
        position: absolute;
        right: 0px;
        bottom: 0px;
        background-color: white;
        padding-left: 30px;
        color: #087bb8 !important;
        font-weight: 500;
    }

.EventSumContainer .OtherEvents .popover-content {
    font-size: 11px;
    color: #23242b;
    padding: 15px;
    background-color: rgba(255,255,255,0.9) !important;
}

.EventSumContainer .OtherEvents a {
    color: #23242b !important;
}





.FirstEvent .TopLeftDate {
    padding: 13px 9px;
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    background-color: rgba(0,0,0,0.7);
    text-overflow: ellipsis;
    /*text-transform: uppercase;*/
    font-weight: 300;
    text-align: center;
    height: 80px;
    width: 80px;
}

.TopLeftDate .Day {
    font-size: 18px;
    line-height: 1.38em;
}

.TopLeftDate .Month {
    font-size: 18px;
    line-height: 1.38em;
}


.FirstEvent .BottomDesc {
    padding: 8px 10px 2px 10px;
    font-size: 15px;
    width: 100%;
    color: #ffffff !important;
    position: absolute;
    bottom: 0px;
    background-color: rgba(0,0,0,0.7);
    text-overflow: ellipsis;
    max-height: 58px;
    overflow: hidden;
    border-bottom: 8px rgba(128, 111, 111, 0) solid;
}

    .FirstEvent .BottomDesc * {
        color: #ffffff !important;
        font-size: 20px !important;
    }

.EventTitle {
    padding: 13px 10px 13px 10px;
    color: black;
    /*font-weight: bold;*/
}

    .EventTitle .summaryLeftDay { /*William Added this on 7 Sep 2015*/
        float: left;
        width: 20px;
        font-weight: bold;
    }

    .EventTitle .summaryLeftMonth { /*William Added this on 7 Sep 2015*/
        float: left;
        width: 49px;
        font-weight: bold;
    }

.OtherEvents:nth-child(odd) .EventTitle {
    background-color: white;
    padding: 3px 10px 3px 10px;
}

.OtherEvents:nth-child(even) .EventTitle {
    border: rgb(234, 234, 234) 1px solid;
    background-color: #F5F6F6;
    padding: 13px 9px 13px 9px;
}



.EventTitle a {
    display: block;
    float: left;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .EventTitle a:visited {
        color: black;
    }


.EventTitle i {
    float: right;
    color: rgb(167, 180, 200);
}

    .EventTitle i:hover {
        color: rgb(39, 123, 180);
        cursor: pointer;
    }


.OtherEvents {
    padding-top: 13px;
}


.SeeAllEvents {
    padding: 13px 10px 13px 10px;
    color: white;
    font-weight: bold;
    background-color: #337ab7;
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
}

    .SeeAllEvents:visited {
        color: white;
    }

.eventDetailsRow .event-details h2 {
    margin-top: 0px;
    font-size: 18px;
}


/*LIGHT BOX*/

.LightBoxWebpartZoneWrap {
    float: left;
    margin: 0px 15px 15px 0px;
    /*added by William on 29/09/2015*/
    display: block !important;
}

.LightBoxWebpartContainer {
    min-height: 50px;
    min-width: 50px;
    position: relative;
}


    .LightBoxWebpartContainer .ContentImage img {
        max-height: 100% !important;
        max-width: 100% !important;
        width: 100%;
    }




.ContentImageCaption {
    position: absolute;
    bottom: 0px;
    background-color: #000000;
    opacity: 0.9;
    width: 100%;
}

    .ContentImageCaption div {
        color: #ffffff;
        font-size: 11px;
        padding: 6px;
        padding-left: 10px;
        width: 85%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ContentImageCaption i {
        position: absolute;
        right: 0px;
        /*bottom: 18px;*/
        bottom: 4px;
        /*height: 2px;*/
        height: 20px;
        color: #C8C6C6;
        margin-right: 10px;
        cursor: pointer;
        font-size: 1.7em;
        /*line-height:0.75em;*/
        vertical-align: -15%;
    }

        .ContentImageCaption i:hover {
            cursor: pointer;
            color: #525151;
        }


h2.ContentImageCaption {
    margin: 0px;
}


.LightBoxWebpartContainer .Modal {
    display: none;
    z-index: 200;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    position: fixed;
}

    .LightBoxWebpartContainer .Modal .ModalGray {
        position: fixed;
        width: 100%;
        background-color: #23242b;
        height: 100%;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        /* IE 5-7 */
        filter: alpha(opacity=80);
        /* Netscape */
        -moz-opacity: 0.8;
        /* Safari 1.x */
        -khtml-opacity: 0.8;
        /* Good browsers */
        opacity: 0.8;
    }



    .LightBoxWebpartContainer .Modal .ModalWindow {
        border-radius: 5px;
        margin: 0 auto;
        top: 83px;
        /*width: 800px;
            height: 640px;*/
        background-color: white;
        position: relative;
    }



.ModalWindow > i {
    position: absolute;
    right: 0px;
    top: -29px;
    color: #ffffff;
    cursor: pointer;
}




.LightBoxImage {
    height: 100%;
    width: 72%;
    box-sizing: border-box;
    text-align: center;
    padding: 3px;
    float: left;
    background-color: #ffffff;
    border-radius: 5px;
    /* Internet Explorer 10 
        display: -ms-flexbox;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        /* Firefox 
        display: -moz-box;
        -moz-box-pack: center;
        -moz-box-align: center;
        /* Safari, Opera, and Chrome 
        display: -webkit-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        /* W3C 
        display: box;
        box-pack: center;
        box-align: center;*/
}

.LightBoxControl {
    height: 100%;
    width: 28%;
    box-sizing: border-box;
    float: right;
    /*padding: 12px;*/
    padding: 19px 12px 12px 12px;
    background-color: #eceff3;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow-y: auto;
}


    .LightBoxControl div {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .LightBoxControl h2 {
        padding-top: 0px;
        padding-bottom: 6px;
        border-bottom: rgb(181, 181, 181) 1px dotted;
        /*font-size: 1.2em;*/
    }

.LightBoxWebpartContainer h2, .ModalWindow h3 {
    color: #2D7EB5;
    text-align: left;
    margin: 4px 0 15px 10px !important; /*ADDED ON 30.09*/
}

.ModalWindow h3 {
    font-size: 17px !important;
}


.LightBoxImageTitle {
    height: 15%;
}
/*ADDED ON 30.09*/

.LightBoxImage .responsive-container {
    height: 80%;
}
/*ADDED ON 30.09*/




.LightBoxControl i {
    padding-right: 7px;
    padding-left: 11px;
}

.LightBoxControl h2.SummaryArea {
    margin-top: 18px;
}

.LightboxImageSummary {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    margin-left: 10px;
}


.LightBoxImage img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.LightBoxImage .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}


.LightBoxImageTitle {
    padding: 12px;
}


@media (max-width: 580px) {
    .LightBoxWebpartZoneWrap {
        display: none !important;
    }
}

.LightboxFileDownloadOverride {
    display: inline-block;
    font-size: 11px;
    /*padding: 5px 10px 6px 20px;*/
    padding: 5px 4px 6px 4px;
    border-right: 1px solid #dee1e7;
    text-transform: uppercase;
    width: 75px;
    vertical-align: top;
}


@media (max-width: 767px) {
    .Modal .ModalWindow {
        width: 427px;
        height: 382px;
    }

    .ModalWindow h2 {
        font-size: 15px !important;
    }

    .ModalWindow h3 {
        font-size: 15px !important;
    }

    .ModalWindow h3, .LightboxImageSummary {
        margin-left: 0px !important;
    }

    .ModalWindow .FileSize {
        display: none;
    }


    /*.LightBoxWebpartContainer .expandIcon{
            display:none;
        }*/
    .LightboxFileDownloadOverride {
        border-right: none !important;
        padding-left: 21px !important;
    }
}

@media (min-width: 768px) {
    .Modal .ModalWindow {
        width: 670px;
        height: 565px;
    }
}


@media (min-width: 991px) {
    .Modal .ModalWindow {
        width: 800px;
        height: 662px;
    }

    .LightboxFileDownloadOverride {
        width: 100px;
    }
}




.responsive-container {
    position: relative;
    width: 100%;
}

.dummy {
    padding-top: 100%; /* forces 1:1 aspect ratio */
}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center; /* Align center inline elements */
    font: 0/0 a;
}

    .img-container:before {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .img-container img {
        vertical-align: middle;
        display: inline-block; /*width:98%;*/
    }


.ControlPropertiesValidation:empty {
    display: none;
}


.ControlPropertiesValidation {
    background-color: #fff19d !important;
    border-color: #d7d889 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #dee1e7;
}

    .ControlPropertiesValidation li {
        padding-left: 7px;
        font-size: 15px;
    }



/*IMAGE GALLERY MANAGER START*/

#ImageGalleryManualInputTable td {
    padding: 10px;
    text-align: right;
}

#ImageGalleryManualInputTable {
    width: 95%;
    border: 1px solid #dee1e7;
    background-color: #eceff3;
}

    #ImageGalleryManualInputTable textarea {
        width: 90%;
    }


.GalleryManualInputTables .newCaption {
    margin-top: 5px;
    height: 60px;
    resize: none;
    overflow-y: scroll;
}

.GalleryManualInputTables .newDesc {
    margin-top: 10px;
    height: 70px;
    resize: none;
    overflow-y: scroll;
}

.GalleryManualInputTables .newAltText {
    margin-top: 10px;
    height: 60px;
    resize: none;
    overflow-y: scroll;
}

.GalleryManualInputTables .newImageID {
    width: 83px;
    padding: 3px;
}



.addNewImageRow i {
    padding-right: 11px;
}

.addNewImageRow {
    cursor: pointer;
    padding: 10px;
    /*background-color:rgb(231, 230, 230);*/
}


/*IMAGE GALLERY MANAGER ENDS*/


/*IMAGE Carousel MANAGER START*/

#ImageCarouselManualInputTable td {
    padding: 10px;
    text-align: right;
}

#ImageCarouselManualInputTable {
    width: 100%;
    border: 1px solid #dee1e7;
    background-color: #eceff3;
}

    #ImageCarouselManualInputTable textarea {
        /*width: 90%;*/
    }


.CarouselManualInputTables .newCaption {
    margin-top: 10px;
    /*height: 60px;*/
    resize: none;
    overflow-y: scroll;
}

.CarouselManualInputTables .newImageTitle {
    margin-top: 10px;
    /*height: 60px;*/
    resize: none;
    overflow-y: scroll;
    /*width:90%;*/
}

.CarouselManualInputTables .newAltText {
    margin-top: 10px;
    /*height: 60px;*/
    resize: none;
    overflow-y: scroll;
}

.CarouselManualInputTables .newPageHyperlink {
    /*width:90%;*/
    margin-top: 10px;
    height: 40px;
    resize: none;
    overflow-y: scroll;
}

.CarouselManualInputTables .newImageID, .CarouselManualInputTables .newImageOrder {
    /*width: 43%;*/
    /*padding: 3px;*/
}

.CarouselManualInputTables .newStartDate, .CarouselManualInputTables .newEndDate, .CarouselManualInputTables select {
    /*width: 43%;*/
    /*padding: 3px;*/
    margin-top: 10px;
    /*margin-bottom:30px;*/
}

.CarouselManualInputTables .fa-ban {
    color: red;
}

.CarouselManualInputTables .StartDateHourSelect, .CarouselManualInputTables .StartDateMinuteSelect,
.CarouselManualInputTables .EndDateHourSelect, .CarouselManualInputTables .EndDateMinuteSelect {
    padding-left: 1px !important;
}


/*IMAGE Carousel MANAGER ENDS*/


/* LATEST NEWS */

.latest-news-sliders-container {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    /*margin:0 30px;*/
}

.latest-news-sliders .slick-list {
    margin-left: 22px;
    margin-right: 22px;
}



.latest-news-sliders .latest-news-slide {
    padding: 0 8px;
}

.latest-news-sliders .latest-news-title {
    color: #000000;
    font-size: 14px;
}

    .latest-news-sliders .latest-news-title:hover {
        color: #087BB8;
        font-size: 14px;
        text-decoration: underline;
    }

.latest-news-sliders .latest-news-date {
    padding-top: 15px;
    color: #434C5B;
    font-size: 12px;
}


/* LATEST NEWS ENDS HERE */



/* BOM WEATHER */
.WeatherControlContainer {
    width: 100%;
    font-size: 11px;
    color: #fff;
    background: #277bb4;
    margin: -40px 0 -60px -16px;
    padding: 40px 0 0 15px;
    min-height: 460px;
}

    .WeatherControlContainer .heading {
        font-size: 14px;
    }

        .WeatherControlContainer .heading .Mel {
            font-weight: 500;
        }

        .WeatherControlContainer .heading .Date {
            font-weight: 300;
        }

    .WeatherControlContainer .temp_max {
        font-size: 44px;
        margin-bottom: 20px;
        font-weight: 400;
    }

    .WeatherControlContainer .precis {
        margin-bottom: 15px;
        font-weight: 500;
    }

    .WeatherControlContainer .possiblerainfallrange, .WeatherControlContainer .rainfallchance, .WeatherControlContainer .lastUpdated {
        font-weight: 400;
        margin-bottom: 15px;
    }

/* BOM WEATHER ENDS HERE */



/*Cigarette butt calculator*/
.ButtCalculator {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    background-color: white !important;
}




/* WILLIAM PART ENDS HERE ***************************************************************************************************/



.ui-autocomplete-category li:last-child {
    color: red !important;
}


/*Publications Index Styles - Start*/

.finderSearchLink {
    text-decoration: none !important;
}

.finderSearchBtn {
    display: inline;
    color: #23242b;
    background-color: #DFE3E8;
    margin-left: 10px;
    padding: 9px 12px 10px 12px;
    border-radius: 4px;
    vertical-align: middle;
}

.applyFilter {
    cursor: pointer;
    padding-left: 30px;
    display: block;
    width: 180px;
    font-weight: bold;
    margin: 8px 0px 0px 0px;
}


.pubSearchCtrl {
    background-color: #f6f7f9;
    display: block;
    height: 135px;
    margin-top: 10px;
    padding-bottom: 145px;
    border: 1px solid #e4e6eb;
}

#pubSearchCtrlDiv {
    padding-left: 30px;
}


    #pubSearchCtrlDiv > input {
        height: 40px;
        border-radius: 5px;
    }

    #pubSearchCtrlDiv > select {
        height: 40px;
        border-radius: 5px;
        margin-left: 10px;
    }

    #pubSearchCtrlDiv .pubSearchInput {
        width: 50%;
    }

#pubSearchFilterContainerDiv {
    background-color: #e4e6eb;
}


#pubSearchFilterDiv {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 55px;
}



    #pubSearchFilterDiv > div > select {
        margin-left: 30px;
        border-radius: 5px;
        height: 35px;
    }

.finderSearch-noresult {
    margin-top: 15px;
}


#pubSearchFilterDiv .clearFilter {
    margin-right: 30px;
    margin-top: 6px;
    font-weight: bold;
}


@media (max-width: 580px) {
    #pubSearchCtrlDiv > input[type="submit"] {
        height: 40px;
        margin-left: 5px;
        margin-top: 5px;
    }

    #pubSearchFilterContainerDiv {
        height: 75px;
    }

    .pubSearchCtrl {
        height: 200px;
    }

    .applyFilter {
        cursor: pointer;
        display: block;
        margin: 18px 0px 0px 0px;
    }

    #pubSearchCtrlDiv > select {
        margin-top: 5px;
        margin-left: 0px;
        width: 70%;
    }

    #pubSearchCtrlDiv .pubSearchInput {
        width: 90%;
    }



    #pubSearchCtrlDiv .finderSearchLink {
        margin-top: 5px;
    }

    #pubSearchFilterDiv > select {
        margin-right: 5px;
    }

    #pubSearchCtrlDiv .clearFilter {
        margin-top: 8px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    #pubSearchCtrlDiv > input[type="submit"] {
        height: 40px;
        margin-left: 2px;
        margin-top: 5px;
    }

    #pubSearchCtrlDiv > select {
        height: 40px;
        margin-left: 0px;
        margin-top: 5px;
    }

    #pubSearchFilterDiv > a[class="pull-right"] {
        margin-top: 0px;
    }

    #pubSearchCtrlDiv .pubSearchInput {
        width: 95%;
    }

    #pubSearchCtrlDiv .finderSearchLink {
        margin-top: 5px;
    }

    #pubSearchCtrlDiv .clearFilter {
        margin-top: 8px;
    }

    #pubSearchFilterDiv > div > select {
        margin-left: 20px;
        margin-top: 5px;
        width: 40%;
    }

    #pubSearchFilterContainerDiv {
        height: 85px;
    }
}
/*Publications Index Styles - End*/


/*Council Meeting - Start*/

#meetingAgendaItems ul {
    -moz-padding-start: 0px;
    -webkit-padding-start: 0px;
    padding-left: 0px;
}

    #meetingAgendaItems ul li {
        list-style-type: none;
    }

#meetingAgendaItems .download-container {
    margin-top: 0px;
    margin-bottom: 0px;
}

#meetingAgendaItems .download-title {
    width: 80%;
}

#meetingAgendaItems .meetingNonFile {
    width: 20%;
    text-align: center;
}

.agenda-l2 {
    padding-left: 15px !important;
}


.agenda-l3 {
    padding-left: 30px !important;
}


.meetingNonFile {
    padding: 13px 15px 5px;
    font-style: italic;
}


#meetingAgendaItems ul li a, #meetingAgendaItems ul li a:visited, #meetingAgendaItems ul li a:hover {
    color: #23242b;
}

#meetingParticulars {
    line-height: 200%;
}

.meetingNoTopMargin {
    margin-top: 0px;
}

.meetingSearchCtrl {
    background: #f4f6f9;
    display: block;
    height: 160px;
    margin-top: 10px;
    border-radius: 5px;
    border: 2px solid #cfd3dd;
}

#meetingSearchCtrlDiv {
    padding-left: 10px;
}

    #meetingSearchCtrlDiv .clearFilter {
        cursor: pointer;
        display: block;
        width: 100px;
        margin: 10px 0px 0px 0px;
    }

    #meetingSearchCtrlDiv > input {
        height: 40px;
        border-radius: 5px;
    }

    #meetingSearchCtrlDiv > select {
        height: 40px;
        margin-left: 10px;
        border-radius: 5px;
        width: 150px;
    }

    #meetingSearchCtrlDiv .meetingSearchInput {
        width: 60%;
    }

#meetingFilterDiv {
    float: right;
    margin-top: 10px;
    margin-right: 22%;
}

    #meetingFilterDiv > label {
        margin-left: 5px;
        font-weight: 100;
        margin-bottom: 0px;
        margin-top: 2px;
    }




@media (max-width: 580px) {
    #meetingSearchCtrlDiv > input[type="submit"] {
        height: 40px;
        margin-left: 5px;
        margin-top: 5px;
    }

    .meetingSearchCtrl {
        height: 200px;
    }

    #meetingSearchCtrlDiv .meetingSearchInput {
        width: 95%;
    }

    #meetingSearchCtrlDiv > select {
        height: 40px;
        margin-left: 0px;
        margin-top: 5px;
    }

    #meetingAgendaItems .meetingNonFile {
        width: 30%;
        text-align: center;
    }
}

@media (max-width: 320px) {
    #meetingSearchCtrlDiv > input[type="submit"] {
        height: 40px;
        margin-left: 5px;
        margin-top: 5px;
    }

    #meetingSearchCtrlDiv > select {
        height: 40px;
        margin-left: 0px;
        margin-top: 5px;
    }

    .meetingSearchCtrl {
        height: 210px;
    }

    #meetingSearchFilterDiv > a[class="pull-right"] {
        margin-top: -5px;
    }

    #meetingSearchCtrlDiv .meetingSearchInput {
        width: 95%;
    }


    #meetingAgendaItems .meetingNonFile {
        width: 50%;
        text-align: center;
    }
}

/*Council Meeting - End*/

/*Finder Box  - Start*/


.finderCtrl {
    background: #f4f6f9;
    display: block;
    height: 150px;
    margin-top: 10px;
    border-radius: 5px;
    border: 2px solid #cfd3dd;
}

#finderCtrlDiv {
    padding-left: 10px;
}

    #finderCtrlDiv > input {
        height: 40px;
        border-radius: 5px;
    }

    #finderCtrlDiv > select {
        height: 40px;
        margin-left: 10px;
        border-radius: 5px;
        width: 150px;
    }

    #finderCtrlDiv .finderInput {
        width: 60%;
    }


@media (max-width: 580px) {
    #finderCtrlDiv > input[type="submit"] {
        height: 40px;
        margin-left: 5px;
        margin-top: 5px;
    }

    .finderCtrl {
        height: 180px;
    }

    #finderCtrlDiv .finderInput {
        width: 95%;
    }

    #finderCtrlDiv > select {
        height: 40px;
        margin-left: 0px;
        margin-top: 5px;
    }
}

@media (max-width: 320px) {
    #finderCtrlDiv > input[type="submit"] {
        height: 40px;
        margin-left: 5px;
        margin-top: 5px;
    }

    #finderCtrlDiv > select {
        height: 40px;
        margin-left: 0px;
        margin-top: 5px;
    }

    .finderCtrl {
        height: 195px;
    }

    #finderFilterDiv > a[class="pull-right"] {
        margin-top: -5px;
    }

    #finderCtrlDiv .finderInput {
        width: 95%;
    }
}

/* Finder Box - End*/


/*Media Release Finder - Start*/

.mediaSearchCtrl {
    background: #f4f6f9;
    display: block;
    height: 150px;
    margin-top: 10px;
    border-radius: 5px;
    border: 2px solid #cfd3dd;
}

#mediaSearchCtrlDiv {
    padding-left: 10px;
}

    #mediaSearchCtrlDiv .clearFilter {
        cursor: pointer;
        display: block;
        width: 100px;
        margin: 10px 0px 0px 0px;
    }

    #mediaSearchCtrlDiv > input {
        height: 40px;
        border-radius: 5px;
    }

    #mediaSearchCtrlDiv > select {
        height: 40px;
        margin-left: 10px;
        border-radius: 5px;
        width: 150px;
    }

    #mediaSearchCtrlDiv .mediaSearchInput {
        width: 60%;
    }


@media (max-width: 580px) {
    #mediaSearchCtrlDiv > input[type="submit"] {
        height: 40px;
        margin-left: 5px;
        margin-top: 5px;
    }

    .mediaSearchCtrl {
        height: 200px;
    }

    #mediaSearchCtrlDiv .mediaSearchInput {
        width: 95%;
    }

    #mediaSearchCtrlDiv > select {
        height: 40px;
        margin-left: 0px;
        margin-top: 5px;
    }
}

@media (max-width: 320px) {
    #mediaSearchCtrlDiv > input[type="submit"] {
        height: 40px;
        margin-left: 5px;
        margin-top: 5px;
    }

    #mediaSearchCtrlDiv > select {
        height: 40px;
        margin-left: 0px;
        margin-top: 5px;
    }

    .mediaSearchCtrl {
        height: 195px;
    }

    #mediaSearchFilterDiv > a[class="pull-right"] {
        margin-top: -5px;
    }

    #mediaSearchCtrlDiv .mediaSearchInput {
        width: 95%;
    }
}
/*Media Release Finder - End*/


/*Popular Pages - Start */


#PopularPagesDiv {
    border: 1px solid #CFD3DD;
    border-radius: 5px;
    padding-top: 18px;
    padding-bottom: 18px;
}

    #PopularPagesDiv > ul > li > a {
        color: #000000;
    }

        #PopularPagesDiv > ul > li > a:hover {
            color: #2175B5;
        }

    #PopularPagesDiv > ul > li > hr {
        margin-top: 10px;
        margin-bottom: 0px;
    }


        #PopularPagesDiv > ul > li > hr.popular-page-hr {
            display: block;
        }

@media (min-width:320px) and (max-width: 990px) {
    #PopularPagesDiv {
        border: 0px;
        padding-left: 0px;
        padding-top: 0px;
    }

        #PopularPagesDiv > ul > li.col-md-4 {
            padding-left: 0px;
        }
}
/*Popular Pages - End*/

/*Article list - Start*/


.articlesList li {
    clear: both;
    padding: 10px 0;
}

    .articlesList li img {
        width: 108px;
        margin-right: 20px;
    }

    .articlesList li h2 {
        font-size: 12px;
        color: #000;
        font-weight: bold;
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }


        .articlesList li h2:hover {
            color: #2175B5;
        }

    .articlesList li .featureDescription {
        color: #2a2c31;
        line-height: 1.42857143;
    }

    .articlesList li a:hover {
        text-decoration: none;
    }

/*Article list - End*/

/*Forms - Start*/

.EventPermitHeadar {
    font-size: 10pt;
    background-color: #FFF;
    color: #000;
}

.EventSectionTitle {
    font-weight: 800;
    background-color: #EEE;
    color: #000;
}

.EventPermitBody {
    font-size: 10pt;
    background-color: #EEE !important;
    margin-right: 2px;
}

    .EventPermitBody select, .EventPermitBody textarea, .EventPermitBody input {
        padding: 2px !important;
    }

    .EventPermitBody label {
        display: inline;
        max-width: 100%;
        margin-bottom: 0px;
        font-weight: 100;
        padding-left:5px;
    }

     .EventPermitBody table tr td {
        vertical-align: middle;
        /*text-align: center;*/
        padding-top:5px;
    }

    .EventPermitBody table tr td ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
        color:lightgrey;
    }

.LabelError {
    color: Red;
}
/* -------------------------| FORMS BUILDER (legacy version) |------------------------------ Copied from 2007 site */
div.FBFormLayout {
    background-color: #e7f2f9;
    padding: 0px 10px 10px 10px;
    border: 1px #bfd6e9 solid;
}
    /*div.FBFormLayout{padding:0px 10px 10px 10px;}*/
    div.FBFormLayout span.SubmittedLabel {
        color: #006600;
        font-weight: bold;
    }

    div.FBFormLayout span.ValidationErrorSummary {
        color: red;
    }

    div.FBFormLayout h3 {
        clear: both;
    }

    div.FBFormLayout hr {
        clear: both;
    }

    div.FBFormLayout input[type=radio] {
        margin: 0px 4px 0 10px !important;
    }

    div.FBFormLayout label {
        margin: 0px;
    }

    div.FBFormLayout .ButtonDiv input[type=submit] {
        height: 34px !important;
    }

    div.FBFormLayout .TextAbove {
        padding-top: 20px;
    }

    div.FBFormLayout div.LabelDiv {
        width: 20% !important;
        min-width: 150px;
        float: left;
        padding-right: 20px;
    }

    div.FBFormLayout h2 {
        padding: 20px 0 8px 0;
        margin: 0;
        clear: both;
    }

    div.FBFormLayout div.LabelDiv .Label {
        display: block;
        margin-top: 10px;
    }

    div.FBFormLayout div.LabelDiv .Error {
        display: block;
        float: left;
        clear: left;
        width: 100%;
        color: red;
        font-weight: bold;
    }

    div.FBFormLayout .RequiredPrefix {
    }

    div.FBFormLayout .InputDiv {
        display: block;
        float: left;
        width: 70% !important;
        min-width: 250px;
        margin-top: 10px;
    }

        div.FBFormLayout .InputDiv input {
            display: block;
            float: left;
            width: 100%;
        }

        div.FBFormLayout .InputDiv textarea {
            display: block;
            float: left;
            width: 100%;
        }

        div.FBFormLayout .InputDiv select {
            display: block;
            float: left;
            width: 100%;
        }

        div.FBFormLayout .InputDiv .RadioButtonList label {
            width: auto;
            margin-top: 0px;
            margin-bottom: 10px;
        }

        div.FBFormLayout .InputDiv .RadioButtonList input {
            width: auto;
            margin-top: 0px;
        }

        div.FBFormLayout .InputDiv fieldset.HiddenFieldset {
            border: 0;
            padding: 0;
            margin: 0;
        }

            div.FBFormLayout .InputDiv fieldset.HiddenFieldset legend.HiddenLegend {
                visibility: hidden;
                display: none;
            }

        div.FBFormLayout .InputDiv .RadioButtonList br {
            clear: left;
        }

        div.FBFormLayout .InputDiv span.TextCounter {
        }

        div.FBFormLayout .InputDiv .Description {
            display: block;
            float: left;
            clear: left;
            width: 100%;
        }

        div.FBFormLayout .InputDiv input.DateTextBox {
            width: 100px;
            margin-right: 5px;
        }

        div.FBFormLayout .InputDiv input.CalendarButton {
            width: 18px;
            height: 18px;
        }

        div.FBFormLayout .InputDiv .CalendarContainer {
            position: absolute;
            filter: alpha(opacity=95);
            -moz-opacity: .95;
            opacity: .95;
            z-index: 2;
            background-color: white;
            display: inline;
        }

        div.FBFormLayout .InputDiv label.Hidden {
            display: none;
        }

        div.FBFormLayout .InputDiv .Error {
            display: block;
            float: left;
            clear: left;
            width: 100%;
            color: red;
            font-weight: bold;
        }

    div.FBFormLayout .ButtonContainer {
        text-align: right;
    }

    div.FBFormLayout input.NextButton {
        margin-top: 30px;
        margin-right: 10px;
    }

    div.FBFormLayout input.PreviousButton {
        margin-top: 30px;
        margin-right: 10px;
    }

    div.FBFormLayout input.SubmitButton,
    div.FBFormLayout input.CancelButton {
        margin-top: 30px;
    }

    div.FBFormLayout .ClearLeft {
        clear: left;
    }

    div.FBFormLayout table.ProgressBarContainer {
        background-color: white;
        border: solid 2px #727679;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }

        div.FBFormLayout table.ProgressBarContainer tr td {
            padding: 1px;
            vertical-align: middle;
        }

            div.FBFormLayout table.ProgressBarContainer tr td.Percentage {
                padding-left: 5px;
                padding-right: 5px;
                font-weight: bold;
                border: solid 2px #727679;
            }

            div.FBFormLayout table.ProgressBarContainer tr td table.ProgressBar {
                width: 200px;
                height: 10px;
                border: 0;
            }

                div.FBFormLayout table.ProgressBarContainer tr td table.ProgressBar tr td {
                    width: 5px;
                    background-color: #d4e7f5;
                    border: solid 2px White;
                }

                    div.FBFormLayout table.ProgressBarContainer tr td table.ProgressBar tr td.Full {
                        background-color: #17a3d6;
                    }

    div.FBFormLayout .InputDiv input.ms-input {
        width: 80px;
    }

    div.FBFormLayout .InputDiv td.ms-dttimeinput select {
        width: 60px;
        float: none;
        display: inline;
    }
/*Forms - End*/

/* FormsBuilder v2.0 (SP2013 version). */
.fb2-form-layout {
    border: 1px solid #e5e7eb;
    padding: 15px;
}

    .fb2-form-layout .submitted-label {
        margin-bottom: 25px;
        display: inline-block;
    }

    .fb2-form-layout h3 {
        margin-top: 0;
    }

    .fb2-form-layout .text-above {
        margin-bottom: 15px;
    }

    .fb2-form-layout .field-label {
        font-weight: 500;
        margin-bottom: 25px;
        width: 100%;
    }

    .fb2-form-layout fieldset legend {
        font-size: 12px;
        font-weight: 500;
        border: 0;
        margin: 0 0 15px 0;
    }

    .fb2-form-layout input,
    .fb2-form-layout textarea,
    .fb2-form-layout select {
        margin-top: 5px;
        padding: 10px;
        border: 1px solid #b8bdc9;
        border-radius: 3px;
        width: 100%;
    }

    .fb2-form-layout .radio-button-list input {
        width: auto;
        vertical-align: top;
        margin-top: 2px;
    }

    .fb2-form-layout .radio-button-list label {
        font-weight: 500;
        margin: 0 0 15px 8px;
    }

        .fb2-form-layout .radio-button-list label:last-child {
            margin-bottom: 0;
        }

    .fb2-form-layout .description,
    .fb2-form-layout .text-counter {
        font-size: 11px;
        margin-top: 5px;
        display: inline-block;
        font-weight: normal;
    }

    .fb2-form-layout .validation-error-summary,
    .fb2-form-layout .error {
        color: #e50e56;
        font-size: 11px;
    }

    .fb2-form-layout .validation-error-summary {
        margin-bottom: 25px;
    }

    .fb2-form-layout .error {
        display: block;
        margin-top: 5px;
    }

        .fb2-form-layout .error + input {
            border: 1px solid red;
        }

    .fb2-form-layout .error-border {
        border: 1px solid red;
    }

    .fb2-form-layout progress {
        width: 100%;
        height: 16px;
        margin-bottom: 20px;
    }

    .fb2-form-layout .button-container {
        text-align: right;
    }

    .fb2-form-layout .previous-button,
    .fb2-form-layout .next-button,
    .fb2-form-layout .submit-button {
        border: 0;
        border-radius: 5px;
        padding: 8px 30px;
        margin: 0;
        width: auto;
        font-size: 12px;
        text-transform: uppercase;
        transition: all 0.3s ease 0s;
        margin-left: 12px;
    }

    .fb2-form-layout .previous-button,
    .fb2-form-layout .next-button {
        color: #23242b;
        background: #d4d6db;
    }

        .fb2-form-layout .previous-button:hover,
        .fb2-form-layout .previous-button:focus,
        .fb2-form-layout .next-button:hover,
        .fb2-form-layout .next-button:focus, {
            background: #e7eaef;
        }

    .fb2-form-layout .submit-button {
        color: #fff;
        background-color: #277bb4;
    }

        .fb2-form-layout .submit-button:hover,
        .fb2-form-layout .submit-button:focus {
            background-color: #508fba;
        }

/* Future Tender */
#spgridview-wrapper {
    width: 660px;
    margin: auto;
    height: 100%;
}

.detailsview-wrapper {
    width: 600px;
    line-height: 2.2em !important;
}

.left-col-top {
    width: 440px;
}

.right-col-top {
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.sort-by-label {
    padding-bottom: 12px;
    padding-left: 12px;
}

.label-description {
    font-family: Arial;
    font-size: 12px;
    padding-bottom: 12px;
}

.heading-text {
    font-size: 24px;
    color: #2e3780;
}

.style1 {
    width: 100%;
    float: left;
}

table .style1 tr {
    height: 23px;
}

table .style1 td {
    padding: 8px;
}

.btn-ul {
    list-style: none;
    width: 100%;
}

.btn-li {
    display: inline;
}

.btn {
    cursor: pointer;
    height: 23px;
    color: #3841af;
    padding: 2px;
}

#btn-wrapper {
    /*width: 230px;*/
    width: 300px;
}

.left-btn {
    margin-right: 5px;
    padding: 0 5px;
}

.right-btn {
    margin-left: 5px;
    padding: 0 5px;
}

#btn-box {
    display: block;
    padding-bottom: 0 0 12px 12px;
}

#btn-box-right {
    display: inline;
    height: 23px;
    margin: 0;
    padding: 0;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.clear {
    clear: both;
}

.clear-left {
    clear: left;
}

.style2 {
    width: 386px;
}
/* Future Tender ENd */

/*------------------ iHeritage Search Form (start) -------------------*/
div.iHeritageSearch table tr th {
    font-weight: bold;
    padding: 5px;
    border: 2px silver solid;
}

div.iHeritageSearch table tr td {
    padding: 5px;
    border: 2px silver solid;
}

div.iHeritageSearch table tr.heading {
    background-color: silver;
    font-size: 110%;
    font-weight: bold;
}

div.iHeritageSearch table tr.controls td.control span.hint {
    margin-left: 10px;
}

div.iHeritageSearch table tr.controls td.control input {
    width: 80px;
}

    div.iHeritageSearch table tr.controls td.control input.txtStreetName {
        width: 220px;
    }

    div.iHeritageSearch table tr.controls td.control input.txtPostcode {
        width: 50px;
    }

    div.iHeritageSearch table tr.controls td.control input.txtBuildingName {
        width: 220px;
    }

    div.iHeritageSearch table tr.controls td.control input.txtBuilder {
        width: 220px;
    }

    div.iHeritageSearch table tr.controls td.control input.txtOriginalTypeOfBuilding {
        width: 220px;
    }

    div.iHeritageSearch table tr.controls td.control input.txtArchitect {
        width: 220px;
    }

    div.iHeritageSearch table tr.controls td.control input.txtHeritageOverlayNumber {
        width: 220px;
    }

div.iHeritageSearch table tr.buttons td {
    text-align: center;
    padding: 12px 0 12px 0;
}

    div.iHeritageSearch table tr.buttons td input.btnSearchAddress {
        margin-right: 5px;
    }

    div.iHeritageSearch table tr.buttons td input.btnSearchAll {
        margin-right: 5px;
    }

    div.iHeritageSearch table tr.buttons td input.btnResetAddress {
        margin-left: 5px;
    }

    div.iHeritageSearch table tr.buttons td input.btnResetAll {
        margin-left: 5px;
    }

div.iHeritageSearch table .label {
    display: table-cell;
    color: black;
    text-align: left;
    vertical-align: middle;
}

/*------------------ iHeritage Search Form (end) -------------------*/

/*------------------ iHeritage Search Results List (start) -------------------*/
div.iHeritageResults div.instructions {
    padding: 10px 0 10px 0;
}

div.iHeritageResults table.heritageList tr th {
    font-weight: bold;
    padding: 5px 0 5px 0;
}

div.iHeritageResults table.heritageList tr td {
    padding: 5px 0 5px 0;
}

div.iHeritageResults table.heritageList tr.propertyHeading {
    background-color: silver;
}

    div.iHeritageResults table.heritageList tr.propertyHeading th.address {
        font-weight: bold;
    }

    div.iHeritageResults table.heritageList tr.propertyHeading td.rowNumber {
        text-align: right;
    }

div.iHeritageResults table.heritageList tr.propertyDetail th.heading {
    padding-right: 10px;
}

div.iHeritageResults p.pageSummary {
    padding: 20px 0 10px 0;
}

div.iHeritageResults p.pagination a {
    padding: 0 0.25em 0 0.25em;
}

div.iHeritageResults div.returnToSearch {
    padding: 20px 0 0 0;
}

/*------------------ iHeritage grading rows - start -------------------*/

table.heritageDetail > tbody > tr:nth-child(2) {
    display: none;
}


table.heritageDetail > tbody > tr:nth-child(3) {
    display: none;
}


table.heritageDetail > tbody > tr:nth-child(4) {
    display: none;
}

/*------------------ iHeritage grading rows - end -------------------*/

/*------------------ iHeritage Search Results List (end) -------------------*/



/*------------------ iHeritage Search Results Detail (start) -------------------*/
div.iHeritageResults table.heritageDetail tr th {
    padding: 5px 5px 5px 5px;
    vertical-align: top;
}

div.iHeritageResults table.heritageDetail tr td {
    padding: 5px 5px 5px 5px;
    vertical-align: top;
}

div.iHeritageResults table.heritageDetail tr.topHeading th {
    font-size: 120%;
    font-weight: bold;
}

div.iHeritageResults table.heritageDetail tr.categoryHeading th {
    font-size: 110%;
    font-weight: bold;
    background-color: silver;
}

div.iHeritageResults table.heritageDetail tr.detail th {
    width: 33%;
}

div.iHeritageResults table.heritageDetail tr.detail td {
    width: 33%;
}

    div.iHeritageResults table.heritageDetail tr.detail td p {
        padding-bottom: 10px;
    }
/*------------------ iHeritage Search Results Detail (end) -------------------*/

/* -------------------------|  Library CATALOGUE SEARCH   |------------------------------ */
#catalogue-top {
    float: left;
    width: 680px;
    height: 80px;
    margin: 4px 4px 0px 4px;
}

#catalogue {
    float: left;
    width: 100%; /*font-size:0.8em;*/
    padding: 0px;
    margin-bottom: 15px;
    margin-top: 5px; /*background:#166589 url(images/mls_catelogue_bg.gif) top left repeat-y;*/
    border: 1px solid #CFD3DD;
    border-radius: 3px;
}

    #catalogue legend {
        display: none;
    }
    /* #catalogue .inner{float:left;padding:35px 10px 8px 10px;margin:0px;}*/
    #catalogue label {
        display: none;
    }

    #catalogue ul {
        padding: 0;
        margin: 0;
        margin-right: 85px;
    }

    #catalogue li {
        list-style-type: none;
    }

    #catalogue .catalogue-title {
        text-align: right;
        font-size: 20px;
        color: #000;
        line-height: 1.1;
        font-weight: bold;
    }

    #catalogue li.catalogue-text {
        float: left;
        padding: 0;
        margin: 0 0 0 25px;
        width: 515px;
        color: #000;
        font-weight: bold;
        list-style-type: none;
    }

        #catalogue li.catalogue-text p {
            padding: 0;
            margin: 0;
            font-size: 1.4em;
        }

    #catalogue .advance-search {
        padding: 0;
        margin: 0;
        font-size: 1.4em;
        text-align: right;
    }

    #catalogue .moreText {
        padding: 0;
        margin: 0; /*font-size:1.4em;*/
        font-size: 11px;
        font-weight: 600;
        text-align: left;
    }

/*#catalogue a {color:#fff;}*/
.search-catalogue {
    width: 92%;
    height: 36px;
    margin-top: 0px;
    border: 0px !important;
}

#catalogue p.advanced-search {
    float: right; /*margin:1em 0 0 0;*/
    font-size: 1.1em !important;
    padding-bottom: 28px !important;
}

#catalogue input.formSearchButton {
    display: none;
    background: url(images/mls-buttons.gif) 0px -48px no-repeat;
    border: none;
    width: 55px;
    height: 20px;
    cursor: pointer;
    font-size: 0px !important;
    line-height: 0px;
    margin-left: 10px;
    text-indent: -9999px;
}

    #catalogue input.formSearchButton:hover {
        background: url(images/mls-buttons.gif) -143px -48px no-repeat;
    }

.shift-up-catalogue {
    margin-top: -135px;
}

    .shift-up-catalogue .nav .bold {
        font-size: 1.3em;
    }

.shift-up-none-catalogue {
    margin-top: 145px;
}

    .shift-up-none-catalogue table {
        width: 295px !important;
    }

#catalogue-top-wide {
    float: left;
    width: 810px;
    height: 80px;
    margin: 4px 4px 0px 4px;
}

    #catalogue-top-wide #catalogue {
        width: 808px;
    }

.MoreOptionText {
    padding-top: 13px;
    padding-bottom: 28px;
}

.roundedSearchBox {
    background-color: #fff;
    position: absolute;
    top: 13px;
    right: 10px;
    bottom: 13px;
    left: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.searchBoxWrapper {
    position: absolute;
    top: 4px;
    right: 35px;
    bottom: 3px;
    left: 35px;
}

.searchContainer div.innerSearch {
    width: 100%;
    height: 100%;
    position: relative;
    border: 2px solid #CFD3DD;
    border-radius: 3px;
}

    .searchContainer div.innerSearch .finderSearchLink {
        position: absolute;
        top: 5px;
        right: 0;
    }

div.search div.innerSearch input[type=text] {
    border: 0px;
    outline: 0;
}

.searchContainer {
    background-color: white;
}

#catalogue .inner {
    padding-left: 40px;
    padding-right: 85px;
}

#catalogue .finderSearchBtn {
    background-color: transparent;
    margin-left: 0px;
}

#catalogue .inner {
    margin-top: 35px;
}

.divMoreOptionText {
    float: left;
    width: 50%;
    overflow: hidden;
}

.divAdvanced-Search {
    float: left;
    width: 50%;
    overflow: hidden;
}

#catalogue {
    background: none repeat scroll 0% 0% #F4F6F9;
}

@media (max-width: 520px) {
    .search-catalogue {
        width: 90%;
    }
}

@media (max-width: 767px) {
    #catalogue .catalogue-title {
        text-align: left;
    }

    #catalogue .finderSearchBtn {
        padding: 0px;
    }

    #catalogue .inner {
        padding-left: 10px;
        padding-right: 10px;
    }

    .divAdvanced-Search {
        float: right;
        width: 70%;
        /*overflow: hidden;*/
    }

    .divMoreOptionText {
        float: left;
        width: 100%;
        overflow: hidden;
    }

    .MainContainer {
        margin-top: 10px;
    }
}
/*   END Catalogue Search */

/* Active Melbourne - Start*/

#left-col {
    float: left;
    width: 498px;
    margin: 0 0px 10px 0px;
}

.floatleft {
    float: left;
    word-wrap: break-word;
}

.ABMTextFormat {
    margin-left: 4px;
    margin-right: 4px;
}


.ABMTextFormateMail {
    margin-left: 4px;
    margin-right: 4px;
}

.divborder {
    border-style: solid;
    line-height: 1.6;
    border-width: 1px;
    border-color: #262626;
    border-bottom-style: none;
    border-top-style: solid;
    border-left-style: none;
    border-right-style: None;
    text-indent: 5px;
}

.divborderRight {
    border-style: solid;
    line-height: 1.6;
    border-width: 1px;
    border-color: #262626;
    border-bottom-style: None;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: none;
    text-indent: 5px;
}

.divborderBlank {
    border-style: none;
    height: 4px;
}

.ddborderBlank {
    border-style: none;
}

DL.item-details .ddborderBlankBottom {
    border-style: none;
    width: 100%;
}

.ddBorder {
    border-style: solid;
    line-height: 1.6;
    border-width: 1px;
    border-color: #262626;
    border-bottom-style: solid;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
}

    .ddBorder div A {
        line-height: 1.6;
    }

.leftwidth-small {
    width: 66px;
}

.leftwidth-midium {
    width: 164px;
}

.leftwidth-large {
    width: 164px;
}

.rightwidth-small {
    width: 232px;
}

.rightwidth-midium {
    width: 134px;
}

.rightwidth-large {
    width: 134px;
}


dl {
    margin: 1em 0px;
}


dt {
    font-weight: bold;
    margin: 0.8em 0px 0.5em;
}


dl.item-details dt {
    float: left;
    padding: 0px;
    margin: 0px;
    width: 150px;
    line-height: 1.5;
    text-align: right;
}


dl.item-details dd {
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 10px;
    width: 300px;
    line-height: 1.5;
}

dd {
    margin-left: 1em;
}


.ddborderBlank {
    border-style: none;
}


#ContentArea .list-item {
    margin: 0;
    padding: 0 0 3px 0;
}


    #ContentArea .list-item li {
        list-style-type: none;
        background: transparent url(/system/images/largearrow_blue.gif) left 7px no-repeat;
        padding: 4px 0px 4px 15px;
        line-height: 0;
    }

        #ContentArea .list-item li a {
            line-height: normal;
            text-decoration: underline;
        }

            #ContentArea .list-item li a:hover {
                text-decoration: none;
            }

#ContentArea ul.search-results {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0em;
    list-style-type: square;
}

    #ContentArea ul.search-results li {
        margin-bottom: 20px;
        list-style-type: none;
    }

        #ContentArea ul.search-results li a {
            text-decoration: underline;
        }

            #ContentArea ul.search-results li a:hover {
                text-decoration: none;
            }

#ContentArea .search-box {
    background: #fff none;
    margin-bottom: 20px;
}


    #ContentArea .search-box .border-outer {
        width: 500px;
        padding: 0px;
        border: solid 1px #DCE9F3;
        background-color: #e7f2f9;
    }

    #ContentArea .search-box td[id*='row2_td1'] {
        display: none;
    }


#ContentArea .border-outer {
    border: none;
    background-color: #F7F7F7;
    width: auto;
}

#ContentArea .list-inner {
    padding: 9px 9px 0px 9px;
}

#ContentArea input.formSearchButton {
    text-indent: -9999px;
    background: transparent url(/system/images/com_buttons.gif) 0px -47px no-repeat;
    border: none;
    width: 55px;
    height: 21px;
    cursor: pointer;
    font-size: 0px;
    line-height: 0px;
    margin-left: 3px;
}

    #ContentArea input.formSearchButton:hover {
        background: transparent url(/system/images/com_buttons.gif) -143px -47px no-repeat;
    }


/* Active Melbourne - End*/

.downpage-promo-tiles{
    padding-left:0px;
}

.downpage-promo-tiles img {
    max-width: 200px;
}

.downpage-promo-tiles-text {
    margin-top: 10px;
}

/* Planning Register search. */
.planning-register-search {
    margin: 10px;
    width: 360px;
}

    .planning-register-search div.pr-row {
        margin-top: 10px;
        margin-bottom: 0px;
        float: left;
        clear: left;
        width: 100%;
    }

        .planning-register-search div.pr-row div.pr-label {
            float: left;
            clear: left;
            width: 150px;
        }

            .planning-register-search div.pr-row div.pr-label label {
                font-weight: bold;
            }

            .planning-register-search div.pr-row div.pr-label .hint {
                font-size: 80%;
            }

        .planning-register-search div.pr-row div.input {
            float: left;
        }

    .planning-register-search fieldset {
        clear: left;
        margin: auto auto 10px;
        border: 1px #262626 groove;
        display: block;
        padding-left: 0px;
        padding-right: 10px;
        padding-bottom: 10px;
        margin-top: 10px;
    }

        .planning-register-search fieldset legend {
            display: inline;
            font-size: 12px;
            font-weight: bold;
            color: Black;
            padding-bottom: 10px;
            margin-bottom: 0;
            width: auto;
            border-bottom: 0;
        }

        .planning-register-search fieldset div.pr-row div.pr-label {
            margin-left: 10px;
            width: 140px;
        }

            .planning-register-search fieldset div.pr-row div.pr-label span.error {
                float: left;
                clear: left;
                display: block;
            }

    .planning-register-search .input input[type=checkbox] {
        margin: 0 8px 0 0;
    }

    .planning-register-search div.button-container {
        float: left;
        clear: left;
        width: 100%;
        padding-top: 10px;
        text-align: right;
        padding-bottom: 20px;
    }

        .planning-register-search div.button-container input.submit {
            margin-right: 10px;
        }

    .planning-register-search .error-summary {
        color: #f00;
    }

/* Planning Register Online results. */
.planning-register-results .permits-list {
    border: 2px silver solid;
}

    .planning-register-results .permits-list tr th {
        padding: 5px;
        vertical-align: top;
    }

    .planning-register-results .permits-list tr td {
        padding: 5px;
        vertical-align: top;
    }

    .planning-register-results .permits-list tr.heading1 {
        background-color: silver;
    }

        .planning-register-results .permits-list tr.heading1 th {
            font-weight: bold;
            vertical-align: middle;
            padding: 10px 5px 10px 5px;
        }

            .planning-register-results .permits-list tr.heading1 th.address {
                font-size: 150%;
            }

    .planning-register-results .permits-list tr.heading2 th {
        font-weight: bold;
        white-space: nowrap;
    }

    .planning-register-results .permits-list tr.detail td.column1 {
        white-space: nowrap;
    }

.planning-register-results p.page-summary {
    padding: 20px 0 10px 0;
}

.planning-register-results p.pagination a {
    padding: 0 0.25em 0 0.25em;
}

.planning-register-results div.return-to-search {
    padding: 20px 0 0 5px;
}

.planning-register-results table.delegations-list {
    border: 2px silver solid;
}

    .planning-register-results table.delegations-list tr th {
        font-weight: bold;
        vertical-align: top;
        background-color: silver;
        vertical-align: middle;
        padding: 10px 5px 10px 5px;
    }

    .planning-register-results table.delegations-list tr td {
        padding: 5px;
        vertical-align: top;
    }

        .planning-register-results table.delegations-list tr td a {
            white-space: nowrap;
        }

.planning-register-results table.permit-detail {
    width: 550px;
}

    .planning-register-results table.permit-detail tr th {
        font-weight: bold;
        padding: 5px 5px 5px 5px;
        vertical-align: top;
    }

    .planning-register-results table.permit-detail tr td {
        padding: 5px 5px 5px 5px;
        vertical-align: top;
    }

.planning-register-results div.documents table tr th {
    font-weight: bold;
    padding: 5px;
}

.planning-register-results div.documents table tr td {
    padding: 5px;
}

/*Global css setting*/

/*.FAQHead, accordions*/
.callOutBoxContainer,
#callToActionContainer,
.ImageGalleryContainer,
.fb2-form-layout /*,
.MediaPlayerContainer */ {
    margin-top: 15px !important;
}

.accordionContainer, /*accordions*/
.callOutBoxContainer,
#callToActionContainer,
.ImageGalleryContainer,
.fb2-form-layout /*,
.MediaPlayerContainer*/ {
    margin-bottom: 15px !important;
}

/*Global Table CSS*/
.ms-rteTableHeaderRow-default {
    font-size: 12px;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
    border: 1px solid #d6dde2 !important;
    background-color: #475263;
    color: #ffffff !important;
}

.ms-rteTableOddRow-default {
    font-size: 12px;
    color: #000000;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
    background-color: #f4f6f9;
    border: 1px solid #eceff3 !important;
}

.ms-rteTableEvenRow-default {
    font-size: 12px;
    color: #000000;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
    background-color: white;
    border: 1px solid #eceff3 !important;
}

.ms-rteTableHaederEvenCol-default tbody tr th {
    color: #ffffff !important;
}

.ms-rteTableHaederOddCol-default tbody tr th {
    color: #ffffff !important;
}

.ms-rteTable-default tbody tr th {
    color: #ffffff !important;
    background-color: #475263;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
    border: 1px solid #eceff3 !important;
}

.ms-rteTable-default tbody tr td {
    border: 1px solid #eceff3 !important;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}

th.ms-rteTableHeaderFirstCol-default {
    font-size: 12px;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
    border: 1px solid #d6dde2 !important;
    background-color: #475263;
    color: #ffffff !important;
}
/*#endregion */

/* MinisterialApp - Start */


.MinisterialApp-search {
    width: 420px;
}

    .MinisterialApp-search .label {
        font-weight: bold;
        float: left;
        width: 250px;
        color: #000;
        text-align: left;
        margin-bottom: 20px;
    }


    .MinisterialApp-search div.button-container {
        float: left;
        clear: left;
        width: 100%;
        padding-top: 10px;
        text-align: right;
        padding-bottom: 20px;
    }

    .MinisterialApp-search .hint {
        font-weight: normal;
    }

DIV.MinisterialApp-search DIV.button-container INPUT.submit {
    margin-right: 10px;
}

.ministerial-search-results .permits-list {
    border: 2px silver solid;
}

    .ministerial-search-results .permits-list tr.heading1 {
        background-color: #C0C0C0;
    }


    .ministerial-search-results .permits-list tr th {
        padding: 5px;
        vertical-align: top;
    }

    .ministerial-search-results .permits-list tr td {
        padding: 5px;
        vertical-align: top;
    }

    .ministerial-search-results .permits-list tr.heading1 {
        background-color: silver;
    }

        .ministerial-search-results .permits-list tr.heading1 th {
            font-weight: bold;
            vertical-align: middle;
            padding: 10px 5px 10px 5px;
        }


    .ministerial-search-results .permits-list tr.heading2 th {
        font-weight: bold;
        white-space: nowrap;
    }

    .ministerial-search-results .permits-list tr.detail td.column1 {
        white-space: nowrap;
    }

.ministerial-search-results p.page-summary {
    padding: 20px 0 10px 0;
}

.ministerial-search-results p.pagination a {
    padding: 0 0.25em 0 0.25em;
}

.ministerial-search-results div.return-to-search {
    padding: 20px 0 0 5px;
}

.ministerial-search-results table.delegations-list {
    border: 2px silver solid;
}

    .ministerial-search-results table.delegations-list tr th {
        font-weight: bold;
        vertical-align: top;
        background-color: silver;
        vertical-align: middle;
        padding: 10px 5px 10px 5px;
    }

    .ministerial-search-results table.delegations-list tr td {
        padding: 5px;
        vertical-align: top;
    }

        .ministerial-search-results table.delegations-list tr td a {
            white-space: nowrap;
        }

.ministerial-search-results table.permit-detail {
    width: 100%;
}

    .ministerial-search-results table.permit-detail tr th {
        font-weight: bold;
        padding: 5px 5px 5px 5px;
        vertical-align: top;
    }

    .ministerial-search-results table.permit-detail tr td {
        padding: 5px 5px 5px 5px;
        vertical-align: top;
    }

.ministerial-search-results div.documents table tr th {
    font-weight: bold;
    padding: 5px;
}

.ministerial-search-results div.documents table tr td {
    padding: 5px;
}

/* VCAT Search - Start */



.VCATApp-search {
    width: 420px;
}

    .VCATApp-search .label {
        font-weight: bold;
        float: left;
        width: 250px;
        color: #000;
        text-align: left;
        margin-bottom: 20px;
    }


    .VCATApp-search div.button-container {
        float: left;
        clear: left;
        width: 100%;
        padding-top: 10px;
        text-align: right;
        padding-bottom: 20px;
    }

    .VCATApp-search .hint {
        font-weight: normal;
    }

DIV.VCATApp-search DIV.button-container INPUT.submit {
    margin-right: 10px;
}


.vcat-search-results .permits-list {
    border: 2px silver solid;
}

    .vcat-search-results .permits-list tr.heading1 {
        background-color: #C0C0C0;
    }


    .vcat-search-results .permits-list tr th {
        padding: 5px;
        vertical-align: top;
    }

    .vcat-search-results .permits-list tr td {
        padding: 5px;
        vertical-align: top;
    }

    .vcat-search-results .permits-list tr.heading1 {
        background-color: silver;
    }

        .vcat-search-results .permits-list tr.heading1 th {
            font-weight: bold;
            vertical-align: middle;
            padding: 10px 5px 10px 5px;
        }



    .vcat-search-results .permits-list tr.heading2 th {
        font-weight: bold;
        white-space: nowrap;
    }

    .vcat-search-results .permits-list tr.detail td.column1 {
        white-space: nowrap;
    }

.vcat-search-results p.page-summary {
    padding: 20px 0 10px 0;
}

.vcat-search-results p.pagination a {
    padding: 0 0.25em 0 0.25em;
}

.vcat-search-results div.return-to-search {
    padding: 20px 0 0 5px;
}

.vcat-search-results table.delegations-list {
    border: 2px silver solid;
}

    .vcat-search-results table.delegations-list tr th {
        font-weight: bold;
        vertical-align: top;
        background-color: silver;
        vertical-align: middle;
        padding: 10px 5px 10px 5px;
    }

    .vcat-search-results table.delegations-list tr td {
        padding: 5px;
        vertical-align: top;
    }

        .vcat-search-results table.delegations-list tr td a {
            white-space: nowrap;
        }

.vcat-search-results table.permit-detail {
    width: 550px;
}

    .vcat-search-results table.permit-detail tr th {
        font-weight: bold;
        padding: 5px 5px 5px 5px;
        vertical-align: top;
    }

    .vcat-search-results table.permit-detail tr td {
        padding: 5px 5px 5px 5px;
        vertical-align: top;
    }

.vcat-search-results div.documents table tr th {
    font-weight: bold;
    padding: 5px;
}

.vcat-search-results div.documents table tr td {
    padding: 5px;
}

.vcat-detail {
    border: 1px solid #000;
    margin-bottom: 10px;
    font-weight: bold;
}


    .vcat-detail .vcat-heading td {
        width: 150px;
        vertical-align: top;
        background-color: #CCC;
    }

.vcat-detai .vcat-detail-row {
    height: 30px;
}


/* VCAT Search - End */

/* Pagination */



@media (max-width: 767px) {
    .DesktopPag {
        display: none;
    }

    .pagination-stats {
        display: none;
    }

    .MobilePag > li > span {
        border: none !important;
    }
}

@media (min-width: 768px) {
    .MobilePag {
        display: none;
    }
}

.MobilePagText {
    background: #FFF !important;
    border: 0px !important;
    font-size: 14px !important;
    padding-top: 5px !important;
    padding-left: 3px !important;
}

.MobilePagLeft {
    padding-left: 6px !important;
}

.MobilePagRight {
    padding-Right: 2px !important;
}

/* Pagination End*/




/* In this section webpart - start*/


#in-this-section-container {
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    padding-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
    /*border: 1px solid #CFD3DD;*/
    width: 100%;
    color: #fff;
    background: #277bb4;
}

    #in-this-section-container > h2 {
        color: #fff;
        border-bottom: 1px solid #f4f6f9;
        padding-bottom: 8px;
        margin: 15px 15px 15px 15px;
    }

    #in-this-section-container div a {
        color: #fff;
    }

        #in-this-section-container div a:visited, #in-this-section-container div a:hover {
            color: #000;
        }

    #in-this-section-container div > div {
        margin-bottom: 5px;
        min-height:36px;
    }

    input[title="InThisSectionExclusion"] {
        width: 700px;       
    }
/* In this section webpart - end*/


/* Useful links webpart - start*/

#useful-links-container {
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border: 1px solid #CFD3DD;
    width: 100%;
    color: #fff;
    background: #F6F7F9;
}

    #useful-links-container > h2 {
        color: #23242B;
        border-bottom: 1px solid #E4E6EB;
        padding-bottom: 8px;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 5px;
    }

    #useful-links-container div a {
        color: #000;
    }

        #useful-links-container div a:visited, #useful-links-container div a:hover {
            color: #277bb4;
        }


    #useful-links-container div > div {
        margin-bottom: 5px;
        padding-left: 5px;
        min-height:36px;
    }





/* Useful links webpart - end*/


/* Popular pages webpart - start*/

#popular-pages-container {
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 10px;
    border: 1px solid #CFD3DD;
    width: 100%;
    color: #fff;
}

    #popular-pages-container > h2 {
        color: #23242B;
        border-bottom: 1px solid #E4E6EB;
        padding-bottom: 8px;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 5px;
    }

    #popular-pages-container div a {
        color: #000;
    }

        #popular-pages-container div a:visited, #popular-pages-container div a:hover {
            color: #277bb4;
        }


    #popular-pages-container div > div {
        margin-bottom: 5px;
        padding-left: 5px;
        min-height:36px;
    }


/* Popular pages webpart - end */

/* New feature tile - start */

.tile-mode-square-image-v2 a {
    color: #000;
}

    .tile-mode-square-image-v2 a:hover {
        color: #277bb4;
    }

.tile-title-v2 {
    background: #FFF none repeat scroll 0% 0%;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2em;
    padding-top: 15px;
}


.tile-description-v2 {
    padding: 15px 0px 15px 0px;
    font-size: 12px;
    background: #fff;
}

.tile-set-container {
    margin-top: 15px;
    border-radius: 5px;
    padding-top: 15px;
    border: 1px solid #CFD3DD;
    width: 100%;
    color: #fff;
    display: inline-block;
}

.tile-image-v2 {
    width: 100%;
    margin-bottom: 15px;
}

.tile-set-container h2 {
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.no-border {
    border: 0px !important;
}


/* New feature tile - end*/


/* =Print ============================================= start ===========*/
@media print {
    #Footer {
        display: none !important;
    }

    #UtilityBar {
        display: none !important;
    }

    #LogoBar > div {
        display: none !important;
    }

    #CrumbBar {
        display: none !important;
    }

    .searchbox {
        display: none !important;
    }

    #AboutLinks {
        display: none !important;
    }

    #LogoBar {
        width: 300px !important;
        height: 100px !important;
        position: relative !important;
    }

        #LogoBar:after {
            content: url("/system/images/com-printlogo.svg");
            -webkit-print-color-adjust: exact !important;
            clear: both;
        }

    #Breadcrumb {
        margin-bottom: -40px !important;
    }

    #catalogue {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid;
    }

    #ContentArea {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }

    * {
        -webkit-print-color-adjust: exact !important;
    }

    #mCSB_1 {
        display: none !important;
    }

    #RelatedColumn {
        display: none !important;
    }

    .social-share {
        display: none !important;
    }

    #ContentAreaContainer {
        width: 100% !important;
    }

    #ContentContainer {
        margin-left: 0px !important;
        border: none !important;
        width: 100% !important;
    }

    #ContentContainerInnerInner {
        margin-right: 0px !important;
    }

    aside#RightNavigation {
        display: none !important;
    }

    a[href]:after {
        content: none !important;
    }

    #PageTitle .page-title-text {
        margin-right: 0px !important;
    }

    #Translation {
        display: none !important;
    }

    #CopyrightBar {
        display: none !important;
    }

    #mapContainer {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid;
        display: block;
        visibility: visible !important;
    }

    .tile {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid;
        display: block;
    }

    .callOutBoxContainer {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid;
        display: block;
    }

    img {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid;
        display: block;
    }

    #SocialMediaChannels img {
        display: inline !important;
    }

    .galleria-image.galleria-images {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid;
        display: block;
    }

    .ImageCarouselContainer {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid;
        display: block;
    }

    .MediaPlayerContainer {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid;
        display: block;
    }

    #callToActionContainer {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid;
    }
}
/* =Print =============================================  end  ===========*/


/*Image carousle landing page mobile style - start*/
@media (min-width: 415px) {
    .image-carousel-mobile-info-text {
        display: none !important;
    }
}


/* Show caption below image gallery for iphone 6 plus and lower*/
@media (max-width: 414px) {
    .carousel-downpage .carousel .galleria-info-text {
        display: none;
    }

    .image-carousel-mobile-info-text {
        background: black !important;
        font: 14px "GothamHTF-Light", "Gotham SSm A", "Gotham SSm B" !important;
        padding: 7px 5px 7px 5px;
        line-height: 1.35em;
        margin-top: -40px;
        margin-bottom: 30px;
        display: block;
        color: #fff;
    }

    .galleria-theme-azur .galleria-info-title {
        font-weight: 400 !important;
    }

    .carousel-downpage .galleria-theme-azur .galleria-image-nav {
        top: 60%;
    }

    .galleria-theme-azur .galleria-image-nav-right {
        height: 80%;
        background: url('/system/js/Galleria/themes/AzurTheme/carousel-right-mobile.png') 54% 48% no-repeat !important;
    }

    .galleria-theme-azur .galleria-image-nav-left {
        height: 80%;
        background: url('/system/js/Galleria/themes/AzurTheme/carousel-left-mobile.png') 35% 48% no-repeat !important;
    }
}

/*Image carousle landing page mobile style - end*/


/*Keyword search Box  - Start*/


.keyword-srch-filter-box {
    background: #f4f6f9;
    height: 130px;
    margin-bottom: 20px;
    padding-top: 10px;
    border-radius: 5px;
    border: 2px solid #cfd3dd;
    padding-left: 20px;
    padding-top: 25px;
}

    .keyword-srch-filter-box > input {
        height: 42px;
        border-radius: 5px;
        width: 80%;
    }

    .keyword-srch-filter-box input[type=radio] {
        margin: 0px;
        height: 22px;
    }

    .keyword-srch-filter-box #filter-radio {
        display: -webkit-inline-flex;
        flex-direction: -webkit-row;
        -webkit-flex-direction: row;
        display: -ms-flexbox;
        flex-direction: -ms-row;
        display: flex;
        flex-direction: row;
        margin-top: 20px;
    }

        .keyword-srch-filter-box #filter-radio > div > label {
            font-weight: normal;
            margin-left: 5px;
            margin-right: 3vw;
            margin-bottom: 0px;
        }



@media (max-width:320px) {

    .keyword-srch-filter-box #filter-radio > div > label {
        margin-left: 2px;
    }
}



@media (max-width:600px) {

    .keyword-srch-filter-box {
        height: 215px;
    }

        .keyword-srch-filter-box #filter-radio {
            flex-direction: column;
            -webkit-flex-direction: column;
        }


        .keyword-srch-filter-box #filter-radio-set1, .keyword-srch-filter-box #filter-radio-set2 {
            margin-bottom: 10px !important;
        }

            .keyword-srch-filter-box #filter-radio-set1 > label:nth-last-child(3) {
                margin-right: 82px !important;
            }

            .keyword-srch-filter-box #filter-radio-set2 > label {
                width: 94px;
            }


                .keyword-srch-filter-box #filter-radio-set2 > label:nth-last-child(1) {
                    margin-top: 15px;
                }


        .keyword-srch-filter-box > input {
            width: 70%;
        }

        .keyword-srch-filter-box #filter-radio > div > label {
            margin-right: 4px;
        }
}


/*Keyword search Box  - End*/

/*Social Media Twitter, Instagram and Flickr*/
.SocialMediaFlickr {
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}

#FlickrPhoto img {
    width: auto;
    height: auto;
    max-width: 240px;
    max-height: 148px;
    min-width: 100%;
    display: block;
}

#SocialMediaFlickr.row {
    margin-left: 1px;
    margin-right: 1px;
    overflow: hidden;
}

.socialMedia .Insta {
    padding-left: 0px;
    overflow: hidden;
    padding-right: 0px;
    margin-right: 0px;
}

.view-all-Twittercontainer {
    background-color: #dae0e9;
    font-weight: bold;
    padding: 10px;
    width: auto;
    overflow: hidden;
}

    .view-all-Twittercontainer a:hover {
        text-decoration: none !important;
    }

    .view-all-Twittercontainer .view-all-text {
        display: block;
        color: #23232b !important;
        text-align: right;
        font-weight: bold;
        overflow: hidden;
    }

.view-all-Flickrcontainer {
    background-color: #dae0e9;
    font-weight: bold;
    padding: 10px;
    /*margin-top: 5px;*/
    overflow: hidden;
}

    .view-all-Flickrcontainer .view-all-text {
        display: block;
        color: #23232b !important;
        text-align: right;
        font-weight: bold;
        overflow: hidden;
    }

    .view-all-Flickrcontainer a:hover {
        text-decoration: none !important;
    }

.view-all-Instacontainer {
    background-color: #dae0e9;
    font-weight: bold;
    padding: 10px;
    overflow: hidden;
}

    .view-all-Instacontainer .view-all-text {
        display: block;
        color: #23232b !important;
        text-align: right;
        font-weight: bold;
        overflow: hidden;
    }

    .view-all-Instacontainer a:hover {
        text-decoration: none !important;
    }

#uniqueInstagram img {
    width: auto;
    height: auto;
    min-width: 100%;
    /*max-height:100%;*/
    display: block;
}

#uniqueInstagram .Insta-Wrapper {
    width: auto;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0px 1px 1px 0px;
}

.flickr .FlickrInstaPhotos {
    margin-right: 0px !important;
    margin-left: 0px !important;
    overflow: hidden;
}

#FlickrPhoto {
    padding-right: 0px !important;
    padding-left: 0px !important;
    overflow: hidden;
}

#uniqueInstagram {
    overflow: hidden;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.FlickrInstaPhotos {
    margin: 0px;
}

#TwitterFeeds {
    padding-right: 0px !important;
    padding-left: 2px !important;
    overflow: hidden;
}

.TwitterWrap {
    /*height:430px;*/
    width: 100% !important;
    overflow: hidden;
}

.twitter-timeline {
    min-width: 100% !important;
}

.TwitterWrap.twitter-scrollbar .mCS-3d .mCSB_scrollTools .mCSB_draggerRail {
    width: 10px;
    background-color: #FFFFFF !important;
    box-shadow: inset 0px 0 0px rgba(0,0,0,0),inset -1px 0 1px rgba(255,255,255,.2) !important;
    margin-right: 0px;
}

.TwitterWrap .mCSB_inside .mCSB_container {
    margin-right: 12px;
}

.TwitterWrap .mCSB_dragger_bar {
    background-color: #b9b9b9 !important;
    width: 10px;
    margin-right: 0px;
}

.TwitterWrap .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    margin-right: 0px;
}

.view-all-container a {
    text-decoration: none !important;
}

.tile-socialmedia {
    color: #000;
    font-size: 16px;
    line-height: 1.2em;
}

@media (min-width: 475px) {
    .tile-socialmedia {
        font-size: 14px;
    }
}

#FlickrPhoto .img-wrapper {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0px 1px 1px 1px;
}

.socialMedia {
    margin-bottom: 25px;
}


@media (max-width: 760px) {


    #TwitterFeeds {
        margin-top: 25px;
    }
}

@media (max-width: 480px) {

    #FlickrPhoto .SocialMediaFlickr {
        height: 100%;
        width: 50%;
        overflow: hidden;
    }

    #TwitterFeeds {
        margin-top: 25px;
    }
}

/*accessability stuff*/
.skip-to-content {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    text-align: left;
    overflow: hidden;
    color: #fff;
    z-index: 1;
    width: 100%;
}

a.skip-to-content:active,
a.skip-to-content:focus,
a.skip-to-content:hover {
    color: #fff;
    font-size: 10px;
    height: auto;
    left: 50%;
    margin-left: -55px;
    overflow: visible;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto;
    z-index: 101;
}

a.skip-to-content-in-webpart {
    color: #fff !important;
    z-index: 1;
}

a.skip-to-content-in-webpart:active,
a.skip-to-content-in-webpart:focus,
a.skip-to-content-in-webpart:hover{
    color: #23242b !important;
    z-index: 101;
}


/* JR  focus monster RHN */
/*a.rhna-focus:active, a.rhna-focus:focus, a.rhna-focus:hover {
    border:dotted black 2px;
    text-decoration:underline;
    background-color:#fff7f3;    
    
}*/


/* JR  focus monster RHN */
a:active, a:focus, a:hover {    
    text-decoration:underline;
} 

body a:active, a:focus, a:hover {    
    text-decoration:underline;
} 

div .flyout-column a:active, a:focus, a:hover {    
    text-decoration:underline;
} 

div #UtilityNav a:active, a:focus, a:hover {    
    text-decoration:underline;
} 

.accfix {
    font-weight:normal;
    margin-right: 15.5px;
    font-size:12px;
}

#mvgaLiveChatOfflinePhone
{
	width: 170px;
    padding:8px;
    pointer-events: none;
}

#mvgaLiveChatOfflinePhone > a 
{
    text-decoration: none;
    background-color: inherit;
    color: black !important;
    display: inline;
    margin-left: 0px !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
    padding-right: 0px !important;
}

@media (max-width: 480px) {
    #mvgaLiveChatOfflinePhone
    {
        pointer-events: visiblePainted;
        color: #23242b !important;
    }

    #mvgaLiveChatOfflinePhone a:hover
    {
        background-color:transparent;
    }

    #mvgaLiveChatOfflinePhone a {
         text-decoration: underline;
         color: #277bb4 !important;
    }
}

#mvgaLiveChatOfflinePhone span{
	font-weight:700;

}

a.skip-to-content-in-webpart {
    line-height: 10px;
    font-size: 10px;
}