@media all {

/* ============================== START CSS Containers ============================== */

body { margin: 0; padding: 0; color: #000000; background: #000 url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/bg-page.jpg") repeat-x left top; }
body, table, td, th, select, input, textarea { font-size: 1em; font-family: tahoma, verdana, helvetica, arial, sans-serif; }

/* Skip Links */
.skip { height: 1px; width: 1px; position: absolute; top: -9999px; left: -9999px; line-height: 1px; font-size: 1px; display: block; z-index: -99; overflow: hidden; }

/* Containers */
#page-outer { margin: auto; background: #fff; padding: 10px; }
#page-inner { }
.page-body { width: 100%; }
.PageWidthRelative { width: 90%; }
.PageWidthAbsolute { width: 870px; }
.fontSizeAdjustment { font-size: 100% }

#header-outer { clear: both; background: #fff url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/header-repeat.gif") repeat-x left top; }
#header-inner { width: 100%; overflow: hidden; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/header-right.gif") no-repeat right top; }

#logo-outer { padding: 5px 0 5px 42px; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/header-left.gif") no-repeat left top; }
#logo-inner { overflow: hidden; width: 580px; }

#main-outer { clear: both; }
#main-inner { width: 100%; overflow: hidden; }

#left-outer { float: left; padding: 0; padding-left: 10px; }
#left-inner { overflow: hidden; width: 184px; }

#content-outer { margin-left: 205px; padding: 0 10px 10px 10px; }
#content-inner { width: 100%; overflow: hidden; }

.element-content-outer { }
.element-content-inner { }

.element-footer-options-outer { margin: 15px; }
.element-footer-options-inner { float: left; overflow: hidden; }

/* =============================== END CSS Containers =============================== */

/* =============================== START CSS General Presentation =============================== */

/* Float Generics */
.fl, .float-left { float: left; }
.fr, .float-right { float: right; text-align: right; }

/* Generics */

hr { height: 1px; color: #ccc; background: #ccc; padding: 0; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1px; border: 0; }

strong { font-weight: bold; }
em { font-style: italic; }

form, ul, ol { padding: 0; margin: 0; }
ul p, ol p { margin: 0; }

ul { padding-left: 1.5em; margin-left: 1.5em; }
ul li { list-style-type: square; }

ol { padding-left: 1.75em; margin-left: 1.75em; }
ol li { list-style-type: decimal; }

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

/* All Links */
a:link { color: #000; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:hover, a:active {	color: #000; text-decoration: none; }

/* Content Links Only */
.ContentEditor a:link { }
.ContentEditor a:visited { }
.ContentEditor a:hover, .ContentEditor a:active { }

a.oImageLink:hover, a.oImageLink:active { background: none; }

/* Usability */
#usability-outer { float: right; padding: 0; font-size: 0.9em; margin-top: 24px; }
#usability-inner { width: 170px; overflow: hidden; text-align: left; }
div.usability { }
div.datetime { float: right; width: 29%; text-align: right; }

map.usability { }
.usability ul { display: block; padding: 0; margin: 0; width: 145px; text-align: center; }
.usability ul li { list-style-type: none;  display: inline; }
.usability a:link, .usability a:visited { text-decoration: none; font-size: 11px !important; }
.usability a:hover, .usability a:active { text-decoration: underline; font-size: 11px !important; }
.usability .sep {}

.text-resizer-title { }
.text-larger { }
.text-normal { }
.text-smaller { }
			
/* Main Menu */
#menu-outer { clear: both; background: #fff; }
#menu-inner { width: 100%; overflow: hidden; }
map.main-menu { display: block; }
.main-menu ul { display: block; padding: 0; margin: 0; }
.main-menu ul li { list-style-type: none; display: block; width: 160px; float: left; margin: 4px; }
a.menu-link:link, a.menu-link:visited { color: #fff; font-weight: bold; text-decoration: none; display: block; padding: 9px; }
a.menu-link:hover, a.menu-link:active { color: #fff; font-weight: bold; }

a.menu-alpha:link, a.menu-alpha:visited { padding-left: 40px; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Main-Nav-Home.jpg") no-repeat left top; }
a.menu-alpha:hover, a.menu-alpha:active { background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Main-Nav-Home.jpg") no-repeat left top;}

a.menu-beta:link, a.menu-beta:visited { padding-left: 40px; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Main-Nav-About.jpg") no-repeat left top; }
a.menu-beta:hover, a.menu-beta:active { background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Main-Nav-About.jpg") no-repeat left top;}

a.menu-gamma:link, a.menu-gamma:visited { padding-left: 40px; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Main-Nav-Young.jpg") no-repeat left top; }
a.menu-gamma:hover, a.menu-gamma:active { background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Main-Nav-Young.jpg") no-repeat left top;}

a.menu-delta:link, a.menu-delta:visited { padding-left: 40px; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Main-Nav-Services.jpg") no-repeat left top; }
a.menu-delta:hover, a.menu-delta:active { background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Main-Nav-Services.jpg") no-repeat left top;}

a.menu-epsilon:link, a.menu-epsilon:visited { padding-left: 40px; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Main-Nav-Sign.jpg") no-repeat left top; }
a.menu-epsilon:hover, a.menu-epsilon:active { background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Main-Nav-Sign.jpg") no-repeat left top;}

.menu-outer {}
.menu-inner {}

#browse { padding: 0 0 3px 10px; color: #666; }

#oSideNavigationMap { }

map.oSideNavigationMap { padding: 0; margin: 0; clear: both; }

/* home page side navigation 
included it here rather than just in hp style cuz needs some tweaking for ff and safari */

a.NavigationItemAlpha:link, a.NavigationItemAlpha:visited { margin: 1px 0 0 0; display: block; padding: 5px 9px; color: #fff; font-weight: bold; text-decoration: none; background: #019934 url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Home.gif") no-repeat left top; }
a.NavigationItemAlpha:hover, a.NavigationItemAlpha:active { text-decoration: none; background: #006633 url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Home-ro.gif") no-repeat left top; }

a.NavigationItemBeta:link, a.NavigationItemBeta:visited { margin: 1px 0 0 0; display: block; padding: 5px 9px; color: #fff; font-weight: bold; text-decoration: none; background: #ff00ce url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-About.gif") no-repeat left top; }
a.NavigationItemBeta:hover, a.NavigationItemBeta:active { text-decoration: none; background: #cc0099 url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-About-ro.gif") no-repeat left top; }

a.NavigationItemGamma:link, a.NavigationItemGamma:visited { margin: 1px 0 0 0; display: block; padding: 5px 9px; color: #fff; font-weight: bold; text-decoration: none; background: #ff9900 url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Young.gif") no-repeat left top; }
a.NavigationItemGamma:hover, a.NavigationItemGamma:active { text-decoration: none; background: #cc6600 url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Young-ro.gif") no-repeat left top; }

a.NavigationItemDelta:link, a.NavigationItemDelta:visited { margin: 1px 0 0 0; display: block; padding: 5px 9px; color: #fff; font-weight: bold; text-decoration: none; background: #00ccff url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Service.gif") no-repeat left top; }
a.NavigationItemDelta:hover, a.NavigationItemDelta:active { text-decoration: none; background: #0099cc url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Service-ro.gif") no-repeat left top; }

a.NavigationItemEpsilon:link, a.NavigationItemEpsilon:visited { margin: 1px 0 0 0; display: block; padding: 5px 9px; color: #fff; font-weight: bold; text-decoration: none; background: #6633cc url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Resource.gif") no-repeat left top; }
a.NavigationItemEpsilon:hover, a.NavigationItemEpsilon:active { text-decoration: none; background: #6600cc url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Resource-ro.gif") no-repeat left top; }

a.NavigationItemZeta:link, a.NavigationItemZeta:visited { margin: 1px 0 0 0; display: block; padding: 5px 9px; color: #fff; font-weight: bold; text-decoration: none; background: #cc66cc url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Pilot.gif") no-repeat left top; }
a.NavigationItemZeta:hover, a.NavigationItemZeta:active { text-decoration: none; background: #993399 url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Pilot-ro.gif") no-repeat left top; }

a.NavigationItemEta:link, a.NavigationItemEta:visited { margin: 1px 0 0 0; display: block; padding: 5px 9px; color: #fff; font-weight: bold; text-decoration: none; background: #6566fe url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Media.gif") no-repeat left top; }
a.NavigationItemEta:hover, a.NavigationItemEta:active { text-decoration: none; background: #3333cc url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Media-ro.gif") no-repeat left top; }

a.NavigationItemTheta:link, a.NavigationItemTheta:visited { margin: 1px 0 0 0; display: block; padding: 5px 9px; color: #fff; font-weight: bold; text-decoration: none; background: #009899 url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Sign.gif") no-repeat left top; }
a.NavigationItemTheta:hover, a.NavigationItemTheta:active { text-decoration: none; background: #046768 url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Sign-ro.gif") no-repeat left top; }


/* Hard coded links on left */
.oNavigationList { margin: 0; padding: 0; list-style-type: none; }
.oNavigationListItem { height: 1%; padding: 0; margin: 0; }

#Iota-login { padding-top: 20px; height: 1%; clear: both; display: block; }

a.NavigationItemIota:link, a.NavigationItemIota:visited { height: 14px; clear: both; text-decoration: none; margin: 0 0 10px 0; display: block; padding: 5px 5px 5px 35px; color: #fff; font-weight: bold; background: #fe0000 url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Login.gif") no-repeat left bottom; }
a.NavigationItemIota:hover, a.NavigationItemIota:active { text-decoration: none; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Side-Nav-Login.gif") no-repeat left bottom; }

a.NavigationItemKappa:link, a.NavigationItemKappa:visited { display: block; padding: 6px 25px; color: #000; font-weight: normal; text-decoration: underline; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/icon-newsletter.gif") no-repeat left 6px; }
a.NavigationItemKappa:hover, a.NavigationItemKappa:active {  text-decoration: none; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/icon-newsletter.gif") no-repeat left 6px; }

a.NavigationItemLambda:link, a.NavigationItemLambda:visited { display: block; padding: 6px 25px; color: #000; font-weight: normal; text-decoration: underline; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/icon-rss.gif") no-repeat left 6px; }
a.NavigationItemLambda:hover, a.NavigationItemLambda:active { text-decoration: none; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/icon-rss.gif") no-repeat left 6px; }

a.NavigationItemMu:link, a.NavigationItemMu:visited { display: block; padding: 6px 25px; color: #000; font-weight: normal; text-decoration: underline; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/icon-contact.gif") no-repeat left 6px; }
a.NavigationItemMu:hover, a.NavigationItemMu:active { text-decoration: none; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/icon-contact.gif") no-repeat left 6px; }

img.external-links { margin: 2px 0; }

/* Search Panel */
#search-panel-outer { font-size: 0.94em; padding: 0; }
#search-panel-inner { overflow: hidden; width: 100%; }
#search-form-outer { margin: 0;}
#search-form-inner { overflow: hidden; width: 100%; }
.SearchFieldset { border: 0px solid #cccccc; padding: 0; margin: 0; } /* Use HideFieldset/Legend if required for the design */
.SearchLegend { margin-left: 5px; padding-left: 3px; padding-right: 3px; }
.SearchLabel { font-weight: bold; padding: 0; display: block; }
.SearchKeywords { width: 145px; margin: 0; border: none; height: 17px; padding: 2px 3px 0 3px; font-size: 1.1em; background: #fff url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/search-box.gif") no-repeat left top; }
.SearchButton { width: 19px; margin: 0; font-size: 0.9em; padding: 0; cursor: pointer; float: right; }

.oDataSearchFormLabel { display: inline; }
.oDataSearchFormInputText { display: inline; float: left; width: 145px; }
.oDataSearchFormButton { display: inline; float: right; width: 19px; margin: 0; padding: 0; }

/* Alternate Locale Panel */
.oAlternateSelectorOuter { clear: both; }
.oAlternateSelectorInner { width: 100%; overflow: hidden; margin-bottom: 10px;}

/* Document Navigation - See Separate CSS */

/* Admin Links / Footer Links */ 
#AdminLinksOuter { border: 1px #cccccc solid; background: #eeeeee; padding: 2px 6px 2px 6px; margin-bottom: 10px; }
#AdminLinksInner { width: 100%; overflow: hidden; }
#AdminLinksInner a:link, a.AdminLinks:link, #AdminLinksInner a:visited, a.AdminLinks:visited { text-decoration: none; }
#AdminLinksInner a:hover, a.AdminLinks:hover, #AdminLinksInner a:active, a.AdminLinks:active { text-decoration: underline; }


/* Start Content Classes Here  */
.ClientAreaContainer { width: 100%; }

.CrLf { margin-top: 1em; }

/* =============================== END CSS General Presentation =============================== */

/* ============================== START CSS Columns and Panels ============================== */

/* Columns Alpha */
.element-columns-alpha-outer { clear: both; padding: 4px; }
.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 { }

/* Columns Beta [With Right Hand Formatting in this example] */
.element-columns-beta-outer { clear: both; padding: 4px; }
.element-columns-beta-inner { width: 100%; overflow: hidden; }

.element-column-left-beta-outer { }
.element-column-left-beta-inner { width: 100%; overflow: hidden; }
.element-column-left-beta-content { }

.element-column-right-beta-outer { }
.element-column-right-beta-inner { }
.element-column-right-beta-content { width: 100%; overflow: hidden; }

/* Panel Alpha */
.element-panel-alpha-outer { clear: both; margin-bottom: 10px; background: #cadcd0; }
.element-panel-alpha-inner { width: 100%; overflow: hidden; }

.element-panel-alpha-icon-outer { }
.element-panel-alpha-icon-inner { }

.element-panel-alpha-header-outer { padding: 2px 8px; }
.element-panel-alpha-header-inner { }

.element-panel-alpha-body-outer { }
.element-panel-alpha-body-inner { }

.element-panel-alpha-body-content-outer { border: none; padding: 8px; }
.element-panel-alpha-body-content-inner { width: 100%; overflow: hidden; }

div.element-panel-alpha-body-content-inner ul { padding-left: 1em; margin-left: 1em; list-style-type: square; }
div.element-panel-alpha-body-content-inner li { }

.element-panel-alpha-outer h2 { color: #000; }

/* Panel Beta */
.element-panel-beta-outer { clear: both; margin-bottom: 10px; background: #ccc; }
.element-panel-beta-inner { width: 100%; overflow: hidden; }

.element-panel-beta-icon-outer { }
.element-panel-beta-icon-inner { }

.element-panel-beta-header-outer { padding: 2px 8px; }
.element-panel-beta-header-inner { }

.element-panel-beta-body-outer { }
.element-panel-beta-body-inner { }

.element-panel-beta-body-content-outer { border: none; padding: 8px; }
.element-panel-beta-body-content-inner { width: 100%; overflow: hidden; }

div.element-panel-beta-body-content-inner ul { padding-left: 1em; margin-left: 1em; list-style-type: square; }
div.element-panel-beta-body-content-inner li { }

.element-panel-beta-outer h2 { color: #000; }

/* Panel Gamma  */
/* To get rounded corners and fluid layout in both directions I've had to put background images in the header element,
but they don't want headers generally in this panel. To ensure the header element renders 
they should place a blank space in the panel title box when they edit the page */
.element-panel-gamma-outer { clear: both; margin-bottom: 10px; }
.element-panel-gamma-inner { overflow: hidden; }

.element-panel-gamma-icon-outer { }
.element-panel-gamma-icon-inner { }

.element-panel-gamma-header-outer { height: 6px; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Panel-gam-tl.gif") no-repeat left top; }
.element-panel-gamma-header-inner { height: 6px; margin-left: 6px; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Panel-gam-tr.gif") no-repeat right 0; }

.element-panel-gamma-body-outer { background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Panel-gam-bl.gif") no-repeat left bottom; }
.element-panel-gamma-body-inner { margin-left: 6px; padding: 0 0 25px 0; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Panel-gam-br.gif") no-repeat right bottom; }

.element-panel-gamma-body-content-outer { border: none; padding: 8px; }
.element-panel-gamma-body-content-inner { width: 100%; overflow: hidden; }

div.element-panel-gamma-body-content-inner ul { padding-left: 1em; margin-left: 1em; list-style-type: square; }
div.element-panel-gamma-body-content-inner li { }

.element-panel-gamma-outer h2 { color: #000; }

/* For further columns / panels; use Beta / Gamma */

/* Panel Delta - only used in left hand column */
.element-panel-Delta-outer { clear: both; margin-bottom: 10px; background: #ccc url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Panel-a-tl.gif") no-repeat left top; }
.element-panel-Delta-inner { width: 100%; overflow: hidden; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Panel-a-tr.gif") no-repeat right top; }

.element-panel-Delta-body-outer { background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Panel-a-bl.gif") no-repeat left bottom; }
.element-panel-Delta-body-inner { padding: 5px; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Panel-a-br.gif") no-repeat right bottom; }
.element-panel-Delta-body-inner h2 { color: #000; font-size: 1.2em; font-weight: bold; padding: 0 5px; }

/* Panel Epsilon - only used in left hand column */
.element-panel-Epsilon-outer { clear: both; margin-bottom: 10px; background: #fff url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Panel-b-tl.gif") no-repeat left top; }
.element-panel-Epsilon-inner { width: 100%; overflow: hidden; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Panel-b-tr.gif") no-repeat right top; }

.element-panel-Epsilon-body-outer { background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Panel-b-bl.gif") no-repeat left bottom; }
.element-panel-Epsilon-body-inner { padding: 5px; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Panel-b-br.gif") no-repeat right bottom; }

.element-panel-Epsilon-body-outer ul { background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/icon-phone.gif") no-repeat right 4px; }

/* Panel Theta - used in left hand column */
.element-panel-Theta-outer { clear: both; text-align: center; margin-bottom: 10px; padding: 5px; background: #fff url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/Panel-c-all.gif") no-repeat left top; }

/* AZ Menu */
.AZLinkBar { color: #000000; font-size: 1em; padding-top: 10px; padding-bottom: 10px; }

/* =============================== END CSS Columns and Panels =============================== */

/* =============================== START CSS Modules and Forms =============================== */

/* Asset Browser */
.results-pagination-outer { margin-top: 10px; }
.results-pagination-inner { width: 100%; overflow: hidden; }

.asset-thumbail-list-outer { }
.asset-thumbail-list-inner { width: 100%; overflow: hidden; }

.asset-details-image { float: left; width: 200px; }
.asset-details-information { margin-left: 210px; }
.asset-details { border: 0; padding: 2px; }

.admin_form_container { padding: 10px; padding-top: 5px; width: 60%; clear: both; }
/* PMS Styles - Do Need to remove duplicates!

.AssetManagerAreaMiddle { background: #F7F7F7; padding: 8px; }
.AssetDetailsLeftOuter { width: 148px; float: left; height: auto; min-height: 180px; border: 1px solid #cccccc; background: #ffffff; }
.AssetDetailsLeftInner { padding: 8px; vertical-align: middle; text-align: center; }
.AssetDetailsRightOuter { margin-left: 175px; }
.AssetDetailsRightInner { vertical-align: top; }
*/
.AssetManagerStatusBarOuter { clear: both; }
.AssetManagerStatusBarInner { padding-top: 8px; }
.StatusBarText { float: left; }
.AssetListPanelOuter { margin-left: 168px; }
.AssetListPanelInner { }
.AssetCategoryPanelOuter { float: left;  width: 168px; overflow: scroll; border: 1px solid #cccccc; background: #ffffff; }
.AssetCategoryPanelInner { float: left; width: 100%; }

/* DataForm Classes */
.DataFormLabel { display: block; width: 100%; }
.DataFormQuestion { width: 40%; float: left; display: block; text-align: right; padding: 3px 10px 3px 10px; margin: 2px 2px 2px 2px;  }
.DataFormInputText { width: 45%; float: left; padding: 2px; margin: 2px 2px 2px 2px; border: 1px solid #E5E5E5; background: #ffffff; }
.DataFormInputTextarea { float: left; width: 30%; padding: 2px; margin: 3px; }
.DataFormInputCheckbox { float: left; margin: 1px; padding: 3px; }
.DataFormInputRadio { vertical-align: middle; margin: 3px; padding: 2px; }
.DataFormInputSelect { float: left; margin: 1px; padding: 2px; }
.ModuleSearchButton, .DataFormButton { margin: 0.5em; color: #000000; background: #eeeeee; border: 1px solid #cccccc; }
.DataFormButtonContainer { width: 99%; }
.DataFormInputSelect, .DataFormButton, .DataFormInputText, .DataFormInputTextarea { }
.DataFormAnswer { width: 45%; float: left; padding-top: 4px; }
.DataFormErrorBlank { width: 40%; float: left; display: block; text-align: right; padding: 3px 10px 3px 10px; margin: 2px 2px 2px 2px; }
.DataFormError { width: 45%; float: left; padding: 2px; margin: 2px 2px 2px 2px; color:Red; border: 0px solid #E5E5E5; font-style:italic; }
.DataFormElementLabel { padding-top: 4px; display: block; width: 50%; }

.DataFormOption { clear: both; }
div.DataFormOption { width: 100%; } 

.DataFormOption label { display: block; float: left; width: 40%; text-align: right; padding: 4px; padding-right: 8px; }
.DataFormOption .spanner { display: block; padding: 2px; padding-top: 4px; }

.DataFormWrapper { } /* Previously set background, but that broke stuff. Now does nothing */

.form-container-outer { }
.form-container-inner { padding: 5px; }


/* Attached Assets */
.oAssetAttachmentOuter { background: #FAFAFA; color: #000; padding: 5px; border: solid 1px #EFEFEF; margin-bottom: 10px; }
.oAssetAttachmentInner {}

.AttachedAssetElement_AssetPreviewArea { width: 50px; float: left; }
.AttachedAssetElement_AssetDetailsArea { margin-left: 70px; }
div.InlineAsset { }
div.InlineAsset div {
    border:1px solid #EFEFEF;
    padding: 3px !important;
    background-color:#FAFAFA;
    font-size: 94%;
    text-align: center;
}

div.InlineAsset div a img {
    border:1px solid #cccccc;
}

.Asset_Left 
{
	float: left;
    padding-right:10px;
    padding-bottom:5px;
}

.Asset_Center 
{
	text-align: center;
    padding-bottom: 5px;
    margin: auto;
}

.Asset_Center div { margin: auto; }

.Asset_Right
{
    float: right;
    padding-left: 10px;
    padding-bottom:5px;
}

.Edit_PageProperties_Table
{
	border-collapse:collapse;
	border:solid 0px white;
	border-spacing:0px;
	empty-cells:show;
}

.Edit_PageProperties_Title
{
	padding:5px;
	text-align:center;
	background:#404050;
	color:White;
	font-weight:bold;
}

.Edit_PageProperties_SubSection
{
	padding:2px;
	text-align:center;
	background:#F0F0E0;
	color:Black;
}

.Edit_PageProperties_Label
{
	text-align:left;
	vertical-align: top;
	padding-left:7px;
	padding-right:15px;
	background:#FBFBF7;
}

.Edit_PageProperties_Property
{
	vertical-align: top;
	padding:3px;
	padding-left:7px;
	padding-right:7px;
}

.Edit_Title { border: solid 1px #cccccc; display: block; padding: 4px; background: #F7F7F7; width:80%; }

/* Brand New Classes Nov 2006 MG */
.oRSSFeedContainer {}
.oRSSFeedBoxFull { margin: auto; margin-bottom: 10px; float: none; }
.oRSSFeedBoxCentre { margin: auto; margin-bottom: 10px; float: none; }
.oRSSFeedBoxLeft { float: left; margin-right: 10px; margin-bottom: 10px; }
.oRSSFeedBoxRight { float: right; margin-left: 10px; margin-bottom: 10px; }

.oRSSFeedContainerOuter, .oBoxContainerOuter  { clear: both; }
.oRSSFeedContainerInner { width: 100%; overflow: hidden; }

.oRSSFeedHeaderOuter, .oBoxHeaderOuter { color: #ffffff; background: #019934 url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/news-tl.gif") no-repeat top left; }
.oRSSFeedHeaderInner, .oBoxHeaderInner { margin-left: 10px; padding: 6px; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/news-tr.gif") no-repeat top right; }

.oRSSFeedBodyOuter, .oBoxBodyOuter { background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/news-bl.gif") no-repeat bottom left; }
.oRSSFeedBodyInner, .oBoxBodyInner { margin-left: 10px; padding: 6px; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/news-br.gif") no-repeat bottom right; }

ul.oModuleHeadlineList { padding: 0; margin: 0; }
ul.oModuleHeadlineList li { list-style-type: none; margin: 0; padding: 0; padding-left: 1.4em; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/rss-bullet.gif") no-repeat left 6px;  }

ul.oHeadlineBoxList { padding: 0; margin: 0; color: #000000; }
li.oHeadlineBoxItem { list-style-type: none; margin: 0; padding: 0; padding-left: 1.4em; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/rss-bullet.gif") no-repeat left 6px; }
span.oHeadlineBoxItem { margin: 0; padding: 0; }
span.oHeadlineBoxItemSecure 
{
	display: block; 
	padding-left: 20px; 
	background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/premium-icon.gif") no-repeat top left; 
}

.oBoxContainer {}
.oBoxFull { margin: auto; margin-bottom: 10px; float: none; }
.oBoxCentre { margin: auto; margin-bottom: 10px; float: none; }
.oBoxLeft { float: left; margin-right: 10px; margin-bottom: 10px; }
.oBoxRight { float: right; margin-left: 10px; margin-bottom: 10px; }

ul.oBoxList { padding: 0; margin: 0; margin-left: 0; padding-left: 0; color: #000000; }
li.oBoxItem { list-style-type: none; margin: 0; padding: 0; padding-left: 1.4em; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/rss-bullet.gif") no-repeat left 6px; }
span.oBoxItem { margin: 0; padding: 0; }

/* Tables - Old Code to be removed at some point from main HTML */
.DataGrid tr.Active { background-color: #FCD7E2; }
.DataGrid td.DataBox { text-align: center; }
.DataGrid thead { background: #C9D6E0; }

/* Pagination */
.oPaginationIcon { font-size: 1em; line-height: 1em; font-weight: bold; }
.oPaginationSep { padding: 0 6px 0 6px; font-weight: normal; }

.DataGridPagination { color: #cccccc; }
.DataGridPagination a:link, .DataGridPagination a:visited { }
.DataGridPagination a:hover, .DataGridPagination a:active  { }

/*New Tables */
table.oDataGrid { width: 100%; border: 0; border-collapse: separate; font-size: 1em; empty-cells: show; margin-top: 1em; }
table.oDataGrid tr { text-align: left; }

tr.table-row-background-alpha { background: #eeeeee; }
tr.table-row-background-beta { background: #F7F7F7; }

th.oDataGridHeader { border: 0; border-bottom: 1px solid #019934; padding: 2px 8px 2px 8px; color: #ffffff; background: #019934; font-weight: bold; text-align: left; }
th.oDataGridHeader a:link, th.oDataGridHeader a:visited { color: #ffffff; text-decoration: none; }
th.oDataGridHeader a:hover, th.oDataGridHeader a:active { color: #ffffff; text-decoration: underline; background: transparent; }

td.oDataGridCell { padding: 2px 8px 2px 8px; color: #4B414B; border: 1px solid #CECFCE; }
td.oDataGridCell a:link, td.oDataGridCell a:visited { color: #0066cc; text-decoration: underline; } 
td.oDataGridCell a:hover, td.oDataGridCell a:active { color: #4A5C68; text-decoration: underline; background: transparent; } 

span.oDataGridContent { color: #000; }
a.oDataGridHeaderLink { color: #ffffff; background: transparent; }
a.oDataGridHeaderLink:link, a.oDataGridHeaderLink:visited { color: #4A5C68; background: 0; }
a.oDataGridHeaderLink:hover, .oDataGridHeaderLink:active { color: #4A5C68; background: transparent; }

span.oDataGridContentFeatured { font-weight: normal !important; font-size: 2em; display: block; }

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

/* Forms */
.window { padding: 0; margin: 0; }
.oDataForm { }
.oDataFormContainer { width: 100%; overflow: hidden; clear: both; }

.oDataFormFieldset { border: 1px #cccccc solid; margin: 0; margin-top: 1em; padding: 0px; }
.oDataFormLegend { padding-left: 10px; padding-right: 10px; color: #019934; }

.window .oDataFormElementContainer { padding: 0; margin: 0; }
fieldset.oDataFormFieldset .oDataFormElementContainer, fieldset.oDataFormFieldset .oDataElementContainer { padding: 6px 10px 10px 10px; }
.oDataFormElement { width: 100%; overflow: hidden; clear: both; margin-bottom: 2px; }

.oDataFormComment { margin: 0.5em 0 0.5em 0; }

.oDataFormQuestion { text-align: right; width: 35%; float: left; display: block; }
.oDataFormQuestionNewLine { width: 100%; float: none; text-align: left; display: block; margin-bottom: 2px; }
.oDataFormLabel { display: block; margin-right: 3px; padding: 3px 10px 3px 10px; background: #eeeeee; }
.oDataFormLabelNewLine { }

.oDataFormAnswer { text-align: left; display: block; width: 64%; float: left; }
.oDataFormAnswerNewLine { text-align: left; display: block; width: 100%; float: none; padding-bottom: 5px; }
.oDataFormAnswerText { text-align: left; float: left; display: block; width: 60%; padding-top: 2px; }
.oDataFormAnswerTextNewLine { float: none; width: 100%; padding-bottom: 5px; }
.oDataFormAnswerTextStyle { }
.oDataFormInputSuffix { padding-left: 10px; }
.oDataFormInputNote { padding-left: 4px; }

.oDataFormInputText { margin: 0px; width: 90%; border: 1px solid #cccccc; }
.oDataFormInputTextarea { margin: 0px; width: 90%; border: 1px solid #cccccc; }
.oDataFormDatePicker { width: 100px; }
table.DataFormInputCheckbox { padding: 0; margin: 0;  border-collapse: collapse; } 
table.DataFormInputCheckbox td { padding: 0; margin: 0; }
table.DataFormInputCheckbox tr { padding: 0; margin: 0; }
table.DataFormInputCheckbox input { padding: 0; margin: 0; }

table.oDataFormInput { padding: 0; margin: 0;  border-collapse: collapse; }
table.oDataFormInput td { padding: 0; margin: 0; }
table.oDataFormInput tr { padding: 0; margin: 0; }
table.oDataFormInput input { padding: 0; margin: 0; }

.oDataFormInputTextShort { width: 100px; }
.oDataFormInputTextMedium { width: 60%; }
.oDataFormInputTextFull { width: 90%; }

.oDataFormInputShort { width: 20%; }
.oDataFormInputMedium { width: 60%; }
.oDataFormInputLong { width: 90%; }

.oDataFormButtonContainer { padding-top: 10px; padding-bottom: 10px; display: block; clear: both; }
.oDataFormButton { color: #666666; background: #eeeeee url("/EasySiteWeb/EasySite/StyleData/MHF_Right_Here_General/Images/button_bg.gif") repeat-x left top; border: 1px solid #cccccc; margin-right: 10px; padding: 0 12px 0 12px; font-weight: normal; cursor: pointer; line-height: 1.6em; font-size: 0.94em; }
.oDataFormError { color: #ff0000; }

.DataFormMarker { color: #ff00ce; font-weight: bold; font-size: 1.2em; line-height: 1em; }

/* Multimap */
/* contains the entire map Image*/
.MultimapContainer { position: relative; }

/* the actual map itself */
.MultimapMap { }

/* Contains an instance of a pin*/
.MultimapPinContainer { 
	/* left and top are set programatically */
	position: absolute;
}

/* the pin image */
.MultimapPinImage { position: absolute;	background: url("/EasySiteWeb/EasySite/SupportFiles/images/icons/multimap_pointer.gif") no-repeat; left: -13px; top: -23px; cursor: pointer; }

/* the div span that holds the link button that gets toggled by MouseOver/MouseOut */
.MultimapPinUrlContainer { background-color: #eeeeee; position: absolute; text-align: left; white-space: nowrap;  }

/* the actual link button */
.MultimapPinUrl { }

/* Polling */
.oPollingChartBar { background: #eeeeee; display: block; overflow: hidden; border: 1px solid #000000; }

/* Ratings */
.oRatingsContainer { }
.oRatingsFieldset { }
.oRatingsLegend { }

/* Discussion Forums */
.oForumInputText { width: 90%; }
.oForumMainTopicPanel { background: #fafafa; border: 1px solid #A5B7BF; margin: 1em 0 1em 0; }
.oForumMainTopicTitleContainer { background: #F2F4FF; padding: 5px 0 0 7px; }
.oForumTopicTitle { font-weight: normal; font-size: 1.2em; }
.oForumMainTopicBody { padding: 10px; border-top: 1px solid #A5B7BF; }
.oForumAttachmentQuestion { font-weight: bold; }
.oForumAttachmentListContainer { padding: 10px 0 0 0; }
.oForumFieldset { }
.oForumLegend { }
.oForumTitleResponse {  }
.oForums .item-options {}
.oForums .item-options ul { display: inline; list-style-type: none; }
.oForums .item-options li { display: inline; list-style-type: none; }


/* Mailing List */
.oMailingListFieldset { }
.oMailingListLegend { }

/* Event Calendar */
.oEventCalendarSearchFieldset { }
.oEventCalendarSearchLegend { }
.oEventCalendarSearchButtonContainer { margin: 0; }
.oEventCalendarSummaryDate { text-align: right; width: 25%; }

/* Tell A Friend */
.oTellAFriendFieldset { }
.oTellAFriendLegend { }

/* Login Panel */
.oLoginPanel {  }
.oLoginPanelSubtext { }
.oLoginPanelSubtext a:link, .oLoginPanelSubtext a:visited, .oLoginPanelSubtext a:hover, .oLoginPanelSubtext a:active { display: block;  }

/* Login Element Panel */
.oLoginPanel { border: solid 1px #E5E5E5; background: #F2F2F2; padding: 3px; margin: auto; }
.oLoginTitle { text-align: left; background: #eee; padding: 10px; color: #666666; font-weight: bold; }
.oLoginContent { background: #eee; padding: 10px; }
.oLoginError { color: #ff0000; margin: 1em; } 
.oLoginButtonContainer { text-align:right;}
.oLoginPanelSubtext { padding-top: 4px; }

/* Petitions */
.oPetitionsPreview { border: 1px solid #cccccc; margin: 1em 0 1em 0; padding: 8px; }

/* start old DF */
.Message { }
.MessageAlt { }
.MessageTitle { font-weight:bold; }
.MessageSubmittor { }
.DiscussionDateHeader{}
/* end old  DF */

/* Asset Browser Thumbnail View */
.asset-thumbnail-list-outer { clear: both; }
.asset-thumbnail-list-inner { width: 100%; overflow: hidden; }
.asset-thumbnail-panel { width: 24%; float: left; color: #cccccc; margin-bottom: 10px; }
.asset-thumbnail-panel-inner { border: 1px solid #cccccc; background: #fdfafd; margin-right: 10px; padding: 5px; text-align: center; }
.asset-thumbnail-panel-inner:hover, .asset-thumbnail-panel-inner:active { border: 1px solid #996699; background: #fdfafd; } /* Set width here for thumbs */
.oAssetThumbnailOuter { }
.oAssetThumbnailInner { }
.oAssetThumbnailImage { height: 80px; width: 100%; overflow: hidden; }
.oAssetThumbnailCaption { padding-top: 5px; display: block; height: 2.4em; min-height: 2.4em !important; overflow: hidden; }
.oAssetBrowserLinks { display: block; padding-top: 5px; position: relative; }
a.oAssetBrowserLink:link, a.oAssetBrowserLink:visited { }
a.oAssetBrowserLink:hover, a.oAssetBrowserLink:active { }

/* Pagination */
.oPaginationIcon { }
.oPaginationSep { }

/* Navigation Tabs Element */
.el-tab-navigation-outer { clear: both; }
.el-tab-navigation-inner { width: 100%; }
ul.oTabNavigation { display: inline; list-style-type: none; }
li.oTabNavigation, li.oTabNavigationSelected { display: block; float: left; margin-right: 10px; }
li.oTabNavigationSelected {}
a.oTabNavigation:link, a.oTabNavigation:visited { display: block; border: 1px solid #663399; text-decoration: none; }
a.oTabNavigation:hover, a.oTabNavigation:active { display: block; border: 1px solid #cccccc; text-decoration: none; }
a.oTabNavigationSelected:link, a.oTabNavigationSelected:visited { text-decoration: none; background: #eeeeee; }
a.oTabNavigationSelected:hover, a.oTabNavigationSelected:active { text-decoration: none; }
span.oTabNavigationItemOuter, span.oTabNavigationItemOuterSelected { display: block; }
span.oTabNavigationItemInner, span.oTabNavigationItemInnerSelected { display: block; padding: 3px 10px 3px 10px; }

/* Extended Search */

h2.object-title { margin: 0; padding: 0; }
 
.search-results-outer { clear: both; }
.search-results-inner { width: 100%; overflow: hidden; }
.search-results-outer ul { list-style-type: none; padding: 0; margin: 0; }
.search-results-outer li { list-style-type: none; padding: 0; margin-bottom: 1em; }
h3.item-title { margin: 0; padding: 0; font-size: 1.1em; }
h3.item-title a:link, h3.item-title a:visited {}
h3.item-title a:hover, h3.item-title a:active {}
.search-results-outer li.item span { display: block; }
.search-results-outer .item-url { color: #999; font-size: 0.95em; }
.search-results-outer .item-date { color: #999; font-size: 0.95em; }
.object-footer-outer { clear: both; }
.object-footer-inner { width: 100%; overflow: hidden; }
.match-count { float: left; width: 45%; }
.match-count p {}
.more-items { float: right; width: 45%; text-align: right; }
.more-items p {}
a.more-items-link:link, a.more-items-link:visited {}

/* Personal Portal Links */
div.oPersonalPortalButtonContainer { border: 1px solid navy; background-color: #ddd; }
span.oPersonalPortalLinkTitle { display: block; font-weight: bold; }
span.oPersonalPortalLink { display: block; color: Blue; } 

}

@media print {
/* print friendly */
#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; }

.PageWidthRelative, .PageWidthAbsolute { width: 98%;}

}