*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}



hr {
    color: #173676;
}

table {
    border-spacing: 0;
    width: 90%;
    border-top: 1px solid #dadbd6;
    border-right: 0 solid #e5eff8;
    border-collapse: collapse;
    margin: 1em auto;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 400;
}

ul, ul li {
    list-style: none;
}

ol li {
    margin-left: 1.5em;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h5, h5, h6 {
    font-size: 100%;
}

q:before, q:after {
    content: '';
}

a {
    border: none;
    color: #173676;
    outline: none;
    font-weight: 700;
}

    a:link, a:visited {
        text-decoration: none;
    }

    a:hover, a:active {
        color: #152245;
        text-decoration: underline;
    }

p strong {
    font-weight: 700;
    color: #152245;
}

img {
    border: none;
    padding: 5px;
}

    img.floatleft {
        float: left;
        position: relative;
        margin: 4px 15px 4px 0;
        padding: 0;
    }

#header h1 {
    margin-top: 4px;
    /*background: transparent url(img2/logo.png) no-repeat;*/
	background: transparent url(/media/6772809/logo.png) no-repeat;
    width: 211px;
    height: 90px;
    float: left;
    text-indent: -9000px;
}

h1 a {
    width: 220px;
    height: 6em;
    padding-top: 4px;
    display: block;
    font-size: 0.8em;
    font-weight: 400;
    color: #aaa;
    text-indent: 1px;
}

h1 span {
    position: absolute;
    left: -10000px;
    top: -10000px;
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}



p, ul, dl, ol, table {
    color: #392714;
    margin: 0 0 1.5em;
}


body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    background-color: #f0f2f4;
}

#pageContainer {
    background: #f0f2f4 url(img2/bg.png) top left repeat-x;
}

    #pageContainer.generalPage {
        background: #f0f2f4 url(img2/bg-general.png) top left repeat-x;
    }

    #pageContainer.landingPage {
        background: #f0f2f4 url(img2/bg-landing.png) top left repeat-x;
    }

h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    color: inherit;
}

h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
}

h2 {
    font-size: 22px;
    line-height: 24px;
    color: #4c4949;
    display: block;
    border-bottom: 4px solid #E7E7E7;
    padding: 7px 0 5px 0;
    margin: 10px 0 10px 0;
}

h3 {
    font-size: 20px;
    color: #173676;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

#outer {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    background-image: url(img2/outer-bg.png);
    background-position: center top;
    background-repeat: no-repeat;
}

#webpage {
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    text-align: left;
    width: 960px;
}

#header {
    height: 7.1em;
    width: 100%;
}

body.landingPage #content {
    margin: 10px 5px 10px 5px;
}

body.homePage #page {
    margin-top: 56px;
    background: #F0F2F4;
}

body.homePage #content {
    margin: 10px 5px 10px 5px;
}

#content {
    margin: 40px 10px 10px 10px;
    background-color: #f0f2f4;
}

#page {
    width: 100%;
}

#content ul {
    margin: 10px 0 0 25px;
}

    #content ul li {
        background: url(img2/bullet.png) 0 3px no-repeat;
        line-height: 17px;
        padding: 0 20px 3px 17px;
    }

.lc #content {
    margin-left: 23.7em;
    width: 46.3em;
}

.lrc #content {
    margin-left: 23.7em;
    margin-right: 16.6em;
    width: 27.9em;
}

#rightcol {
    float: right;
    width: 14.8em;
    margin: 40px 20px 20px 20px;
}

#leftcol {
    float: left;
    width: 20.7em;
    margin: 40px 10px 10px 10px;
}

.rightneighbourhood {
    float: right;
    width: 45%;
    margin: 10px;
}

.leftneighbourhood {
    float: left;
    width: 4%;
    margin: 10px;
}

.lc .breadcrumbs {
    margin-left: 15px;
}

.breadcrumbs {
    color: #fff;
    font-size: .86em;
    margin-bottom: 8px;
    margin-top: 22px;
}

    .breadcrumbs a {
        color: #fff;
    }

    .breadcrumbs .separator {
        padding: 0 5px 0 7px;
    }


#header img {
    margin: 3px;
}

#navbar ul {
    margin-left: 15px;
    padding-top: 4px;
    z-index: 1;
}

#navbar li {
    float: left;
    left: 0;
    position: relative;
    top: 0;
    font-size: 0.86em;
    font-weight: 700;
    text-align: center;
}

    #navbar li a {
        padding-left: 12px;
    }

    #navbar li.current a {
        margin-bottom: -1px;
    }

#navbar a {
    display: block;
    text-decoration: none;
}

#navbar {
    background: url(img/navleft.gif) left top no-repeat #152245;
    height: 2.85em;
    width: 100%;
}

#topleft {
    background: transparent;
    height: 5px;
    width: 100%;
}

#topright {
    background: #152245 url(img/navright.gif) right top no-repeat;
    float: right;
    height: 20px;
    width: 20px;
}

#navbar li a:link, #navbar li a:visited {
    background: transparent url(img/site_nav_borders.gif) bottom right no-repeat;
    color: #c2d4dd;
}

#navbar li a:hover {
    background: #f0f5f8 url(img/navtableft.gif) top left no-repeat;
    color: #24495e;
    height: 30px;
}

#navbar li a span {
    display: block;
    height: 30px;
    float: right;
    line-height: 30px;
    vertical-align: middle;
    padding: 0 12px 0 0;
}

#navbar li a:hover span {
    background: #f0f5f8 url(img/navtabright.gif) top right no-repeat;
}

#navbar li.current a:link, #navbar li.current a:visited {
    background: #f0f5f8 url(img/navtableft.gif) top left no-repeat;
    border-bottom: 0 solid #d7e5ed;
    height: 30px;
    color: #37454e;
}

#navbar li.current a span {
    background: #f0f5f8 url(img/navtabright.gif) top right no-repeat;
    display: block;
    height: 30px;
    float: right;
}

.textfield {
    color: #666;
    float: left;
    font: 0.86em verdana, arial, sans-serif;
    width: 100px;
    margin: 0;
    padding: 2px;
}

#call {
    float: right;
    height: 5.4em;
    width: 19.2em;
    margin-top: 7px;
    background: url(img/non-emergency.gif) top left no-repeat;
    text-indent: -9000px;
}

    #call span {
        display: block;
        width: 0;
        height: 0;
        overflow: hidden;
    }

    #call h2 {
        border: none;
        text-decoration: none;
    }

#login {
    color: #334550;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.86em;
    height: 5.4em;
    line-height: 88px;
    margin-top: 10px;
}

    #login img {
        margin-top: 0;
        padding-right: 2px;
        vertical-align: sub;
    }


    #login a:link, #login a:visited {
        color: #57b3e1;
    }

.roundblock {
    border: solid 1px #bebebe;
    margin-bottom: 15px;
    width: 21.33em;
    background: #fff url(img/sidebarbg.gif) top left repeat-x;
    padding: 0 0 5px;
}

.roundblockleft {
    background: url(img/boxleft.gif) no-repeat;
    height: 10px;
    margin-left: -1px;
    margin-top: -1px;
    position: absolute;
    width: 10px;
    z-index: 100;
}

