﻿@media all {


/*//////////////////////////////////////////////////////////
________
CONTENTS

Layout
Usability
Search
Top Navigation
Side NAvigation 
Links
Breadcrumb Trail
Page Panels
Headline Box & Page Lister
Page Headings
Forms 
Directory Builder
Footer

//////////////////////////////////////////////////////////*/


/*------------------------------------------------------------------
LAYOUT CONTAINERS
------------------------------------------------------------------*/

.PageWidthAbsolute { width: 955px; }

#header-outer { margin-top: 38px; }
#header-inner { width: 100%; overflow: hidden; }

#nrls-header-outer { clear: both; width: 100%; display: block; text-align: right; background: none; border-top: 38px solid #fff; border-bottom: 5px solid #ddd; }
#nrls-header-inner { width: 100%; height: auto; overflow: hidden; background: #0066cc; }

#content-outer { margin-left: 172px; margin-right:0px; border-left: 0; padding-left: 0; }
#main-outer { clear: both; margin-top: 20px; }



/*------------------------------------------------------------------
USABILITY
------------------------------------------------------------------*/
#usability-outer { font-size: 1.0em; color: #555; margin-top: 15px; }
span.delimiter { color: #d2d2d2; margin: 0px 0px 0px 10px; }

a.usability-alpha-link:link, a.usability-alpha-link:visited { color: #0066cc; font-weight: normal; }
a.usability-alpha-link:hover, a.usability-alpha-link:active{ color: #0066cc; font-weight: normal; text-decoration: underline; }


/*------------------------------------------------------------------
SEARCH
------------------------------------------------------------------*/

/* Google Search Box */
#search-panel-outer input.gsc-search-button { float: left; padding: 0px; color: #000; font-weight: normal; background: url("/EasySiteWeb/EaSySite/StyleData/NPSA_Debrand_General/Images/bg-btn-search.gif") no-repeat left 0px; width: 60px; }
#cse-search-form { width: 90%!important; text-align: left; float: left; margin: 6px 10px; }
#search-panel-outer form.gsc-search-box { width: 125px; padding: 0; margin: 0; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: transparent; }
#search-panel-outer .gsc-input { padding-right: 0; padding-top: 0; width: 125px; }
#cse { overflow: hidden; }

/*------------------------------------------------------------------
TOP NAVIGATION
------------------------------------------------------------------*/

/* Main Menu */
#menu-outer { clear: both; margin: 0; text-align: right; font-size: 0.9em; }
#menu-inner { }

#search-panel-outer { width: 220px; margin: 0; float: right; clear: none; }
#search-panel-inner { overflow: hidden; float: left; }


/* Dropdown Main Menu */

#nrls-header-dropdown { float: left; width: 700px; }
.HideDropDowns {}
.footer-menu-panel { float: left; width: auto; height: auto; display: block; border-right: none; }

.fm-panel-title { text-align: left; font-weight: normal; font-size: 1.3em; }
a.fm-panel-title-link:link, a.fm-panel-title-link:visited { color: #fff; display: block; padding: 10px 18px!important; text-decoration: none; border-right: 1px solid #fff; background: none; width: auto; }
a.fm-panel-title-link:hover, a.fm-panel-title-link:active { text-decoration: none !important; color: #fff; background: #0099ff; }

.fm-panel-list { text-align: left; position: absolute; top: 150px; left: -999em; z-index: 10; list-style-type: none; margin: 0; background: #edf5fc; border-top: 1px solid #0066cc; border-right: 1px solid #0066cc; border-bottom: 1px solid #0099ff; border-left: 1px solid #0099ff; padding: 0; display: block; height: auto; }
div.showList ul, .footer-menu-panel ul.showList, .footer-menu-panel:hover ul { left: auto; }

.fm-panel-item { font-size: 1.1em; list-style-type: none; padding: 0 !important; width: 200px; margin: 0 !important; border: 0; }

a.fm-panel-link:link, a.fm-panel-link:visited { color: #0066cc; text-decoration: none; font-weight: normal; display: block; padding: 6px 18px 6px 18px; border: none; background: #edf5fc; }
a.fm-panel-link:hover, a.fm-panel-link:active { color: #fff; text-decoration: none; background: #0066cc; }

/*------------------------------------------------------------------
SIDE NAVIGATION
------------------------------------------------------------------*/
#left-outer { float: left; width: 165px; }
#left-inner{ float:left; }

/*Navigation re-styling */

li.oNavigationItemSibling { padding-left: 14px; background: transparent url("/EasySiteWeb/EaSySite/StyleData/NPSA_Debrand_General/Images/feed-bullet.gif") no-repeat left 8px; }
li.oNavigationItemCurrent{ background: none; padding-left: 10px; }

div.element-panel-alpha-body-content-inner ul { padding-left:10px; }

.snv-parent-inner{ padding: 0px 0px 2px 0px; display: block; }
.snv-sibling-inner { display: block; padding: 5px 0px 6px 0px; }
.snv-current-inner { display: block; padding: 5px 0px 6px 10px; border: none; }
.snv-child-inner { display: block; padding: 5px 0px 2px 20px; }

ul.oNavigationList { margin-left: 0em !important; }

/*------------------------------------------------------------------
LINKS
------------------------------------------------------------------*/


/* Content Links */
.ContentEditor a:link { color: #0066CC; text-decoration: none; font-weight: normal; }
.ContentEditor a:visited { color: #0066CC; text-decoration: none; font-weight: normal;  }
.ContentEditor a:hover, .ContentEditor  a:active { color: #0066CC; background: none; text-decoration: underline; font-weight: normal; }

/* Links */
.ContentEditor a:link { color: #0066CC; text-decoration: none; font-weight: normal; }
.ContentEditor a:visited { color: #0066CC; text-decoration: none; font-weight: normal;  }
.ContentEditor a:hover, .ContentEditor  a:active { color: #0066CC; background: none; text-decoration: underline; font-weight: normal; }



/*------------------------------------------------------------------
BREADCRUMB TRAIL
------------------------------------------------------------------*/

/*Redefine breadcrumbs*/
a.breadcrumb-link:link, a.breadcrumb-link:visited { color: #0066cc; }
a.breadcrumb-link:hover, a.breadcrumb-link:active { color: #0066cc; }
#nrls-bc{ margin-top: 10px; }

/*------------------------------------------------------------------
COLUMNS
------------------------------------------------------------------*/

.element-columns-gamma-outer { border: 1px solid #0066cc; clear: none !important; }
.element-columns-gamma-inner { padding-top: 5px; }
.element-column-left-gamma-outer { }
.element-column-left-gamma-inner { }
.element-column-left-gamma-content { padding:8px; }

/*------------------------------------------------------------------
PAGE PANELS
------------------------------------------------------------------*/

/* Panel Alpha */

.element-panel-alpha-outer { position: relative; clear: both; border-top: 5px solid #0099ff; border-bottom: 5px solid #0099ff; }
.element-panel-alpha-inner { overflow: hidden; width: 100%; background-color: #fff; }

.element-panel-alpha-icon-outer { display: none; }
.element-panel-alpha-icon-inner { display: none; }

.element-panel-alpha-header-outer { padding: 0px; color:#000000 !important; background: none; }
.element-panel-alpha-header-inner { width: 100%; overflow: hidden; color: #000000; background: none; }

.element-panel-alpha-body-outer { padding: 10px 0px 0px 0px; background: none; }
.element-panel-alpha-body-inner { background: none; padding-bottom: 5px; }

.element-panel-alpha-body-content-outer { padding: 0px; border: none;}
.element-panel-alpha-body-content-inner { width: auto; overflow: hidden; border: none; padding: 0px; margin: 0px; position: relative; }

div.element-panel-alpha-body-content-inner ul { padding-left: 0em; margin-left: 0em; list-style-type: square; }
div.element-panel-alpha-body-content-inner li { }
.element-panel-alpha-body-content-inner div { background-color: transparent !important; }

/*--------------------------------------*/

/* Panel Beta*/

.element-panel-beta-outer { position: relative; clear: both; border-top: 5px solid #0066cc; border-bottom: 5px solid #0066cc; }
.element-panel-beta-inner { overflow: hidden; width: 100%; background-color: #fff; }

.element-panel-beta-icon-outer { display: none; }
.element-panel-beta-icon-inner { display: none; }

.element-panel-beta-header-outer { padding: 0px; color:#000000 !important; background: none; }
.element-panel-beta-header-inner { width: 100%; overflow: hidden; color: #000000; background: none; }

.element-panel-beta-body-outer { padding: 10px 0px 0px 0px; background: none; }
.element-panel-beta-body-inner { background: none; padding-bottom: 5px; }

.element-panel-beta-body-content-outer { padding: 0px; border: none;}
.element-panel-beta-body-content-inner { width: auto; overflow: hidden; border: none; padding: 0px; margin: 0px; position: relative; }

div.element-panel-beta-body-content-inner ul { padding-left: 0em; margin-left: 0em; list-style-type: square; }
div.element-panel-beta-body-content-inner li { }
.element-panel-beta-body-content-inner div { background-color: transparent !important; }


/*--------------------------------------*/

/* Panel Gamma */
.element-panel-gamma-outer { position: relative; clear: both; 
}

.element-panel-gamma-inner { overflow: hidden; width: 100%;
background-color:#DAEEE9;
}

.element-panel-gamma-icon-outer { display: none; }
.element-panel-gamma-icon-inner { display: none; }

.element-panel-gamma-header-outer { 
background: url("/EasySiteWeb/EaSySite/StyleData/NPSA_Debrand_General/Images/panel-white-tlb.jpg") no-repeat left top; 
padding: 0px 0px 0px 8px;
color:#000000 !important;
height:30px;
background-color:#ffffff;
}

.element-panel-gamma-header-inner { 
width: 100%; 
overflow: hidden; 
color:#000000; 
background:url("/EasySiteWeb/EaSySite/StyleData/NPSA_Debrand_General/Images/panel-white-trb.jpg") no-repeat right top;
height:30px;
}

.element-panel-gamma-body-outer {
padding:0px 0px 0px 5px; 
background-color:#ffffff;
background-image:url("/EasySiteWeb/EaSySite/StyleData/NPSA_Debrand_General/Images/panel-white-blb.jpg");
background-repeat:no-repeat;
background-position:left bottom;
}

.element-panel-gamma-body-inner {
background-image:url("/EasySiteWeb/EaSySite/StyleData/NPSA_Debrand_General/Images/panel-white-brb.jpg");
background-repeat:no-repeat;
background-position:right bottom;
padding-bottom:5px;
}

.element-panel-gamma-body-content-outer {padding: 0px 0px 0px 0px; border-right:1px solid #D2D2D2;}

.element-panel-gamma-body-content-inner { 
width: auto; 
overflow: hidden; 
border-left:1px solid #D2D2D2;
padding: 8px;
margin-left:-5px;
position: relative;
background-image:url("/EasySiteWeb/EaSySite/StyleData/NPSA_Debrand_General/Images/panel-white-grad.jpg");
background-repeat:no-repeat;
background-position:bottom right;
}

div.element-panel-gamma-body-content-inner ul { padding-left: 0em; margin-left: 0em; list-style-type: square; }
div.element-panel-gamma-body-content-inner li { }
.element-panel-gamma-body-content-inner div{
background-color:transparent !important;}


/*-------------panel headings------------------*/

h2.element-panel-alpha-header { color: #000000; font-size: 1.4em; font-weight: normal; margin: 0; padding: 5px 0px 0px 0px; }
h2.element-panel-alpha-header a:link, h2.element-panel-alpha-header a:visited { color: #000000!important; font-weight: normal!important; text-decoration: none; background: transparent; }
h2.element-panel-alpha-header a:hover, h2.element-panel-alpha-header a:active { color: #000000!important; text-decoration: underline!important; background: transparent; }

h2.element-panel-beta-header { color: #000000; font-size: 1.4em; font-weight: normal; margin: 0; padding: 5px 0px 0px 0px; }
h2.element-panel-beta-header a:link, h2.element-panel-beta-header a:visited { color: #000000!important; font-weight: normal!important; text-decoration: none; background: transparent; }
h2.element-panel-beta-header a:hover, h2.element-panel-beta-header a:active { color: #000000!important; text-decoration: underline!important; background: transparent; }

h2.element-panel-gamma-header { color: #000000; font-size: 1em; font-weight: bold; margin: 0; padding: 8px 0px 0px 0px; }
h2.element-panel-gamma-header a:link, h2.element-panel-gamma-header a:visited { color: #000000!important; font-weight: normal!important; text-decoration: none; background: transparent; }
h2.element-panel-gamma-header a:hover, h2.element-panel-gamma-header a:active { color: #000000!important; text-decoration: underline!important; background: transparent; }

/*-------------------------------------------------------------*/


/*------------------------------------------------------------------
HEADLINE BOX & PAGE LISTER
------------------------------------------------------------------*/

.oRSSFeedContainer {}
.oRSSFeedBoxFull { margin: auto; margin-bottom: 10px; float: none; }
.oRSSFeedBoxCentre { margin: auto; margin-bottom: 10px; float: none; }
.oRSSFeedBoxLeft { float: left; margin-right: 10px; margin-bottom: 10px; }
.oRSSFeedBoxRight { float: right; margin-left: 10px; margin-bottom: 10px; }

.oRSSFeedContainerOuter { }
.oRSSFeedContainerInner { width: 100%; background: #ffffff; }

.oRSSFeedHeaderOuter, .oBoxHeaderOuter { background: #367c5a /*url("/EasySiteWeb/EaSySite/StyleData/NPSA_General/Images/npsa_home_edge3.gif")*/ no-repeat left top; padding: 4px 5px 4px 8px; color: #ffffff; }
.oRSSFeedHeaderInner { }

.oRSSFeedBodyOuter, oBoxBodyOuter { padding: 0px; background: #bbd5be; }
.oRSSFeedBodyInner { width: 100%; }

ul.oHeadlineBoxList { padding: 0; margin: 0; color: #0072c6; }
li.oHeadlineBoxItem { list-style-type: none; margin: 0!important; padding: 0px 0px 0px 15px!important; background: url("/EasySiteWeb/EaSySite/StyleData/NPSA_Debrand_General/Images/bg-icon-arrow.gif") no-repeat left 3px; margin-bottom: 8px!important; }

li.oHeadlineBoxItem a:link, li.oHeadlineBoxItem a:visited { font-weight: normal; color: #0066cc; text-decoration: none; }
li.oHeadlineBoxItem a:hover { font-weight: normal; color: #0066cc; text-decoration: underline; }
span.oHeadlineBoxItem { margin: 0; padding: 0; }

a.oBoxLink:link { color: #0066cc; text-decoration: none; font-weight: normal; }
a.oBoxLink:visited { color: #000000; text-decoration: none; font-weight: normal;  }
a.oBoxLink:hover, a.oBoxLink:active { color: #0066cc; background: none; text-decoration: underline; font-weight: normal; }
.oBoxItemSummary { display: block; }
.oBoxItemDate { color: #888; display: block; }
ul.oBoxList{margin: 0.5em 0em 0em 0em; padding: 0em; }
li.oBoxItem {margin: 0em; padding:0em 0em 0.9em 1.4em; background: url("/EasySiteWeb/EaSySite/StyleData/NPSA_Debrand_General/Images/feed-bullet.gif") no-repeat left 3px; list-style: none; }

.results-pagination-outer a:link, .results-pagination-outer a:visited { color: #0066cc; text-decoration: none; }
.results-pagination-outer a:hover, .results-pagination-outer a:active { background: #0066cc; color: #fff!important; }

.results-pagination-outer .pagination-steps a:hover, .results-pagination-outer .pagination-steps a:active { background: none; color: #0066cc!important; text-decoration: underline; }

.results-pagination-outer .sep { display: none; }
.results-pagination-outer .page-jump { padding: 2px 5px; }
.results-pagination-outer .page-jump.selected { background: #0066cc; color: #fff!important; }


/*------------------------------------------------------------------
TAB PANELS
------------------------------------------------------------------*/
.element-tabs-container-alpha-outer { }
.element-tabs-container-alpha-inner { width: 100%; overflow: hidden; }
.element-tabs-menu-outer { }
.element-tabs-menu-inner { width: 100%; overflow: hidden; }

.oTabbedPanels li.element-tabs-menu-tab { display: block; float: left; width: 19%; margin-right: 2px; }
.oTabbedPanels li.element-tabs-menu-tab a:link, .oTabbedPanels li.element-tabs-menu-tab a:visited { width: 100%; background: #eee; padding: 3px 0px;color: #555; display: block; text-decoration: none; }
.oTabbedPanels li.element-tabs-menu-tab a:hover, .oTabbedPanels li.element-tabs-menu-tab a:active { color: #fff; display: block; background: #0099ff; text-decoration: none!important; cursor: hand; }
.oTabbedPanels li.tab-selected a:link, .oTabbedPanels li.tab-selected a:visited { background: #0099ff; color: #fff; display: block; text-decoration: none; }
.oTabbedPanels li.tab-selected a:hover, .oTabbedPanels li.tab-selected a:active { background: #0099ff; color: #fff; }

.oTabbedPanels .element-tabs-menu-tab-inner { display: block; text-align: center; font-size: 1em; padding: 4px; background: none; }

.oTabbedPanels li.element-tabs-menu-tab a:hover .element-tabs-menu-tab-inner { background: none;  }
.oTabbedPanels li.tab-selected a:hover .element-tabs-menu-tab-inner { background: none;  }

.element-tabs-panel-outer { padding: 10px; border: 1px solid #0099ff; }
.element-tabs-panel-inner { width: 100%; padding: 0; overflow: hidden; border: none; }


/*------------------------------------------------------------------
PAGE HEADINGS
------------------------------------------------------------------*/

h1, h2, h3, h4, h5 { color: #000; }


/*------------------------------------------------------------------
FORMS
------------------------------------------------------------------*/

.oDataFormLabel { background: none; color: #000; }
form .oDataFormLegend  { color: #555; position: absolute; top: -.2em; left: .5em; }
.form .oDataFormFieldset { background: #eee; position: relative; margin-top: 1em; padding-top:.75em; }
.oDataFormButton { background: #0066cc; color: #fff; border: none; height: 23px; }

/*------------------------------------------------------------------
DIRECTORY BUILDER
------------------------------------------------------------------*/

table.oDataGrid { border-collapse: collapse; border-color: #ddd; border-width: 0 0 1px 1px; border-style: solid; }
table.oDataGrid td { border-color: #cfced6; border-width: 1px 1px 0 0; border-style: solid; }
table.oDataGrid th { border-left: 1px solid #0099cc!important; }

tr.table-row-background-alpha { background: #f8f8f8; }
tr.table-row-background-beta { background: #fff; }
table.oDataGrid th { background: #0099ff; padding: 5px 8px; border: none; }

.AZLinkBar a:link { color: #0066cc; text-decoration: none; font-weight: normal; }
.AZLinkBar a:visited { color: #0066cc; text-decoration: none; font-weight: normal;  }
.AZLinkBar a:hover, .AZLinkBar  a:active { color: #0066cc; background: none; text-decoration: underline; font-weight: normal; }


/* Anchor fix */
h2 a, h2 a:hover, h2 a:visited, h2 a:active, h3 a, h3 a:hover, h3 a:visited, h3 a:active, h4 a, h4 a:hover, h4 a:visited, h4 a:active, h5 a, h5 a:hover, h5 a:visited, h5 a:active, h6 a, h6 a:hover, h6 a:visited, h6 a:active {
text-decoration: none !important;
font-weight: bold !important;
color:#006B54 !important;
}

/*directory update oct 09*/

.oDirectoryBuilder { background-color: #f8f8f8; padding: 5px; border: 1px solid #cecfce; }
.oDirectoryBuilder a:link { color: #0066cc; text-decoration: none; font-weight: normal; }
.oDirectoryBuilder a:link { color: #0066cc; text-decoration: none; font-weight: normal; }
.oAssetAttachmentOuter { clear: both; background: transparent; color: #000; padding: 5px; border: none; margin-bottom: 10px; }


/*------------------------------------------------------------------
FOOTER
------------------------------------------------------------------*/

#footer-outer { clear: both; margin-top: 10px; width: 100%; font-size: 1em; border-top: 5px solid #ddd; padding-top: 15px; }
#footer-inner { width: 100%; overflow: hidden; }

.footer-left-outer { float: left; width: 77%; }
.footer-left-inner { width: 100%; overflow: hidden; }

.footer-right-outer { float: right; width: 22%; text-align: right; }
.footer-right-inner { width: 100%; overflow: hidden; }

ul.footer-links { padding: 0; margin: 0; list-style-type: none; display: inline; }
ul.footer-links li { padding: 0; margin: 0; list-style-type: none; display: inline; padding-right: 7px; }

a.footer-link:link, a.footer-link:visited { color: #0066cc; text-decoration: none; font-weight: normal; }
a.footer-link:hover, a.footer-link:active {  color: #0066cc; text-decoration: underline; }

.footer-statement { font-size: 0.9em; }
.tagline-link:link, .tagline-link:visited { color: #666666; text-decoration: none; } 

}


@media print { 

#nrls-header-outer{ display: none; }

}
