/*  This is the base css file for the entire Draft Review System Application.
	19/09/2011 by Zebedee Creations
	These styles cover the colours used and background properties.  
	
	Table of Contents:
        1. HomePage css content.
		2. Colour Palette
		3. Background Colours and Images
*/

/* 1. HomePage css content. - start - */

/*  This is the home page css file for the Draft Review System Application.
	19/09/2011 by Zebedee Creations
	These styles cover the colours used and background properties.  
	
	Table of Contents:
		1.1. Colour Palette
		1.2. Background Colours and Images
*/

/* 1.1 Colour Palette - start - */

.documentPreviewBoxItem p.title,
.documentPreviewBoxItem p.expiryDate,
.documentComments a,
.documentComments span {
    color: #57585b
}

#homepage #mostPopularTitle h2,
#homepage .documentPreviewBoxItem h3 a {
    color: #344586;
}

#homepage #searchLabel label,
#homepage #bsiSubjectsList h2 {
    color: #344586;
}

#homepage #mainContent h1,
#homepage #mainContent p,
#homepage #bsiSubjectsList ul li a {
    color: black;
    background: none;
}

/* Colour Palette - end - */

/* 1.2. Background Colours and Images - start - */

#homepage #mostPopularTitle .mptSliceLeft {
    background:#fff url('/content/images2/mostPopularLeftSlice.png') no-repeat center bottom;
}

#homepage #mostPopularTitle .mptSliceRight {
    background:url('/content/images2/mostPopularRightSlice.png') no-repeat 0px 2px;
}

#homepage #mostPopularTitle h2 {
    background:#e7e7e7 url('/content/images2/mostPopularShadowSlice.png') repeat-x 0px -16px;
}

#homepage #mostPopularTitleWrapper {
    background:#3f434c url('/content/images2/mostPopularTitleWrapperSlice.jpg') repeat-x 0px 3px;
}

#homepage .bsiSiteGuideImagesItem .bsiSiteGuideImagesItemTitle {
    background-color:#e7e7e7;
}

#homepage #searchformHome #searchField {
    background-color: #344C84;
}

#homepage #searchformHome #searchField #searchSubmit {
    background:url('/content/images2/searchSubmitBackground.gif') no-repeat center;
}

#homepage #searchformHome #searchField #searchSubmit:hover,
#homepage #searchformHome #searchField #searchSubmit:focus {
    outline: none;
}

#homepage #contentWrapper {
    background: none;
}

#homepage #mostPopularWrapper {
    background:#fff url('/content/images2/mostPopularBackground.jpg') repeat-x;	
}

#homepage #bsiSiteGuideImages .findItem {
    background:url('/content/images2/findTopSlice.png') no-repeat;	
}

#homepage #bsiSiteGuideImages .readItem {
    background:url('/content/images2/readTopSlice.png') no-repeat;	
}

#homepage #bsiSiteGuideImages .commentsItem {
    background:url('/content/images2/commentsTopSlice.png') no-repeat;	
}

#homepage #bsiSiteGuideImages .shareItem {
    background:url('/content/images2/shareTopSlice.png') no-repeat;	
}

#homepage .bsiSiteGuideImagesItem .bsiSiteGuideImagesItemSlice {
    background:url('/content/images2/FindBottomSlice.png') no-repeat;	
}

#homepage #mostPopular .documentPreviewBoxItem .documentComments a {
    background:url('/content/images2/makeCommentListItem.gif') no-repeat left center;
}

#homepage #mostPopular .documentPreviewBoxItem .documentComments span {
    background:url('/content/images2/commentListItem.gif') no-repeat left center;
}

#homepage #bsiSubjectsList ul li {
    background:url('/content/images2/subjectListItem.gif') no-repeat 5px 7px;
}

#homepage #additionalContent div {
    color: black;
}

#homepage #additionalContent > div {
    font-size: 1.2em;
}

#homepage div.flashMessage {
    background-color: #F8F7A9; border: 1px dashed #C8C709; margin: 10px 0; padding: 8px;
}

#homepage .flashWarning {
    background-color: #F8A9A9; border: 1px dashed #C80909; margin: 10px 0px; padding: 8px;
}

#homepage .searchHelpText {
    color: #333;
}

/* Background Colours and Images - end - */

