@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);

*{
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: #EEE;
	font: normal 16px / 1.2 Open Sans, Arial, Verdana, Helvetica, Arial, Geneva, sans-serif;
}

/*===================================== GDPR*/
#gdpr-confirm-reset {
	z-index:90;
	display:inline-block;
	position:fixed;
	cursor:pointer;
	background:pink;
	top:5%;
	font-size:.8em;	
	padding:.4em;
}
.gdpr-confirm-frame {
	text-align:center;
	position:fixed;
	z-index:90;
	top:5%;
	width:100%;
	background:pink;
	font-size:.8em;		
	
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: clip;
}
.gdpr-confirm-butt {
	display:inline-block;
	text-align:center;
	width:2em;
	border:1px solid black;
	background:lightgray;
	cursor:pointer;
	margin:.4em;
	font-weight:bold;	
}
.gdpr-decline{
	cursor:pointer;
	text-decoration:underline;
	margin:0 1em;
}



/*===================================== NAV Stuff*/
a, a:link, a:visited, a:hover {
    text-decoration: none;
    color: black;
}


.rp-mast-back{
	position:relative;
	border:0px solid red;
}

.rp-mast-fore {
	width:95%;
	max-width:900px;
}

.rp-mast-dark {
	position:relative;
	width:95%;
	max-width:900px;
	margin:0 auto 30px auto;
	text-align:center;	
	opacity:1; max-width:800px; position:absolute; margin:auto; left:0; right:0;
}

#mp-dark-frame {
	position: absolute;
	display:none; 
	width:95%;
	z-index:80;
	color:white;
}

.rp-runner-line{
	text-align:left;
	padding:.2em .3em;
	border-bottom:1px solid #009804;
	line-height: 1.9em ;
	text-decoration:none;
	color:white;
	visibility:hidden;
}

.rp-runner-line a {
	text-decoration:none;
	color:white;
}

.rp-runner-line-dets{
	display:inline-block;
	width:100%;
}

.rp-lname {
	font-weight:bold;
}

.copyright {
font-size:.65em; color:gray; bottom:.2em; display:inline-block; width:100%;  border:0px solid yellow; text-align:center;
}

#admin {
	background:green;
	display:inline-block;
}

.rp-ul {
	width:85%;
	display:inline-block;
	list-style-type:none;
	margin:auto;
	padding:0 0 .9em 0;
	border:0px dotted yellow;
}

#rp-other{
	z-index:50;
}

.promo {
	width:95%;
}

#not-found {
	font: normal 14px/1.2 Open Sans, Arial, Verdana,  Helvetica, Arial, Geneva, sans-serif;
	position:absolute;
	top:-4em; left:0; right:0; margin:auto; 
	display:none;	
	
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;	
	z-index:92;
	background:#a91219;
}
	
#not-found-text{
	padding:0.8em;		
}

.butt-fg {
	background:#a91219;	
}

.bf-shell {
	border:1px solid white;
	display:block;
	width:80%;
	background:#e11883;

	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;

	margin:0 auto .4em auto;
	height:2.7em;
	position:relative;
}


.bf-ham-case {
	cursor:pointer;
	osition:absolute;
	op:-18px;
	idth:70%;
	width:20px;
	eft:6px;
	border:0px solid red;
	background:white;
	padding:0 9px 0 3px;
}

.bf-ham {
	width:100%;
	height:5px;
	background:darkgray;
	margin:2px 0;
}

#runlist{
	position:absolute;
	width:100%;
	background:black;
	opacity:.9;
	display:none;
	z-index:90;
	text-align:center;
	overflow:auto;
	max-height:55vh;
}


.distName {
	display:inline-block;
	background:white;
	width:60%;
	white-space:nowrap;
	text-align:left;
}

#spinner {
	display:none;
	position:absolute;
	top:55px;
	left:0;
	right:0;
	width:50px;
	margin:0 auto;
	background:black;
	border:0px solid red;
	z-index:99;

	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
}




.latchFrame {
	margin:auto;
	border: 0px dotted gray;
	padding: .1em 0;
}

