/* ============================== START CSS Containers ============================== */
body {
    margin: 0; padding: 0; background: #fff; color: #000000;
	font-family: arial, verdana, sans-serif;
}

img, .noborder, .spacer { border: 0; display: none; }

.img-hide {display: none; }

/* Containers */
#page-outer { margin: auto; background: #fff;  }
#page-inner { width: 685px; margin: 10px 26px 26px 26px; background: #fff; border: 1px solid #909090; padding: 20px; }
.PageWidthRelative { width: 90%; }
.PageWidthAbsolute { width: 780px; }
.fontSizeAdjustment { font-size: 95% }

#banner-outer { width: 100%; }
#banner-inner { text-align: center; }

#header-outer { }
#header-inner { }

#subscriber-outer { float: left; width: 210px; }
#subscriber-inner { }

#logo-outer { float: left; width: 150px; margin-left: 53px; margin-right: 53px; height: 100px; text-align: center; font-size: 3em; }
#logo-inner { width: 100%; }

#main-outer { clear: both; }
#main-inner { width: 100%; }

#left-outer { float: left; width: 160px; background: #fff; }
#left-inner { background: #fff; }

#left-panel-outer { float: left; width: 160px; background: #fff; border-top: 1px solid #999; border-bottom: 1px solid #999; margin-top: 10px; margin-bottom: 10px; }
#left-panel-inner { background: #fff; padding: 10px 0 10px 0; }
#left-panel-inner-left { float: left; width: 60px; background: #fff; }
#left-panel-inner-right { margin-left: 70px; width: 90px; background: #fff; }

#left-skyscraper-outer { float: left; width: 160px; background: #fff; }
#left-skyscraper-inner { background: #fff; }

#content-outer { margin-left: 170px; background: #fff; }
#content-inner { background: #fff; }

.element-content-outer { padding: 5px; }
.element-content-inner { }
.element-footer-options-outer { margin: 15px; }
.element-footer-options-inner { float: left; overflow: hidden; }

/* Search Panel */
#search-panel-outer { width: 210px; float: left; margin-bottom: 10px; background:#dfecdf; }
#search-panel-inner { overflow: hidden; width: 100%; }
#search-form-outer { margin: 11px; }
#search-form-inner { overflow: hidden; width: 100%; }
.SearchFieldset { border-top: 1px solid #fff; border-right: 0px solid #fff; border-bottom: 0px solid #fff; border-left: 0px solid #fff;   background: #dfecdf; padding: 0; margin: 0; } /* Use HideFieldset/Legend if required for the design */
.SearchLegend { margin-left: 5px; padding-left: 5px; padding-right: 5px; }
.SearchLabel { font-weight: bold; padding: 0 0 3px 0; display: block; }
.SearchKeywords { width: 75%; background:#fff; color: #999; border: 1px solid #999; }
.SearchButton { cursor: pointer;  }
.oDataSearchFormInputText { display: inline; }
.oDataSearchFormButton { display: inline; }

/* Category Browse Panel */
#browse-form-outer { margin: 11px; }
#browse-form-inner { overflow: hidden; width: 100%; }
.BrowseFieldset { border: 0px solid #cccccc; background: #dfecdf; padding: 0; } /* Use HideFieldset/Legend if required for the design */
.BrowseLegend { margin-left: 5px; padding-left: 5px; padding-right: 5px; }
.BrowseLabel { font-weight: bold; padding: 0 0 3px 0; display: block; }
.BrowseCategory { background:#fff; color: #999; }

.oDataSearchFormInputText { display: inline; }
.oDataSearchFormButton { display: inline; }

/* =============================== END CSS Containers =============================== */

/* ============================== START CSS Columns and Panels ============================== */

/* Columns Alpha */
.element-columns-alpha-outer { clear: both; }
.element-columns-alpha-inner { width: 100%; }

.element-column-left-alpha-outer { }
.element-column-left-alpha-inner { width: 100%; }
.element-column-left-alpha-content { }

.element-column-right-alpha-outer { }
.element-column-right-alpha-inner { width: 100%; }
.element-column-right-alpha-content { }

/* Panel Alpha */
.element-panel-alpha-outer { clear: both; }
.element-panel-alpha-inner { width: 100%; overflow: visible; }

.element-panel-alpha-icon-outer { display: none; }
.element-panel-alpha-icon-inner { display: none; }

.element-panel-alpha-header-outer { background: #fff; padding: 3px 5px 3px 5px; color: #558855; }
.element-panel-alpha-header-inner { }

.element-panel-alpha-body-outer {  }
.element-panel-alpha-body-inner {  }

.element-panel-alpha-body-content-outer { border: 0px solid #fff; padding: 5px; }
.element-panel-alpha-body-content-inner { width: 100%; }

div.element-panel-alpha-body-content-inner ul { padding-left: 1em; margin-left: 1em; }
div.element-panel-alpha-body-content-inner li { list-style-type: square; }

/* For further columns / panels; use Beta / Gamma */

/* AZ Menu */
.AZLinkBar { color: #000000; font-size: 1em; padding-top: 10px; padding-bottom: 10px; }

/* =============================== END CSS Columns and Panels =============================== */

/* =============================== START CSS General Presentation =============================== 

/* Links */
a:link { color: #000099; text-decoration: none; }
a:visited { color: #000099; text-decoration: underline; }
a:hover, a:active {	color: #0A51A1; text-decoration: none; text-decoration: underline; }

/* Premium Content and RSS Feed */
#supplementary-outer { height: 20px; clear: both; padding-bottom:3px; background: #fff; color: #000099; }
#supplementary-inner { width: 100%; overflow: hidden; }

.supplementary-alpha { float: left; text-align: left; padding: 2px 0px 2px 20px; width: 40%; color: #000099; background: #fff; }
a.supplementary-alpha-link:link { color: #000099; text-decoration: none; }
a.supplementary-alpha-link:visited { color: #000099; text-decoration: none; }
a.supplementary-alpha-link:hover, a.usability-alpha-link:active { color: #000099; text-decoration: underline; }
.supp-alpha-sep { padding: 0 3px 0 3px; color: #000; }

.text-larger { font-size: 1.25em; }
.text-normal { font-size: 1em; }
.text-smaller { font-size: 0.75em; }

.supplementary-beta { float: right; text-align: right; padding: 2px 20px 2px 0px; width: 40%; color: #000099; background: #fff; }
a.supplementary-beta-link:link { color: #000099; text-decoration: none; }
a.supplementary-beta-link:visited { color: #000099; text-decoration: none; }
a.supplementary-beta-link:hover, a.usability-beta-link:active { color: #000099; text-decoration: underline; }
.supp-beta-sep { padding: 0 3px 0 3px;  color: #000; }

a.NavigationCurrentLink:link, a.NavigationCurrentLink:visited { background: #fff; }