/* HomePage css content - end - */

/* 2. Colour Palette - start -  */

#navigationWrapper #ApplicationTitle a
{
color:#fff;
}

#header #ApplicationTitle a
{
color:#344586;
}

#relatedSitesMenu a
{
color:#3D4142
}

.shortcuts a#userControlLogin {
background-color: #5060A2;
}

#contentWrapper h1 {
    color: white;
}

.miniToc .minitoc1 a,
.miniToc .minitoc2 a,
.miniToc .minitoc3 a,
.miniToc .minitoc4 a,
.miniToc .minitoc5 a
{
color:#2f3138;
}

.sideBar .miniToc li span.tocBullet
{
color:#e8c119;
}

.viewMore a
{
color:#57595c
}

.field-validation-error {
    color: #FF0000;
}

/* end of sub page 1  */

ul.miniToc .miniTocSideBarTitle,
ul.miniToc .miniTocSideBarTitle a
{
color:#37488d;
}

#draftContainer a
{
color:#344588;
}

#sectionHeaderLeftTableContents a, #sectionHeaderLeftTableContents span.fakeLink
{
color:#334586;
}

#sectionHeaderLeftReadDraft a, #sectionHeaderLeftReadDraft span.fakeLink
{
color:#0e7993;
}

.tabNavigation li a
{
color:#465aa3;
}

.issue .issueTitle,
.remedy .remedyTitle
{
color:#3e3e3e;
}

.accessDocumentLinks .accessDocumentLinkDownload a,
.accessDocumentLinks .accessDocumentLinkPrint a
{
color:#3d3d3d;
}

.multiSideBarWrapper .sideBar .miniToc .minitoc1 a,
.multiSideBarWrapper .sideBarTop .miniToc .minitoc2 a,
#content .minitocViewAll a,
.commentsSwitchView,
.comment .commentmeta .data .links a,
.myCommentsWrapper .comment .commentHeader .data,
.myCommentsWrapper .comment .commentHeader .data a,
ul.miniToc .miniTocSideBarTitle,
ul.miniToc .miniTocSideBarTitle a,
#draftContainer a,
div.displayBox div.displayBoxHeader a,
div.document div.documentContentRegion div.categories a,
.paging ul li a,
.previousNextBox a,
.sideBar .miniToc .selectedParent a,
.sideBar .miniToc .selectedMiniToc a
{
color:#37488d;
}

.myCommentsWrapper .comment .subtitle,
.myCommentsWrapper .comment .subtitle a,
#draftContainer .draftDescriptionRegionRight .draftDescriptionReadDraft a,
#draftContainer .draftDescriptionRegionRight .draftDescriptionShareDraft a,
.commentSubmit div.submit .submit,
.tabNavigation .selected,
.shortcuts div a,
#navigation #shortcuts .shortcuts #userControlLogin,
.sideBar .miniToc .empty span,
.documentContentRegionRight .draftDetails a,
#sectionHeaderRightDraftDetails a,
#sectionHeaderComments a,
a.loadComments {
color:#fff;
}

.commentSave div.submit .submit
{
color:#4055a0;
}

/* Colour Palette - end -  */

/* 3. Background Colours and Images - start -  */

#navigationWrapper
{
background: #344C84 url('/Content/images2/navigationBackground.jpg') repeat-x;
}

#socialMediaWrapper
{
background:#18234d;
}

.active, 
#navigation #shortcuts .shortcuts div a:hover,
#navigation #shortcuts .shortcuts div a:focus {
background: #313F72 url('/Content/images2/activeNavigationBackground.jpg') repeat-x;
outline:none
}

#contentWrapper h1
{
background:#344C84;
}

.paging ul li a,
.previousNextBox a
{
background: url('/Content/images2/sub/pagingBackgroundSlice.gif') repeat-x 0px 3px;
}

div#subscriptionBox a
{
background: url('/Content/images2/sub/subscribeListItem.gif') no-repeat;
}

div.displayBox div.displayBoxHeader a
{
background:#E3E4E4;
text-decoration: none;
}

div.displayBox div.displayBoxHeader 
{
background:#E3E4E4;
}

div.displayBox hr {
    border-top: 5px solid #E3E4E4;
}

