﻿
#main-outer { clear: both; width: 100%; }
#right-outer { float: right; width: 125px; text-align: right; }
#right-inner { width: 100%; overflow: hidden; text-align: right; }

.template-outer { float: left; width: 850px; }
.template-inner { width: 100%; overflow: hidden; }

.quick-finder-outer { float: left; width: 180px; }
.quick-finder-inner { width: 170px; overflow: hidden; }

.masthead-right-outer { float: left; width: 661px; text-align: left; }
.masthead-right-inner { width: 100%; overflow: hidden; }

#content-outer { float: left; width: 850px; }
#content-inner { width: 838px; overflow: hidden; }

#content-live-outer { float: left; width: 850px; }
#content-live-inner { width: 838px; overflow: hidden; }

#content-edit-outer { float: left; width: 850px; }
#content-edit-inner { width: 838px; overflow: hidden; }


/* Columns Alpha */
.element-columns-alpha-outer { clear: none; float: left; width: 658px !important; }
.element-columns-alpha-inner { width: 100%; overflow: hidden; }

.element-column-left-alpha-outer { }
.element-column-left-alpha-inner { width: 100%; overflow: hidden; }
.element-column-left-alpha-content { }

.element-column-right-alpha-outer { }
.element-column-right-alpha-inner { width: 100%; overflow: hidden; }
.element-column-right-alpha-content { }

/* Panel Alpha */
.element-panel-alpha-outer { clear: both; margin-bottom: 10px; border-bottom: 1px solid #84bece; padding-bottom: 10px; margin-bottom: 10px; }
.element-panel-alpha-inner { width: 100%; overflow: hidden; }

.element-panel-alpha-header-outer { background: 0; padding: 0; color: #000; text-align: left; }
.element-panel-alpha-header-inner { }

.element-panel-alpha-body-outer { }
.element-panel-alpha-body-inner { }

.element-panel-alpha-body-content-outer { background: 0; padding: 0; }
.element-panel-alpha-body-content-inner { width: 100%; overflow: hidden; }

div.element-panel-alpha-body-content-inner ul { padding-left: .75em; margin-left: .75em; list-style-type: disc; }
div.element-panel-alpha-body-content-inner li { color: #174d7e; padding-top: 3px; padding-bottom: 3px; }

/* Panel Beta */
.element-panel-beta-outer { clear: both; margin-bottom: 10px; float: left; width: 180px !important; }
.element-panel-beta-inner { width: 170px !important; overflow: hidden; background: #f1f1f1; }

.element-panel-beta-icon-outer { }
.element-panel-beta-icon-inner { }

.element-panel-beta-header-outer { background: #808080; color: #fff; padding: 3px; text-align: left; border-bottom: #fff solid 1px; font-size: 1em; font-weight: bold; padding-left: 10px; }
.element-panel-beta-header-inner { }

h2.element-panel-beta-header { color: #fff; text-transform: uppercase; font-size: 1em; font-weight: bold; margin: 0; padding: 3px; padding-bottom: 0; }
h2.element-panel-beta-header a:link, h2.element-panel-beta-header a:visited { color: #ffffff; text-decoration: none; background: transparent; }
h2.element-panel-beta-header a:hover, h2.element-panel-beta-header a:active { color: #ffffff; text-decoration: underline; background: transparent; }

.element-panel-beta-body-outer { background: #f1f1f1; padding-bottom: 100px; border-top: 2px solid #177e17; }
.element-panel-beta-body-inner { width: 100%; overflow: hidden; }

.element-panel-beta-body-content-outer { font-weight: bold; color: #808080; background: none; }
.element-panel-beta-body-content-inner { width: 100%; overflow: hidden; }

.element-panel-beta-body-content-inner ul { list-style-type: none; padding: 0 !important; margin: 0 !important; }
.element-panel-beta-body-content-inner li { list-style-type: none; padding: 10px; margin: 0; border-bottom: 2px #fff solid !important; text-transform: uppercase; }

div.element-panel-beta-body-content-inner li a.oLinkInternal:link, div.element-panel-beta-body-content-inner li a.oLinkInternal:visited { color: #808080; text-decoration: none; }
div.element-panel-beta-body-content-inner li a.oLinkInternal:hover, div.element-panel-beta-body-content-inner li a.oLinkInternal:active { color: #808080; text-decoration: underline; }

h2.element-panel-alpha-header { font-weight: bold; color: #177e17; display: block; margin: 3px 0 9px 0; padding: 0; line-height: 1em; font-size: 1.5em; }
h2.element-panel-alpha-header a:link, h2.element-panel-alpha-header a:visited { color: #177e17; text-decoration: none; background: transparent; }
h2.element-panel-alpha-header a:hover, h2.element-panel-alpha-header a:active { color: #177e17; text-decoration: underline; background: transparent; }

#header-outer { background: #177b17; }
a.oImageLink:link, a.oImageLink:visited { color: #fff; text-decoration: none; }
a.oImageLink:hover, a.oImageLink:active { color: #fff; text-decoration: underline; }
.qf-header-outer { }

/* Attached Asset */
.oAssetAttachmentOuter { background: 0; }
.oAssetAttachmentDetailOuter { background: 0; }
.oAssetAttachmentDetailInner { background: 0; }

.top-banner { width: 468px; height: 60px; display: block; background: #f7f7f7; }
.side-banner { width: 125px; height: 125px; display: block; background: #f7f7f7; }

#logo-outer { float: left; width: 300px; height: 80px; }
#logo-inner { width: auto; overflow: hidden; padding: 20px; font-size: 1.6em; font-weight: bold; }

img { display: none !important; }

.banner468 { height: 60px; width: 468px; border: 0; display: block; }

a.lg-banner:link, a.lg-banner:visited { display: block; text-decoration: none; cursor: hand; }
a.lg-banner:hover, a.lg-banner:active { display: block; }

.lg-banner-img { visibility: hidden; }

/* Usability */
#usability-outer { margin-left: 320px; text-align: right; padding-top: 10px; }
#usability-inner { width: 100%; overflow: hidden; color: #fff;}
map.usability { display: block; }
.usability ul { display: inline; padding: 0; margin: 0; }
.usability ul li { list-style-type: none;  display: inline; }
.usability a:link, .usability a:visited { color: #fff; }
.usability a:hover, .usability a:active { color: #fff; }
.usability .sep { color: #fff; visibility: hidden; padding-left: 5px; }

div.text-resizer { float: left; width: 30%; }
map.text-resizer { padding: 2px 8px 0 8px; display: block; }
.text-resizer-title { display: block; float: left; padding: 2px 4px 0 10px; font-weight: bold; }
.text-resizer ul { display: inline; padding: 0; margin: 0; }
.text-resizer ul li { list-style-type: none;  display: inline; padding-right: 3px;  }
.text-resizer a:link, .text-resizer a:visited { color: #fff; text-decoration: none; }
.text-resizer a:hover, .text-resizer a:active { color: #fff; text-decoration: underline; }
.text-resizer sep {}

.text-larger { }
.text-normal { }
.text-smaller { }
.datetime { float: right; padding: 2px 10px 0 0; }
