body { color: #2d1f88; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-align: left; }

#headWrapper { background-image: none; background-color: #2d1f88; }

#logo { margin-left: 15px; }

#header {
    display: flex;
    align-items: center;
    padding: 0px 27px;
}

#header #header-links {
    flex-grow: 1;
    align-items: flex-start;
}

#header ul {
    margin: 0;
}

#header ul li a {
    color: white;
}
#header #ApplicationTitle { margin: 0; }
#header #ApplicationTitle a { color: white; margin: 0; padding-left: 2em; font-size: 1.8em; }

#navigationWrapper { background: none; background-color: #ffdde2; }
#navigation { height: calc(1.5em + 15px); }
#navigation, #navigation a { color: #2d1f88; }
#navigation a#userControlLogin, #navigation a#userControlLogout { color: #FFFFFF; }
.active, #navigation #shortcuts .shortcuts div a:hover, #navigation #shortcuts .shortcuts div a:focus { background: none; text-decoration:underline; }

#homepage #contentWrapper { background: none; }
#contentWrapper h1 { background: none; color: #2d1f88; }
#contentWrapper #content h1 { text-align: center; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }

#socialMediaWrapper {
    background: #2d1f88;
    color: #FFFFFF;
}

#homepage #mainContent h1 { padding-top: 20px; }
#homepage #mainContent h1, #homepage #subjectsList ul li a { color: #2d1f88; }
#homepage #mainContent p { color: #2d1f88; }

#homepage #additionalContent div { color: #2d1f88; }

#homepage #searchformHome #searchField {
    background: none repeat scroll 0 0 #ffdde2;
}
#homepage #searchformHome #searchField #searchSubmit { background: url("/SiteSpecific/SFS/Content/Images/searchSubmitBackground.svg") no-repeat scroll center center rgba(0, 0, 0, 0); }
#homepage #searchLabel label, #subjectsList h2 { color: #2d1f88; }
.frontendDocSearchSubmit { background: url("/SiteSpecific/NEN/Content/Images/searchSubmitBackground.png") no-repeat scroll center center rgba(0, 0, 0, 0); }
.frontendDocumentSearch .searchSubmit { background: url("/SiteSpecific/SFS/Content/Images/searchSubmitBackground.svg") no-repeat scroll center center rgba(0, 0, 0, 0); }
.active,#navigation ul li a:hover,#navigation ul li a:focus { background: none; text-decoration:underline; }
.searchKeywords { background: none repeat scroll 0 0 #FFFFFF; }

#mostPopularTitle h2, .documentPreviewBoxItem h3 a { color: #2d1f88; }

#homepage #mostPopularTitle h2, #homepage .documentPreviewBoxItem h3 a { color: #2d1f88; }

#browseDocumentsLink { color: blue; }

#homepage #searchLabel label, #homepage #subjectsList h2 { color: #2d1f88; }

#draftContainer .draftDescription .contentAdmin { display: block; }

#homepage .siteGuideImagesItem .siteGuideImagesItemTitle, #homepage .siteGuideImagesItem .siteGuideImagesItemSlice { display: none; }

#homepage #siteGuideImages .findItem {
    background: url(/SiteSpecific/SFS/Content/images/1hae.jpg) no-repeat;
}

#homepage #siteGuideImages .readItem {
    background: url(/SiteSpecific/SFS/Content/images/2lue.jpg) no-repeat;
}

#homepage #siteGuideImages .commentsItem {
    background: url(/SiteSpecific/SFS/Content/images/3kommentoi.jpg) no-repeat;
}

#homepage #siteGuideImages .shareItem {
    background: url(/SiteSpecific/SFS/Content/images/4jaa.jpg) no-repeat;
}

#homepage #siteGuideImages, #homepage #siteGuideSummary {
    float: none;
    margin: 0;
    display: flex;
    justify-content: space-around;
    width: 100%;
}

#homepage #siteGuideImages .siteGuideImagesItem, #homepage #siteGuideSummary .siteGuideSummaryItem {
    width: 152px;
    float: none;
    text-align: center;
}

#navigation #shortcuts {
    height: 100%;
}

#navigation #shortcuts .shortcuts {
    height: 100%;
    display: flex;
    align-items: center;
}

#navigation a#userControlLogin, #navigation a#userControlLogout {
    margin: 0;
    background-color: #2d1f88;
    border: 0;
}

#header a img {
    margin: 0;
}

