/*================================================= BEGIN CSS Differences ====================================================== */

/* 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: 75%; font-family: arial, helvetica, sans-serif;
	margin-top: 0; padding: 0; height: 100%; margin-bottom: 10px;
    color: #000000; background: #FFFFFF;
}

#layout { width: 95%; overflow: visible; min-width: 780px; max-width: 95%; }
#layout-inner { }
/* padding-left: 6px; padding-right: 6px;  */
#header-outer { }
#header-inner { width: 100%; float: left; overflow: visible;  }

#logo-outer { float: left; width: 100%; }
#logo-inner { height: 67px; border-top: 5px solid #BAC3DD; border-right: 7px solid #BAC3DD; border-bottom: 12px solid #BAC3DD; border-left: 7px solid #BAC3DD; overflow: visible; background: #BAC3DD url("/EasySite/setup/StyleJohnsonDiversey/images/bg_header.jpg") repeat-x top left; }
#logo-left { float: left; width: 172px; background: #FFFFFF; }
#logo-right { float: right; width: 227px; background: #FFFFFF; }

#usability-link-bar-outer { float: left; width: 100%; overflow: visible; background: #DDE8F6 url("/EasySite/setup/StyleJohnsonDiversey/images/bg_access_panel.gif") repeat-x left bottom; }
#usability-link-bar-inner { float: right; color: #000000; padding: 2px 0px 0px 5px; }

#snv-outer { float: left; width: 180px; background-color: #FFFFFF; }
#snv-inner { float: left; width: 100%; overflow: hidden; }

#side-menu-outer { float: left; width: 180px; margin-top: 8px; background: #E7EAF4 url("/EasySite/setup/StyleJohnsonDiversey/images/bg_title_panel.gif") no-repeat top right; }
#side-menu-inner { float: left; width: 100%; background-color: #E7EAF4; }


#content-outer { margin-left: 8px; overflow: hidden;  }
#content-inner { }
#template-zone { padding: 8px; margin-bottom: 15px; border-right: 1px solid #E2E5EF; border-bottom: 1px solid #E2E5EF; border-left: 1px solid #E2E5EF; }

#main-outer { }
#main-inner { float: left; width: 100%; overflow: hidden; background-color: #FFFFFF; }

#rhs-outer { float: right; width: 184px; }
#rhs-inner { float: left; width: 100%; overflow: hidden; }

#footer-outer { }
#footer-inner { float: left; width: 100%; overflow: visible; margin-top: 15px; background: #DDE8F6 url("/EasySite/setup/StyleJohnsonDiversey/images/bg_title_panel.gif") repeat-x left top; }
.sponsors { float: left; }