.roundblockright {
    background: url(img/boxright.gif) no-repeat;
    height: 10px;
    margin-left: 281px;
    margin-top: -1px;
    position: absolute;
    width: 10px;
    z-index: 100;
}

.roundblock ul {
    margin: 0 0 0 5px !important;
}

    .roundblock ul li {
        background: url(img/arrow.gif) 0 5px no-repeat !important;
        line-height: 17px;
        padding: 0 0 4px 10px !important;
    }

.subcontent-unit-border:after, .subcontent-unit-noborder:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#leftcol h2 {
    display: block;
    border-bottom: 4px solid #E7E7E7;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
}

#leftcol p {
    clear: both;
    color: #505050;
    margin: 0 10px 1em;
}

    #leftcol p.center {
        text-align: center;
    }

    #leftcol p.right {
        text-align: right;
    }

div.btn {
    height: 200px;
    width: 44em;
    margin: 0;
}

    div.btn ul {
        height: 92px !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

        div.btn ul li {
            background-image: none !important;
            line-height: none !important;
            margin-left: 8px !important;
            margin-top: 8px !important;
            display: inline-block;
            padding: 0 !important;
        }

            div.btn ul li a {
                display: block;
                height: 92px;
                text-indent: -9000px;
                width: 184px;
                padding: 0;
            }

                div.btn ul li a.button1 {
                    background: url(img/happywithourservice.jpg) 0 -92px no-repeat;
                    margin-bottom: 4px;
                    margin-right: 3px;
                    height: 92px;
                    width: 184px;
                }

                div.btn ul li a.button2 {
                    background: url(img/policing_team.jpg) 0 -92px no-repeat;
                    margin-bottom: 8px;
                    margin-right: 3px;
                    height: 92px;
                    width: 184px;
                }

                div.btn ul li a.button3 {
                    background: url(img/report_crime.jpg) 0 -92px no-repeat;
                    margin-bottom: 8px;
                    margin-right: 3px;
                    height: 92px;
                    width: 184px;
                }

                div.btn ul li a.button4 {
                    background: url(/css/img/join_us.jpg) 0 -92px no-repeat;
                    margin-bottom: 8px;
                    margin-right: 3px;
                    height: 92px;
                    width: 184px;
                }

                div.btn ul li a.button5 {
                    background: url(img/performance.jpg) 0 -92px no-repeat;
                    margin-bottom: 8px;
                    margin-right: 3px;
                    height: 92px;
                    width: 184px;
                }

                div.btn ul li a.button6 {
                    background: url(img/helicopter.jpg) 0 -92px no-repeat;
                    margin-bottom: 4px;
                    margin-right: 3px;
                    height: 92px;
                    width: 184px;
                }

                div.btn ul li a.button7 {
                    background: url(/css/img/Olympics_2012_Button.jpg\A ) 0 -92px no-repeat;
                    margin-bottom: 8px;
                    margin-right: 3px;
                    height: 92px;
                    width: 184px;
                }

                div.btn ul li a.button8 {
                    background: url(/css/img/Online_Meeting.JPG) 0 -92px no-repeat;
                    margin-bottom: 8px;
                    margin-right: 3px;
                    height: 92px;
                    width: 184px;
                }

                div.btn ul li a.button9 {
                    background: url(/include/images/Crime_Mapping.gif\A ) 0 -92px no-repeat;
                    margin-bottom: 8px;
                    height: 92px;
                    width: 184px;
                }

                div.btn ul li a.hover, div.btn ul li a:hover {
                    background-position: 0 0;
                }

.newsouter {
    background: #173676;
    margin-bottom: 16px;
    margin-top: 16px;
    width: 42.8em;
    padding: 8px;
}

.newsinner {
    background: #fff;
    overflow: hidden;
    width: 42.8em;
    padding: 8px 0;
}

.newspanels {
    border-right: 5px solid #173676;
    display: inline;
    float: left;
    min-height: 200px;
    width: 12.8em;
    padding: 0 8px;
}

    .newspanels p {
        line-height: 1.3em;
        margin: 6px 0;
    }

.newsphotobox {
    float: right;
    width: 260px;
    margin: 2px 18px 18px 0;
}

    .newsphotobox img {
        display: block;
    }

.newscaptionbox {
    background: #fff;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 0;
    margin: 0;
    padding: 0;
}

    .newscaptionbox p {
        color: #666;
        font-size: 10px;
        line-height: 13px;
        margin: 0;
    }

.left {
    float: left;
    text-align: left;
    width: 48%;
    padding-top: 0;
}

.right {
    float: right;
    text-align: left;
    width: 48%;
    padding-top: 0;
}

    .left h3, .right h3 {
        font-size: 18px;
        margin-bottom: 0.8em;
        color: #173676;
        margin-left: 0;
        margin-right: 5px;
        padding-bottom: 2px;
        border-bottom: solid 3px #E7E7E7;
        text-transform: none;
        padding-top: 0;
    }

        .left h3 img, .right h3 img {
            float: right;
            padding: 2px;
        }

    .left h4, .right h4 {
        font-size: 16px;
        margin-bottom: 0.8em;
        color: #4C4949;
        margin-left: 0;
        margin-right: 5px;
        padding-bottom: 2px;
        border-bottom: solid 2px #E7E7E7;
        text-transform: none;
        padding-top: 0;
    }

    .left ul, .right ul {
        margin: 10px 0 0 !important;
    }

        .left ul li, .right ul li {
            background: url(img2/bullet.png) 0 3px no-repeat !important;
            line-height: 17px;
            padding: 0 0 0 17px !important;
        }

.clear {
    clear: both;
}

.thumbnail {
    float: left;
    width: 13.6em;
    display: inline;
    margin: 10px 8px 0;
    padding: 10px 0 0;
}

    .thumbnail p {
        font-weight: 400;
        margin: 0 0 20px;
        padding: 0 2px 0 0;
    }

    .thumbnail h3 {
        font-size: 1.2em;
        border-bottom: none;
        margin: 8px 0 0;
    }

        .thumbnail h3 a {
            font-size: 1.2em;
            color: #173676;
            text-decoration: none;
        }

        .thumbnail h3 :hover {
            font-size: 1.2em;
            color: #000;
            text-decoration: none;
        }

.definedlist dt {
    background: url(img2/bullet.png) 0 3px no-repeat;
    line-height: 17px;
    margin: 2px 0 2px 5px;
    padding: 0 20px 0 17px;
}

.definedlist dd {
    font-size: 0.84em;
    line-height: 1.3em;
    margin: 0 0 0 22px !important;
}

.minuteslist dt {
    font-weight: 700;
    font-size: 0.84em;
    color: #959595;
    line-height: 1.3em;
    margin: 0 0 0 5px !important;
}

.minuteslist dd {
    font-weight: 700;
    background: url(img2/bullet.png) 0 3px no-repeat;
    line-height: 17px;
    margin: 2px 0 2px 5px;
    padding: 0 20px 0 17px;
}

p.link {
    padding: 0 0 0 19px;
}

p.arrowright {
    background: url(img/arrowright.gif) 0 2px no-repeat;
}

p.arrowdown {
    background: url(img/arrowdown.gif) 0 2px no-repeat;
}

p.rss {
    background: url(img/rss.gif) 0 2px no-repeat;
}

#nav {
    margin: 0;
}

    #nav ul {
        margin-top: 10px;
        margin-left: 0;
    }

        #nav ul li {
            background: url(img/subnavdivider.gif) no-repeat bottom left !important;
            padding: 0 !important;
        }

            #nav ul li a {
                display: block;
                text-decoration: none;
                height: auto !important;
                min-height: 1.8em;
                vertical-align: middle;
                font-size: 0.9em;
                padding: .4em 20px 0 1em !important;
            }

                #nav ul li a:hover {
                    background-color: #f0f0ee !important;
                    color: #3b3b3b !important;
                    background-image: url(img2/navhover.png);
                    background-repeat: no-repeat;
                    background-position: 0 50%;
                }

