body {
		margin: 0px;
	}
/*
	a, a:link, a:active, a:visited, a:hover {
		color: #66aaee;
	}
	*/
	a.silent{
		color: white;
		text-decoration: none;
	}
	a.silent.sm {
		font-size: 0.8rem;
		padding: 0 0.3rem
	}
	
	a.silent:hover{
		background-color: #007053;
		text-decoration: underline;
	}
	
	.fauxbtn {
		color: #66aaee;
		border: 1px solid #66aaee;
		border-radius: 2px;
		padding: 0.1rem 0.4rem;
		font-size: 0.8rem;
		cursor: pointer;
	}
	
	h1, h2, h3, h4, h5 {

	}
	
	h1 {
		font-size: 2.0rem
	}
	
	h2 {
		
	}
	
	h4 {
		clear:both; margin-top: 10px
	}

	button,
	input:not([type="submit"]):not([type="radio"]),
	optgroup,
	select,
	textarea {
		background-color: #ddeef9;
		border-radius: 5px;
	}
	button:focus,
	input:focus,
	optgroup:focus,
	select:focus,
	textarea:focus {
		background-color: white;
	}
	button:disabled,
	input:disabled,
	optgroup:disabled,
	select:disabled,
	textarea:disabled {
		background-color: #aabbc0;
	}
	
	span.def {
		font-style: normal;
		color: #bbb	
	}
	
	/* table and infobox overrides */
	@media (min-width: 320px){
		.half {
			width: 100%;	
		}
		.flag{height: 1.0rem; border-right: 2px solid #222;}
		.infoblock 
		{
			padding: 0.5rem;
			width: 45%;
			margin: 0.5rem;
		}
		.infobox {}
	}
	@media (min-width: 768px){
		.half {
			width: 80%;	
		}
		.infoblock 
		{
			padding: 0.8rem;
			width: 42%;
			margin: 1rem;
		}
	}
	@media (min-width: 990px){

		.infoblock 
		{
			padding: 15px;
			width: 30%;
			margin: 0.9rem;
		}
		.infobox { }
	}
	@media (min-width: 1024px){
		.half {
			width: 60%;	
		}
		
		.flag {height: 1.3rem; border-right: 5px solid #222;}
		.bigflag {height: 2.5rem;}
	}
	@media (min-width: 1200px){
		
		.infoblock 
		{
			padding: 15px;
			width: 22%;
			margin: 0.9rem;
		}
	}
	
	/* tables */
	.table thead th {
		border-bottom: 2px solid #666;
	}
	
	.table tbody tr.sup td {
		border-top: 2px solid #666;
		background-color: #333;
	}
	.table tbody tr.sub td {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	.table th, .table td {
		padding: 0.4rem
	}
	/* nested */
	.table td .table {
		font-size: 0.8rem;
	}
	.table td .table th {
		padding: 0.3rem;
		border-top: 0;
		border-bottom: 2px solid #567;
		background-color: #273747
	}
	.table td .table td {
		padding: 0.3rem;
		border-bottom: 1px solid #456;
		background-color: #192633
	}
	/* */
	#body {
		
	}
	
	#home {
		width: 100%	
	}
	
	p.footer {
		
	}

	.container-liner {
		margin-top: 70px
	}
	
	#infoMessage {
		color: #66aaee;
	}
	
	.halfcol {
		float: left;
		display: inline-table;
		width: 49%;
	}
	
	#timer {
		clear: both;
		color: #555; 
		margin: 80px 8px 4px 8px;
		font-style: italic;
	}
	
	.infobox {
		background-color: #203040;
	}
	
	.infoblock {
		border-left: 1px solid gray;
		background-color: #203040;
		text-align: left;
		display: inline-table;
		float: left;
		border-radius: 3px
	}
	.leagueblock{
		height: 160px
	}
	
	#home .infoblock {
		width: 98% 
	}
	
	#raceresults .penalty {
		font-style: none;
		color: red;		
		border: 1px solid red;
		border-radius: 10px;
		padding: .1em .2em;
		text-transform: capitalize;
		cursor: pointer;
		margin-left: 3px;
		margin-right: -2px;
	}
	#raceresults .infraction {
		font-style: none;
		color: gray;
		border: 1px solid gray;
		border-radius: 10px;
		padding: .1em .4em;
		cursor: pointer;
		margin-left: -2px;
		margin-right: -2px;
	}
	
	.ps4{ 
		border-left: 1rem solid #033E9A !important;
	}
	.xbox{ 
		border-left: 1rem solid #10780F !important;
	}
	.pc{ 
		border-left: 1rem solid #DF1A20 !important;
			
	}
	.infoblock.ps4 {border: 1px solid #033e9a;}
	.infoblock.xbox {border: 1px solid #10780F;}
	.infoblock.pc {border: 1px solid #DF1A20;}
	.pos-1st {background: linear-gradient(90deg, #222222, #EDDA69);text-shadow: 1px 1px 2px black;}
	.pos-2nd {background: linear-gradient(90deg, #222222, #BDBCC2);text-shadow: 1px 1px 2px black;}
	.pos-3rd {background: linear-gradient(90deg, #222222, #DC9B53);text-shadow: 1px 1px 2px black;}
	.table-1st, .table-1st > th, .table-1st > td {
		background-color: #EDDA69; color: black;
	}
	.table-2nd, .table-2nd > th, .table-2nd > td {
		background-color: #BDBCC2; color: black;
	}
	.table-3rd, .table-3rd > th, .table-3rd > td {
		background-color: #DC9B53; color: black;
	}
	.pos {color: green}
	.neg {color: red}
	
	.readable {
		background-color: #fcfaf6;
		color: #321;
		padding: 20px;	
	}
	
	.bigger {
		font-size: 1.1rem;
	}
	.biggest {
		font-size: 1.5rem;
	}
	.em {
		/**/
		font-style: italic;
		
	}
	.b {
		font-weight: 600;
	}
	.middle, .c {
		/**/
		text-align: center;	
	}
	.nopad {
		padding: 0!important;
	}
	.r {
		text-align: right
	}

	.msg {
		clear: both; 
		width: auto; 
		margin: 10px; 
		padding: 5px 5px; 
		text-align: center; 
		border-radius: 5px;
		text-shadow: 0 0 15px #000;
		opacity: 0.8
	}
	
	.good {
		border: 1px solid #b0f1b0; 
		color: #b0f1b0; 
		background-color: #207020
	}
	
	.bad {
		border: 1px solid maroon; 
		color: maroon; 
		background-color: #f1b0b0
	}
	.dhide {
		display: none;
	}
	.vtop {
		vertical-align: top;
	}
	.extraspacer{display: none;}
	/* Tournament box styles */
	.tournament {
		height: auto; 
		max-width: 800px; 
		margin: 0 auto
	}
	#CourseImage {
		max-width: 100%;
		height: auto;
	}
	.shadow {
		margin-top: -100px; 
		height: 100px;
		opacity: 0.9;
		background-color: rgba(0,0,0,0.7); 
		padding: 6px 10px;
		color: white;
		text-shadow: 0 0 3px #030;
	}
	.title {
		font-size: 1.5em; line-height: 1.3em; 
	}
	.loc {
		font-size: 1.2em; line-height: 1.3em;
	}
	.date {
		font-size: 0.9em; line-height: 1.2em; font-style: italic
	}
	.tee {
		font-size: 0.9em; line-height: 1.2em; font-style: italic
	}
	
	/* reports */	
	div.horiz{
		list-style: none;
		display: inline-table;
		height: 90px
	}	
	div.horiz div {
		padding: 3px 8px;
		margin: 1px;
		float: left;
		min-width: 140px;
		height: 35px
	}
	table.grid td {
		border: 1px solid #444;
		border-left-color: #303030;
		border-right-color: #303030;
	}
	table.slick td {
		border: 1px solid #444;
		border-left: 0!important;
		border-right: 0!important;
	}
	.fset {
		border: 1px solid #444;
		border-radius: 6px;
		padding: 2px 6px;
	}
	
	.bg-invert {padding: 2px; background-color: #fff;}
	.bg-invert .table {color: #000000;}
	.bg-invert .table thead th{color: #fff; background-color: #00AC01!important; border-bottom: 2px solid white}
	.bg-invert .table td, .bg-invert .table th {border-top: 0; border-bottom: 2px solid white; border-right: 1px solid white;}
	.bg-invert .table-striped tbody tr:nth-of-type(2n+1) {
		  background-color: #e6e9f0;
		} {color: #fff;}