/*!
 * Department of Police and Justice
 *
 * Copyright 2014
 * Initialy designed and built by Allan Ranola
 *      
*/

/* Global styles */
body {
    color: #000;
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    overflow: auto;
}

h1 {
    margin: 1em 0 .4em;
    color: #083a81 !important;
    font-size: 16pt;
    font-weight: 700;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    line-height: 25px !important;
}

h2 {
    margin: .8em 0;
    color: #0063a0 !important;
    font-size: 14pt;
    font-weight: 700;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    line-height: 23px !important;
}

h3 {
    font-size: 12pt;
    color: #000;
    font-weight: 700;
}

h4 {
    font-size: 10pt;
    color: #000 !important;
    font-weight: 700;
}

h5 {
    color: #888;
}

p {
    line-height: 1.4em;
    color: #002563;
}

blockquote {
    border: none !important;
}

    blockquote p {
        font-size: inherit !important;
        font-weight: inherit !important;
    }

a,
a:link,
a:hover,
a:focus {
    color: #00f;
}

    a:hover {
        text-decoration: underline;
    }

    a:active {
        color: #00f;
    }

    a:visited {
        color: purple;
    }

/* SharePoint Styles */
#s4-workspace {
    font-size: 10pt;
    overflow: initial !important;
}

    #s4-workspace .ms-rtestate-field {
        color: #002563;
    }

    #s4-workspace #s4-bodyContainer {
        position: relative;
    }

/* Hide left navigation */
#sideNavBox {
    display: none !important;
}

.wrapper {
    background: url("../LIB7025/bg_wrap-mainsite-trans.png") repeat-y scroll center top transparent !important;
}

.DJlogo {
    width: 233px;
    height: 70px;
    margin-top: 50px;
    background-image: url("/Style%20Library/en-us/DJ/img/logo.png");
    background-repeat: no-repeat;
}

.header {
    margin-top: 0;
}

#main {
    min-height: 400px;
}

div#pageend {
    display: none;
}

.ms-ref-refiner[refinerName="SPContentType"] #Value label {
    white-space: normal !important;
}

.ms-srch-result {
    margin-top: 0 !important;
}

.ms-ref-refiner {
    padding: 0;
}

.ms-ref-refinername:link,
.ms-ref-refinername:visited {
    width: 100%;
}

.ms-srch-result #ResultHeader {
    display: block;
}

.ResultSubheader #Paging {
    margin: 0;
    float: right;
}

.ResultSubheader {
    overflow: hidden;
    margin: 20px 0 0;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

    .ResultSubheader #Actions,
    .ResultSubheader p {
        float: left;
        margin-right: 10px;
    }

.ms-srch-Paging {
    margin: 10px 0;
    padding: 0;
}

.ms-srch-result #PagingLink a,
.ms-srch-result #PagingSelf a {
    padding: 0;
}

ul.ms-srchnav-list {
    display: inline-block;
}

    ul.ms-srchnav-list,
    ul.ms-srchnav-list li {
        margin: 0;
        padding: 0;
    }

.ms-srch-result #Paging li {
}

    .ms-srch-result #Paging li:hover {
    }

        .ms-srch-result #Paging li:hover > a,
        .ms-srch-result #PagingSelf a {
            color: #fff;
            background: #002563 !important;
            cursor: pointer;
        }

    .ms-srch-result #Paging li a {
        font-weight: 400;
        padding: 5px 10px 6px;
        background: #ddd;
    }

        .ms-srch-result #Paging li a#PageLinkNext {
            padding: 5px 6px;
        }

        .ms-srch-result #Paging li a#PageLinkPrev {
            padding: 5px 6px;
        }

.ms-promlink-button {
    border: none;
    padding: 0;
    background: none;
}

ul.ms-srchnav-list h2 {
    font-size: 1.2em;
    display: block;
    margin: 0;
}

.js-webpart-titleCell h2 {
    color: #002563 !important;
    margin: 0 0 10px;
}

ul.ms-srchnav-list li h2 a {
    background: #f7f7f7;
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
}

ul.ms-srchnav-list #Currentcontentsection,
ul.ms-srchnav-list #AllofJustice,
ul.ms-srchnav-list #Inthissection,
ul.ms-srchnav-list #Allofjustice,
ul.ms-srchnav-list #InthisSection {
    display: none;
}

ul.ms-srchnav-list li h2 a.ms-srchnav-link-selected {
    background: #fff;
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, .25);
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .25);
    border-right: 1px solid #eee;
    border-bottom: 1px solid #fff;
    color: #002563 !important;
}

.srch_bestBet {
    background: #dcf1f9;
}

    .srch_bestBet h3 {
        padding: 7px 15px;
        display: block;
        background: #0063a0;
        color: #fff;
    }

    .srch_bestBet .ms-srch-item-body h3 {
        padding: 0;
        background: none;
        margin: 0 0 5px;
    }

    .srch_bestBet .ms-srch-group-content {
        padding: 0 15px 10px;
    }

    .srch_bestBet .ms-srch-bestBetItem-icon {
        display: none;
    }

.ms-srch-item {
    width: auto;
    margin: 0;
    padding: 15px;
}

.ms-ref-ctrl input {
    float: left;
    margin-right: 5px;
}

.ms-ref-ctrl label {
    display: block;
}

.footerBottomWrapper {
    height: 250px;
}

    .footerBottomWrapper .colWrapper {
        width: 220px;
    }

    .footerBottomWrapper .colWrapper {
        color: #fff;
    }

        .footerBottomWrapper .colWrapper a,
        .footerBottomWrapper .colWrapper p {
            color: #fff;
        }

.ms-rtestate-field h1,
h1.ms-rteElement-H1 {
    line-height: 25px !important;
}

.ms-rtestate-field h2,
h2.ms-rteElement-H2 {
    line-height: 23px !important;
}

ul {
}

    ul.ms-core-listMenu-root li {
        margin-left: 20px;
        color: #000;
    }

.MediumContent {
    min-height: 100px;
}

.LargeContent {
    min-height: 300px;
}

.topnavbar li span.menu-item-text .glyphicon-lock {
    font-size: 12px;
    margin-right: 5px;
}

form {
    background-color: #fff;
    background-repeat: repeat-x;
    background-position: center top;
}

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

.ie8 #s4-bodyContainer {
    width: 960px !important;
}

#s4-bodyContainer img {
    display: block;
    height: auto;
    max-width: 100%;
}

#s4-bodyContainer p a img {
    display: inline-block;
}

.Mandatoryfield {
    color: red;
    float: left;
    padding-right: 5px;
}

.Mandatorytext {
    color: red;
    float: right;
    padding-left: 5px;
}

.ms-core-sideNavBox-removeLeftMargin {
    margin-left: 0;
}

#searchbox {
    height: 18px !important;
    float: left;
}

.searchbox {
    height: 18px !important;
    background-color: #fff;
    display: block;
    position: relative;
    width: 230px;
    margin-top: 60px;
    margin-right: 0;
}

.ms-srch-sb {
    float: left;
}

.ms-srch-item {
    width: auto;
}

.ms-srch-item-icon {
}

.ms-srch-item-title h3.ms-srch-ellipsis {
    margin-top: 0 !important;
}

.ms-srch-hover-outerContainer {
    margin-left: -12000px;
    margin-top: -280px;
}

a.ms-srch-sb-searchLink img {
    max-width: none;
}

#ResultFooter #Preferences,
#ResultFooter #Advanced {
    display: none;
}

h1.bannerText_ {
    margin: 0 0 0 20px !important;
    margin-top: 5px !important;
    padding: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 1.8em !important;
    display: block;
    letter-spacing: normal !important;
    line-height: 1.3em !important;
    color: #fff !important;
    margin-left: 0 !important;
}

.headtitle {
    margin-left: 0 !important;
    display: none !important;
}

#s4-bodyContainer {
    background-color: #fff;
    box-shadow: 0 0 160px 0 rgba(172, 172, 172, 1);
}

.ie8 #s4-workspace {
    background-image: url(/_layouts/15/DJ.SharePoint.Justice/img/DJBackground.png) !important;
    background-repeat: repeat-y !important;
    background-position: 49% !important;
}

#main {
}

#s4-bodyContainer,
#header .maincontainer {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0;
}

#header .maincontainer {
}

#main .container {
    background-color: #fff;
}

.container {
    max-width: none !important;
}

.bannerrow {
    height: 182px;
    background-color: green;
    background-repeat: no-repeat;
    margin-right: 0;
    margin-left: 0;
}

    .bannerrow .container {
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

.maintoprow {
    height: 1px;
}

.mainbottomrow {
}

.navbar-default {
    background-color: transparent;
    color: #fff;
}

    .navbar-default a,
    .navbar-default a:link,
    .navbar-default span {
        color: #fff;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

.region-top-nav {
    text-align: right;
}

#topNavlinks {
    display: none;
}

#golbalnav .navbar-default {
    background-color: transparent;
    color: #002166;
}

    #golbalnav .navbar-default a,
    .navbar-default a:link,
    .navbar-default span {
        color: #002166;
    }

#topnavbar .secondaryTopSiteNav .nav-container {
    width: 100% !important;
}

    #topnavbar .secondaryTopSiteNav .nav-container ul.root {
        text-align: right;
    }

#secondaryTopSiteNav span {
    color: #002563;
}

#secondaryTopSiteNav a.static {
    padding-left: 0;
}

#secondaryTopSiteNav span.additional-background {
    padding-right: 10px;
    border-right: 1px #002563 solid;
}

#secondaryTopSiteNav span.menu-item-text:hover {
    border-bottom: 3px #71c6e6 solid !important;
}

#secondaryTopSiteNav li.selected span.menu-item-text {
    background: #c60c30 !important;
    color: #fff;
    text-decoration: none;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
}

#secondaryTopSiteNav li .ms-core-listMenu-item {
    padding-left: 0 !important;
}

.navbar {
    border-width: 0 !important;
    margin-bottom: 0 !important;
}

.navfall {
    width: 100%;
    height: 27px;
    background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/marque-bg.gif");
    background-repeat: repeat-x;
    background-position: center bottom;
    border-width: 0 !important;
}

.links_list li {
    line-height: normal !important;
    margin: 10px 0;
}

.customBreadcrumbrow {
    margin-bottom: 10px;
    padding-left: 10px;
}

#customBreadcrumb {
    padding-left: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    display: block;
    position: absolute;
    width: 500px;
}

    #customBreadcrumb span {
        color: #000;
    }

    #customBreadcrumb a.breaditem,
    #customBreadcrumb a.breaditem:link,
    #customBreadcrumb a.breaditem:visited,
    #customBreadcrumb a.breaditem:hover {
        color: #013a80 !important;
    }