.l1 {
    background-color: #ddd;
}

.l2 {
    background-color: #ccc;
}

.l3 {
    background-color: #bbb;
}

.l4 {
    background-color: #aaa;
}

.l5 {
    background-color: #999;
    color: #fff;
}

#nav ul li a.current {
    background-image: url(img2/navhover.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.mapdivider {
    width: 100%;
    height: 2em;
}

#btnlocationSearch {
    display: block;
    position: relative;
    top: -22px;
    left: 210px;
}

#nhoodselect {
    margin-top: -2px;
    height: 25px;
}

    #nhoodselect select {
        margin-top: 10px;
        margin-right: 0;
    }

#NewsletterSignup {
    margin-left: 20px;
}

#NewsTicker {
    width: 21.4em;
    height: 13.3em;
    margin: 0 auto;
}

#NewsVertical {
    width: 20.7em;
    height: 7.4em;
    display: block;
    overflow: hidden;
    position: relative;
}

#controller {
    font-size: 11px;
    padding: 6px;
}

#TickerVertical {
    width: 20.7em;
    height: 16.6em;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

    #TickerVertical li {
        display: block;
        background-image: none !important;
        width: 20.7em;
        color: #333;
        text-align: left;
        font-size: 0.84em;
        float: left;
        margin: 0;
        padding: 6px;
    }

        #TickerVertical li .NewsTitle {
            display: block;
            color: #000;
            font-size: 0.86em;
            font-weight: 700;
            margin-bottom: 6px;
        }

            #TickerVertical li .NewsTitle a:link, #TickerVertical li .NewsTitle a:Visited {
                display: block;
                color: #000;
                font-size: 0.86em;
                font-weight: 700;
                margin-bottom: 6px;
                text-decoration: none;
            }

        #TickerVertical li .NewsImg {
            float: left;
            margin-right: 10px;
        }

        #TickerVertical li .NewsFooter {
            display: block;
            color: #000;
            font-size: 0.84em;
            margin: 0 0 14px;
        }

.A, .M {
    display: block;
    width: 50px;
    height: 25px;
    font-weight: 700;
    font-family: Arial, helvetica, sans-serif;
    text-align: center;
    padding: 5px 0 0;
}

.A {
    background: url(img/A.png) top left no-repeat;
    color: #EDD012;
}

.M {
    background: url(img/M.png) top left no-repeat;
    color: #FFF;
}

#play_scroll img, #stop_scroll img {
    margin-top: -4px;
    margin-right: 2px;
}

.tdetails {
    position: relative;
    left: 55px;
    top: -33px;
    margin-bottom: -30px;
    font-weight: 700;
}

.tdesc {
    width: 20.3em;
    padding-bottom: 3px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: -3px;
}

#controller p {
    float: right;
    font-size: .9em;
    color: #838686;
}

#controller ul {
    float: right;
    margin: 0;
}

    #controller ul li {
        float: left;
        display: block;
        margin-left: .1em;
        margin-right: .1em;
        text-align: center;
        padding: 0;
    }

div#controller li a {
    color: #eb0e4b;
    text-decoration: none;
    font-weight: 700;
}

.eventslist #controller, newslist #controller {
    margin-top: -0.8em;
    font-size: 1em;
}

#newsbox {
    width: 43.5em;
    height: 22.4em;
    position: relative;
    padding-top: 2px;
    top: 2px;
}

.nb111 {
    background: url(img/nbg111.gif) top left no-repeat;
}

.nb21 {
    background: url(img/nbg21.gif) top left no-repeat;
}

.nb12 {
    background: url(img/nbg12.gif) top left no-repeat;
}

.nb3 {
    background: url(img/nbg3.gif) top left no-repeat;
}

.hpnb_storylist {
    height: 19.6em;
    position: absolute;
    top: 8px;
    margin-right: 1px;
    padding-left: 3px;
}

    .hpnb_storylist h2 {
        color: #FFF;
        text-indent: 7px;
        margin-bottom: 10px;
    }

.hpnb_story {
    width: 12.8em;
    height: 14.8em;
    float: left;
    border-right: 1px solid silver;
    padding: 0 7px 7px;
}

.hpnb_storylist .emergency {
    width: 560px;
    border: none !important;
}

    .hpnb_storylist .emergency img {
        float: left;
        margin-right: 20px;
    }

.hpnb_story h3 {
    color: #173676;
    font-size: 1em;
    margin-top: 3px;
}

.hpnb img {
    margin-top: 17px;
}

a.hpnb_link {
    width: 8.8em;
    text-align: right;
    margin-right: 15px;
    background: url(img/more.gif) top right no-repeat;
    height: 20px;
    padding-right: 23px;
    color: #173676;
    text-decoration: none;
    line-height: 20px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
    float: right;
}

    a.hpnb_link:hover {
        background-position: bottom right !important;
        color: #FFF;
    }

#box1, #box2, #box3 {
    position: absolute;
}

.mask {
    position: relative;
    height: 14.8em;
    overflow: hidden;
}

#emergency_box1 .hpnb_story {
    width: 42.22em;
}

    #emergency_box1 .hpnb_story h3 {
        font-size: 1.5em;
    }

    #emergency_box1 .hpnb_story p {
        font-size: 1.3em;
    }

#content .vminute {
    border-bottom: 1px dashed #E8E8E8;
    overflow: hidden;
    padding: 8px 0;
}

#content .minute-dates {
    float: left;
    width: 18.5em;
    font: bolder 1em Arial, Helvetica, Verdana, sans-serif;
    display: inline;
}

#content .summary {
    font: bolder 1.1em Arial, Helvetica, Verdana, sans-serif;
}

.alt {
    background: #e8f7fc;
}

.minute_alt {
    background: #e9fce8;
}

.minute_right {
    float: right;
    display: inline;
    width: 91%;
}

    .minute_right h2, .minute_right h3 {
        line-height: 1.2em;
        margin: 0;
        padding: 0;
    }

    .minute_right h2 {
        font-size: 1.2em;
        color: #000;
    }

    .minute_right h3 {
        font-size: 0.8em;
        text-transform: uppercase;
        color: #666;
    }

#content .minute_right p {
    color: #666;
    margin: 0;
    padding: 0;
}

h2.minute_number {
    font-size: 1.8em;
    color: #666;
    line-height: 1.2em;
    margin: 0 0 0 20px;
    padding: 0;
}