#homepage #mostPopularWrapper, #homepage #mostPopularTitle h2 {
    background-color: #ffdde2;
    background-image: none;
    margin: 0;
}

#homepage #mostPopularTitleWrapper {
    background-color: #2d1f88;
    background-image: none;
    padding-top: 20px;
}

#homepage #mostPopularTitle .mptSliceLeft {
    background: url('/SiteSpecific/SFS/Content/images/mostPopularLeftSlice.svg') no-repeat;
    margin: 0;
    width: 30px;
    height: 30px;
}

#homepage #mostPopularTitle .mptSliceRight {
    background: url('/SiteSpecific/SFS/Content/images/mostPopularRightSlice.svg') no-repeat;
    margin: 0;
    width: 30px;
    height: 30px;
}

#homepage #subjectsList ul li {
    background: url('/SiteSpecific/SFS/Content/images/subjectListItem.svg') no-repeat 5px 7px;
}

#homepage #mostPopular .documentPreviewBoxItem .documentComments a {
    background: url('/SiteSpecific/SFS/Content/images/makeCommentListItem.svg') no-repeat left center;
}

#homepage #mostPopular .documentPreviewBoxItem .documentComments span {
    background: url('/SiteSpecific/SFS/Content/images/commentListItem.svg') no-repeat left center;
}

#navigation a#userControlLogin:hover, #navigation a#userControlLogout:hover, #navigation a#userControlLogin:focus, #navigation a#userControlLogout:focus {
    background-image: none;
    background-color: #2d1f88;
}

#footer {
    background-color: #ffdde2;
    background-image: none;
}
div.sideBarWrapper, .displayBoxWrapper, #draftContainerWrapper, .draftDescription .draftTitle, div#extraTextField, div#commentsWrapper, div.displayBox div.displayBoxHeader, .sideBarWrapper .sideBarSub .miniToc .selectedMiniToc, .sideBarWrapper .sideBarSub .miniToc li:hover, .sideBarWrapper .sideBarSub .miniToc li:focus {
    background: none repeat scroll 0 0 #2d1f88;
    border-radius: initial !important;
}

div.sideBarWrapper > div.sideBarBottom {
    border-radius: initial !important;
}

div.displayBoxHeader {
    color: white;
}

.sideBar.sideBarSub, .displayBox {
    border-radius: initial !important;
}

div.displayBox div.displayBoxHeader a {
    background-color: #2d1f88;
    color: white;
}

.sideBar .miniToc .selectedMiniToc a {
    color: white;
}

.displayBoxWrapper .document.displayBox {
    border-radius: initial !important;
}

.draftDescriptionRegionRight .userPosition a:focus,
.draftDescriptionRegionRight .userPosition a:hover,
.draftDescriptionRegionRight .userPosition a:focus span,
.draftDescriptionRegionRight .userPosition a:hover span,
.draftDescriptionRegionRight .userPosition a span,
.draftDescriptionRegionRight .userPosition a,
.draftDescriptionRegionRight .draftDescriptionShareDraft a:focus,
.draftDescriptionRegionRight .draftDescriptionShareDraft a:hover,
.draftDescriptionRegionRight .draftDescriptionShareDraft a:focus span,
.draftDescriptionRegionRight .draftDescriptionShareDraft a:hover span,
.draftDescriptionRegionRight .draftDescriptionShareDraft a span,
.draftDescriptionRegionRight .draftDescriptionShareDraft a,
.draftDescriptionRegionRight .draftDescriptionReadDraft a:focus,
.draftDescriptionRegionRight .draftDescriptionReadDraft a:hover,
.draftDescriptionRegionRight .draftDescriptionReadDraft a:focus span,
.draftDescriptionRegionRight .draftDescriptionReadDraft a:hover span,
.draftDescriptionRegionRight .draftDescriptionReadDraft a span,
.draftDescriptionRegionRight .draftDescriptionReadDraft a,
.documentContentRegionRight .draftDetails a:hover,
.documentContentRegionRight .draftDetails a:hover span,
.documentContentRegionRight .draftDetails a:focus,
.documentContentRegionRight .draftDetails a:focus span,
.documentContentRegionRight .draftDetails a span,
.documentContentRegionRight .draftDetails a {
    border-radius: initial !important;
    background-image: none;
    background-color: #ffdde2;
    border: none;
    color: #2d1f88;
    box-shadow: none;
}


    .draftDescriptionRegionRight .draftDescriptionReadDraft a span,
    .draftDescriptionRegionRight .draftDescriptionReadDraft a:focus span,
    .draftDescriptionRegionRight .draftDescriptionReadDraft a:hover span {
        background: url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% center;
    }

    .draftDescriptionRegionRight .draftDescriptionShareDraft a span,
    .draftDescriptionRegionRight .draftDescriptionShareDraft a:hover span,
    .draftDescriptionRegionRight .draftDescriptionShareDraft a:focus span {
        background: url(/Content/images2/sub/share1.png) no-repeat 98% center;
    }

    .draftDescriptionRegionRight .userPosition a span,
    .draftDescriptionRegionRight .userPosition a:hover span,
    .draftDescriptionRegionRight .userPosition a:focus span {
        background: url(/SiteSpecific/SFS/Content/Images/makeCommentImage1.svg) no-repeat 98% center;
    }

    #draftContainer .draftDescription .draftTitle a {
        color: white;
    }