H2.ms-rteElement-DJHeading {
    -ms-name: "DJ Heading";
    background-color: #002664;
    color: #fff !important;
    padding-left: 10px;
    line-height: 30px !important;
    min-height: 30px;
    font-size: 1.1em;
    margin-top: 10px !important;
    padding-right: 30px;
}

    H2.ms-rteElement-DJHeading:after {
        background-color: #fff;
        content: url("/_layouts/15/DJ.SharePoint.Justice/img/WebpartTitleHeader.png");
        float: right;
        top: 10px;
        margin-bottom: 0;
        right: 15px;
        height: 30px !important;
        white-space: pre-wrap;
        margin-top: 0 !important;
        margin-right: -30px !important;
    }

    H2.ms-rteElement-DJHeading.Sixty:after {
        margin-top: -30px !important;
    }

    H2.ms-rteElement-DJHeading.Ninety:after {
        margin-top: -60px !important;
    }

H2.ms-rteElement-DJTitle {
    -ms-name: "DJ Title";
    background-color: #0063a0;
    color: #fff !important;
    padding-left: 10px;
    line-height: 20px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.1em;
    margin-top: 10px !important;
}

H2.ms-rteElement-DJTitle2 {
    -ms-name: "DJ Title 2";
    background-color: #002664;
    color: #fff !important;
    padding-left: 10px;
    line-height: 20px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.1em;
    margin-top: 10px !important;
}

    H2.ms-rteElement-DJTitle a,
    H2.ms-rteElement-DJTitle2 a {
        color: #fff !important;
    }

H2.ms-rteElement-DJFacebook {
    -ms-name: "DJ Facebook";
    background-color: #0063a0;
    color: #fff !important;
    padding-left: 10px;
    line-height: 20px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.1em;
    margin-top: 10px !important;
}

    H2.ms-rteElement-DJFacebook:after {
        content: url("/_layouts/15/DJ.SharePoint.Justice/img/facebook.png");
        background-color: #0063a0;
        float: right;
        margin-top: -5px;
        margin-bottom: 0;
        right: 37px;
        height: 30px !important;
    }

H2.ms-rteElement-DJTwitter {
    -ms-name: "DJ Twitter";
    background-color: #0063a0;
    color: #fff !important;
    padding-left: 10px;
    line-height: 20px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.1em;
    margin-top: 10px !important;
}

    H2.ms-rteElement-DJTwitter:after {
        content: url("/_layouts/15/DJ.SharePoint.Justice/img/twitter.png");
        background-color: #0063a0;
        float: right;
        margin-top: -5px;
        margin-bottom: 0;
        right: 37px;
        height: 30px !important;
    }

H3.ms-rteElement-DJH3Ignore {
    -ms-name: "DJ H3 Ignore";
    margin-top: 1px;
}

H1.ms-rteElement-H1 {
    -ms-name: h1;
    color: #002563 !important;
    font-weight: 700 !important;
    font-size: 16pt !important;
    margin-top: 0 !important;
}

#main h1 {
    color: #002563 !important;
    font-weight: 700 !important;
    font-size: 16pt !important;
    margin-top: 0 !important;
}

p.ms-rteElement-DJList {
    -ms-name: "DJ List";
    line-height: 1.2;
    font-size: 12px;
    font-family: "Verdana";
    color: #002563;
}

    p.ms-rteElement-DJList:before {
        padding-right: 5px;
        float: left;
        content: url("/_layouts/15/DJ.SharePoint.Justice/img/DJList.png");
        background-color: transparent;
        padding-top: 2px !important;
        margin-bottom: 0;
    }

p.ms-rteElement-DJList2 {
    -ms-name: "DJ List 2";
    line-height: 1.2;
    font-size: 12px;
    font-family: "Verdana";
    color: #002563;
}

    p.ms-rteElement-DJList2:before {
        padding-right: 5px;
        float: left;
        content: url("/_layouts/15/DJ.SharePoint.Justice/img/DJListBlue.png");
        background-color: transparent;
        padding-top: 2px !important;
        margin-bottom: 0;
    }

.RowMiddle1 .col-sm-8 > .row {
    padding-left: 10px !important;
}

.RowMiddle1 .col-sm-8 li.dfwp-item .item {
    padding-bottom: 3px;
    padding-top: 3px;
}

    .RowMiddle1 .col-sm-8 li.dfwp-item .item a,
    .RowMiddle1 .col-sm-8 li.dfwp-item .item a:link {
        color: #00f;
    }

        .RowMiddle1 .col-sm-8 li.dfwp-item .item a:visited {
            color: purple;
        }

.campaign {
    z-index: -1;
    padding-top: 10px;
    float: right;
}

    .campaign .campaigntext {
        position: relative;
        float: left;
        margin-top: -70px;
        text-align: center;
        width: 370px;
        z-index: 1;
        font-size: 1.3em;
    }

#topnavbar .nav li.static > .menu-item {
    display: none;
}

.top-nav .ms-core-listMenu-root ul li {
    color: #fff;
}

div.topnavbar {
    height: 50px;
    background-color: #414042 !important;
}

    div.topnavbar .col-sm-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.boxgrad #top-nav {
    height: 50px !important;
}

div.bottomnavbar {
    background-color: #002563;
}

.topnavbar ul.ms-core-listMenu-root,
.topnavbar ul.ms-core-listMenu-root ul {
    margin: 0 !important;
}

.topnavbar ul.ms-core-listMenu-root {
}

.nav-container {
    height: 38px;
}

.topnavbar ul.ms-core-listMenu-root {
    height: 51px !important;
}

    .topnavbar ul.ms-core-listMenu-root > li a {
        height: 51px !important;
        padding-top: 3px !important;
    }

.topnavbar .menu-item-text {
    color: #fff !important;
    font-size: 10pt;
    line-height: 1.2em !important;
    height: 45px;
    display: block;
    padding-top: 5px;
    font-weight: 700;
}

.topnavbar > ul {
    height: 40px;
}

#topnavbar #top-nav li.static {
    border-right: #e7e7e7 1px solid;
}

    #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static + li.static + li.static + li.static {
        border-right: #e7e7e7 0 solid;
        border-right: none;
    }

.topnavbar span:hover,
.topnavbar li:hover span {
    color: #fff !important;
}

.topnavbar li.static {
    float: left !important;
}

    .topnavbar li.static + li {
    }

        .topnavbar li.static + li + li {
        }

            .topnavbar li.static + li + li + li {
            }

                .topnavbar li.static + li + li + li + li {
                }

#topnavbar ul.root {
    max-width: 100%;
    width: 100%;
}

#golbalnav .nav-container {
    width: 100% !important;
}

    #golbalnav .nav-container ul.root {
        text-align: right !important;
    }

#secondaryTopSiteNav span.menu-item-text {
    font-weight: 700 !important;
}

    #secondaryTopSiteNav span.menu-item-text:before {
        content: url("/_layouts/15/DJ.SharePoint.Justice/img/HomeImageBlueSmall.png");
        float: left;
        margin-top: -3px;
        margin-left: 5px;
        margin-right: 5px;
        height: 10px !important;
    }

#secondaryTopSiteNav li.static + li.static + li.static + li.static + li.static + li.static + li.static + li.static + li.static + li.static span.menu-item-text:before {
    content: none;
}

#topnavbar #top-nav li.static {
    width: 136px !important;
    text-align: left;
}

    #topnavbar #top-nav li.static + li.static {
        width: 136px !important;
    }

        #topnavbar #top-nav li.static + li.static + li.static {
            width: 93px !important;
        }

            #topnavbar #top-nav li.static + li.static + li.static + li.static {
                width: 98px !important;
            }

                #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static {
                    width: 94px !important;
                }

                    #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static + li.static {
                        width: 145px !important;
                    }

                        #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static + li.static + li.static {
                            width: 160px !important;
                        }

                            #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static + li.static + li.static + li.static {
                                width: 98px !important;
                            }

@media (max-width:768px) {
    .topnavbar li {
        width: 100% !important;
        max-width: 100%;
    }

    .footerBottomWrapper {
        height: auto !important;
    }
}

.topnavbar li a {
    width: 100%;
}

    .topnavbar li a:hover {
        background: #c60c30 !important;
        color: #fff;
        text-decoration: none;
    }

    .topnavbar li a.selected {
        background: #c60c30 !important;
        color: #fff !important;
        text-decoration: none;
    }

.topnavbar li + li.static.selected a {
    /*background: #c60c30 !important;*/
    color: #fff;
    text-decoration: none;
}

@media (max-width:768px) {
    .searchbox {
        display: none;
    }
}

.searchbox {
    display: block;
}

#topnavbar .globalnavbar ul.root {
    float: right !important;
}

.globalnavbar {
    height: 126px;
    background-color: #002166 !important;
}

.SiteSlogan {
    font-size: 38pt;
}

.bottomnavbarul.ms-core-listMenu-root,
.bottomnavbar ul.ms-core-listMenu-root ul {
    margin: 0 !important;
}

.bottomnavbar,
.bottomnavbar ul,
.bottomnavbar .col-sm-12 {
    height: 40px;
}

#topnavbar .nav li.static > .menu-item {
    height: 40px;
    color: #fff;
}

.bottomnavbar ul > li a {
    height: 40px;
    padding-top: 12px !important;
}

.bottomnavbar li a {
    width: 100%;
}

.bottomnavbar .menu-item-text {
    color: #fff !important;
    font-size: 10pt;
}

.bottomnavbar span:hover,
.bottomnavbar li:hover span {
    color: #fff !important;
}

.bottomnavbar li a:hover {
    background: #cd1d40 !important;
    color: #fff;
    text-decoration: none;
}

.bottomnavbar .ms-navedit-editLinksText {
    height: 40px !important;
}

.bottomnavbar li:hover .ms-navedit-editLinksText {
    background-color: transparent !important;
}

.date-line {
    width: 100%;
}

div.htmltooltip {
    position: absolute;
    z-index: 1000;
    left: -1000px;
    top: -1000px;
    background: #272727;
    border: 2px solid #000;
    color: #fff;
    padding: 3px;
    width: 250px;
    font-size: 12pt;
}

