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

/* Containers */
#page-outer { margin: auto; text-align: left; }
#page-inner { border: 1px solid #CCCCCC; }
.PageWidthRelative { width: 90%; }
.PageWidthAbsolute { width: 838px; }
.fontSizeAdjustment { font-size: 1em; }

#header-outer { width: 100%; clear: both; }
#header-inner { width: 100%; background: #D31245; overflow: hidden; }

#logo-outer { float: right; width: 50%; }
#logo-inner { text-align: right; float: right; width: 100%; }

#main-outer { clear: both; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Master/Images/main_bg.gif") repeat-y left; }
#main-inner { width: 100%; overflow: hidden; }

#left-outer { float: left; width: 200px; }
#left-inner { width: 100%; overflow: hidden; }

#content-outer { margin-left: 201px; padding: 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; }

.montage { width: 300px; }
.block { display: block; }

/* =============================== 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 { }

/* Panels */
.element-panel-alpha-outer { margin: 0px 0px 10px 0px; clear: both; background: #C8E0F0; }
.element-panel-alpha-inner { overflow: hidden; width: 100%; }

.element-panel-alpha-icon-outer { position: absolute; }
.element-panel-alpha-icon-inner { }

.element-panel-alpha-header-outer { }
h2.element-panel-alpha-header-inner { }
.element-panel-alpha-header-inner a:link, .element-panel-alpha-header-inner a:visited { }
.element-panel-alpha-header-inner a:hover, .element-panel-alpha-header-inner a:active { }

div.element-panel-alpha-body-content-outer { background: #C8E0F0; padding: 10px; }
div.element-panel-alpha-body-content-inner { overflow: hidden; width: 100%; }

div.element-panel-alpha-body-content-inner ul { margin: 0; padding: 0; padding-left: 0.75em; margin-left: 0.75em; }
div.element-panel-alpha-body-content-inner li { padding: 1px 0 1px 0; }

/* Panel Beta */
.element-panel-beta-outer { margin: 0px 0px 10px 0px; clear: both; background: #f7f7f7; }
.element-panel-beta-inner { border: solid 1px #8DBCDD; }

.element-panel-beta-icon-outer { position: absolute; }
.element-panel-beta-icon-inner { }

.element-panel-beta-header-outer { background: #8DBCDD; color: #ffffff; font-weight: bold; text-align: center; padding: 4px; }
.element-panel-beta-header-inner { overflow: hidden; width: 100%; }

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

div.element-panel-beta-body-content-inner ul { margin: 0; padding: 0; padding-left: 0.75em; margin-left: 0.75em; }
div.element-panel-beta-body-content-inner li { padding: 1px 0 1px 0; }

/* panel gamma */
.element-panel-gamma-outer { margin: 0 0 10px 0; clear: both; background: #E1E1E1; }
.element-panel-gamma-inner { overflow: hidden; width: 100%; }

.element-panel-gamma-icon-outer { position: absolute; }
.element-panel-gamma-icon-inner { }

.element-panel-gamma-header-outer { }
.element-panel-gamma-header-inner { }
.element-panel-gamma-header-inner a:link, .element-panel-gamma-header-inner a:visited { }
.element-panel-gamma-header-inner a:hover, .element-panel-gamma-header-inner a:active { }

.element-panel-gamma-body-content-outer { padding: 10px; background: #E1E1E1;}
.element-panel-gamma-body-content-inner { overflow: hidden; width: 100%; }
.element-panel-gamma-body-content-inner img {  }

div.element-panel-gamma-body-content-inner ul { margin: 0; padding: 0; padding-left: 0.75em; margin-left: 0.75em; }
div.element-panel-gamma-body-content-inner li { padding: 1px 0 1px 0; }

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

/* 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 =============================== */

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

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

form, ul, ol, p { margin-top: 0; margin-bottom: 0; }
table, td, th, select, input, textarea { font-size: 1em; font-family: verdana, sans-serif;  empty-cells: show; }
select, input, textarea { }

fieldset { }
legend { }
.HideLegend, .HideFieldset { border: 0; padding: 0; margin: 0; }
.HideLegend { display: none; }

hr { color: #4197D3; height: 1px; background: #4197D3; border: 0; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0; clear: both; display: block; }

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

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

/* Links */
a:link { color: #4197D3; text-decoration: underline; }
a:visited { color: #662266; text-decoration: underline; }
a:hover, a:active {	color: #CC0066; text-decoration: none; }

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

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

/* Usability */
#usability-outer { clear: both; padding-top: 4px; padding-left: 8px; }
#usability-inner { width: 100%; overflow: hidden; }

.usability-alpha { padding: 1px 15px 2px 15px; }
a.usability-alpha-link:link { padding: 0 3px 0 3px; text-decoration: underline; }
a.usability-alpha-link:visited { text-decoration: underline; }
a.usability-alpha-link:active, a.usability-alpha-link:hover { text-decoration: underline; }
.ubl-alpha-sep { padding: 0 5px 0 5px; }

.usability-beta { padding: 1px 15px 2px 15px; }
a.usability-beta-link:link { padding: 0 3px 0 3px; text-decoration: underline; }
a.usability-beta-link:visited { text-decoration: underline; }
a.usability-beta-link:active, a.usability-beta-link:hover { text-decoration: underline; }
.ubl-beta-sep { padding: 0 2px 0 2px; }

.usability-alpha { color: #666666; }
a.usability-alpha-link:link { color: #0066cc; }
a.usability-alpha-link:visited { color: #003399; }
a.usability-alpha-link:active, a.usability-alpha-link:hover { color: #CC0066; }
.ubl-alpha-sep { color: #D0D4DC; }

.usability-beta { color: #666666; }
a.usability-beta-link:link { color: #0066cc; }
a.usability-beta-link:visited { color: #666666; }
a.usability-beta-link:active, a.usability-beta-link:hover { color: #CC0066; }
.ubl-beta-sep { color: #666666; }

/* Main Menu */
#menu-outer { clear: both; text-align: center; background: #8C8C8C; color: #ffffff; padding: 4px 10px 1px 10px; }
#menu-inner { width: 100%; overflow: hidden; }

/* Main Menu */
a.menu-link:link, a.menu-link:visited { }
a.menu-link:hover, a.menu-link:active { }
.menu-sep { color: #8C8C8C; }

.menu-alpha { padding-right: 30px; }
.menu-beta { padding-left: 30px; padding-right: 30px;}
.menu-gamma { padding-left: 30px; padding-right: 30px; }
.menu-delta { padding-left: 30px; padding-right: 30px; }
.menu-epsilon { padding-left: 30px; padding-right: 30px;}
.menu-zeta { padding-left: 30px; }

/* Search Panel */
#search-panel-outer { margin: 8px; }
#search-panel-inner { overflow: hidden; width: 100%; }
#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 { font-weight: normal; padding: 0 0 3px 0; display: block; color: #D31245; }
.SearchKeywords { float: left; width: 140px; border: 1px solid #8C8C8C; padding: 3px 3px 2px 3px; }
.SearchButton { float: right; padding: 0; margin: 0; }
.SearchFormTitle { font-weight: bold; }

/* Left Hand Panels */
.links-panel-outer { clear: both; padding: 10px 14px 10px 14px; }
.links-panel-inner { width: 100%; overflow: hidden; }

.links-panel-link:link, .links-panel-link:visited { color: #4197D3; }
.links-panel-link:hover, .links-panel-link:active { color: #D31245; }


.snv-newsletters { padding: 4px 8px 4px 8px; border-left: 1px solid #8C8C8C; border-right: 1px solid #8C8C8C; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Master/Images/snv_newsletter.gif") no-repeat top right; }
.snv-newsfeeds { padding: 4px 8px 4px 8px; border-left: 1px solid #8C8C8C; border-right: 1px solid #8C8C8C; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Master/Images/snv_newsfeeds.gif") no-repeat top right; }
.snv-newsarchive { padding: 4px 8px 4px 8px; border-left: 1px solid #8C8C8C; border-right: 1px solid #8C8C8C; background: url("/EasySiteWeb/EasySite/StyleData/MHF_Master/Images/snv_newsarchive.gif") no-repeat top right; }

.snv-conf-centre { padding-top: 15px; }

/* 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: 0.5em 0 0.5em 0; font-size: 0.92em;  }
#AdminLinksInner { width: 100%; overflow: hidden; }
#AdminLinksInner a:link, #AdminLinksInner a:visited, a.AdminLinks:link, a.AdminLinks:visited { color: #0066cc; font-weight: normal; }
#AdminLinksInner a:hover, #AdminLinksInner a:active, a.AdminLinks:hover, a.AdminLinks:active { color: #0351f0; }

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

.CrLf { margin-top: 1em; }

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

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

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

.asset-thumbail-list-outer { }
.asset-thumbail-list-inner { float: left; 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; }

/* New Form CSS by MG - May 06 */
.DataFormContainer {}
.DataFormFieldset {}
.DataFormLegend {}
.DataElementContainer { padding: 9px; }

.PageAttachment {
	background: #FAFAFA;
	color: black;
	padding: 5px;
	border: solid 1px #EFEFEF;
	margin-bottom: 10px;
	height: 100%;
}

.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;
    overflow: hidden;
}

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 { position: relative; border: solid 1px #8DBCDD; background: #f7f7f7; font-size: 0.95em; }
.oRSSFeedContainerInner { width: 100%; overflow: hidden; }

.oRSSFeedHeaderOuter, .oBoxHeaderOuter { background: #8DBCDD; color: #ffffff; font-weight: bold; text-align: center; padding: 4px; }
.oRSSFeedHeaderInner, .oBoxHeaderInner { width: 100%; overflow: hidden; }

.oRSSFeedBodyOuter, .oBoxBodyOuter { padding: 4px; }
.oRSSFeedBodyInner, .oBoxBodyInner { width: 100%; overflow: hidden; }

ul.oHeadlineBoxList { padding: 0; margin: 0; margin-left: 1em; padding-left: 1em; color: #000000; }
li.oHeadlineBoxItem { list-style-type: square; margin: 0; padding: 0; }
span.oHeadlineBoxItem { margin: 0; padding: 0; }
span.oHeadlineBoxItemSecure 
{
	display: block; 
	padding-left: 20px; 
	background: url("/EasySiteWeb/EasySite/StyleData/CPOAgenda_General/Images/premium-icon.gif") no-repeat top left; 
}
.headline-column-beta { display: none; }
.oBoxContainer {}
.oBoxFull { margin: auto; margin-bottom: 10px; float: none; clear: both; }
.oBoxCentre { margin: auto; margin-bottom: 10px; float: none; clear: both; }
.oBoxLeft { float: left; margin-right: 10px; margin-bottom: 10px; clear: none; }
.oBoxRight { float: right; margin-left: 10px; margin-bottom: 10px; clear: none; }

.oBoxContainerInner { width: 100%; overflow: hidden; }

ul.oBoxList { padding: 0; margin: 0; margin-left: 1em; padding-left: 1em; color: #000000; }
li.oBoxItem { list-style-type: square; margin: 0; padding: 0; }
span.oBoxItem { margin: 0; padding: 0; }

ul.oModuleHeadlineList, ul.HeadlineBox  { margin: 0; padding: 0; padding-left: 10px; margin-left: 10px; padding-top: 3px; padding-bottom: 3px;  }
ul.oModuleHeadlineList li, li.HeadlineBox { margin: 0; padding: 0; list-style-type: square; color: #666666; }
a.oHeadlineBoxTitleLink:link, a.oHeadlineBoxTitleLink:visited { color: #0066cc; }

/* 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: #8F4F88; }

/* 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.DataGrid { width: 100%; border: 0; border-collapse: separate; font-size: 1em; empty-cells: show; margin-top: 10px; margin-bottom: 10px; font-size: 0.95em; }
table.oDataGrid tr { text-align: left; }

.table-row-background-alpha { background: #eeeeee; }
.table-row-background-alpha td, .table-row-background-beta td { border: 1px solid #cccccc; }
.table-row-background-beta { background: #F7F7F7; }

th.oDataGridHeader { border: 0; color: #ffffff; text-align: left; }
th.oDataGridHeader a:link, th.oDataGridHeader a:visited { color: #ffffff; text-decoration: none; background: transparent; }
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 {}
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; }


/*New Tables */

a.oDataGridHeaderLink { color: #ffffff; background: transparent; }
.oDataGridHeaderLink:link, .oDataGridHeaderLink:visited { color: #ffffff; background: 0; }
a.oDataGridHeaderLink:hover, .oDataGridHeaderLink:active { color: #ffffff; background: transparent; }

.DataGrid td { padding: 2px 8px 2px 8px; color: #4B414B;  }
.DataGrid th { border: 1px solid #666666; padding: 2px 8px 2px 8px; color: #ffffff; background: #8DBCDD; font-size: 1em; font-weight: bold; }

.DataHeader { font-weight: bold; text-align: left; }
th.DataHeader { border: 1px solid #999999; padding: 2px 8px 2px 8px; color: #ffffff; font-size: 1em; font-weight: bold; }

.DataHeader a:link, .DataHeader a:visited { color: #ffffff; text-decoration: none; }
.DataHeader a:active, .DataHeader a:hover { color: #ffffff; text-decoration: underline; }
.DataGridPagination { color: #666666; }
.DataGridPagination a { color: #0066cc; text-decoration: none; }
.DataGridPagination a:hover, .DataGridPagination a:hover  { text-decoration: underline; }
.DataGrid td a, .DataGrid td a:visited { color: #0066cc; text-decoration: underline; } 
.DataGrid td a:hover, .DataGrid td a:active { color: #D31245; text-decoration: underline; } 

/* Forms */
.oDataFormContainer { width: 100%; overflow: hidden; clear: both; }

.oDataForm {}

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

div.window, div.window div div.oDataFormElementContainer { padding: 0; margin: 0; }

div.window fieldset div.oDataFormElementContainer, div.window fieldset .oDataElementContainer { padding: 10px; }

div.window fieldset div.oDataFormElementContainer, div.window fieldset .oDataElementContainer, fieldset div.oDataFormElementContainer { padding: 10px; }

.oDataElementContainer { padding: 10px; }

.oDataFormElement { width: 100%; overflow: hidden; clear: both; padding-bottom: 10px; }

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

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

.oDataFormAnswer { text-align: left; display: block; width: 55%; float: left; }
.oDataFormAnswerNewLine { text-align: left; width: 100%; display: block; float: none; }
.oDataFormAnswerText { text-align: left; float: left; display: block; width: 45%; }
.oDataFormAnswerText p { margin-bottom: 1em; }
.oDataFormAnswerTextStyle { padding-top: 4px; display: block; }
.oDataFormInputSuffix { padding-left: 10px; }
.oDataFormInputNote { padding-left: 4px; }

.oDataFormInputSelect { font-size: 1em; font-family: arial, helvetica, sans-serif; }
.oDataFormInputText { padding: 2px 4px 2px 4px; line-height: 1.1em; border: 1px solid #E5E5E5; width: 90%; }
.oDataFormInputTextShort { padding-left: 4px; line-height: 1.1em; border: 1px solid #E5E5E5; width: 100px; }
.oDataFormInputTextarea { padding-left: 4px; line-height: 1.1em; border: 1px solid #E5E5E5; width: 90%; }
.oDataFormDatePicker { padding-left: 4px; line-height: 1.1em; border: 1px solid #E5E5E5; width: 100px; }

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

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

.admin_content, .oDataFormButtonContainer { padding-top: 10px; padding-bottom: 10px; display: block; }
.oDataFormButton, .DataFormButtonNoFloat { color: #000000; background: #eeeeee url("/EasySiteWeb/EasySite/StyleData/Default/Images/button_bg.gif"); border: 1px solid #cccccc; margin-right: 15px; padding: 1px 15px 1px 15px; font-weight: normal; }
.oDataFormError { color: #ff0000; }

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

table.DataFormInputCheckbox { padding: 0; margin: 0;  border-collapse: collapse; } /* Needs HTML Fixing */
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; }

div.oDataFormElement div.Asset_Center { text-align: left; }

.oPollingFormLabel { padding: 3px 4px 3px 4px; }

/* 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: #DFAA00; display: block; overflow: hidden; border: 1px solid #000000; }

/* Ratings */
.oRatingsContainer { }
.oRatingsFieldset { border: 1px solid #cccccc; margin-top: 0.5em;  }
.oRatingsLegend { display: inline; padding-left: 5px; padding-right: 5px; }

/* 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 { border: 1px solid #cccccc; margin: 10px; }
.oForumLegend { display: inline; padding-left: 10px; padding-right: 10px; }
.oForumTitleResponse {  }

/* Mailing List */
.oMailingListFieldset { border: 1px solid #cccccc; margin-top: 1em; margin-bottom: 1em; }
.oMailingListLegend { display: inline; padding-left: 10px; padding-right: 10px; }

/* Event Calendar */
.oEventCalendarSearchFieldset { border: 1px solid #cccccc; }
.oEventCalendarSearchLegend { display: inline; padding-left: 5px; padding-right: 5px; }
.oEventCalendarSearchButtonContainer { margin: 0; }
.oEventCalendarSummaryDate { text-align: right; width: 25%; }

dl.oEventCalendarSummary { }
dd.oEventCalendarSummary { margin: 0; padding: 0; margin-bottom: 10px; }
div.oEventCalendarSummaryHeader { clear: both; width: 100%; overflow: hidden; margin-bottom: 3px; }
span.oEventCalendarSummaryTitle { font-weight: bold; display: block; float: left; width: 79%; }
span.oEventCalendarDate { text-align: right; float: right; width: 20%; display: block;}
div.oEventCalendarSummaryVenueName { font-style: italic; }
/*
<dl class="oEventCalendarSummary">
<dd class="oEventCalendarSummary">
    <div class="oEventCalendarSummaryHeader">
        <span class="oEventCalendarSummaryTitle">
            <a id="esctl_486919_1_EventName" class="oEventCalendarTitleLink" href="javascript:__doPostBack('esctl_486919$1$EventName','')">Capita’s Annual Disability Forum</a></span>
        <span id="esctl_486919_1_EventDate" class="oEventCalendarDate">23/02/2009</span>
    </div>
    <div class="oEventCalendarSummaryVenueName">
        <span id="esctl_486919_1_VenueName">Central London</span></div>
		<div class="oEventCalendarSummaryVenueAddress">
        <span id="esctl_486919_1_VenueAddress"></span></div>
    <div class="oEventCalendarSummaryEventSummary">
        <p>
            <span id="esctl_486919_1_EventSummary">Capita’s Disability Forum brings together disabled service providers and equality and diversity professionals from across the public sector, to address how to successfully improve service delivery for disabled children and adults as well as fulfill your equality duty.

Disability equality and improving life chances for disabled people are both key strategic goals that can only be delivered by practitioners on the ground</span></p>
    </div>
    
</dd>
*/

/* Tell A Friend */
.oTellAFriendFieldset { border: 1px solid #cccccc; margin-top: 1em; margin-bottom: 1em; }
.oTellAFriendLegend { display: inline; padding-left: 10px; padding-right: 10px; }

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

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

/* Generic Module Element */
.oModuleElementTitle { font-size: 1.5em; margin: 0.5em 0 0.5em 0;  }
.oModuleElementDescription { margin: 0.5em 0 0.5em 0; }
.oModuleElementResults { margin: 0.5em 0 0.5em 0; }

/* 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; }


@media print {

	#header-outer, #menu-outer, #left-outer, #footer-outer { display: none; }
	.PageWidthRelative { width: 95%; }
	.PageWidthAbsolute { width: 95%; }
	
	#content-outer { margin-left: 0; }
	#content-inner { float: left; width: 100%; overflow: visible; }
	#page-inner { border: 0; }
	
}