.displayBox .viewMore a
{
background: url('/Content/images2/sub/viewMoreBackground.gif') no-repeat center right;
}

div.tooltipContent 
{
background:#f8e6a2;
}

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 #E3E4E4;
}

.sideBarWrapper .sideBarSub .miniToc li.miniTocSideBarTitle:hover,
.sideBarWrapper .sideBarSub .miniToc li.miniTocSideBarTitle:focus
{
background:none;
}

div.sideBarWrapper 
{
margin-bottom: 10px;
}

div.sideBar,
.displayBox,
#draftContainer,
div#extraTextField .standout,
div.comments
{
background:#fff;
}

.expand a.open:link, .expand a.open:visited
{
background: url('/Content/images2/sub/viewMoreOpenBackground.gif') no-repeat center right;
}

#draftContainer .standout
{
background:#f8e6a2;
}

#sectionHeaderLeftTableContents a, #sectionHeaderLeftTableContents span.fakeLink
{
background:#ecebeb url('/Content/images2/sub/tableOfContentsBackground.jpg') no-repeat top;
}

#sectionHeaderLeftTableContents a:hover,
#sectionHeaderLeftTableContents a:focus,
#sectionHeaderLeftTableContents a.select
{
background:#fff url('/Content/images2/sub/tableOfContentsBackground.jpg') no-repeat top;
}

#sectionHeaderLeftReadDraft a, #sectionHeaderLeftReadDraft span.fakeLink
{
background:#ecebeb url('/Content/images2/sub/readDraftBackground.jpg') no-repeat top;
}

#sectionHeaderLeftReadDraft a.select
{
background:#fff url('/Content/images2/sub/readDraftBackground.jpg') no-repeat top;
}

#sectionHeaderLeftReadDraft a:hover,
#sectionHeaderLeftReadDraft a:focus
{
background:#fff url('/Content/images2/sub/readDraftBackground.jpg') no-repeat top;
}

.speechBubbleDownArrow
{
background:#fff url('/Content/images2/sub/readDraftShadow.gif') no-repeat 0px 0px;
}

.documentTitle .accessDocumentLinks .accessDocumentLinkDownload a
{
background:url('/Content/images2/sub/downloadIcon.gif') no-repeat 0px -2px;
}

.documentTitle .accessDocumentLinks .accessDocumentLinkPrint a
{
background:url('/Content/images2/sub/printIcon.gif') no-repeat 0px 0px;
}

.documentContentRegionRight .draftDetails a:hover,
.documentContentRegionRight .draftDetails a:hover span,
.draftDescriptionRegionRight .draftDescriptionReadDraft a:hover,
.draftDescriptionRegionRight .draftDescriptionReadDraft a:hover span,
.documentContentRegionRight .draftDetails a:focus,
.documentContentRegionRight .draftDetails a:focus span,
.draftDescriptionRegionRight .draftDescriptionReadDraft a:focus,
.draftDescriptionRegionRight .draftDescriptionReadDraft a:focus span
{
background:#38518c url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px;
}

.draftDescriptionRegionRight .draftDescriptionShareDraft a:hover,
.draftDescriptionRegionRight .draftDescriptionShareDraft a:hover span,
.draftDescriptionRegionRight .draftDescriptionShareDraft a:focus,
.draftDescriptionRegionRight .draftDescriptionShareDraft a:focus span
{
background:#38518c url('/Content/images2/sub/share1.png') no-repeat 98% 3px;
}

#sectionHeaderComments a:hover span,
#sectionHeaderComments a:focus span,
a.loadComments:hover span,
a.loadComments:focus span,
a.loadComments.commentsVisible span
{
background:#38518c url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 2px;
}

#sectionHeaderRightDraftDetails a:hover span,
#sectionHeaderRightDraftDetails a:hover,
#sectionHeaderRightDraftDetails a:focus span,
#sectionHeaderRightDraftDetails a:focus 
{
background:#38518c url('/Content/images2/sub/buttonArrow2.png') no-repeat 2px 3px;
}