.ShowmeBottom {
    background-color: #f0f9fc;
}

    .ShowmeBottom .row {
        height: 100% !important;
    }

    .ShowmeBottom .MediumContent,
    .ShowmeBottom .LargeContent {
        padding-right: 10px;
        padding-left: 10px;
    }

        .ShowmeBottom .MediumContent .HomePane,
        .ShowmeBottom .LargeContent .HomePane {
            margin-top: 15px;
            margin-right: 0;
            margin-bottom: 15px;
            margin-left: 0;
            border-top-color: #ddd;
            border-right-color: #ddd;
            border-bottom-color: #ddd;
            border-left-color: #ddd;
            border-top-width: 3px;
            border-right-width: 3px;
            border-bottom-width: 3px;
            border-left-width: 3px;
            border-top-style: solid;
            border-right-style: solid;
            border-bottom-style: solid;
            border-left-style: solid;
            background-color: #fff;
            padding: 10px;
        }

        .ShowmeBottom .LargeContent .HomePaneRight {
            margin-top: 15px;
            margin-right: 0;
            margin-bottom: 15px;
            margin-left: 0;
            border-top-color: #ddd;
            border-right-color: #ddd;
            border-bottom-color: #ddd;
            border-left-color: #ddd;
            border-top-width: 3px;
            border-right-width: 3px;
            border-bottom-width: 3px;
            border-left-width: 3px;
            border-top-style: solid;
            border-right-style: solid;
            border-bottom-style: solid;
            border-left-style: solid;
            background-color: #fff;
            padding: 10px;
        }

    .ShowmeBottom a,
    .ShowmeBottom a:link {
        color: #1da6cf !important;
    }

.RowMiddle1Home .col-sm-8 {
    padding-left: 0 !important;
}

    .RowMiddle1Home .col-sm-8 .row h2.ms-rteElement-DJHeading {
        padding-left: 15px !important;
    }

    .RowMiddle1Home .col-sm-8 .row + .row h2 {
        padding-left: 4px !important;
    }

    .RowMiddle1Home .col-sm-8 .row + .row .dfwp-column {
        margin-left: 0 !important;
    }

    .RowMiddle1Home .col-sm-8 h2 {
        margin-bottom: 3px !important;
    }

    .RowMiddle1Home .col-sm-8 .row + .row h2 {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .RowMiddle1Home .col-sm-8 .row .ms-rtestate-field > p {
        display: none;
    }

.RowMiddle3Home .col-sm-4 {
    padding-left: 0 !important;
}

    .RowMiddle3Home .col-sm-4 + .col-sm-4 + .col-sm-4 {
        padding-right: 0 !important;
    }

.RowMiddle1Home .col-sm-4 .dropdowntoptasks {
    min-height: 348px;
}

.RowMiddle1Home .col-sm-4 .link-item a {
    color: #002563;
    font-size: 1.35em;
}

.RowMiddle5Home {
    background-color: #dcf1f9;
}

.RowMiddle3Home > .col-sm-4 {
    padding-left: 0 !important;
}

    .RowMiddle3Home > .col-sm-4 h2 {
        padding-left: 15px !important;
    }

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

    .linkitemlisting .StartDate {
        display: block;
        height: 25px;
    }

.link-item-heading {
    padding-top: 15px;
    width: 100%;
}

#HidemeleftNav {
    padding-top: 5px;
}

.ms-core-listMenu-verticalBox UL.root {
    width: 100%;
}

.ms-core-listMenu-verticalBox ul,
.ms-core-listMenu-verticalBox li {
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

ul.ms-core-listMenu-root li {
    display: list-item;
    list-style-type: none;
    list-style: none;
    margin: 0 !important;
}

    ul.ms-core-listMenu-root li.ms-navedit-dropNode {
        margin-left: 20px !important;
    }

    ul.ms-core-listMenu-root li .ms-core-listMenu-item {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

#GlobalNavigation ul.ms-core-listMenu-root > li {
    padding-left: 11px !important;
}

.ms-core-listMenu-verticalBox li.ms-listMenu-editLink a,
.ms-core-listMenu-verticalBox li.ms-listMenu-editLink:hover a,
.ms-core-listMenu-verticalBox li.ms-listMenu-editLink:hover span {
    color: #0070a0 !important;
    text-decoration: none !important;
}

.ms-quicklaunch-navmgr {
    display: none;
}

.s4-ql ul.root > li > a {
    background-color: #002664 !important;
    color: #fff;
    font-weight: 700;
    font-size: 1.1em;
}

.s4-ql span.menu-item-text {
    display: inline-block;
    margin-right: 17px;
    line-height: 12pt;
}

.s4-ql ul.root li.lhs_level1 span.menu-item-text {
    padding-left: 0 !important;
}

.s4-ql ul.root li.lhs_level1 li.lhs_level2 span.menu-item-text {
    padding-left: 0 !important;
}

.s4-ql ul.root li.lhs_level1 li.lhs_level2 li.lhs_level3 span.menu-item-text {
    padding-left: 10px !important;
}

.s4-ql ul.root li.lhs_level1 li.lhs_level2 li.lhs_level3 li.lhs_level4 span.menu-item-text {
    padding-left: 20px !important;
}

.s4-ql ul.root li.lhs_level1 li.lhs_level2 li.lhs_level3 li.lhs_level4 li.lhs_level5 span.menu-item-text {
    padding-left: 30px !important;
}

.s4-ql ul.root > li {
    display: none;
}

    .s4-ql ul.root > li.selected.static.lhs_level1 {
        display: list-item;
        background-color: #f0fafc;
        color: #002664;
    }

        .s4-ql ul.root > li.selected.static.lhs_level1 li.static.lhs_level2 .menu-item-text {
            color: #002664;
        }

        .s4-ql ul.root > li.selected.static.lhs_level1 li.static.lhs_level2 a:hover {
            background-color: #008ecc;
            color: #fff;
        }

            .s4-ql ul.root > li.selected.static.lhs_level1 li.static.lhs_level2 a:hover .menu-item-text {
                color: #fff;
            }

        .s4-ql ul.root > li.selected.static.lhs_level1 li.static.lhs_level2 ul {
            display: none;
        }

        .s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 ul {
            display: inline-block;
            width: 100%;
        }

        .s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 a.ms-core-listMenu-selected .menu-item-text {
            color: #fff;
        }

        .s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 a.ms-core-listMenu-selected {
            background-color: #008ecc;
            border: #fff 2px solid;
        }

.s4-ql ul.root li.selected.static.lhs_level1 li.selected.static.lhs_level2 > a {
    background-color: #008ecc;
    border: #fff 2px solid;
}

.s4-ql ul.root li.selected.static.lhs_level1 li.selected.static.lhs_level2 span.menu-item-text {
    color: #fff;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.static.lhs_level2 li.static.lhs_level3 .menu-item-text {
    color: #002664;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.static.lhs_level2 li.static.lhs_level3 a:hover {
    border-left: #fff 2px solid;
    border-right: #fff 2px solid;
    background-color: #008ecc;
    color: #fff;
}

    .s4-ql ul.root > li.selected.static.lhs_level1 li.static.lhs_level2 li.static.lhs_level3 a:hover .menu-item-text {
        color: #fff;
    }

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.static.lhs_level3 ul {
    display: none;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 ul {
    display: inline-block;
    width: 100%;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 a.ms-core-listMenu-selected .menu-item-text {
    color: #002664;
    font-weight: 700;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 a.ms-core-listMenu-selected {
    background-color: #f0fafc;
    border: #002664 2px solid;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 {
    background-color: #fff;
    color: #002664;
    border: #fff 2px solid;
}

.s4-ql ul.root li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 > a {
    background-color: #f0fafc;
    border: #002664 2px solid;
}

.s4-ql ul.root li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 span.menu-item-text {
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.static.lhs_level3 li.static.lhs_level4 a {
    border: #f1f1f1 2px solid;
}

    .s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.static.lhs_level3 li.static.lhs_level4 a:hover {
        background-color: #fff;
        border: #008ecc 2px solid;
    }

        .s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.static.lhs_level3 li.static.lhs_level4 a:hover .menu-item-text {
            color: #002664;
        }

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 li.static.lhs_level4 ul {
    display: none;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 li.selected.static.lhs_level4 ul {
    display: inline-block;
    width: 100%;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 li.selected.static.lhs_level4 a.ms-core-listMenu-selected .menu-item-text {
    color: #002664;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 li.selected.static.lhs_level4 a.ms-core-listMenu-selected {
    background-color: #fff;
    border: #008ecc 2px solid;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3:hover > a > span .menu-item-text {
    color: #002664;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 li.selected.static.lhs_level4 {
    background-color: #fff;
    color: #002664;
    border: #fff 2px solid;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.static.lhs_level3 li.static.lhs_level4 li.static.lhs_level5 a:hover {
    background-color: #fff;
    border: none;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.static.lhs_level3 li.static.lhs_level4 li.static.lhs_level5 {
    background-color: #fff;
}

    .s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.static.lhs_level3 li.static.lhs_level4 li.static.lhs_level5 a:hover .menu-item-text {
        color: #002664;
        font-weight: 700;
    }

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 li.selected.static.lhs_level4 li.static.lhs_level5 a {
    background-color: #fff;
    border: #fff 2px solid;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 li.selected.static.lhs_level4 li.static.lhs_level5 ul {
    display: none;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 li.selected.static.lhs_level4 li.selected.static.lhs_level5 ul {
    display: inline-block;
    width: 100%;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 li.selected.static.lhs_level4 li.selected.static.lhs_level5 a.ms-core-listMenu-selected .menu-item-text {
    color: #002664;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 li.selected.static.lhs_level4 a {
    background-color: #fff;
    border: #008ecc 2px solid;
}

.s4-ql ul.root > li.selected.static.lhs_level1 li.selected.static.lhs_level2 li.selected.static.lhs_level3 li.selected.static.lhs_level4 li.selected.static.lhs_level5 a.ms-core-listMenu-selected {
    background-color: #fff;
    border: #fff 2px solid;
}

.lhsul {
    background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/lbip_off.gif");
    height: 10px;
    width: 10px;
    float: right;
    position: absolute;
    margin-top: -15px;
    right: 25px;
}

.s4-ql ul.root li.lhs_level2 > a:hover .lhsul {
    background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/lbip_off_hover.gif");
}

.s4-ql ul.root li.selected.lhs_level2 > a .lhsul {
    background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on_hover.gif");
}

.s4-ql ul.root li.lhs_level3 > a:hover .lhsul {
    background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/lbip_off_hover.gif");
}

.s4-ql ul.root li.selected.lhs_level3 > a .lhsul {
    background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
}

.s4-ql ul.root li.lhs_level4 > a:hover .lhsul {
}

.s4-ql ul.root li.selected.lhs_level4 > a .lhsul {
    background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
}

.s4-ql img {
    max-width: none !important;
}

.s4-ql ul.root > li.ms-listMenu-editLink {
    display: inline-block;
}

.s4-ql ul.root > li.ms-navedit-dropNode {
    display: inline-block;
    width: 100%;
}

    .s4-ql ul.root > li.ms-navedit-dropNode ul {
    }

.s4-ql ul.root > li.static.selected.ms-navedit-dropNode ul {
    display: inline-block;
}

.s4-ql ul.root > li.static.selected.ms-navedit-dropNode {
    display: inline-block;
    background-color: transparent !important;
}

.s4-ql ul.root > li.ms-navedit-editArea,
.s4-ql ul.root > li.ms-navedit-appendarea {
    display: inline-block;
}

.s4-ql ul.root > li.ms-verticalAlignTop {
    display: inline-block;
}

.ShowmeTop {
    padding: 0 10px;
}

.topNavlinks {
    padding-top: 3px;
    padding-right: 10px;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    height: 22px;
    background-color: #fff;
    opacity: .6;
    filter: alpha(opacity=60);
}

ul.globallinks {
    padding-left: 5px;
}

.topNavlinks ul.globallinks li {
    list-style-type: none;
    list-style-position: inside;
    margin: 0 0 10px;
    width: auto;
    display: inline;
    clear: left;
}

    .topNavlinks ul.globallinks li a,
    .topNavlinks ul.globallinks li a:link {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100.01%;
        color: blue;
    }

.topNavlinks ul.globallinks li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100.01%;
    color: #000;
}

#primaryTopSiteNav .nav-container {
    text-align: left !important;
}

#secondaryTopSiteNav .nav-container {
    float: right !important;
}

#footer .container {
    color: #fff;
}

#footer .rowfootertop {
    background-color: #002166;
    min-height: 200px;
    margin-top: 10px;
}

#footer .rowfooterbottom {
    background-color: #0064a1;
    min-height: 50px;
}

.DatePublished {
    color: #fff !important;
}

.bottomnavbar .col-sm-12 {
    background-color: #083a81;
}

.JusticeFooterTop {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/Warratah.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

    .JusticeFooterTop ul {
        display: block !important;
        margin: 0 !important;
        list-style: none !important;
        padding-left: 0 !important;
    }

        .JusticeFooterTop ul li {
            list-style-type: none;
            list-style-position: inside;
            margin: 0;
            padding: 0;
        }

    .JusticeFooterTop h2 {
        color: #fff !important;
    }

    .JusticeFooterTop li a,
    .JusticeFooterTop li a:link,
    .JusticeFooterTop li a:visited {
        color: #fff !important;
    }

.JusticeFooter {
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}

    .JusticeFooter a,
    .JusticeFooter a:link,
    .JusticeFooter a:visited {
        color: #fff !important;
    }

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 17px;
    text-decoration: none;
    color: #000;
    background-color: rgba(235, 235, 235, .8);
    font-size: 12px;
    padding: 1em;
    display: none;
}

    .back-to-top:hover {
        background-color: rgba(135, 135, 135, .5);
    }

li.subNav_entry_ {
    background: none repeat scroll 0 0 #ccc !important;
    border-bottom: 1px solid #fff;
    color: #000;
    font-weight: 400;
    margin: 0 !important;
    padding: 0 !important;
    margin-left: 0 !important;
    list-style: none !important;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

ul,
ol,
dl {
    line-height: 1.5em;
    margin: 0 0 1em 1em;
}

.dropdowntoptasks ul {
    line-height: 2.3em !important;
}

LI.subNav_entry_ A:hover {
    background: #cd1d40 0 0;
}

#col1_content .BulletList LI A:hover {
    background: #cd1d40 0 0;
}

.subNav_content_ {
    background: #ccc 0 0;
}

#col1_content .subNav_heading_ {
    background: #083a81 0 0;
}

#col3_content .subNav_heading_ {
    background: #cd1d40 0 0;
}

.subNav_heading_ {
    padding: 4px 10px !important;
    margin: 0 !important;
    margin: 0 !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 1em !important;
}

#Hidemedisclaimer,
.Hidemedisclaimer {
    text-align: center !important;
    padding-top: 15px;
}

.dropdown {
    min-height: 300px !important;
    width: 500px !important;
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    background-color: #f1f9fd;
    z-index: 3000;
}

.dropdown2 {
    min-height: 300px !important;
    width: 100% !important;
    background-color: #002166 !important;
}

ul li .dropdown {
    position: absolute !important;
    left: 5px !important;
    width: 950px !important;
}

#top-nav div.nav-container ul.root li + li #dropdown1 {
    display: none !important;
}

#top-nav div.nav-container ul.root li + li + li #dropdown2,
#top-nav div.nav-container ul.root li + li + li #dropdown1 {
    display: none !important;
}

