/* --- General styles * / /* --- General formatting */ #document-content u.doubleunderline { text-decoration:underline; border-bottom: 1px solid #333; } */ #document-content .align-center { text-align: center; } #document-content .align-right { text-align: right; } #document-content .align-center { text-align: center; } /* --- Headings */ topic-num, chapter-num, part-num { min-width: 30px; margin-right: 10px; } #document-content h4, #document-content .subtopic h1 { font-size: 1.1em; } /* some h1 in subtopics are used in place of h4 clashing with them */ #document-content h1 { font-size: 1.7em; margin-bottom: 20px;} #document-content h2 { font-size: 1.45em; margin-left:0 !important; margin-right:0 !important; } #document-content h3 { font-size: 1.25em; } #document-content h5 { font-size: 1em; } #document-content h1, #document-content h2, #document-content h3, #document-content h4, #document-content h5 { font-family: "open_sansbold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: none !important; line-height: 1.3em; margin-top: 10px; letter-spacing: inherit; } @media print { #document-content, #document-content h1, #document-content h2, #document-content h3, #document-content h4, #document-content h5 { font-family: Arial, sans-serif !important; } } #document-content .section-ref { font-weight: bold; } #document-content .titleNum { min-width: 30px; margin-right: 20px; text-align:center; } #document-content .title { font-weight: bold; text-align:center; } #document-content .title-num { padding-left:20px; } #document-content .chapter > h1, #document-content .chapter > h2, #document-content .chapter > h3, #document-content .part > h1, #document-content .part > h2, #document-content .part > h3, /* note that topics are not centered */ #document-content .schedule > h4 {text-align: center; padding-bottom:5px; } #document-content .chapter > h1 .titleNum, #document-content .chapter > h2 .titleNum, #document-content .chapter > h3 .titleNum, #document-content .part > h1 .titleNum,#document-content .part > h2 .titleNum,#document-content .part > h3 .titleNum, #document-content .schedule > h4 .titleNum {display:block;} #document-content .chapter > h1 .title, #document-content .chapter > h2 .title, #document-content .chapter > h3 .title, #document-content .part > h1 .title, #document-content .part > h2 .title, #document-content .part > h3 .title, #document-content .schedule > h4 .title {display:block; } #document-content .section > h2, #document-content .section > h3, #document-content .section > h4, #document-content .section > h5 { text-align:center;padding-bottom:5px; } #document-content .subsection > h3 { text-align:center; padding-bottom:5px; } /* ---------------------------------- */ /* aligning everything on a 50px grid */ /* --------------- ------------------ */ #document-content .left0 { margin-left: 0px; } #document-content .left1 { margin-left: 50px; } #document-content .left2 { margin-left: 100px; } #document-content .left3 { margin-left: 150px; } #document-content .left4 { margin-left: 200px; } #document-content .left5 { margin-left: 250px; } /* Indentation for paragraph-style lists */ #document-content .numberedPara { margin-left: 30px; } #document-content .left0.numberedPara, #document-content .above0, #document-content .below0, .popover p.left0 { margin-left: 0px; } #document-content .left1.numberedPara, #document-content .above1, #document-content .below1, .popover p.left1 { margin-left: 50px; } #document-content .left2.numberedPara, #document-content .above2, #document-content .below2, .popover p.left2 { margin-left: 100px; } #document-content .left3.numberedPara, #document-content .above3, #document-content .below3, .popover p.left3 { margin-left: 150px; } #document-content .left4.numberedPara, #document-content .above4, #document-content .below4, .popover p.left4 { margin-left: 200px; } #document-content .left5.numberedPara, #document-content .above5, #document-content .below5, .popover p.left5 { margin-left: 250px; } #document-content .left0 .listLabel { width: 50px; display:block; float:left; } #document-content .left1 .listLabel { width: 50px; display:block; float:left; } #document-content .left2 .listLabel { width: 50px; display:block; float:left; } #document-content .left3 .listLabel { width: 50px; display:block; float:left; } #document-content .left4 .listLabel { width: 50px; display:block; float:left; } #document-content .left5 .listLabel { width: 50px; display:block; float:left; } /* outdent is probably redundant now */ /* outdent is when they want (1)*/ #document-content .left0 .outdent {align:top; width: 50px; } /* background-color:yellow; left1 - left0 */ #document-content .left1 .outdent {align:top; width: 50px; } /* background-color:green; left2 - left1 */ #document-content .left2 .outdent {align:top; width: 50px; } /* background-color:blue; unverified left3 - left2 */ #document-content .left3 .outdent {align:top; width: 50px; } /* background-color:brown; unverified left4 - left3 */ #document-content .left4 .outdent {align:top; width: 50px; } /* background-color:grey; unverified left5 - left4 */ #document-content .left5 .outdent {align:top; width: 50px; } /* background-color:grey; ??unverified left5 - left4 */ /* --- Tables */ #document-content .containsTable { overflow: auto; } #document-content table { border-collapse: collapse; margin-bottom: 4px; } #document-content table .l1 { border-left: solid 1px #666; } #document-content table .l2 { border-left: solid 2px #666; } #document-content table .l3 { border-left: solid 3px black; } #document-content table .l4 { border-left: solid 4px black; } #document-content table .l5 { border-left: solid 5px black; } #document-content table .r1 { border-right: solid 1px #666; } #document-content table .r2 { border-right: solid 2px #666; } #document-content table .r3 { border-right: solid 3px black; } #document-content table .r4 { border-right: solid 4px black; } #document-content table .r5 { border-right: solid 5px black; } #document-content table .t1 { border-top: solid 1px #666; } #document-content table .t2 { border-top: solid 2px #666; } #document-content table .t3 { border-top: solid 3px black; } #document-content table .t4 { border-top: solid 4px black; } #document-content table .t5 { border-top: solid 5px black; } #document-content table .b1 { border-bottom: solid 1px #666; } #document-content table .b2 { border-bottom: solid 2px #666; } #document-content table .b3 { border-bottom: solid 3px black; } #document-content table .b4 { border-bottom: solid 4px black; } #document-content table .b5 { border-bottom: solid 5px black; } #document-content table td, #document-content table th { padding: 4px; } /* --- Content */ #document-content .name { display: block; text-align: right; } #document-content .name .suffix { display: block; } /* --- Citations */ #document-content .citation { float:right; padding: 4px; box-shadow: 0px 0px 4px 2px #999; margin-left: 4px; clear: both; } #document-content .citation p { margin-bottom: 0px; } /* --- Boxed items */ #document-content .tip, #document-content .example, #document-content .boxg, #document-content .box, #document-content .quote, #document-content .caselaw { display: block; border: solid 1px #666; padding: 10px; margin: 20px; } #document-content .example-num { font-weight: bold; } #document-content .box, #document-content .boxg, #document-content .quote { background-color: #f0f0f0; } #document-content .caselaw-title { font-weight: bold; } /* --- Lists */ /* List bullets */ #document-content ul.emdash li { list-style-image: url('/images/lists/emdash.png'); } #document-content ul.bullet li { list-style-image: url('/images/lists/bullet.png'); } #document-content ul.arrow li { list-style-image: url('/images/lists/arrow.png'); } #document-content ul.tick li { list-style-image: url('/images/lists/tick.png'); } #document-content ul.delta li { list-style-image: url('/images/lists/delta.png'); } #document-content ul.darkcircle li { list-style-image: url('/images/lists/darkcircle.png'); } #document-content ul.halfcircle li { list-style-image: url('/images/lists/halfcircle.png'); } #document-content ul.star li { list-style-image: url('/images/lists/star.png'); } #document-content ul.arrow1 li { list-style-image: url('/images/lists/arrow1.png'); } #document-content ul.diamond li { list-style-image: url('/images/lists/diamond.png'); } #document-content ul.box li { list-style-image: url('/images/lists/box.png'); } #document-content ul.bull li { list-style-image: url('/images/lists/bull.png'); } #document-content ins { text-decoration: none; } /* new styles made after merging design by t3d */ #document-content .amending-acts { float:center; align:center; font-size:10px; text-align: center; display:block; } #document-content .amending-acts-bottom {left:40%; position:absolute; width:20%; border-bottom:2px solid #000; content:""} #document-content .footnotes:before { left:0; width:30%; border-top: 3px solid black; content: ""; display: block; } #document-content .footnote, #document-content .fn { border-top: 6px solid #cfd9e4; } #document-content .dt-footnotes h1 { font-size: 1em; } #document-content .footnote div, #document-content .fn div {display:block;} #document-content div.footnote div.note span.titleNum, #document-content div.fn div.note span.titleNum , #document-content div.fn div.note sup {width: 47px; display:inline-block;} #document-content div.note num, #document-content div.note sup {margin-left:3px;} /* aligns with .left0.numberedPara */ #document-content .extract { left:40px; display:block; } #document-content .sideimg-content { height:100%; } #document-content .sideimg-content > * { background-color: rgb(192, 194, 196); } #document-content .sideimg-content-td { width:100%; height:100%;} #document-content .sideimg-img-td { vertical-align: top;background-color: rgb(192, 194, 196); } #document-content div.chaptitlepage { border-bottom:2px solid #000;border-top:2px solid #000; line-height: 2.7em; font-size: 2.5em; } #document-content div.title { text-align: center; } #document-content div.boxl { border: 1px solid #000; padding:1em; } #document-content div.bg { text-align: center; } #document-content div.h2, #document-content div.h1 { padding:3px; font-size:1em; line-height: 1em; /* resetting from the normal h2 falsely injected */ } #document-content div.h2, #document-content div.h1 > p { margin-top:2em; margin-left:5em; } #document-content div.h2 .note { margin-left:1em; left:2em; } #document-content div.h1 sup { padding-right: 4em;} #document-content div.h3 {MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px;} #document-content div.h2a { margin-top: 20px; margin-bottom: 10px; line-height: 1.1; line-height: 2em; font-size: 1.875em; } #document-content div.h3a { margin-top: 20px; margin-bottom: 10px; line-height: 1.1; line-height: 1.8em; font-size: 1.6em; } #document-content .dotboxg {margin-top:2em; BORDER-BOTTOM: black 2px dashed; BORDER-LEFT: black 2px solid; PADDING-BOTTOM: 1em; BACKGROUND-COLOR: #c0c2c4; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; BORDER-TOP: black 2px dashed; BORDER-RIGHT: black 2px solid; PADDING-TOP: 1em} #document-content .noAccessInsufficientRoles, #document-content .noAccessNotLoggedIn { margin-top: 50px; background-color: #f5f5f5; border: solid 3px #666; padding: 10px; margin-bottom: 100px; } /* Override formatting on Revenue content that we've scraped */ #revenue-content #bcrumbs { display: none; } /* cancelling microsfoft Word marging , .MsoBodyText, .MsoNormalTable*/ /* list of non exhaustive MsoNormal MsoNormalTable MsoBodyText MsoCaption MsoEndnoteText MsoList MsoBodyText2 MsoFootnoteReference MsoFootnoteText MsoHyperlink MsoFooter MsoHeader MsoListParagraphCxSpFirst MsoListParagraphCxSpMiddle MsoListParagraphCxSpLast MsoTitle MsoSubtitle MsoListParagraph MsoTableGrid MsoNoSpacing MsoTableContemporary MsoTableColorful2 MsoListBullet MsoNormalCxSpLast MsoNormalCxSpFirst MsoNormalCxSpMiddle MsoBodyTextIndent MsoCommentReference MsoBodyTextIndent2 MsoBodyTextIndent3 MsoBlockText MsoBodyText3 MsoPlainText MsoToc1 MsoToc2 MsoQuote MsoIntenseEmphasis MsoListBulletCxSpFirst MsoListBulletCxSpMiddle MsoListBulletCxSpLast MsoHeading7 MsoNormalIndent MsoHeading8 MsoCommentText MsoEnvelopeAddress MsoHeading9 MsoSubtleReference MsoHeaderCxSpFirst MsoHeaderCxSpLast MsoTocHeading MsoListNumber MsoFootnoteTextCxSpFirst MsoFootnoteTextCxSpMiddle MsoFootnoteTextCxSpLast MsoBibliography MsoEndnoteReference */ .MsoNormal, .MsoBodyText, .MsoNormalTable { margin-left: 0 !important; } #document-content a, #document-content p { word-wrap: break-word; } .authorgroup .surname::before { content: " "; } /* Remove the bottom margin on the last paragraph of a footnote popover */ .popover.itiFootnoteHover { max-width: 600px; } .popover.itiFootnoteHover p:last-child { margin-bottom: 0 } .hmrc-content ol.section-list.hmrc { list-style: none; } .hmrc-content ol.section-list.hmrc li { font-size: 19px; line-height: 1.3157894737; } .hmrc-content ol.section-list.hmrc li:hover{ background-color: #f8f8f8; } .hmrc-content div.title-wrap { display: table-row; } .hmrc-content div.title-wrap div { display: table-cell; } .hmrc-content div.subsection-id { min-width: 135px; padding-right: 15px; color: #6f777b; } .hmrc-content div.subsection-title-text { color: #005ea5; font-weight: bold; } .hmrc-content ul.pub-c-pagination__list { list-style: none; font-size: 14px; line-height: 1.44; color: #222222; margin-top: 20px; } .hmrc-content ul.pub-c-pagination__list li:hover { background-color: #f8f8f8; } .hmrc-content .pub-c-pagination__item--previous { float:left; text-align: left; font-size: 16px; line-height: 1.25; width: 50%; } .hmrc-content .pub-c-pagination__item--next { float:right; text-align: right; font-size: 16px; line-height: 1.25; width: 50%; } .hmrc-content a.pub-c-pagination__link { color: #005ea5; display: block; padding 15px; text-decoration: none; } .hmrc-content a.pub-c-pagination__link:hover { color: #005ea5; display: block; padding 15px; text-decoration: none; } .hmrc-content a.pub-c-pagination__link:visited { color: #005ea5; display: block; padding 15px; text-decoration: none; } .hmrc-content ol.hmrcBreadcrumb { padding: 8px 15px 8px 0; margin-bottom: 0; list-style: none; border-radius: 4px; box-sizing: border-box; text-align: right; } .hmrc-content ol.hmrcBreadcrumb li { display: inline-block; box-sizing: border-box; padding: 0 5px 0 0 } .hmrc-content ol.hmrcBreadcrumb li + li::before { content: " > " }