.documentContentRegionRight .draftDetails a span
{
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px, rgb(241,196,53); /* Old browsers */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px, -moz-linear-gradient(top, rgba(241,196,53,1) 0%, rgba(200,156,41,1) 100%); /* FF3.6+ */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,196,53,1)), color-stop(100%,rgba(200,156,41,1))); /* Chrome,Safari4+ */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px, -webkit-linear-gradient(top, rgba(241,196,53,1) 0%,rgba(200,156,41,1) 100%); /* Chrome10+,Safari5.1+ */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px, -o-linear-gradient(top, rgba(241,196,53,1) 0%,rgba(200,156,41,1) 100%); /* Opera 11.10+ */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px, -ms-linear-gradient(top, rgba(241,196,53,1) 0%,rgba(200,156,41,1) 100%); /* IE10+ */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px, linear-gradient(top, rgba(241,196,53,1) 0%,rgba(200,156,41,1) 100%); /* W3C */ 
}

.draftDescriptionRegionRight .draftDescriptionReadDraft a span
{
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px, rgb(14,121,147); /* Old browsers */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px, -moz-linear-gradient(top, rgba(14,121,147,1) 0%, rgba(48,154,180,1) 100%); /* FF3.6+ */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,121,147,1)), color-stop(100%,rgba(48,154,180,1))); /* Chrome,Safari4+ */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px, -webkit-linear-gradient(top, rgba(14,121,147,1) 0%,rgba(48,154,180,1) 100%); /* Chrome10+,Safari5.1+ */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px, -o-linear-gradient(top, rgba(14,121,147,1) 0%,rgba(48,154,180,1) 100%); /* Opera 11.10+ */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px, -ms-linear-gradient(top, rgba(14,121,147,1) 0%,rgba(48,154,180,1) 100%); /* IE10+ */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px, linear-gradient(top, rgba(14,121,147,1) 0%,rgba(48,154,180,1) 100%); /* W3C */
}

.draftDescriptionRegionRight .draftDescriptionShareDraft a span
{
background:url('/Content/images2/sub/share1.png') no-repeat 98% 3px, rgb(14,121,147); /* Old browsers */
background:url('/Content/images2/sub/share1.png') no-repeat 98% 3px, -moz-linear-gradient(top, rgba(14,121,147,1) 0%, rgba(48,154,180,1) 100%); /* FF3.6+ */
background:url('/Content/images2/sub/share1.png') no-repeat 98% 3px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,121,147,1)), color-stop(100%,rgba(48,154,180,1))); /* Chrome,Safari4+ */
background:url('/Content/images2/sub/share1.png') no-repeat 98% 3px, -webkit-linear-gradient(top, rgba(14,121,147,1) 0%,rgba(48,154,180,1) 100%); /* Chrome10+,Safari5.1+ */
background:url('/Content/images2/sub/share1.png') no-repeat 98% 3px, -o-linear-gradient(top, rgba(14,121,147,1) 0%,rgba(48,154,180,1) 100%); /* Opera 11.10+ */
background:url('/Content/images2/sub/share1.png') no-repeat 98% 3px, -ms-linear-gradient(top, rgba(14,121,147,1) 0%,rgba(48,154,180,1) 100%); /* IE10+ */
background:url('/Content/images2/sub/share1.png') no-repeat 98% 3px, linear-gradient(top, rgba(14,121,147,1) 0%,rgba(48,154,180,1) 100%); /* W3C */
}

#sectionHeaderRightDraftDetails a span
{
background:url('/Content/images2/sub/buttonArrow2.png') no-repeat 2px 3px, rgb(241,196,53); /* Old browsers */
background:url('/Content/images2/sub/buttonArrow2.png') no-repeat 2px 3px, -moz-linear-gradient(top, rgba(241,196,53,1) 0%, rgba(200,156,41,1) 100%); /* FF3.6+ */
background:url('/Content/images2/sub/buttonArrow2.png') no-repeat 2px 3px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,196,53,1)), color-stop(100%,rgba(200,156,41,1))); /* Chrome,Safari4+ */
background:url('/Content/images2/sub/buttonArrow2.png') no-repeat 2px 3px, -webkit-linear-gradient(top, rgba(241,196,53,1) 0%,rgba(200,156,41,1) 100%); /* Chrome10+,Safari5.1+ */
background:url('/Content/images2/sub/buttonArrow2.png') no-repeat 2px 3px, -o-linear-gradient(top, rgba(241,196,53,1) 0%,rgba(200,156,41,1) 100%); /* Opera 11.10+ */
background:url('/Content/images2/sub/buttonArrow2.png') no-repeat 2px 3px, -ms-linear-gradient(top, rgba(241,196,53,1) 0%,rgba(200,156,41,1) 100%); /* IE10+ */
background:url('/Content/images2/sub/buttonArrow2.png') no-repeat 2px 3px, linear-gradient(top, rgba(241,196,53,1) 0%,rgba(200,156,41,1) 100%); /* W3C */  
}

