/* 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, verdana, helvetica, sans-serif;
	margin: 0; padding: 0; height: 100%;
    color: #000000; background-color: #ffffff; text-align: center; 
}

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



#layout {width: 960px; overflow: visible; min-width: 780px; max-width: 95%; text-align: left;  background: #FFFFFF; margin-top: 4px; padding-bottom: 7px;}
#layout-inner { border: 1px solid #000000; float: left; background: #ffffff; overflow: hidden; padding-left: 1%; padding-right: 1%; margin-top: 3px; padding-bottom:7px; WIDTH: 98%;}
/* padding-left: 6px; padding-right: 6px;  */
/* Header */
#header-outer { float: left; }
#header-inner { width: 100%; float: left;}

#usability-link-bar-outer { float: left; width: 100%; overflow: visible; background-color: transparent; }
#usability-link-bar-inner { float: left; background-color: transparent; color: #000000; padding: 3px 0px 0px 10px; }

.usability-menu-item { float: left; font-size: 0.95em; margin: 0px; padding: 0px; display: inline; color: #000000; }
.usability-link { font-weight: bold; color: #000000; padding: 0px 0px 0px 0px; }
.usability-link:link, .usability-link:visited { color: #000000; text-decoration: none; font-weight: normal; }
.usability-link:active, .usability-link:hover { color: #000000; text-decoration: underline; }
.strapline { float: left; padding: 10px 0px 0px 10px; font-family: "Arial Black", arial, verdana, sans-serif; font-size: 2em; color: #000000; }
.strapline span { font-family: arial, verdana, sans-serif; }

/* Top Bar */
#top-bar-outer { float: left; width: 100%; min-height: 100px; }
#top-bar-inner { float: left; width: 100%; background: #FFFFFF; color: #ffffff; padding-bottom: 2px;}
#top-bar-bottom { float: left; width: 97%; min-width: 97%; background: #000000; padding: 7px 0 0 3%; height: 25px;}
#top-nav-item-cont {display: inline; color: #FFFFFF; font-weight: bold; background: #000000; width: 15%; padding-right: 3%;}
#top-nav-item-cont span {color: #ffffff; min-width: 100%;}


#mas-frame {float: right; width: 134px; color: #000000; padding-top: 15px; padding-right: 25px;}

a.top-nav-item-link:link {color: #ffffff; background: #000000; font-size: 100%; font-weight: bold; text-decoration: none; padding: 0px 4% 0px 0px; }
a.top-nav-item-link:visited {color: #ffffff; background: #000000; font-size: 100%; font-weight: bold; text-decoration: none; padding: 0px 4% 0px 0px; }
a.top-nav-item-link:hover {color: #ffffff; background: #000000; font-size: 100%; font-weight: bold; text-decoration: underline; padding: 0px 4% 0px 0px;}
a.top-nav-item-link:active {color: #ffffff; background: #000000; font-size: 100%; font-weight: bold; text-decoration: underline; padding: 0px 4% 0px 0px;}
.logo { float: right; }
.logo-eu { float: left; background: #fff; padding: 35px 0px 0px 0px; padding-left: 25px; height: 100%;} 
.illust { float: right; background: #fff; padding: 2px 0px 0px 0px; }
.logo-mas { float: right; background: #fff; padding: 5px 0px 0px 0px; min-height: 100%;}  
.logo-scc { float: left; background: #fff; padding: 35px 0px 0px 25px; min-height: 100%;}


/* side Navigation */
#snv-outer { float: left; width: 180px; font-family:  arial, verdana, helvetica, sans-serif; border: 1px solid #000000; margin-left: 0px; }
#snv-inner { float: left; width: 100%; overflow: hidden; }

#side-menu-outer { float: left; width: 100%; overflow: hidden;}
#side-menu-inner { float: left; width: 100%; overflow: hidden;}


/* Main Content */
#content-outer { margin-left: 185px; }
#content-inner { float: left; margin-left: 1%; width: 99%; }
#template-zone { clear: left; overflow: hidden; padding: 0px 8px 0px 0px; margin-bottom: 15px; }

#main-outer { float: left; width: 100%; margin-top: 6px; }
#main-inner { display: block; overflow: hidden; background-color: transparent; }

/* Footer */
#footer-outer { float: left; clear: both; font-size: 0.9em; width: 100%; color: #ffffff; margin-top: 20px; }
#footer-inner { float: left; width: 100%; overflow: hidden; padding: 4px 0px 4px 0px; background-color: #000000; }

.footer-text { float: right; color: #ffffff; display: inline; margin: 0px; padding-right: 10px; }
.footer-link:link, .footer-link:visited { color: #ffffff; text-decoration: none; }
.footer-link:active, .footer-link:hover { color: #ffffff; text-decoration: underline; }

.footer-admin { clear: both; width: 100%; text-align: center; margin-top: 20px; 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; }
.cl { clear: left; }

/* 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: #0000FF; text-decoration: none; }

/* 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: #DDE4F9; height: 1px; background-color: #DDE4F9; 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: #ef018d; border: 1px solid #ef018d; }
.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: #0000FF; text-decoration: none; }
.prDiv { color: #000000; padding: 0 3px 0 2px; font-size: 1em; font-weight: normal; }

/* Search Box Controls */
#search-panel-outer { float: left; width: 180px; padding: 0px 0px 5px 10px; }
#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.25em; color: #000000; width: 10.45em; padding-left: 2px; margin-bottom: 3px; background-color: #FFFFFF; border: 0px solid #ffffff; }
#search-button { float: left; width: 4.5em; color: #000000; font-size: 0.9em; font-weight: bold; background-color: #ffffff; border: 0px solid #ffffff; margin-bottom: 3px; }

.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: 100%; background-color: #EAEAEA; border-left: 0px solid #ffffff; overflow: hidden; padding-top: 2px; padding-bottom: 2px;}
.SNPanelHeader { }

.previouslink {max-width: 100%; padding-top: 3px; padding-bottom: 3px;}
.NavigationPreviousLink {width: 100%; overflow: hidden;}
a.NavigationPreviousLink:link, a.NavigationPreviousLink:visited { display: block; font-size: 1em; font-weight: normal; color: #F21235; text-decoration: none; padding: 3px 5px 3px 5px;  background-color: #EAEAEA; margin-left: 3px; margin-right: 3px; margin-bottom: 0px; border-bottom: 1px solid #FFFFFF; overflow: hidden;}
a.NavigationPreviousLink:active, a.NavigationPreviousLink:hover { color: #F21235; text-decoration: underline; background-color: #EAEAEA; margin-left: 3px; margin-right: 3px; border-bottom: 1px solid #FFFFFF; overflow: hidden; }

.currentlink { padding-top: 3px; padding-bottom: 3px;}
.NavigationCurrentLink {}
a.NavigationCurrentLink:link, a.NavigationCurrentLink:visited { display: block; font-size: 1em; font-weight: bold; color: #F21235; text-decoration: none; padding: 3px 5px 3px 5px; background-color: #EAEAEA; margin-left: 3px; margin-right: 3px; border-bottom: 1px solid #FFFFFF; }
a.NavigationCurrentLink:active, a.NavigationCurrentLink:hover { color: #F21235; background-color:#EAEAEA;  margin-left: 3px; margin-right: 3px; border-bottom: 1px solid #FFFFFF;}

.childlink { padding-top: 3px; padding-bottom: 3px;}
.NavigationChildLink { }
a.NavigationChildLink:link, a.NavigationChildLink:visited { display: block; font-size: 1em; font-weight: normal; color: #F21235; text-decoration: none; padding: 3px 5px 3px 5px; background-color: #EAEAEA; margin-left: 13px;  margin-right: 3px; border-bottom: 1px solid #FFFFFF;}
a.NavigationChildLink:active, a.NavigationChildLink:hover { color: #F21235;  margin-left: 13px;  margin-right: 3px; border-bottom: 1px solid #FFFFFF; background-color: #FFFFFF;}

.siblinglink { padding-top: 3px; padding-bottom: 3px;}
.NavigationSiblingLink {  }
a.NavigationSiblingLink:link, a.NavigationSiblingLink:visited { display: block; font-size: 1em; font-weight: normal; color: #F21235; text-decoration: none; padding: 3px 5px 3px 5px; background-color: #EAEAEA; margin-left: 3px; margin-right: 3px; border-bottom: 1px solid #FFFFFF; }
a.NavigationSiblingLink:active, a.NavigationSiblingLink:hover { color: #F21235; background-color: #FFFFFF; margin-left: 3px; margin-right: 3px; border-bottom: 1px solid #FFFFFF; }

/* 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: #DDE4F9; margin-bottom: 5px; }
#page-title-inner { border-bottom: 1px solid #2C344E; border-right: 2px solid #2C344E; }

.PageTitle { color: #000000; font-family: arial, verdana, helvetica, sans-serif; font-size: 1.45em; font-weight: bold; background-color: #FFFFFF; padding: 4px 0px 4px 0px; 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: #0000ff; text-decoration: underline; }
a.PageNavBar:visited { color: #0000ff; 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: #ffdfff; color: #000000; font-size: 1em; font-weight: bold; margin: 0px;  border-top: 1px solid #ef018d;  border-left: 4px solid #ef018d;}
.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 #ffdfff; }
.DocumentIcon { float: left; width: 16px; margin: 0; padding: 5px; }
div.PageDocumentTitle { padding-left: 5px; padding-bottom: 0; }
a.PageDocumentTitle:link, a.PageDocumentTitle:visited { color: #000000; font-size: 1em; font-weight: bold; text-decoration: underline; }
a.PageDocumentTitle:active, a.PageDocumentTitle:hover { color: #000000; text-decoration: none; }
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: #ffdfff; }
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: #F21235; }
.ResultStripOne { background-color: #FFFFFF; }
.ResultStripTwo { background-color: #EAEAEA; }
.ResultLink { font-size: 1em; color: #000000; }
a.ResultLink:link { display: block; font-weight: normal; font-size: 1em; color: #0000ff; text-decoration: underline; background: transparent; }
a.ResultLink:visited { color: #0000ff; 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: #ef018d; border: 1px solid #ef018d; }

/* tables */
td.ResultAlt1 { background-color: #FFFFFF; }
td.ResultAlt2 { background-color: #ffdfff; }
.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: 3px 5px 3px 5px; background-color: #ef018d; border-left: 5px solid #ff93d3; }

.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: 5px solid #ffecff; background-color: #ffffff; margin-bottom: 1px; }
a.quicklink:active, a.quicklink:hover { color: #ef018d; text-decoration: underline; background-color: #ffdfff; border-left: 5px solid #ef018d; border-right: 2px solid #ef018d; }

/* Template Styles */
.main-article-outer { float: left; overflow: hidden; }
.main-article-inner { float: left; width: 100%; }
.main-article-title  { padding: 10px 10px 0px 10px; }
a.main-article-title-link:link, a.main-article-title-link:visited { text-decoration: none; }
a.main-article-title-link:hover, a.main-article-title-link:active { text-decoration: underline; }
.main-article-content { padding: 10px; }

#left-outer { float: left; width: 68%; }
#left-inner {  }

.sub-article-outer { float: left; overflow: hidden; width: 48%; }
.sub-article-inner { float: left; width: 95%; margin-top: 10px; }
.sub-article-title { }
.sub-article-content { clear: both; }

#right-outer { float: right; margin-left: 10px; }
#right-inner { width: 100%; }

.right-panel-outer { float: right; clear: both; overflow: hidden; width: 100%; }
.right-panel-inner { width: 100%; margin-top: 10px; }

.right-panel-title { float: left; width: 100%; display: block; background: #ef018d; }
.right-panel-title-text { font-size: 1em; color: #ffffff; padding: 5px 8px 5px 8px; }
.right-panel-content { float: left; padding: 10px 10px 0px 10px; }
.right-panel-article-title { font-size: 1em; padding-bottom: 5px; color: #ef018d; }

#banner-outer { clear: both; width: 100%; }
#banner-inner { float: left; width: 100%; }
.banner-panel-outer { float: left; overflow: hidden; width: 100%; }
.banner-panel-inner { float: left; overflow: hidden; width: 100%;  margin-top: 10px; }
.main-article-title-text { color: #000000; font-size: 1.45em; font-weight: bold; }
.sub-article-title-text { font-size: 1em; color: #000000; font-weight: bold; }
.icon-title-text { font-size: 0.9em; color: #000000; text-align: center; font-weight: normal; }