/* ============================== START CSS Containers ============================== */ body { margin: 10px; padding: 0; background: #d2edf9; color: #000000; } body, table, td, th, select, input, textarea { font-size: 1em; font-family: verdana, helvetica, arial, sans-serif; } /* Skip Links */ .skip { height: 1px; width: 1px; position: absolute; top: -9999px; left: -9999px; line-height: 1px; font-size: 1px; display: block; z-index: -99; overflow: hidden; } /* Site navigation */ #site-navigation-outer { margin: auto; padding: 0 0 10px 0;} #site-navigation-inner { background-color: #ffffff; border: 1px solid #9c9c9c; width: 958px; overflow: auto;} #site-navigation-inner ul {margin: 0; padding: 0;} .welcome {float: left; width: 306px; padding: 10px 0 10px 2px; /*background-image: url(../../RCM_General/Images/site-nav-welcome-bg.gif); background-repeat: no-repeat; background-position: center left;*/ border-right: 1px solid #9c9c9c; } .rcm {float: left; width: 129px; border-right: 1px solid #9c9c9c; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; overflow: hidden; } .midwives {float: left; width: 129px; border-right: 1px solid #9c9c9c; font-weight: bold; overflow: hidden;} .ebm {float: left; width: 129px; border-right: 1px solid #9c9c9c; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size:.9em; overflow: hidden;} .jobs {float: left; width: 129px; border-right: 1px solid #9c9c9c; font-weight: bold; overflow: hidden;} .discussion {float: left; width: 129px; font-weight: bold; overflow: hidden;} a.rcm-link:link, a.rcm-link:visited { color: #ffffff; padding: 16px 0 16px 38px; display: block; background-image:url(../Images/site-nav-rcm-bg.gif); background-repeat: no-repeat; background-position:center; background-color: none; text-decoration: none; } a.rcm-link:focus, a.rcm-link:hover, a.rcm-link:active { color: #ffffff; padding: 16px 0 16px 38px; background-image:url(../Images/site-nav-rcm-bg.gif); background-repeat: no-repeat; background-position:center; background-color: rgb(175, 217, 244); display: block; text-decoration: none;} a.midwives-link:link, a.midwives-link:visited { color: #ffffff; padding: 10px 0 10px 32px; display: block; background-image:url(../Images/site-nav-midwives-bg.gif); background-repeat: no-repeat; background-position: center; text-decoration: none; } a.midwives-link:focus, a.midwives-link:hover, a.midwives-link:active { color: #ffffff; padding: 10px 0 10px 32px; background-image:url(../Images/site-nav-midwives-bg.gif); background-repeat: no-repeat; background-position: center; background-color: rgb(245, 168, 202); display: block; text-decoration: none; } a.ebm-link:link, a.ebm-link:visited { color: #ffffff; padding: 10px 0 10px 25px; display: block; background-image:url(../Images/site-nav-ebm-bg2.gif); background-repeat: no-repeat; background-position: center; background-color: none; text-decoration: none; } a.ebm-link:focus, a.ebm-link:hover, a.ebm-link:active { color: #ffffff; padding: 10px 0 10px 25px; background-image:url(../Images/site-nav-ebm-bg2.gif); background-repeat: no-repeat; background-position: center; background-color: rgb(195, 198, 200); display: block; text-decoration: none;} a.jobs-link:link, a.jobs-link:visited { color: #ffffff; padding: 16px 0 17px 30px; display: block; background-image:url(../Images/site-nav-jobs-bg.gif); background-repeat: no-repeat; background-position: center; background-color: none; text-decoration: none; } a.jobs-link:focus, a.jobs-link:hover, a.jobs-link:active { color: #ffffff; padding: 16px 0 17px 30px; background-image:url(../Images/site-nav-jobs-bg.gif); background-repeat: no-repeat; background-position: center; background-color: rgb(215, 203, 223); display: block; text-decoration: none;} a.discussion-link:link, a.discussion-link:visited { color: #ffffff; padding: 16px 0 17px 25px; display: block; background-image:url(../Images/site-nav-discussion-bg.gif); background-repeat: no-repeat; background-position: center; background-color: none; text-decoration: none; } a.discussion-link:focus, a.discussion-link:hover, a.discussion-link:active { color: #ffffff; padding: 16px 0 17px 25px; background-image:url(../Images/site-nav-discussion-bg.gif); background-repeat: no-repeat; background-position: center; background-color: rgb(211, 237, 243); display: block; text-decoration: none;} /* Containers */ #page-outer { margin: auto; background: #fff; } #page-inner { border: 1px solid #9c9c9c; } .page-body { width: 100%; overflow: hidden; } .PageWidthRelative { width: 90%; } .PageWidthAbsolute { width: 960px; } .fontSizeAdjustment { font-size: .9em } #header-outer { clear: both; padding-top: 10px; padding-bottom: 10px; } #header-inner { width: 100%; overflow: hidden; } #logo-outer { float: left; width: 650px;} #logo-inner { width: 100%; overflow: hidden; } #sign-in-panel-outer { text-align: right;} #sign-in-panel-inner { } #main-outer { clear: both; } #main-inner { width: 100%; overflow: hidden; } #left-outer { float: left; width: 155px; } #left-inner { width: 100%; overflow: hidden; } #section-title-bar-outer { float: right; width: 760px; padding: 10px 0 0 0px; position: relative; left: -3px; border-bottom: 1px dotted #000000; background-color:#FFFFFF; } #content-outer { margin:0px 250px 10px 165px; padding: 0 10px 0 10px; } #content-inner { width: 100%; overflow: hidden; } #right-outer { float: right; width: 240px; padding-left: 10px; margin: 10px 0 10px 0; } #right-inner { width: 100%; overflow: hidden; } .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%; overflow: hidden; } .element-column-left-alpha-outer { } .element-column-left-alpha-inner { width: 100%; overflow: hidden; } .element-column-left-alpha-content { } .element-column-right-alpha-outer { } .element-column-right-alpha-inner { width: 100%; overflow: hidden; } .element-column-right-alpha-content { } /* Columns Beta [With Right Hand Formatting in this example] */ .element-columns-beta-outer { clear: both; } .element-columns-beta-inner { width: 100%; overflow: hidden; } .element-column-left-beta-outer { } .element-column-left-beta-inner { width: 100%; overflow: hidden; } .element-column-left-beta-content { } .element-column-right-beta-outer { } .element-column-right-beta-inner { border: 1px solid #039; padding: 8px; background: #f7f7f7; } .element-column-right-beta-content { width: 100%; overflow: hidden; } /* Panel Alpha */ .oPanelTitle {color: #000000;} .element-panel-alpha-outer { background: #f7ecf0; clear: both; margin-bottom: 10px; margin-left: 0px; border: 1px solid #d89fb3; float:right; } .element-panel-alpha-inner { width: 100%; overflow: hidden; } .element-panel-alpha-icon-outer { } .element-panel-alpha-icon-inner { } .element-panel-alpha-header-outer { padding: 4px 5px 3px 5px; border-bottom: #1ea4e3; font-size: 1.4em; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; border-bottom: 1px solid #d89fb3; } .element-panel-alpha-header-inner { } .element-panel-alpha-body-outer { } .element-panel-alpha-body-inner { } .element-panel-alpha-body-content-outer { padding: 5px; } .element-panel-alpha-body-content-inner { width: 100%; overflow: hidden; } div.element-panel-alpha-body-content-inner ul { padding-left:0; margin-left: .5em; list-style-type: none; } div.element-panel-alpha-body-content-inner li {background-image: url("/EasySiteWeb/EasySite/StyleData/RCM_General/Images/arrow_bullet.gif"); background-repeat: no-repeat; background-position: 0em; padding-left: 1.5em; margin-bottom: 0.5em; } /* Panel Beta */ .element-panel-beta-outer { border: 1px solid #000000; clear: both; margin-bottom: 10px; float:right; background-color:#FFFFFF;} .element-panel-beta-inner { width: 100%; overflow: hidden; } .element-panel-beta-icon-outer { } .element-panel-beta-icon-inner { } .element-panel-beta-header-outer { padding: 4px 5px 3px 8px; color: #ffffff; font-size: 1.5em; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; } .element-panel-beta-header-inner { color: #ffffff; font-size: 1.5em; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold;} .element-panel-beta-body-outer { } .element-panel-beta-body-inner { } .element-panel-beta-body-content-outer { padding: 5px; background: #f7f7f7; } .element-panel-beta-body-content-inner { width: 100%; overflow: hidden; } div.element-panel-beta-body-content-inner ul { padding-left: 0; margin-left: .5em; list-style-type: none; } div.element-panel-beta-body-content-inner li { background-image: url("/EasySiteWeb/EasySite/StyleData/RCM_General/Images/arrow_bullet.gif"); background-repeat: no-repeat; background-position: 0em; padding-left: 1.5em; margin-bottom: 0.5em; } /* Panel Gamma */ .element-panel-gamma-outer { background: #e6e6ec; clear: both; margin-bottom: 10px; float:right;} .element-panel-gamma-inner { width: 100%; overflow: hidden; } .element-panel-gamma-icon-outer { } .element-panel-gamma-icon-inner { } .element-panel-gamma-header-outer { background: #003399; padding: 4px 5px 3px 8px; color: #ffffff; } .element-panel-gamma-header-inner { } .element-panel-gamma-body-outer { } .element-panel-gamma-body-inner { } .element-panel-gamma-body-content-outer { padding: 5px; background: #f7f7f7; } .element-panel-gamma-body-content-inner { width: 100%; overflow: hidden; } div.element-panel-gamma-body-content-inner ul { padding-left: 0; margin-left: .5em; list-style-type: none; } div.element-panel-gamma-body-content-inner li { background-image: url("/EasySiteWeb/EasySite/StyleData/RCM_General/Images/arrow_bullet.gif"); background-repeat: no-repeat; background-position: 0em; padding-left: 1.5em; margin-bottom: 0.5em; } /* 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 */ hr { height: 1px; color: #ccc; background: #ccc; padding: 0; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1px; border: 0; } strong { font-weight: bold; } em { font-style: italic; } form, ul, ol, { margin: 0; margin: 0; } p {margin: 0 0 5px 0; padding: 0 0 0 0px;} ul { padding-left: 0em; margin-left: 0.5; list-style: none; } ul li { } /* THIS WILL CHANGE THE MAIN HORIZONTAL NAV */ div.ContentEditor ul { padding-left: 0em; margin-left: 0.5; list-style: none; } div.ContentEditor li {padding-left: 1.5em; margin: 0 0 0.5em 0.5em;} ol { padding-left: 1.75em; margin-left: 1.75em; } ol li { list-style-type: decimal; } img, .noborder, .spacer { border: 0; } .center, .Center { margin: auto; text-align: center; } .invisible, .hide { display: none; } fieldset.hide { border: 0; padding: 0; margin: 0; display: block; } legend.hide { display: none; } /* All Links */ a:link { color: #1ea4e3; text-decoration: none; } a:visited { color: #1ea4e3; text-decoration: none; } a:hover, a:active { color: #1ea4e3; text-decoration: underline; } /* Content Links Only */ .ContentEditor a:link { } .ContentEditor a:visited { } .ContentEditor a:hover, .ContentEditor a:active { } a.oImageLink:hover, a.oImageLink:active { background: none; } /* Usability */ #usability-outer { clear: both; border-bottom: 1px solid #ccc; background: #f7f7f7; padding: 4px; font-size: 0.9em; color: #666; } #usability-inner { width: 100%; overflow: hidden; } div.usability { float: left; width: 70%; } div.datetime { float: right; width: 29%; text-align: right; } map.usability { } .usability ul { display: inline; padding: 0; margin: 0; } .usability ul li { list-style-type: none; display: inline; padding-right: 7px; } .usability a:link, .usability a:visited { text-decoration: none; color: #666; text-transform: capitalize; } .usability a:hover, .usability a:active { text-decoration: underline; color: #666; } .usability sep {} .text-resizer-title { } .text-larger { } .text-normal { } .text-smaller { } /* Main Menu */ #menu-outer { clear: both; color: #000000; } #menu-inner { width: 100%; overflow: hidden; } map.main-menu { display: block; } .main-menu ul { display: block; padding: 0; margin: 0; } .main-menu ul li { list-style-type: none; display: block; width: auto; float: left; text-align: center; margin-left: 0px; font-size: 1.1em; } a.menu-link:link, a.menu-link:visited { color: #000000; text-decoration: none; display: block; padding: 5px 13px 5px 13px; border-right: 1px solid #6d84b4; } a.menu-link:hover, a.menu-link:active { background: #ffffff; color: #1da3e3; border-right: 1px solid #6d84b4; } a.menu-kappa:link, a.menu-kappa:visited { border-right: 1px solid #d1c7da; } a.menu-kappa:hover, a.menu-kappa:active { border-right: 1px solid #ffffff; } .menu-outer {} .menu-inner {} /* Search Panel */ #search-panel-outer { width: 240px; float: left; font-size: 0.94em; } #search-panel-inner { overflow: hidden; width: 100%; } #search-form-outer { margin: 20px 0 0 0;} #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: 3px 0 0 0; display: block; } .SearchKeywords { width: 99%; float: right; margin: 0; font-size: 1.1em; } .SearchButton { color: #666666; background: #d1c7da; /*url("/EasySiteWeb/EasySite/StyleData/Default_General/Images/button_bg.gif") repeat-x left top;*/ border: 1px solid #000000; margin: 0; font-size: 0.9em; padding: 0 5px 0 5px; line-height: 1.6em; cursor: pointer; float: right; } .oDataSearchFormLabel { display: block; } .oDataSearchFormInputText { display: block; float: left; width: 80%; } .oDataSearchFormButton { display: block; float: right; width: 18%;} /* Alternate Locale Panel */ .oAlternateSelectorOuter { clear: both; } .oAlternateSelectorInner { width: 100%; overflow: hidden; margin-bottom: 10px;} /* Document Navigation - See Separate CSS */ /* Admin Links / Footer Links */ #AdminLinksOuter { border: 1px #cccccc solid; background: #eeeeee; padding: 2px 6px 2px 6px; margin-bottom: 10px; } #AdminLinksInner { width: 100%; overflow: hidden; } #AdminLinksInner a:link, a.AdminLinks:link, #AdminLinksInner a:visited, a.AdminLinks:visited { text-decoration: none; } #AdminLinksInner a:hover, a.AdminLinks:hover, #AdminLinksInner a:active, a.AdminLinks:active { text-decoration: underline; } /* Start Content Classes Here */ .ClientAreaContainer { width: 100%; } .CrLf { margin-top: 1em; } /* Section title classes and ids */ #section-title { float: left; font-family:Georgia, "Times New Roman", Times, serif; font-size: 3.5em; position: relative; top: 45px; } #section-title-banner { float: right; width: 488px; font-size: .7em; padding-bottom: 10px; color:#e5e5e7;} .banner-ad {border: 10px solid #e5e5e7; } .ad {border: 10px solid #e5e5e7; float: left; width: 200px; overflow: auto; margin-bottom: 20px;} /* Right Col classes */ .right-ad {border: 1px solid #1d428f; width: 218px; height: 86px; margin-bottom: 20px;} .right-ad-right {border: 1px solid #1d428f; width: 213px; height: 75px; margin-bottom: 20px; padding-left: 0px; clear: both; background: #ffffff;} .right-ad-image-left {float: left; margin-right: 5px;} .right-ad-image-right {float: right; margin-left: 5px;} .right-ad-right h3 { font-weight: bold; padding: 0px 0px 0px 5px; margin-bottom: 2px; } .right-ad-right p { margin: 0 0 2px 5px; } .right-ad-right p a { font-weight: bold; } .job-ad-right {border: 1px solid #1d428f; width: 213px; height: 75px; margin-bottom: 20px; padding-left: 0px; clear: both;} .job-ad-right h3 { font-weight: bold; padding: 0px 0px 0px 5px; margin-bottom: 2px; } .job-ad-right p { margin: 0 75px 2px 5px; } .job-ad-right p a { font-weight: bold; } .resourcebox {width: 218px; margin-bottom: 20px; } .resourcebox-list { font-size: 1em;} ul.resourcebox-list {list-style: disc; margin: 0 0 1em 3em; } li.resourcebox-list {padding: 0 0 .25em .5em; } .ad-box {margin-bottom: 0px; font-size: .7em; color:#e5e5e7;} /* Content bar */ .blue-bar {background: #1d428f url(../Images/blue_bg.gif) repeat-x; height: 10px; width: 100%;} .pink-bar {background: #d79fb3 url(../Images/pink_bg.gif) repeat-x; height: 10px; } /* =============================== END CSS General Presentation =============================== */ /* =============================== START CSS Modules and Forms =============================== */ /* Asset Browser */ .results-pagination-outer { margin-top: 10px; } .results-pagination-inner { width: 100%; overflow: hidden; } .asset-thumbail-list-outer { } .asset-thumbail-list-inner { width: 100%; overflow: hidden; } .asset-details-image { float: left; width: 200px; } .asset-details-information { margin-left: 210px; } .asset-details { border: 0; padding: 2px; } .admin_form_container { padding: 10px; padding-top: 5px; width: 60%; clear: both; } /* PMS Styles - Do Need to remove duplicates! .AssetManagerAreaMiddle { background: #F7F7F7; padding: 8px; } .AssetDetailsLeftOuter { width: 148px; float: left; height: auto; min-height: 180px; border: 1px solid #cccccc; background: #ffffff; } .AssetDetailsLeftInner { padding: 8px; vertical-align: middle; text-align: center; } .AssetDetailsRightOuter { margin-left: 175px; } .AssetDetailsRightInner { vertical-align: top; } */ .AssetManagerStatusBarOuter { clear: both; } .AssetManagerStatusBarInner { padding-top: 8px; } .StatusBarText { float: left; } .AssetListPanelOuter { margin-left: 168px; } .AssetListPanelInner { } .AssetCategoryPanelOuter { float: left; width: 168px; overflow: scroll; border: 1px solid #cccccc; background: #ffffff; } .AssetCategoryPanelInner { float: left; width: 100%; } /* DataForm Classes */ .DataFormLabel { display: block; width: 100%; } .DataFormQuestion { width: 40%; float: left; display: block; text-align: right; padding: 3px 10px 3px 10px; margin: 2px 2px 2px 2px; } .DataFormInputText { width: 45%; float: left; padding: 2px; margin: 2px 2px 2px 2px; border: 1px solid #E5E5E5; background: #ffffff; } .DataFormInputTextarea { float: left; width: 30%; padding: 2px; margin: 3px; } .DataFormInputCheckbox { float: left; margin: 1px; padding: 3px; } .DataFormInputRadio { vertical-align: middle; margin: 3px; padding: 2px; } .DataFormInputSelect { float: left; margin: 1px; padding: 2px; } .ModuleSearchButton, .DataFormButton { margin: 0.5em; color: #000000; background: #eeeeee; border: 1px solid #cccccc; } .DataFormButtonContainer { width: 99%; } .DataFormInputSelect, .DataFormButton, .DataFormInputText, .DataFormInputTextarea { } .DataFormAnswer { width: 45%; float: left; padding-top: 4px; } .DataFormErrorBlank { width: 40%; float: left; display: block; text-align: right; padding: 3px 10px 3px 10px; margin: 2px 2px 2px 2px; } .DataFormError { width: 45%; float: left; padding: 2px; margin: 2px 2px 2px 2px; color:Red; border: 0px solid #E5E5E5; font-style:italic; } .DataFormElementLabel { padding-top: 4px; display: block; width: 50%; } .DataFormOption { clear: both; } div.DataFormOption { width: 100%; } .DataFormOption label { display: block; float: left; width: 40%; text-align: right; padding: 4px; padding-right: 8px; } .DataFormOption spanner { display: block; padding: 2px; padding-top: 4px; } .DataFormWrapper { } /* Previously set background, but that broke stuff. Now does nothing */ .form-container-outer { } .form-container-inner { padding: 5px; } /* 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; } div.InlineAsset div a img { border:1px solid #cccccc; } .Asset_Left { float: left; padding-right:10px; padding-bottom:5px; } .Asset_Center { text-align: center; padding-bottom: 5px; margin: auto; } .Asset_Center div { margin: auto; } .Asset_Right { float: right; padding-left: 10px; padding-bottom:5px; } .Edit_PageProperties_Table { border-collapse:collapse; border:solid 0px white; border-spacing:0px; empty-cells:show; } .Edit_PageProperties_Title { padding:5px; text-align:center; background:#404050; color:White; font-weight:bold; } .Edit_PageProperties_SubSection { padding:2px; text-align:center; background:#F0F0E0; color:Black; } .Edit_PageProperties_Label { text-align:left; vertical-align: top; padding-left:7px; padding-right:15px; background:#FBFBF7; } .Edit_PageProperties_Property { vertical-align: top; padding:3px; padding-left:7px; padding-right:7px; } .Edit_Title { border: solid 1px #cccccc; display: block; padding: 4px; background: #F7F7F7; width:80%; } /* Brand New Classes Nov 2006 MG */ .oRSSFeedContainer {} .oRSSFeedBoxFull { margin: auto; margin-bottom: 10px; float: none; } .oRSSFeedBoxCentre { margin: auto; margin-bottom: 10px; float: none; } .oRSSFeedBoxLeft { float: left; margin-right: 10px; margin-bottom: 10px; } .oRSSFeedBoxRight { float: right; margin-left: 10px; margin-bottom: 10px; } .oRSSFeedContainerOuter, .oBoxContainerOuter { clear: both; } .oRSSFeedContainerInner { width: 100%; overflow: hidden; } .oRSSFeedHeaderOuter, .oBoxHeaderOuter { padding: 4px 5px 3px 0; color: #000000; } .oRSSFeedHeaderInner, .oBoxHeaderInner { } .oRSSFeedBodyOuter, oBoxBodyOuter { border: 0; padding: 0; } .oRSSFeedBodyInner, .oBoxBodyInner { width: 100%; } ul.oHeadlineBoxList { padding: 0; margin: 0; margin-left: .5em; padding-left: 0; color: #000000; } li.oHeadlineBoxItem { list-style-type: none; margin-bottom: 0.5em; } 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; }*/ .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; color: #000000; } li.oBoxItem { list-style-type: none; margin: 0 0 0.5em 0; padding: 0; } span.oBoxItem { margin: 0; padding: 0; } /* Page Lister - modifiers for Box CSS */ .oHeadlineBoxStyle { } .oHeadlineBoxStyle1 { } .oHeadlineBoxStyle2 { } .oBoxOuter, .oPageListerContainerOuter {} .oBoxInner, .oPageListerContainerInner .oBoxBodyOuter, .oPageListerBodyOuter {} .oBoxBodyInner, .oPageListerBodyInner {} .oPageListerContainerOuter ul.oBoxList { padding: 0; margin: 0; } .oPageListerContainerOuter li.oBoxItem { list-style-type: none; margin: 0 0 1em 0; padding: 0; clear: both; width: 100%; overflow: hidden; display: block; } .oPageListerContainerOuter li.oBoxItemOdd { background:/* #f4f9fa*/ #ffffff; } .oPageListerContainerOuter li.oBoxItemEven { background:/* #ecf5f7*/ #ffffff; } .oPageListerContainerOuter span.oBoxItemImage { display: block; float: left; width: 110px; } .oPageListerContainerOuter span.oBoxItemImage img { display: block; padding: 7px; } .oPageListerContainerOuter span.oBoxItemOuter { margin-left: 0em; padding: 0px; padding-left: 0; } .oPageListerContainerOuter span.oBoxItemInner { overflow: hidden; width: 100%; } .oPageListerContainerOuter span.oBoxItemTitle { font-weight: bold; } .oPageListerContainerOuter a.oBoxLink:link, .oPageListerContainerOuter a.oBoxLink:visited { } .oPageListerContainerOuter a.oBoxLink:hover, .oPageListerContainerOuter a.oBoxLink:active {} /* External RSS feed */ .oRSSElement { margin: 5px 0 5px 0; text-align: right; } .oRSSElementText { background-image:url(../Images/rss-icon.gif); background-repeat: no-repeat; padding-left: 19px; } /* Tables - Old Code to be removed at some point from main HTML */ .DataGrid tr.Active { background-color: #FCD7E2; } .DataGrid td.DataBox { text-align: center; } .DataGrid thead { background: #C9D6E0; } /* Pagination */ .oPaginationIcon { font-size: 1em; line-height: 1em; font-weight: bold; } .oPaginationSep { padding: 0 6px 0 6px; font-weight: normal; } .DataGridPagination { color: #cccccc; } .DataGridPagination a:link, .DataGridPagination a:visited { } .DataGridPagination a:hover, .DataGridPagination a:active { } /*New Tables */ table.oDataGrid { width: 100%; border: 0; border-collapse: separate; font-size: 1em; empty-cells: show; margin-top: 1em; } table.oDataGrid tr { text-align: left; } tr.table-row-background-alpha { background: #eeeeee; } tr.table-row-background-beta { background: #F7F7F7; } th.oDataGridHeader { border: 0; border-bottom: 1px solid #003399; padding: 2px 8px 2px 8px; color: #ffffff; background: #003399; 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; } span.oDataGridContentFeatured { font-weight: normal !important; font-size: 2em; display: block; background: red; } /* Forms */ .window { padding: 0; margin: 0; } .oDataForm { } .oDataFormContainer { width: 100%; overflow: hidden; clear: both; } .oDataFormFieldset { border: 1px #cccccc solid; margin: 0; margin-top: 1em; padding: 0px; } .oDataFormLegend { padding-left: 10px; padding-right: 10px; } .window .oDataFormElementContainer { padding: 0; margin: 0; } fieldset.oDataFormFieldset .oDataFormElementContainer, fieldset.oDataFormFieldset .oDataElementContainer { padding: 6px 10px 6px 10px !important; } .oDataFormElement { width: 100%; overflow: hidden; clear: both; margin-bottom: 2px; } .oDataFormComment { margin: 0.5em 0 0.5em 0; } .oDataFormQuestion { text-align: right; width: 35%; float: left; display: block; } .oDataFormQuestionNewLine { width: 100%; float: none; text-align: left; display: block; margin-bottom: 2px; } .oDataFormLabel { display: block; margin-right: 3px; padding: 3px 10px 3px 10px; background: #eeeeee; } .oDataFormLabelNewLine { } .oDataFormAnswer { text-align: left; display: block; width: 64%; float: left; } .oDataFormAnswerNewLine { text-align: left; display: block; width: 100%; float: none; padding-bottom: 5px; } .oDataFormAnswerText { text-align: left; float: left; display: block; width: 60%; padding-top: 2px; } .oDataFormAnswerTextNewLine { float: none; width: 100%; padding-bottom: 5px; } .oDataFormAnswerTextStyle { } .oDataFormInputSuffix { padding-left: 10px; } .oDataFormInputNote { padding-left: 4px; } .oDataFormInputText { margin: 0px; width: 90%; border: 1px solid #cccccc; } .oDataFormInputTextarea { margin: 0px; width: 90%; border: 1px solid #cccccc; } .oDataFormDatePicker { width: 100px; } table.DataFormInputCheckbox { padding: 0; margin: 0; border-collapse: collapse; } table.DataFormInputCheckbox td { padding: 0; margin: 0; } table.DataFormInputCheckbox tr { padding: 0; margin: 0; } table.DataFormInputCheckbox input { padding: 0; margin: 0; } table.oDataFormInput { padding: 0; margin: 0; border-collapse: collapse; } table.oDataFormInput td { padding: 0; margin: 0; } table.oDataFormInput tr { padding: 0; margin: 0; } table.oDataFormInput input { padding: 0; margin: 0; } .oDataFormInputTextShort { width: 100px; } .oDataFormInputTextMedium { width: 60%; } .oDataFormInputTextFull { width: 90%; } .oDataFormInputShort { width: 20%; } .oDataFormInputMedium { width: 60%; } .oDataFormInputLong { width: 90%; } .oDataFormButtonContainer { padding-top: 10px; padding-bottom: 10px; display: block; clear: both; width: 100%; } .oDataFormButton { color: #666666; background: #eeeeee url("/EasySiteWeb/EasySite/StyleData/Default_General/Images/button_bg.gif") repeat-x left top; border: 1px solid #cccccc; margin-right: 10px; padding: 0 12px 0 12px; font-weight: normal; cursor: pointer; line-height: 1.6em; font-size: 0.94em; } .oDataFormError { color: #ff0000; } .DataFormMarker { color: #ff0000; font-weight: bold; font-size: 1.2em; line-height: 1em; } /* Multimap */ /* contains the entire map Image*/ .MultimapContainer { position: relative; } /* the actual map itself */ .MultimapMap { } /* Contains an instance of a pin*/ .MultimapPinContainer { /* left and top are set programatically */ position: absolute; } /* the pin image */ .MultimapPinImage { position: absolute; background: url("/EasySiteWeb/EasySite/SupportFiles/images/icons/multimap_pointer.gif") no-repeat; left: -13px; top: -23px; cursor: pointer; } /* the div span that holds the link button that gets toggled by MouseOver/MouseOut */ .MultimapPinUrlContainer { background-color: #eeeeee; position: absolute; text-align: left; white-space: nowrap; } /* the actual link button */ .MultimapPinUrl { } /* Polling */ .oPollingChartBar { background: #eeeeee; display: block; overflow: hidden; border: 1px solid #000000; } /* Ratings */ .oRatingsContainer { } .oRatingsFieldset { } .oRatingsLegend { } /* Discussion Forums */ .oForumInputText { width: 90%; } .oForumMainTopicPanel { background: #fafafa; border: 1px solid #A5B7BF; margin: 1em 0 1em 0; } .oForumMainTopicTitleContainer { background: #F2F4FF; padding: 5px 0 0 7px; } .oForumTopicTitle { font-weight: normal; font-size: 1.2em; } .oForumMainTopicBody { padding: 10px; border-top: 1px solid #A5B7BF; } .oForumAttachmentQuestion { font-weight: bold; } .oForumAttachmentListContainer { padding: 10px 0 0 0; } .oForumFieldset { } .oForumLegend { } .oForumTitleResponse { } /* Mailing List */ .oMailingListFieldset { } .oMailingListLegend { } /* Event Calendar */ .oEventCalendarSearchFieldset { } .oEventCalendarSearchLegend { } .oEventCalendarSearchButtonContainer { margin: 0; } .oEventCalendarSummaryDate { text-align: right; width: 25%; } /* Tell A Friend */ .oTellAFriendFieldset { } .oTellAFriendLegend { } /* Login Panel */ .oLoginPanel { } .oLoginPanelSubtext { display: none; } .oLoginPanelSubtext a:link, .oLoginPanelSubtext a:visited, .oLoginPanelSubtext a:hover, .oLoginPanelSubtext a:active { display: block; } /* Login Element Panel */ .oLoginPanel { border: solid 1px #E5E5E5; background: #F2F2F2; padding: 3px; margin: auto;} .oLoginTitle { text-align: left; background: #eee; padding: 10px; color: #666666; font-weight: bold; } .oLoginContent { background: #eee; padding: 10px; } .oLoginError { color: #ff0000; margin: 1em; } n.oLoginButtonContainer { margin-left: 35%; } .oLoginPanelSubtext { padding-top: 4px; } /* Petitions */ .oPetitionsPreview { border: 1px solid #cccccc; margin: 1em 0 1em 0; padding: 8px; } /* start old DF */ .Message { } .MessageAlt { } .MessageTitle { font-weight:bold; } .MessageSubmittor { } .DiscussionDateHeader{} /* end old DF */ /* Asset Browser Thumbnail View */ .asset-thumbnail-list-outer { clear: both; } .asset-thumbnail-list-inner { width: 100%; overflow: hidden; } .asset-thumbnail-panel { width: 24%; float: left; color: #cccccc; margin-bottom: 10px; } .asset-thumbnail-panel-inner { border: 1px solid #cccccc; background: #fdfafd; margin-right: 10px; padding: 5px; text-align: center; } .asset-thumbnail-panel-inner:hover, .asset-thumbnail-panel-inner:active { border: 1px solid #996699; background: #fdfafd; } /* Set width here for thumbs */ .oAssetThumbnailOuter { } .oAssetThumbnailInner { } .oAssetThumbnailImage { height: 80px; width: 100%; overflow: hidden; } .oAssetThumbnailCaption { padding-top: 5px; display: block; height: 2.4em; min-height: 2.4em !important; overflow: hidden; } .oAssetBrowserLinks { display: block; padding-top: 5px; position: relative; } a.oAssetBrowserLink:link, a.oAssetBrowserLink:visited { } a.oAssetBrowserLink:hover, a.oAssetBrowserLink:active { } /* Pagination */ .oPaginationIcon { } .oPaginationSep { } /* Navigation Tabs Element */ .el-tab-navigation-outer { clear: both; } .el-tab-navigation-inner { width: 100%; } ul.oTabNavigation { display: inline; list-style-type: none; } li.oTabNavigation, li.oTabNavigationSelected { display: block; float: left; margin-right: 10px; } li.oTabNavigationSelected {} a.oTabNavigation:link, a.oTabNavigation:visited { display: block; border: 1px solid #663399; text-decoration: none; } a.oTabNavigation:hover, a.oTabNavigation:active { display: block; border: 1px solid #cccccc; text-decoration: none; } a.oTabNavigationSelected:link, a.oTabNavigationSelected:visited { text-decoration: none; background: #eeeeee; } a.oTabNavigationSelected:hover, a.oTabNavigationSelected:active { text-decoration: none; } span.oTabNavigationItemOuter, span.oTabNavigationItemOuterSelected { display: block; } span.oTabNavigationItemInner, span.oTabNavigationItemInnerSelected { display: block; padding: 3px 10px 3px 10px; } /* Portal styles */ .portal-element-inner .header-outer { display: none; } .portal-body-outer { border: none; padding: 0; background: none; } .portlet-inner .portlet-header { display: none !important; } .portlet-body .element-panel-alpha-body-content-inner .Asset_Left { clear: left; } .portlet-body .element-panel-alpha-body-content-inner .ContentEditor { line-height: 24px; padding-bottom: 7px; } .portlet-body .element-panel-alpha-body-content-inner .ContentEditor p { line-height: 1.2em; padding-bottom: 5px; } /* print friendly */ @media print { body { margin: 10px; padding: 0; background: #ffffff; color: #000000; } .PageWidthRelative { width: auto; } .PageWidthAbsolute { width: auto; } #page-inner { border: none; padding-left: 20px; padding-right: 20px;} #site-navigation-outer, #section-title-banner, #sign-in-panel-outer, #search-panel-outer, #usability-outer, #main-banner-outer, #menu-outer, #footer-outer, #section-title-bar-outer, .content-top-breadcrumb-and-bar { display: none; } #left-outer { width: 0; display: none; } #right-outer { width: 0; display: none; } #content-outer { margin: 0px !important; width:95%; } #content-inner { overflow: hidden; padding-top: 4px; font-size: 14pt; } #main-outer { clear: both; background:none; width: 100%; } .PageToolsPrintThisPage2 {display: none;} } /* Page tools */ .PageToolsAddAComment {background-image: url("/EasySiteWeb/EasySite/StyleData/RCM_General/Images/icon_comment.gif"); background-repeat: no-repeat; background-position: 0em; padding-left: 2em; margin-bottom: 1em; font-weight: bold;} .PageToolsPrintThisPage {background-image: url("/EasySiteWeb/EasySite/StyleData/RCM_General/Images/icon_print.gif"); background-repeat: no-repeat; background-position: 0em; padding-left: 2em; margin-bottom: 1em; font-weight: bold;} .PageToolsPrintThisPage2 {background-image: url("/EasySiteWeb/EasySite/StyleData/RCM_General/Images/icon_print.gif"); background-repeat: no-repeat; background-position: 0em; padding-left: 2em; margin-bottom: 0em; font-weight: bold;} .PageToolsDownloadPDF {list-style-type: none; background-image: url("/EasySiteWeb/EasySite/StyleData/RCM_General/Images/icon_pdf.gif"); background-repeat: no-repeat; background-position: 0em; padding-left: 2em; margin-bottom: 1em; font-weight: bold;}