/* ============================== START CSS Containers ============================== */ body { margin: 0; padding: 0; background: #FFFFFF; font-family:trebuchet ms, trebuchet, verdana, sans-serif; background-repeat:repeat-x } /* Containers */ #page-outer { margin: auto; } #page-inner { background: #fff; margin-top: 10px; margin-bottom: 10px; border: 0px solid #7c7c7c; } .PageWidthRelative { width: 90%; } .PageWidthAbsolute { width: 900px; } .fontSizeAdjustment { font-size: 105% } #header-outer { width: 100%; margin-bottom: 0px; background: #FFFFFF 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: 900px; height: 133px; } #logo-inner { width: 100%; padding: 0; } #main-outer { clear: both; background: #fff; min-height: 350px; height: auto; } #main-inner { width: 100%; padding: 0; background: #fff 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: 0px; } #left-outer { float: left; width: 150px; background: #fff; margin-top: 0px; } #left-inner { padding: 0px 3px 10px 0px; } #content-outer { margin-left: 1px; padding-right: 1px; padding-bottom: 10px; } #content-inner { width: 100%; float: left; overflow: visible; } .element-content-outer { padding: 0px; } .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; margin-bottom: 5px; margin-top: 15px; margin-right: 15px; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/paalbdbgbr.gif') no-repeat bottom right; } .element-panel-alpha-inner { width: 100%; overflow: hidden; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/paalbdbgbl.gif') no-repeat bottom left; padding-bottom: 1px } .element-panel-alpha-icon-outer { } .element-panel-alpha-icon-inner { } .element-panel-alpha-header-outer { float: left; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/paalhdbgl.gif') no-repeat top left; } .element-panel-alpha-header-inner { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/paalhdbgr.gif') no-repeat top right; } .element-panel-alpha-body-outer { background: #fff url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/paalbdbgtr.gif') no-repeat top right; clear: both } .element-panel-alpha-body-inner { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/paalbdbgtl.gif') no-repeat top left; } .element-panel-alpha-body-content-outer { padding: 5px 5px 5px 5px; } .element-panel-alpha-body-content-inner { width: 100%; overflow: hidden; } .element-panel-alpha-body-content-inner ul { } /* removed by Robin .element-panel-alpha-body-content-inner li a:hover, .element-panel-beta-body-content-inner li a:active { display: block; color: #fff; text-decoration: none; } */ /* Panel Beta */ .element-panel-beta-outer { clear: both; margin-bottom: 10px; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/pabebdbgbr.gif') no-repeat bottom right; } .element-panel-beta-inner { width: 100%; overflow: hidden; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/pabebdbgbl.gif') no-repeat bottom left; padding-bottom: 5px } .element-panel-beta-icon-outer { } .element-panel-beta-icon-inner { } .element-panel-beta-header-outer { float: left; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/pabehdbgl.gif') no-repeat top left; } .element-panel-beta-header-inner { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/pabehdbgr.gif') no-repeat top right; } .element-panel-beta-body-outer { background: #e9eaeb url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/pabebdbgtr.gif') no-repeat top right; clear: both } .element-panel-beta-body-inner { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/pabebdbgtl.gif') no-repeat top left; } .element-panel-beta-body-content-outer { padding: 5px 10px 5px 10px; } .element-panel-beta-body-content-inner { width: 100%; overflow: hidden; border-top: 1px solid #f4f5f5; } .element-panel-beta-body-content-inner ul { padding: 0; margin: 0; list-style-type: none; } .element-panel-beta-body-content-inner li { list-style-type: none; display: block; float: left; width: 100%; overflow: hidden; padding: 0; margin: 0; border-bottom: 1px solid #f4f5f5; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/pabebdbgli.gif') no-repeat top left;} .element-panel-beta-body-content-inner li a:link, .element-panel-beta-body-content-inner li a:visited { display: block; padding: 4px 6px 4px 20px; text-decoration: none; } .element-panel-beta-body-content-inner li a:hover, .element-panel-beta-body-content-inner li a:active { display: block; padding: 4px 6px 4px 20px; text-decoration: none; } /* Panel Gamma */ .element-panel-gamma-outer { clear: both; margin-bottom: 2px; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/blackgradient.jpg') no-repeat bottom right; } .element-panel-gamma-inner { width: 100%; overflow: hidden; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/blackgradient.jpg') padding-bottom: 0px } .element-panel-gamma-icon-outer { } .element-panel-gamma-icon-inner {background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/blackgradien.jpg') no-repeat top left; } .element-panel-gamma-header-outer { float: left; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/blackgradient.jpg') no-repeat top left; } .element-panel-gamma-header-inner { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/blackgradient.jpg') no-repeat top right; } .element-panel-gamma-body-outer { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/blackgradient.jpg') no-repeat top right; clear: both } .element-panel-gamma-body-inner { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/blackgradient.jpg') no-repeat top left; } .element-panel-gamma-body-content-outer { padding: 0px 0px 0px 0px; } .element-panel-gamma-body-content-inner { width: 100%; overflow: hidden; } .element-panel-gamma-body-content-inner ul { } .element-panel-gamma-body-content-inner li { } /* Panel Delta */ .panel-delta, .panel-epsilon { float: left; clear: none !important; } .panel-delta .page-element-inner { margin-right: 4px; background: #572c80 url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/padebdbgtl.gif') no-repeat top left; } .panel-delta .page-element-body { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/padebdbgtr.gif') no-repeat top right; color: #fff } .panel-delta .page-element-body .ContentEditor { color: #fff; padding: 0px 8px 6px 8px; } .panel-delta .page-element-body .ContentEditor a:link, .panel-delta .page-element-body .ContentEditor a:visited { color: #fff; } .panel-epsilon .page-element-inner { margin-right: 4px; background: #f7efef url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/paepbdbgtl.gif') no-repeat top left; } .panel-epsilon .page-element-body { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/paepebdbgtr.gif') no-repeat top right; color: #333 } .panel-epsilon .page-element-body .ContentEditor { color: #333; padding: 0px 8px 6px 8px; } .panel-epsilon .page-element-body .ContentEditor a:link, .panel-epsilon .page-element-body .ContentEditor a:visited { color: #333; } /* Tab Panels */ /* Default .element-tabs-container-alpha-outer { } .element-tabs-container-alpha-inner { width: 100%; overflow: hidden; } .element-tabs-menu-outer { } .element-tabs-menu-inner { width: 100%; overflow: hidden; } .element-tabs-menu-tab { display: block; float: left; width: 16%; margin-right: 2px; } a.element-tabs-menu-link:link, a.element-tabs-menu-link:visited { background: url("/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tab_off_left.gif") no-repeat left top; color: #572c80; display: block; text-decoration: none; } a.element-tabs-menu-link:hover, a.element-tabs-menu-link:active { color: #000; display: block; background: url("/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tabs_tab_left_over.gif") no-repeat left top; text-decoration: underline !important; cursor: pointer; } a.element-tabs-menu-link-selected:link, a.element-tabs-menu-link-selected:visited { background: url("/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tabs_tab_left.gif") no-repeat left top; ; width: 100%; color: #000; display: block; text-decoration: none; } a.element-tabs-menu-link-selected:hover, a.element-tabs-menu-link-selected:active { color: #000; display: block; text-decoration: underline !important; cursor: pointer; } .element-tabs-menu-tab-inner { display: block; text-align: center; font-size: 1em; padding: 4px; background: url("/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tabs_tab_right.gif") no-repeat top right; } a.element-tabs-menu-link:hover .element-tabs-menu-tab-inner { background: url("/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tabs_tab_right_over.gif") no-repeat top right; } a.element-tabs-menu-link-selected:hover .element-tabs-menu-tab-inner { background: url("/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tabs_tab_right.gif") no-repeat top right; } .element-tabs-panel-inner { padding: 10px; border: 1px dotted #999; } */ /* Tab Panels */ .element-tabs-container-alpha-outer { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tab_outer_right.gif') no-repeat bottom right; width: 100%; overflow: hidden; margin-bottom: 14px } .element-tabs-container-alpha-inner { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tab_outer_left.gif') no-repeat bottom left; padding-bottom: 10px; width: 100%; overflow: hidden } .element-tabs-menu-outer { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tab_menu_outer.gif') no-repeat top right; width: 100%; overflow: hidden } .element-tabs-menu-inner { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tab_menu_inner.gif') no-repeat top left; width: 100%; overflow: hidden } .element-tabs-menu-tab { display: block; float: left; width: auto !important; margin-right: 2px; } a.element-tabs-menu-link:link, a.element-tabs-menu-link:visited { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tab_off_left.gif') no-repeat left top; color: #ff0066; display: block; text-decoration: none; font-family:Calibri,Arial,Helvetica,sans-serif; font-weight: bold } span.element-tabs-menu-tab-inner { display: block; text-align: center; font-size: 1em; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tab_off_right.gif') no-repeat top right;; padding-left:20px; padding-right:25px; padding-top:6px; padding-bottom:4px } a.element-tabs-menu-link:hover, a.element-tabs-menu-link:active { color: #66FF00; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tab_over_left.gif') no-repeat left top; text-decoration: none !important; cursor: pointer } a.element-tabs-menu-link:hover .element-tabs-menu-tab-inner { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tab_over_right.gif') no-repeat top right; } a.element-tabs-menu-link-selected:link, a.element-tabs-menu-link-selected:visited { margin: 0 !important; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tab_beta_left.gif') no-repeat left top; color: #572c80; display: block; text-decoration: none } a.element-tabs-menu-link-selected:hover, a.element-tabs-menu-link-selected:active { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tab_beta_left.gif') no-repeat left top !important; color: #572c80; display: block; text-decoration: none !important; cursor: pointer } a.element-tabs-menu-link-selected:link span.element-tabs-menu-tab-inner, a.element-tabs-menu-link-selected:visited span.element-tabs-menu-tab-inner { padding-bottom: 16px; color: #66FF00 !important; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tabs_tab_right.gif') no-repeat top right; } .element-tabs-menu-tab-alpha a.element-tabs-menu-link-selected:link, .element-tabs-menu-tab-alpha a.element-tabs-menu-link-selected:visited { background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/tab_alpha_left.gif') no-repeat left top !important; } .element-tabs-panel-outer { border: 0px none; padding-left:20px; padding-right:16px; padding-top:6px; padding-bottom:0 } .element-tabs-panel-inner { border: 0px none; margin: 0; width: 100%; overflow: hidden } /* 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; color: #FF0066; } ol { padding-left: 1em; margin-left: 1em; } ol li { list-style-type: decimal; color: #000; } img, .noborder, .spacer { border: 0px none; } .center, .Center { margin: auto; text-align: center; } .invisible, .hide { display: none; } /* Links */ a:link { color: #FF0066; text-decoration: none; } a:visited { color: #FF0066; text-decoration: none; } a:hover, a:active { color: #FF0066; text-decoration: none; text-decoration: underline; } /* Usability */ #usability-outer { float: right; width: 75%; } #usability-inner { padding: 0px 10px 0px 0px; color: #000; } .usability-alpha { float: right; text-align: right; width: 100%; color: #000; font-size: 0.9em; } a.usability-alpha-link:link { color: #000033; text-decoration: none; } a.usability-alpha-link:visited { color: #000033; } a.usability-alpha-link:hover, a.usability-alpha-link:active { background: transparent; text-decoration: underline; } .ubl-alpha-sep { padding: 0 3px 0 3px; color: #000033; } .text-larger { } .text-normal { } .text-smaller { } .usability-beta { float: left; text-align: left; width: 24%; color: #000033; } a.usability-beta-link:link { color: #000033; text-decoration: underline; } a.usability-beta-link:visited { color: #000033; } a.usability-beta-link:hover, a.usability-beta-link:active { color: #000033; } .ubl-beta-sep { padding: 0 3px 0 3px; color: #000033; } /* 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('/EasySiteWeb/EasySite/StyleData/mortgageline/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('/EasySiteWeb/EasySite/StyleData/mortgageline/Images/current-link-bkgr.gif') top right; } a.mm-link-alpha:link, a.mm-link-alpha:visited { color: #000000; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/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; padding: 0; margin: 0; } /* Use HideFieldset/Legend if required for the design */ .SearchLegend { margin-left: 5px; padding-left: 5px; padding-right: 5px; } .SearchLabel { font-weight: bold; padding: 0 0 3px 0; display: block; } .SearchKeywords { width: 125px; border: 1px solid #2b2147; background: white; } .SearchButton { padding: 0; margin: 0; border: 0px solid white; background: url('/EasySiteWeb/EasySite/StyleData/mortgageline/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 #cccccc 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; } .AssetListPanelOuter { 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: #666666; 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: #ffffff; } .DataFormInputTextarea { float: left; width: 30%; padding: 2px; margin: 3px; border: 1px solid #000; background: #ffffff; } .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; } .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:5px; padding-bottom:5px; } .Asset_Center { text-align:center; padding-bottom:5px; } .Asset_Right { float: right; padding-left: 5px; 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; } */ /* 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 { border: 0px solid #000000; background: #E9EAEB; padding: 2px 2px 2px 2px; color: #000000; } .oRSSFeedHeaderInner, .oBoxHeaderInner { } .oRSSFeedBodyOuter, .oBoxBodyOuter { border: 0px solid #000; padding: 5px; } .oRSSFeedBodyInner, .oBoxBodyInner { width: 100%; } .oHeadlineBoxItem { padding: 2px 2px 2px 2px; color: #ffffff; } ul.oHeadlineBoxList { padding: 0; margin: 0; margin-left: 1em; padding-left: 0.5em; color: #ffffff; } li.oHeadlineBoxItem { color: #000000; } .oHeadlineBoxLink { color: #ffffff; 0.5em; } span.oHeadlineBoxItem { margin: 0; padding: 0; } span.oHeadlineBoxItemSecure { display: block; padding-left: 20px; background: #FF0066 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: 1em; padding-left: 1em; color: #000000; } li.oBoxItem { list-style-type: square; margin: 0; padding: 0; } 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; } .DataGridPagination { color: #666666; } .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 #FF0066 solid; margin-top: 1em; padding: 0px; } .oDataFormLegend { padding-left: 10px; padding-right: 10px; } .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: 40%; float: left; display: block; } .oDataFormLabel { display: block; margin-right: 3px; margin-bottom: 2px; padding: 3px 10px 4px 10px; background: #eeeeee; } .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 #000; background: #ffffff; } .oDataFormInputTextarea { border: 1px solid #000; background: #ffffff; } .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: #666666; background: #eeeeee url('/EasySiteWeb/EasySite/StyleData/Default/Images/button_bg.gif') repeat-x left top; border: 1px solid #cccccc; margin-right: 1px; font-weight: normal; cursor: pointer; line-height: 1.6em; font-size: 0.94em; padding-left:12px; padding-right:12px; padding-top:0; padding-bottom:0 }.oDataFormError { color: #ff0000; } .DataFormMarker { color: #FF0066; font-weight: bold; font-size: 0.8em; 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 { } /* Mailing List */ .oMailingListFieldset { } .oMailingListLegend { } /* Event Calendar */ .oEventCalendarSearchFieldset { } .oEventCalendarSearchLegend { } .oEventCalendarSearchButtonContainer { margin: 0; } .oEventCalendarSummaryDate { text-align: right; width: 25%; } /* Tell A Friend */ .oTellAFriendFieldset { } .oTellAFriendLegend { } /* Petitions */ .oPetitionsPreview { border: 1px solid #cccccc; margin: 1em 0 1em 0; padding: 8px; } /* 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 { }form .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; } }