#content h2.minute_title_details {
    color: #4ba147;
    margin-top: 20px;
}

.areaCommandStaff .staff {
    padding-right: 3em;
    min-height: 325px;
}


.staff {
    width: 10.3em;
    float: left;
    display: inline;
    margin-right: 10px;
    text-align: center;
    min-height: 22em;
    height: auto !important;
}

    .staff img {
        background: #fff;
        border-left: 1px solid #e9e5da;
        border-top: 1px solid #e9e5da;
        border-right: 3px solid #e9e5da;
        border-bottom: 3px solid #e9e5da;
        padding: 6px;
    }

    .staff span {
        width: 120px;
        min-height: 155px;
        height: 167px;
        display: block;
        position: absolute;
        z-index: 200;
        margin-left: 10px;
    }

    .staff h3 {
        font-size: 1.1em;
        margin: 8px 0 2px;
    }

.staff_name {
    margin-bottom: 2px;
}

.s_image img {
    background: #fff;
    border-left: 1px solid #e9e5da;
    border-top: 1px solid #e9e5da;
    border-right: 3px solid #e9e5da;
    border-bottom: 3px solid #e9e5da;
    margin-bottom: 20px;
    padding: 8px;
}

caption {
    color: #9ba9b4;
    font-size: .94em;
    letter-spacing: .1em;
    caption-side: top;
    text-align: center;
    margin: 1em 0 0;
    padding: 0;
}

.column1 {
    background: #f9fcfe;
}

td {
    color: #678197;
    border-bottom: 1px solid #dadbd6;
    border-left: 0 solid #e5eff8;
    text-align: center;
    padding: .3em 1em;
}

thead th {
    background: #f5f6f1;
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    color: #173676;
}

tfoot th {
    text-align: center;
    background: #f4f9fe;
}

    tfoot th strong {
        font-size: 1.2em;
        font-weight: 700;
        color: #173676;
        margin: .5em .5em .5em 0;
    }

    tfoot th em {
        color: #f03b58;
        font-weight: 700;
        font-size: 1.1em;
        font-style: normal;
    }

.thumbarticle {
    float: left;
    width: 100%;
    padding-bottom: 5px;
}

    .thumbarticle img {
        float: left;
        margin-right: 10px;
        padding: 8px;
    }

    .thumbarticle strong {
        display: block;
        padding-top: 10px;
        font: normal 17px;
        font-weight: 700;
    }

    .thumbarticle i {
        font-size: 14px;
        color: #999;
    }

.odd {
    background-color: #ECF2FE !important;
}

.even {
    background-color: #fff !important;
}

.whoswho {
    position: relative;
    border: 1px solid #ddd;
    background: url(img/bcbg.gif) top right no-repeat;
    margin: 0;
    padding: 10px;
    background-color: #fff;
}

    .whoswho img {
        width: 100px;
    }

    .whoswho strong, .whoswho em {
        display: block;
        position: absolute;
        top: 10px;
        left: 115px;
        margin-left: 0;
        width: 175px;
        text-align: center;
        font-size: 0.9em;
    }

    .whoswho em {
        margin-top: 1.5em;
    }

    .whoswho strong {
        margin-top: 60px;
        color: #10499e;
    }

    .whoswho em {
        top: 110px;
        font-style: italic;
    }

.archivemonths {
    display: block;
    width: 200px;
    margin-top: 10px;
}

.archiveselected {
    background: url(img/archivebg.png) !important;
}

.archivelist a {
    font-weight: 700;
}

#sitemap {
    padding-top: 10px;
    width: 500px;
}

    #sitemap li {
        background-image: none !important;
    }

    #sitemap ul li {
        font-size: 1.3em;
        padding-right: 0;
    }

    #sitemap ul ul li {
        font-size: 0.9em;
    }

.mapdivider .gobtn {
    vertical-align: middle;
}

.mapdivider .LocationSearchBox {
    width: 7em;
    vertical-align: middle;
}

#nhoodselect .gobtn {
    margin-top: 6px;
}

#moostick {
    height: 30px;
    position: relative;
    background: #fff;
    border: 0 solid #c2d6fc;
}

ul#moostick li {
    width: 580px;
    background: none !important;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

#moostick li a {
    color: #be0f28;
    margin-left: 20px;
    font-weight: 700;
}

.fblink {
    display: block;
    height: 20px;
    background: url(img/feedbackicon.gif) top left no-repeat;
    text-indent: 23px;
}

a.fbButton {
    display: block;
    height: 51px;
    width: 160px;
    text-indent: -2000px;
    background: url(img/feedbackButton.gif) top left no-repeat;
}

.photo {
    width: 100px;
    height: 155px;
    float: right;
    z-index: 100;
    margin: 30px;
}

.persondetails .photo {
    float: right;
}

.photo img {
    background: #fff;
    border: solid 1px #ccc;
    padding: 4px;
}

.photo span {
    width: 112px;
    height: 167px;
    display: block;
    position: absolute;
    top: -3px;
    left: -10px;
    z-index: 200;
}

/*
.details-wrap img {
float:left;
margin-right:7px;
margin-bottom:7px;
padding:0 !important;
}
*/

.details-wrap img {
    float: right;
    margin-left: 7px;
    margin-bottom: 7px;
    padding: 0 !important;
    width: 250px;
}

.viewLargeImage {
    display: block;
    float: right;
    text-align: right;
    margin-right: -19em;
    margin-top: -2em;
}

#tabs {
    height: 4.1em;
    width: 100%;
}

    #tabs a.home {
        background: url(img2/nav_home.png) no-repeat 0 0;
        height: 32px;
        line-height: 32px;
        text-indent: -9999px;
        width: 32px;
        padding: 0px 0px 0px 0px !important;
    }

        #tabs a.home:hover {
            background-position: 0 -32px;
        }

        #tabs a.home:active {
            background-position: 0 -64px;
        }

    #tabs ul {
        list-style: none;
        margin: 0;
        padding: 15px 5px 0;
    }

    #tabs li {
        display: inline;
        font-size: 0.9em;
        text-align: center;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
    }

    #tabs a {
        float: left;
        text-decoration: none;
        margin: 0;
        padding: 10px 3px 10px 10px;
        color: #fff;
        font-weight: 300;
    }

        #tabs a.current, #tabs a.current:hover {
            color: #666;
        }

        #tabs a:hover {
            color: #ccc;
        }

        #tabs a:active {
            color: #bbb;
        }

ul li.eventsummarylistitem {
    margin-top: 0.5em;
}

    ul li.eventsummarylistitem span.eventTime {
        color: #444;
        font-weight: 700;
    }

    ul li.eventsummarylistitem span.eventlocation {
        font-size: 80%;
        color: #666;
    }

table.eventCalendar tr th {
    background: #036;
    color: #fff;
}

table.eventCalendar tr td {
    border: 1px solid #eee;
}

    table.eventCalendar tr td:hover {
        background: #cf9;
    }

    table.eventCalendar tr td.currentDay {
        background: #cfc;
    }

    table.eventCalendar tr td.blankCell table.eventCalendar tr td.blankCell:hover {
        background: #eee;
    }