.latch 	{
	font-family: nexa_boldregular, Open Sans, Arial, Verdana, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	font-size: 1em;
	overflow: hidden;
	border: 1px solid #9f9f9f;/*dark gray*/
	text-align:center;
	padding: .6em .6em;
	display:inline-block;
	cursor:pointer;	
	
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.latchLeft {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	border-right:0;
}

.latchMid 	{
	position:relative;
	border-right:0;
}

.latchRight 	{
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.latchOff {
	background-color: white;
	color: #009805; /*green*/
}

.latchOn 	{
	background-color: #009805;/*green*/
	color: white;
}

.latchOnY 	{
	background-color: #ffcc00;/*green*/
	color: #414141;
}

.latchUnav {
	color: lightgray;
}

.flickButt {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.lbTrue, .lbFalse {
	cursor:pointer;
}

.showNow {
	display:inline;
}

.hideNow {
	display:none;
}


.pgHeadStrip {
	width:100%;
	height:16px;
}


.hd-nav {
	margin:0;
	padding:0;
	list-style:none;
	max-width:600px;
	display:block;
}

.hd-nav li {
	border-left: 1px solid #dbdbdb;/*light gray*/
}


.hd-nav-frame{
	text-align:center;
	display:inline-block;
	width:22%;
	max-width:90px;
}

.hd-nav-a {
	background:lightgray;
	padding:10px 0; /*change for mob*/
	position:relative;
}

.hd-nav-bg{
	display:inline-block;
	height:36px;
}

.hd-nav-word{
	font-size:12px;
	overflow:hidden;	
}

.hd-nav-chev{
	max-width:100%;
	visibility:hidden;
	position:absolute;
	left:0;
	top:70px;
	z-index:65;
}

.hd-nav-over{
	background:gray;
	color:white;
    /*
	-webkit-transition: 1s; 
    transition: 1s;
	*/
}

.hd-nav-nover{
	background:lightgray;
}

.hd-nav-active{
	color:white;
	background-color: #008c05; /*nav green*/
}

.cnr6{
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.cnr4{
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.for-record {
	background:#d1245c;/*maroon*/
	color:#d1245c;
	border-color:#d1245c;
	border-style:solid;
	border-width:0;
}


/*=================================================================== PIE */
 .pieContainer {
	  height: 150px;
	  position:relative;
 }
 .pieBackground {
	  background-color: #0b6aa0;
	  position: absolute;
	  width: 150px;
	  height: 150px;
	  -moz-border-radius: 75px;
	  -webkit-border-radius: 75px;
	  -o-border-radius: 75px;
	  border-radius: 75px;
	  
	  -moz-box-shadow: -1px 1px 3px #000;
	  -webkit-box-shadow: -1px 1px 3px #000;
	  -o-box-shadow: -1px 1px 3px #000;
	  box-shadow: -1px 1px 3px #000;
 } 
 
 .pie { 
	background-color: #d1245c;
	position: absolute;
	width: 150px;
	height: 150px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	-o-border-radius: 75px;
	border-radius: 75px;
	clip: rect(0px, 75px, 150px, 0px);
 }
 
 .pieHold {
	  position: absolute;
	  width: 150px;
	  height: 150px;
	  -moz-border-radius: 75px;
	  -webkit-border-radius: 75px;
	  -o-border-radius: 75px;
	  border-radius: 75px;
	  clip: rect(0px, 150px, 150px, 75px);
 }
 
 .pie-leg-pc {
	font-size:1.5em;
 }
  
 .pie-leg {
	color:white;
 }
 
 #client-logo {
	position:relative;
	border:0px solid lightgray;
	background: none;	
	max-width:90%;
 }
 
 .hamb {
	margin-left:6px;
	width:18px;
	font-size:0;
	display:inline-block;
	float:left;
	cursor:pointer;	
	position:relative;
	top:3px;
 } 
 
 .hamb-pat {
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;			
	background:gray;
	height:3px;
	margin-top:2px; 
 }
 
 .hamb-pat-1 {
	margin:0;
 }
 
#frnd-sel-box {			
	-webkit-border-radius: 7;
	-moz-border-radius: 7;
	border-radius: 7px;

	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.51);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.51);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.51);
		
	width:100%; height:100%; background:black; opacity:1; position:absolute; top:0;z-index:30; 
 }
 
.fbLink	{
	ont-family: daxwideregular, "Trebuchet MS", Helvetica, sans-serif;
	ont-size:8pt ;
	font-weight:bold;
	border:0px solid orange;
	idth:75px;	
	adding-left:10px;
	padding-top:2px;
}

.fbLink > a {
	text-decoration:none;
	color:black;		
}


sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}

sub { top: 0.4em; }

.adHtml1 {
	width:250px;
	/*height:300px;*/
	border:1px solid tan;
}	



.raceMetaHead {
	font-family: nexa_boldregular, Open Sans, Arial, Verdana, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#raceMetaFrame {
	padding:0.5em 0;
	min-height:4em;
	cursor:pointer;
	ackground:#4367a2;
}

.raceMetaDetail {
	display:none;
	position:absolute;
	border:1px dashed green;
	width:100%;
	height:100%;
	top:0;
	z-index:50;
}
#raceMetaDetail0 {
	font-size:1em;
	background:red;
	
}
#raceMetaDetail1 {
	background:orange;

}
#raceMetaDetail2 {
	background:yellow;
}

#raceMetaRollFrame {
	margin:0 0 1em 0; z-index:60;
	position:absolute;
	bottom:0;
	margin:auto;
	left:0;
	right:0;
	display:none;
}

.raceMetaRoll {
	display:inline-block;
	border:1px solid red;
	cursor:pointer;
}

.raceMetaFamL {
	 max-width:33%;
	 background:tan;
	 text-align:left;
	 display:inline-block;
	 overflow:hidden;
	 max-height:1.2em;
}

.raceMetaFamR{
	max-width:33%;
	background:tan;
	display:inline-block;
	float:right;
}





@media (min-width: 600px) {
	#admin {
		background:yellow;
		border:2px dashed navy;
	}
	.rp-mast-fore{
		width:75%;
	}
	.rp-mast-dark {
		width:75%;
	}
	#mp-dark-frame {
		width:65%;
	}
	#rp-img-frame {
		overflow:hidden;
	}
	.rp-ul {
		width:76%;
	}
	.promo {
		width:85%;
	}
}

@media (min-width: 800px) {
	#admin {
		background:orange;
	}
	#rp-img-frame {
		overflow:hidden;
	}
	.rp-ul {
		width:76%;
	}
	.promo {
		width:70%;
	}
	.bf-shell {
		display:inline-block;
		width:30%;
		margin:0 .4em .4em .4em;
	}
	#bf-shell-dist{
		width:20%;
	}
	#bf-shell-input {
		width:40%;
	}
	#bf-shell-find {
		width:20%;
	}
}

@media (min-width: 1030px) {
	#admin {
		background:red;
	}
	#rp-img-frame {
		overflow:hidden;
	}
	.rp-ul {
		width:76%;
	}
	.promo {
		width:55%;
	}
}