#sectionHeaderComments a span,
a.loadComments span
{
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 2px, rgb(210,52,133); /* Old browsers */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 2px, -moz-linear-gradient(top, rgba(210,52,133,1) 0%, rgba(220,102,154,1) 100%); /* FF3.6+ */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 2px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,52,133,1)), color-stop(100%,rgba(220,102,154,1))); /* Chrome,Safari4+ */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 2px, -webkit-linear-gradient(top, rgba(210,52,133,1) 0%,rgba(220,102,154,1) 100%); /* Chrome10+,Safari5.1+ */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 2px, -o-linear-gradient(top, rgba(210,52,133,1) 0%,rgba(220,102,154,1) 100%); /* Opera 11.10+ */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 2px, -ms-linear-gradient(top, rgba(210,52,133,1) 0%,rgba(220,102,154,1) 100%); /* IE10+ */
background:url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 2px, linear-gradient(top, rgba(210,52,133,1) 0%,rgba(220,102,154,1) 100%); /* W3C */
}

#sectionHeaderLeftTableContents a span
{
background:#ecebeb;
}

#sectionHeaderLeftTableContents a.select span,
#sectionHeaderLeftTableContents a:hover span,
#sectionHeaderLeftTableContents a:focus span
{
background:#fff;
}

.comment,
.section,
.previousNextBox
{
background:#fff;
}

.searchKeywords
{
background:url('/Content/images2/sub/searchSubImage2.jpg') no-repeat left center;
}

.searchBox .searchSubmit 
{
background:url('/Content/images2/sub/searchSubImage1.jpg') no-repeat 0px 0px;
}

.searchBox .searchSubmit:hover, 
.searchBox .searchSubmit:focus, 
.searchBox .searchSubmit:focus
{
background:url('/Content/images2/sub/searchSubImage1Hover.jpg') no-repeat 0px 0px;
outline: none;
}