div.calNextLink {
    float: right;
    width: auto;
}

div.calPrevLink {
    float: left;
    width: auto;
}

div#creditfooter, h1 img, #play_scroll_cont {
    display: none;
}

fieldset, img, div.btn ul li a:hover {
    border: 0;
}

    img.floatright img {
        float: right;
        margin-bottom: 10px;
        padding-left: 10px;
        position: relative;
        font-size: 12px;
    }

.persondetails img {
    margin-bottom: 10px;
    position: relative;
    font-size: 12px;
    margin-top: -3em;
}

a img, img a, #newsbox h2 {
    border-bottom: none !important;
}

.breadcrumbs li, #footer ul, #footer ul li {
    display: inline;
}

    #footer ul li, .archiveselected a {
        color: #FFF;
    }

        #footer ul li a:hover, #TickerVertical li .NewsTitle a:hover {
            text-decoration: underline;
        }

#content p, #content h2, #content h3, #content div, #sitemap ul {
    margin-bottom: 10px;
}

#content p {
    font-size: 1em !important;
}

#content p, #LocationSearchForm {
    margin-top: 10px;
}

.mapdivider form, .mapdivider div {
    margin-left: 10px;
}

#nhoodselect select, #nhoodselect input, #emergency_box1 .hpnb_story img {
    float: left;
}

tr.odd td, tr.odd .column1 {
    background: #f5f6f1;
}

th, #statshead {
    font-weight: 400;
    color: #678197;
    text-align: left;
    border-bottom: 1px solid #dadbd6;
    border-left: 0 solid #e5eff8;
    padding: .3em 1em;
}

.archivemonths li, .archiveyears li {
    display: block !important;
    float: left;
    width: 80px;
    height: 45px;
    margin: 5px;
}

    .archivemonths li a, .archiveyears li a {
        display: block;
        width: 80px;
        height: 45px;
        text-align: center;
        line-height: 45px;
        border-bottom: none;
        font-size: 2em;
    }

#tabs a:hover, #tabs #current a {
    background-position: 0 -42px;
}

table.eventCalendar tr td.selectedDay, table.eventCalendar tr td.selectedDay a {
    background: #f33;
    color: #fff;
}

.topSection {
    padding: 0 10px 20px 10px;
    background-color: #f8f9fc !important;
    margin-top: 48px;
    border: 1px solid #ddd;
}

.topHeader {
    background: #192957 url('img2/top-header.png') no-repeat;
    height: 27px;
    float: right;
    width: 730px;
}

.emgNumber {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding: 6px 0 0 40px;
    float: left;
}

.registration {
    float: left;
    padding: 25px 0 0 90px;
}

.greeting {
    padding: 0 0 0 20px;
    color: #fff;
    font-size: 0.8em;
}

.profileButtons {
    padding-left: 20px;
}

    .profileButtons a {
        color: #fff;
        font-weight: bold;
        padding-right: 10px;
        font-size: 0.8em;
    }

#homenews {
    padding: 0 0 0 0;
    min-height: 225px;
}

    #homenews img {
        width: 450px;
        padding: 0px !important;
        margin: 0px !important;
    }

.featureitem {
}


.col {
    margin-right: 10px;
    float: left;
}

    .col:last-child {
        margin-right: 0;
    }

.whole {
    width: 960px;
    margin-right: 0;
}

.half {
    width: 450px;
}

.third {
    width: 287px;
    margin-left: 0.2em;
}

.twoCols {
    width: 48%;
    margin-left: 0.2em;
}

.twothird {
    width: 600px;
}

.col.fifth img {
    width: 12em;
}

.fourth {
    width: 220px;
}

.fifth {
    width: 176px;
}

.sixth {
    width: 143.333px;
}

.newsticker_wrapper {
    font: 17px;
    color: #152245;
    /*height: 30px;
    padding:20px 0 20px 0;*/
    top: 5px;
    width: 700px !important;
    float: left;
}

#twitterticker {
    height: 40px;
    margin-top: 10px;
}

    #twitterticker h3 {
        width: 210px;
        float: left;
        height: 25px;
        line-height: 25px;
        vertical-align: middle;
        margin-top: 15px;
    }

    #twitterticker img {
        float: right;
        margin-right: 10px !important;
        padding: 5px 3px 3px 3px !important;
    }


.newsticker_scroller {
    660px;
}

.newsticker_wrapper .newsticker_title {
    float: left;
    background: transparent url('img2/list_bg.png') no-repeat top right;
    /* padding-right: 7px;
    margin-right: 15px;*/
}

#twitterticker h3 a {
    height: 25px !important;
    display: block;
    float: left;
}

    #twitterticker h3 a.flickr img,
    #twitterticker h3 a.facebook img,
    #twitterticker h3 a.twitter img,
    #twitterticker h3 a.youtube img {
        margin-top: -7px;
        height: 25px;
    }

    #twitterticker h3 a.facebook,
    #twitterticker h3 a.twitter {
        width: 25px;
        margin-right: 3px;
    }

    #twitterticker h3 a.youtube {
        width: 62px;
        margin-right: 7px;
    }

    #twitterticker h3 a.flickr {
        margin-right: 7px;
    }

    #twitterticker h3 a.twitter {
        margin-right: 7px;
    }

.newsticker_wrapper h4 {
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0 4px;
    font-weight: bold;
}

.newsticker {
    margin: 0;
    padding: 0;
}

    .newsticker li {
        padding: 0 15px;
    }

    .newsticker a {
        color: #173676;
    }

.newsticker_controls {
    position: absolute;
    right: 9px;
    top: 0;
    list-style-type: none;
    list-style-image: none;
    background-color: transparent;
    z-index: 30;
    margin: 20px 40px 20px 30px;
}

    .newsticker_controls li {
        float: left;
        height: 30px;
        width: 23px;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: transparent;
        cursor: pointer;
    }



    .newsticker_controls .pause {
        background-image: url('img2/pause.png');
    }

    .newsticker_controls .resume {
        background-image: url('img2/resume.png');
    }

    .newsticker_controls .previous {
        background-image: url('img2/previous.png');
    }

    .newsticker_controls .next {
        background-image: url('img2/next.png');
    }

/* Reveal */
.newsticker_style_reveal .newsticker li {
    left: 15px !important;
}

/* Scroll */
.newsticker_style_scroll .newsticker_title {
    margin-right: 10px;
}

.newsticker_style_scroll .newsticker {
    background: none;
}

    .newsticker_style_scroll .newsticker li {
        margin-right: 80px;
    }


ul.recent {
    margin: 0px;
    padding: 0px;
}

.recent li {
    list-style-type: none;
    margin-bottom: 5px;
    float: left;
    width: 98%;
}

.newsImageHolder {
    background-color: #fff;
    border: 1px solid #eaeaea;
    width: 125px;
    height: 80px;
    float: left;
    margin-right: 5px;
    overflow: hidden;
}

#homenews .newsImageHolder img {
    width: 125px;
}

img.alignleft, img.alignright, img.aligncenter, img.alignnone {
    margin-bottom: 12px;
}