#footer-links-outer { float: left; }
#footer-links-inner { float: right; font-size: 0.9em; padding: 0px 0px 0px 5px; color: #FFFFFF; }
.footer-link:link, .footer-link:visited { color: #379EC7; text-decoration: underline; }
.footer-link:active, .footer-link:hover { color: #17338F; text-decoration: underline; }
.footer-menu-item { float: right; display: block; height: 1.3em; padding: 2px 8px 2px 8px; border-left: 1px solid #FFFFFF; }

/*======================================================= END CSS Differences ================================================== */

#panel-one-outer { width: 261px; float: left; }
#panel-one-inner { width: 256px; overflow: hidden; float: left; background: #ECEBE6 url("/EasySite/setup/StyleJohnsonDiversey/images/panel_curve.gif") no-repeat bottom right; }

#panel-two-outer { width: 261px; float: left; }
#panel-two-inner { width: 256px; overflow: hidden; float: left; background: #ECEBE6 url("/EasySite/setup/StyleJohnsonDiversey/images/panel_curve.gif") no-repeat bottom right; }

#panel-three-outer { width: 256px; float: left; }
#panel-three-inner { width: 100%; overflow: hidden; float: left; background: #ECEBE6 url("/EasySite/setup/StyleJohnsonDiversey/images/panel_curve.gif") no-repeat bottom right; }

.inner-panel-outer { padding: 10px; }
.inner-panel-inner { width: 100%; overflow: hidden; float: left; background: #ECEBE6; }

ul.panel-list { margin-left: 1em; padding-left: 1em; }
li.panel-list-item { list-style-type: none; padding-top: 4px; padding-bottom: 4px; }
.panel-list-link:link, .panel-list-link:visited { color: #000000; text-decoration: none; font-weight: bold; }
.panel-list-link:active, .panel-list-link:hover { color: #000000; text-decoration: underline; }

/* 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 { color: #0066CC; text-decoration: underline; }
a:visited { color: #000066; text-decoration: underline; }
a:hover, a:active { color: #0066CC; 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: transparent; padding: 0; }

/* graphical / presentational controls */
hr { color: #009933; height: 1px; background: #009933; border: 0; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0; clear: both; display: block; }

.usability-menu-item { display: block; color: #379EC7; height: 1.3em; padding: 0px 10px 3px 10px; border-left: 1px solid #FFFFFF; }
.usability-link { font-size: 0.9em; font-weight: bold; color: #379EC7; }
.usability-link:link, .usability-link:visited { color: #379EC7; text-decoration: underline; font-size: 0.9em; font-weight: normal; }
.usability-link:active, .usability-link:hover { color: #17338F; text-decoration: underline; }

.AccessLink { color: #000000; padding-left: 20px; }
a.AccessLink:link, a.AccessLink:visited { color: #000000; font-weight: bold; font-size: 0.9em; text-decoration: none; }
a.AccessLink:hover, a.AccessLink:active { color: #CC0033; text-decoration: underline; }

/* Administration Links */
#adminlinks { width: 650px; clear: both; padding: 0.3em; margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; background: #E7EAF4; border: 1px solid #D9DDE9; }
.AdminLink { color: #17338F; }
strong.AdminLink { color: #17338F; font-size: 0.9em; font-weight: bold; }
a.AdminLink:link, a.AdminLink:visited { color: #17338F; font-weight: normal; font-size: 0.9em; text-decoration: underline; }
a.AdminLink:hover, a.AdminLink:active { color: #379EC7; text-decoration: underline; }

.textsize { float: left; display: block; width: 100%; color: #000000; background-color: #FFFFFF; padding: 7px 0px 20px 8px; }

/* Top Bar */
#top-bar-outer { clear: both; }
#top-bar-inner { float: left; width: 100%; text-align: left; font-size: 0.9em; overflow: hidden; color: #17338F; border-top: 4px solid #E7EAF4; border-bottom: 3px solid #E7EAF4; background-color: #FFFFFF; }
.top-bar-menu-item { display: block; height: 1.3em; padding: 0px 20px 4px 19px; border-right: 1px solid #B9C3DE; }
.top-bar-link:link, .top-bar-link:visited { color: #17338F; text-decoration: underline; font-size: 1em; font-weight: bold; }
.top-bar-link:active, .top-bar-link:hover { color: #379EC7; text-decoration: underline; }

.top-bar-menu-item-end { display: block; height: 1.3em; padding: 0px 23px 4px 22px; border-right: 1px solid #B9C3DE; }
.top-bar-link-end:link, .top-bar-link-end:visited { color: #17338F; text-decoration: underline; font-size: 1em; font-weight: bold; }
.top-bar-link-end:active, .top-bar-link-end:hover { color: #379EC7; text-decoration: underline; }
#date { float: left; height: 1.3em; padding: 5px 20px 0px 8px; }
.date { color: #17338F; font-size: 0.9em; }

/* Page Roots */ 


#page-root-outer { width: 100%; background-color: #17338F; border-left: 5px solid #8998C7; margin-bottom: 8px; }
#page-root-inner { margin-left: 4.6em; margin-right: 5px; background-color: #E9F4FF; padding: 3px 8px 3px 8px; border-right: 5px solid #8998C7; }
.PageRootStart { float: left; font-size: 1em; font-weight: bold; color: #FFFFFF; padding: 3px 8px 3px 8px; }
div.PageRoot { font-size: 0.9em; color: #379EC7; font-weight: bold; padding: 4px 0px 4px 10px; background-color: #17338F; }
a.PageRoot:link, a.PageRoot:visited { font-size: 0.9em; color: #379EC7; text-decoration: underline; font-weight: normal; }
a.PageRoot:active, a.PageRoot:hover { color: #17338F; text-decoration: underline; }
.prDiv { color: #17338F; padding: 0 3px 0 3px; font-size: 1em; font-weight: normal; }

/*Login */
#login-outer { overflow: hidden; }
#login-inner { float: right; width: 100%; background-color: #FFFFFF; }
/* Rounded Corners */
.rnd-outer
 { width: 170px; }
.rnd-inner
 { width: 100%; background-color: #FFFFFF; margin: 5px 5px 5px 5px; }
.rnd-top { background: #FFFFFF url("/EasySite/setup/StyleJohnsonDiversey/images/bg_rnd_top.gif") no-repeat top left; }
.rnd-bottom { background: #FFFFFF url("/EasySite/setup/StyleJohnsonDiversey/images/bg_rnd_bottom.gif") no-repeat bottom left; }
/* Search Box Controls */
#search-panel-outer { float: left; width: 180px; background: #E7EAF4 url("/EasySite/setup/StyleJohnsonDiversey/images/bg_title_panel.gif") no-repeat top right; }
#search-panel-inner { float: left; width: 100%; overflow: hidden; }
#search-form { display: block; width: 160px; padding: 5px; background-color: #FFFFFF; }
.search-panel-title {  clear: left; overflow: visible; font-size: 1em; color: #17338F; font-weight: bold; width: 159px; padding: 2px 8px 2px 8px; border-right: 1px solid #FFFFFF; background: #E7EAF4 url("/EasySite/setup/StyleJohnsonDiversey/images/bg_title_panel.gif") repeat-x top left; }
.PanelTitle { font-size: 1em; color: #0099FF; font-weight: bold; margin: 0px 0 8px 0; }
#keywords { float: left; font-size: 0.9em; height: 1.2em; color: #000000; width: 9.7em; border: 1px solid #DDDDDD; padding-left: 3px; margin-right: 5px; background-color: #FFFFFF; }
#search-button { float: left; font-size: 0.9em; font-weight: bold; color: #FFFFFF; width: 3.2em; height: 1.5em; border: 0px; background: #FFFFFF url("/EasySite/setup/StyleJohnsonDiversey/images/bg_search.gif") no-repeat bottom left; }


/* Side Navigation */
#SideNavPanel { float: left; display: block; width: 160px; padding: 0px 5px 0px 5px; }
.SNPanelHeader { }

.previouslink { }
.NavigationPreviousLink { }
a.NavigationPreviousLink:link, a.NavigationPreviousLink:visited { display: block; height: 1%; font-size: 0.9em; font-weight: normal; color: #17338F; text-decoration: none; padding: 0px 5px 2px 17px; margin-top: 1px; background: #FFFFFF; }
a.NavigationPreviousLink:active, a.NavigationPreviousLink:hover { text-decoration: none; color: #379EC7; }
.snv-parent-link-inner { padding-top: 0px; display: block; }
.snv-parent-icon { display: block; height: 1%; padding-left: 5px; float: left; color: #17338F; line-height: 0.8em; font-size: 1em; }

.currentlink { }
.NavigationCurrentLink { }
a.NavigationCurrentLink:link, a.NavigationCurrentLink:visited { display: block; font-size: 0.9em; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 0px 5px 0px 14px; margin-top: 1px; background-color: #BAC3DD; }
a.NavigationCurrentLink:active, a.NavigationCurrentLink:hover { text-decoration: none; }
.snv-current-link-inner { padding: 3px; display: block;  }

.childlink { }
.NavigationChildLink { }
a.NavigationChildLink:link, a.NavigationChildLink:visited { display: block; font-size: 0.9em; font-weight: normal; color: #17338F; text-decoration: none; padding: 4px 5px 4px 12px; margin-top: 1px; border-left: 5px solid #BAC3DD; background-color: #E7EAF4; }
a.NavigationChildLink:active, a.NavigationChildLink:hover { border-left: 5px solid #17338F; color: #17338F; text-decoration: none; }

.siblinglink { }
.NavigationSiblingLink {  }
a.NavigationSiblingLink:link, a.NavigationSiblingLink:visited { display: block; font-size: 0.9em; font-weight: bold; color: #17338F; text-decoration: none; padding: 4px 5px 4px 7px; margin-top: 1px; border-left: 10px solid #17338F; background-color: #E9F4FF; }
a.NavigationSiblingLink:active, a.NavigationSiblingLink:hover { text-decoration: none; color: #17338F; border-left: 10px solid #BAC3DD; }


/* Footer */
.copyright { float: left; height: 1.3em; padding: 2px 0px 0px 8px; color: #17338F; font-size: 0.95em; }
#footer { margin-top: 10px; padding: 10px; }

/* 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 { float: left; width: 100%; margin-bottom: 8px; background: #17338F url("/EasySite/setup/StyleJohnsonDiversey/images/bg_rnd_left_pagetitle.gif") no-repeat top left; }
#page-title-inner { clear: left; width: 100%; }
.PageTitle { float: left; color: #FFFFFF; font-size: 1.6em; font-weight: normal; padding: 0px 8px 0px 8px; }
.SmallTitle { color: #17338F; font-size: 1.2em; font-weight: bold;}

/* results navigation */
.PageNavBar { font-size: 1em; color: #000000; }
a.PageNavBar:link { font-size: 1em; font-weight: bold; color: #003366; text-decoration: underline; }
a.PageNavBar:visited { color: #003366; font-weight: bold; text-decoration: underline; }
a.PageNavBar:active, a.PageNavBar:hover { color: #379EC7; font-weight: bold; text-decoration: none; }

.RelatedDocuments { color: #000000; font-size: 1.6em; font-weight: bold; }
.SubSectionTitle { font-size: 1.2em; font-weight: bold; margin-top: 10px; }
.RoundTable { margin-bottom: 5px; margin-top: 5px; background: #E9F4FF; }
.DocumentIcon { float: left; width: 16px; margin: 0; padding: 5px; display: none; }
div.PageDocumentTitle { padding-bottom: 0; }
a.PageDocumentTitle:link, a.PageDocumentTitle:visited { color: #17338F; font-size: 1em; font-weight: bold; }
a.PageDocumentTitle:active, a.PageDocumentTitle:hover { color: #379EC7; }
div.PageDocumentText { color: #000000; font-size: 1em; }

/* results */
table, td { }
td.ResultStripOne ul { margin-left: 1em; padding-left: 1em; }
span.ResultTitle { float: left; text-align: left; display: block; width: 100%; background-color: #E7EAF4; }
.ResultTitle { padding-left: 3px; color: #17338F; font-size: 1em; font-weight: bold; }
.ResultText { font-size: 1em; color: #17338F; }
.ResultBG { background: #E7EAF4; }
.ResultStripOne { background: #FFFFFF; }
.ResultStripTwo { background: #E9F4FF; }
.ResultLink { font-size: 1em; color: #000000; }
a.ResultLink:link { display: block; font-weight: normal; font-size: 1em; color: #17338F; text-decoration: underline; padding-left: 15px; background: url("/EasySite/setup/StyleJohnsonDiversey/images/snav_sibling.gif") no-repeat 3px 3px; }
a.ResultLink:visited { color: #000000; text-decoration: underline; }
a.ResultLink:active, a.ResultLink:hover { color: #379EC7; text-decoration: none; }
.ResultFooter { font-size: 1em; color: #379EC7;  display: block; padding-bottom: 1px;}
a.ResultFooterLink:link { font-size: 1em; color: #379EC7; }
a.ResultFooterLink:visited { color: #379EC7; }
a.ResultFooterLink:active, a.ResultFooterLink:hover { color: #379EC7; 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: #17338F; border: 1px solid #0C2679; }

/* tables */
td.ResultAlt1 { background: #FFFFFF; }
td.ResultAlt2 { background: #E9F4FF; }
.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; }