#top-nav div.nav-container ul.root li + li + li + li #dropdown3,
#top-nav div.nav-container ul.root li + li + li + li #dropdown2,
#top-nav div.nav-container ul.root li + li + li + li #dropdown1 {
    display: none !important;
}

#top-nav div.nav-container ul.root li + li + li + li + li #dropdown4,
#top-nav div.nav-container ul.root li + li + li + li + li #dropdown3,
#top-nav div.nav-container ul.root li + li + li + li + li #dropdown2,
#top-nav div.nav-container ul.root li + li + li + li + li #dropdown1 {
    display: none !important;
}

#top-nav div.nav-container ul.root li + li + li + li + li + li #dropdown5,
#top-nav div.nav-container ul.root li + li + li + li + li + li #dropdown4,
#top-nav div.nav-container ul.root li + li + li + li + li + li #dropdown3,
#top-nav div.nav-container ul.root li + li + li + li + li + li #dropdown2,
#top-nav div.nav-container ul.root li + li + li + li + li + li #dropdown1 {
    display: none !important;
}

#top-nav div.nav-container ul.root li + li + li + li + li + li + li #dropdown6,
#top-nav div.nav-container ul.root li + li + li + li + li + li + li #dropdown5,
#top-nav div.nav-container ul.root li + li + li + li + li + li + li #dropdown4,
#top-nav div.nav-container ul.root li + li + li + li + li + li + li #dropdown3,
#top-nav div.nav-container ul.root li + li + li + li + li + li + li #dropdown2,
#top-nav div.nav-container ul.root li + li + li + li + li + li + li #dropdown1 {
    display: none !important;
}

#top-nav div.nav-container ul.root li + li + li + li + li + li + li + li #dropdown7,
#top-nav div.nav-container ul.root li + li + li + li + li + li + li + li #dropdown6,
#top-nav div.nav-container ul.root li + li + li + li + li + li + li + li #dropdown5,
#top-nav div.nav-container ul.root li + li + li + li + li + li + li + li #dropdown4,
#top-nav div.nav-container ul.root li + li + li + li + li + li + li + li #dropdown3,
#top-nav div.nav-container ul.root li + li + li + li + li + li + li + li #dropdown2,
#top-nav div.nav-container ul.root li + li + li + li + li + li + li + li #dropdown1 {
    display: none !important;
}

ul li .dropdown {
    left: 5px !important;
}

    ul li .dropdown .menupointer {
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
        background-repeat: no-repeat;
        background-position: 75px;
        width: 100%;
        height: 20px;
    }

ul li + li .dropdown {
    left: -131px !important;
}

    ul li + li .dropdown .menupointer {
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
        background-repeat: no-repeat;
        background-position: 210px;
        width: 100%;
        height: 20px;
    }

ul li + li + li .dropdown {
    position: absolute !important;
    left: -267px !important;
}

    ul li + li + li .dropdown .menupointer {
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
        background-repeat: no-repeat;
        background-position: 324px;
        width: 100%;
        height: 20px;
    }

ul li + li + li + li .dropdown {
    position: absolute !important;
    left: -360px !important;
}

    ul li + li + li + li .dropdown .menupointer {
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
        background-repeat: no-repeat;
        background-position: 420px;
        width: 100%;
        height: 20px;
    }

ul li + li + li + li + li .dropdown {
    position: absolute !important;
    left: -458px !important;
}

    ul li + li + li + li + li .dropdown .menupointer {
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
        background-repeat: no-repeat;
        background-position: 515px;
        width: 100%;
        height: 20px;
    }

ul li + li + li + li + li + li .dropdown {
    position: absolute !important;
    left: -552px !important;
}

    ul li + li + li + li + li + li .dropdown .menupointer {
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
        background-repeat: no-repeat;
        background-position: 632px;
        width: 100%;
        height: 20px;
    }

ul li + li + li + li + li + li + li .dropdown {
    position: absolute !important;
    left: -697px !important;
}

    ul li + li + li + li + li + li + li .dropdown .menupointer {
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
        background-repeat: no-repeat;
        background-position: 788px;
        width: 100%;
        height: 20px;
    }

ul li + li + li + li + li + li + li + li .dropdown {
    position: absolute !important;
    left: -857px !important;
}

    ul li + li + li + li + li + li + li + li .dropdown .menupointer {
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
        background-repeat: no-repeat;
        background-position: 915px;
        width: 100%;
        height: 20px;
    }

.top-nav .ms-core-listMenu-root .dropdown ul li {
    background-color: green;
}

ul.MegaMenu {
    width: 100% !important;
    display: block !important;
    margin: 20px !important;
    padding: 20px !important;
    list-style: none !important;
}

    ul.MegaMenu ul {
        width: 100% !important;
        display: block !important;
        list-style: none !important;
    }

    ul.MegaMenu > li {
        float: left !important;
        width: 100% !important;
    }

        ul.MegaMenu > li.MegaMenulink:nth-child(even) {
            margin-right: 0;
        }

ul.MegaMenuTopTask {
    margin-top: -15px;
    overflow: hidden;
}

.dropdown ul.MegaMenuTopTask {
    display: block !important;
    margin-top: 0;
    list-style: none !important;
}

