
.group { /*
    line-height: 0.5em;*/
    padding: 1.5rem 0.9rem 0.25rem 0.9rem; /*
    display: inline-block;*//*
    vertical-align: top;*/
	background-color:white;
	margin:1rem 0rem 1.5rem 0rem;
	/*font-size: 0.8em;*/
	border: none;
}

.group-container { /*
    line-height: 0.5em;*/
    padding: 0; /*
    display: inline-block;*//*
    vertical-align: top;*/
	background-color:white;
	margin: 0 0 15px 0;
	/*font-size: 0.8em;*/
	border: none;
}

.group h3 {
  /*font-family:  "Open Sans Condensed", "Helvetica Neue Light", "Shadows Into Light", sans-serif;*/
    text-align: left;
    /*font-weight: 100;*//*
    text-rendering: optimizeLegibility;*/
    /*margin-top: .5em;*/
    margin-bottom: 0;
    /*line-height: 1.2125em;*/
	padding: 0.5rem 1rem;
    font-size: 1.100em;
    color: white;
    background-color:#265D67;
}

h3.summary-heading {
  /*font-family:  "Open Sans Condensed", "Helvetica Neue Light", "Shadows Into Light", sans-serif;*/
    text-align: right;
    /*font-weight: 100;*//*
    text-rendering: optimizeLegibility;*/
    /*margin-top: .5em;*/
    margin-bottom: 0;
    /*line-height: 1.2125em;*/
	padding: 0.5rem 1rem;
    font-size: 1.100em;
    color: black;
    background-color:#f9f8f4;
}

.topline h2 {
  /*font-family:  "Open Sans Condensed", "Helvetica Neue Light", "Shadows Into Light", sans-serif;*/
    font-size: 1.450em;
}

.status-final {
 
    font-weight: 400;/*
    text-rendering: optimizeLegibility;*/
    margin-top: .75em;
    margin-bottom: .5em;/*
    line-height: 1.2125em;*/
	padding: 0.5rem 1rem;
    font-size: 1em;
	color: #CD042B;
    background-color:#DAEEF3;
}
.status-rechecked {
 
    font-weight: 400;/*
    text-rendering: optimizeLegibility;*/
    margin-top: .75em;
    margin-bottom: .5em;/*
    line-height: 1.2125em;*/
	padding: 0.5rem 1rem;
    font-size: 1em;/*
	color: #14A03F;
    background-color:#14A03F;*/
}