#extraTextField, #extraTextField .standout, #draftContainerWrapper.docCommentDraftContainerWrapper #draftContainer {
    border-radius: initial !important;
}

.sideBarWrapper .sideBarSub .miniToc li.minitoc1:hover a, .sideBarWrapper .sideBarSub .miniToc li.minitoc1:focus a {
    color: white;
}

.highlight {
    color: #2d1f88;
    background-color: #ffd94a
}

.searchBox .searchSubmit:hover, .searchBox .searchSubmit:focus, .searchBox .searchSubmit:focus {
    background: url(/SiteSpecific/SFS/Content/Images/searchSubmitBackground.svg) no-repeat scroll center center rgba(0, 0, 0, 0);
}

.displayBox .viewMore a {
    background: url(/SiteSpecific/SFS/Content/Images/viewMoreBackground.svg) no-repeat center right;
}

.expand a.open:link, .expand a.open:visited {
    background: url(/SiteSpecific/SFS/Content/Images/viewMoreOpenBackground.svg) no-repeat center right;
}

div.comments {
    border-radius: initial;
}

#homepage #searchformHome {
    border-color: #2d1f88;
}

#footer a, #homepage .documentPreviewBoxItem p.title, #homepage .documentPreviewBoxItem p.expiryDate, #homepage .documentComments a, #homepage .documentComments span {
    color: #2d1f88;
}

.multiSideBarWrapper .sideBar .miniToc .minitocViewAll {
    width: 96%;
}

#sectionHeaderRight #sectionHeaderComments a {
    width: auto;
}

#sectionHeaderRight #sectionHeaderComments a span {
    padding-right: 10px;
}

#sectionHeaderRightDraftDetails a span, #sectionHeaderComments a span {
    padding-left: 10px;
}

#sectionHeaderLeftReadDraft a span,
#sectionHeaderLeftReadDraft a,
#sectionHeaderLeftTableContents a span,
#sectionHeaderLeftTableContents a,
#sectionHeaderComments a span,
#sectionHeaderComments a,
#sectionHeaderRightDraftDetails a span,
#sectionHeaderRightDraftDetails a,
#sectionHeaderReadDraft a span,
#sectionHeaderReadDraft a {
    border-radius: initial !important;
    background: none;
    box-shadow: none;
    background-color: #ffdde2;
    color: #2d1f88;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    min-height: initial;
}

#sectionHeaderLeftReadDraft span.fakeLink span,
#sectionHeaderLeftTableContents span.fakeLink span {
    padding: 8px 10px;
    width: auto;
    height: auto;
}

#sectionHeaderLeftReadDraft span.fakeLink,
#sectionHeaderLeftTableContents span.fakeLink {
    background: none;
    background-color: #2d1f88;
    box-shadow: none;
    color: white;
    width: auto;
    padding: 0;
    min-height: initial;
}

#sectionHeaderLeftReadDraft a span,
#sectionHeaderLeftTableContents a span,
#sectionHeaderComments a span,
#sectionHeaderRightDraftDetails a span {
    padding: 8px 10px;
}