ul.MegaMenuTopTask {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

ul.MegaMenu li.MegaMenuHeader h2 {
    color: #002664 !important;
}

ul.MegaMenu li,
ul.MegaMenuTopTask li {
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

.seperatorh {
    float: left;
    display: block;
    height: 10px;
    background-color: transparent;
    width: 20px;
}

ul.MegaMenu li.MegaMenuHeader,
ul.MegaMenuTopTask li.MegaMenuHeader {
    padding-bottom: 10px !important;
}

ul.MegaMenu li.MegaMenulink,
ul.MegaMenuTopTask li.MegaMenulink {
}

    ul.MegaMenu li.MegaMenulink a,
    ul.MegaMenuTopTask li.MegaMenulink a {
    }

ul.MegaMenu li a,
ul.MegaMenu li span,
ul.MegaMenuTopTask li a,
ul.MegaMenuTopTask li span {
    color: #002664 !important;
}

ul.MegaMenu li a,
ul.MegaMenuTopTask li a {
    color: #002664 !important;
}

ul.MegaMenu li a {
    font-size: 1em;
}

ul.MegaMenuTopTask li a {
    font-size: 10pt;
}

    ul.MegaMenu li a:hover,
    ul.MegaMenuTopTask li a:hover {
        background: none !important;
        text-decoration: underline;
    }

ul.MegaMenuTopTask li {
    margin-bottom: 5px !important;
    border-right: none !important;
    width: 100% !important;
}

    ul.MegaMenuTopTask li.MegaMenuHeader {
        height: 30px !important;
        background-color: #002664;
        float: left;
    }

        ul.MegaMenuTopTask li.MegaMenuHeader h2 {
            color: #fff !important;
            padding-left: 10px;
            padding-top: 0;
            height: 30px !important;
            margin-top: 5px !important;
            padding-bottom: 0 !important;
            font-size: 1.1em;
        }

    ul.MegaMenuTopTask li.MegaMenuHeader {
        margin-top: 5px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

.dropdown ul.MegaMenuTopTask li.MegaMenuHeader h2:after {
    content: url("/_layouts/15/DJ.SharePoint.Justice/img/WebpartTitleHeader.png");
    background-color: #f1f9fd;
    float: right;
    padding-top: -5px !important;
    right: 30px;
    height: 30px !important;
}

.dropdown ul.MegaMenuTopTask li.MegaMenuHeader h2 {
    padding-top: 5px !important;
}

ul.MegaMenuTopTask li.MegaMenuHeader h2:after {
    content: url("/_layouts/15/DJ.SharePoint.Justice/img/WebpartTitleHeader.png");
    background-color: #fff;
    float: right;
    margin-top: -5px !important;
    right: 30px;
    height: 38px !important;
}

ul.MegaMenuTopTask li.MegaMenulink {
    float: left;
    vertical-align: middle;
    background-color: #dcf1f9;
}

    ul.MegaMenuTopTask li.MegaMenulink a {
        color: #002664 !important;
        height: auto !important;
        min-height: 25px;
        padding-left: 10px;
        padding-top: 0;
        margin-left: 0;
        display: block;
        padding-right: 10px;
        margin-right: 10px;
    }

        ul.MegaMenuTopTask li.MegaMenulink a:after {
        }

        ul.MegaMenuTopTask li.MegaMenulink a.Forty:after {
            margin-top: -20px;
        }

.dropdown ul.MegaMenuTopTask li.MegaMenulink a:after {
}

.dropdown ul.MegaMenuTopTask li.MegaMenuHeader {
    margin-top: 30px !important;
}

.dropdown ul.MegaMenu li.MegaMenuHeader h2 {
    font-size: 11pt !important;
}

.dropdown ul.MegaMenu li.MegaMenulink a,
.dropdown ul.MegaMenu li.MegaMenulink a:link,
.dropdown ul.MegaMenu li.MegaMenulink a:visited {
    font-size: 10pt !important;
}

.dropdown .dropdown1links3 ul.MegaMenu,
.dropdown .dropdown2links3 ul.MegaMenu,
.dropdown .dropdown3links3 ul.MegaMenu,
.dropdown .dropdown4links3 ul.MegaMenu,
.dropdown .dropdown5links3 ul.MegaMenu,
.dropdown .dropdown6links3 ul.MegaMenu,
.dropdown .dropdown7links3 ul.MegaMenu,
.dropdown .dropdown8links3 ul.MegaMenu {
    padding-left: 8px !important;
}

#containerimage {
    position: relative;
    text-align: left;
    margin: 0 auto 2em 0;
    width: 365px;
    color: #fff;
    overflow: hidden;
}

#contentimage {
    position: relative;
}

#sliderimage {
    height: auto !important;
}

    #sliderimage img {
        max-width: none;
        width: 100%;
    }

    #sliderimage LI {
        width: 365px;
        height: auto;
        overflow: hidden;
        margin-left: auto;
    }

.readmoretext {
    padding-left: 15px !important;
    padding-top: 8px !important;
}

.newsitemresponsive {
    margin-bottom: 10px;
}

    .newsitemresponsive .col-sm-5 a {
    }

        .newsitemresponsive .col-sm-5 a img {
        }

h3.responsive-news-title {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.responsive-news-description {
    padding-left: 5px;
}

.accordion {
    width: 100%;
}

ul.accordion {
    list-style: none;
    margin: 0;
    padding: 0;
}

.accordion-item {
    border-top: 1px solid #ccc;
}

.accordion-header {
    font-size: 1.2em;
    cursor: pointer;
    padding: 10px;
}

    .accordion-header:hover {
        background: #efefef;
    }

    .accordion-header.expanded {
        background: #dfdfdf;
    }

.accordion-content {
    padding: 20px;
}

.expand-all,
.collapse-all {
    display: inline-block;
    cursor: pointer;
    padding: 5px 10px;
}

    .expand-all:hover,
    .collapse-all:hover {
        background: #efefef;
    }

#In-PageTools {
    position: relative;
    float: right;
    min-width: 405px;
}

ul#site_commonTools {
    margin: 3px 20px 0 5px;
    padding: 0;
    color: #777;
    float: right;
}

    ul#site_commonTools li {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
    }

        ul#site_commonTools li a {
            color: #777;
            text-decoration: none;
            display: block;
        }

            ul#site_commonTools li a span {
                display: none;
            }

            ul#site_commonTools li a:hover {
                text-decoration: underline;
                cursor: pointer;
            }

        ul#site_commonTools li:hover {
            cursor: pointer;
        }

    ul#site_commonTools .icon a {
        height: 16px;
    }

    ul#site_commonTools .pageToolsText {
        margin-right: 8px;
    }

    ul#site_commonTools .shareIcon a {
        zoom: 0.7;
        color: gray;
    }

        ul#site_commonTools .shareIcon a:hover i {
            color: black;
        }

    ul#site_commonTools .printIcon a {
        background-position: -150px 0;
        width: 15px;
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/BW_white_icons.gif") !important;
    }

        ul#site_commonTools .printIcon a:hover {
            background-position: -150px -50px;
        }

    ul#site_commonTools .pdfIcon a {
        background-position: -200px 0;
        width: 15px;
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/BW_white_icons.gif") !important;
    }

    ul#site_commonTools .pdfIcon a {
        margin: 0;
    }

        ul#site_commonTools .pdfIcon a:hover {
            background-position: -200px -50px;
        }

    ul#site_commonTools .mailToIcon a {
        width: 15px;
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/BW_white_icons.gif") !important;
    }

        ul#site_commonTools .mailToIcon a:hover {
            background-position: 0 -50px;
        }

    ul#site_commonTools .textIcon a {
        width: 11px;
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/tools-text.gif");
    }

    ul#site_commonTools .graphicIcon a {
        width: 11px;
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/tools-text-over.gif");
    }

    ul#site_commonTools .fontSizeUpIcon a {
        background-position: -50px 0;
        width: 15px;
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/BW_white_icons.gif") !important;
    }

        ul#site_commonTools .fontSizeUpIcon a:hover {
            background-position: -50px -50px;
        }

    ul#site_commonTools .fontSizeDownIcon a {
        background-position: -100px 0;
        width: 15px;
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/BW_white_icons.gif") !important;
    }

        ul#site_commonTools .fontSizeDownIcon a:hover {
            background-position: -100px -50px;
        }

    ul#site_commonTools .ItemFirst {
        margin-right: 8px;
    }

    ul#site_commonTools li.spacer {
        margin: 0 6px;
        width: 1px;
        border-left-color: #efefef;
        border-left-width: 1px;
        border-left-style: solid;
        display: block;
    }

    ul#site_commonTools .mailToIcon a {
        width: 16px;
    }

    ul#site_commonTools .printIcon a {
        width: 16px;
    }

    ul#site_commonTools .PDFIcon a {
        width: 16px;
    }

    ul#site_commonTools .mailToIcon a {
        margin-right: 1px;
    }

    ul#site_commonTools .login a {
        margin-right: 2px;
    }

    ul#site_commonTools li.fontSizeUpIcon a {
    }

    ul#site_commonTools li.fontSizeNormalIcon a {
        color: #777 !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: .88em !important;
    }

.rsbtn {
    float: right;
    z-index: 0 !important;
}

img.ms-webpart-menuArrowImg {
    max-width: none !important;
}

img.ms-srch-pagingNext {
    max-width: none !important;
}

img.ms-srch-pagingPrev {
    max-width: none !important;
}

.dropdowntoptasks .MegaMenuTopTask {
    margin-top: -15px;
}

#main .dropdown {
    min-height: 0 !important;
    width: 100% !important;
    border-left: 0 solid #c6c6c6;
    border-right: 0 solid #c6c6c6;
    border-bottom: 0 solid #c6c6c6;
    background-color: #002166;
    color: #fff;
    z-index: 0;
}

    #main .dropdown input[type=button],
    #main .dropdown input[type=reset],
    #main .dropdown input[type=submit],
    #main .dropdown button {
        width: 98% !important;
        text-align: right;
        background-color: #002166;
        color: #fff;
    }

        #main .dropdown input[type=button]:after,
        #main .dropdown input[type=reset]:after,
        #main .dropdown input[type=submit]:after,
        #main .dropdown button:after {
            content: "+";
            float: right;
            margin-top: 0;
            margin-bottom: 0;
            right: 5px;
            height: 5px !important;
        }

#main .dropdown-menu {
    width: 100%;
}

img.ms-asset-icon {
    display: none !important;
}

a.DJLink {
}

    a.DJLink:after {
        content: url("/_layouts/15/DJ.SharePoint.Justice/img/justice-icon.png");
        padding-left: 5px;
        width: 5px;
    }

.ajax__multi_slider_default,
.slider_tick_active,
.slider_tick_inactive {
    z-index: 1;
}

.newsitemresponsivecontainer {
    display: none;
}

#s4-bodyContainer {
    width: 100% !important;
    margin: auto;
}

.maintoprow .header {
    display: none;
}

.maintoprow .row {
    display: none;
}

.srchresponse {
    display: none;
}

.dropdown2responsive {
    display: none;
}

.rowsticky {
    display: none;
}

.searchbox {
    height: 35px !important;
    width: 370px !important;
}

.ms-srch-sb-borderFocused {
    border: none;
}

.ms-srch-sbLarge {
    height: 35px !important;
    width: 372px !important;
}

    .ms-srch-sbLarge input[type="text"] {
        height: 35px;
        width: 256px !important;
        font-size: 14px;
        margin: 0;
        padding-left: 10px;
    }

    .ms-srch-sbLarge > .ms-srch-sb-navLink {
        position: absolute;
        right: 125px;
        top: 5px;
    }

.ms-qSuggest-listItem {
    color: #000;
}

.ms-qSuggest-hListItem {
    background: #c60c30 !important;
    color: #fff !important;
}

.ms-srch-sb-border {
    border: none !important;
}

