body {
	background-color: #4b4b4b;	 
	font-family: "proxima_nova_rgregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#outer-container {
	position:relative;
}

nav {
}
/* general nav styles */
nav ul {
	margin: 0 auto;
	
}
nav ul li {
	display: inline-block;
}

.flex-container.space-around nav{
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
  	-webkit-justify-content: space-around; 
  	justify-content: space-around;
	margin: 0;	
}
	.flex-container.space-around li {
		text-align: center;		
	}
	
h1 {
	border-bottom: 1px dotted #acacac;
	border-top: 1px dotted #acacac;	
	color: #6a6a6a;
	display: inline-block;
	font-size: 2.2em;
	padding-top: 1px;
	text-transform: uppercase;
	width: auto;
}
h2 {
	border-left: 1px solid #ccc;
	color: #444;
	font-family: ristretto_pro_rgregular, sans-serif;
	font-size: 1.8em;
	margin-left: 2px;
	padding-left: 4px;
	text-transform: uppercase;
}

h3 {
	font-size: 1.2em;
	margin-top: 20px;
	margin-right: auto;
}

/*used for roster page summary tables*/
h4 {
	clear: both;
	font-size: 1em;
	font-weight: bold;
	margin: 20px 4px 0;
	text-transform: uppercase;
}

div+h1,
table+h4,
div+h4  {
	margin-top:30px;
}

/*used for individual dat vitals*/
h5{
	font-size: .96em;
	padding: 2px 0;
}
h5 span {
	text-transform: uppercase;
}
.vitals-table {
	margin: 10px 0 16px10px;
}
td.imgBioPhotoTd {
	padding-top: 3px;
	vertical-align: top;
}
	.imgBioPhoto {
		margin-right: 10px;
	}

p {
	margin: 6px 0;
}

button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #555;
    border-bottom: medium none !important;
    border-image: none;
    border-left: medium none;
    border-radius: 4px;
    border-right: medium none;
    border-top: medium none;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 2px;
    padding: 3px 8px;
    text-transform: uppercase;
}

/* race-menu */
#header-race-menu-container {
	background-color: #911f24;
	color: #fff;
	font-family: ristretto_pro_rgregular, sans-serif;
	font-size: 1em;
	padding: 0 20px;
	text-transform: uppercase;
}
	#header-race-menu li {
		margin: 0 auto;			
		padding: 0 1.8vw;
	}
	 	#header-race-menu li+li {
			/* border-left: 1px solid #761616; */
		}
		#header-race-menu li img {
			display: block;
			height: 6.5vw;
			margin: 4px auto;
		}
		#header-race-menu li span {
			display: none;
		}
	#header-race-menu a,
	#header-race-menu a:link,
	#header-race-menu a:active,
	#header-race-menu a:visited {
		color: #fff;
		padding: 0 10px;
		text-decoration: none;
	}
	#header-race-menu a:hover {
		color: #ddd;
	}
	
	.navbar-toggle {
		display: none;
	}
	
	
/* results-menu */
#results-menu-outer-container {
	background-color: #000;
	color: #bbb;
	font-family: proxima_nova_rgregular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.96em;
	padding: 20px 20px 12px;
	text-transform: uppercase;
}
	#results-menu li {
	}
	#results-menu li+li::before {
		content: '\0000b7';
	}
	#results-menu a,
	#results-menu a:link,
	#results-menu a:active,
	#results-menu a:visited {
		color: #aaa;
		padding: 0 8px 0 10px;
		text-decoration: none;
	}
	#results-menu a:hover {
		color: #ccc;
	}
	

	
	
article {
	background-color: #fff;	
	margin: 0 auto;	
	padding: 20px;
}
	.cmc-select-block h2 {
		margin-top: 16px;
	}
	.cmc-select-block h3 {
		margin: 6px 4px 2px;
	}
	.cmc-select-block form {
		font-size: 0.9em;
		margin: 3px 4px;
	}
	.cmc-select-block p {
		font-size: 0.9em;
		margin: 6px 4px;
	}	



/* footer */
footer {
	color: #acacac;
	font-family: proxima_nova_rgregular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.72em;
	margin-top: 12px;
	padding: 0 20px;
	text-transform: uppercase;
}
	footer nav {
		display: inline-block;
	}
	#footer-race-menu-container,
	#footer-center-menu-container {
		float: left;
		margin-right: 100px;
	}
	footer nav ul li {
		display: block;
		padding: 7px 0;
	}
	
		footer a,
		footer a:link,
		footer a:active,
		footer a:visited {
			color: #acacac;
			text-decoration: none;
		}
		footer a:hover {
			color: #ddd;
		}
		footer .center-column {
			display: inline-block;
			float: right;
			margin: 10px auto;
		}
		footer .right-column {
			display: inline-block;
			float: right;
			text-align: right;			
			margin: 10px auto;
		}
			footer nav.social-container ul li {
				display: inline-block;
				padding: 0 0 0 2em;
			}
				footer nav.social-container ul li img {
					height: auto;
					width: 36px;
				}
		footer #logo-footer {
			margin: 50px 0 56px 2em;
			text-align: center;
			height: 100%;
		}	
		footer p.copyright {
			margin: 0; 
		}
		
/* DataTables */

/* Ensure that the demo table scrolls */
th, td { white-space: nowrap; }
div.dataTables_wrapper {
    clear: none;
	font-size: 0.90em;	
	width: 100%;
	margin: 0 auto;
}
   div.dataTables_wrapper::after, div.DTFC_ScrollWrapper {clear: none;}	
  
table.dataTable.compact thead th {
	padding: 2px 24px 2px 0;
}
/* #sortableRosterTable_wrapper .dataTables_scrollBody,
#sortableResultsTable_wrapper .dataTables_scrollBody {
	position: relative;
	top: -16px;
} */
	
	#sortableRosterTable_wrapper .dataTables_scrollBody table.dataTable.compact tbody td,
	#sortableResultsTable_wrapper .dataTables_scrollBody table.dataTable.compact tbody td,
	table.dataTable.compact tbody td	 {
		padding: 3px;
	}
		#sortableRosterTable_wrapper .dataTables_scrollBody table.dataTable.compact tbody td img,
		#sortableResultsTable_wrapper .dataTables_scrollBody table.dataTable.compact tbody td img,
		table.dataTable.compact tbody td img,
		table.dataTable.compact thead th img {
			height: 14px;
			padding: 0;
			margin: 0;
			width: 14px;
		}

		
/* Common tables */
.simple-table { display: table; }
.table-row { display: table-row; }
.table-cell { display: table-cell; }		
	
/* Results pages */
h1.results {
	font-size: 2.0em;
	margin-top: 20px;	
}	
.change-event-form,
.search-event-form {
	padding: 0 0 0 10px;
	width: auto;
}
.change-event-form h3 {
	border-top: 1px solid #eee;	
	padding-top: 10px;
}
.search-event-form h3 {
	font-size: 1.0em;
}
.change-event-form p,
.search-event-form p {
	font-size: 0.9em;
	margin: 2px 10px;
}

/* flag row */
div.flag-row {
	margin-bottom: 12px;
}