﻿/* Header */

#header {
    margin: 10px auto 0;
    min-height: 56px;
    width: 946px;
    padding: 0;
}

#header #pageTitle {
    color: #006993;
    margin: 5px 10px 0 0;
	float: right;
}

/* Logo bar */

#logoPic {
	padding-left: 15px;
}

#headWrapper {
    background: none;
}

#header a img 
{
	margin-top: 0;
}


/* Nav bar layout */

#navigation #pageTitle,
#ApplicationTitle a
{
	font-size: 3em;  
    display: none;
}

#header #ApplicationTitle a 
{
    color: #006993;       
}

#header #ApplicationTitle 
{
	top: 0;
	margin: 5px 0 0 0;
	float: right;
}

#navigation ul,
#navigation #shortcuts
{
	margin-left: 0; 
	padding-left: 0;
}

#navigation #shortcuts .shortcuts div a 
{
	max-width: 999px;
}

#navigation a#userControlLogin:hover,
#navigation a#userControlLogout:hover,
#navigation a#userControlLogin:focus,
#navigation a#userControlLogout:focus
{
    background: none;
    outline: none;
}

.active, 
#navigation #shortcuts .shortcuts div a:hover,
#navigation #shortcuts .shortcuts div a:focus {
    background: none;
    outline: none;
    text-decoration: underline;
}

/* Light background */

#homepage #mainContent h1,
#homepage #mainContent p,
#subjectsList ul li a
{
	color: #000;
}

#homepage #contentWrapper
{
	background:#fff;
}

/* Nav bar */

#navigationWrapper {
	background-color: #FFFFFF;
    color: #006993;
    background-image: none;
}

#navigation, #navigation a {
    color: #006993;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

#navigation, #navigation a:active {
    color: #006993;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

#navigation, #navigation a:visited {
    color: #006993;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

#navigation, #navigation a:hover {
    background-color: #FFFFFF;
    background-image: none;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.active, #navigation ul li a:hover, #navigation ul li a:focus {
    background-image: none;
    background-color: #FFFFFF;
}

#navigation a#userControlLogin, #navigation a#userControlLogout 
{
    background: none;
    border: 0;
}

/* Home page search */

#homepage #searchformHome #searchField {
    background-color: #E7E7E7;
}

#homepage #searchformHome #searchField #searchSubmit
{
	background: url('/SiteSpecific/NEN/Content/Images/searchSubmitBackground.png') no-repeat center;
}

/* Other home page colours */

#homepage #searchLabel label,
#homepage #subjectsList h2,
#homepage #mostPopularTitle h2, 
#homepage .documentPreviewBoxItem h3 a {
	color: #006390;
}

/* Custom icons */

#subjectsList ul li
{
	background:url('/SiteSpecific/NEN/Content/Images/subjectListItem.png') no-repeat 5px 7px;
}
.previousNextBox a.previousLink span {
    background: url('/SiteSpecific/NEN/Content/Images/commentPreviousArrow.png') no-repeat 4px 8px;
}

.previousNextBox a.nextLink span {
    background: url('/SiteSpecific/NEN/Content/Images/commentNextArrow.png') no-repeat 90% 8px;
}
div#subscriptionBox a {
	background: url('/SiteSpecific/NEN/Content/Images/subscribeListItem.png') no-repeat;
}
.commentEditingTools ul li a.commentEditingToolEdit
{
	background:url('/SiteSpecific/NEN/Content/Images/commentEditingToolsEdit.png') no-repeat 0px 1px;
}
.commentEditingTools ul li a.commentEditingToolSubmit
{
	background:url('/SiteSpecific/NEN/Content/Images/commentEditingToolsSubmit.png') no-repeat 6px 1px;
}
.commentEditingTools ul li a.commentEditingToolDelete
{
	background:url('/SiteSpecific/NEN/Content/Images/commentEditingToolsDelete.png') no-repeat 3px 1px;
}

#homepage #subjectsList ul li
{
	background:url('/SiteSpecific/NEN/Content/Images/subjectListItem.png') no-repeat 5px 7px;
}

/* Swap search icons */

.searchKeywords {
    background: none;
    background-color: #FFFFFF;
}

.searchBox .searchKeywords .frontendDocumentSearch .searchSubmit {
    background: url("/SiteSpecific/NEN/Content/Images/searchSubmitBackground.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.searchBox a.searchSubmit:hover, 
.searchBox a.searchSubmit:focus, 
.searchBox a.searchSubmit:focus {
	background: url("/SiteSpecific/NEN/Content/Images/searchSubmitBackground.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	outline: none;
}

/* Toc */

.sideBar .miniToc li span.tocBullet {
    color: #006390;
}

.sideBar .miniToc .selectedParent,#navigation #shortcuts .shortcuts div a {
    font-family: Arial,Helvetica,sans-serif;  
} 

.sideBar .miniToc .selectedParent {
    font-size: 1.5em;
    font-weight: bold;
}

/* Prev/Next button sizes */

.previousNextBox a.nextLink span 
{
	padding-right: 22px;
	padding-left: 15px;
}

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 #E9E9E9;
}

.draftDescription div span.value {
    clear: right;
    float: right;
    text-align: left;
    width: 375px;
}

.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: #006993;
}

#socialMediaWrapper {
    background: none repeat scroll 0 0 #E9E9E9;
}

div.displayBox div.displayBoxHeader a {
    background: none repeat scroll 0 0 #E9E9E9;
    text-decoration: none;
}

div.tooltipContent {
    background: none repeat scroll 0 0 #FDF4DA;
}

h1,h2,h3 {
    font-family: Arial,Helvetica,sans-serif;
	color: #006993;    
}

#contentWrapper h1 {
    display: none;
}

#headerWrapper {
    clear: both;
    background: none repeat scroll 0 0 #E9E9E9;
    color: #006993;
    font-family: Arial,Helvetica,sans-serif;
    padding-bottom: 20px;
    padding-top: 20px;
}

body {
    font-family: Arial,Helvetica,sans-serif; 
}

#browseDocumentsLink {
    color: blue;
}