.ms-srch-sbLarge > .ms-srch-sb-searchLink {
    height: 35px;
    width: 116px;
    background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/search-icon.png");
    background-position: center center;
    background-size: 130px 43px;
    filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/twitter-ico.png', sizingMethod='scale')";
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/twitter-ico.png',sizingMethod='scale')";
}

    .ms-srch-sbLarge > .ms-srch-sb-searchLink img {
        display: none !important;
    }

.dropdown1responsive,
.dropdown2responsive,
.dropdown3responsive,
.dropdown4responsive,
.dropdown5responsive,
.dropdown6responsive,
.dropdown7responsive,
.dropdown8responsive {
    display: none;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .dropdown1responsive,
    .dropdown2responsive,
    .dropdown3responsive,
    .dropdown4responsive,
    .dropdown5responsive,
    .dropdown6responsive,
    .dropdown7responsive,
    .dropdown8responsive {
        padding-right: 5px;
    }

    .newsitemresponsivecontainer {
        display: block !important;
    }

    .newsitemresponsive .col-sm-5 {
        display: none;
    }

    .newsitemresponsive .col-sm-7 {
        width: 100% !important;
    }

    .back-to-top {
        display: none !important;
    }

    .RowMiddle3Home .col-sm-4 {
        display: block;
        margin-bottom: 10px;
    }

        .RowMiddle3Home .col-sm-4 + .col-sm-4 {
            display: block;
            margin-bottom: 10px;
        }

            .RowMiddle3Home .col-sm-4 + .col-sm-4 + .col-sm-4 {
                display: block;
                margin-bottom: 10px;
            }

    #news-title-wrapper .news-description {
        display: none;
    }

    #s4-workspace > #s4-bodyContainer {
    }

    ul.MegaMenu li a {
        font-size: 1em;
    }

    ul.MegaMenuTopTask li a {
        font-size: 10pt;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #s4-bodyContainer {
        padding-bottom: 0 !important;
    }

    .dropdown1responsive,
    .dropdown2responsive,
    .dropdown3responsive,
    .dropdown4responsive,
    .dropdown5responsive,
    .dropdown6responsive,
    .dropdown7responsive,
    .dropdown8responsive {
        padding-right: 5px;
    }

    .newsitemresponsivecontainer {
        display: block !important;
    }

    .newsitemresponsive .col-sm-5 {
        display: none;
    }

    .newsitemresponsive .col-sm-7 {
        width: 100% !important;
    }

    .topnavbar .menu-item-text {
        font-size: 9pt !important;
    }

    #topnavbar #top-nav li.static {
        width: 109px !important;
        height: 60px;
    }

        #topnavbar #top-nav li.static + li.static {
            width: 99px !important;
        }

            #topnavbar #top-nav li.static + li.static + li.static {
                width: 87px !important;
            }

                #topnavbar #top-nav li.static + li.static + li.static + li.static {
                    width: 87px !important;
                }

                    #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static {
                        width: 80px !important;
                    }

                        #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static + li.static {
                            width: 109px !important;
                        }

                            #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static + li.static + li.static {
                                width: 105px !important;
                            }

                                #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static + li.static + li.static + li.static {
                                    width: 87px !important;
                                }

    ul li .dropdown {
        position: absolute !important;
        left: 5px !important;
        width: 758px !important;
    }

        ul li .dropdown .menupointer {
            background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
            background-repeat: no-repeat;
            background-position: 64px;
            width: 100%;
            height: 20px;
        }

    ul li + li .dropdown {
        left: -104px !important;
    }

        ul li + li .dropdown .menupointer {
            background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
            background-repeat: no-repeat;
            background-position: 163px;
            width: 100%;
            height: 20px;
        }

    ul li + li + li .dropdown {
        position: absolute !important;
        left: -203px !important;
    }

        ul li + li + li .dropdown .menupointer {
            background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
            background-repeat: no-repeat;
            background-position: 257px;
            width: 100%;
            height: 20px;
        }

    ul li + li + li + li .dropdown {
        position: absolute !important;
        left: -290px !important;
    }

        ul li + li + li + li .dropdown .menupointer {
            background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
            background-repeat: no-repeat;
            background-position: 345px;
            width: 100%;
            height: 20px;
        }

    ul li + li + li + li + li .dropdown {
        position: absolute !important;
        left: -377px !important;
    }

        ul li + li + li + li + li .dropdown .menupointer {
            background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
            background-repeat: no-repeat;
            background-position: 428px;
            width: 100%;
            height: 20px;
        }

    ul li + li + li + li + li + li .dropdown {
        position: absolute !important;
        left: -457px !important;
    }

        ul li + li + li + li + li + li .dropdown .menupointer {
            background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
            background-repeat: no-repeat;
            background-position: 521px;
            width: 100%;
            height: 20px;
        }

    ul li + li + li + li + li + li + li .dropdown {
        position: absolute !important;
        left: -566px !important;
    }

        ul li + li + li + li + li + li + li .dropdown .menupointer {
            background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
            background-repeat: no-repeat;
            background-position: 630px;
            width: 100%;
            height: 20px;
        }

    ul li + li + li + li + li + li + li + li .dropdown {
        position: absolute !important;
        left: -671px !important;
    }

        ul li + li + li + li + li + li + li + li .dropdown .menupointer {
            background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/bip_on.gif");
            background-repeat: no-repeat;
            background-position: 725px;
            width: 100%;
            height: 20px;
        }

    .topnavbar .menu-item-text {
        padding-top: 2px;
    }

    ul.MegaMenu li a {
        font-size: 1em;
    }

    ul.MegaMenuTopTask li a {
        font-size: 10pt;
    }

    .linkitemlisting .StartDate {
        height: 33px;
    }

    div.topnavbar,
    .boxgrad #top-nav {
        height: 60px !important;
    }
}

@media (max-width:767px) {
    .maincontainer > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown1responsive,
    .dropdown2responsive,
    .dropdown3responsive,
    .dropdown4responsive,
    .dropdown5responsive,
    .dropdown6responsive,
    .dropdown7responsive,
    .dropdown8responsive {
        padding-right: 5px;
    }

    .RowMiddle1Home .col-sm-8 .ms-rtestate-read + .ms-rtestate-read {
        display: block;
    }

    .maintoprow,
    .maintoprowribbon {
    }

    #s4-workspace > #s4-bodyContainer {
        background-color: #fff;
        background-color: #fff;
        box-shadow: none;
    }

    .newsitemresponsive .col-sm-5 {
        display: none;
    }

    .back-to-top {
        display: none !important;
    }

    .navfall {
        display: none;
    }

    .rowsticky {
        position: fixed;
        bottom: 0;
        background: #002166;
        width: 100%;
        padding: 3px;
    }

        .rowsticky a,
        .rowsticky a:link {
            color: #fff;
            font-size: 8pt;
        }

    .rowfooterbottom {
        display: none;
    }

    .customBreadcrumbrow {
        display: none;
    }

    .maintoprow {
        background-color: #fff;
        min-height: 103px;
    }

    .headerribbonresponse {
        width: 74px;
        height: 176px;
        margin-top: 0;
        margin-left: -74px;
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/RibbonLeftSmall.png");
        background-repeat: no-repeat;
        position: absolute;
        float: left;
        display: none;
    }

    .mainbottomrow {
        min-height: 50px;
    }

    .DJlogoResponse {
        vertical-align: middle;
    }

        .DJlogoResponse img {
            width: 100% !important;
            max-width: 150px !important;
            padding-top: 15px;
        }

    #DeltaTopNavigation .row {
        display: none;
    }

        #DeltaTopNavigation .row + .row + .row {
            display: block;
        }

    .navbar-collapse {
        overflow-y: hidden !important;
        min-height: 340px !important;
        background-color: #f0fafc !important;
    }

    #topnavbar .nav li.static {
        display: none;
    }

    #topnavbar .nav li.li1,
    #topnavbar .nav li.li2,
    #topnavbar .nav li.li3,
    #topnavbar .nav li.li4,
    #topnavbar .nav li.li5,
    #topnavbar .nav li.li6,
    #topnavbar .nav li.li7,
    #topnavbar .nav li.li8 {
        display: block;
    }

    div.nav.navbar-collapse.in {
    }

    .topnavbar .menu-item-text {
        position: absolute;
        top: 0;
        padding-left: 3px;
    }

    .navbar-inner {
        background-color: #002166;
    }

    .topnavbar ul.root li a {
        background-color: #f0fafc;
    }

    ul li .dropdown {
        display: none !important;
    }

    .topnavbar .menu-item-text {
        font-size: 9pt !important;
        color: #002166 !important;
    }

    .navbar-toggle {
        float: left;
        margin-left: 20px;
        height: 57px;
        display: block !important;
    }

    .maintoprow .row {
        display: block !important;
    }

    .srchresponse {
        z-index: 2000;
        color: #000;
        display: block !important;
        margin-left: 25px;
        margin-right: 25px;
    }

        .srchresponse #searchInputBox {
            float: none;
            margin: 0;
        }

        .srchresponse .searchbox {
            height: 30px !important;
            width: 100%;
            background-color: #fff;
        }

        .srchresponse .ms-srch-sb {
            background-color: #fff;
            width: 100%;
            margin: 10px 0;
        }

            .srchresponse .ms-srch-sb input[type="text"] {
                height: 30px;
                width: 88% !important;
                font-size: 12pt !important;
                display: block !important;
                float: left;
            }

            .srchresponse .ms-srch-sb > .ms-srch-sb-searchLink {
                position: absolute;
                right: 10px;
                height: 28px;
                width: 32px;
                background-image: url("/_layouts/15/images/searchresultui.png?rev=33");
                background-position: -53px -1px;
            }

    .responselinks {
        position: absolute;
        right: 20px;
        top: 0;
        width: 100%;
    }

    .DJResponsiveLinks_Home {
        width: 53px;
        height: 53px;
        margin-top: 15px;
        margin-left: 5px;
        margin-right: 5px;
        float: right;
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/Response_home.png");
        background-repeat: no-repeat;
    }

        .DJResponsiveLinks_Home:after {
            content: "Justice Home";
            margin-top: 55px;
            padding-left: 9px;
            float: left;
            color: #002563;
            line-height: 1em;
            text-align: center;
        }

    .DJResponsiveLinks_Commun {
        width: 53px;
        height: 53px;
        margin-top: 15px;
        margin-left: 5px;
        margin-right: 5px;
        float: right;
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/Response_people.png");
        background-repeat: no-repeat;
    }

        .DJResponsiveLinks_Commun:after {
            content: "About us";
            margin-top: 55px;
            padding-left: -10px;
            float: left;
            color: #002563;
            line-height: 1em;
            text-align: center;
        }

    .DJResponsiveLinks_Email {
        width: 53px;
        height: 53px;
        margin-top: 15px;
        margin-left: 5px;
        margin-right: 5px;
        float: right;
        background-image: url("/_layouts/15/DJ.SharePoint.Justice/img/Response_email.png");
        background-repeat: no-repeat;
    }

        .DJResponsiveLinks_Email:after {
            content: "Contact us";
            margin-top: 55px;
            padding-left: -10px;
            float: left;
            color: #002563;
            line-height: 1em;
            text-align: center;
        }

    #main {
        padding-top: 10px;
    }

    .dropdown1toptasks,
    .dropdown2toptasks,
    .dropdown3toptasks,
    .dropdown4toptasks,
    .dropdown5toptasks,
    .dropdown6toptasks,
    .dropdown7toptasks,
    .dropdown8toptasks {
        display: none;
    }

    .dropdown1responsive ul,
    .dropdown2responsive ul,
    .dropdown3responsive ul,
    .dropdown4responsive ul,
    .dropdown5responsive ul,
    .dropdown6responsive ul,
    .dropdown7responsive ul,
    .dropdown8responsive ul {
        position: static;
    }

    #ms-designer-ribbon {
        display: none;
    }

    .linkitemlisting .StartDate {
        float: none !important;
        height: auto !important;
    }

    .linkitemlisting {
        margin-bottom: 10px;
    }

    #topnavbar .nav li.static,
    #topnavbar .nav li.static .menu-item-text {
        margin-top: 10px;
        margin-bottom: 10px;
        height: 40px;
        margin-left: 10px;
    }

    #topnavbar .nav li.removemelater + li.removemelater + li.removemelater .menu-item-text {
        margin-left: 10px;
    }
}

