.muralChallengePanelHide {
	display: none;
}

.width3ch {
	width: 3ch;
}

.width19 {
	width: 19ch;
}

.width25pc {
	width: 25%;
}

.padding3Right {
	padding-right:3px;
}

.padding3Left {
	padding-left:3px;
}

.padding3Bottom {
	padding-bottom:3px;
}

span.floatRight {
	text-align:right;
	float:right;
	margin-right: 1ch;
}

.sortOrderIndicator {
	float: right;
	color: cyan;
}

.tableRightalign {
	text-align: right
}


/* filter selection */

table.muralChallengeFilters {
	border-collapse: collapse;
	width: 79ch;
	border-style: solid;
	border-width: 3px; 
	border-color: magenta;
}

th.muralChallengeFilters {
	font-weight: normal;
	background-color: cyan;
	cursor: default;
}

/* Spreadsheet style summary */

table.muralChallengeSummary {
	border-collapse: collapse;
	width: 79ch;
	border-style: solid;
	border-width: 3px; 
	border-color: magenta;
}

th.muralChallengeSummary {
	font-weight: normal;
	background-color: cyan;
	cursor: default;
	border: 3px; 
	border-style: solid;
	border-color: magenta;
}

td.muralChallengeSummary {
	background-color: white;
	color: magenta;
	padding-left: 1ch;
	padding-right: 1ch;
	border: 3px; 
	border-style: dotted;
	border-color: magenta;
}

.coords {
	border: 3px; 
	border-style: solid;
	border-color: magenta;
	background-color: cyan;
	color: magenta;
}

/* Main detail screen */

table.muralChallengeDetail {
	border-collapse: collapse;
	background-color: cyan;
	display:table;
	width: 79ch;
	border: 3px; 
	border-style: solid;
	border-color: magenta;
}

th.muralChallengeDetail {
	padding-left: 1ch;
	font-weight: normal;
	cursor: default;
}

th.colArtist {
	padding-right:1ch;
	width: 20%;
	text-align: left;
	font-weight: normal;
}

th.colLocation {
	padding-right:1ch;
	width: 20%;
	text-align: left;
	font-weight: normal;
}

th.colFound {
	padding-right:1ch;
	width: 16%;
	text-align: left;
	font-weight: normal;
}

th.colNotes {
	padding-right:1ch;
	width: 44%;
	text-align: left;
	font-weight: normal;
}

td.muralChallengeDetail {
	background-color: black;
	border: 3px; 
	border-style: solid;
	border-color: magenta;
	padding-left: 1ch;
	padding-bottom: 3px;
	vertical-align: top;
}

td.muralChallengeDetail a {
	display: block; /* make whole cell clickable */
	color: cyan;
	text-decoration: underline solid magenta 3px;
}

table.muralChallengeDetail tr:hover td {
	color: black;
	background-color: cyan;
}

table.muralChallengeDetail tr:hover a {
	color: black;
	background-color: cyan;
}

td.muralChallengeDetail a:hover {
	color: black;
	background-color: cyan;
}

.buttonWithLock {
	font-family: "VT323", monospace;
	font-size: 24px;
	line-height: 100%;
	font-weight: normal;
	color: white;
	background-color: magenta;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	width:100%;
	border-right: solid cyan 3px;
	border-bottom: solid cyan 3px;
	border-top: solid white 3px;
	border-left: solid white 3px;
}

.buttonWithLockInactive {
	color: magenta;
	background-color: cyan;
	border-right: solid white 3px;
	border-bottom: solid white 3px;
	border-top: solid magenta 3px;
	border-left: solid magenta 3px;
}