/* ---------- Installed Fonts --------------------------------------------------------------------- */





/*Never got this to work*/

/*@font-face {*/

	/*font-family: "league-gothic regular";*/

	/*src: url(‘../_art/_fonts/leaguegothic-regular-webfont.ttf’);*/

	/*src: url(‘../_art/_fonts/theleagueof-league-gothic-64c3ede/webfonts/leaguegothic-regular-webfont.ttf’);*/

/*}*/



/*You can use this font then with the folowing line of code:*/



/*p { font-family: EricNew, Arial, sans-serif; }*/









/* ---------- Generic Elements -------------------------------------------------------------------- */



.ui-page {



	-webkit-backface-visibility: hidden;

}



html {



	height: 100%;

}



body {



	height: 100%;

	width: 100%;



    margin: 0px;

    border: 0px;

    padding: 0px;



    text-align: center;

	font-size: 0px;





	/*----- Fonts -----*/



	/*font-family: "Arial";*/

	/*font-family: "Arial Black";*/

	/*font-family: "Helvetica";*/

	font-family: "Helvetica Neue";

	/*font-family: "Times New Roman";*/

	/*font-family: "Times";*/

	/*font-family: "Courier New";*/

	/*font-family: "Courier";*/

	/*font-family: "Verdana";*/

	/*font-family: "Georgia";*/

	/*font-family: "Palatino";*/

	/*font-family: "Garamond";*/

	/*font-family: "Bookman";*/

	/*font-family: "Trebuchet MS";*/

	/*font-family: "Impact";*/

	/*font-family: "serif";*/

	/*font-family: "sans-serif";*/

	/*font-family: "league-gothic regular";*/

	/*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/





	/*----- Backgrounds -----*/



	/*----- shades of gray - descending -----*/

	/*background-color: gray;*/

	/*background-color: darkgray;*/

	/*background-color: silver;*/

	/*background-color: Lightgray;*/

	/*background-color: Gainsboro;*/

	/*background-color: Whitesmoke;*/

	/*background-color: #e6e6e6;*/



	/*background-color: Slategray;*/

	/*background-color: Lightslategray;*/

	/*background-color: Ivory;*/

	/*background-color: Snow;*/



	/*background-color: aliceblue;*/

	/*background-color: azure;*/

	/*background-color: cadetblue;*/

	/*background-color: dimgray;*/

	/*background-color: darkslategray;*/

	/*background-color: floralwhite;*/

	/*background-color: seashell;*/

	/*background-color: steelblue;*/

	/*background-color: thistle;*/



    background:     -webkit-gradient(linear, center top, center 100%, from(#0b1d49), to(white)) no-repeat;



    /*background: -moz-linear-gradient(bottom, #8c92ac, #fff) no-repeat;*/

    /*background:   -o-linear-gradient(bottom, rgb(140,146,172), rgb(255,255,255)) no-repeat;*/

    /*background:     -webkit-gradient(linear, center bottom, center top, from(#8c92ac), to(#fff)) no-repeat;*/



}



form {



    width: calc(100% - 20px);



    max-width: 1102px;

	margin-left: auto;

    margin-right: auto;

    padding: 0px;

}



div {



	display: inline-block;

	

	margin: none;

	border: none;

	padding: none;

}



input[type=submit],

input[type=button] {



	-webkit-appearance: none; /* for button rounding on iphone? */



    margin: 10px 5px;

    padding: 10px 35px;

	min-width: 120px;

 	/*width: 100px;*/



    border: 1px solid white;

	border-radius: 3px;



	text-align: center;

	font-size: 12pt;

	font-variant: small-caps;



	cursor: pointer;



	background: -webkit-radial-gradient(Lightgray, gray); /* For Safari 5.1 to 6.0 */

	background:    -moz-radial-gradient(Lightgray, gray); /* For Firefox 3.6 to 15 */

	background:      -o-radial-gradient(Lightgray, gray); /* For Opera 11.1 to 12.0 */

	background:         radial-gradient(Lightgray, gray); /* Standard syntax */

}



input[type=text],

input[type=password],

input[type=tel],

input[type=email] {



	width: 100%;



	margin: 0px;

	padding: 6px, 12px;

	border: 1px solid #ccc;

	border-radius: 4px;



	font-size: 14pt;



	color: #555;

	background-color: white;



	autocomplete: on;



	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

		 	box-sizing: border-box;



	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

			transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}



select {



	margin: 0px;

	padding: 6px, 0px;



	border: 1px solid #ccc;

	border-radius: 4px;



	font-size: 14pt;



	color: #555;



	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

		 	box-sizing: border-box;



	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

			transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}



td {



	vertical-align: top;

}



b {



	font-weight: normal;

}



div.text_header {



	font-size: 16pt;

	font-weight: bold;

	text-decoration: underline;

}



div.text_body {



	font-size: 10pt;

}





/* ---------- Layout ------------------------------------------------------------------------------ */



table.layout_table {



	border-collapse: collapse;

	margin: 0px;

	border: 0px;

	padding: 0px;





	font-size: 0pt;

	vertical-align: top;

	/*background-color: red;*/

	

}



div.layout_panel {



	margin-bottom: 20px;



	margin-top: 10px;

	padding: 10px;

	border: 1px double black;

	border-radius: 4px;



	vertical-align: top;

	font-size: 0pt;



	background-color: Whitesmoke;

}



div.layout_tile {



	border-radius: 4px;

	border: 1px double black;

	background-color: Lightgray;

}



div.tbx_wrap  { 



	display: block;

	width: 300px;

	margin: 2px 0px;

	background-color: Whitesmoke;

}



div.link_wrap {



	display: inline-block;	

	text-align: right;

	width: 100%;

}



td.layout_center {



	width: 100%;

	text-align: center;

	font-size: 0px;

}



td.layout_left {

	

}



td.layout_right {

	

}





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



#headerWrapper {



 	display: block;

	font-size: 0;



	border: 2px solid #0b1d49;



	background: -webkit-radial-gradient(right, circle, #ffe100, #e6cb00); /* For Safari 5.1 to 6.0 (chrome?)*/

	background:    -moz-radial-gradient(#ffffff, #e6c200); /* For Firefox 3.6 to 15 */

	background:      -o-radial-gradient(#ffe34d, #e6c200); /* For Opera 11.1 to 12.0 */

	background:         radial-gradient(#ffe100, #e6cb00); /* Standard syntax */

}



#headerButton {



	visibility: hidden;

	vertical-align: middle;

	border-right: 2px solid #0d2359;

}



#menuButton {



}



#headerMain {



	/* 56 for menu+border, 150 for clock */

	width: calc(100% - 56px - 150px); 



	vertical-align: middle;

	font-size: 0px;

}



#headerLogin {



	width: calc(100% - 50px);

	padding: 8px 10px;

	font-size: 24pt;

	vertical-align: middle;

	text-align: left;

	font-variant: small-caps;

}



#headerTitle {



 	width: calc(100% - 54px - 161px); 

 	/* 161 for totals, 54 padding? */



	font-size: 24pt;

	vertical-align: middle;

	text-align: left;



	color: #0d2359;

}



