.footnote-container{
    width: 0;
    text-indent: 0;
    display:inline;
    margin-left: -3px;
}

.footnote-container > div {
    display:inline;
}

.footnote-container sup {
    color: blue;
    cursor: pointer;
}

.footnote-link {
    display: inline-block;
    width: 40px;
}

#navigation-control {
    padding: 5px 3px 0px 3px;
    left: 340px;
    position: absolute;
    z-index: -1;
    top: 127px;
    right: 0;
    bottom: 42px;
}

#frag {
    font-family: "Times New Roman";
    font-size: 1em;
    padding: 8px 8px 0 10px;
    color: #000;
    left: 340px;
    position: absolute;
    z-index: -1;
    top: 262px;
    right: 0px;
    bottom: 75px;
    overflow: auto;
}

/* Catch all inside the view pane in case an element isn't wrapped in a div after being processed */
#fragview {
    margin-right: 0;
    margin-left: 17pt;
    margin-bottom: 6pt;
    margin-top: 20px;
    text-indent: 0pt;
    font-family: "Times New Roman", serif;
    line-height: 1.3;
    font-size: 125%;
}

#fragview table {
    margin-top: 6pt;
    margin-bottom: 6pt;
}

#frag-noexist {
    font-family: "Times New Roman";
    font-size: 1em;
    padding: 8px 8px 0 10px;
    color: #000;
    left: 0px;
    position: absolute;
    z-index: -1;
    top: 110px;
    right: 0px;
}

#frag img {
    border: 0;
}

#frag hr {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: solid 1px #d7e2fc;
}

#frag a {
    color: #000000;
    text-decoration: underline;
}

#frag a:hover {
    text-decoration: underline;
}

#frag-noexist a {
    text-decoration: none;
}

#frag-noexist a:hover {
    text-decoration: underline;
}

#frag table {
    border-collapse: collapse;
}


a.view-lh-heading {
    color: inherit;
    text-decoration: none;
}

.view-lh-heading-text {
    margin-left: 10px;
}

[data-toggle="collapse"] .fa:before {  
    content: "\f139";
}
  
[data-toggle="collapse"].collapsed .fa:before {
    content: "\f13a";
}
  
/*-----------------------------------------------------------------------
Page wrapper styles for all pages
*/
#frag #page-wrapper {
    font-size: 100.01%;
}

/*-----------------------------------------------------------------------
Tag-specific style classes
*/
div.error,span.error {
    font-weight: bold;
    color: #c03a00;
}

div.navigation {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    margin-bottom: 10px;
}

div.navigation-results {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    height: 50px;
}

div.linktrail {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    width: 100%;
    color: #003399;
}

div.linktrail img {
    margin: 0px 10px 0px 10px;
}

div.linktrail a {
    color: #003399 !important;
}

div.buttons {
    color: #003399;
    font-size: 1.1em;
    padding: 7px 10px 7px 10px;
    background-color: rgb(243, 243, 243);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #E0E0E0;
}

div.buttons a {
    color: #003399 !important;
    font-size: 1em;
    text-decoration: none;
    font-weight: normal;
}

div.buttons a:hover {
    text-decoration: underline;
}

div.buttons ul {
    margin: 0;
    padding: 0;
}

div.buttons ul li {
    display: inline;
    list-style: none;
    margin: 0;
    white-space: nowrap;
}

div.buttons ul li.link {
    border-left: 1px solid #8CAFFC;
    padding-right: 8px;
    padding-left: 10px;
}

div.buttons ul li.first-link {
    border: 0;
    padding-right: 8px;
}

.message-text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    padding: 0px 0px 0px 0px;
    margin-top: 5px;
}

.message-text a {
    color: #003399;
    text-decoration: none;
    font-weight: bold;
}

.message-text a:hover {
    text-decoration: underline;
}

div.content {
    clear: both;
    padding: 0px 0px 0px 0px;
}

.pagination {
    color: #000000;
    white-space: nowrap;
    font-size: 0.8em;
}

.pagination a {
    color: #333;
}

/*
.pagination a:hover {
    text-decoration: underline;
}
*/

.hitnav {
    color: #C0C0C0;
}

span.float-left {
    float: left;
}

span.float-right {
    float: right;
}

div.crest {
    text-align: center;
    padding: 50px 0px 50px 0px;
    border-bottom: solid 1px #d7e2fc;
}

.function-icons a {
    text-decoration: none !important;
}

.top-page {
    font-size: 0.7em;
    text-align: right;
    padding-top: 15px;
    padding-bottom: 10px;
}

.top-page a {
    color: #003399 !important;
    text-decoration: none !important;
    font-weight: normal;
}

.top-page a:hover {
    text-decoration: underline !important;
}

.group {
    display: none;
}

.groupButton {
    font-size: 80%;
}

