@media (max-width: 810px) {

	form {
		
		/*width: 100%;*/
	}

/* ---------- Header ------------------------------------------------------------------------------ */

	#headerButton {

		visibility: visible;
	  	cursor: pointer;
	}

	#headerMain {

		width: calc(100% - 54px - 60px);
	}

	#headerTitle  {

		/*display: block;*/
		width: calc(100% - 15px); /*just subtract the padding*/
		vertical-align: top;
		font-size: 16pt;
	}

	#headerLogin {

		font-size: 16pt;
	}

	#headerTitle  span {

		overflow: hidden;
	}
	
	#headerTotals {

		/*display: block;*/

		width: calc(100%);
		vertical-align: top;
		text-align: right;
	}

	#headerClock {

		/*display: block;*/
		/*vertical-align: bottom;*/
		width: 59px;
	}

	#jsClock {

	  	font-size: 10pt;
	}

	#jsDate {

		display: none;
	}

	div.total_picks_row {

		display: inline-block;
		width: 50%;
	}

	div.total_picks_text {

		width: 45px;
		font-size: 8pt;
	}

	.short {

		display: inline-block;
	}

	.long {

		display: none;
	}




/* ---------- Menu -------------------------------------------------------------------------------- */

	div.menu_bar {

		position: absolute;
		display: block;
		width: 100%;
		background: black;

		background-color: rgba(0, 0, 0, 0.8);
	}

	div.menu {

		z-index: 1;
		display: block;
		width: 300px;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		padding: 16px 0px;

		background: -webkit-linear-gradient(gray, lightgray); /* For Safari 5.1 to 6.0 */
		background:    -moz-linear-gradient(gray, lightgray); /* For Firefox 3.6 to 15 */
		background:      -o-linear-gradient(gray, lightgray); /* For Opera 11.1 to 12.0 */
		background:         linear-gradient(gray, lightgray); /* Standard syntax */

		filter:alpha(opacity=100); /* IE */
			  -moz-opacity:1.0;   /* Mozilla */
				  opacity: 1.0;
		filter:alpha(opacity=100);
	}

	div.spacer {

		width: 100%;
		border-right: 1px solid gray;
		border-bottom: none;
		padding: 10px 0px;
	}


	b.menu_b {

	}

	label.menu_button {

		background: lightblue;
		/*display: inline-block;*/
		visibility: visible;
		font-size: 20pt;
	}

	#menuButton {
	}


	#menuState + #menuBar { 

		font-size: 16pt;
		/*width: 0px;*/
		height: 0px;
	 	overflow: hidden;

	 	-webkit-transition: 0.2s height linear 0.0s;
	       -moz-transition: 0.2s height linear 0.0s;
	         -o-transition: 0.2s height linear 0.0s;
	 	        transition: 0.2s height linear 0.0s;
	}

	#menuState:checked + #menuBar {

		font-size: 20pt;
		height: 100%;
	}


/* ---------- WSB --------------------------------------------------------------------------------- */

	#weekSelectBar {

		display: none;
	}

	#wsbHeader {

		display: block;
	}

	#weekBack {

	}

	#weekForward {

	}

	#pickWeekHeader {

		display: none;
	}

	img.wsb_arrow {

		display: inline-block;
	}

/* ---------- Home -------------------------------------------------------------------------------- */

	div.tbx_wrap  { 

		width: 100%;
	}

	div.show_enroll {

		text-align: center;
	}

/* ---------- Color Legend ------------------------------------------------------------------------ */

	#colorLegend { 

		display: none;
	}


/* ---------- Results ----------------------------------------------------------------------------- */

	table.results_alive {

		width: 100%;
	}


/* ---------- Entries ----------------------------------------------------------------------------- */

	#entrySelect {

		/*display: none;*/
		width: 100%;
		text-align: center;
	}

	div.entry_wrapper {

		/*display: none;*/
		width: calc(100% - 12px);
		/*width: 100%;*/
		margin: 0px;
		text-align: center;
	}

	div.entries_header {

		/*display: none;*/
	}
	div.entries_footer {

		/*display: none;*/
	}


	div.entry_wrapper_float {

		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		/*width: 100%;*/
		margin: 0px;
		text-align: center;
		z-index: 100;

	}



/* ---------- Picks ------------------------------------------------------------------------------- */

	#picksWrapper {

		width: 100%;
		text-align: center;

	}

	div.picks {
		width: 100%;
	}

	div.pick_time {

		/*position: absolute;*/
		left: 45%;
		/*display: inline;*/
		/*width: 100%;*/
		/*margin: auto;*/
	}

	div.pick {

		/*width: 90px;*/
	}

	div.away {

		width: 90px;
		padding: 16px;
	}

	div.home {

		width: 90px;
		padding: 16px;
	}



}

@media (max-width: 800px) {

	/*Hide panel for mobile*/
	#season      { display: none;}
}



@media (max-width: 500px) {

	div.snap {

		width: 100%;
	}
}