/*
	name: colour.css
*/

body {
	background-color: rgb(253, 253, 253);
}

#container header #text h1, #container a, #titles #sortby, #unknown .url {
	color: rgb(0, 70, 140);
}

#container a:hover {
	color: firebrick;
}
#container header nav  {
	background-color: rgb(0, 50, 160);
	background-image: linear-gradient(to bottom, rgb(253, 253, 253) 0%, transparent 2px, transparent 22px, rgb(230, 230, 230) 100%);
}
#container footer nav  {
	background-color: rgb(0, 50, 160);
	background-image: linear-gradient(to bottom, rgb(230, 230, 230) 0%, transparent 2px, transparent 22px, rgb(253, 253, 253) 100%);
}
#container header nav, #container header nav a, #container footer nav, #container footer nav a {
	color: white;
}
#container header nav a:hover {
	color: red;
}
#container footer div:first-child {
	background-color: rgb(220, 220, 220);
	background-image: linear-gradient(to right, transparent 215px, rgb(253, 253, 253) 100%);
}
#container footer div:last-child {
	background-color: black;
	color: white;
}
#container .tooltip > span:first-of-type {
	color: white;
	background-color: black;
}
#container .tooltip > span:first-of-type::after {
	border-color: black transparent transparent transparent;
}


#menu {
	background-color: rgb(230, 230, 230);
	color: rgb(0, 70, 140);
	background-image: linear-gradient(to right, transparent 215px, rgb(253, 253, 253) 100%);
}
#menu p {
	color: black;
}

#build h1, #cgi h1, #compare h1, #copyright h1, #departments h1, #disclaimer h1, #download h1, #faq h1, #feedback h1, #gazetteranges h1, #gazetteyear h1, #gazetteresults h1, #gazettes h1, #index h1, #panel h1, #laws h1, #leginfo h1, #otherjurisdictions h1, #portfolios h1, #search h1, #selection h1, #suffix h1, #testing h1, #titles h1, #unknown h1, #unused h1, #users h1, #feeds h1, #feeds h2, #purchase h1, #numbering h1, #lawsinfo h1, #leginfonfo h1, #leginfonfo h2, #pco h1, #information h1, #guides h1, #legalprofession h1, #hprnlaa h1, #rsnlaa h1, #legislationact h1, #legislationact h2, #ema h1, #pha h1 {
	color: rgb(160, 0, 0);
}

#selection #byportfolio thead tr, #laws #actsbyletter thead tr, #laws #subsbyletter thead tr, #laws #actsbyyear thead tr, #laws #subsbyyear thead tr, #feeds thead tr, #lawfeeds thead tr, #lawsfeeds thead tr, #leginfofeeds thead tr, #gazettesfeeds thead tr, #faq #qa tbody tr.q {
	background-color: rgb(200, 200, 200);
}
#selection #letters div a, #selection #years div a, #selection #byportfolio tbody tr, #laws #actsbyletter tbody tr, #laws #subsbyletter tbody tr, #laws #sortby a, #laws #actsbyyear tbody tr, #laws #subsbyyear tbody tr, #feeds tbody tr, #lawfeeds tbody tr, #lawsfeeds tbody tr, #leginfofeeds tbody tr, #gazettesfeeds tbody tr, #faq #qa tbody tr.a, #ema #letters div a, #pha #letters div a {
	background-color: rgb(230, 230, 230);
}
#selection #byportfolio tbody tr:nth-child(even), #laws #actsbyletter tbody tr:nth-child(even), #laws #subsbyletter tbody tr:nth-child(even), #laws #actsbyyear tbody tr:nth-child(even), #laws #subsbyyear tbody tr:nth-child(even), #feeds tbody tr:nth-child(even), #lawfeeds tbody tr:nth-child(even), #lawsfeeds tbody tr:nth-child(even), #leginfofeeds tbody tr:nth-child(even), #gazettesfeeds tbody tr:nth-child(even) {
	background-color: rgb(240, 240, 240);
}

#selection #letters div a:hover, #selection #years div a:hover, #selection #byportfolio tbody tr:hover, #laws #actsbyletter tbody tr:hover, #laws #subsbyletter tbody tr:hover, #laws #sortby a:hover, #laws #actsbyyear tbody tr:hover, #laws #subsbyyear tbody tr:hover, #feeds tbody tr:hover, #lawfeeds tbody tr:hover, #lawsfeeds tbody tr:hover, #leginfofeeds tbody tr:hover, #gazettesfeeds tbody tr:hover, #faq #q tbody tr:hover, #otherjurisdictions p a:hover, #ema #letters div a:hover, #pha #letters div a:hover {
	background-color: rgb(255, 215, 40);
}

#lawfeeds thead tr:first-of-type, #lawsfeeds thead tr:first-of-type, #gazettesfeeds thead tr:first-of-type {
	background-color: rgb(0, 50, 160);
	color: white;
}
#lawfeeds thead a, #lawsfeeds thead a, #gazettesfeeds thead a {
	color: white;
}

#laws #sortby a.show {
	border-bottom-color: firebrick;
}
#laws #actsbyletter .nif a.ceased, #laws #actsbyletter .ifnif a.ceased, #laws #subsbyletter .nif a.ceased, #laws #subsbyletter .ifnif a.ceased, #laws h5 span {
	color: firebrick;
}