h1.title, div.title,div.historical-title,div.regulations-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    padding-top: 10px;
    margin-top: 10px;
    /*border-bottom: solid 1px #d7e2fc;*/
}


span.dq {
    color: #C03A00;
    font-style: italic;
}

div.historical-list,div.regulations-list {
    font-family: Arial, Helvetica, sans-serif;
    color: #003399;
    white-space: nowrap;
    text-align: left;
    font-size: 0.8em;
    font-weight: normal;
    padding-top: 10px;
}

div.historical-list a {
    color: #003399;
    text-decoration: underline;
}

div.historical-list a:hover {
    text-decoration: underline;
}

div.historical-list a.go-left,div.historical-list a.go-right {
    text-decoration: none;
}

div.historical-list a.go-left:hover,div.historical-list a.go-right:hover {
    text-decoration: underline;
}

div.historical-list a:visited {
    color: #800080;
}

.uncommenced {
    font-style: italic;
}

/*
    Fragment view content styles (Set by PCO)
    Note: These styles don't work with the font-resizing js function.  They need
    to be declared relative (em) not absolute (pt).

    Also any MS Office ("mso") styles have been removed.  They are not
    recognized by browsers.
*/
b.BigBigHeading {
    display: table-cell;
    font-size: 1.3em;
    font-family: Arial, Helvetica, sans-serif
}

b.BigHeading {
    display: table-cell;
    font-size: 1.2em;
    font-family: Arial, Helvetica, sans-serif
}

b.HeadingStyle {
    min-width: 40px;
    display: table-cell;
    vertical-align: top;
    font-size: 1.0em;
    font-family: Arial, Helvetica, sans-serif
}

b.SmallHeadingStyle {
    display: inline-block;
    vertical-align: baseline;
    font-size: 0.9em;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 6px;
    margin-top: 2px;
}

b.tHeadingStyle {
    display: table-cell;
    vertical-align: top;
    font-size: 0.8em;
    font-family: Arial, Helvetica, sans-serif
}

/*
FlatParagraph {
    margin-top: 8pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 17pt;
    margin-bottom: 10pt;
    font-family: "Times New Roman", serif;
}
*/

p.FlatParagraph {
    /*margin-top: 8pt;*/
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 17pt;
    margin-bottom: 10pt;
    text-indent: -17pt;
    font-family: "Times New Roman", serif;
}

p.LeftParagraph {
    margin-top: 8pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0pt;
    margin-bottom: 10pt;
    text-indent: 0pt;
    font-family: "Times New Roman", serif;
}

smallFlatParagraph {
    margin-top: 0pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0pt;
    margin-bottom: 0pt;
    font-family: "Times New Roman", serif;
}

p.smallFlatParagraph {
    margin-top: 0pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0pt;
    margin-bottom: 0pt;
    font-family: "Times New Roman", serif;
}

p.tParagraph {
    margin-top: 0pt;
    margin-right: 0cm;
    margin-bottom: 10pt;
    margin-left: 0pt;
    /*font-family: "Times New Roman", serif;*/
}
p.tParagraph:empty {
    margin-bottom: 0px;
    margin-top: 0pt;
    margin-right: 0cm;
    margin-left: 0pt;
}

span.TopHeadingSpan {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    margin-top: 8pt;
    margin-bottom: 10pt;    
}

