/* ============================== START CSS Containers ============================== */ body { margin: 0; padding: 0; background: #EAE8E2; color: #000000; font-family: arial, sans-serif; font-size: 12px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1ded6', endColorstr='#FFFFFF'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FDDBBF), to(#FFF)); /* for webkit browsers */ background: -moz-linear-gradient(top, #FDDBBF, #FFF); /* for firefox 3.6+ */ background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.47, rgb(255,255,255)), color-stop(0.9, rgb(225,222,214)) ); background-image: -moz-linear-gradient( center bottom, rgb(255,255,255) 47%, rgb(225,222,214) 90% ); } /* Containers */ #page-outer { width:1000px; margin: auto; background:#FFF; overflow:hidden; } #page-inner { margin: 0 15px } .PageWidthRelative { width: 90%; } .PageWidthAbsolute { width: 780px; } #header-outer { } #header-inner { } #logo-outer { clear: both; height:161px; } #logo-inner { background: url("../Images/headerbg.jpg") no-repeat top left; height:161px } .header-strap { position:relative; top:28px; font-family:Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:bold; color:#2c2c2c; } #main-outer { clear: both; } #main-inner { width: 100%; margin-top:10px; } #left-outer { float: left; width: 212px; } #left-inner { } #content-outer { margin-left: 230px; } #content-inner { } .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; overflow:hidden } .element-columns-alpha-inner { width: 100%; } .element-column-left-alpha-outer { border: 0px solid red } .element-column-left-alpha-inner { width: 100%; } .element-column-left-alpha-content { } .element-column-right-alpha-outer { border: 0px solid red } .element-column-right-alpha-inner { width: 100%; } .element-column-right-alpha-content { } /* Panel Alpha */ .element-panel-alpha-outer { clear: both; margin-bottom: 0px; background: url("../Images/panel-gamme-body.png") repeat-x #fff; border:2px solid #ee7f01; border-radius: 18px; overflow:hidden; margin-top:15px; padding:5px; } .element-panel-alpha-inner { width: 100%; overflow: visible; } .element-panel-alpha-icon-outer { display: none; } .element-panel-alpha-icon-inner { display: none; } .element-panel-alpha-header-outer { background: url("../Images/panel-gamme-header.png") repeat-x #ee7f01; min-height:20px; padding: 5px 5px 3px 8px; color: #ffffff; border-radius: 15px; box-shadow: 1px 1px 2px #b9b9b9; border:1px solid #fcecda } .element-panel-alpha-header-inner { } .element-panel-alpha-body-outer { } .element-panel-alpha-body-inner { } .element-panel-alpha-body-content-outer { border: 0px solid #ff6600; padding:0 2px 2px } .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 a:link, div.element-panel-gamma-body-content-inner a:visited { color: #4b253e; text-decoration: none; background: transparent; } div.element-panel-alpha-body-content-inner a:hover, div.element-panel-gamma-body-content-inner a:active { color: #b68ea8; text-decoration: none; background: transparent; } /* Panel beta */ .element-panel-beta-outer { clear: both; margin-bottom: 10px; } .element-panel-beta-inner { width: 100%; overflow: visible; } .element-panel-beta-icon-outer { display: none; } .element-panel-beta-icon-inner { display: none; } .element-panel-beta-header-outer { background: #0066cc; padding: 3px 5px 3px 8px; color: #ffffff; } .element-panel-beta-header-inner { } .element-panel-beta-body-outer { } .element-panel-beta-body-inner { } .element-panel-beta-body-content-outer { border: 0px solid red; padding: 5px; /*background: url("../Images/rounded-corners-bg.gif") no-repeat top left;*/ height:294px; margin-top:20px; } .element-panel-beta-body-content-inner { width: 100%; } div.element-panel-beta-body-content-inner ul { padding-left: 1em; margin-left: 1em; } div.element-panel-beta-body-content-inner li { list-style-type: square; } div.element-panel-beta-body-content-inner a:link, div.element-panel-beta-body-content-inner a:visited { color: #4b253e; text-decoration: none; background: transparent; } div.element-panel-beta-body-content-inner a:hover, div.element-panel-beta-body-content-inner a:active { color: #4b253e; text-decoration: underline; background: transparent; } .element-panel-beta-outer .element-column-left-alpha-outer { width:215px!important; margin:15px 0 0 15px; } .element-panel-beta-outer .element-column-right-alpha-outer { /*width:215px!important;*/ margin:-0px 0 0 0px; overflow:visible } .element-panel-beta-outer .ContentEditor { border: 0px solid red; margin-bottom:5px; } .element-panel-beta-outer .oAssetInline { margin: 0 7px 1em 0!important } /* Panel gamma */ .element-panel-gamma-outer { clear: both; margin-bottom: 0px; } .element-panel-gamma-inner { width: 100%; overflow: visible; } .element-panel-gamma-icon-outer { display: none; } .element-panel-gamma-icon-inner { display: none; } .element-panel-gamma-header-outer { background: #ff6600; padding: 3px 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 { border: 0px solid #ff6600 } .element-panel-gamma-body-content-inner { width: 100%; } div.element-panel-gamma-body-content-inner ul { padding-left: 1em; margin-left: 1em; } div.element-panel-gamma-body-content-inner li { list-style-type: square; } div.element-panel-gamma-body-content-inner a:link, div.element-panel-gamma-body-content-inner a:visited { color: #4b253e; text-decoration: none; background: transparent; } div.element-panel-gamma-body-content-inner a:hover, div.element-panel-gamma-body-content-inner a:active { color: #b68ea8; text-decoration: none; background: transparent; } /* For further columns / panels; use Beta / Gamma */ /* AZ Menu */ .AZLinkBar { color: #000000; font-size: 1em; padding-top: 10px; padding-bottom: 10px; } /* =============================== END CSS Columns and Panels =============================== */ /* =============================== START CSS General Presentation =============================== */ /* Float Generics */ .fl, .float-left { float: left; } .fr, .float-right { float: right; text-align: right; width:50% } /* Generics */ strong { font-weight: bold; } em { font-style: italic; } form, ul, ol, p { margin-top: 5px; margin-bottom: 5px; } table, td, th, select, input, textarea { font-size: 1em; font-family: verdana, sans-serif; } select, input {} /*input:focus { color: #000; background: #e4e4e4; }*/ textarea { border: 1px solid #000; background: #fff; } fieldset { } legend { } .HideLegend, .HideFieldset { border: 0; padding: 0; margin: 0; } .HideLegend { display: none; } ul { padding-left: 0 0 0 1em; margin: 0.8em 0 0 1em } ul li { list-style-type: disc; color: #333; margin-bottom:0.3em } ol { padding-left: 1em; margin-left: 1em; } ol li { list-style-type: decimal; color: #000; } img, .noborder, .spacer { border: 0; } .center, .Center { margin: auto; text-align: center; } .invisible, .hide { display: none; } /* Links */ a:link { color: #008A76; text-decoration: none; font-weight:bold } a:visited { color: #008A76; text-decoration: none; font-weight:bold} a:hover, a:active { color: #fff; text-decoration: underline; font-weight:bold; background:#008A76 } a:active { border:1px dotted #000000; margin:-1px } #logo-inner a:hover { background:none!important } .lister-carousel.lister-omega .wrapper a:hover { background:none!important } #footer-alpha-inner a:hover { background:none!important } /*a.oLinkAsset { display:block; float:left; width:130px; min-height:45px; background: url("../Images/btn-book-tickets.png") no-repeat!important; padding: 14px 27px 0 55px; color:#000; line-height:110%; margin-top:10px; font-size:1.5em; color:white} */ a.oLinkAssetImg { display:block; float:left; width:145px; min-height:35px; background: url("../Images/btn-book-tickets-sml.png") no-repeat!important; padding: 19px 10px 0 30px; color:#fff!important; line-height:110%; color: white; font-size:1.3em } a:hover.oLinkAssetImg { color:#FFFFFF!important; text-decoration:underline!important } /*ONE DECK a.oLinkAsset { border:1px solid red; display:block; float:left; min-width:230px; min-height:33px; background: url("../Images/book-tickets-button-bg.gif") no-repeat; padding: 40px 0px 0px 68px; color:#1122CC} */ /* Usability */ #usability-outer { clear: both; padding: 3px 0px 5px 0px; color: #949494; font-size:1.1em; } #usability-inner { width: 100%; overflow: hidden; font-weight:bold } .usability-alpha { float: left; width: 100%; color: #828282; } a.usability-alpha-link:link { color: #828282; text-decoration: underline; } a.usability-alpha-link:visited { color: #828282; } a.usability-alpha-link:hover, a.usability-alpha-link:active { color: #949494; background: transparent; } .ubl-alpha-sep { padding: 0 3px 0 3px; color: #828282; } .text-larger { } .text-normal { } .text-smaller { } .usability-beta { float: right; text-align: right; width: 24%; color: #FDD803; } a.usability-beta-link:link { color: #ffffff; text-decoration: underline; } a.usability-beta-link:visited { color: #ffffff; } a.usability-beta-link:hover, a.usability-beta-link:active { color: #FDD803; } .ubl-beta-sep { padding: 0 3px 0 3px; color: #828282; } /* Main Menu */ #menu-outer { clear: both; } #menu-inner { width: 100%; overflow: hidden; } .menu-link { width: 16%; float: left; font-weight: normal; text-align: center; display: block; } a.mm-link:link, a.mm-link:visited { padding: 2px 13px 3px 13px; color: #ffffff; text-decoration: none; font-weight: bold; display: block; } a.mm-link:hover, a.mm-link:active { color: #FF3333; text-decoration: none; } a.mm-link-alpha:link, a.mm-link-alpha:visited { border: 2px solid #74C28F; background-color: #74C28F; background-image: url("../../Default/Images/bg_tnv_A.gif"); background-position: bottom; } a.mm-link-alpha:hover, a.mm-link-alpha:active { } a.mm-link-beta:link, a.mm-link-beta:visited { border: 2px solid #72B4E0; background: #72B4E0 url("../../Default/Images/bg_tnv_B.gif") bottom; } a.mm-link-beta:hover, a.mm-link-beta:active { } a.mm-link-gamma:link, a.mm-link-gamma:visited { border: 2px solid #8B5DE6; background: #8B5DE6 url("../../Default/Images/bg_tnv_C.gif") bottom; } a.mm-link-gamma:hover, a.mm-link-gamma:active { } a.mm-link-delta:link, a.mm-link-delta:visited { border: 2px solid #F38888; background: #F38888 url("../../Default/Images/bg_tnv_D.gif") bottom; } a.mm-link-delta:hover, a.mm-link-delta:active { } a.mm-link-epsilon:link, a.mm-link-epsilon:visited { border: 2px solid #E08E57; background: #E08E57 url("../../Default/Images/bg_tnv_E.gif") bottom; } a.mm-link-epsilon:hover, a.mm-link-epsilon:active { } a.mm-link-zeta:link, a.mm-link-zeta:visited { border: 2px solid #EB6E6E; background: #EB6E6E url("../../Default/Images/bg_tnv_F.gif") bottom; } a.mm-link-zeta:hover, a.mm-link-zeta:active { } /* Search Panel */ #search-panel-outer { width:212px; height:32px; background: url("../Images/nav-searchbg.gif") no-repeat top left; ;display:block; } #search-panel-inner { overflow: hidden; width: 100%; } #search-form-outer { margin: 4px 8px 8px 8px; } #search-form-inner { overflow: hidden; width: 100%; } .SearchFieldset { border: 1px solid #cccccc; padding: 0; margin: 0; } /* Use HideFieldset/Legend if required for the design */ .SearchKeywords { width: 78%; border-radius:8px!important; padding:2px 0 2px 5px; font-size:0.9em } .SearchButton { padding: 0; margin: 0; cursor: pointer; width:27px; height:27px; background: url("../Images/nav-searchbuttonbg.gif") no-repeat; border: 0; padding-bottom:0px; font-weight:bold } .buttonwrap input:focus { color:#FFF; } .oDataSearchFormInputText { display: inline; } .oDataSearchFormButton { display: inline; } .buttonwrap { width:27px; height:27px; float:right; margin-top:-25px; margin-right:-3px; } .element-column-right-alpha-inner .oBoxItem { overflow:hidden; margin-bottom:10px; height: 65px; border-bottom:1px dotted #999999; m } .element-column-right-alpha-inner img { margin-right:10px } .item-summary { margin-bottom:-10px } .search-results-outer li { margin-bottom:-3px } /*#search-panel-outer input:focus { padding: 0 0 4; margin: 0; cursor: pointer; width:27px; height:27px; background: url("../Images/nav-searchbuttonbg.gif") no-repeat; border: 0; font-weight:bold; color:#FFF }*/ /* left nav */ #nav-wrap { widows:212px; margin-top: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; } a.AdminLinks:link { color: #0066cc!important; font-weight: normal; margin:1px } a.AdminLinks:visited { color: #0066cc!important; font-weight: normal; } a.AdminLinks:hover, a.AdminLinks:active { color: #FFF!important; border:1px dotted #000000; margin:0!important } /* Start Content Classes Here */ .ClientAreaContainer { width: 100%; } .CrLf { margin-top: 1em; } /*images*/ /*#esctl_4323484_pnlAssetImgHolder { border-radius: 10px; border: 2px solid #ffc89b; height:175px; }*/ .asset img { border-radius: 8px; } .tiles-container .asset img { border-radius: 0px; } /*table style*/ caption { text-align:left; margin-bottom:5px; border-bottom:1px dotted #000; font-weight:bold; } thead { background:#EF7F02; color:#FFF; height:20px; } caption, thead { font-size:1.1em } td { background-color:#fdf1e7; padding-left:5px } /* =============================== END CSS General Presentation =============================== */ /* =============================== START CSS Modules and Forms =============================== */ /* Asset Browser */ .results-pagination-outer { margin-top: 10px; } .results-pagination-left { float: left; width: 100%; overflow: hidden; } .asset-thumbail-list-outer { } .asset-thumbail-list-inner { float: left; width: 100%; overflow: hidden; } .asset-details-image { float: left; width: 200px; } .asset-details-information { margin-left: 210px; } .asset-details { border: 0; padding: 2px; } .admin_form_container { padding: 10px; padding-top: 5px; width: 60%; clear: both; } /* PMS Styles - Do Need to remove duplicates! .AssetManagerAreaMiddle { background: #F7F7F7; padding: 8px; } .AssetDetailsLeftOuter { width: 148px; float: left; height: auto; min-height: 180px; border: 1px solid #cccccc; background: #ffffff; } .AssetDetailsLeftInner { padding: 8px; vertical-align: middle; text-align: center; } .AssetDetailsRightOuter { margin-left: 175px; } .AssetDetailsRightInner { vertical-align: top; } */ .AssetManagerStatusBarOuter { clear: both; } .AssetManagerStatusBarInner { padding-top: 8px; } .StatusBarText { float: left; } .AssetListPanelOuter { margin-left: 168px; } .AssetListPanelInner { } .AssetCategoryPanelOuter { float: left; width: 168px; overflow: scroll; border: 1px solid #cccccc; background: #ffffff; } .AssetCategoryPanelInner { float: left; width: 100%; } /* 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: 10px; margin: 10px 10px 10px 0; } .DataFormInputText { width: 45%; float: left; padding: 2px; margin: 2px 2px 2px 2px; border: 1px solid #000; background: #fff; } .DataFormInputTextarea { float: left; width: 30%; padding: 2px; margin: 3px; border: 1px solid #000; background: #fff; } .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; margin: 10px 0 10px 0; } .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-color:#FAFAFA; font-size: 94%; text-align: center; overflow: hidden; } div.InlineAsset div a img { border:1px solid #cccccc; } .Asset_Left { float: left; padding-right:10px; padding-bottom:5px; } .Asset_Center { text-align:center; padding-bottom:5px; } .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 */ .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 { position: relative; } .oRSSFeedContainerInner { width: 100%; background: #ffffff; } .oRSSFeedHeaderOuter { background: #0A51A1; padding: 3px 5px 3px 8px; color: #ffffff; } .oRSSFeedHeaderInner { } .oRSSFeedBodyOuter { border: 1px solid #0A51A1; 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: #666666; } .DataGridPagination a { color: #0066cc; text-decoration: none; } .DataGridPagination a:hover, .DataGridPagination a:hover { text-decoration: underline; } /*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: 1px solid #736273; padding: 2px 8px 3px 8px; color: #ffffff; background: #0066cc; 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 #cccccc solid; margin-top: 1em; padding: 0px; } .oDataFormLegend { padding-left: 5px; padding-right: 5px; color: #666666; font-size: 1.2em; } .oDataFormElementContainer, .oDataElementContainer { padding: 4px 10px 6px 10px; } .oDataFormElement { width: 100%; overflow: hidden; clear: both; display: inline; } .oDataFormComment { margin: 0.5em 0 0.5em 0; } .oDataFormQuestion { text-align: left; width: 35%; float: left; display: block; } .oDataFormLabel { display: inline; margin-right: 5px; margin-bottom: 5px; padding: 3px 10px 4px 10px; font-weight: bold; } .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 black; background: #fff; } .oDataFormInputTextarea { border: 1px solid black; background: #fff; } .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: #eeeeee; border: 1px solid #cccccc; margin-right: 15px; padding: 1px 15px 0px 15px; font-weight: normal; } .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("../../../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 { } .MessageTitle { font-weight:bold; } .MessageSubmittor { } .DiscussionDateHeader{} /* end old DF */ /*NEWS CAROUSEL*/ .lister-carousel.lister-omega { height: 225px; margin-bottom: 1em; background: url("../Images/carousel-bg.gif") no-repeat top right } .lister-carousel.lister-omega .page-element-inner { } .lister-carousel.lister-omega .header-outer { background: url("../../Default/Images/promotion/pro_sdr_hl_bg.gif") no-repeat scroll left top transparent; display:none } .lister-carousel.lister-omega .header-inner { background: url("../../Default/Images/promotion/pro_sdr_hr_bg.gif") no-repeat scroll right top transparent; } .lister-carousel.lister-omega .header { color: #000000; display: block; font-size: 1.3em !important; margin: 0; padding: 6px 10px; } .lister-carousel.lister-omega .body-outer { background: none; height: 230px; overflow: visible; position: relative } .lister-carousel.lister-omega .body-inner { } .lister-carousel.lister-omega .wrapper { height: 230px; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } .lister-carousel.lister-omega .wrapper ul, .lister-carousel.lister-omega .wrapper ul li { list-style-type: none; margin: 0; padding: 0; } .lister-carousel.lister-omega .wrapper ul { width: 32700px; } .lister-carousel.lister-omega .wrapper ul li { background:none; border: 0px solid #FFFFFF; float: left; min-height: 188px; width: 760px; margin-top:-5px; } .lister-carousel.lister-omega .article-asset { float: left; min-height: 180px; min-width: 220px; margin:0 } .lister-carousel.lister-omega .article-content { padding: 0; } .lister-carousel.lister-omega .article-content span { display: block; } .lister-carousel.lister-omega .article-content span.datetime, .lister-carousel.lister-omega .article-content span.author { font-style: italic; } .lister-carousel.lister-omega .pagination-outer { background:none; height: 40px; position: absolute; margin:0; margin-top:-40px; } .lister-carousel.lister-omega .pagination-inner { background: none; height: 58px; } .lister-carousel.lister-omega #thumbNav { position: relative; text-align: center; margin-left: 95px; } .lister-carousel.lister-omega .pagination-outer { width:500px; } .lister-carousel.lister-omega .pagination-outer a:link, .lister-carousel.lister-omega .pagination-outer a:visited { color: #000000; cursor: pointer; font-size: 10px; font-weight: bold; padding: 0 4px 15px; text-decoration: none; background: url("../Images/carousel-page-orange.png") no-repeat top left; margin-right:3px; } .lister-carousel.lister-omega .pagination-outer a:hover, .lister-carousel.lister-omega .pagination-outer a:active { color: blue; text-decoration: none; } .lister-carousel.lister-omega #thumbNav a.cur { background: url("../Images/carousel-page-green.png") no-repeat top left; color: #FFF; } .lister-carousel.lister-omega .arrow { background: none repeat scroll 0 0 #CACACA; font-size: 1.7em; left: 10px; line-height: 1.5em; padding: 0 2px; position: absolute; top: 10px; display:none; } .lister-carousel.lister-omega .forward { left: 35px; } .lister-carousel.lister-omega .back { } .lister-carousel.lister-omega .forward:hover, .lister-carousel.lister-omega .back:hover { } .lister-carousel.lister-omega #start-stop { background-color: #F2F2F2; border: 1px solid #CACACA; display: block; font-size: 1.3em; font-weight: normal; padding: 3px 10px; position: absolute; right: 15px; top: 12px; display:none; } .lister-carousel.lister-omega #start-stop.playing { } .lister-carousel.lister-omega #start-stop:hover { } .lister-carousel.lister-omega .wrapper ul ul { background: none repeat scroll 0 0 transparent; border: 0 none; margin: 0; overflow: visible; position: static; width: auto; } .lister-carousel.lister-omega .wrapper ul ul li { background: none repeat scroll 0 0 transparent; float: none; height: auto; width: auto; } .fading-items.lister-omega { } .fading-items.lister-omega .body-outer { background: url("../../Default/Images/promotion/pro_sdr_bd_bg.gif") repeat-x scroll left top transparent; min-height: 150px; position: relative; } .fading-items.lister-omega ul, .fading-items.lister-omega ul li { background: none repeat scroll 0 0 #FFFFFF; list-style-type: none; margin: 0; padding: 0; } .fading-items.lister-omega span.title { display: block; font-weight: bold; padding-bottom: 10px; } .fading-items.lister-omega span.summary { } .fading-items.lister-omega .article-asset { float: right; } .fading-items.lister-omega .pagination { min-height: 30px; } .fading-items.lister-omega .pagination li { display: inline; list-style-type: none; text-decoration: none; } .fading-items.lister-omega .pagination li a { text-decoration: none; } .fading-items.lister-omega .pagination li.current a { text-decoration: underline; } .fading-items.lister-omega .pagination-outer { background: url("../../Default/Images/promotion/pro_sdr_fl_bg.gif") no-repeat scroll left bottom transparent; height: 30px; position: relative; } .fading-items.lister-omega .pagination-inner { background: url("../../Default/Images/promotion/pro_sdr_fr_bg.gif") no-repeat scroll right bottom transparent; height: 30px; } .tabcarousel.lister-omega { background: url("../../Default/Images/promotion/pro_sdr_fl_bg.gif") no-repeat scroll left bottom transparent; margin-bottom: 1em; } .tabcarousel.lister-omega .page-element-inner { background: url("../../Default/Images/promotion/pro_sdr_fr_bg.gif") no-repeat scroll right bottom transparent; overflow: hidden; padding-bottom: 9px; width: 100%; } .tabcarousel.lister-omega .header-outer { background: url("../../Default/Images/promotion/pro_sdr_hl_bg.gif") no-repeat scroll left top transparent; } .tabcarousel.lister-omega .header-inner { background: url("../../Default/Images/promotion/pro_sdr_hr_bg.gif") no-repeat scroll right top transparent; } .tabcarousel.lister-omega .header { color: #000000; display: block; font-size: 1.3em !important; margin: 0; padding: 6px 10px; } .tabcarousel.lister-omega .body-outer { position: relative; } .tabcarousel.lister-omega .body-inner { background: url("../../Default/Images/promotion/pro_sdr_bd_bg.gif") repeat-x scroll left top transparent; height: 200px; } .tabcarousel.lister-omega ol, .tabcarousel.lister-omega ol li { list-style-type: none; margin: 0; padding: 0; } .tabcarousel.lister-omega ol li { display: block; float: left; overflow: hidden; width: 100%; } .tabcarousel.lister-omega ol li .article-asset { float: left; height: 200px; left: 0; position: absolute; top: 0; visibility: hidden; width: 40%; } .tabcarousel.lister-omega ol li.seltc .article-asset { visibility: visible; } .tabcarousel.lister-omega ol li .article-content { float: right; text-align: left; width: 60%; } .tabcarousel.lister-omega ol li .title a:link, .tabcarousel.lister-omega ol li .title a:visited { display: block; font-weight: normal; padding: 5px; text-decoration: none; } .tabcarousel.lister-omega ol li.seltc .title a:link, .tabcarousel.lister-omega ol li.seltc .title a:visited { background: none repeat scroll 0 0 #EEEEEE; display: block; font-weight: bold; padding: 5px; text-decoration: none; } .tabcarousel.lister-omega ol li .author, .tabcarousel.lister-omega ol li .summary, .tabcarousel.lister-omega ol li .datetime { display: none; } .lister-slider.lister-omega { margin: 0; padding: 0; width: 100% !important; } .lister-slider.vertical { width: auto !important; } .lister-slider.lister-omega .page-element-inner { position: relative; } .lister-slider.lister-omega .header-outer { background: none; } .lister-slider.lister-omega .header-inner { background: url("../../Default/Images/promotion/pro_sdr_hr_bg.gif") no-repeat scroll right top transparent; display:none; } .lister-slider.lister-omega .header { color: #000000; display: block; font-size: 1.3em !important; margin: 0; padding: 6px 10px; } .lister-slider.lister-omega .controls { position: absolute; right: 0; top: 4px; display:none; } .lister-slider.lister-omega .controls, .lister-slider.lister-omega .controls li { list-style-type: none; margin: 0; padding: 0; } .lister-slider.lister-omega .controls li { float: left; } .lister-slider.lister-omega .controls li.back, .lister-slider.lister-omega .controls li.pause { } .lister-slider.lister-omega .controls li a { background: url("../../../SupportFiles/PageLister/sliderButtons.gif") no-repeat scroll 0 0 transparent; float: left; height: 22px; overflow: hidden; text-indent: -10001em; width: 22px; } .lister-slider.lister-omega .controls li a:hover { } .lister-slider.lister-omega .controls li.back a { background-position: -15px 0; } .lister-slider.lister-omega .controls li.back a:hover { background-position: -15px -22px; } .lister-slider.lister-omega .controls li.pause a { background-position: 1px -44px; } .lister-slider.lister-omega .controls li.pause a:hover { background-position: -16px -44px; } .lister-slider.lister-omega .controls li.pause a.active { background-position: -16px -44px !important; } .lister-slider.lister-omega .controls li.next a { background-position: 1px 0; } .lister-slider.lister-omega .controls li.next a:hover { background-position: 1px -22px; } .lister-slider.lister-omega .tiles-container { background: url("../../Default/Images/promotion/pro_sdr_bd_bg.gif") repeat-x scroll left top transparent; margin: 0; overflow: hidden; padding: 0; position: relative; width: 230px!important; height: 600px!important; } .lister-slider.horizontal.lister-omega .tiles-container { height: 100px !important; } .lister-slider ul.tiles, .lister-slider ul.tiles li { list-style-type: none; margin: 0; padding: 0; } .lister-slider ul.tiles { padding: 0px; } .lister-slider ul.tiles li { overflow: hidden; padding: 0px 0px 8px 0px; } .lister-slider.horizontal ul.tiles li { float: left; } .lister-slider.vertical ul.tiles li { } .lister-slider ul.tiles li.over { background: none repeat scroll 0 0 #CCCCFF; } .lister-slider ul.tiles li { position:relative; } .lister-slider ul.tiles li a { display: block; text-decoration: none; position:relative; } .lister-slider.lister-omega .title { color:#000; position:absolute; width:230px; top:134px; left: 0px; font-weight:bold; padding:3px 10px 0 10px; background: url("../Images/promotion-bg.png"); border-top: 1px solid #FFF; font-size:14px } .lister-slider.lister-omega .summary { color:#000; position:absolute; width:220px; height:35px; top:154px; left: 0px; padding:3px 15px 0 10px; background: url("../Images/promotion-bg.png"); z-index:1000!important; font-size:12px } .lister-slider .article { } .lister-slider .asset { height:100px!important; z-index:-1000!important } .lister-slider ul.tiles li br { display: none; } .lister-announcement.lister-omega { } .lister-announcement.lister-omega .header-outer { background: url("../../Default/Images/promotion/pro_sdr_hl_bg.gif") no-repeat scroll left top transparent; } .lister-announcement.lister-omega .header-inner { background: url("../../Default/Images/promotion/pro_sdr_hr_bg.gif") no-repeat scroll right top transparent; } .lister-announcement.lister-omega .header { color: #000000; display: block; font-size: 1.3em !important; margin: 0; padding: 6px 10px; } .lister-announcement.lister-omega .body-outer { min-height: 150px; position: relative; } .lister-announcement.lister-omega ul, .lister-announcement.lister-omega ul li { list-style-type: none; margin: 0; padding: 0; } .lister-announcement.lister-omega ul li { background: url("../../Default/Images/promotion/pro_sdr_bd_bg.gif") repeat-x scroll left top #FFFFFF; float: left; height: auto !important; min-height: 150px; overflow: hidden; position: absolute; width: 100%; } .lister-announcement.lister-omega ul li.item { display: none; visibility: hidden; } .lister-announcement.lister-omega ul li.item-selected { display: block; visibility: visible; } .lister-announcement.lister-omega .asset-outer { float: left; height: auto !important; min-height: 150px; position: relative; width: 50%; } .lister-announcement.lister-omega .asset img.assetimage { } .lister-announcement.lister-omega .caption { background: url("../../Default/Images/promotion/opaque.png") repeat scroll 0 0 transparent; bottom: 0; color: #FFFFFF; font-size: 0.9em; height: 70px; left: 0; position: absolute; width: 100%; } .lister-announcement.lister-omega .caption .caption-text { display: block; padding: 10px; } .lister-announcement.lister-omega div.caption a { color: #FFFFFF; text-decoration: none; } .lister-announcement.lister-omega .article-outer { float: left; width: 50%; } .lister-announcement.lister-omega .article-inner { padding: 10px; } .lister-announcement.lister-omega .article-body { height: 100px; } .lister-announcement.lister-omega .article p.title { margin-bottom: 1em; } .lister-announcement.lister-omega .sep { display: none; visibility: hidden; } .lister-announcement.lister-omega .sep-split { display: inline; } .lister-announcement.lister-omega .article .pagination-outer { float: right; text-align: right; width: 50%; } .lister-announcement.lister-omega .article .pagination-inner { } .lister-announcement.lister-omega .article .link-outer { float: left; width: 40%; } .lister-announcement.lister-omega .footer-outer { background: url("../../Default/Images/promotion/pro_sdr_fl_bg.gif") no-repeat scroll left bottom transparent; height: 58px; } .lister-announcement.lister-omega .footer-inner { background: url("../../Default/Images/promotion/pro_sdr_fr_bg.gif") no-repeat scroll right bottom transparent; height: 58px; } .lister-announcement.lister-omega .footer-outer p { color: #000000; display: block; font-size: 1.3em !important; margin: 0; padding: 6px 10px; } .lister-carousel.lister-omega .article-content { font-family:Arial, Helvetica, sans-serif; } .lister-carousel.lister-omega .article-content .title { font-size: 24px; font-weight:bold; letter-spacing:-1px; width:240px; margin-left:255px;margin-top:10px; line-height:25px; } .lister-carousel.lister-omega .article-content .summary { font-size: 12px; font-weight:bold; width:240px; margin-left:255px; margin-top:15px; line-height: 20px; } .lister-carousel.lister-omega a:link { color:#200F00 } .lister-carousel.lister-omega a:hover { color:#000; text-decoration:none; } .lister-carousel.lister-omega a:visited { color:#200F00 } .lister-slider .article { width:200px!important; } .lister-slider ul.tiles li { width: 230px !important; } /*homepage links panel */ .element-panel-beta-outer .ContentEditor { margin-bottom:15px; } .lister-slider ul.tiles li.over { background:none!important } /*Events Accordian*/ .tab-header-outer { background: url("../Images/accordian-bg.png"); border-top:none; border-bottom:none; } .tab-header-outer .panel-event { color:#333!important } .tab-header-outer .expander { background: url("../Images/accordian-downarrow.png") right 8px no-repeat; cursor:pointer; background-position: 10px 8px\9; /* IE 8 and below */ } .tab-header-outer .expanded { background: url("../Images/accordian-uparrow.png") right 8px no-repeat!important; background-position: right 10px; cursor:pointer; background-position: 10px 8px\9!important; /* IE 8 and below */ } .tab-outer:last-child { border-bottom:1px solid #ccc } /*COOKIE CONTROL - SCOTT CLARK 21-5-12*/ .cookie-optin, .app-i {padding-bottom:10px!important; background: transparent url("../../Corporate_master/Images/cookie-shadow.png") repeat-x bottom left;} .app-i {border-bottom: 0px solid #519acf!important; background:#f0f7ff url("../../Corporate_master/Images/cookie-background.jpg") repeat-x bottom left!important;} .app-i {position: relative;} .cookie-optin .app-i .buttons, .cookie-optin .app-i .element { display:block!important; float:left!important; width: 35%!important;} .cookie-optin .app-i .element {top: 0px; margin:0px!important; visibility:hidden!important;} .cookie-optin .app-i .message { display:block!important; float:left!important; width: 60%!important; color:white!important;} .cookie-optin .cls {overflow:hidden;} .cookie-optin .app-i .buttons input { background:#27929F url("../../Corporate_master/Images/tick.gif") 5px 5px no-repeat!important; margin: 10px 10px 10px 10px!important; text-decoration: none; padding:5px 5px 5px 40px!important; width:290px!important; font: bold 1.2em "Arial", Helvetica; /*Change the em value to scale the button*/ display: inline-block; text-align: center; white-space: normal; border: 1px solid #9c9c9c; /* Fallback style */ border: 1px solid rgba(0, 0, 0, 0.3); text-shadow: 0 1px 0 rgba(0,0,0,0.4); box-shadow: 0 0 .05em rgba(0,0,0,0.4); -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .cookie-optin .app-i .buttons input:hover, .cookie-optin .app-i .buttons input:focus { background:#cb2ec2 url("../../Corporate_master/Images/tick.gif") 5px 5px no-repeat!important; } .cookie-optin .fields { padding: 0 8px!important; } .cookie-optin .app-i .message a { color:white; font-size:0.9em; padding: 0px 5px 5px 0px; } .cookie-optin .app-i .message a:hover, .cookie-optin .app-i .message a:active, .cookie-optin .app-i .message a:focus { color:white; font-size:0.9em; background-color:#108199!important; padding: 0px 5px 5px 0px; } .cookie-optin fieldset legend { display: block!important; background:#235378 url("../../Corporate_master/Images/warning.gif") 5px 5px no-repeat!important; color:white; font-size:1.5em; width:100%; text-align:left; padding:5px 5px 5px 40px; } #warning {border: 1px solid red;} .cls span {font-size:0.9em!important;color:white!important;} /* print friendly shizzle */ /* ////////// Events Styling - Karl Robinson ////////// */ .element-panel-gamma-outer .element-columns-alpha-inner {} .element-panel-gamma-outer table.oDataGrid td { background-color:#FDF1E7; width: 14.2%; /*height: 8em;*/ padding: 4px ; font-size:0.8em; ;/*border: 1px solid #00836e;*/ } oEventCalendarGridListOuter /* for list of events under calendar */ .element-panel-gamma-outer table.DataGrid oDataGrid oEventDataGridList {height: 1em } .element-panel-gamma-outer table.oDataGrid td span.oDataGridContent { color: #000000; } .element-panel-gamma-outer table.oDataGrid th { background-color: #00836e; font-size: 0.8em; } .element-panel-gamma-outer table.oDataGrid td { padding-left: 2px; } .element-panel-gamma-outer table.oDataGrid td ul li { list-style: square inside; color: #008a76 ; } .element-panel-gamma-outer div.element-panel-gamma-body-content-inner ul { padding-left: 0.1em; margin-left: 0.1em; } .element-panel-gamma-outer div.element-panel-gamma-body-content-inner ul li { font-family: arial, sans-serif; /*font-size: 10px;*/} .element-panel-gamma-outer .oDataFormFieldset { border: 1px solid red; margin-top: 1em; padding: 0; }/* change style */ .element-panel-gamma-outer .oDataFormLegend { color: #008a76; font-size: 1.2em; padding-left: 5px; padding-right: 5px; margin-left: 15px;}/* change style */ .element-panel-gamma-outer .event-map-inner {float: left; margin: 10px 0;}/* style for map on admin page */ .element-panel-gamma-outer fieldset.oDataFormFieldset { border: none; } .element-panel-gamma-outer .element-column-left-alpha-outer { width:74%!important; } .element-panel-gamma-outer .element-column-right-alpha-outer { width: 26%!important; } .element-panel-gamma-outer .oDataFormQuestion {width: 65%; } .element-panel-gamma-outer .oDataFormAnswerText { width: 35%!important; } /* ////////// End Events Styling - Karl Robinson //////////*/ @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; } }