#content a, #content a:hover, #content a:visited { color: #005739; }

/* general */

h2, h3, h4, h5 {
	color: #555;
	line-height: inherit;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	}

h1 {
	font-size: 1.8em;
	margin-bottom: 1em;
	margin-top: 0.5em;
	}

h2 { font-size: 1.5em; }

	caption h2 { line-height: 1.5em; }

h3 { font-size: 1.3em; }

p, li { line-height: 1.3em; }

#content li { margin: 0.75em 0; }
	
	#content .li-no-space li, #content .TabbedPanelsTabGroup li { margin: 0; }
	
	#content .li-space li { margin: 1.2em 0; }

dt { font-weight: bold; } /* definition term  */

dt > dfn { font-style: normal; } /* removes italics from a dfn inside a dt */

dd { /* definition description */
	padding-bottom: 1.1em;
	padding-top: 0.5em;
	} 

li h3, li h4, li h5 { /* when a list item contains a header */
	margin: 0;
	padding: 0;
	}

/* general classes */

.activated {
	background-color: #dfe2e0;
	border: #949393 1px solid; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: #000;
	cursor: pointer;
	font-size: 80%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}

	.deactivated {
		background-color: #f4f4f4;
		border: #adb2b5 1px solid;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		color: #6d6d6d;
		cursor: pointer;
		font-size: 80%;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		}

.addthis_toolbox { margin-top: 70px; } /* add space to top of share this widget */

.back-to-top { text-align: right; }

.banner h1, .banner2 h1, .banner3 h1, .banner4 h1, .banner5 h1  {
 font-family: Arial, Helvetica, sans-serif;
 font-size :1.8em; 
 color: #004010;
 letter-spacing: 0.45px;
 padding: 45px 0px 30px 0px;
 text-indent: 60px;
 text-shadow: 2px 2px 3px #FFF;
}

.banner, .banner2, .banner3, .banner4, .banner5 { height: 114px; }
	.banner { background: url("../images/automobiles_banner.jpg") no-repeat; }
	.banner2 { background: url("../images/buying_goods_services_banner.jpg") no-repeat; }
	.banner3 { background: url("../images/consumer_awareness_banner.jpg") no-repeat; }
	.banner4 { background: url("../images/financial_matters_banner.jpg") no-repeat; }
	.banner5 { background: url("../images/housing_banner.jpg") no-repeat; }

.bold { font-weight: bold; }

.case-study {
	background: #F0F0F0;
	border-radius: 15px;
		-moz-border-radius: 15px;
	text-align: justify;
	margin: 5px 10px;
	padding: 10px;
	}

.center {
	margin: 0 auto;
	text-align: center;
	}

.checkmark { list-style-type: none; }
	
	.checkmark li {
		clear: both;
		margin-left: -10px;
		}
	
	.checkmark img {
		float: left;
		margin-right: 5px;
		}
		
	.checkmark p {
		margin: 10px 0px;
		padding-top: 12px;
		}

.clear-both { clear: both; }

.clear-right { clear: right; }

.contact-list {
	list-style-type: none; 
	padding-left: 0px;
	}
	
	.contact-list li, #content .contact-list li { margin: 0; }

.crumbs { /* #breadcrumb formatting */
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -40px;
	margin-right: 0px;
	}

	.crumbs li {
		display: inline;
		margin-left: 5px;
		list-style-type: none;
		}
	
		.crumbs li:first-of-type { margin-left: 0px; }

.divider { margin: 20px auto; }

.font-large { font-size: 1.2em; }
	
.font-small { font-size: 0.8em; }
	
.indent { margin-left: 20px; }
	
.italic { font-style: italic; }

.left {
	float: left;
	margin-right: 5px;
	}

.no-space-bottom { margin-bottom: 0px; }
.no-space-top { margin-top: 0px;}

.no-bullet { 
	list-style-type: none; 
	padding-left: 0px;
	}

.padding-bottom { padding-bottom: 20px; }

.padding-top { padding-top: 20px; }

.panel-heading {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #003300;
	}

.panel-heading2 {
	font-weight: normal;
	}
	
.right {
	float: right;
	margin-left: 5px;
	}
	
.space-top { margin-top: 20px; }

.table-empty { empty-cells: show; } /* use when a table has empty cells */

.table-key-links {
	border-spacing: 0; /* cellspacing="0" */
	border-spacing: 4px; /* cellspacing="4" */  
	width: 655px;
	}
	
	.table-key-links caption { text-align: left; }
	.table-key-links caption h2 { padding: 10px 0px; }
	.table-key-links caption h3 { padding-bottom: 7px; }
	.table-key-links th, .table-key-links td { 
		padding: 8px; /* cellpadding="8" */
		vertical-align: top; /* valign="top" */
		}
	.table-key-links th	{ 
		background-color: #ccc; /* bgcolor="#CCCCCC" */ 
		text-align: center;
		}
	.table-key-links tr td:first-child { width: 294px; }
	.table-key-links tr td:last-child { width: 504px; }

.text-center { text-align: center; }
	
.text-right { text-align: right; }

.two-column 
 {
 float: left;
 width: 188px;
 margin: 0px 10px 15px 10px;
 padding: 0px;
 }