#headerText {



	display: block;

	vertical-align: middle;

}



#headerText_mobile {



	display: none;

	vertical-align: middle;

}



#headerTotals {



	font-size: 0pt;

	vertical-align: middle;

}



	div.total_picks_row {



		display: block;

		width: 200px;

		text-align: center;

		margin: 4px 0px; 

	}



	div.total_picks_text {



		width: 75px;

		border: 1px solid black;



		font-size: 10pt;

		background-color: white;

	}



	div.left {



	}



	div.right {



	}



	.short {



		display: none;

	}



	.long {



		display: inline-block;

	}



#headerClock {



	width: 149px;

	border-left: 1px dotted gray;



  	font-size: 10pt;

	vertical-align: middle;

	text-align: center;

}



	div.header_time {



	}



	#jsClock {



		display: block;

	  	font-size: 16pt;

	}





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



div.menu_bar {



	display: block;

	width: calc(100% - 4px);

	margin: 0px 2px;



	background: -webkit-linear-gradient(#e6e6e6, Lightgray); /* For Safari 5.1 to 6.0 */

	background:    -moz-linear-gradient(#e6e6e6, Lightgray); /* For Firefox 3.6 to 15 */

	background:      -o-linear-gradient(#e6e6e6, Lightgray); /* For Opera 11.1 to 12.0 */

	background:         linear-gradient(#e6e6e6, Lightgray); /* Standard syntax */



	background: #e6e6e6;



	font-size: 0;

	text-align: left;

}



div.menu_wrapper {



	width: 100px;

	border-right: 1px solid gray;

	padding: 6px 0px;



	font-size: 0pt;

	text-align: center;

	vertical-align: middle;

	cursor: pointer;

}



div.settings_wrapper {



	width: 200px;

	height: 30px;

	/*border-right: 1px solid gray;*/

	padding: 0px 0px;



	font-size: 0pt;

	text-align: right;

	cursor: pointer;

	/*background-color: green;*/

}



div.settings_wrapper div {



	vertical-align: middle;

	font-size: 12pt;

	padding: 0px 10px;

	/*background-color: red;*/



}



div.menu_button {



	width: 70px;

	border-radius: 3px;

	border: 1px solid black;



	font-size: 12pt;

	vertical-align: middle;

	background-color: #0b1d49;

	color: Lightgray;

}



img.settings_button {



	height: 30px;

	font-size: 0pt;

	vertical-align: middle;

	/*background-color: orange;*/

}



div.spacer1 {



	width: calc(100% - 102px);

	cursor: default;

}



div.spacer2 {



	width: calc(100% - 203px);

	cursor: default;

}



div.spacer3 {



	width: calc(100% - 304px);

	cursor: default;

}



div.spacer4 {



	width: calc(100% - 405px);

	cursor: default;

}



div.spacer5 {



	width: calc(100% - 506px);

	cursor: default;

}



div.spacer6 {



	width: calc(100% - 607px);

	cursor: default;

}



div.spacer7 {



	width: calc(100% - 708px);

	cursor: default;

}



div.cap {



	border-right: none;

}



label.menu_button {



	visibility: hidden;

	min-width: 0px;

	width: 40px;

	height: 40px;

	padding: 0px;

	font-size: 18pt;

}	





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



table.wsb_bar {



	height: 30px;

	text-align: center;

}



td.wsb_cell {



	width: 120px;

	vertical-align: middle;



	background: -webkit-linear-gradient(#e6e6e6, Lightgray); /* For Safari 5.1 to 6.0 */

	background:    -moz-linear-gradient(#e6e6e6, Lightgray); /* For Firefox 3.6 to 15 */

	background:      -o-linear-gradient(#e6e6e6, Lightgray); /* For Opera 11.1 to 12.0 */

	background:         linear-gradient(#e6e6e6, Lightgray); /* Standard syntax */

}





td.week_selected {



	background: #e6cb00;

}





div.wsb_div {



	visibility: hidden;



	width: 16px;



	padding: 2px 6px;

	border: 1px solid black;

	border-radius: 3px;



	cursor: pointer;

	background-color: #0b1d49;

}



b.wsb_text {



	font-size: 10pt;

	color: #e6cb00; /*gold*/

	color: Lightgray;

}



#wsbHeader {



	display: none;

	border-collapse: collapse;



	width: 100%;



	margin: 0px;

	padding: 0px;

	border: 0px;

	border-bottom: solid 1px gray;



	vertical-align: top;

	text-align: center;



	font-size: 0pt;

	background-color: Lightgrey;

}



#wsbHeaderInt {



	width: 100%;



	margin: 0px;

	border: 0px;

	padding:0px;



	vertical-align: middle;

	font-size: 18pt;

	background-color: Lightgrey;

	color: #0b1d49;

}



.wsb_arrow {

	

	background-color: Lightgrey;

}



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



div.timeshift_menu_bar {



	width: 420px;



	text-align: center;

	background-color: orange;

}



div.timeshift_menu_button {



	display: inline-block;

	width: 60px;

	padding: 6px 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 */



	background: -webkit-linear-gradient(Lightgray, #cccccc); /* For Safari 5.1 to 6.0 */

	background:    -moz-linear-gradient(Lightgray, #cccccc); /* For Firefox 3.6 to 15  */

	background:      -o-linear-gradient(Lightgray, #cccccc); /* For Opera 11.1 to 12.0 */

	background:         linear-gradient(Lightgray, #cccccc); /* Standard syntax */



	vertical-align: middle;

	cursor: pointer;

}



div.timeshift_menu_text_bg {



	padding: 4px 8px;

	border: 1px solid black;

	border-radius: 3px;



	cursor: pointer;

	background-color: teal;

}



b.timeshift_menu_text {



	font-size: 10pt;

	color: #e6cb00; /*gold*/

	color: Lightgray;

}





/* ---------- Error ------------------------------------------------------------------------------- */



div.error_wrapper {



	width: calc(100% - 4px);

	display: none;

	border: 2px solid black;

}



div.error_div {



	display: none;

	border: 3px double black;



	font-weight: bold;

	font-variant: small-caps;

 	font-size: 18pt;



	text-align: center;

}



#errorDiv {



	background-color: Firebrick;

	border-color: Crimson;

	color: Lightgrey;

}



#messageDiv {



	background-color: green;

	border-color: Forestgreen;

	color: Lightgrey;

}



#errorDivPHP {



	background-color: Palevioletred;

	border-color: Crimson;

	color: maroon;



	font-size: 12pt;

	text-align: left;

}



#errorDivSvr {



	background-color: orange;

	border-color: Crimson;

	color: Indigo;



	font-size: 12pt;

	text-align: left;

}



#error_sql {



	width: 100%; 

	border: 1pt black solid;



	background-color: Pink; 

	text-align: left; 

}



td.error_sql_left {



	border: 1pt black solid;

}



td.error_sql_right {



	border: 1pt black solid;

}





/* ---------- Popups ------------------------------------------------------------------------------ */



div.popupExterior {



    visibility: hidden;



    position: absolute;

    left: 0px;

    top: 0px;

    z-index: 1000;



    width: 90%;

    height: 100%;



	margin: 0px;



    padding-top: 20%;

    padding-bottom: 0%;

    padding-left: 5%;

    padding-right: 5%;



    text-align:center;

    background-color: gray;

    background: rgb(0, 0, 0);       /* Fallback for web browsers that don't support RGBa */

	background: rgba(0, 0, 0, 0.7); /* RGBa with 0.6 opacity */

}



div.popupInterior {



    padding: 25px;

    border: 2px black solid;

    border-radius: 10px;



	text-align:center;

    background-color: white;

}



div.popupPleaseWaitInterior {



    margin-top: 70px;

	text-align:center;

}



input[type=button].popup_button {



	min-width: 100px;

	height: 40px;



	border-color: gray;

	

	background-color: Gainsboro;

}





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



#colorLegend {



	display: block;

	text-align: center;;

}



#colorLegend ~ div {



	border: 0px;

}



table.color_legend {



	border-collapse: collapse;

	width: 150px;

	height: 10px;



	margin-left: auto;

	margin-right: auto;

	margin-top: 20px;



	border-radius: 10px;

	/*border: 1px black solid;*/



 	font-size: 10pt;

	background-color: Lightgray;



}



td.color_legend_header {



	border-bottom : 1px solid black;



 	font-size: 14pt;

	font-weight: bold;

	font-variant: small-caps;

}



td.color_legend_footer {



	border-top : 1px solid black;



	font-size: 0pt;

}





/* ---------- Checkboxes -------------------------------------------------------------------------- */



input.cbx_delete_entry {



	display: none;

}



div.cbx_delete_entry_yes {



 	padding: 5px 0px;



	text-align: center;

	vertical-align: middle;

	font-size: 10pt;

}



div.cbx_delete_entry_no {



 	padding: 5px 0px;



	text-align: center;

	vertical-align: middle;

	font-size: 10pt;

}



input.cbx_delete_entry ~ .cbx_delete_entry_yes { 



	width: 0px;

 	overflow: hidden;



 	-webkit-transition: 0.2s width linear 0.0s;

       -moz-transition: 0.2s width linear 0.0s;

          -o-tranition: 0.2s width linear 0.0s;

 	        transition: 0.2s width linear 0.0s;



	/*-webkit-perspective: 1000;*/

	-webkit-backface-visibility: hidden;

}



input.cbx_delete_entry ~ .cbx_delete_entry_no { 



	display: none;

	width: 50px;

 	overflow: hidden;



 	-webkit-transition: 0.2s width linear 0.0s;

       -moz-transition: 0.2s width linear 0.0s;

         -o-transition: 0.2s width linear 0.0s;

 	        transition: 0.2s width linear 0.0s;





	/*-webkit-perspective: 1000;*/

	-webkit-backface-visibility: hidden;



}



input.cbx_delete_entry:checked ~ .cbx_delete_entry_yes {



	width: 50px;

}



input.cbx_delete_entry:checked ~ .cbx_delete_entry_no {



	width: 0px;

}





/* ---------- Global Colors, etc. ----------------------------------------------------------------- */

/* These are declared last to give precidence for chaining, i.e. class="xxxx, yyyy"                 */



div.survived {



	background-color:#1e921e; /*green*/

}



div.current {



	background-color:#e6cb00; /*yellow*/

}



div.dead {



	background-color:#C30f0f; /*red*/

}





td.survived {



	background-color:#1e921e; /*green*/

}



td.current {



	background-color:#e6cb00; /*yellow*/

}



td.dead {



	background-color:#C30f0f; /*red*/

}





span.survived {



	color:#1e921e; /*green*/

}



span.current {



	color:#e6cb00; /*yellow*/

}



span.dead {



	color:#C30f0f; /*red*/

}





div.entry_selected {



	background-color: #e6cb00; /*yellow*/

}



input:disabled {



	border: 1px solid white;

	border-radius: 0px;

	box-shadow: none;



	background-color: Lightgray;

	color: black;

	outline: none;

}





/* ---------- Display Dependent ------------------------------------------------------------------- */





@media (max-width: 500px) {



	div.snap {



		width: calc(100% - 20px);

	}

}



@media (max-width: 810px) {



	form {

		

		/*width: 100%;*/

	}



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



	#headerButton {



		visibility: visible;

	  	cursor: pointer;

	}



	#headerMain {



		width: calc(100% - 56px - 60px);

		/* 56 menu, 60 sm clock */

	}



	#headerTitle  {



		width: calc(100% - 0px); /*just subtract the padding*/

		vertical-align: top;

		text-align: center;

		font-size: 14pt;

	}



	#headerText {



		display: none;

	}



	#headerText_mobile {



		display: inline-block;

	}



	#headerLogin {



		font-size: 16pt;

	}



	#headerTitle  div {



		overflow: hidden;

	}

	

	#headerTotals {



		width: 100%;

		vertical-align: top;

		text-align: right;

	}



	#headerClock {



		width: 59px;

	}



	#jsClock {



	  	font-size: 10pt;

	}



	#jsDate {



		display: none;

	}



	div.total_picks_row {



		display: inline-block;

		width: 50%;

	}



	div.total_picks_text {



		font-size: 8pt;

	}



	div.left {



		width: 28px;

	}



	div.right {



		width: 58px;

	}



	.short {



		display: inline-block;

	}



	.long {



		display: none;

	}





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



	div.menu_bar {



		position: absolute;

		display: block;

		width: calc(100% - 5px);

		background: black;



		background-color: rgba(11, 29, 73, 0.9);

	}



	div.menu_wrapper {



		z-index: 3;

		display: block;

		width: calc(100% - 2px);

		padding: 24px 0px;

		border: 1px solid gray;

	

		font-size: : 24pt;



		filter:alpha(opacity=100); /* IE */

			  -moz-opacity:1.0;   /* Mozilla */

				  opacity: 1.0;

		filter:alpha(opacity=100);

	}



	div.menu_button {



		width: 200px;

		padding: 16px 0px;

		border: 1px solid gray;



		font-size: 18pt;		



		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 */



		color: #0b1d49;

	}



	div.spacer {



		width: 100%;

		border-right: 1px solid gray;

		border-bottom: none;

		padding: 10px 0px;

	}



	#menuSpacer {



		display: none;

	}



	label.menu_button {



		background: Lightblue;

		/*display: inline-block;*/

		visibility: visible;

		font-size: 20pt;

	}



	#headerButton {



		background-color: #0b1d49;

	}



	#menuButton {

	}





	#menuState + #menuBar { 



		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 {



		height: 100%;

	}





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



	#weekSelectBar {



		display: none;

	}



	#wsbHeader {



		display: block;

		background: none;

		color: Lightgrey;

	}



	#weekBack {



	}



	#weekForward {



	}



	#pickWeekHeader {



		display: none;

	}



	img.wsb_arrow {



		display: inline-block;

	}





}





/* ---------- End of File -------------------------------------------------------------------------