.tabNavigation li a
{
background: rgb(254,254,254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(231,231,231,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(231,231,231,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(231,231,231,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(254,254,254,1) 0%,rgba(231,231,231,1) 100%); /* W3C */
}

.tabNavigation .selected
{
background: rgb(210,52,133); /* Old browsers */
background: -moz-linear-gradient(top, rgba(210,52,133,1) 0%, rgba(220,102,154,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,52,133,1)), color-stop(100%,rgba(220,102,154,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(210,52,133,1) 0%,rgba(220,102,154,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(210,52,133,1) 0%,rgba(220,102,154,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(210,52,133,1) 0%,rgba(220,102,154,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(210,52,133,1) 0%,rgba(220,102,154,1) 100%); /* W3C */
}

.tabNavigation .tabFirst .selected span
{
background:url('/Content/images2/sub/viewCommentsImage2.png') no-repeat 3px 9px;
}

.tabNavigation .tabFirst span
{
background:url('/Content/images2/sub/viewCommentsImage1.png') no-repeat 3px 9px;
}

.tabNavigation .tabSecond .selected span
{
background:url('/Content/images2/sub/makeCommentImage1.png') no-repeat 2px 10px;
}

.tabNavigation .tabSecond span
{
background:url('/Content/images2/sub/makeCommentImage2.png') no-repeat 2px 10px;
}

.commentSubmit div.submit 
{
background: rgb(210,52,133); /* Old browsers */
background: -moz-linear-gradient(top, rgba(210,52,133,1) 0%, rgba(220,102,154,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,52,133,1)), color-stop(100%,rgba(220,102,154,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(210,52,133,1) 0%,rgba(220,102,154,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(210,52,133,1) 0%,rgba(220,102,154,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(210,52,133,1) 0%,rgba(220,102,154,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(210,52,133,1) 0%,rgba(220,102,154,1) 100%); /* W3C */
}

.commentSubmit div.submit .submit
{
background:url('/Content/images2/sub/buttonArrow4.png') no-repeat 99% 2px;
}

.commentSave div.submit 
{
background: rgb(254,254,254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(231,231,231,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(231,231,231,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(231,231,231,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(254,254,254,1) 0%,rgba(231,231,231,1) 100%); /* W3C */
}

.commentSave div.submit .submit
{
background:url('/Content/images2/sub/buttonArrow3.png') no-repeat 98% 2px;
}


.multiSideBarWrapper .sideBar .miniToc .selectedMiniToc,
.multiSideBarWrapper .sideBar .miniToc .minitocViewAll,
.multiSideBarWrapper .sideBarBottom .miniToc .selectedMiniToc,
.multiSideBarWrapper .sideBarBottom .miniToc li:hover,
.multiSideBarWrapper .sideBarBottom .miniToc li:focus
{
background:#E3E4E4;
}

.myCommentsWrapper,
.commentHeader,
.comment .commentmeta .data
{
background:#e7e7e7;
}

.myCommentsWrapper .savedComment .commentHeader .data
{
background:url('/Content/images2/sub/savedImage.gif') no-repeat 0px 0px;
}

.myCommentsWrapper .submittedApprovedComment .commentHeader .data
{
background:url('/Content/images2/sub/submittedApprovedImage.gif') no-repeat 0px 0px;
}

.myCommentsWrapper .awaitingModerationComments .commentHeader .data
{
background:url('/Content/images2/sub/awaitingModerationImage.gif') no-repeat 0px 0px;
}

.myCommentsWrapper .rejectedComment .commentHeader .data
{
background:url('/Content/images2/sub/rejectedImage.gif') no-repeat 0px 0px;
}

.multiSideBarWrapper .sideBar .miniToc .minitocSaved 
{
background:url('/Content/images2/sub/savedImageSmall.jpg') no-repeat 0px 0px;
}

.multiSideBarWrapper .sideBar .miniToc .minitocSaved:hover,
.multiSideBarWrapper .sideBar .miniToc .minitocSaved:focus,
.multiSideBarWrapper .sideBar .miniToc .minitocSaved.selectedMiniToc
{
background:url('/Content/images2/sub/savedImageSelectedSmall.jpg') no-repeat 0px 0px, #E3E4E4;
}

.multiSideBarWrapper .sideBar .miniToc .minitocSubApp 
{
background:url('/Content/images2/sub/submittedApprovedImageSmall.jpg') no-repeat 0px 0px;
}

.multiSideBarWrapper .sideBar .miniToc .minitocSubApp:hover,
.multiSideBarWrapper .sideBar .miniToc .minitocSubApp:focus,
.multiSideBarWrapper .sideBar .miniToc .minitocSubApp.selectedMiniToc
{
background:url('/Content/images2/sub/submittedApprovedImageSelectedSmall.jpg') no-repeat 0px 0px #E3E4E4;
}

.multiSideBarWrapper .sideBar .miniToc .minitocAwaMod 
{
background:url('/Content/images2/sub/awaitingModerationImageSmall.jpg') no-repeat 0px 0px;
}

.multiSideBarWrapper .sideBar .miniToc .minitocAwaMod:hover,
.multiSideBarWrapper .sideBar .miniToc .minitocAwaMod:focus,
.multiSideBarWrapper .sideBar .miniToc .minitocAwaMod.selectedMiniToc
{
background:url('/Content/images2/sub/awaitingModerationImageSelectedSmall.jpg') no-repeat 0px 0px #E3E4E4;
}

.multiSideBarWrapper .sideBar .miniToc .minitocReject 
{
background:url('/Content/images2/sub/rejectedImageSmall.jpg') no-repeat 0px 0px;
}

.multiSideBarWrapper .sideBar .miniToc .minitocReject:hover,
.multiSideBarWrapper .sideBar .miniToc .minitocReject:focus,
.multiSideBarWrapper .sideBar .miniToc .minitocReject.selectedMiniToc
{
background:url('/Content/images2/sub/rejectedImageSelectedSmall.jpg') no-repeat 0px 0px #E3E4E4;
}

.myCommentsWrapper .savedComment .commentHeader .subtitle
{
background: rgb(242,93,20); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,93,20,1) 1%, rgba(253,118,36,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(242,93,20,1)), color-stop(100%,rgba(253,118,36,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(242,93,20,1) 1%,rgba(253,118,36,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(242,93,20,1) 1%,rgba(253,118,36,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(242,93,20,1) 1%,rgba(253,118,36,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(242,93,20,1) 1%,rgba(253,118,36,1) 100%); /* W3C */
}

.myCommentsWrapper .submittedApprovedComment .commentHeader .subtitle
{
background: rgb(90,147,60); /* Old browsers */
background: -moz-linear-gradient(top, rgba(90,147,60,1) 0%, rgba(102,165,69,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(90,147,60,1)), color-stop(100%,rgba(102,165,69,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(90,147,60,1) 0%,rgba(102,165,69,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(90,147,60,1) 0%,rgba(102,165,69,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(90,147,60,1) 0%,rgba(102,165,69,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(90,147,60,1) 0%,rgba(102,165,69,1) 100%); /* W3C */
}

.myCommentsWrapper .awaitingModerationComments .commentHeader .subtitle
{
background: rgb(40,80,133); /* Old browsers */
background: -moz-linear-gradient(top, rgba(40,80,133,1) 0%, rgba(69,110,165,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,80,133,1)), color-stop(100%,rgba(69,110,165,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(40,80,133,1) 0%,rgba(69,110,165,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(40,80,133,1) 0%,rgba(69,110,165,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(40,80,133,1) 0%,rgba(69,110,165,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(40,80,133,1) 0%,rgba(69,110,165,1) 100%); /* W3C */
}

.myCommentsWrapper .rejectedComment .commentHeader .subtitle
{
background: rgb(204,15,20); /* Old browsers */
background: -moz-linear-gradient(top, rgba(204,15,20,1) 1%, rgba(254,0,6,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(204,15,20,1)), color-stop(100%,rgba(254,0,6,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(204,15,20,1) 1%,rgba(254,0,6,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(204,15,20,1) 1%,rgba(254,0,6,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(204,15,20,1) 1%,rgba(254,0,6,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(204,15,20,1) 1%,rgba(254,0,6,1) 100%); /* W3C */
}

.commentEditingTools ul li a.commentEditingToolEdit
{
background:url('/Content/images2/sub/commentEditingToolsEdit.jpg') no-repeat 0px 1px;
}

.commentEditingTools ul li a.commentEditingToolEdit:hover,
.commentEditingTools ul li a.commentEditingToolEdit:focus
{
background:url('/Content/images2/sub/commentEditingToolsEditRollover.jpg') no-repeat 0px 1px;
}

.commentEditingTools ul li a.commentEditingToolSubmit
{
background:url('/Content/images2/sub/commentEditingToolsSubmit.jpg') no-repeat 6px 1px;
}

.commentEditingTools ul li a.commentEditingToolSubmit:hover,
.commentEditingTools ul li a.commentEditingToolSubmit:focus
{
background:url('/Content/images2/sub/commentEditingToolsSubmitRollover.jpg') no-repeat 6px 1px;
}

.commentEditingTools ul li a.commentEditingToolDelete
{
background:url('/Content/images2/sub/commentEditingToolsDelete.jpg') no-repeat 3px 1px;
}

.commentEditingTools ul li a.commentEditingToolDelete:hover,
.commentEditingTools ul li a.commentEditingToolDelete:focus
{
background:url('/Content/images2/sub/commentEditingToolsDeleteRollover.jpg') no-repeat 3px 1px;
}

.previousNextBox a.nextLink span
{
background:url('/Content/images2/commentNextArrow.gif') no-repeat 90% 8px;
}

.previousNextBox a.previousLink span
{
background:url('/Content/images2/commentPreviousArrow.gif') no-repeat 4px 8px;
}

.documentContentRegionRight .draftDetails a:hover,
.documentContentRegionRight .draftDetails a:hover span,
.documentContentRegionRight .draftDetails a:focus,
.documentContentRegionRight .draftDetails a:focus span
{
background:#38518c url('/Content/images2/sub/buttonArrow1.png') no-repeat 98% 3px;
}

.highlight { background-color: #FFFF66; }

.searchHelpText
{
color: #AAA;
}

/* Background Colours and Images - end -  */