p.ReprintDescriptionParagraph {
    margin-top: 10px;
    font-size: 83.33%;
    font-size: 1rem;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

p.LongTitleParagraph {
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

p.HeadingParagraph {
    display: table-row;
    font-family: Arial, Helvetica, sans-serif;
}

p.OtherHeadingParagraph {
    display: table-row;
    font-size: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
}

div.OtherHeadingParagraph {
    margin-top: 10pt;
    margin-bottom: 10pt;
}

p.PartHeadingParagraph {
    display: table-row;
    font-size: 1.4em;
    font-family: Arial, Helvetica, sans-serif;
}

div.PartHeadingParagraph {
    margin-top: 10pt;
    margin-bottom: 10pt;
}

p.ScheduleHeadingParagraph {
    display: table-row;
    font-size: 1.4em;
    font-family: Arial, Helvetica, sans-serif;
}

div.ScheduleHeadingParagraph {
    margin-top: 40pt;
    padding-top: 8px;
    margin-bottom: 10pt;
}

div.ChapterHeadingParagraph {
    padding-top: 8px;
    margin-bottom: 10pt;
}

p.ChapterHeadingParagraph {
    display: table-row;
    font-size: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
}

div.DivisionHeadingParagraph {
    margin-top: 10pt;
    margin-bottom: 10pt;
}

p.LeftHeadingParagraph {
    display: table-row;
    text-indent: 0;
    font-family: Arial, Helvetica, sans-serif;
}

div.LeftHeadingParagraph {
    margin-top: 8pt;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10pt;
}

p.note {
    font-size: 85%;
    margin-top: 8pt;
    margin-right: 0cm;
    margin-left: 0pt;
    margin-bottom: 6pt;
    text-indent: 0pt;
    font-family: "Times New Roman", serif;
}

p.source {
    margin-top: 0;
    margin-right: 8pt;
    margin-left: 0;
    margin-bottom: 0;
    text-indent: 0;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
}

p.tHeadingParagraph {
    margin-top: 0pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 17pt;
    margin-bottom: 10pt;
    text-indent: -17pt;
    font-family: Arial, Helvetica, sans-serif;
}

p.hFloat {
    margin-top: 0pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 17pt;
    margin-bottom: 10pt;
    text-indent: -17pt;
    font-family: Arial, Helvetica, sans-serif;
}

p.Penalty {
    text-indent: 0;
}

blockquote.hangingnote {
    margin-top: 4pt;
    margin-right: 0cm;
    margin-left: 17pt;
    margin-bottom: 4pt;
    text-indent: -17pt;
}

blockquote.note {
    margin-top: 6pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 17pt;
    margin-bottom: 6pt;
    text-indent: 0pt;
    font-size: 85%;
}

blockquote.FlatParagraph {
    margin-top: 6pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 4em;
    margin-bottom: 6pt;
    text-indent: 0pt;
}

blockquote.Paragraph {
    margin-top: 6pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-bottom: 6pt;
    margin-left: 40px;
    text-indent: -40px;
}

blockquote.Paragraph-No-Number {
    margin-top: 6pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-bottom: 6pt;
    margin-left: 0;
    text-indent: 0;
}

blockquote.TableHeading {
    margin-top: 6pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0px;
    margin-bottom: 6pt;
    font-family: "Arial", helvetica;
}

blockquote.List {
    margin-left: 40px;
    text-indent: -40px;
}

blockquote.TocParagraph {
    margin-top: 0pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 17pt;
    text-indent: -17pt;
    font-family: Arial, Helvetica, sans-serif;
}

blockquote.BParagraph {
    margin-top: 8pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 17pt;
    text-indent: 0pt;
    margin-bottom: 10pt;
    font-family: "Times New Roman", serif;
}

blockquote.tParagraph {
    margin-top: 0pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 17pt;
    margin-bottom: 10pt;
    text-indent: -17pt;
    font-family: "Times New Roman", serif;
}

table.linktext {
    margin-top: 0pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0pt;
    margin-bottom: 10pt;
    text-indent: 0pt;
    font-family: "Times New Roman", serif;
    color: #000099;
}

td.linktext {
    margin-top: 0pt;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0pt;
    margin-bottom: 10pt;
    text-indent: 0pt;
    font-family: "Times New Roman", serif;
    color: #000099;
}

p.LongTitle {
    font-family: helvetica;
    font-weight: bold;
}

.PreambleHeadingParagraph > .HeadingName {
    display: table-row;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 0px;
}

span.HeadingName {
    display: block;
    font-weight: bold;
    text-indent: 0;
}

span.NoteHeadingName {
    display: block;
    font-style: italic;
    text-indent: 0;
}

span.PartHeadingName {
    display: block;
    text-indent: 0;
}

span.ClauseHeadingName {
    display: block;
    font-weight: bold;
    text-indent: 0;
}

span.HeadingNumber {
    min-width: 150px;
    display: table-cell;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
}

span.LongHeadingNumber {
    min-width: 220px;
    display: table-cell;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
}

span.ListNumber {
    display: inline-block;
    vertical-align: top;
    text-indent: 0px;
    min-width: 40px;
}

.content blockquote
{
    border-left: none;
    padding: 0;
    padding-right: 0.4em;
    font-size: inherit;
}

#lhview
{
    font-family: Arial, Helvetica, sans-serif;
}

#lhview h2
{
    font-size: 1.48em;
}

#lhview h4
{
    font-size: 1.2rem;
    font-family: Arial, Helvetica, sans-serif;
}

#lhview .lh-heading
{
    font-size: 1.2rem;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

#lhview p
{
    margin: 0;
    padding: 0;
}
#lhview p.heading-paragraph
{
    font-weight: bold;
    font-size: 1.1rem;
}

#lhview p.EndNoteParagraph
{
    padding-left: 1em;
    padding-bottom: 0.5em;
}

.lhtable
{
    padding: 10px;
}

.table-reprints a {
    display: block;
}

.leglist
{
    margin-left: 40px;
    padding-bottom: 10px;
}
.gazleglist
{
    margin-left: 40px;
}
.internalnotes
{
    margin-left: 40px;
    padding-bottom: 10px;
}
.amend
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.history-note
{
	margin-left: -4em;
}

#enactLongTitle 
{
	font-weight: bold;
	margin-top: 20px;
}

.btn-element-link > .glyphicon-paperclip {
  top: 3px;
}

.load-more {
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.load-more a {
    padding: 0;
    font-size: 12px;
    width: 100px;
    padding-top: 2px;
}

#fragToolbar {
	padding-top: 0;
}

#fragToolbar > .btn-toolbar > .btn-group,
#fragToolbar > .btn-toolbar > .btn-group-vertical {
	margin-top: 9px;
}

/************* Diff toolbar styles **************/
/* See LegislationTimeline.css to ensure that the colours below match
 * what is stored in there
 */
#show-source-version.btn {
    background-color: #ffaaaa;
}
#show-target-version.btn {
    background-color: #aaffaa;
}
#show-source-version.btn.active,
#show-source-version.btn:hover {
    color: #FFF;
    background-color: #cc0000;
    border-color: #880000;
}

