/*---- 	Basic styles	---*/
* {margin:0;padding:0;}
* {font-family:"Lucinda Grande",Lucinda,Verdana,Helvetica,san-serif;}
/*body {background-image:url(../images/background.png);background-size:100%;background-repeat: no-repeat;} not used with particles */
body {background-color:#000;color:#F8F8F8;text-align:left;}
h1 {font-size:1.4em;margin:.5em 0em 0em 0em;}
h2 {font-size:1.2em;margin:.5em 0em 0em 0em;}
h3,h4,h5 {font-size:1em;margin:0;}
/*h3,h4,h5 {font-size:1em;margin:.5em 0em 0em 0em;}*/
p {padding:.5em 0em .5em 0em;}
input, img {border:0;}
img.floatLeft{float:left;padding:0 0.25em 0.25em 0;}
a, a:hover, a:visited, a:focus {text-decoration:none;font-weight:bold;cursor:pointer;}
a, a:visited, a:focus {color:#8DC7BA;}
a:hover {color:#4A9586;}
button {cursor:pointer;border-radius:6px;}

.ui-tooltip {width:400px;padding:10px;z-index:99;}
div#ui-datepicker-div {display:none;}		/* turns off the white line at the bottom of the page */

/*------ Animation -------*/
div.spin {
	display:inline-block;
	animation: spin 10s linear infinite;
	animation-play-state:paused;
	}
div.spin:hover {animation-play-state: running;}
@keyframes spin {100% {transform: rotate(1turn);}}

div.flipUp {
	display:inline-block;
	animation: flipUp 1.8s cubic-bezier(0.68, 0, 0.26, 1.55) both;
	transform-origin:50% 75%;
	}
@keyframes flipUp {
	0% {transform: rotateX(90deg);} 
	50% {transform: rotateX(90deg);} 
	100% {transform: rotateX(0deg);}
	}

/*------ Stadium ---------*/
#anchor {width: 100%;height: 100%;position: relative;}
#hideMain {position: absolute;top: 0;left: 0;}
#stadium {position: absolute;top: 0;left: 0; width:100%;height:100%;overflow:hidden;float:center;}
#bringtolife {position: absolute;top: 0;left: 0;color:#ffcc33;text-align:center;width:100%;}
#bringLife1 {font-size:1.5em;}
#bringLife2 {font-size:2em;}
#bringLife3 {font-size:2.5em;}

/*------- moving particles ---------*/
#content {top:0px;left:0px;position:absolute;height: 98.5vh;width: 98.5vw;}
/* Removed 2/16/25
#particles-js {    
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)), url('../images/background.png');
    background-size: cover;
    background-position: center;
	background-attachment: fixed;
    height: 100vh;
	width: 100vw;
    }
*/
/*---- 	All content	---*/
html {height: 102%;}	/* this forces a scroll bar so the screen doesn't jump */
#content {margin:0 auto;clear:both;text-align:left;padding:0em;background-color:transparent;}
#footer {margin:0 auto;clear:both;text-align:left;padding:6px;font-size:0.7em;background-color:transparent;}

/*----  Title area ----*/
/*#title {padding:.5em 0em .5em 0em;background-color:transparent;}
	#title h2 {font-size:1.5em;margin:0em;}
	#title img#logo {padding-top:.5em;}
	#title .side {width:185px;float:right;padding:.5em .5em .5em;text-align:right;font-size:.8em}
	#title #pleaseWait {color:#FF5353;}
	#title span#hubTitle {font-size:.6em;color:#F8F8F8;}
	#title button.navButton {background-color:#006600;vertical-align:center;font-size:1em;font-weight:bold;color:#F8F8F8;width:204px;margin-left:.2em;
							transition: background .2s ease-in, transform .2s ease-out;}
	#title button.navButton td {padding:.1em .3em .1em .3em;text-align:center;}
	#title button.navSelected {background-color:#003300}
	#title button.navButton:hover {background-color:#1F88A7;transform: scale(1.05);}
	#title table#topLeft td {vertical-align:top;padding:0em;}
	#title span#seasonLong {font-size:.9em;font-style:italic;line-height:95%;}
*/
#menubar {padding:.3em;background-color:transparent;text-align:center;}
	#menubar button {margin:.5em;font-size:1em;padding:.3em .1em .3em .1em;width:20em;height:5em;background-color:#006600;color:#F8F8F8;border-color: #F8F8F8;
					transition: background .2s ease-in, transform .2s ease-out;}
	#menubar button.menubarButton:hover {background-color:#1F88A7;transform: scale(1.05);}

div#splashheader {text-align:left;background-color:#4f85bd;padding:0;font-size:.8em;}
div#splashheader {width:100vw;margin-left: calc((-100vw + 100%) / 2);margin-right: calc((-100vw + 100%) / 2);}	/* this extends to side of page */
div#splashheader a {color:white;}
div#splashheader td#splashheaderleft {
	margin:0;
	padding:0;
	width:calc((100vw - 965px)/2);
    background-color: #196d86; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to right,#a7c2de, #4f85bd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to right,#a7c2de, #4f85bd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to right,#a7c2de, #4f85bd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,#a7c2de, #4f85bd); /* Standard syntax */
	}
div#splashheader td#splashheadercenter {width:965px;padding:1em;border:none;}
div#splashheader td#splashheaderright {
	margin:0;
	padding:0;
	width:calc((100vw - 965px)/2);
    background-color: #196d86; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to left,#a7c2de, #4f85bd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to left,#a7c2de, #4f85bd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to left,#a7c2de, #4f85bd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left,#a7c2de, #4f85bd); /* Standard syntax */
	}