#home h1, #currencies h1, #subsidiary h1, #amended h1, #amending h1 {
	color: black;
}
#home h2, #currencies h2, #subsidiary h2, #amended h2, #amending h2 {
	color: firebrick;
}

#home .currency thead tr, #subsidiary .currency thead tr, #currencies .currency thead tr, #currencies .currency tfoot tr {
	background-color: rgb(200, 200, 200);
}
#home .currency tbody tr, #subsidiary .currency tbody tr, #currencies .currency tbody tr, #currencies #sortby a, #guides table tr {
	background-color: rgb(230, 230, 230);
}
#home .currency tbody tr:nth-child(even), #subsidiary .currency tbody tr:nth-child(even), #currencies .currency tbody tr:nth-child(even), #guides table tr:nth-child(even) {
	background-color: rgb(240, 240, 240);
}
#home .currency tbody tr:hover, #subsidiary .currency tbody tr:hover, #currencies .currency tbody tr:hover, #currencies #sortby a:hover, #guides table tr:hover {
	background-color: rgb(255, 215, 40);
}

#home .currency .repealed, #currencies .currency .repealed, #subsidiary .ceased tbody a {
	color: firebrick;
}
#currencies #sortby a.show {
	border-bottom-color: firebrick;
}



#search #text thead tr, #search #titles thead tr {
	background-color: rgb(200, 200, 200);
}
#search #text tbody tr.type, #search #titles tbody tr.type {
	background-color: rgb(215, 215, 215);
}
#search #text tbody tr.title, #search #titles tbody tr.title {
	background-color: rgb(230, 230, 230);
}
#search #text tbody tr.title:nth-child(even), #search #titles tbody tr.title:nth-child(even) {
	background-color: rgb(240, 240, 240);
}
#search #text tbody tr.title:hover, #search #titles tbody tr.title:hover {
	background-color: rgb(255, 215, 40);
}
#search #text a.ceased, #search #titles a.ceased {
	color: firebrick;
}
#search #text tfoot th, #search #titles tfoot th {
	color: red;
}


#leginfo #browse thead tr, #leginfo #years p {
	background-color: rgb(200, 200, 200);
}
#leginfo #browse tbody tr, #leginfo #years div {
	background-color: rgb(230, 230, 230);
}
#leginfo #browse tbody tr:hover, #leginfo #years div a:hover {
	background-color: rgb(255, 215, 40);
}

#gazetteranges article a {
	background-color: rgb(230, 230, 230);
}
#gazetteranges article  a:hover {
	background-color: rgb(255, 215, 40);
}


#gazetteyear #gazettes thead tr {
	background-color: rgb(200, 200, 200);
}
#gazetteyear #sortby a, #gazetteyear #gazettes tbody tr {
	background-color: rgb(230, 230, 230);
}
#gazetteyear #gazettes tbody tr:nth-child(even) {
	background-color: rgb(240, 240, 240);
}
#gazetteyear #sortby a:hover, #gazetteyear #gazettes tbody tr:hover {
	background-color: rgb(255, 215, 40);
}
#gazetteyear #sortby a.show {
	border-bottom-color: firebrick;
}

#gazetteresults #gazettes thead tr {
	background-color: rgb(200, 200, 200);
}
#gazetteresults #sortby a, #gazetteresults #indexes a, #gazetteresults #gazettes tbody tr {
	background-color: rgb(230, 230, 230);
}
#gazetteresults #gazettes tbody tr:nth-child(even) {
	background-color: rgb(240, 240, 240);
}
#gazetteresults #sortby a:hover, #gazetteresults #indexes a:hover, #gazetteresults #gazettes tbody tr:hover {
	background-color: rgb(255, 215, 40);
}
#gazetteresults #sortby a.show {
	border-bottom-color: firebrick;
}
#gazetteresults > p.limit {
	color: red;
}


#build section:nth-of-type(2) > article a, #testing .senario a, #information #slps div a {
	background-color: rgb(230, 230, 230);
}
#build section:nth-of-type(2) > article a:nth-of-type(even), #testing .senario a:nth-of-type(even), #information #slps div a:nth-of-type(even) {
	background-color: rgb(240, 240, 240);
}
#today a:hover, #build section:nth-of-type(2) > article a:hover, #testing #senarios a:hover, #testing .senario a:hover, #information #slps div a:hover {
	background-color: rgb(255, 215, 40);
}


.covid #browse thead tr {
	background-color: rgb(200, 200, 200);
}
.covid #browse tbody tr {
	background-color: rgb(230, 230, 230);
}
.covid #browse tbody tr:nth-of-type(even) {
	background-color: rgb(240, 240, 240);
}
.covid #browse tbody tr:hover {
	background-color: rgb(255, 215, 40);
}


#panel .critical p {
	animation: critical 5s infinite;
}
@keyframes critical {
	0% { background-color: rgb(253, 253, 253); }
	50% { background-color: rgb(253, 204, 204); }
	100% { background-color: rgb(253, 253, 253); }
}

#panel .warning p {
	animation: warning 5s infinite;
}
@keyframes warning {
	0% { background-color: rgb(253, 253, 253); }
	50% { background-color: rgb(224, 234, 253); }
	100% { background-color: rgb(253, 253, 253); }
}