#sectionHeaderLeftReadDraft a:hover span, #sectionHeaderLeftReadDraft a:focus span,
#sectionHeaderLeftReadDraft a:hover, #sectionHeaderLeftReadDraft a:focus,
#sectionHeaderLeftTableContents a:hover span, #sectionHeaderLeftTableContents a:focus span,
#sectionHeaderLeftTableContents a:hover, #sectionHeaderLeftTableContents a:focus,
#sectionHeaderComments a:hover span, #sectionHeaderComments a:focus span,
#sectionHeaderComments a:hover, #sectionHeaderComments a:focus,
#sectionHeaderRightDraftDetails a:hover span, #sectionHeaderRightDraftDetails a:focus span,
#sectionHeaderRightDraftDetails a:hover, #sectionHeaderRightDraftDetails a:focus {
    background: #ffdde2;
}

#sectionHeaderRight {
    width: 260px;
}

#sectionHeaderLeftReadDraft .lowerBlock, #sectionHeaderLeftTableContents .lowerBlock {
    display: none;
}

#sectionWrapper {
    background: none;
    border-radius: initial !important;
    margin-top: 0;
    padding-top: 0;
}

.section {
    border-bottom-width: 2px;
    border-color: #2d1f88;
    border-style: solid;
    box-shadow: none;
}

.tabNavigation {
    border-bottom: none;
}

    .tabNavigation .tabSecond .selected span {
        background: none;
        color: #2d1f88;
    }

    .tabNavigation .tabSecond a {
        border-radius: initial;

    }

    .tabNavigation .selected {
        background: none;
    }

    .tabNavigation .tabSecond span {
        padding: 10px;
    }

.issueFieldTitle, .remedyFieldTitle, .sectionDescFieldTitle {
    color: #2d1f88;
}

.commentSubmit div.submit .submit, .commentSave div.submit .submit {
    background: none;
    padding: 5px 10px;
    color: #2d1f88;
}

.commentSubmit div.submit, .commentSave div.submit {
    background: #ffdde2;
    border-radius: initial !important;
    box-shadow: none;
}

.sideBarWrapper .sideBarSub .miniToc .selectedMiniToc a, .sideBarWrapper .sideBarSub .miniToc li:hover a, .sideBarWrapper .sideBarSub .miniToc li:focus a {
    color: white;
}

.sideBarWrapper ul.miniToc .miniTocSideBarTitle {
    margin: 0 !important;
    padding: 0 !important;
    background: #2d1f88 !important;
    text-align: center;
    padding-bottom: 5px !important;
}

    .sideBarWrapper ul.miniToc .miniTocSideBarTitle a {
        color: white;
    }

div#draftContainerWrapper {
    margin-top: 0;
}

#draftContainer {
    border-radius: initial !important;
    padding-bottom: 10px;
}

#sectionHeader {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

#sectionHeaderLeftReadDraft a:hover, #sectionHeaderLeftReadDraft a:focus {
    background: none;
}

#sectionHeaderRight {
    width: auto;
    display: flex;
}

#sectionHeaderRightDraftDetails {
    margin-right: 1em;
}

#sectionHeaderLeftTableContents {
    display: inline;
    width: auto !important;
}

##sectionHeaderLeftReadDraft {
    width: auto !important;
    height: auto !important;
    display: inline;
}

#sectionHeaderPlaceholder {
    float: none;
    width: auto;
    height: auto;
}

.topPreviousNextBox, .docCommentSection {
    border: none;
}

.previousNextBox {
    box-shadow: none;
}

    .previousNextBox a.nextLink span, .previousNextBox a.previousLink span {
        background: none;
        min-width: initial;
        padding: 8px 10px;
        font-size: 1.2em;
    }

    .paging ul li a, .previousNextBox a {
        background: none;
        background-color: #ffdde2;
        color: #2d1f88;
    }

#sectionHeaderComments a span,
a.loadComments span,
#sectionHeaderComments a:hover span,
#sectionHeaderComments a:focus span,
a.loadComments:hover span,
a.loadComments:focus span,
a.loadComments.commentsVisible span {
    background: none;
    background-color: #ffdde2;
    color: #2d1f88;
    border-radius: initial !important;
    padding: 8px 10px;
}

#sectionHeaderComments a, a.loadComments {
    box-shadow: none;
}

div.loadedComments div.comments {
    width: 669px;
}

.loadedSections .tabNavigation {
    width: 682px;
}

.newcomment .field .richtext {
    width: 98.5%;
}

#draftContainer .standout {
    background-color: #ffdde2;
}

.field input[type="text"],
.field input[type="password"],
.field textarea,
.field select {
    background-color: #ffdde2;
}

div.tooltipContent {
    background-color: #ffdde2;
}