/* Information ------------------------------------------------------------------------------------------------------------------*/ /* Styles for Competition Appeals Tribunal General styles for all browsers Created by Mez Hopking mez.hopking|at|headscape.co.uk OR mez|at|mezhopking.com Created 2nd June 2008, Revised 12th November 2010 ------------------------------------------------------------------------------------------------------------------*/ /* Foundation layout & reset styles ------------------------------------------------------------------------------------------------------------------*/ * html, p, h1, h2, h3, h4, h5, h6, ul, ol, li, blocckquote, td, tr, table, div, dd, dt, a, input, text, button, form, span, img {margin: 0px; padding: 0px;} a {text-decoration: none;} li {list-style: none;} html {overflow-y: scroll;} body {margin: 0 auto; text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: .8em; line-height: 1.2em; color: #404040; background: url(/images/layout/bgBody.png) top center repeat-y;} #container {margin: 0px auto; padding: 0px; position: relative; width: 960px; background-color: #fff; text-align: left;} #innerContainer {position: relative;} #contentContainer {background: url(/images/layout/bgContentContainer.png) top left repeat-y; position: relative; float: left} #content {float: left; width: 100%; position: relative; margin: 20px 0 0 0;} #mainCol {margin-left: 239px; padding: 0 30px 0 30px; position: relative; width: 660px;} #subCol {float: left; width: 238px; position: relative; padding: 20px 0 0 0;} #footer {float: left; position: relative; width: 100%; margin: 50px 0 0 0; padding: 0 0 8px 0; min-height: 0px;} /* Header Specific ------------------------------------------------------------------------------------------------------------------*/ #header {width: 900px; min-height: 110px; background: url(/images/layout/bgHeader.png) bottom left repeat-x; position: relative; float: left; padding: 20px 30px 0px 30px;} #pageDescription, #accessibility {display: none;} #branding {position: relative; float: left;} #branding a img {border: none;} #branding h2 span {display: none;} #branding h2 a {} #tools, #search {float: right; position: relative;} #tools {padding: 0 0 3px 0;} #tools h3 {display: none;} #tools ul {font-size: 90%;} #tools ul li {display: inline; border-right: 1px solid #404040; padding: 0 5px 0 3px;} #tools ul li a {color: #404040;} #tools ul li a:hover {color: #fb0a0a;} #tools ul li.last {border-right: none !important;} #search {margin: 0 -5px 0 0;} #search fieldset {border: none !important} #search legend, #search #sFieldLabel {display: none;} #search form input#sField {width: 230px; color: #666; background: url(/images/layout/bgSearchBox.png) top left repeat-x; padding: 2px 3px 3px 3px;; margin: 0 0 0 0; border: 1px solid #cdcdcd;} #search form input#sField:focus {border-color: #fb0a0a} #search form input#sField:hover {border-color: #fb0a0a} #search form input#sButton {border-top: 2px solid #d7d7d7; border-left: 2px solid #c7c7c7; border-right: 2px solid #c7c7c7; border-bottom: 2px solid #5f5f5f; color: #fff; cursor: pointer; background: url(/images/layout/bgSearchButton.png) bottom left repeat-x #c5c5c5; font-size: 85%; padding: 2px 3px; margin-left: 5px;} #search form input:hover#sButton {border-bottom-color: #ab2c2c;} input, select, textarea {background: url(/images/layout/bgSearchBox.png) top left repeat-x; padding: 2px 3px 3px 3px; margin: 0 0 0 0; border: 1px solid #cdcdcd;} select {padding: 1px 2px;} input:focus {border-color: #fb0a0a} select:focus, textarea:focus {background-color: #fff; border-color: #fb0a0a} input:hover, select:hover, textarea:hover {border-color: #fb0a0a;} input.radioButton, input.checkBox { background: none; border: none; } /* Breadcrumbs specific ------------------------------------------------------------------------------------------------------------------*/ #breadcrumbs {border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; float: left; width: 898px; padding: 5px 30px; margin: 0 1px 1px 1px;} #breadcrumbs h3 {float: left; font-size: 100%; font-weight: normal; color: #000; padding: 0 10px 0 0; margin: 0px;} #breadcrumbs ul {} #breadcrumbs li {display: inline; background: url(/images/layout/iconArrowBlackOutline.png) 0% 50% no-repeat; padding: 0 0 0 10px;} #breadcrumbs li a {color: #404040; padding: 0 6px 0 0;} #breadcrumbs li a:hover {color: #fb0a0a;} /* Primary navigation and related links ------------------------------------------------------------------------------------------------------------------*/ #pNavigation {font-size: 95%;} #pNavigation h3 {display: none;} #pNavigation ul {text-indent: 0px} #pNavigation li {border-bottom: 1px solid #e2e2e2;} #pNavigation li a {display: block; padding: 5px 0 5px 30px; color: #010101} #pNavigation li a:hover {color: #000; background: url(/images/layout/bgPrimNavArrow.png) 100% 50% no-repeat #e2e2e2;} #pNavigation li.first {} #pNavigation li.last {} #pNavigation li.selectedTopLevel {background-color: #a1a1a1; border-bottom: 0px} #pNavigation li.selectedTopLevel ul {background: url(/images/layout/bgPrimNavSubLevel.png) left top repeat-x #ebebeb; text-indent: 0px;} #pNavigation li.selectedTopLevel ul li a {padding-left: 45px;} #pNavigation li.selectedTopLevel ul ul {padding-left: 15px;} #pNavigation li.selectedTopLevel ul ul ul {padding-left: 15px;} #pNavigation li.selectedTopLevel a {border-bottom: 1px solid #fff;} #pNavigation li.selectedTopLevel ul a:last-child {border-bottom: none;} #pNavigation li.selectedTopLevel a span {background: url(/images/layout/iconArrowWhiteDown.png) 185px 50% no-repeat; border-bottom: 0px; padding: 0 17px 0 0; font-weight: bold; color: #fff; display: block;} #pNavigation li.selectedTopLevel a:hover span {color: #000;} #pNavigation li#pnCurrent span {color: #fff; background: url(/images/layout/bgPrimNavArrow.png) 100% 50% no-repeat #fb0a0a; font-weight: bold; display: block; padding: 0px 0px;} #pNavigation li#pnCurrent span a {color: #fff;} #pNavigation li#pnCurrent span a:hover {color: #000;} #relatedLinks {padding: 30px 0 100px 0; font-size: 95%; clear:left;} #relatedLinks h3 {background: url(/images/layout/iconArrowGreyDown.png) 52% 50% no-repeat #e2e2e2; padding: 0 17px 0 0; font-weight: bold; color: #404040; padding: 5px 0 5px 30px; font-size: 105%} #relatedLinks ul {border-bottom: 1px solid #e2e2e2} #relatedLinks li {border-top: 1px solid #fff; background-color: #f0f0f0;} #relatedLinks li a {color: #404040; display: block; padding: 5px 5px 5px 30px; font-weight: bold;} #relatedLinks li a:hover {color: #000; background-color: #e2e2e2;} #relatedLinks li a span {background: url(/images/layout/iconArrowRed.png) 100% 50% no-repeat; padding: 0 10px 0 0;} #relatedLinks li a:hover span {background-image: url(/images/layout/iconArrowBlackOutline.png);} #relatedLinks p {background-color:#F5F5F5; padding: 7px 10px 4px 30px;} #getAdobe {float: left; position: relative; margin: 20px 0 0 0;} #getAdobe a img {border: none;} #getAdobe p {float: left; width: 130px;} #getAdobe p.caption {float: left; width: 200px;} #getAdobe .caption a {color: #666; font-size: 0.85em; line-height: 1.4em;} /* Homepage specific ------------------------------------------------------------------------------------------------------------------*/ #newsAndDiaryContainer {float: left; position: relative; width: 315px; margin: 15px 0 0 0;} #documentsContainer {position: relative; float: right; width: 312px; background: url(/images/layout/bgDocumentsBoxTop.png) top left no-repeat; margin: 0 0 40px 0;} #documentsContainer a, #newsAndDiaryContainer a {color: #404040;} #documentsContainer a:hover, #newsAndDiaryContainer a:hover {color: #fb0a0a;} #documentsContainer li, #newsAndDiaryContainer li {padding: 0 0 10px 0;} #documents {background: url(/images/layout/bgDocumentsBoxBot.png) bottom left no-repeat transparent;} #documents .feed ul {margin: -20px 16px 0 0;} ul#documentsList {padding: 10px 15px 5px 15px;} #news, #diary, #home {margin: 0 0 30px 0;} #news {} #news .abstract {font-size: 95%; color: #555; padding: 0 0 3px 0;} #news {} #diary .caseNumber {border-left: 1px solid #e2e2e2; padding: 0 0 0 5px; margin: 0 3px 0 0;} #home a {color: #ab2c2c;} #documents .subCaseInfo a, #diary .subCaseInfo a {font-size: 90%; color: #AB2C2C; margin-bottom: 7px; display: block;} #documents .subCaseInfo a:hover, #diary .subCaseInfo a:hover {color: #000;} #news h2, #diary h2, #documents h2, #home h2 {display: block; border-bottom: 1px solid #e2e2e2; padding: 0 0 4px 0; color: #404040} #documents h2 {margin: 15px 15px 0px 15px} .download {font-size: 85%; padding: 1px 0 0 0; display: block; clear:both; } .download a {color: #737373 !important; background: url(/images/layout/iconDownload.png) 100% 50% no-repeat; padding: 0 12px 0 0} .download a:hover {color: #fb0a0a !important; background-image: url(/images/layout/iconDownloadRed.png)} .documentName {font-size: 90%; display: block; clear: both;} .subCaseInfo {display: block; clear: both; margin: 3px 0;} .viewAll a {color: #ab2c2c !important; background: url(/images/layout/iconArrowGreySolid.png) 100% 50% no-repeat; padding: 0 10px 0 0;} .viewAll a:hover {background-image: url(/images/layout/iconArrowRedSolid.png); color: #404040 !important;} #documentsContainer .viewAll a {margin: 25px 0 0 -15px; position: absolute;} .feed li img {border: none;} .feed ul {padding: 0px; margin: -26px 1px 0 0; background: none; width: 50px; float: right;} .feed li {padding: 0 0 0 5px; display: inline; float: right} .feed li img {border: none;} /* Listings specific (Search / more search / table listings / filtration) ------------------------------------------------------------------------------------------------------------------*/ #listingContainer {float: left; position: relative; } #listingFilter {float: left; position: relative; margin: 0 0 0 0; padding: 0 0 10px 0;} #listingFilter form {} #listingFilter ul#initialOptions {float: left; position: relative; margin: 10px 0; width: 660px} #listingFilter ul#moreOptions, #listingFilter ul.moreOptions {float: left; position: relative; border-bottom: 1px solid #e2e2e2; margin: 0 0 30px 0; padding: 0 0 10px 0; width: 660px;} #listingFilter li#showMoreOptions, #listingFilter li#hideMoreOptions {margin: 10px 0; float: left; width: 660px; padding: 0 0 4px 0} #listingFilter li#hideMoreOptions {background: url(/images/layout/bgMoreOptionsHide.png) bottom right no-repeat;} #listingFilter li#showMoreOptions {background: url(/images/layout/bgMoreOptionsShow.png) bottom right no-repeat;} #listingFilter li#selectedKeywords {margin: 10px 0; float: left; width: 660px; padding: 0 0 4px 0;} #listingFilter li#showMoreOptions a, #listingFilter li#hideMoreOptions a {padding: 0 10px 0 15px;} #listingFilter li#hideMoreOptions a {background: url(/images/layout/iconMoreOptionsHide.png) 0% 50% no-repeat #fff; padding-left: 15px;} #listingFilter li#showMoreOptions a {background: url(/images/layout/iconMoreOptionsShow.png) 0% 50% no-repeat #fff; padding-left: 15px;} #listingFilter li#selectedKeywords ul#selected {width: 660px; float: left; position: relative; padding: 10px 0;} #listingFilter li#selectedKeywords ul#selected li {display: inline;} #listingFilter li#selectedKeywords ul#selected li span {border-bottom: 1px solid #ab2c2c;} #listingFilter li#selectedKeywords ul#selected li.adjustFilters {display: none; margin: 10px 0 0 0; font-weight: inherit; float: right;} #listingFilter li#selectedKeywords ul#selected li.adjustFilters a {background: url(/images/layout/iconArrowGreySolid.png) 0px 5px no-repeat; padding: 0 0 0 8px} #listingFilter li#selectedKeywords ul#selected li.adjustFilters a:hover {color: #666; border-color: #ab2c2c; background-image: url(/images/layout/iconArrowRedSolid.png)} #listingFilter li#selectedKeywords .filterByKeyword {font-weight: bold;} .show {display: block;} .hide {display: none;} #listingFilter li.filterListLabel {width: 220px; position: relative; float: left; clear: left; min-height: 35px;} #listingFilter li.filterListLabel.title {font-weight: normal;} #listingFilter li.filterListOption {width: 420px; padding: 0 0 10px 0; float: right;} #listingFilter li.filterListOption.clearLeft {clear: right;} #listingFilter li.filterListOption#keywords {clear: both; float: left; width: 100%} #listingFilter li.filterListOption a {} #listingFilter li.filterListOption a:hover {color: #000;} #listingFilter li.filterListOption .selected {font-weight: bold;} #listingFilter .popupBox li.filterListLabel {width:655px;} .allDocs, .allCurrentCases {border-right: 1px solid #e2e2e2; padding: 0 10px 0 0;} .allJudgments, .allTranscripts, .allArchivedCases, .allOrders {border-right: 1px solid #e2e2e2; padding: 0 10px 0 5px;} .allCases, .allNotices {padding: 0 0 0 5px;} #listingFilter form input.moreOptionsSearchBox {margin: 0 0 0 0; width: 410px} #listingFilter form input.moreOptionsSubmitButton {border-top: 2px solid #d7d7d7; border-left: 2px solid #c7c7c7; border-right: 2px solid #c7c7c7; border-bottom: 2px solid #5f5f5f; color: #fff; cursor: pointer; background: url(/images/layout/bgSearchButton.png) bottom left repeat-x #c5c5c5; font-size: 85%; padding: 2px 3px; width: 58px; float:right;} #listingFilter form select.moreOptionsDDL {margin: 0 0 5px 0; width: 420px} #listingFilter form input.radioButton {margin: 0 5px 0 5px;} #listingFilter form input.radioButton:first-child {margin: 0 5px 0 0px;} #listingFilter form input.checkBox {margin: 0 4px 0 1px;} #listingFilter form input.checkBox:first-child {margin: 0 5px 0 0px;} #listingFilter form #neutralCitatioYear.smallDDL {width: 60px; margin: 0 10px 0 0;} #listingFilter form #CATNumber.medTextField {margin: 0 0px 0px 8px; width: 263px} #listingFilter form #NeutralCitationNumber.medTextField {width: 50px} #listingFilter form #keywordList li {float: left; width: 210px; padding: 0 10px 2px 0;} #listingFilter form #keywordList label {margin: -16px 0 0 13px; display: block; padding-left: 6px;} #listingFilter form #keywordList input {padding: 0px; border: none; margin: 0px; background-image: none;} #listingFilter form #keywordList li.kwCategoryHeading {float: left; clear: both; font-weight: bold; color: #ab2c2c; border-bottom: 1px solid #ab2c2c; width: 650px; position: relative; margin: 10px 0} .popupBox {display: none;} .popupBox {float: left; position: absolute; width: 624px; top: 110px; left: 0px; opacity: .95; background: #fafafa; border: 3px solid #ab2c2c; z-index: 10000; padding: 15px;} .popupBox ul.moreOptions {border-bottom: none !important; width: inherit; margin: 0px !important; width: 500px} .popupBox .closeBox {width: 13px; height: 13px; padding: 0px 0px 0px 0px;} .popupBox .closeBox span {display: none;} .popupBox .closeBox a {background: url(/images/layout/iconDelete.png) 0px -0px no-repeat; width: 13px; height: 13px; margin: -5px 30px 0 0; float: right;} .popupBox .closeBox a:hover {background-position: 0px -13px;} .popupBox ul.tabLinks {width: 620px; margin: 10px 0; border-bottom: 1px solid #666; float: left;} .popupBox ul.tabLinks li {display: inline; margin: 0 5px 0 0; float: left} .popupBox ul.tabLinks li a {border-top: 1px solid; border-right: 1px solid; border-left: 1px solid; padding: 5px; float: left} .popupBox ul.tabLinks li a:hover {background-color: #ddd; color: #000;} .popupBox ul.tabLinks li a.selected {border-top: 1px solid #666; border-right: 1px solid #666; border-left: 1px solid #666; padding: 5px; float: left; background-color: #ddd; font-weight: bold; color: #000;} #listingResults {} #listingResults p.filterType {font-weight: bold;} #listingResults p.filterType .clearFilter {font-weight: normal; padding: 0 0 0 10px;} #listingResults p.filterType .clearFilter a {color: inherit;} #listingResults p.filterType .clearFilter a:hover {color: #000;} .clearFilter {font-weight: normal;} .clearFilter a {border-top: 2px solid #d7d7d7; border-left: 2px solid #c7c7c7; border-right: 2px solid #c7c7c7; border-bottom: 2px solid #5f5f5f; color: #fff; cursor: pointer; background: url(/images/layout/bgSearchButton.png) bottom left repeat-x #c5c5c5; font-size: 85%; padding: 2px 6px; float: right; margin: 0 10px 10px 0;} .clearFilter a:hover, #listingFilter form input.moreOptionsSubmitButton:hover {border-bottom-color: #AB2C2C} table td {vertical-align: top} #resultsTableContainer {float: left; position: relative; border-bottom: 1px solid #e2e2e2; margin: 0 0 30px 0; padding: 0 0 10px 0;} #resultsTableContainer table#resultsTable {float: left; position: relative; width: 660px; border-collapse: collapse;} #resultsTableContainer table#resultsTable .listingsColCases {} #resultsTableContainer table#resultsTable .listingsColCases .rtCol1 {width: 104px} #resultsTableContainer table#resultsTable .listingsColCases .rtCol2 {width: 426px} #resultsTableContainer table#resultsTable .listingsColCases .rtCol3 {width: 100px;} #resultsTableContainer table#resultsTable .judgmentsColCases {} #resultsTableContainer table#resultsTable .judgmentsColCases .rtCol1 {width: 340px} #resultsTableContainer table#resultsTable .judgmentsColCases .rtCol2 {width: 85px} #resultsTableContainer table#resultsTable .judgmentsColCases .rtCol3 {width: 165px;} #resultsTableContainer table#resultsTable .judgmentsColCases .rtCol4 {width: 65px;} #resultsTableContainer table#resultsTable .judgmentsColCases .rtCol5 {width: inherit;} #resultsTableContainer table#resultsTable .judgmentsColCases .rtCol6 {width: inherit;} /* judgmentsColCases prev col widths: 80, 170, 170, 75, 85, 75*/ #resultsTableContainer table#resultsTable th {border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 10px 0 10px 0; background-color: #fafafa; color: #000;} #resultsTableContainer table#resultsTable th a {color: #000;} #resultsTableContainer table#resultsTable th a:hover {color: #fb0a0a;} #resultsTableContainer table#resultsTable th a.sortUp {background: url(/images/layout/iconSortUp.png) 100% 55% no-repeat; padding: 0 12px 0 0} #resultsTableContainer table#resultsTable th a.sortDown {background: url(/images/layout/iconSortDown.png) 100% 55% no-repeat; padding: 0 12px 0 0} #resultsTableContainer table#resultsTable tr a {color: #000; clear: left;} #resultsTableContainer table#resultsTable tr a:hover {color: #ab2c2c;} /*#resultsTableContainer table#resultsTable tr:hover {background-color: #eee !important}*/ #resultsTableContainer table#resultsTable tr.even {background-color: #f4f4f4;} #resultsTableContainer table#resultsTable td {padding: 10px 10px 0 5px; background: url(/images/layout/bgTd.png) 100% 0% repeat-y;} #resultsTableContainer table#resultsTable td a {float: left; padding: 0 0 10px 0; display: block;} #resultsTableContainer table#resultsTable tr td:last-child, #resultsTableContainer table#resultsTable td.last {background-image: none;} #resultsTableContainer table#resultsTable td a.archive {background: url(/images/layout/iconArchive.png) 0px no-repeat; padding: 0 0 0 18px;} #resultsTableContainer table#resultsTable td a.current {background: url(/images/layout/iconCurrent.png) 0px no-repeat; padding: 0 0 0 18px;} #resultsTableContainer table#resultsTable td a.stayed {background: url(/images/layout/iconStayed.png) 0px no-repeat; padding: 0 0 0 18px;} ul.casesKey {float: left; position: relative; margin: -15px 0 10px 0;} ul.casesKey li {padding: 0 0 0 18px; font-weight: bold; font-size: 90%;} ul.casesKey li.archive {background: url(/images/layout/iconArchive.png) 0px no-repeat;} ul.casesKey li.stayed {background: url(/images/layout/iconStayed.png) 0px no-repeat;} ul.casesKey li.current {background: url(/images/layout/iconCurrent.png) 0px no-repeat;} h2.casesKey {top: -5px; clear: left; position: relative} #pageNavigation {float: left; position: relative; margin: 0 0 30px 0; width: 660px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 10px 0; font-weight: bold;} #pageNavigation ul.number {float: left;} #pageNavigation li.currentPage {} #pageNavigation ul.navigation {float: right} #pageNavigation ul.navigation li {float: left; display: inline; color: #999} #pageNavigation ul.navigation li a {color: #404040;} #pageNavigation li.nextPage {padding: 0 0 0 5px;} #pageNavigation li.prevPage {border-right: 1px solid #e2e2e2; padding: 0 5px 0 0;} #pageNavigation li.nextPage a {background: url(/images/layout/iconArrowNextGrey.png) 100% 50% no-repeat; padding: 0 20px 0 0} #pageNavigation li.prevPage a {background: url(/images/layout/iconArrowPrevGrey.png) 0% 50% no-repeat; padding: 0 0 0 20px} #pageNavigation li.nextPage a:hover {background-image: url(/images/layout/iconArrowNextRed.png); color: #ab2c2c;} #pageNavigation li.prevPage a:hover {background-image: url(/images/layout/iconArrowPrevRed.png); color: #ab2c2c;} #pageNavigation ul.pagination {float: left; margin: 0 0 0 80px;} #pageNavigation ul.pagination li {display: inline; padding: 0 5px 0 0;} #pageNavigation ul.pagination li a {text-decoration: underline; font-weight: normal;} #pageNavigation ul.pagination li a:hover {text-decoration: none;} #pageNavigation ul.pagination li.hide {display: none;} /* Item specific (cases / documents / judgments items / news) ------------------------------------------------------------------------------------------------------------------*/ #itemContainer {float: left; position: relative; width: 660px; margin: 20px 0;} #itemContainer .itemBlock {width: 660px; float: left; position: relative; margin: 0 0 15px 0;} #itemContainer .itemBlock .itemTitleCol {float: left; position: relative; width: 180px} #itemContainer .itemBlock .itemContentCol {float: right; position: relative; width: 470px} #itemContainer .itemBlock .itemContentColFull {float: left; position: relative; width: 660px} #itemContainer .itemBlock .itemContentColFull .abstract {font-weight: bold;} #itemContainer .itemBlock .itemContentCol .registered {padding: 0 5px 0 20px;} #itemContainer .itemBlock .title {font-weight: bold;} #itemContainer .itemBlock .itemTitleCol ul.itemFilter {float: left; position: relative; font-size: 85%;} #itemContainer .itemBlock .itemTitleCol ul.itemFilter li.ifCurrent {font-weight: bold;} #itemContainer .itemBlock .itemTitleCol ul.itemFilter li a {background: url(/images/layout/iconArrowGreySml.png) 100% 50% no-repeat; padding: 0 8px 0 0;} #itemContainer .itemBlock .itemTitleCol ul.itemFilter li a:hover {color: #000; background-image: url(/images/layout/iconArrowRed.png)} #itemContainer .itemBlock .itemTitleCol ul.itemFilter li ul {margin-left:20px;} #itemContainer .itemBlock .itemTitleCol ul.itemFilter li.ifCurrent ul li {font-weight:normal;} #itemContainer .itemBlock .itemTitleCol ul.itemFilter {width: 85%; border-top: 1px solid #ddd;} #itemContainer .itemBlock .itemTitleCol ul.itemFilter li a {display: block; padding: 5px 10px 4px 5px; border-bottom: 1px solid #ddd;} #itemContainer .itemBlock .itemTitleCol ul.itemFilter li a:hover {background-color: #f5f5f5;} #itemContainer .itemBlock .itemTitleCol ul.itemFilter li ul {margin-left: 0;} #itemContainer .itemBlock .itemTitleCol ul.itemFilter li ul a {padding-left: 20px;} #itemContainer .itemBlock .itemTitleCol ul.itemFilter li.ifCurrent a {background-color: #f5f5f5;} #itemContainer .itemBlock .itemContentCol p.stutusText {} #itemContainer .itemBlock .itemContentCol ul.tribunalPeople {font-weight: bold; float: left; position: relative;} #itemContainer .itemBlock .itemContentCol ul.tribunalPeople li a {color: #404040; background: url(/images/layout/iconArrowRed.png) 100% 50% no-repeat; padding: 0 8px 0 0;} #itemContainer .itemBlock .itemContentCol ul.tribunalPeople li a:hover {color: #ab2c2c; background-image: url(/images/layout/iconArrowGreySml.png)} #itemContainer .itemBlock .itemContentCol ul.tribunalPeople li span.registraName {width: 250px; float: left;} #itemContainer .itemBlock .itemContentCol ul.tribunalPeople li span.position {font-weight: normal; display: block; margin: 0 0 10px 0;} #itemContainer .itemBlock .itemContentCol ul.summaryCases {font-weight: bold; float: left; position: relative;} #itemContainer .itemBlock .itemContentCol ul.summaryCases li {margin: 0 0 10px 0;} #itemContainer .itemBlock .itemContentCol ul.summaryCases li a {color: #404040; background: url(/images/layout/iconArrowRed.png) 100% 50% no-repeat; padding: 0 8px 0 0;} #itemContainer .itemBlock .itemContentCol ul.summaryCases li a:hover {color: #ab2c2c; background-image: url(/images/layout/iconArrowGreySml.png)} #itemContainer .itemBlock .itemContentCol ul.diaryEvents {float: left; position: relative; width: 500px; padding: 0 0 5px 0;} #itemContainer .itemBlock .itemContentCol ul.diaryEvents li {margin: 0 0 2px 0;} #itemContainer .itemBlock .itemContentCol ul.diaryEvents li span {display: inline;} #itemContainer .itemBlock .itemContentCol ul.diaryEvents .eventTime {font-weight: bold;} #itemContainer .itemBlock .itemContentCol ul.diaryEvents .eventName {padding: 0 5px 0 0;} #itemContainer .itemBlock .itemContentCol ul.diaryEvents .download {border-left: 1px solid #e2e2e2; padding: 0 0 0 8px; font-size: 85%;} #itemContainer .itemBlock .itemContentCol ul.caseDocuments {float: left; position: relative; margin: 0 0 10px 0;} #itemContainer .itemBlock .itemContentCol ul.caseDocuments li {padding: 5px 0px 8px 0px; border-top: 1px solid #e2e2e2; width: 500px} #itemContainer .itemBlock .itemContentCol ul.caseDocuments li:hover {background-color: #f6f6f6} #itemContainer .itemBlock .itemContentCol ul.caseDocuments li:last-child {border-bottom: 1px solid #e2e2e2;} #itemContainer .itemBlock .itemContentCol ul.caseDocuments .title {line-height: 1.6em} #itemContainer .itemBlock .itemContentCol ul.caseDocuments .download {font-size: 85%; display: inline; border-right: 1px solid #e2e2e2; padding: 0 5px 0 0;} #itemContainer .itemBlock .itemContentCol ul.caseDocuments .download .date {} #itemContainer .itemBlock .itemContentCol ul.caseDocuments .download .size {} #itemContainer .itemBlock .itemContentCol ul.caseDocuments .summary {font-size: 85%; display: inline; padding: 0 0 0 3px;} #itemContainer .itemBlock .itemContentCol ul.caseDocuments .summary a {background: url(/images/layout/iconArrowGreySml.png) 100% 50% no-repeat; padding: 0 8px 0 0;} #itemContainer .itemBlock .itemContentCol ul.caseDocuments .summary a:hover {color: #404040; background-image: url(/images/layout/iconArrowRed.png)} #itemContainer ul.attachments li {padding: 15px 0px 8px 0px; border-top: 1px solid #e2e2e2; width: 500px} #itemContainer ul.attachments .title {font-weight:bold;} #itemContainer ul.attachments .download {font-size: 85%; display: inline; border-right: 1px solid #e2e2e2; padding: 0 5px 0 0;} .fileType {background-position: 0% 50%; background-repeat: no-repeat; padding: 0 0 0 18px} .fileType.pdf, .fileType.PDF {background-image: url(/images/layout/iconFilePDF.png);} .fileType.img {} .fileType.doc {} .fileType.xls, .fileType.xlsx {background-image: url(/images/layout/iconFileXLS.png);} .fileType.csv {background-image: url(/images/layout/iconFileCSV.png);} .fileType.txt {} .cal {background-image: url(/images/layout/iconCal.png); background-position: 0% 50%; background-repeat: no-repeat; padding: 0px 0 0 18px} /* General typography and Textpage specific ------------------------------------------------------------------------------------------------------------------*/ h1, h2, h3, h4 {margin: 0 0 7px 0; color: #000; line-height: 1.2em} h1 {} h2 {font-size: 145%; font-weight: normal;} h3 {font-size: 135%; font-weight: normal;} h4 {font-size: 125%; font-weight: normal;} #subCol h3 {margin-bottom: 0px;} p {padding: 0 0 10px 0;} a {color: #ab2c2c;} p a:hover {color: #000;} hr {border-bottom: 0px solid #fff; clear: both; border-top: 1px solid #ddd; border-left: 0px; border-right: 0px;} .sKeyword {background-color: inherit; color: #000; font-weight: normal; background-color: #e6e6e6;} .top {clear: both; display: block;} a.top {background: url(/images/layout/iconBackToTop.png) 0px 2px no-repeat; padding: 0 0 0 15px;} a:hover.top {background-image: url(/images/layout/iconBackToTopHover.png);} a.download {background: url(/images/layout/iconDownload.png) 100% 50% no-repeat; display: inline; padding: 0 12px 0 0 !important; margin: 10px 0 5px 0; color: #737373 !important;} a:hover.download {background-image: url(/images/layout/iconDownloadRed.png); color: #fb0a0a !important;} a.summary {background: url(/images/layout/iconArrowGreySml.png) 100% 6px no-repeat; padding: 0 8px 0 0 !important; font-size: 95%; color: #ab2c2c!important;} a:hover.summary {color: #000 !important; background-image: url(/images/layout/iconArrowRed.png)} /* Previous and better summary a.summary {background: url(/images/layout/iconSummary.png) 0% 50% no-repeat; display: inline; padding: 0 0 0 18px !important; margin: 5px 0 5px 0; clear: left; font-size: 90%; color: #737373 !important;} a:hover.summary {color: #000 !important;} */ blockquote {font-family: "Helvetica", Arial, sans-serif; font-size: 100%; font-style: italic; font-weight: normal; line-height: 1.4em; letter-spacing: 0.05em; color: #000; background: url(/images/layout/bgQuoteTl.png) top left no-repeat; padding-left: 30px; margin: 0 0 20px 0;} blockquote span {background: url(/images/layout/bgQuoteBr.png) top right no-repeat; padding-right: 30px;} .xhtmlContent ul {padding: 0 0 10px 0;} .xhtmlContent ul li, .itemContentColFull ul li {background: url(/images/layout/iconArrowBlackSolid.png) 0px 5px no-repeat; padding: 0 0 0 12px;} .xhtmlContent ul li a {color: #ab2c2c;} .xhtmlContent ul li a:hover {color: #000;} .xhtmlContent ul li.listTitle {background-image: none; padding: 0 0 2px 0; font-weight: bold; font-size: 105%;} .xhtmlContent ol {padding: 0 0 10px 0; } .xhtmlContent ol li {list-style: decimal inside; padding: 10px 0 0 0;} .xhtmlContent ol li a {color: #ab2c2c;} .xhtmlContent ol li a:hover {color: #000;} .xhtmlContent ol li.listTitle {background-image: none; padding: 0 0 2px 0; font-weight: bold; font-size: 105%;} .xhtmlContent ul.listBlock, .xhtmlContent ol.listBlock, .xhtmlContent .paraBlockFull {margin: 0 0 20px 0; padding: 10px; background: url(/images/layout/bgGradLightGrayTTB.png) top left repeat-x; border: 1px dotted #ff0000;} .xhtmlContent .paraBlockRight, .xhtmlContent ul.listBlockRight {float: right; width: 50%; margin: 0 0 10px 10px; padding: 10px; background: url(/images/layout/bgGradLightGrayTTB.png) top left repeat-x; border: 1px dotted #ff0000;} .xhtmlContent table {margin: 0 0 20px 0; border: 1px solid #808080; border-collapse: collapse;} .xhtmlContent table th {background-color: #808080; padding: 5px; color: #fff; border: 1px solid #808080;} .xhtmlContent table tr {background-color: #f5f4f4; border: 1px solid #808080;} .xhtmlContent table tr.even {background-color: #e2e2e2} .xhtmlContent table td {padding: 5px 5px; border: 1px solid #808080;} .xhtmlContent table td {vertical-align: top;} .xhtmlContent .breakOutBox {float: right; position: relative; margin: 0 0 10px 10px; width: 280px; font-size: 90%; background: url(/images/layout/bgBobTop.png) top left no-repeat;} .xhtmlContent .breakOutBox .bobContainer {width: 280px; background: url(/images/layout/bgBobBot.png) bottom left no-repeat;} .xhtmlContent .breakOutBox .bobContainer ul {margin: 2px 2px 0px 5px; padding: 5px 5px 5px 5px; background: url(/images/layout/bgBobGradBg.png) top left repeat-x #e2e1e1;} .xhtmlContent .breakOutBox .bobContainer ul li.listTitle {font-weight: bold; background-image: none; padding-left: 0px;} .xhtmlContent .breakOutBox .bobContainer ul li.listSubTitle {background-image: none; padding-left: 0px;} .xhtmlContent .breakOutBox .bobContainer ul li {background: url(/images/layout/iconArrowSmlGrey.png) 0% 4px no-repeat; padding: 0 0 0 10px; } .clear {clear: both;} /* Sitemap specific ------------------------------------------------------------------------------------------------------------------*/ #sitemap {float: left; display: block; width: 660px; position: relative; padding: 0 0 30px 0;} #sitemap li {list-style: none !important; line-height: 1.6em; width: 100%; font-weight: bold} #sitemap li a {display: block; color: #555; text-decoration: none;} #sitemap li a:hover {background-color: #f0f0f0; border-right: 2px solid #ab2c2c; color: #000} #sitemap ul li {background: url(/images/layout/iconSitemapArrow1.png) 0px 8px no-repeat; padding: 0 0 0 15px; font-weight: normal} #sitemap ul li a {margin-right: 15px} #sitemap ul ul li {background: url(/images/layout/iconSitemapArrow2.png) 0px 8px no-repeat; padding: 0 0 0 15px;} #sitemap ul ul li a {margin-right: 30px;} #sitemap ul ul ul li {background: url(/images/layout/iconSitemapArrow3.png) 0px 8px no-repeat; padding: 0 0 0 15px;} #sitemap ul ul ul li a {margin-right: 45px;} #sitemap ul ul ul ul li {background: url(/images/layout/iconSitemapArrow4.png) 0px 8px no-repeat; padding: 0 0 0 15px;} #sitemap ul ul ul ul li a {margin-right: 60px;} .topLevel {font-weight: bold;} /* FAQ specific ------------------------------------------------------------------------------------------------------------------*/ .mFAQ ul {padding: 0 0 20px 0; float: left;} .mFAQ ul li {display: block; position: relative; margin: 10px 0;} .mFAQ ul li.even {background-color: #f0f0f0; padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} .mFAQ ul li .lQuestion {} .mFAQ ul li .lAnswer {margin: 5px 0 0 0; position: relative;} .mFAQ ul ul {float: none; position: relative;} .mFAQ ul ul li {background: url(/images/layout/iconSitemapArrow1.png) 0px 5px no-repeat; padding: 0 0 0 15px; margin: 0 0 5px 0; position: relative; display: block;} #expandCollapse {margin: 10px 0; float: left; width: 660px; padding: 0 0 4px 0} /* #expandCollapse.collapse {background: url(/images/layout/bgMoreOptionsHide.png) bottom right no-repeat;} #expandCollapse.expand {background: url(/images/layout/bgMoreOptionsShow.png) bottom right no-repeat;} */ #expandCollapse a {padding: 0 10px 0 15px; float:right;} #expandCollapse.expand a {background: url(/images/layout/iconMoreOptionsShow.png) 0% 50% no-repeat #fff; padding-left: 15px;} #expandCollapse.collapse a {background: url(/images/layout/iconMoreOptionsHide.png) 0% 50% no-repeat #fff; padding-left: 15px;} /* Form specific ------------------------------------------------------------------------------------------------------------------*/ .mForm {} .mForm .errorMessage {float: left; position: relative; width: 638px; border-top: 2px solid #fb0a0a; border-bottom: 2px solid #fb0a0a; border-left: 1px dotted #fb0a0a; border-right: 1px dotted #fb0a0a; padding: 10px; background-color: #fbc0c0; margin: 10px 0 20px 0;} .mForm .errorMessage h3 {color: #610000;} .mForm .errorMessage p {color: #000;} .mForm .success {float: left; position: relative; width: 638px; border-top: 2px solid #666; border-bottom: 2px solid #666; border-left: 1px dotted #666; border-right: 1px dotted #666; padding: 10px; background-color: #ddd; margin: 10px 0 20px 0;} .mForm .success h3 {color: #333;} .mForm .success p {color: #000;} .mForm form {padding: 0px 0 30px 0; border-top: 1px solid #e2e2e2; float: left; width: 660px; } .mForm form .required {border-bottom: 1px solid #e2e2e2; padding: 0 0 10px 0; margin: 10px 0 0 0;} .mForm form .required.error {background: url(/images/layout/iconFormError.png) 220px 24px no-repeat;} .mForm form .fsubmit {padding: 10px 0 0 0;} .mForm form .fsubmit input {border-top: 2px solid #d7d7d7; border-left: 2px solid #c7c7c7; border-right: 2px solid #c7c7c7; border-bottom: 2px solid #5f5f5f; color: #fff; cursor: pointer; background: url(/images/layout/bgSearchButton.png) bottom left repeat-x #c5c5c5; font-size: 95%; padding: 2px 3px;} .mForm form .fsubmit input:hover {border-bottom-color: #ab2c2c;} .mForm form label {font-weight: bold; padding: 0 0 5px 0; position: relative; display: block;} .mForm form .fText, .mForm form .fEmail, .mForm form .fDrop {width: 200px} .mForm form .fCheck {display: inline; clear: none; float: none;} .mForm form textarea {width: 660px; font-family: Arial, Helvetica, sans-serif; font-size: 100%;} form #trap, form #xxx-fieldWrapper { position:absolute; left:-10000px; } /* Search results specific (general keyword search) / Diary specific ------------------------------------------------------------------------------------------------------------------*/ #searchResultsContainer {} .listPaginationContainer {float: left; position: relative; width: 660px;} ul.listPagination {position: relative; margin: 10px 0 15px 0; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; padding: 8px 0 8px 0; display: block; min-height: 10px;} .listPagination a {color: #404040; font-weight: bold;} .listPagination a:hover {color: #ab2c2c; font-weight: bold;} .listPagination .prevPage {position: absolute; top: 5px; left: 0px} .listPagination .prevPage a {background: url(/images/layout/iconArrowPrevGrey.png) 0% 50% no-repeat; padding: 0 0 0 20px;} .listPagination .nextPage {margin-right: 10px; position: absolute; top: 5px; right: 0px} .listPagination .nextPage a {background: url(/images/layout/iconArrowNextGrey.png) 100% 50% no-repeat; padding: 0 20px 0 0;} .listPagination .page {float: left; margin: -4px 0 0 0; text-align: center; width: 100%;} .listPagination .page a {color: #ab2c2c; font-weight: normal; text-decoration: underline;} .listPagination .page a:hover {text-decoration: none;} .listPagination .current {color: #404040; font-weight: bold;} #searchResultsContainer {} #searchResultsContainer ul.searchResultsList {float: left; position: relative; width: 660px;} #searchResultsContainer .searchResultsList li {border-top: 1px solid #e2e2e2; padding: 10px 0;} #searchResultsContainer .searchResultsList li:hover, #searchResultsContainer .searchResultsList li.even:hover {background-color: #eee;} #searchResultsContainer .searchResultsList li.even {background-color: #f9f9f9;} #searchResultsContainer .searchResultsList li a {display: block;} #searchResultsContainer .searchResultsList li a:hover {} #searchResultsContainer .searchResultsList li .title {font-weight: bold;} #searchResultsContainer .searchResultsList li .fieldTitle {font-weight: bold;} #searchResultsContainer .searchResultsList li .relevance {color: #404040} #searchResultsContainer .searchResultsList li .date {color: #404040} #searchResultsContainer .searchResultsList li .description {color: #404040} #searchResultsContainer .searchResultsList li .uri {} #searchResultsContainer .searchResultsList li .uri {color: #2c65ab;} #diaryListsContainer {} #diaryListsContainer ul.diaryListing, #newsListsContainer ul.newsListing {float: left; position: relative; width: 660px; padding: 0 0 30px 0;} #diaryListsContainer .diaryListing li, #newsListsContainer .newsListing li {border-top: 1px solid #e2e2e2; padding: 10px 0; clear: left; margin-bottom: 0px; float: left; width: 660px;} #diaryListsContainer .diaryListing li:hover, #searchResultsContainer .searchResultsList li.even:hover, #newsListsContainer .newsListing li:hover {background-color: #eee !important;} #diaryListsContainer .diaryListing li.even {background-color: #f9f9f9;} #diaryListsContainer .diaryListing li a, #newsListsContainer .newsListing li a {} #diaryListsContainer .diaryListing li a:hover, #newsListsContainer .newsListing li a:hover {} #diaryListsContainer .diaryListing li .dateTime, #newsListsContainer .newsListing li .dateTime {font-weight: normal;} #diaryListsContainer .diaryListing li strong, #newsListsContainer .newsListing strong {font-weight: normal} #diaryListsContainer .diaryListing li .diaryCaseInfo {font-weight: bold;} #newsListsContainer .newsListing li a .abstract, #newsListsContainer .newsListing li a .dateTime {color: #404040;} #newsListsContainer .newsListing li a .dateTime {font-weight: normal;} #newsListsContainer .newsListing li {font-size: 95%;} #diaryListsContainer ul.diaryListing li ul {padding: 5px 0 0 0; position: relative; float: left; margin: 0 0 0 0; width: 660px;} #diaryListsContainer ul.diaryListing li ul li {border: none !important; padding: 0px; font-size: 90%; padding: 3px 0; border-top: 1px dotted #ccc !important; width: 660px; float: left; background-color: inherit;;} #diaryListsContainer ul.diaryListing li ul li:hover {background-color: #ddd !important} #diaryListsContainer ul.diaryListing li ul li.title {border: none !important; font-size: 100%; font-weight: normal} #diaryListsContainer ul.diaryListing li ul li.title:hover {background: none !important} #diaryListsContainer ul.diaryListing li ul li .caseName a:hover {color: #000 !important} #diaryListsContainer ul.diaryListing li .download {display: block; clear: both; padding: 5px 0 0 10px;} /* Footet specific ------------------------------------------------------------------------------------------------------------------*/ #footer {width: 898px; padding: 20px 30px; border-top: 1px solid #e2e2e2; margin: 1px; position: relative; float: left; background-color: #f6f5f5; color: #545454; font-size: 85%;} #footer ul {position: relative; float: left; width: 898px} #footer li {display: inline; padding: 0 5px 0 0; float: left;} #footer li a {border-left: 1px solid #545454; padding: 0 0 0 5px; color: #545454;} #footer li a:hover {color: #fb0a0a;} #footer li.last {} #footer li.first {} #footer li#siteDesign {float: right !important; display: none;} #footer li#siteDesign a {border: none !important; color: #bbb;} #footer li#siteDesign a:hover {color: #404040;} #footer li#footer_1 {float: right;} #footer li#footer_1 a {border-left: 1px solid #aaa;} #footer li#footer_2 {float: right;} #footer li#footer_2 a {border: none;}