@media (max-width:480px) {
    .responselinks {
        display: none;
    }

    .srchresponse .ms-srch-sb input[type="text"] {
        width: 88% !important;
    }
}

.ie8 #news-title-wrapper .news-description {
    display: none;
}

.tree {
    min-height: 10px;
    padding: 0;
    margin-bottom: 5px;
    background-color: #fff !important;
    border: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, .05);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .05);
}

    .tree li {
        list-style-type: none;
        margin: 0;
        padding: 0 5px;
        position: relative;
    }

        .tree li::before,
        .tree li::after {
            content: "";
            left: -20px;
            position: absolute;
            right: auto;
        }

        .tree li::before {
            border-left: 1px solid #999;
            bottom: 50px;
            height: 100%;
            top: 0;
            width: 1px;
        }

        .tree li::after {
            border-top: 1px solid #999;
            height: 20px;
            top: 20px;
            width: 20px;
        }

        .tree li span {
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            display: inline-block;
            padding: 3px 8px;
            text-decoration: none;
        }

        .tree li.parent_li > span {
            cursor: pointer;
        }

    .tree > ul > li::before,
    .tree > ul > li::after {
        border: 0;
    }

    .tree li:last-child::before {
        height: 20px;
    }

    .tree li.parent_li > span:hover,
    .tree li.parent_li > span:hover + ul li span {
        background: #eee;
        color: #000;
    }

    .tree .level-bullet {
        background: none !important;
    }

.expander {
    width: 15px;
    height: 20px;
    margin-left: -5px;
}

.tree .headertitle,
.tree .headertitle a,
.tree .headertitle a:link {
    font-size: 10pt !important;
    font-weight: 400 !important;
}

.parent_li > span {
    float: left;
}

.icon-plus-sign {
    background-image: url("/_layouts/15/images/MDNCollapsed.png");
}

.icon-minus-sign {
    background-image: url("/_layouts/15/images/MDNExpanded.png");
}

#accordion2 {
    width: 100%;
    padding-top: 20px;
    border-top: 3px #002664 solid;
}

.accordion-heading {
    margin-bottom: 10px;
}

#accordion2 a .iconexpand {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    display: block;
    float: left;
    background-image: url("/_layouts/images/minus.gif");
}

#accordion2 a.collapsed .iconexpand {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    display: block;
    float: left;
    background-image: url("/_layouts/images/plus.gif");
}

li.orginalmenu {
    display: none !important;
}

#primaryTopSiteNav .nav-container ul.root li.homeselected > a {
    background-color: #002166 !important;
}

#primaryTopSiteNav .nav-container ul.root li.homeselected .menu-item-text {
    color: #fff !important;
}

#primaryTopSiteNav .nav-container ul.root li.justiceselected > a {
    background-color: #008fcc !important;
}

#primaryTopSiteNav .nav-container ul.root li.justiceselected .menu-item-text {
    color: #fff !important;
}

#primaryTopSiteNav .nav-container ul.root li.currentselected > a {
    background-color: #26afe3 !important;
}

#primaryTopSiteNav .nav-container ul.root li.currentselected .menu-item-text {
    color: #fff !important;
}

.lefthandsideresponsed {
    border: 2px #002166 solid;
    padding: 5px;
}

#accordionLeft a .lefticonexpand {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    display: block;
    float: left;
    background-image: url("/_layouts/images/minus.gif");
}

#accordionLeft a.collapsed .lefticonexpand {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    display: block;
    float: left;
    background-image: url("/_layouts/images/plus.gif");
}

.sharednav {
    display: none;
}

.ie8 ul.MegaMenuTopTask li.MegaMenulink a {
    height: 31px !important;
}

.ie8 .navbar-toggle,
.ie8 .maintoprow .row,
.ie8 .newsitemresponsivecontainer {
    display: none !important;
}

.ie8 .srchresponse .ms-srch-sb input[type="text"] {
    display: none !important;
}

.ie8 .ms-srch-sb input[type="text"] {
    height: 35px !important;
    width: 250px !important;
    font-size: 14px !important;
}

.ie8 .DJlogo {
    position: relative !important;
}

.ie8 #topnavbar #top-nav li.static {
    width: 136px !important;
    text-align: left;
}

    .ie8 #topnavbar #top-nav li.static + li.static {
        width: 136px !important;
    }

        .ie8 #topnavbar #top-nav li.static + li.static + li.static {
            width: 93px !important;
        }

            .ie8 #topnavbar #top-nav li.static + li.static + li.static + li.static {
                width: 98px !important;
            }

                .ie8 #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static {
                    width: 94px !important;
                }

                    .ie8 #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static + li.static {
                        width: 145px !important;
                    }

                        .ie8 #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static + li.static + li.static {
                            width: 160px !important;
                        }

                            .ie8 #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static + li.static + li.static + li.static {
                                width: 98px !important;
                            }

.ie8 .b3-fullscreenmode #mainbody {
    width: 960px !important;
}

#mainbody {
    width: 960px !important;
    border: solid 0px #fff;
}

.accodionHubStop .accordion-group {
    border: 1px solid #d1d2d6;
    width: 99%;
    margin: 20px 0 5px;
    display: block;
    position: relative;
    overflow: hidden;
}

.accodionHubStop a.accordion-toggle:link,
.accodionHubStop a.accordion-toggle:visited,
.accodionHubStop a.accordion-toggle:hover {
    font-weight: 14px !important;
}

.accodionHubStop .accordion-heading {
    height: 30px;
    background: #fff url("/_layouts/15/DJ.SharePoint.Justice/img/accordgrad.png") 0 100% repeat-x;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    padding-top: 5px;
}

.accodionHubStop a.accordion-toggle {
    margin-top: 0 !important;
    background: transparent url("/_layouts/15/DJ.SharePoint.Justice/img/justice-resourceaccordionsprite2.png") 16px -93px no-repeat;
    padding: 5px 10px 8px 45px;
    display: block;
    margin: -1px -1px 0;
}

    .accodionHubStop a.accordion-toggle.collapsed {
        margin-top: 0 !important;
        background: transparent url("/_layouts/15/DJ.SharePoint.Justice/img/justice-resourceaccordionsprite2.png") 16px 8px no-repeat;
        padding: 5px 10px 8px 45px;
        display: block;
        margin: -1px -1px 0;
    }

.accodionHubStop .accordion-inner .row div.col-sm-12 {
    padding-left: 25px;
    padding-bottom: 12px;
    padding-top: 10px;
}

.accodionHubStop .accordion-inner .row div.col-sm-4 {
    padding-left: 25px;
    padding-bottom: 12px;
    font-weight: 700;
}

@media (max-width:767px) {
    .accodionHubStop .accordion-inner .row div.col-sm-4 {
        padding-bottom: 5px;
    }

    .accodionHubStop .accordion-inner .row div.col-sm-8 {
        margin-left: 10px;
        padding-bottom: 10px;
    }

    #mainbody {
        width: 100% !important;
    }

    .MediumContent {
        min-height: 0;
    }

    .navbar-toggle {
        background: #002664;
        border: none;
        margin-top: 30px;
        height: 47px;
    }

        .navbar-toggle .icon-bar {
            background: #fff;
        }

        .navbar-toggle:hover {
            border: none;
            background: #c60c30;
        }

            .navbar-toggle:hover > .icon-bar {
                background: #fff;
            }

    #topnavbar #top-nav li.static {
        width: 100% !important;
        text-align: left;
    }

        #topnavbar #top-nav li.static + li.static {
            width: 100% !important;
        }

            #topnavbar #top-nav li.static + li.static + li.static {
                width: 100% !important;
            }

                #topnavbar #top-nav li.static + li.static + li.static + li.static {
                    width: 100% !important;
                }

                    #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static {
                        width: 100% !important;
                    }

                        #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static + li.static {
                            width: 100% !important;
                        }

                            #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static + li.static + li.static {
                                width: 100% !important;
                            }

                                #topnavbar #top-nav li.static + li.static + li.static + li.static + li.static + li.static + li.static + li.static {
                                    width: 100% !important;
                                }
}

@media print {
    .maintoprow {
        margin-left: 0 !important;
    }

    #bannerText_ DJResponseLogotext,
    #header .responselinks,
    #customBreadcrumb,
    #collapseLeft,
    #pagetitleresponse,
    .customBreadcrumbrow,
    .mainbottomrow,
    h1.bannerText_ {
        display: none !important;
    }

    a[href]:after {
        content: none !important;
    }
}

#newsBanner {
    height: 170px;
    width: 100%;
}

    #newsBanner .newsBannerWrapper {
        position: relative;
    }

        #newsBanner .newsBannerWrapper img {
            height: 170px;
        }

    #newsBanner .newsBannerContent {
        width: 280px;
        background: #002664;
        opacity: .9;
        position: absolute;
        left: 0;
        height: 170px;
    }

        #newsBanner .newsBannerContent h3,
        #newsBanner .newsBannerContent p {
            color: #fff;
            margin-left: 15px;
        }

    #newsBanner .slick-prev,
    #newsBanner .slick-next {
        display: none !important;
    }

    #newsBanner ul.slick-dots {
        position: absolute;
        bottom: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
        left: 15px;
    }

        #newsBanner ul.slick-dots li {
            float: left;
            margin-right: 10px;
        }

            #newsBanner ul.slick-dots li button {
                width: 15px;
                height: 10px;
                background: none;
                border: none;
                display: block;
                min-width: 0;
                background: #fff;
                font-size: 0;
                padding: 0;
                border: 2px solid #fff;
            }

            #newsBanner ul.slick-dots li.slick-active button {
                background: none;
                border: 2px solid #fff;
            }

