html, body{
    		height: 100%;
    	}
		body{
			font-size: 13px;
			font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
			font-family: "DIN";
			font-family: "din-condensed";
			margin: 0px;
			color: #494b4c;
		}
		a:link{
			outline: none;
			color: gray;
		}
		a:hover{
			color: blue;
		}
		a:visited{
			color: gray;
		}
		a:active{
			color: gray;
		}
		a img{
			border: 0px;
		}
		tr td{
			
		}
		
		@media screen, print{
			table{
				width: 100%;
				height: 100%;
			}
			thead tr{
				height: 55px;
			}
			tbody{
	
			}
			thead tr{
				background: #7d7e82;
				color: #fff;
				text-transform: uppercase;
				vertical-align: bottom;
			}
			thead tr td{
				font-size: 12px;
				font-family: "DIN";
				font-family: "din-condensed";
				font-weight: 600;
				padding: 4px;
			}
			tbody tr{
				background: #e6e6e6;
				
			}
			tbody tr td{
				width: 12%;
				padding: 4px;
				font-size: 12px;
				font-family: "DIN";
				font-family: "din-condensed";
				vertical-align: top;
				box-sizing: border-box;
				position: relative;
				font-weight: 200;
			}
			
			tbody tr td:first-child,
			.race{
				font-size: 30px;
				vertical-align: top;
				font-family: "DIN";
				font-family: "din-condensed";
				font-weight: 600;
				line-height: .85em;
			}
			tbody tr td:first-child .week{
				font-weight: 600;
				font-size: 10px;
				white-space: nowrap;
			    line-height: 0.2em;
			    padding-top: 8px;
			}
			tbody tr td:first-child,
			tbody tr td:last-child{
				width: 8%;
			}
			tbody tr td:nth-child(4){
				padding-right: 20px;
			}
			tr:nth-child(even){
				background: #d6d7d9;
			}
			td.speed{
				background-color: #a3a4a8;
				color: #fff;
			}
			td.strength{
				background-color: #909195;
				color: #fff;
			}
			td.tempo{
				background-color: #6a6b6f;
				color: #fff;
			}
			#outer{
				width: 800px;
				height: 1025px;
				position: relative;
			}
			.bracket{
				position: absolute;
				border: 1px solid #000;
				border-width: 1px 0 1px 1px;
				width: 3px;
			}
			.label{
				position: absolute;
				top: 50%;
				left: 0%;
				font-size: .6em;
				padding: 0 5px;
				text-transform: uppercase;
				transform: translate(-53%, -50%) rotate(270deg);
			}
			.spd-bracket{
			    right: 80.1%;;
			    top: 11.3%;
			    bottom: 42.75%;
			}
			.beg .spd-bracket{
				top: 32.0%;	
			}
			.spd-bracket .label{
				background: #d6d7d9;
			}
			.str-bracket{
			    right: 80.1%;;
			    top: 58.1%;
			    bottom: 5.8%;
			}
			.str-bracket .label{
				background: #d6d7d9;
			}
			.temp-bracket{
			    right: 56.1%;
			    top: 16.4%;
			    bottom: 5.8%;
			}
			.beg .temp-bracket{
				top: 32.0%;	
			}
			.temp-bracket .label{
				background: #d6d7d9;
			}
			.mileage-border {
				position: absolute;
				right: 7.99%;
				bottom: .2%;
				top: 5.8%;
				border-left: 2px solid #494b4c;
			}
			.check2{
				position: absolute;
				left: 3px;
				bottom: 3px;
				width: 10px;
				height: 10px;
				border:1px solid gray;
				border-radius: 100%;
				background: #fff;
				
			}
			.check{
				position: absolute;
				left: 1px;
				bottom:1px;
				width: 0;
				height: 0;
				border-bottom: 10px solid #fff;
				border-right: 10px solid transparent;
			}
			#header{
				font-weight: 600;
				text-align: center;
				height: 25px;
				width: 800px;
				line-height: 25px;
				text-transform: uppercase;
			}
			.mobile #header{
				color: #fff;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				font-size: 1.8em;
				padding: 5px 0;
				background: rgba(255,255,255,.1);
				z-index: 100000;
			}
			.day-modal{
				position: fixed;
				background: #fff;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				
				z-index: 10000;
				display: none;
				text-align: center;
				font-size: 30px;
				font-size: 5em;
				text-transform: uppercase;
				
			}
			.dm-next,
			.dm-prev{
				position: absolute;
				background: red;
				width: 50%;
				height: 100%;
				top: 0;
				z-index: 1;
				opacity: 0;
			}
			.dm-next{
				right: 0;
			}
			.dm-top{
				height: 50%;
				background: #494b4c;
				display: block;
				color: #fff;
				position: relative;
			}
			a:link.dm-top,
			a:visited.dm-top,
			a:active.dm-top,
			a:hover.dm-top{
				color: #fff;
			}
			a:link.dm-date,
			a:visited.dm-date,
			a:active.dm-date,
			a:hover.dm-date{
				color: #494b4c;
			}
			.dm-date{
				position: absolute;
				bottom: 0;
				width: 100%;
				
			}
			.dm-close{
				position: absolute;
				top: 0;
				right: 0;
				background: gray;
				width: 30px;
				height: 30px;
			}
		}