span#csa-num-open-ballots span {
	background-color: #1E83EF;
	height: 25px;
	position: relative;
	top: -25px;
	left: 72px;
}

span#csa-num-open-ballots span.zero {
	background: rgba(127,127,127,.4);
}

div.ballot-filters {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.ballot-filters label {
	font-weight: bold;
}

table#ballot-modal-table {
	width: 590px;
	border-collapse: collapse;
}

table#ballot-modal-table tr {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

table#ballot-modal-table tfoot tr {
	border-bottom: none;
}

table#ballot-modal-table tfoot td {
	margin-top: 6px;
	width: 295px;
}

table#ballot-modal-table tfoot td.prev-page {
	text-align: left;
	margin-left: 5px;
}

table#ballot-modal-table tfoot td.next-page {
	text-align: right;
	margin-right: 5px;
}

table#ballot-modal-table td, table#ballot-modal-table th {
    padding: 2px 2px;
}

table#ballot-modal-table thead tr th {
	font-weight: bold;
}

table#ballot-modal-table td.ballot-description {
	width: 290px;
}

table#ballot-modal-table td.ballot-number {
	width: 100px;
}

table#ballot-modal-table td.ballot-status {
	width: 100px;
}

table#ballot-modal-table td.ballot-end-date {
	width: 100px;
}

table#ballot-modal-table tr.even {
	background-color: rgba(239,239,239,0.5);
}

table#ballot-modal-table p.ballot-subject-link {
	margin-bottom: 2px;
}

section.ballot-modal-content table#ballot-modal-table {
	display: block;
	min-height: 500px;
	overflow-y: scroll;
}

div#filter-loading {
	height: 520px;
	display: none;
}

div#filter-loading img {
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 245px;
}

table#email-member-recipients-table {
	width: 590px;
	border-collapse: collapse;
}

table#email-member-recipients-table th {
	font-weight: bold;
}

table#email-member-recipients-table tr td {
	padding-top: 3px;
	padding-bottom: 3px;
}

a#deselect-all-members {
	display: none;
}

@media only screen and (max-width: 40em) {
	span#csa-num-open-ballots span {
		top: -6px;
		left: 86px;
		display: inline-block;
		vertical-align: middle;
		padding: 5px;
		height:15px;
	}
	
	table#ballot-modal-table {
		width:100%;
	}
	
	div.my-ballots td,
	div.my-ballots th {
		width: auto;
		padding: 0px;
		min-width: 0px;
		min-height:17.5px;
	}
	
	div.my-ballots table { 
	  width: 100%; 
	  border-collapse: collapse; 
	}
	
	div.my-ballots table td {
		width: 175px;
	}
	
	div.my-ballots th { 
	  background: #333; 
	  color: white; 
	  font-weight: bold; 
	}
	
	div.my-ballots td, div.my-ballots th { 
	  padding: 6px; 
	  border: none;
	  text-align: left; 
	}
	
	/* Force table to not be like tables anymore */
	div.my-ballots table, 
	div.my-ballots thead, 
	div.my-ballots tbody, 
	div.my-ballots th, 
	div.my-ballots td, 
	div.my-ballots tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	div.my-ballots thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	div.my-ballots tbody tr { 
		border: 1px solid #ccc; 
	}
	
	div.my-ballots td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50%; 
	}
	
	div.my-ballots td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	table#ballot-modal-table td, table#ballot-modal-table th {
		padding: unset;
		padding-left: 50%;
	}
}