/* ============================== START CSS Containers ============================== */
body {
    margin: 0; padding: 0; background: #ffffff; color: #000;
	font-family: arial, verdana, sans-serif;
	font-size: 0.8em;
}

#header-outer { background:#fff; }

#main-inner { width: 100%; background:#fff; }

#left-inner { padding: 0 0 135px 0; background: #7b7c7f; }

#content-outer { margin-left: 180px; background: #fff; }

.element-columns-alpha-inner { width: 100%; background-color: #fff; }

/* Panel Alpha */
.element-panel-alpha-outer { clear: both; background-color: #fff; color: #000; }

.element-panel-alpha-body-content-outer { border: 0px solid #fff; padding: 0px; }

/* Panel Beta */
.element-panel-beta-outer { clear: both; background-color: #fff; color: #000; }

.element-panel-beta-body-content-outer { border: 0px solid #fff; color: #000; padding: 10px; }

img, .noborder, .spacer { border: 0; display: none; }
.center, .Center { margin: auto; text-align: center; }
.invisible, .hide { display: none; }

/* Links */
a:link { color: #000; text-decoration: underline; }
a:visited { color: #003066; text-decoration: underline; }
a:hover, a:active {	color: #999; background: transparent; text-decoration: underline; }

a.breadcrumb-link:link { color: #000; text-decoration: none; }
a.breadcrumb-link:visited { color: #000099; text-decoration: none; }
a.breadcrumb-link:hover, a.breadcrumb-link:active { color: #000; text-decoration: underline; }

/* Usability */
#usability-outer { clear: both; padding: 3px 8px 5px 8px; background: #fff; color: #000; text-transform: capitalize; }
#usability-inner { width: 100%; overflow: hidden; }

.usability-alpha { float: left; text-align: right; width: 58%; color: #000; }
a.usability-alpha-link:link { color: #000; text-decoration: none; }
a.usability-alpha-link:visited { color: #000; text-decoration: none; }
a.usability-alpha-link:hover, a.usability-alpha-link:active { color: #000; background: transparent; text-decoration: underline; }
.ubl-alpha-sep { padding: 0 5px 0 5px; color: #000; }

.usability-beta { float: right; text-align: right; width: 41%; color: #000; }
.text-usability-beta { padding-right: 5px; }
a.usability-beta-link:link { color: #000; text-decoration: none; }
a.usability-beta-link:visited { color: #000; }
a.usability-beta-link:hover, a.usability-beta-link:active { color: #000; text-decoration: underline; }
.ubl-beta-sep { padding: 0 5px 0 5px;  color: #000; }

/* Search Panel */
#search-panel-outer { margin-bottom: 10px; margin-top: 10px; float: right; width: 250px; }
#search-panel-inner { overflow: hidden; width: 100%; text-align: right; }
#search-form-outer { }
#search-form-inner { overflow: hidden; width: 100%; }
.SearchFieldset { border: 1px solid #cccccc; padding: 0; margin: 0; } /* Use HideFieldset/Legend if required for the design */
.SearchLegend { margin-left: 5px; padding-left: 5px; padding-right: 5px; }
.SearchLabel { padding-right: 5px; }
.SearchKeywords { width: 110px; height: 14px; background:#fff; color: #000; border: 1px solid #7a7c7e; }
.SearchButton { padding: 0; margin: 0; }
.oDataSearchFormInputText { display: inline; }
.oDataSearchFormButton { display: inline; }

.NavigationTitle { }
.NavigationBody { }

.oNavigationList, .oNavigationItemParentList { margin: 0; padding: 0; list-style-type: none; }
.oNavigationItemParent, .oNavigationItemCurrent, .oNavigationItemSibling, .oNavigationItemChild { list-style-type: none; padding: 0; margin: 0; }

.NavigationCurrentPage { }
.snv-current-icon { }
.snv-current-outer { }
.snv-current-inner { display: block; }
a.NavigationCurrentLink:link, a.NavigationCurrentLink:visited { display: block; padding: 0px 10px 10px 24px; background: #7A7C7F; color: #EC83B5; text-decoration: none; font-weight: bold;  }
a.NavigationCurrentLink:hover, a.NavigationCurrentLink:active { background: #7A7C7F; color: #fff; text-decoration: underline; }

.NavigationSiblingPage { }
.snv-sibling-icon { }
.snv-sibling-outer { }
.snv-sibling-inner { display: block; }
a.NavigationSiblingLink:link, a.NavigationSiblingLink:visited { display: block; padding: 0px 10px 10px 24px; background: #7A7C7F; color: #ffffff; text-decoration: none; }
a.NavigationSiblingLink:hover, a.NavigationSiblingLink:active { background: #7A7C7F; color: #EC83B5; text-decoration: underline; }

.NavigationChildPage { width: 100%; }
.snv-child-icon { }
.snv-child-outer { }
.snv-child-inner { display: block; }
a.NavigationChildLink:link, a.NavigationChildLink:visited { display: block; padding: 0px 10px 10px 24px; background: #7A7C7F; color: #EC83B5; text-decoration: none; }
a.NavigationChildLink:hover, a.NavigationChildLink:active { background: #7A7C7F; color: #EC83B5; text-decoration: underline; }
     
.NavigationParentPage { font-weight: bold; }
.snv-parent-icon { }
.snv-parent-outer {  }
.snv-parent-inner { display: block;  }
a.NavigationParentLink:link, a.NavigationParentLink:visited { display: block; padding: 3px 10px 10px 24px; background: #7A7C7F; color: #ffffff; text-decoration: none; }
a.NavigationParentLink:hover, a.NavigationParentLink:active { background: #7A7C7F; color: #EC83B5; text-decoration: underline; }


#footer-alpha-outer { clear: both; background: #fff; color: #000; padding: 10px 10px 15px 10px; }
#footer-alpha-inner { width: 100%; overflow: hidden; }

/* print friendly shizzle */

@media print {

#header-outer, #usability-outer, #logo-outer, #main-banner-outer, #menu-outer, #footer-menu-outer { display: none; }

#left-outer { width: 0; display: none; }

#content-outer { margin-left: 0px; }
#content-inner { overflow: hidden; padding-top: 4px; }

}