#show-target-version.btn.active,
#show-target-version.btn:hover {
    color: #FFF;
    background-color: #007d45;
    border-color: #006336;
}
/*********** Indicative reprint table ***********/
.rendition-copy-icon {
    font-size: 16px;
    vertical-align: bottom;
}

.current-indicative-reprint {
    font-weight: bold;
    font-style: italic;
}

/*indicative-reprint-amending-title-col*/
.indicative-reprint-introduction-date-col,
.indicative-reprint-other-rendition-col {
    width: 150px;
}
/****************** Diff dock ******************/
#diff-dock,
div > #diff-dock.disable-affixed {
    width: 168px;
    height: auto;
    top: 20px;
    padding: 4px;
    margin-top: 0;
    position: relative;
    margin-left: -168px;
    margin-bottom: -500px;
    float: right;
    left: 10px;
    z-index: 100;
}

div > #diff-dock.disable-affixed {
    top: 20px !important;
}

#diff-dock.affix {
    position: fixed;
    margin-top: 10px;
    margin-left: 0;
    right: 15px;
    left: auto;
    top: 0;
}

#diff-dock.affix-bottom {
    right: 10px;
}

#diff-dock.minimised {
    height: 32px;
    margin-left: -34px;
}

.diff-dock-heading {
    float: left;
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
}

.diff-dock-subheading {
    display: block;
    margin-top: 0;
    font-size: 14px;
    font-weight: bold;
}

#diff-dock.minimised #diff-toolbar,
#diff-dock.minimised #diff-navigation-toolbar,
#diff-dock.minimised #diff-shading-toolbar,
#diff-dock.minimised .diff-dock-heading,
#diff-dock.minimised .diff-dock-subheading,
#diff-dock.minimised #diff-dock-differences,
#diff-dock.minimised #toggle-diff-details {
    display: none;
}

#diff-dock #diff-toolbar,
#diff-dock #diff-navigation-toolbar,
#diff-dock #diff-shading-toolbar {
    margin-bottom: 4px;
}

#diff-dock #diff-toolbar .btn-default,
#diff-dock #diff-navigation-toolbar .btn-default,
#diff-dock #diff-shading-toolbar .btn-default {
    width: 40px;
}

#diff-dock-differences {
    width: 100%;
    height: 300px;
    box-sizing: border-box;
    overflow-y: scroll;
}

.btn.diff-dock-difference {
    margin-bottom: 2px;
    text-align: left;
    width: 100%;
    white-space: normal;
}

.diff-dock-difference-description {
    font-weight: bold;
}

#toggle-diff-dock.btn {
    float: right;
    width: 100%;
    margin-bottom: 4px;
}

#toggle-diff-details.btn {
    float: right;
    width: 100%;
    margin-bottom: 4px;
}
@media(max-width:767px) {
    #diff-dock.affix {
        right: 0;
        top: 0;
    }
}
@media (min-width: 1250px)
{
    #diff-dock.affix {
        position: relative;
        right: -10px;
        top: 10px;
    }
    #diff-dock.affix-bottom {
        top: 20px !important;
    }
}
/***********************************************/

.watermark {
    font-family: "Arial";
    font-weight: bold;
    color: lightgrey;
    font-size: 60px;
    /*transform: rotate(45deg);
    -webkit-transform: rotate(45deg);*/
    position: relative;
    text-align: center;
    z-index: 0;
}

@media (max-width: 1249px)
{
	#fragToolbar .btn-toolbar > .btn-group,
	#fragToolbar .btn-toolbar {
		margin-left: 0px;
	}
}

@media (max-width: 500px)
{
	#fragview
	{
		margin-left: 0;
	}
	
	blockquote.FlatParagraph
	{
		margin-left: 20px;
	}
	
	span.PartHeadingName
	{
		padding-left: 10px;
	}
	
	.history-note
	{
		margin-left: -30px;
	}
}