ul.rollupforh3style a {
    font-size: 14px !important;
    color: #00f;
    font-weight: 400;
}
/************** for Search *************/
#SubmitValue {
    display: block !important;
}

/************** Would like to styling *************/

.WouldLikeToContainer {
    width: 250px;
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 999;
}

    .WouldLikeToContainer h2 {
        background: #ffffff;
        display: inline-block;
        margin: 0;
        padding: 5px 10px;
        font-size: 1.1em;
    }

    .WouldLikeToContainer .panel {
        border: none !important;
    }

    .WouldLikeToContainer .panel-group .panel + .panel {
        margin-top: 0;
    }

    .WouldLikeToContainer .panel-heading {
        border-radius: 0;
        padding: 7px 15px;
    }

        .WouldLikeToContainer .panel-heading h4 a {
            color: #002664;
            font-size: 0.9em;
            font-weight: normal;
        }

    .WouldLikeToContainer .panel-body p {
        margin: 0;
    }

    .WouldLikeToContainer .panel-group .panel {
        border-radius: 0;
    }

    .WouldLikeToContainer .panel-default {
        margin-bottom: 1px;
    }

        .WouldLikeToContainer .panel-default > .panel-heading {
            background: #dcf1f9;
            border: none;
        }

        .WouldLikeToContainer .panel-default > .panel-heading {
            background: #007C8D;
            border: none;
        }

    .WouldLikeToContainer .panel-heading h4 a {
        color: #ffffff;
    }


.EditMode .WouldLikeToContainer {
    position: static;
}

#s4-bodyContainer {
    width: 100% !important;
}

/************** News Carousel *************/
#newsBanner .newsBannerWrapper img {
    width: 100%;
}

.newsBannerOuter {
    width: 100% !important;
    max-width: 960px;
}

#newsBanner {
    height: 400px;
    width: 100%;
}

    #newsBanner .newsBannerWrapper {
        position: relative;
    }

        #newsBanner .newsBannerWrapper img {
            height: 400px;
            width: 100%;
        }

    #newsBanner .newsBannerContent h3 {
        font-size: 40px;
        margin-bottom: 5px;
        font-weight: normal;
        margin-top: 0;
    }

    #newsBanner .newsBannerContent {
        /* width: 600px; */
        opacity: 0.9;
        position: absolute;
        left: 20px;
        top: 200px;
        background-color: transparent !important;
    }

        #newsBanner .newsBannerContent h3,
        #newsBanner .newsBannerContent p {
            color: #ffffff;
            margin-left: 15px;
        }

    #newsBanner .slick-prev,
    #newsBanner .slick-next {
    }

    #newsBanner ul.slick-dots {
        position: absolute;
        bottom: 30px;
        margin: 0;
        padding: 0;
        list-style: none;
        left: 40px;
        z-index: 9999;
    }

        #newsBanner ul.slick-dots li {
            float: left;
            margin-right: 10px;
        }

            #newsBanner ul.slick-dots li button {
                width: 10px;
                height: 10px;
                background: none;
                border: none;
                display: block;
                min-width: 0;
                background: #ffffff;
                font-size: 0;
                padding: 0;
                border: 2px solid #ffffff;
                border-radius: 100px;
            }

            #newsBanner ul.slick-dots li.slick-active button {
                background: none;
                border: 2px solid #ffffff;
            }

ul.rollupforh3style a {
    font-size: 14px !important;
    color: #00f;
    font-weight: normal;
}

/* Fix issue with broken webpart properties editor */
#MSOTlPn_MainTD img {
    display: inline !important;
}

#MSOTlPn_MainTD .ms-TPBorder {
    width: 100%;
}

/* Fix news carousel issues */
#newsBox #container #content #slider,
#newsBox #container #content #slider ul li {
    height: 170px;
    width: 245px;
}

#newsBox {
    position: relative;
    overflow: hidden;
    padding-top: 0;
}

    #newsBox #container {
        position: relative;
        overflow: hidden;
        width: 1240px;
        margin: 0 0 0 0;
        text-align: left;
        color: #fff;
    }

        #newsBox #container #content {
            position: relative;
            padding-left: 0;
        }

            #newsBox #container #content #slider ul {
                margin: 0 0 0 15px;
                padding: 0;
                list-style-type: none;
                list-style-image: none;
            }

            #newsBox #container #content #slider ul {
                margin: 0;
            }

                #newsBox #container #content #slider ul li {
                    padding: 0;
                    margin: 0 0 10px 0;
                    list-style-type: none;
                    list-style-image: none;
                }

                    #newsBox #container #content #slider ul li #news-image-wrapper {
                        position: relative;
                    }

                        #newsBox #container #content #slider ul li #news-image-wrapper img {
                            display: none;
                        }

                        #newsBox #container #content #slider ul li #news-image-wrapper a #news-title-wrapper {
                            position: absolute;
                            top: 0;
                            z-index: 1;
                            width: 100%;
                            height: 170px;
                            background-color: #002664;
                            color: #fff;
                            filter: alpha(opacity=90);
                            opacity: .9;
                        }

                            #newsBox #container #content #slider ul li #news-image-wrapper a #news-title-wrapper .news-title {
                                font-size: 14pt;
                                margin-left: 15px;
                                margin-right: 15px;
                                margin-top: 15px;
                                font-weight: 700;
                                line-height: 1.4em;
                            }

                            #newsBox #container #content #slider ul li #news-image-wrapper a #news-title-wrapper .news-description {
                                display: block;
                                color: #fff;
                                font-size: 10pt;
                                margin-left: 15px;
                                margin-right: 15px;
                                margin-top: 5px;
                                margin-bottom: 1px;
                            }

            #newsBox #container #content #controls {
                position: absolute;
                z-index: 1;
                width: 130px;
                height: 20px;
                top: 138px;
                right: 1095px;
                padding-bottom: 0;
                margin: 1em 0;
                padding-left: 0;
                padding-right: 0;
                float: left;
                height: 11px;
                padding-top: 0;
            }

            #newsBox #container #content ol#controls li {
                padding-bottom: 0;
                list-style-type: none;
                margin: 0 4px 0 0;
                padding-left: 0;
                padding-right: 0;
                float: left;
                height: 15px;
                list-style-image: none;
                padding-top: 0;
            }

                #newsBox #container #content ol#controls li a {
                    padding-bottom: 0;
                    line-height: 15px;
                    padding-left: 0;
                    padding-right: 0;
                    background: #eee;
                    float: left;
                    height: 11px;
                    color: #eee;
                    text-decoration: none;
                    padding-top: 0;
                }

                #newsBox #container #content ol#controls li.current a {
                    background: #083a81;
                    color: #083a81 !important;
                }

                #newsBox #container #content ol#controls li a:hover {
                    background: #083a81;
                    text-decoration: none;
                    color: #083a81 !important;
                }

                #newsBox #container #content ol#controls li a:focus {
                    outline-style: none;
                    outline-color: invert;
                    outline-width: medium;
                }

            #newsBox #container #content ul#controls li.numeric {
                padding-bottom: 0;
                list-style-type: none;
                margin: 0 4px 0 0;
                padding-left: 0;
                padding-right: 0;
                float: left;
                height: 15px;
                list-style-image: none;
                padding-top: 0;
            }

                #newsBox #container #content ul#controls li.numeric a {
                    padding-bottom: 0;
                    line-height: 15px;
                    padding-left: 0;
                    padding-right: 0;
                    background: #eee;
                    float: left;
                    height: 11px;
                    color: #eee;
                    text-decoration: none;
                    padding-top: 0;
                }

            #newsBox #container #content ul#controls li.current a {
                background: #083a81;
                color: #083a81 !important;
            }

            #newsBox #container #content ul#controls li.numeric a:focus {
                outline-style: none;
                outline-color: invert;
                outline-width: medium;
            }

@media (min-width:375px) {
    #newsBox #container #content #slider,
    #newsBox #container #content #slider ul li {
        width: 300px !important;
    }
}

@media (min-width: 425px) {
    #newsBox #container #content #slider,
    #newsBox #container #content #slider ul li {
        width: 350px !important;
    }
}

@media (min-width: 768px) {
    #newsBox #container #content #slider,
    #newsBox #container #content #slider ul li {
        width: 624px !important;
    }

        #newsBox #container #content #slider ul li #news-image-wrapper a #news-title-wrapper {
            width: 280px;
        }

        #newsBox #container #content #slider ul li #news-image-wrapper img {
            display: block !important;
        }
}

/* Fix scroll on iphone */
#s4-workspace {
    -webkit-overflow-scrolling: touch;
}

/* Social buttons */
ul.share-buttons {
    position: absolute;
    display: none;
    list-style: none;
    padding: 0;
    margin: 0 15px 0 0;
    float: left;
    right: 45px;
    top: 30px;
}

    ul.share-buttons li {
        display: inline;
        float: left;
        height: 26px;
        margin-left: 6px;
        width: 26px;
    }

        ul.share-buttons li:hover {
            filter: brightness(120%);
        }

    ul.share-buttons .sr-only {
        position: absolute;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px);
        padding: 0;
        border: 0;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

    ul.share-buttons img {
        width: 32px;
    }

/* Global fix for mobile views */
#s4-workspace > .container {
    width: 320px;
}

@media (min-width:320px) {
    #s4-workspace > .container {
        width: 320px;
    }
}

@media (min-width:375px) {
    #s4-workspace > .container {
        width: 375px;
    }
}

@media (min-width: 425px) {
    #s4-workspace > .container {
        width: 425px;
    }
}

@media (min-width:768px) {
    #s4-workspace > .container {
        width: 990px;
    }
}

/* Header left and right images, fix scroll*/
.headerribbon {
    display: none;
    width: 222px;
    height: 215px;
    margin-top: 0;
    margin-left: -222px;
    background-image: url(/_layouts/15/DJ.SharePoint.Justice/img/RibbonLeft.png);
    background-repeat: no-repeat;
    position: absolute;
    float: left;
}

.headerribbonright {
    display: none;
    width: 78px;
    height: 225px;
    background-image: url(/_layouts/15/DJ.SharePoint.Justice/img/RibbonRight.png);
    background-repeat: no-repeat;
    position: absolute;
    right: -78px;
    top: 7px;
}

@media (min-width:1200px) {
    .headerribbon,
    .headerribbonright {
        display: block;
    }
}