.summary {
    line-height: 1.3em;
 width: 46%;
    float: right;
    padding: 10px;
    margin-right: 20px;
}
.summarydist {
    line-height: 1.3em;
 width: 56%;
    float: right;
    padding: 10px;
    margin-right: 82px;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.clearalign {
    clear: both;
}

.totals {
    font-weight: bold;
}

.quota {
	text-align: right;
    padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
}

.sitting {
    width:15px;
    text-align:center;
}

.finalised {
    padding-left: 15px;
    text-align: left;
    font-weight: bold;
    color: #CD042B;
}

.column {
    background-color: #F2F2F2;
	    margin: 0.75 0.35rem 0.75rem 0.35rem;
}

table.ha-dist-table {/*dist preferences*/
	table-layout: auto;
    width: 100%;/*table width is sum of column widths*/
	/*white-space: nowrap;*/
	border-collapse: collapse;
	border: 2px solid #fff;/*outer border of table*/
	outline:none;/*over-ride outline property of table selector in foundation.css*/
	margin: 0px auto;/*center align whole table*/
	/*empty-cells: show;*/
	/*font-family: "Open Sans Condensed", "Helvetica Neue Light", "Pe-icon-7-stroke", sans-serif;*/
  	/*font-weight: normal;*/
  	font-size: 0.8em;
  	line-height: 1rem !important;
  	color: #000000;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

table.ha-fp-table {/*first preferences*/
	table-layout: auto;
    width: 100%;/*table width is sum of column widths*/
	/*white-space: nowrap;*/
	border-collapse: collapse;
	border: 2px solid #fff;/*outer border of table*/
	outline:none;/*over-ride outline property of table selector in foundation.css*/
	margin: 0px auto;/*center align whole table*/
	/*empty-cells: show;*/
	/*font-family: "Open Sans Condensed", "Helvetica Neue Light", "Pe-icon-7-stroke", sans-serif;*/
  	/*font-weight: normal;*/
  	font-size: 0.8em;
  	line-height: 1rem !important;
  	color: #000000;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

tr.blue-border-bottom {
  border-bottom: 2px solid #4886a8;
}

td.ha-table {
	/*border: 1px solid #ddd;*//*borders of cells*/
	background-color: #ffffff;/*over-ride zebra stripes*/
	border-bottom: 1px solid #ddd;
}

tr:hover td, tr:hover th {
	background-color: #f5f5f5; /*to highlight table row on mouse over*/
}

tr:last-child td {
  border-bottom: 1px solid #ddd;
}


/*width in combination with white-space forces the last column of a table to be width of contents, but only applicable to screen widths specified*/
@media screen and (min-width: 400px) and (max-width: 639px) {
tr td:last-child {
    width: 1%;
    white-space: nowrap;
}
table.ha-dist-table tr td:nth-last-child(2){/*dist preferences*/
    width: 1%;
    white-space: nowrap;
}	
}

/*width in combination with white-space forces the last column of a table to be width of contents, but only applicable to screen widths specified*/
@media screen and (min-width: 800px) {
tr td:last-child {
    width: 1%;
    white-space: nowrap;
}
table.ha-dist-table tr td:nth-last-child(2){/*dist preferences*/
    width: 1%;
    white-space: nowrap;
}	
}

/*set width properties for first cell of a column to establish entire column width. Other first cell only properties can also be set.*/
.candidate-column-width {
    /*width: 130px;*//*if updated, update width in table.ha-table above*/
	/*font-weight: bold;*/
    /*color: #E91664;*/
	text-align: left;
	vertical-align: bottom;
	padding-right: 2px;
	padding-left: 1px;
}

.votes-column-width {
    /*width: 33px;*//*if updated, update width in table.ha-table above*/
	text-align: right;
	vertical-align: bottom;
	padding-right: 8px;
	padding-left: 2px;
}

.percent-column-width {
    /*width: 40px;*//*if updated, update width in table.ha-table above*/
	text-align: right;
	vertical-align: bottom;
	padding-right: 6px;
	padding-left: 4px;
}

.status-column-width {
    /*width: 43px;*//*if updated, update width in table.ha-table above*/
	text-align: right;
	vertical-align: bottom;
	padding-right: 1px;
	padding-left: 2px;
}

.candidate-name {
	padding-right: 2px;
	padding-left: 1px;
	/*line-height: 1rem;*/
}

/*all cells that contain numbers to have content aligned right*/
.figure {
    text-align: right;
	padding-right: 8px;
	padding-left: 2px;
    white-space: nowrap;
	font-family: "Open Sans", "Helvetica Neue Light", "Pe-icon-7-stroke", sans-serif;/*using a different font for figures as Sofia-Pro uses kerning so thousands separator not consistent. Open Sans uses tracking for even letter spacing.*/
  	font-weight: normal;
  	font-size: 0.9em;
	 line-height: 1rem !important;
  	color: #000000;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

.percent {
    text-align: right;
	padding-right: 6px;
	padding-left: 6px;
	white-space: nowrap;
}

.status {
	text-align: right;
	/*font-weight: bold;*/
	color:#3187AC;
	padding-right: 1px;
	padding-left: 2px;
	white-space: nowrap;
}

.status-other {
	text-align: right;
	/*font-weight: bold;*/
	color:#000000;
	padding-right: 1px;
	padding-left: 2px;
	white-space: nowrap;
}

.total {
	border-top: 2px solid #4886a8;
}

.equal-width {
	width: 33%;
}

.text-top {
	vertical-align: top;
}

/*remove the added percentage sign from all table cells with class percent*/
.percent:after {
	content: "";
}

.column-1-width {
	width: 12px;
    white-space: nowrap;
	padding: 0;
	margin: 0;
}

.column-1 {
	padding-left: 0;
	margin-left: 0;
	padding-right: 5px;
	margin-right: 0;
	text-align: left;
}

.smaller-text {
	font-size: 0.9em;
	line-height: 1rem !important;
  	color: #000000;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

.extra-padding {
	padding-right: 5px;
}

.summary-padding {
	padding-left: 25px;
}

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

/*Start polling places list styling*/
.pps {
	 background-color: #F2F2F2;
}

.polling-places-list {
  	-webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
	-webkit-column-width: 160px;
    -moz-column-width: 160px;
	-webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    column-width: 170px;
	background-color: #FFFFFF;
	padding: 15px;
	-webkit-column-rule: 1px dotted #ddd;
    -moz-column-rule: 1px dotted #ddd;
    column-rule: 1px dotted #ddd;
}

.polling-places-list h4 { 
  	-webkit-column-span: all;
    column-span: all;
	background-color: #f9f8f4;
	padding-bottom: 5px;
}

.bgr-color {
	background-color: #F2F2F2;
}