/* Container vs Float Error Correction */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

/* Body Document Default */
body {
	font-size: 78%; font-family: arial, helvetica, sans-serif;
	margin: 0; padding: 0; height: 100%;
    color: #000000; background-color: #eaedf2; 
}

/*================================================= BEGIN CSS Differences ====================================================== */


#layout { width: 95%; overflow: visible; min-width: 780px; max-width: 95%; }
#layout-inner { background: #ffffff; overflow: hidden; }
/* padding-left: 6px; padding-right: 6px;  */

/* Header */
#header-outer { float: left; width: 100%; }
#header-inner { width: 100%; float: left; background: #ffffff url("/EasySite/setup/StyleSheffieldSaferCommsGeneral/images/bg-header.jpg") no-repeat 0px 10px; padding-bottom: 10px;}

#usability-link-bar-outer { float: right; width: 100%; overflow: hidden; background-color: transparent; }
#usability-link-bar-inner { float: right; background-color: transparent; color: #000000; padding: 3px 10px 4px 0px; }

.usability-menu-item { float: left; font-size: 0.95em; margin: 0px; padding: 0px; display: inline; color: #346697; }
.usability-link { font-weight: bold; color: #346697; padding: 0px 0px 0px 0px; }
.usability-link:link, .usability-link:visited { color: #346697; text-decoration: none; font-weight: normal; }
.usability-link:active, .usability-link:hover { color: #ee7700; text-decoration: underline; }

/* Top Bar */
#top-bar-outer { float: left; width: 100%; margin-bottom: 5px; }
#top-bar-inner { float: left; padding: 2px; border-right: 10px solid #ffffff; border-left: 10px solid #ffffff; background: #d8e0ed; }

.top-bar-list { float: right; text-align: right; font-size: 0.9em; }
.top-bar-text { float: left; color: #284871; display: inline; margin: 0px; padding: 3px 20px 0px 0px; }
.top-bar-link:link, .top-bar-link:visited, .top-bar-link:active, .top-bar-link:hover { color: #284871; text-decoration: none; }

#logo-outer { float: right; }
#logo-inner { float: left; width: 190px; padding-left: 10px; }

.logo { float: left; padding: 0px; } 
/* side Navigation */
#snv-outer { float: left; width: 180px; font-family: arial, helvetica, sans-serif; }
#snv-inner { float: left; width: 100%; overflow: hidden; }

#side-menu-outer { float: left; width: 180px; }
#side-menu-inner { float: left; width: 100%; }

/* Main Content */
#content-outer { margin-left: 10px; overflow: hidden; }
#content-inner { float: left; width: 100%; }
#template-zone { clear: left; overflow: hidden; padding: 0px; margin-bottom: 25px; }

#main-outer { float: left; width: 100%; }
#main-inner { display: block; overflow: hidden; background-color: transparent; padding: 0px 10px 20px 10px; }

/* Footer */
#footer-outer { float: left; clear: both; font-size: 0.9em; width: 100%; background-color: #032062; color: #ffffff; margin-top: 0px; border-bottom: 10px solid #eaedf2; }
#footer-inner { float: right; width: 13.4em; overflow: hidden; padding: 3px 0px 3px 0px; background-color: #032062; }

.footer-text { float: left; color: #ffffff; display: inline; margin: 0px; padding-right: 15px; }
.footer-link:link, .footer-link:visited, .footer-link:active, .footer-link:hover { color: #ffffff; text-decoration: none; }

.footer-admin { clear: both; width: 100%; text-align: center; margin-bottom: 10px; }
.footer-admin-text { clear: both; font-size: 1em; text-align: center; }
.footer-admin-link:link , .footer-admin-link:visited, .footer-admin-link:hover , .footer-admin-link:active  { color: #0000FF; text-decoration: underline; } 

#languages-outer { float: left; width: 100%; clear: both; font-size: 1.1em; background-color: transparent; color: #000000; }
#languages-inner { margin-left: 195px; } 

.languages-text { float: left; color: #000000; display: inline; margin: 0px; padding-right: 10px; }
.languages-link:link, .languages-link:visited { color: #000000; text-decoration: none; }
.languages-link:active, .languages-link:hover { color: #0000FF; text-decoration: underline; }

/*======================================================= END CSS Differences ================================================== */

/* Float Generics */
.fl { float: left; }
.fr { float: right; text-align: right; }

/* Standard Tags */
strong { font-weight: bold; }
em { font-style: italic; }

/* Enable Visible Borders For Development */
div { border: 0px dotted #000000; }

/* Links */
a:link, a:visited { color: #0000FF; text-decoration: underline; }
a:hover, a:active { color: #000000; text-decoration: underline; }
/* generic controls */
img, .noborder { border: 0; }
.spacer { border: 0; }
.center { margin: auto; }
.hide, .invisible { display: none; }
img { border: 0; }
ul, ol, dl, form { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
ul { list-style-type: square; } 
li { }
fieldset { margin: 0.5em; padding: 0.5em; border: 1px solid #cccccc; }
legend { }
ul.inline { list-style-type: none; margin: 0; padding: 0; }
li.inline { display: inline; list-style-type: none; background-color: transparent; padding: 0; }

/* graphical / presentational controls */
hr { color: #d8e0ed; height: 1px; background-color: #d8e0ed; border: 0; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0; clear: both; display: block; }

/* Administration Links */
#adminlinks { width: 750px; clear: both; padding: 0.3em; margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; background-color: #eb7700; border: 1px solid #d96f02; }
.AdminLink { color: #FFFFFF; }
strong.AdminLink { color: #FFFFFF; font-size: 0.9em; font-weight: bold; }
a.AdminLink:link, a.AdminLink:visited { color: #FFFFFF; font-weight: normal; font-size: 0.9em; text-decoration: none; }
a.AdminLink:hover, a.AdminLink:active { color: #FFFFFF; text-decoration: underline; }

/* Page Roots */ 
.PageRootStart { font-size: 0.95em; padding-bottom:5px; font-weight: normal; color: #000000; }
div.PageRoot { font-size: 0.95em; color: #000000; font-weight: normal; padding: 6px 0px 6px 0px; }
a.PageRoot:link, a.PageRoot:visited { color: #0000FF; text-decoration: underline; font-weight: normal; }
a.PageRoot:active, a.PageRoot:hover { color: #000000; text-decoration: underline; }
.prDiv { color: #000000; padding: 0 3px 0 2px; font-size: 1em; font-weight: normal; }

/* Search Box Controls */
#search-panel-outer { float: left; width: 17em; }
#search-panel-inner { float: left; width: 100%; }
#search-form { display: block; padding: 0px; background-color: transparent; }
.search-panel-title {  float: left; width: 180px; overflow: visible; font-size: 0.95em; color: #FFFFFF; padding-top: 10px; }
.PanelTitle { font-size: 1em; color: #0099FF; font-weight: bold; margin: 0px 0 8px 0; }
#keywords { float: left; font-size: 0.9em; height: 1.22em; color: #405a93; width: 10.8em; padding-left: 4px; background-color: #FFFFFF; border-top: 1px solid #c6d3dc; border-right: 0px; border-bottom: 1px solid #c6d3dc; border-left: 1px solid #c6d3dc; }
#search-button { float: left; font-size: 0.9em; color: #405a93; font-weight: bold; background-color: #ffffff; border-top: 1px solid #c6d3dc; border-right: 1px solid #c6d3dc; border-bottom: 1px solid #c6d3dc; border-left: 0px; }

.search-link { clear: both; color: #FFFFFF; padding: 2px 0px 2px 0px; }
a.searchlink:link, a.searchlink:visited, a.searchlink:active, a.searchlink:hover { color: #FFFFFF; text-decoration: underline; }

/* Side Navigation */
#SideNavPanel { float: left; display: block; width: 180px; background-color: #FFFFFF; }
.SNPanelHeader { }

.previouslink { }
.NavigationPreviousLink { }
a.NavigationPreviousLink:link, a.NavigationPreviousLink:visited { display: block; font-size: 1em; font-weight: normal; color: #000000; text-decoration: none; padding: 3px 5px 3px 5px; border-left: 8px solid #f09940; background: #f09940 url("/EasySite/setup/StyleSheffieldSaferCommsGeneral/images/bg-snv-parent.gif") no-repeat top right; margin-bottom: 1px; }
a.NavigationPreviousLink:active, a.NavigationPreviousLink:hover { text-decoration: underline; }

.currentlink { }
.NavigationCurrentLink { }
a.NavigationCurrentLink:link, a.NavigationCurrentLink:visited { display: block; font-size: 1em; color: #FFFFFF; text-decoration: none; padding: 3px 5px 3px 5px; border-left: 8px solid #f09940; background: #001e62; }
a.NavigationCurrentLink:active, a.NavigationCurrentLink:hover {  }

.childlink { }
.NavigationChildLink { }
a.NavigationChildLink:link, a.NavigationChildLink:visited { display: block; font-size: 1em; font-weight: normal; color: #000000; text-decoration: none; padding: 3px 5px 3px 5px; border-left: 5px solid #f09940; background: #fce9d6 url("/EasySite/setup/StyleSheffieldSaferCommsGeneral/images/bg-snv-child.gif") no-repeat bottom right; margin-bottom: 1px; margin-left: 8px; }
a.NavigationChildLink:active, a.NavigationChildLink:hover { text-decoration: underline; border-left: 5px solid #001e62; background: #f7c99b url("/EasySite/setup/StyleSheffieldSaferCommsGeneral/images/bg-snv-child-hover.gif") no-repeat bottom right; }

.siblinglink { }
.NavigationSiblingLink {  }
a.NavigationSiblingLink:link, a.NavigationSiblingLink:visited { display: block; font-size: 1em; font-weight: normal; color: #000000; text-decoration: none; padding: 3px 5px 3px 5px; border-left: 8px solid #f09940; border-bottom: 1px solid #fce9d6; background: #ffffff url("/EasySite/setup/StyleSheffieldSaferCommsGeneral/images/bg-snv-sibling.gif") no-repeat bottom right; margin-bottom: 1px; }
a.NavigationSiblingLink:active, a.NavigationSiblingLink:hover { text-decoration: underline; border-left: 8px solid #001e62; background: #f7c99b url("/EasySite/setup/StyleSheffieldSaferCommsGeneral/images/bg-snv-sibling-hover.gif") no-repeat bottom right; }

/* defaults */
b { font-weight: bold; }
strong { font-weight: bold; }
em { font-style: italic; }
u { text-decoration: underline; }
i { font-style: italic; }

/* Standard Text */
.Header { font-size: 1.4em; }
.LargeBody { font-size: 1.2em; }
.MidLargeBody { font-size: 1.1em; }
div, td, table, .MsoNormal, .tdNormalBody, a.NormalBody, .NormalBody { font-size: 1em; }
.NormalBodyBold { font-size: 1em; font-weight: bold; }
.NormalBodyItalic { font-size: 1em; font-style: italic; }
.MidSmallBody { font-size: 0.95em; }
a.MidSmallBody { font-size: 1.05em; }
.SmallBody { font-size: 0.9em; }
.TinyBody { font-size: 0.85em; }

/* Content Editor Classes */
.CENoMargin { margin: 0; font-size:1em; }
.OneCE { font-size: 0.85em; }
.TwoCE { font-size: 1em; }
.ThreeCE { font-size: 1.2em; }
.FourCE { font-size: 1.4em; }
.FiveCE { font-size: 1.7em; }
.SixCE { font-size: 2em; }
.SevenCE { font-size: 2.4em; }

/* titles */
#page-title-outer { width: 100%; background-color: #d8e0ed; margin-bottom: 5px; }
#page-title-inner { border-bottom: 1px solid #284871; border-right: 2px solid #284871; }

.PageTitle { color: #000000; font-family: arial, helvetica, sans-serif; font-size: 1.45em; font-weight: bold; padding: 4px; margin: 0px; }
.SmallTitle { color: #000000; font-size: 1.15em; font-weight: bold; padding: 6px 6px 6px 0px; }

/* results navigation */
.PageNavBar { font-size: 1em; color: #000000; }
a.PageNavBar:link { font-size: 1em; font-weight: bold; color: #284871; text-decoration: underline; }
a.PageNavBar:visited { color: #000000; font-weight: bold; text-decoration: underline; }
a.PageNavBar:active, a.PageNavBar:hover { color: #0000FF; font-weight: bold; text-decoration: none; }

.RelatedDocuments { padding: 5px; background-color: #d8e0ed; color: #000000; font-size: 1em; font-weight: bold; margin: 0px;  border-bottom: 1px solid #284871;  border-right: 1px solid #284871;}
.SubSectionTitle { font-size: 1.2em; font-weight: bold; margin-top: 10px; color: #000000; }
.RoundTable { margin-bottom: 5px; margin-top: 10px; padding-bottom: 10px; background: #FFFFFF; border-bottom: 1px solid #d8e0ed; }
.DocumentIcon { float: left; width: 16px; margin: 0; padding: 5px; }
div.PageDocumentTitle { padding-left: 5px; padding-bottom: 0; }
a.PageDocumentTitle:link, a.PageDocumentTitle:visited { color: #284871; font-size: 1em; font-weight: bold; }
a.PageDocumentTitle:active, a.PageDocumentTitle:hover { color: #000000; }
div.PageDocumentText { color: #000000; font-size: 1em; padding-left: 5px; padding-top: 5px; margin-left: 20px; }


/* results */
table, td { }
td.ResultStripOne ul { margin-left: 0em; padding-left: 0.8em; background-color: #284871; }
td.ResultStripOne ul li { list-style-type: none; list-style-image:none; }
span.ResultText { font-size: 1em; color: #FFFFFF; }
span.ResultTitle { float: left; font-size: 1.3em; text-align: left; display: block; width: 100%; background-color: transparent; padding: 0px 10px 5px 10px; }
ul a.ResultLink:link { color: #FFFFFF; font-size: 1.1em; font-weight: bold; text-decoration: none; }
ul a.ResultLink:visited { color: #FFFFFF; text-decoration: none; }
ul a.ResultLink:hover { color: #FFFFFF; text-decoration: underline; }
ul a.ResultLink:active { color: #FFFFFF; text-decoration: underline; }

.ResultTitle { padding-left: 3px; color: #FFFFFF; font-size: 1em; font-weight: bold; }
.ResultText { font-size: 1em; color: #000000; }
.ResultBG { background-color: #284871; }
.ResultStripOne { background-color: #FFFFFF; }
.ResultStripTwo { background-color: #d8e0ed; }
.ResultLink { font-size: 1em; color: #000000; }
a.ResultLink:link { display: block; font-weight: normal; font-size: 1em; color: #000000; text-decoration: underline; background: transparent; }
a.ResultLink:visited { color: #284871; text-decoration: underline; }
a.ResultLink:active, a.ResultLink:hover { color: #0000FF; text-decoration: none; }
.ResultFooter { font-size: 1em; color: #FFFFFF; display: block; padding-bottom: 1px;}
a.ResultFooterLink:link { font-size: 1em; color: #FFFFFF; }
a.ResultFooterLink:visited { color: #FFFFFF; }
a.ResultFooterLink:active, a.ResultFooterLink:hover { color: #FFFFFF; text-decoration: none; }

/* Forms */
table, td, select, input, textarea { font-family: arial, helvetica, sans-serif; font-size: 1em; }
.FormComment { color: #000000; font-size: 0.95em; }
div.FormQuestion { color: #000000; font-size: 0.95em; font-weight: bold; padding: 3px; }
span.FormQuestion { color: #000000; font-size: 1em; font-weight: bold; padding: 3px; }
td.FormQuestion { }
.FormText { color: #000000; font-size: 0.95em; }
.FormInput { font-size: 0.95em; border: 1px solid #000000; }
input.SmallButton { font-size: 0.95em; color: #FFFFFF; font-weight: bold; background: #284871; border: 1px solid #202840; }

/* tables */
td.ResultAlt1 { background-color: #FFFFFF; }
td.ResultAlt2 { background-color: #d8e0ed; }
.HeaderText { font-size: 1em; color: #000000; }
td.Header1 { }
td.tableBorder { background-color: #000000; color: #FFFFFF; font-size: 1em; font-weight: bold; }

/* Error */
.Error { color: #CC0033; font-size: 1em; font-weight: bold; }

/* Quick Links */
.panel-title { font-size: 1em; color: #FFFFFF; font-weight: normal; padding: 10px 5px 3px 5px; background-color: #284871; }

.quicklink { margin: 0px; padding: 0px; list-style-image: none; }
a.quicklink:link, a.quicklink:visited { display: block; font-size: 1em; font-weight: normal; color: #000000; text-decoration: none; padding: 3px 5px 3px 5px; border-left: 8px solid #6176AB; background-color: #d8e0ed; margin-bottom: 1px; }
a.quicklink:active, a.quicklink:hover { text-decoration: underline; border-left: 8px solid #284871; }

/* Template Styles */
#left-outer { float: left; width: 68%; margin-top: 10px; }
#left-inner { width: 100%; }

#right-outer { float: right; width: 31%; margin-top: 10px; }
#right-inner { width: 100%; }

.main-article-outer { overflow: hidden; }
.main-article-inner { float: left; width: 100%; }
.main-article-title  { float: left; width: 25%; padding: 15px 15px 0px 15px; }
.main-article-content { clear: left; padding: 15px; }

.lead-article-outer { overflow: hidden; }
.lead-article-inner { float: left; width: 100%; }
.lead-article-title  { padding: 5px 5px 5px 0px; }
.lead-article-content { padding: 0px; }

.sub-article-outer { float: left; overflow: hidden; width: 33.3%; }
.sub-article-inner { float: left; width: 96%; margin-top: 10px; }
.sub-article-title { clear: both; width: 94.5%; background: #eb7700; padding: 3px 5px 3px 5px; text-align: center; }
.sub-article-content { clear: both; }

#news-article-outer { float: left; overflow: hidden; width: 100%; background: #ffffff;  }
#news-article-inner { float: left; width: 100%; background: #d8e0ed; border-bottom: 1px solid #032062; }
#news-article-title { width: 55%; float: left; }
.news-article-content { clear: both; padding: 0px 10px 0px 10px; }

#campaign-article-outer { clear: both; float: left; overflow: hidden; width: 100%; background: #ffffff; margin-top: 15px; }
#campaign-article-inner { float: left; width: 100%; background: #fadbbe; border-bottom: 1px solid #eb7700; }
#campaign-article-title { width: 55%; float: left; }
.campaign-article-content { clear: both; padding: 0px 10px 5px 10px; }

.main-article-title-text { font-size: 1.45em; color: #000000; font-weight: bold; }
.lead-article-title-text { font-size: 1.3em; color: #000000; font-weight: bold; }
.sub-article-title-text { font-size: 1em; color: #ffffff; font-weight: bold; }
#news-article-title-text { font-size: 1em; color: #ffffff; font-weight: bold;  padding: 7px 7px 7px 10px; background: #032062 url("/EasySite/setup/StyleSheffieldSaferCommsGeneral/images/bg-blu-cnr-rnd-left-top.gif") no-repeat top left; }
.news-article-title-text { font-size: 1em; color: #000000; font-weight: bold; padding: 5px 10px 5px 10px; }
#news-more-title-text { width: 55%; float: right; font-size: 0.9em; padding: 5px 0px 0px 10px; color: #ffffff; font-weight: bold; background: #032062 url("/EasySite/setup/StyleSheffieldSaferCommsGeneral/images/bg-blu-cnr-rnd-left-bot.gif") no-repeat bottom left; }
#campaign-article-title-text { font-size: 1em; color: #ffffff; font-weight: bold; padding: 7px 7px 7px 10px; background: #eb7700 url("/EasySite/setup/StyleSheffieldSaferCommsGeneral/images/bg-ora-cnr-rnd-left-top.gif") no-repeat top left; }
.campaign-article-title-text { font-size: 1em; color: #000000; font-weight: bold; padding: 5px 10px 5px 10px; }
#campaign-more-title-text { width: 55%; float: right; font-size: 0.9em; color: #ffffff; padding: 5px 0px 0px 10px; font-weight: bold; background: #eb7700 url("/EasySite/setup/StyleSheffieldSaferCommsGeneral/images/bg-ora-cnr-rnd-left-bot.gif") no-repeat bottom left; }