.alignleft, img.alignleft {
    display: inline;
    float: left;
    margin-right: 12px;
    margin-top: 3px;
}

.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 12px;
    margin-top: 5px;
}

.news-thumbnail {
    position: relative;
    width: 450px;
    height: 310px;
    margin-left: 5px;
    background-color: #f2f2f2;
    border: 1px solid #EAEAEA;
    overflow: hidden;
}


.news-detail {
    opacity: 0.85;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    padding: 15px 20px 10px 20px;
}

    .news-detail p {
        margin: 0 0 0.5em;
    }

.featuredSection {
    margin-top: 15px;
    padding-left: 5px;
}

#outerfooter {
    margin-left: auto;
    margin-right: auto;
    background-color: #154b95;
    border-top: 5px solid #152245;
}


#footer {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 960px;
}

#pccico {
    background: transparent url(/css/img/PCC-Logo-white-tb.png) no-repeat;
    text-indent: -9000px;
}

#twico {
    background: transparent url(/css/img2/twitter.png) no-repeat;
    text-indent: -9000px;
}

#fbico {
    background: transparent url(/css/img2/facebook.png) no-repeat;
    text-indent: -9000px;
}

#ytico {
    background: transparent url(/css/img2/youtube3.png) no-repeat;
    text-indent: -9000px;
}

#flico {
    background: transparent url(/css/img2/flickr-large.png) no-repeat;
    text-indent: -9000px;
}

#footer ul {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

    #footer ul ul {
        float: none;
    }

    #footer ul li a {
        color: #fff;
        margin-left: 5px;
        margin-right: 3px;
        margin-top: 3px;
        text-decoration: none;
        font-size: 0.86em;
    }

.helplines h2 {
    display: block;
    border-bottom: 2px solid #2c2d2f;
    padding: 10px 0 10px 20px;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
}

.helplines h3 {
    padding: 0 0 0 20px;
    font-size: 14px;
    line-height: 5px;
    color: #fff;
}

.helplines dl {
    padding-left: 20px;
    color: #fff;
    padding-bottom: 10px;
}

    .helplines dl dt {
        float: left;
        margin-right: 20px;
        padding-top: 5px;
        width: 90px;
    }

    .helplines dl dd {
        margin: 2px 0;
        padding-top: 5px;
        padding-left: 10px;
    }


#outerfooterBottom {
    margin-left: auto;
    margin-right: auto;
    border-top: 2px solid #2c2d2f;
    background-color: #152245;
}

.footerBottom {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    height: 5em;
    width: 960px;
}

    .footerBottom p {
        color: #fff;
        padding: 20px 0 10px 20px;
    }

    .footerBottom ul, .footerBottom ul li {
        display: inline;
        padding: 0 0 0 5px;
    }

        .footerBottom ul li a {
            color: #FFF;
            font-size: 0.9em;
        }

            .footerBottom ul li a:hover a:hover {
                text-decoration: underline;
            }

ul.campaigns-list {
    margin: 0px 0px 0px 0px !important;
}

.campaigns-list ul li {
    padding: 0 20px 3px 15px;
}

.campaigns-list li {
    background: none !important;
    line-height: 18px;
    border: 2px solid #e5e5e5;
    float: left;
    margin: -1px 0 0 -1px;
}

.featuredSection h2, .headline {
    display: block;
    border-bottom: 4px solid #e7e7e7;
    padding: 0 0 5px 0;
    margin: 17px 0 20px 0;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
    padding-top: 5px;
}

.socialLinks {
    padding-top: 15px;
    padding-left: 30px;
}

    .socialLinks a {
        display: block;
        margin-right: 25px;
        float: left;
        padding: 0px 0px 20px 10px;
    }

        .socialLinks a, .socialLinks a img {
            height: 27px !important;
        }

#search {
    float: right;
    margin-top: 20px !important;
    *margin-top: 1px !important;
}

    #search input[type="text"] {
        background: url(/css/img2/white-search-icon.png) no-repeat 10px 6px #fcfcfc;
        border: 1px solid #d1d1d1;
        font: bold 12px Arial,Helvetica,Sans-serif;
        color: #bebebe;
        width: 150px;
        padding: 6px 15px 6px 35px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
    }

        #search input[type="text"]:focus {
            width: 200px;
        }

.textfield {
    color: #666;
    float: left;
    font: 0.9em verdana, arial, sans-serif;
    width: 200px;
    margin: 0;
    padding: 2px;
}

.footerLinks, .copyright {
    font-size: 0.9em;
}

.footerLinks {
    padding-top: 20px;
}

.topLandingSection {
    padding: 5px 5px 0 5px;
    background-color: #f0f2f4;
    margin-top: 40px;
}



a.icon-profile {
    background: url(/css/img2/icon-profile.png) center left no-repeat;
    padding-left: 24px;
}

a.icon-login {
    background: url(/css/img2/icon-login.png) center left no-repeat;
    padding-left: 24px;
}

a.icon-logout {
    background: url(/css/img2/icon-logout.png) center left no-repeat;
    padding-left: 24px;
}

a.icon-register {
    background: url(/css/img2/icon-register.png) center left no-repeat;
    padding-left: 24px;
}

h2.neighbourhoodSection {
    display: block;
    color: #000 !important;
    border-bottom: 6px solid #e20a7e;
    padding: 0 0 5px 0;
    margin: 20px 0 0px 0;
}

h2.neighbourhoodTitle {
    display: block;
    color: #000 !important;
    border-bottom: 6px solid #e20a7e;
    padding: 0 0 5px 0;
    margin: 20px 0 0px 0;
}

h2.brownSection {
    border-bottom: 6px solid #725d2f;
}

h2.greenSection {
    border-bottom: 6px solid #527b62;
}

h2.northumberlandSection {
    border-bottom: 6px solid #53b953;
}

h2.newcastleSection {
    border-bottom: 6px solid #655ba5;
}

h2.gatesheadSection {
    border-bottom: 6px solid #fdc82d;
}

h2.sunderlandSection {
    border-bottom: 6px solid #71c1ec;
}

h2.northTynesideSection {
    border-bottom: 6px solid #ba72ae;
}

h2.southTynesideSection {
    border-bottom: 6px solid #ee3938;
}

dl.sentencingOutcome {
    width: 100%;
    overflow: hidden;
}

    dl.sentencingOutcome dt {
        float: left;
        font-weight: bold;
        color: #152245;
        width: 20%;
    }

    dl.sentencingOutcome dd {
        float: left;
        width: 80%;
    }

.widget {
    margin-bottom: 28px;
    width: 22em;
    padding: 0 0 5px;
}


    .widget ul {
        margin: 0 0 0 1px !important;
    }

        .widget ul li {
            background: url(img2/bullet.png) 0 3px no-repeat !important;
            line-height: 17px;
            padding: 0 0 4px 12px !important;
        }

.details-wrap {
    padding-bottom: 20px;
}


#TTSbarbutton {
    width: 144px;
    height: 23px;
    float: left;
    margin: 2px 0 0 15px;
}

    #TTSbarbutton img {
        padding: 0px !important;
        margin: 0px 0px 0px 0px !important;
    }