div#splashheader span#splashlobby {float:right;}

div#title h3 {margin-top:.5em;}
	
body#body0 {
    background-color: #23819C; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#000, #377064) fixed; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000, #377064) fixed; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000, #377064) fixed; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000, #377064) fixed; /* Standard syntax */
	}
body#body0 #menubar button {
	background-color:#377064;
    background: -webkit-linear-gradient(#377064, #5EAE9E); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#377064, #5EAE9E); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#377064, #5EAE9E); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,#377064 0,#5EAE9E 50%,#377064 100%); /* Standard syntax */
	}

/*---- All other pages ----*/
#main {padding:.5em 1.5em 1.5em 1.5em;background-color:#FAFEFB;color:#000;margin:.5em 1em 0em 1em;border:0;font-size:.8em;border-radius:6px;}
	#main img.left, #main table.left {padding:1em 1.5em 1em 0;}
	#main img.right, #main table.right {padding:1em .2em 1em 1.5em;}
	#main button#homeTitle {font-size:.8em;}
	#main a.drag {color:black;font-weight:normal;}
	#main a.drag:hover {background-color:#8DC7BB;}
	#main a.hovering  {border:3px solid #4A9586;}
	#main button.floatRight{float:right;}
	#main span.floatRight{float:right;}
	#main span.floatLeft{float:left;}
	#main .side {width:20%;float:right;padding:.5em .5em .5em;text-align:right;}
	#main a#downloadButton img {float:right;padding:.2em;}
	#main button {font-size:1em;padding:.2em;background-color:#8DC7BC;color:#000033;border-color: #4A9586;}
	#main button:hover {background-color:#F4FA58;transform: scale(1.05);
					transition: background .2s ease-in, transform .2s ease-out;}
	#main button.selectedButton, #main button.selectedButton:hover {color:#FFF;background-color:#4A9587;}
	#main button.last {font-size:10em;padding:.2em 0em .2em .2em;background-color:#8DC7BC;color:#000033;border-color: #4A9586;}
	#main h1 {padding:.5em 0em .5em 0em;color:#003333;}
	#main h2 {padding:.5em 0em .5em 0em;color:#003333;}
	#main ul, #main ol {margin-left:3em;}
	#main input.lineEntry,#main select.lineEntry  {border:1px solid #4A9586;padding:.2em;background-color:#E7F3F0;margin:.3em;}
	#main input.topLineEntry {border:1px solid #4A9586;padding:.2em;background-color:#E7F3F0;margin-top:.3em;margin-right:.3em;margin-left:.3em;}
	#main input.bottomLineEntry {border:1px solid #4A9586;padding:.2em;background-color:#E7F3F0;margin-bottom:.3em;margin-right:.3em;margin-left:.3em;}
	#main input:disabled,#main select:disabled {background-color:#F5F5F0;}
	#main input.bids {border:1px solid #4A9586;padding:.2em;background-color:#F8F8F8;margin:.3em;}
	#main td.right{text-align:right;}
	#main td.center{text-align:center;}
	#main td.left{text-align:left;}
	#main td.top{vertical-align:top;}
	#main td.bottom{vertical-align:bottom;}
	#main input.right {text-align:right;}
	#main tr.header td {text-align:center;background-color:#8DC7BB;padding-right:.3em;padding-left:.3em;}
	#main tr.subHeader td {text-align:center;background-color:#8DC7BB;padding-right:.3em;padding-left:.3em;}
	#main tr.majorHeader td {background-color:#4A9586;color:#F8F8F8;font-size:1.2em;text-align:center;padding:.3em;}
	#main tr.detail td {background-color:#E7F3F1;padding-right:.3em;padding-left:.3em;}
	#main tr.detailTotal td {background-color:#E7F3F1;padding-right:.3em;padding-left:.3em;font-weight:bold;}
	#main tr.MFL td {background-color:#F7FBFA;padding-right:.3em;padding-left:.3em;}
	#main tr.DFF td {background-color:#DCEDEA;padding-right:.3em;padding-left:.3em;}
	#main tr.rightnow td {background-color:#F5F7C4;padding-right:.3em;padding-left:.3em;}
	#main tr.myTeam td {background-color:#C0E0DA;padding-right:.3em;padding-left:.3em;}
	#main img.floatRight {margin: 0px 0px 0px 10px;float:right;}
	#main img.floatLeft {margin: 0px 10px 0px 0px;float:left;}
	#main img.icon {border:1px solid #4A9586;background-color:#E7F3F0;padding:0em;}
	#main img#icon {margin:.3em;}
	#main p#hostMessage{color:red;font-weight:bold;font-size:1.2em;}
	#main .bold {font-weight:bold;}
	#main p.red {font-weight:bold;color:red;}
	#main span.red {font-weight:bold;color:red;}
	#main span.green {font-weight:bold;color:green;}
	#main td#instructions {font-size:.8em;}
	#main button#autopick {background-color:red;border-color:black;color:white;}
	#main button#autopick:hover {background-color:#888;}
	#main button.redButton {background-color:#ff3300;}

	#main table td.alignTop {vertical-align:top;}
	
	#main p.smallPrint,#main span.smallPrint {font-size:.8em;}
	#main a, #main a:visited, #main a:focus, #main td span.tooltip, #main span.tooltip  {color:#23819C;font-weight:bold;}
	#main a:hover {color:#4A9586;}
	#main p.quote {font-size:.9em;font-style:italic;margin-left:4em;margin-right:4em;text-align:center;}
	#main div.landingSide {width:200px;float:right;padding:.5em .5em .5em;background-color:#E7F3F1;border:1px solid #4A9586;margin:1em 0em 1em 1em;}

	#main button.coupon {
		padding: .8em;
		color: #F8F8F8;
		font-size:1.4em;
		background-color:#a7c2de;
		background: -webkit-linear-gradient(#4f85bd, #a7c2de); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#4f85bd, #a7c2de); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#4f85bd, #a7c2de); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right,#4f85bd 0,#a7c2de 50%,#4f85bd 100%); /* Standard syntax */
		}
	#main button.coupon a {color: #F8F8F8;}

}