.ul-col-2 { padding-left: 15px; } /* puts a list into 2 columns */
	.ul-col-2 li {
		display: inline-block;
		float: left;
		width: 300px;
		}
	.ul-col-2 li:nth-child(odd) { margin-left: 15px; }
	.ul-col-2 li:nth-child(even) { margin-left: 20px; }

.ul-col-3 { padding-left: 15px; } /* puts a list into 3 columns */
	.ul-col-3 li {
		display: inline-block;
		float: left;
		width: 200px;
		}
	.ul-col-3 li:nth-child(3n+2), .ul-col-3 li:nth-child(3n+3) { margin-left: 20px; }

.ul-no-space-bottom { margin-bottom: 0px; } /* to remove the gap between a paragraph and a list */

.ul-no-space-top { margin-top: 0px; } /* to remove the gap between a paragraph and a list */	

.visually-hidden { /* hides content visually, but still read by screen readers */
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

/* colours */

.black { color: #000; }

.green, .green a { color: #006643; }

.red { color: #D90000; }

/* widths */

.w25 { width: 25%; }
.w60 { width: 60%; }
.w70 { width: 70%; }

/* table column widths */

.tbl-col-w05 { width: 5%; }
.tbl-col-w06 { width: 6%; }
.tbl-col-w07 { width: 7%; }
.tbl-col-w08 { width: 8%; }
.tbl-col-w09 { width: 9%; }
.tbl-col-w10 { width: 10%; }
.tbl-col-w11 { width: 11%; }
.tbl-col-w12 { width: 12%; }
.tbl-col-w13 { width: 13%; }
.tbl-col-w14 { width: 14%; }
.tbl-col-w15 { width: 15%; }
.tbl-col-w16 { width: 16%; }
.tbl-col-w17 { width: 17%; }
.tbl-col-w18 { width: 18%; }
.tbl-col-w19 { width: 19%; }
.tbl-col-w20 { width: 20%; }
.tbl-col-w21 { width: 21%; }
.tbl-col-w22 { width: 22%; }
.tbl-col-w23 { width: 23%; }
.tbl-col-w24 { width: 24%; }
.tbl-col-w25 { width: 25%; }

/* page specific classes */

.auto-decisions li {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px;
	list-style-type: none;
	width: 50px;
	}

.cpo-alert { 
	color: #8b2626; 
	font-weight: bold; 
	margin-left: 10px;
	}

.cpo-tip {
	background: #BADAED;
	border-radius: 15px;
		-moz-border-radius: 15px;
	color: #000;
	float: right;
	margin-left: 7px;
	padding: 2px 10px 3px 10px;
	width: 220px;
	}

.cpo-tabs-container {
	clear: both;
	width: 100%;
	}
	
.cpo-tabs-left {
	float: left;
	padding: .74em 0.25em 0.25em 0.5em;
	width: 30%;
	}
	
.cpo-tabs-right {
	float: left;
	padding: 0.25em 0.5em 0.25em 0.25em;
	width: 66%;
	}

.cpo-initiative, .cpo-progress { 
	clear: both;
	float: left;
	width: 12%;
	}
	.cpo-initiative p, .cpo-progress p { 
	color: #777;
	font-weight: bold;
	margin: 0;
	padding-top: 0.5em;
	text-align: right;
	}
		.cpo-initiative p { 
			font-size: 1.3em;
			margin-top: 0.5em;;
			}
		.cpo-progress p { 
			color: #555;
			font-size: 1em;
			}
		

.cpo-initiative-heading, .cpo-progress-paragraph {
	float: right;
	width: 87%;
	}
	.cpo-initiative-heading h3 { margin-top: 1em;; }

.cpo-progress-paragraph p {
	margin: 0;
	padding-top: 0.5em;
	}

.cpo-progress-h2 {
	clear: both;
	text-align: center;
	}

.cpo-survey {
	background: #BADAED;
	border-radius: 15px;
		-moz-border-radius: 15px;
	color: #000;
	float: right;
	margin-left: 7px;
	margin-top: 20px;
	padding: 10px;
	text-align: center;
	width: 220px;
	}
	
	.cpo-survey a {
		display: block;
		color: #000;
		}

.identity-nav { 
	display: block;
	float: left;
	width: 49%;
	}

/* table formatting, based on Web Experience Toolkit (WET) wet-boew.github.io/wet-boew/) */

.table tr { page-break-inside: avoid; }
	
.table td, .table th {
	background-color: #fff; 
	padding: 0;
	}

.table {
	background-color: transparent;
 	border-collapse: collapse;
	border-spacing: 0;
  }

.table th { text-align: left; }

@media print {
.table-bordered th, .table-bordered td {
    border: 1px solid #ddd; }
	}

.table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
  margin-bottom: 23px; }
  .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.4375;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table {
    background-color: #fff; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) {
  background-color: #ecf2ee; }
  
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
  background-color: #e4dbe8; } /* hover row background */
  
.table-hover > tbody > tr:hover > td {
  background-color: #DCDCDC; } /* grey */
  

.table-auto-decisions {
	width: 100%;
	}
	
	.table-auto-decisions th {
		text-align: center;
		}
		
		.tbl-col-file { width: 15%;}
		.tbl-col-date-hearing { width: 15%; }
		.tbl-col-date-decision { width: 15%; }
		.tbl-col-issue { width: 55%; }
		
	.table-auto-decisions ol { 	list-style-position: outside; padding-left: 15px; }

.table.cpo-enforcement-table > tbody > tr > td { padding: 4px; }