#google_translate_element {
    float: left;
    margin: 1px 0 0 15px;
}

    #google_translate_element img {
        padding: 0px !important;
        margin: 0px 0px 0px 0px !important;
    }

#barholder img {
    padding: 0px !important;
    margin: 0px 0px 0px 0px !important;
}


a.callToActionButton:link, a.callToActionButton:visited {
    display: block;
    color: #ccc;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    margin: 0;
}

.callToActionButton .np-icon {
    float: left;
    margin: 0px 0px 0px 0px;
}

a.callToActionButton:hover {
    background-color: #6d6d6d;
    color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.button-blue a.callToActionButton:hover {
    background-color: #335191;
}

.button-purple a.callToActionButton:hover {
    background-color: #813272;
}

.button-orange a.callToActionButton:hover {
    background-color: #e36346;
}

.button-light-blue a.callToActionButton:hover {
    background-color: #87b8df;
}

.button-red a.callToActionButton:hover {
    background-color: #be2929;
}

.button-burntorange a.callToActionButton:hover {
    background-color: #ca5b14;
}

.button-green a.callToActionButton:hover {
    background-color: #68c358;
}

.button-burgundy a.callToActionButton:hover {
    background-color: #ab1245;
}

.button-salmon a.callToActionButton:hover {
    background-color: #fa7a62;
}

.button-teal a.callToActionButton:hover {
    background-color: #338e90;
}

span.landingtitle {
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 20px 0px 20px 00px;
}

a.callToActionButton:link, a.callToActionButton:visited {
    display: block;
    color: #f7f7f7;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    margin: 0;
}

.button-grey {
    background-color: #6d6d6d;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.button-blue {
    background: #23407d;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.button-purple {
    background: #760962;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.button-orange {
    background: #cc4728;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.button-light-blue {
    background: #77aad4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.button-red {
    background: #b91010;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.button-burntorange {
    background: #b84902;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.button-green {
    background: #56b146;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.button-burgundy {
    background: #990033;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.button-salmon {
    background: #e86850;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.button-teal {
    background: #217c7e;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.np-icon {
    background: url(/css/img2/np-icons.png) no-repeat top left;
    display: block;
}

.badge {
    background-position: 0 0;
    width: 64px;
    height: 64px;
}

.calendar {
    background-position: -74px 0;
    width: 64px;
    height: 64px;
}

.eye {
    background-position: -148px 0;
    width: 64px;
    height: 64px;
}

.help {
    background-position: -222px 0;
    width: 64px;
    height: 64px;
}

.info {
    background-position: -296px 0;
    width: 64px;
    height: 64px;
}

.magnifier {
    background-position: -370px 0;
    width: 64px;
    height: 64px;
}

.phone {
    background-position: -444px 0;
    width: 64px;
    height: 64px;
}

.speech-bubble {
    background-position: -518px 0;
    width: 64px;
    height: 64px;
}

.stop {
    background-position: -592px 0;
    width: 64px;
    height: 64px;
}

.tablet {
    background-position: -666px 0;
    width: 64px;
    height: 64px;
}

.user {
    background-position: -740px 0;
    width: 64px;
    height: 64px;
}

.ebeat-but-pos {
    margin-bottom: 0.8em;
}

.bx-pager {
    bottom: 0px !important;
    margin-left: -60px;
    height: 12px;
}

#content ul.shadelist li {
    background: none !important;
    line-height: 17px;
    padding: 0 0 0 0 !important;
}

ul.recent h4 {
    margin-bottom: 5px;
}

.social-icons {
    margin-right: 10px;
}

#twitterticker a.flickr img {
    height: 26px;
    width: 26px;
}

#twitterticker a.facebook img {
    height: 26px;
    width: 26px;
}

#twitterticker a.twitter img {
    height: 26px;
    width: 26px;
}

#twitterticker a.youtube img {
    height: 26px;
    width: 66px;
}

.whoswhoofficers {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -moz-column-gap: 2em;
}

a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

.recent li p {
    font-size: 1em;
}

.button-light-blue {
    height: 7.2em;
}

    .button-light-blue span.landingtitle {
        margin-top: -1.0em;
		margin-bottom: -0.3em;
    }

.social-news {
    display: inline;
    width: 20em;
}

    .social-news div {
        display: inline;
        float: left;
        margin-right: -20px;
    }

.infobox {
    margin: 10px;
    text-decoration: none;
    font: bold 1.5em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the infobox*/
    display: inline-block;
    text-align: center;
    color: #fff;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}

    .infobox,
    .infobox span {
        -moz-border-radius: .3em;
        border-radius: .3em;
    }

        .infobox span {
            border-top: 1px solid #fff; /* Fallback style */
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            display: block;
            padding: 0.5em 2.5em;
            /* The backgroun pattern */
            background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
            /* Pattern settings */
            background-size: 3px 3px;
        }

.infobox-blue {
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}

#search {
    width: 20em;
    margin-right: 13em;
}

table.gsc-search-box {
    border: 2px #0C53A1 solid !important;
}

.linknostyle
{
	text-decoration:none;
}


/* Begin Temporary hack to hide broken Google Maps*/

img.staticmap
{
display:none;
}

/* End Temporary hack to hide broken Google Maps*/

/* Begin New additions - Sep 2016 Onwards */

.photo 
{
width:9.5em;
height:13.95em;
}

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

.staff img
{
max-width:100%;
}

#twitcker-bar, #twitcker-toggler, #twitcker-offset
{
height:0px !important;
display:none !important;
}

/* Hide Responsive Menu */

#tabnav
{
	display:none;
}


.gsc-branding{
display:none !important;
}


/* TEMPORARY COMMENT */
/* TEMPORARY COMMENT */
/* TEMPORARY COMMENT */
/* TEMPORARY COMMENT */
/* TEMPORARY COMMENT */
/* TEMPORARY COMMENT */
/* TEMPORARY COMMENT */



/*Tablet*/

