fieldset.oMasterForm { padding: 0; margin: 0; border: 0; } legend.oMasterForm { display: none; } .oSystemWarning { margin: 5px; padding: 5px; border: 1px solid #000000; background: #f7f7f7; color: #ff0000; font-size: 11px; } /* Box CSS */ .oHeadlineBoxStyle {} .oPageListerContainerOuter { } .oPageListerContainerInner { width: 100%; overflow: hidden; } .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 { } li.oBoxItem { } span.oBoxItem { display: block; } .oBoxItemOuter { display: block; } .oBoxItemInner { display: block; } .oBoxItemTitle { display: block; } .oBoxLink { } .oBoxItemAuthor { display: block; } .oBoxItemDate { display: block; } .oBoxItemSummary { display: block; } .oBoxFooter { display: block; } /* Asset Attachment */ .oAssetAttachmentOuter { clear: both; background: #FAFAFA; color: #000; padding: 5px; border: solid 1px #EFEFEF; margin-bottom: 10px; } .oAssetAttachmentThumbnail { float: left; width: 60px; } .oAssetAttachmentDetailOuter { margin-left: 60px; } .oAssetAttachmentDetailInner { float: left; } span.oAssetAttachmentTitle { display: block; } span.oAssetAttachmentSummary { display: block; } .oAssetBrowserLinks { margin-top: 3px; } .oAssetBrowserLinks ul { list-style-type: none; margin: 0; padding: 0; } .oAssetBrowserLinks ul li { list-style-type: none; margin: 0; padding: 0; padding-right: 5px; } /* Form Stuff, will build up as we migrate RenderEngine.css with new HTML */ .oDataFormQuestionNewLine { width: 100%; float: none; display: block; } .oDataFormLabelNewLine { } .oDataFormAnswerTextNewLine { float: none; width: 100%; } .oDataFormAnswerNewLine { display: block; width: 100%; float: none; } /* 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: #ffffff; } tr.table-row-background-beta { background: #F7F7F7; } table.oDataGrid th, table.oDataGrid td { vertical-align: top; padding: 3px 7px 3px 7px; } table.oDataGrid th { border: 1px solid #736273; color: #ffffff; background: #666666; font-size: 1em; font-weight: bold; } table.oDataGrid th a:link, table.oDataGrid th a:visited { color: #ffffff; text-decoration: none; } table.oDataGrid th a:hover, table.oDataGrid th a:active { color: #ffffff; text-decoration: underline; } table.oDataGrid td { color: #4B414B; border: 1px solid #CECFCE; } table.oDataGrid td a:link, table.oDataGrid td a:visited { color: #0066cc; text-decoration: underline; } table.oDataGrid td a:hover, td.DataHeader a:active { color: #4A5C68; text-decoration: underline; } a.oDataGridHeaderLinkSortAsc, a.oDataGridHeaderLinkSortAsc:link, a.oDataGridHeaderLinkSortAsc:visited { background: url(/EasySiteWeb/EasySite/SupportFiles/Images/icons/asc.gif) right no-repeat; padding-right: 15px; } a.oDataGridHeaderLinkSortAsc:hover, a.oDataGridHeaderLinkSortAsc:active { background: url(/EasySiteWeb/EasySite/SupportFiles/Images/icons/asc.gif) right no-repeat; padding-right: 15px; } a.oDataGridHeaderLinkSortDesc, a.oDataGridHeaderLinkSortDesc:link, a.oDataGridHeaderLinkSortDesc:visited { background: url(/EasySiteWeb/EasySite/SupportFiles/Images/icons/desc.gif) right no-repeat; padding-right: 15px; } a.oDataGridHeaderLinkSortDesc:hover, a.oDataGridHeaderLinkSortDesc:active { background: url(/EasySiteWeb/EasySite/SupportFiles/Images/icons/desc.gif) right no-repeat; padding-right: 15px; } /* Page Tools Container */ .oPageToolsContainerOuter {} .oPageToolsContainerInner { width: 100%; overflow: hidden; } .PageToolsExecSummary { display: block; } .PageToolsExecSummary a {} .PageToolsAddAComment { display: block; } .PageToolsPrintThisPage { display: block; } /* Style Login Box */ .login-panel-inner { width: 100%; } .oLoginFormElement { width: 100%; overflow: hidden; } .oLoginFormQuestion { display: block; } .oLoginFormLabel { display: block; } .oLoginFormAnswer { display: block; } /* Login Element Panel */ .oLoginPanel { border: solid 1px #E5E5E5; background: #F2F2F2; padding: 3px; margin: auto; } .oLoginTitle { text-align: left; background: #E5E5E5; padding: 3px 6px 3px 6px; color: #666666; font-weight: bold; } .oLoginContent { background: #ffffff; padding: 10px; } .oLoginError { color: #ff0000; margin: 1em; } /*.oLoginButtonContainer { margin-left: 35%; } */ .oLoginPanelSubtext { padding-top: 4px; } /* .DataFormInputText { border: 1px solid red; } delete asap */ /* Page Diffs */ .oTextDiffAdded { background-color: #0f0; color: #000; } .oTextDiffChanged { background-color: #ffb; } .oTextDiffDeleted { background-color: #c00; color: #000; text-decoration: line-through; } .oElementDiffChanged { border: 1px solid #aa0; background-image: url(/EasySiteWeb/EasySite/SupportFiles/Images/DiffBackgrounds/DiffChanged.gif); } .oElementDiffAdded { border: 1px solid #0a0; background-image: url(/EasySiteWeb/EasySite/SupportFiles/Images/DiffBackgrounds/DiffAdded.gif); } .oElementDiffDeleted { border: 1px solid #a00; background-image: url(/EasySiteWeb/EasySite/SupportFiles/Images/DiffBackgrounds/DiffDeleted.gif); } /* Panel Classes */ .panel_window { border: solid 1px #E5E5E5; background: #F2F2F2; padding: 3px; margin-bottom: 10px } .panel_title { text-align: left; background: #E5E5E5; padding: 3px 6px 3px 6px; color: #666666; font-weight: bold; } .panel_content { background: #ffffff; padding: 10px; } .panel_error { color: #ff0000; margin: 1em; } /* General Forms */ .oDataFormContainer { clear: both; color:#ffffff; } /* Generic Module Element */ .oModuleElementOuter { clear: both; } .oModuleElementInner { width: 100%; margin-bottom: 1em; } .oModuleElementTitle { } .oModuleElementDescription { margin: 0.5em 0 0.5em 0; } .oModuleElementResults { margin: 0.5em 0 0.5em 0;} /* Generic Page Element */ .page-element-outer { clear: both; } .page-element-inner { width: 100%; overflow: hidden; } .oPageElementOuter {} .oPageElementInner {} /* Countdown Element */ .oCountdownElementCalendarOuter { margin: 1em; float: left; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/calendar.png") no-repeat top left; } .oCountdownElementCalendarInner { height: 120px; width: 120px; overflow: hidden; text-align: center; position: relative; } .oCountdownElementTimerOuter { margin: 1em; float: left; background: #eee; padding: 3px 10px 3px 10px; border: 3px #ccc ridge; } .oCountdownElementTimerInner { text-align: center; } .oCountdownElementBody { padding: 47px 0 23px 0; } .oCountdownElementNumber { font-size: 3em; color: #06c; font-style: italic; } .oCountdownElementLabel {text-transform: capitalize; font-size: 1em; font-weight: bold; color: #fff; position: absolute; top: 29px; left: 20px; } .oCountdownElementDigital { color: #06c; font-size: 1.2em; font-style: italic; font-weight: bold; } /* Asset Browser Thumbnail View */ .asset-thumbnail-list-outer { clear: both; } .asset-thumbnail-list-inner {} .asset-thumbnail-panel { width: 24%; float: left; } .asset-thumbnail-panel-inner { text-align: center; } .oAssetThumbnailOuter { } .oAssetThumbnailInner { } .oAssetThumbnailImage { } .oAssetThumbnailCaption { } .oAssetBrowserLinks { } /* Inline Asset */ .oAssetInlineCaption { display: block; } /* Forms */ .oDataFormQuestionNewLine { width: 100%; float: none; } .oDataFormLabelNewLine { } .oDataFormAnswerTextNewLine { float: none; width: 100%; padding-bottom: 5px; } /* Forms Checkbox List - Uses inheritance */ span.oDataFormCheckboxList { width: 100%; overflow: hidden; display: block; } span.oDataFormCheckboxList input { height: 15px; width: 13px; overflow: hidden; margin: 2px; float: left; } span.oDataFormCheckboxList label { display: block; margin-left: 22px; padding-top: 2px; } span.oDataFormCheckboxList br { clear: left; margin: 0 0 2px 0; display: block; font-size: 2px; line-height: 2px; } /* Ensure Category Tree Tables clear */ .CategoryTreeView table { clear: both;} /* 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 {} /* Tools UI */ .tool_options { background: #F2F2F2; padding: 3px 10px 0 10px; } .tool_options ul, .tool_options li { padding: 0; margin: 0; list-style-type: none; } .tool_options li { margin-left: 3px; padding-left: 19px; background: url("/EasySiteWeb/EasySite/SupportFiles/images/icons/tools_bullet.gif"); background-repeat: no-repeat; background-position: center left; } .tools-outer { clear: both; border: 1px solid #ccc; padding: 10px; background: #fff; } .tools-inner, .panel-inner, .tree-body, .selected-body { width: 100%; overflow: hidden; } .tools-outer h1 { font-size: 1.2em; color: purple; font-weight: normal; } .tools-outer fieldset { border: 1px solid #ccc; margin: 0; padding: 0; } .tools-outer legend { padding-left: 8px; padding-right: 8px; } .tools-outer legend .oDataFormElementContainer { padding: 8px; } .tree-outer { width: 60%; float: left; } .tree-inner { padding: 10px; } .category-toggle { } .tree-body td, .tree-body th, .tree-body input, .tree-body select, .tree-body table caption { } .selected-outer { width: 35%; float: left; } .selected-inner { padding: 10px; border: 1px solid #ccc; vertical-align: top; } .selected-outer ul { list-style-type: square; margin-left: 0.75em; padding-left: 0.75em; } .selected-outer li { margin-bottom: 2px; } .selected-outer li a:link, .selected-outer li a:visited { text-decoration: none; } .selected-outer li a:hover, .selected-outer li a:active { text-decoration: underline; } /*Access Channels Edit End*/ /* ============================== START CSS Containers ============================== */ body { margin: 0; padding: 0; 1background: #d1dbe7 url('images/body-bkgr.gif') repeat-x left top; 1background-repeat:repeat-x color:#fff; font-family:trebuchet ms, trebuchet, verdana, sans-serif; font-size:12px; background-color:#51565a; } /* Containers */ #page-outer { margin: auto; } #page-inner { background: #C0C0C0; margin-top: 0px; margin-bottom: 10px; border: 0px solid #19417F; } .PageWidthRelative { width: 90%; } .PageWidthAbsolute { width: 900px; } #header-outer { width: 100%; margin-bottom: 0px; background: #090909 bottom left repeat-x; } #header-inner { overflow: hidden; margin: 0px 0px 0px 0px; } #headerright { width: 200px; float: right; text-align: right; margin: 38px 0 0 0; } #logo-outer { float: left; width: 899px; height: 167px; } #logo-inner { width: 100%; padding: 0; } #main-outer { clear: both; background: #2A2727; min-height: 350px; height: auto; } #main-inner { width: 100%; padding: 0; background: #2A2727 top left repeat-y; } #search-bar-outer { float: left; width: 170px; background:transparent; margin: 0px 0 5px 0; } #search-bar-inner { width: 100%; overflow: hidden; } #date-outer { clear: both; width: 100%; } #date-inner { float: left; background: #fff; } #date { width: 200px; float: left; padding: 5px 0px 0px 38px; } #search { width: 236px; float: left; } #logo-group { width: 160px; text-align: center; margin-top: 100px; margin-bottom: 5px; } #left-outer { float: left; width: 190px; background: #2A2727; margin-top: 25px; } #left-inner { padding: 0px 3px 10px 0px; } #content-outer { margin-left: 220px; padding-right: 30px; padding-bottom: 10px; } #content-inner { width: 100%; float: left; overflow: visible; } .element-content-outer { padding: 5px; } .element-content-inner { } .element-footer-options-outer { margin: 15px; } .element-footer-options-inner { float: left; overflow: hidden; } /* =============================== 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; background: #fff; } .element-panel-alpha-inner { width: 100%; overflow: visible; background: #fff; } .element-panel-alpha-icon-outer { display: none; } .element-panel-alpha-icon-inner { display: none; } .element-panel-alpha-header-outer { background: #A6CD38; padding: 5px; color: #fff; } .element-panel-alpha-header-inner { background: #A6CD38; } .element-panel-alpha-body-outer { } .element-panel-alpha-body-inner { } .element-panel-alpha-body-content-outer { padding: 5px; background: #fff; border: 1px solid #282746; } .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; } div.element-panel-alpha-body-content-inner ol { padding-left: 1em; margin-left: 1em; } div.element-panel-alpha-body-content-inner ol li { list-style-type: decimal; color: #000; } /* 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 =============================== */ /* Images */ img, .noborder, .spacer { border: 0px none; } /* Typography */ .center, .Center { margin: auto; text-align: center; } .invisible, .hide, .hidden { display: none; } /* 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: trebuchet, verdana, sans-serif; } select, input, textarea { } fieldset { } legend { } .HideLegend, .HideFieldset { border: 0px none; padding: 0; margin: 0 } .HideLegend, .HideLabel { display: none; } ul { padding-left: 1em; margin-left: 1em; line-height: 1.5em; } ul li { list-style-type: square; } ol { padding-left: 1em; margin-left: 1em; } ol li { list-style-type: decimal; } img, .noborder, .spacer { border: 0px none; } .center, .Center { margin: auto; text-align: center; } .invisible, .hide { display: none; } /* Links */ a:link { color: #A6CD38; text-decoration: none; } a:visited { color: #A6CD38; text-decoration: underline; } a:hover, a:active { color: #A6CD38; text-decoration: none; text-decoration: underline; } /* Usability */ #usability-outer { float: right; width: 75%; } #usability-inner { padding: 0px 10px 0px 0px; color: #fff; } .usability-alpha { float: right; text-align: right; width: 100%; color: #666666; font-size: 0.9em; } a.usability-alpha-link:link { color: #666666; text-decoration: none; } a.usability-alpha-link:visited { color: #666666; } a.usability-alpha-link:hover, a.usability-alpha-link:active { background: transparent; text-decoration: underline; } .ubl-alpha-sep { padding: 0 3px 0 3px; color: #A6CD38; } .text-larger { } .text-normal { } .text-smaller { } .usability-beta { float: right; text-align: right; width: 24%; color: #666666; } a.usability-beta-link:link { color: #666666; text-decoration: underline; } a.usability-beta-link:visited { color: #666666; } a.usability-beta-link:hover, a.usability-beta-link:active { color: #666666; } .ubl-beta-sep { padding: 0 3px 0 3px; color: #A6CD38; } /* Main Menu */ #menu-outer { float: right; width: 690px; overflow: hidden; } #menu-inner-left { float: left; padding-top: 17px; } #menu-inner-right { float: right; width: 470px; padding-top: 37px; } .menu-link { float: left; font-weight: normal; text-align: center; display: block; margin-left: 0px; margin-right: 3px; } .menu-link2 { float: right; font-weight: normal; text-align: center; display: block; margin-right: 3px; } a.mm-link:link, a.mm-link:visited { color: #000000; text-decoration: none; font-weight: normal; display: block; border: 0px none; background: #d5cfc9 url('images/standard-link-bkgr.gif') no-repeat 0 0;; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px } a.mm-link:hover, a.mm-link:active { color: #ffffff; display: block; text-decoration: none; border: 0px none; background: #282746 url('images/current-link-bkgr.gif') top right; } a.mm-link-alpha:link, a.mm-link-alpha:visited { color: #000000; background: url('images/login-link-bkgr.gif') no-repeat center left; text-align: left; padding-left: 20px; text-decoration: none } a.mm-link-alpha:hover, a.mm-link-alpha:active { text-decoration: underline; } a.mm-link-beta:link, a.mm-link-beta:visited { } a.mm-link-beta:hover, a.mm-link-beta:active { } a.mm-link-gamma:link, a.mm-link-gamma:visited { } a.mm-link-gamma:hover, a.mm-link-gamma:active { } a.mm-link-delta:link, a.mm-link-delta:visited { } a.mm-link-delta:hover, a.mm-link-delta:active { } a.mm-link-epsilon:link, a.mm-link-epsilon:visited { } a.mm-link-epsilon:hover, a.mm-link-epsilon:active { } a.mm-link-zeta:link, a.mm-link-zeta:visited { } a.mm-link-zeta:hover, a.mm-link-zeta:active { } a.mm-link-eta:link, a.mm-link-eta:visited { } a.mm-link-eta:hover, a.mm-link-eta:active { } /* Search Panel */ #search-panel-outer { margin-bottom: 10px; } #search-panel-inner { overflow: hidden; width: 100%; } #search-form-outer { margin: 6px 0px 8px 0px; } #search-form-inner { overflow: hidden; width: 100%; } .SearchFieldset { border: 1px solid #cccccc; paddng: 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: 125px; border: 1px solid #2b2147; background: white; } .SearchButton { padding: 0; margin: 0; border: 0px solid white; background: url('images/search-go-button.gif') center left; width: 17px; height: 17px } .oDataSearchFormInputText { display: inline; } .oDataSearchFormButton { display: inline; } /* Document Navigation - See Separate CSS */ /* Admin Links / Footer Links */ #AdminLinksOuter { border: 1px #000000 solid; background: #eeeeee; padding: 2px 6px 2px 6px; margin-bottom: 10px; } #AdminLinksInner { width: 100%; overflow: hidden; } a.AdminLinks:link { color: #0066cc; font-weight: normal; } a.AdminLinks:visited { color: #0066cc; font-weight: normal; } a.AdminLinks:hover, a.AdminLinks:active { color: #FFCC00; } /* 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: 0px none; padding: 2px } /* PMS Styles */ .admin_form_container { padding: 10px; padding-top: 5px; width: 60%; clear: both; } .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; } .AssetListPanelOuodatater { margin-left: 168px; } .AssetListPanelInner { } .AssetCategoryPanelOuter { float: left; height: 300px; width: 168px; overflow: scroll; border: 1px solid #cccccc; background: #ffffff; } .AssetCategoryPanelInner { float: left; width: 100%; } /* Panel Classes */ .panel_window { border: solid 1px #E5E5E5; background: #F2F2F2; padding: 3px; margin-bottom: 10px } .panel_title { text-align: left; background: #E5E5E5; padding: 3px 6px 3px 6px; color: #090909; font-weight: bold; } .panel_content { background: #ffffff; padding: 1%; } .panel_error { color: #ff0000; margin: 1em; } /* 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 #000; background: #505F72; } .DataFormInputTextarea { float: left; width: 30%; padding: 2px; margin: 3px; border: 1px solid #000; background: #505F72; } .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:#2A2727; color:black; padding:5px; border:solid 1px #2A2727; margin-bottom: 10px; } .AttachedAssetElement_AssetPreviewArea { width: 50px; float: left; } .AttachedAssetElement_AssetDetailsArea { margin-left: 70px; } div.InlineAsset { } div.InlineAsset div { border: 1px solid #EFEFEF; padding: 3px !important; background: #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; } .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%; } /* Headline Box OLD CODE - still remains in other client styles .HeadlineBox_Outline { background: #ffffff; margin-bottom: 10px; } .HeadlineBox_Body { } .HeadlineBox_FullWidth { margin: auto; } .HeadlineBox_Centre { margin-right: 10px; margin-left: 10px; padding-bottom: 10px; position: relative;} .HeadlineBox_FloatRight { float: right; margin-left: 10px; padding-bottom: 10px; position: relative; } .HeadlineBox_FloatLeft { float: left; margin-right: 10px; padding-bottom: 10px; position: relative; } .HeadlineTitleBar { background: #0A51A1; padding: 3px 5px 3px 8px; color: #ffffff; } .oRSSHeadlineBoxBody { border: 1px solid #0A51A1; padding: 5px; } */ /* Brand New Classes Nov 2006 MG */ .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 { position: relative; } .oRSSFeedContainerInner { width: 100%; background: #ffffff; } .oRSSFeedHeaderOuter { background: #282746; padding: 5px; color: #ffffff; } .oRSSFeedHeaderInner { } .oRSSFeedBodyOuter { border: 1px solid #282746; padding: 5px; } .oRSSFeedBodyInner { width: 100%; } 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; } /* 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; } .DataGridPagination { color: #090909; } .DataGridPagination a { color: #0066cc; text-decoration: none; } .DataGridPagination a:hover, .DataGridPagination a:hover { text-decoration: underline; } /*New Tables */ table.oDataGrid { width: 100%; border: 0px none; 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: 1px solid #736273; padding: 2px 8px 3px 8px; color: #ffffff; background: #282746; font-size: 1em; 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 {} 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; } /* Forms */ .oDataFormContainer { } .oDataForm {} .oDataFormFieldset { border: 1px #51565a solid; margin-top: 1em; padding: 0px; } .oDataFormLegend { padding-left: 10px; padding-right: 10px; color:#ffffff; } .oDataFormElementContainer, .oDataElementContainer { padding: 4px 10px 6px 10px; } .oDataFormElement { width: 100%; overflow: hidden; clear: both; } .oDataFormComment { margin: 0.5em 0 0.5em 0; } .oDataFormQuestion { text-align: right; width: 35%; float: left; display: block; } .oDataFormLabel { display: block; margin-right: 3px; margin-bottom: 2px; padding: 3px 10px 4px 10px; background: #2A2727; } .oDataFormAnswer { text-align: left; display: block; width: 60%; float: left; } .oDataFormAnswerText { text-align: left; float: left; display: block; width: 60%; padding-top: 2px; } .oDataFormAnswerTextStyle { } .oDataFormInputSuffix { padding-left: 10px; } .oDataFormInputSelect { } .oDataFormInputText { margin: 0px; border: 1px solid #000000; background: #cccccc; } .oDataFormInputTextarea { border: 1px solid #000000; background: #2A2727; } .oDataFormDatePicker { width: 100px; } 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; } .oDataFormInputTextShort { width: 100px; } .oDataFormInputTextMedium { width: 60%; } .oDataFormInputTextFull { width: 90%; } .oDataFormButtonContainer { margin-left: 0; padding-top: 10px; padding-bottom: 10px; display: block; } .oDataFormButton { color: #000000; background: #666666; border: 1px solid #a6cd38; margin-right: 15px; padding: 1px 15px 0px 15px; font-weight: normal; border: 1px solid #a6cd38; background: #cccccc; cursor: pointer; } .oDataFormError { color: #ff0000; } .DataFormMarker { color: #ff0000; font-weight: normal; font-size: .85em; line-height: 1em; } /* Generic Module Element */ .oModuleElementTitle { } .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 */ /* 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; } } /* ================ FOOTER =================== */ #footer-outer { background: #d1dbe7; border-top: 1px solid #2A2727; clear: both; padding: 0px; margin: 0; } #footer-inner { background: #d1dbe7; width: 100%; overflow: hidden; } .footer-left { float: left; width: 900px; } .footer-text { float: left; width: 470px; color: #2A2727; text-align: center; font-size: 0.8em; padding: 5px 0px 5px 0; } .copyright { width: 100%; float: right; color: #2A2727; font-size: 0.9em; text-align: right; padding: 0px 0 40px 0; } .footer-alpha-sep { color: #2A2727; } .footer-alpha-link:link, .footer-alpha-link:visited { color: #2A2727; text-decoration: underline; } .footer-alpha-link:hover, .footer-alpha-link:active { color: #2A2727; background: transparent; text-decoration: underline; } .tagline { float: left; text-align: left; color: #2A2727; font-size: 0.9em; } .tagline-link:link, .tagline-link:visited { color: #2A2727; background: transparent; text-decoration: none; } .tagline-link:hover, .tagline-link:active { color: #2A2727; background: transparent; text-decoration: underline; } /* ====================== BREAD CRUMB ============================== */ #breadcrumb-outer { clear: both; margin: 0; } #breadcrumb-inner { color: #FF8000; font-weight: bold; font-size: 0.95em; padding: 17px 10px 15px 0px; width: 475px; } a.breadcrumb-link:link { color: #FF8000; text-decoration: none; font-weight: normal; background: transparent; } a.breadcrumb-link:visited { color: #FF8000; text-decoration: none; font-weight: normal; background: transparent; } a.breadcrumb-link:hover, a.breadcrumb-link:active { text-decoration: underline; font-weight: normal; color: #FF8000; background: transparent; } .BCTDelimiter { padding-left: 5px; padding-right: 5px; line-height: 1em; font-weight: bold; font-size: 1.1em; } /* ====================== NAV ========================= */ .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 { margin-bottom: 2px; font-size: 1em; font-weight: bold; } .snv-current-icon { } .snv-current-outer { } .snv-current-inner { display: block; } a.NavigationCurrentLink:link, a.NavigationCurrentLink:visited { display: block; padding: 5px 5px 5px 20px; background: #525252; color: #ffffff; text-decoration: none; font-weight: bold; } a.NavigationCurrentLink:hover, a.NavigationCurrentLink:active { background: #525252; } .NavigationSiblingPage { margin-bottom: 2px; width: 100%; font-size: 1em; font-weight: bold; } .snv-sibling-icon { } .snv-sibling-outer { } .snv-sibling-inner { display: block; } a.NavigationSiblingLink:link, a.NavigationSiblingLink:visited { display: block; padding: 5px; background: #333333; color: #ffffff; text-decoration: none; } a.NavigationSiblingLink:hover, a.NavigationSiblingLink:active { background: #000000; color: #ffffff; text-decoration: none; } .NavigationChildPage { margin-bottom: 2px; width: 100%; font-size: 0.95em; } .snv-child-icon { } .snv-child-outer { } .snv-child-inner { display: block; } a.NavigationChildLink:link, a.NavigationChildLink:visited { display: block; padding: 5px 5px 5px 20px; background: #333333; color: #ffffff; text-decoration: none; } a.NavigationChildLink:hover, a.NavigationChildLink:active { background: #cccccc; color: #000000; text-decoration: none; } .NavigationParentPage { margin-bottom: 2px; width: 100%; font-size: 1em; font-weight: bold; } .snv-parent-icon { font-size: 1.1em; font-weight: bold; line-height: 1em; padding-right: 3px; } .snv-parent-outer { } .snv-parent-inner { display: block; } a.NavigationParentLink:link, a.NavigationParentLink:visited { display: block; background: #000000; color: #ffffff; text-decoration: none; padding:5px } a.NavigationParentLink:hover, a.NavigationParentLink:active { background: #484848; color: #ffffff; text-decoration: none } .NavigationParentCurrentPage { margin-bottom: 2px; width: 100%; font-size: 1em; font-weight: bold; } a.NavigationParentCurrentLink:link, a.NavigationParentCurrentLink:visited { display: block; background: #000000; color: #ffffff; text-decoration: none; padding:5px } a.NavigationParentCurrentLink:hover, a.NavigationParentCurrentLink:active { background: #000000; color: #ffffff; text-decoration: none } /*Red Warning*/ .ContentEditor .RedWarning { background-color: #ffaaaa; color: #ff0000; } /*Green Label*/ .ContentEditor .GreenLabel { color: #00ff00; font-weight: bold; } /* ++ CONTENT EDITOR CSS ++ */ .CENoMargin { margin: 0; font-size: 1em; } .OneCE { font-size: 0.85em; } .TwoCE { font-size: 1em; } .ThreeCE { font-size: 1.2em; } .FourCE { font-size: 1.4em; } .FiveCE { font-size: 1.7em; } .SixCE { font-size: 2em; } .SevenCE { font-size: 2.4em; } .ContentEditor { color:#ffffff; } h1, h2, h3, h4, h5, h6 { display: block; font-family: trebuchet ms, trebuchet, verdana, sans-serif; margin-bottom: 0.4em; font-weight: bold; margin-top: 1em; } h1 { font-size: 1.3em; margin-top: 0; color: #A6CD38; font-weight: normal;} h2 { font-size: 1.6em; color: #ffffff; } h3 { font-size: 1.6em; color: #ffffff; } h4 { font-size: 1.6em; color: #ffffff; } h5 { font-size: 1.00em; color: #A6CD38; font-weight: normal; } h6 { font-size: 1.00em; color: #C8C0C0; font-weight: normal; } .ContentEditorLiveEdit table { border: solid 2px #BABABA; } .SymbolCell { padding:1px; text-align:center; } .SymbolCell a, .SymbolCell a:visited { color:white; text-decoration :none; padding:3px; padding-left:6px; padding-right:6px; } .SymbolCell a:hover, .SymbolCell a:active{ color:white; background:navy; } h2.element-panel-alpha-header { color: #fff; font-size: 1em; font-weight: bold; margin: 0; padding: 0; background: #A6CD38; } h2.element-panel-alpha-header a:link, h2.element-panel-alpha-header a:visited { color: #ffffff; text-decoration: none; background: #A6CD38; } h2.element-panel-alpha-header a:hover, h2.element-panel-alpha-header a:active { color: #ffffff; text-decoration: underline; background: #A6CD38; } h2.element-panel-beta-header { color: #ffffff; font-size: 1em; font-weight: bold; margin: 0; padding: 0; background: transparent; } 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; } h2.element-panel-gamma-header { color: #ffffff; font-size: 1em; font-weight: bold; margin: 0; padding: 0; background: transparent; } h2.element-panel-gamma-header a:link, h2.element-panel-gamma-header a:visited { color: #ffffff; text-decoration: none; background: transparent; } h2.element-panel-gamma-header a:hover, h2.element-panel-gamma-header a:active { color: #ffffff; text-decoration: underline; background: transparent; } h2.oHeadlineBoxTitle { color: #ffffff; background: #A6CD38; font-size: 1em; font-weight: bold; padding: 0; margin: 0; } /* -- CONTENT EDITOR CSS -- */ /* IE7 Fix */ label.clearfix { width: 100%; clear: both; overflow: hidden; } label.DataFormOption { display: block; } label.DataFormOption span.DataFormQuestion { display: block; float: left; width: 40%; } label.DataFormOption input { display: block; float: left; width: 45%; } #main-inner { width: 100%; overflow: hidden; } #content-inner { width: 100%; } .ClientAreaContainer { float: left; } .editarea_notification { overflow: hidden; }