@media screen and (max-width: 968px) {


/* BEGIN Header Content*/

#tabs
{
margin:0.6em;
height:3em !Important;
background:#0054a1;
overflow:hidden;
margin-left:-0.8em;
}

#nav
{
display:none;
}

#tabs a
{
margin-top:-1.1em;
}

td.gsc-input, td.gsc-search-button,  td.gsc-clear-button
{
border-bottom:none;
}

#TTSbarbutton
{
margin-top:2.9em;
}

#TTSbarbutton img
{
padding-left:1.2em !Important;
}


h2
{
color: #fff;
}


.topHeader
{
margin-top:3em;
background:none;
}

table.gsc-search-box 
{
margin-top:-4em;
margin-left:3em;
border: none !important;
}


#google_translate_element
{
margin-left:-9.5em;
margin-top:-2.6em;
}

/* END Header Content */




#TTSbarbutton img
{
display:none;
}

#pageContainer, #outer, .homepage, #webpage
{
max-width:100% !important;
overflow:hidden;
}

#header
{
height:10.0em !important;
overflow:hidden;
}

.topHeader
{
float:right;
max-width:38%;
padding-right:0.3em !important;
}

.emgNumber
{
padding:0px !important;
position:absolute;
top:2.8em;
width:24% !important;
right: 0.4em;
overflow:hidden;
font-size:78%;
min-width:4em !important;
}


#google_translate_element
{
position:absolute;
top:2.4em;
right:0em;
}

#header h1
{
background-size: contain;
height:5.5em;
}

form.gsc-search-box
{
position:absolute;
top:11.6em;
left:-1.8em !important;
max-width:20em;
}

.goog-te-gadget
{
float:right;
width:99%;
overflow:hidden;
}

#search
{
float:left;
margin-left:-16%;
width:74%;
margin-bottom:2em;
}

.gsc-input
{
float:right;
width:6em !important;
}

#tabs
{
height:6em !important;
max-height:6em !important;
width: 101%;
max-width: 102%;
margin-left:-0.2em !important; 
}

#tabs ul
{
overflow:hidden;

}

#tabs ul li 
{
text-indent: 2.95em;
}

#tabs ul li a
{
font-size: 93%;
}

#tabs ul li:nth-of-type(2)
{
text-indent: 0.3em !important;
}


/*Secondary Header */


#google_translate_element
{
margin-right:0.1em;
margin-top:0.1em;
}

#TTSbarbutton
{
overflow:hidden;
max-width:11em;
float:right;
display:block !important;
margin-top: -1em !important;

}

#TTSbarbutton img
{
display: block;
padding:0px !important;
width:103%;
}

.emgNumber
{

top:5em;
width:16em !important;
text-align:right;
}


/*End Seconday Header */




#webpage
{
max-width: 100%;
}


#footer
{
max-width:100%;
}


.footerBottom
{
max-width:100%;
}


.footerLinks
{
position:absolute;
margin-top:5.6em;
background:#163370;
left:0px !important;
width:100% !Important;
margin-left:-0em;
text-align:center !important;
}


.footerlinks li:nth-of-type(6)
{
margin-left:3.5em;
} 



#pccico
{
margin-left:2em !important;
width:90%;
max-width:90%;
background-size: contain;
}



#page
{
background:#fff;
}

#pageContainer
{
background: #0054a1 !important;
}

#google_translate_element
{
position:absolute;
right:0em;
top:-0em;
}


#outer 
{
background-image: none;
no-repeat center center ;
background-size:cover;
background-position: 0em 11.05em;
}


#leftcol .widget:first-of-type h2
{
display:none;
}

/*
#content h2, #content h3
{
clear:both;
float:left;
width:100%;
}
*/

#leftcol
{
margin-top:0em !important;
width:98%;
}



.breadcrumbs
{
padding-bottom:0.3em;
}




small
{
margin-top:0.1em !important;
}

strong a
{
font-size:0.7em !important;
}

.left, .right
{
width:100%;
}

.thumbarticle
{
max-width:98%;
clear:both;
overflow:auto;

}

ul.breadcrumbs 
{
color:grey;
}

ul.breadcrumbs a
{
color:blue;
}

#content
{
margin-left:0.3em !important;
min-width:98%;
max-width:98%;
padding-right:0.5em;
border-bottom:1em solid white;
}

.widget:nth-of-type(2)
{
min-width:90%;
}

.widget:nth-of-type(1) li
{
min-width:100% !important;
}

.widget:nth-of-type(2) li
{
display:inline-block;
float:left;
margin-left:1.0em;
}


h2
{
color: black;
}

.areaCommandStaff
{
overflow:hidden;
}


.archivemonths a, .archiveyears a
{
color:#0054A1;
font-size:small !important;
height:2.8em !important;
line-height: 2.2em !important;
max-width:4.5em;
margin-left:-0.7em;
}

li.archiveselected 
{
background: #0054a1 !important;
}

li.archiveselected a
{
color:#fff;
}



.archivemonths,.archiveyears

{
position:absolute;
left:1em;
min-width:25em;
max-width:25em
min-height:5.5em;
max-height:5.5em;
overflow:hidden;
height:1px important;
margin-left:-1em;

}

.archivemonths
{
margin-top:-2.7em;
}


.archiveyears
{
margin-top:3.5em;
}

.archivemonths li, .archiveyears li
{
border: 1px #0054A1 solid;
border-radius:10%;
width:3.2em;
height:1.8em;
}

}



/*RESPONSIVE NAV MENU*/

@media screen and (min-width: 0px) and (max-width: 980px)
{

#content
{
top:12.5em !Important;
}

.widget li
{
font-size:0.9em!important;
min-width:40%;
max-width:40%;
}

#tabs a.home
{
background:none;
text-indent:1.1em;
}

input[name=tabnav] + label:before
{
content:url('https://www.northumbria.police.uk/media/8817656/resp-menu-white-trans-32x32.png');
position:absolute;
top:10.8em;
left:1em;
}

input[type=checkbox] + label
{
no-repeat fixed center;
}

#tabs 
{
margin-top:-1.7em;
}

#tabs ul
{
display:none;
}

#tabnav:checked ~ #tabs ul
{
background:#0054a1;
margin-left:0.2em;
border-right: 0.3em lightgrey solid;
display:block;
position:absolute;
top:14.4em;
width: 30.0em;
z-index:9999;
height:66.0%;
float:left;
overflow:hidden;
}

#tabnav:checked ~ #page #content,
#tabnav:checked ~ #page .widget:nth-of-type(2),
#tabnav:checked ~ #page #FeaturedItems
{
opacity: 0.2;
filter: alpha(opacity=20); 
}

#tabnav:checked ~ #page #nav
{
background:#fff;
margin-left:-0.2em;
display:block;
position:absolute;
top:14.4em;
width: 15em;
height:66.41%;
position:absolute;
width:15em;
left:16em;
overflow:hidden;
z-index:9999;
opacity: 1;
filter: alpha(opacity=100); 
}

#tabnav:checked ~ #tabs li 
{
display:block;
width:25em;
float:left !important;
text-indent:0.2em;
}



#leftcol
{
float:none;
overflow:hidden;
}


.arrowright
{
display:none;
}





}

/*Smartphone*/
@media screen and (max-width: 500px) 
{

.container
{
padding-left:1em;
max-width:100% !important;
width:100% !important;
min-width: 33%;
zoom: 0.9;
-moz-transform: scale(0.9);
}

.container li
{
max-width:33%;
}

.formblock
{
zoom: 0.7;
-moz-transform: scale(0.7);
border: 2px white solid;
}


.thumbarticle
{
max-width:55.0%;
clear:both;
overflow:auto;
}
		

}	



/* Search and homepage tweaks - Apr 2018 */

.gsc-input-box

{

border:none !important;

background:#0054A1 !important;

padding-top:0.6em;

margin-bottom:-0.6em;

}




.gsc-input-box:hover

{

border-style:none !important;

box-shadow:none !important;

}




input[name="search"]

{

background:Red;

width:17em !Important;

max-width:17em;

padding:0.3em !important;

margin-left:-6em !Important;

}




.gsc-input-box td, .gsc-input-box table

{

border:none;

}




.gsc-search-button

{

margin-top:-1em !important;

}





.gsib_b

{

display:none;

}




table.gsc-search-box

{

border:none !Important;

}




.gsc-input, .gsc-search-button

{

border:none !Important;

}




.gsc-search-button-v2

{

background:#163370;




}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */