@charset "utf-8";

/************
* Front Page
*************/

a:link, a:visited { color:#FFF; font-weight:bold; text-decoration:underline; }
a:hover, a:active { color:#FF0; }

body#LoginPage {
	background-image:url(../Images/Seattle1920.jpg);
	background-position:top;
	background-color:#000;
	background-attachment:fixed;
	color:#FEFBF5;
}
#FrontContent { margin:auto; }
#OpenUpper { position:relative; margin:10px auto; }
	#Title { position:absolute; background-image:url(../Images/SimunomicsLogo.GIF); background-repeat:no-repeat; background-position:top; }
		#Title .Text { padding:2px; color:#F00; font-size:20px; font-weight:bold; text-shadow:0px 0px 2px #000; }
	#InfoBtn { position:absolute; }
	#NewPlayerBtn { position:absolute; display:block;  width:180px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border:solid #FEFBF5 3px;
		background-color:#F00; background-image:url(../Images/Backgrounds/TranslucentBack-Boxy.png); background-position:center; text-decoration:none; }
		#NewPlayerBtn:hover { background-color:#2f6627; cursor:pointer; }
		#NewPlayerBtn p { margin:2px; padding:0; text-align:center; }
		#NewPlayerBtn .Line1 { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; }
		#NewPlayerBtn .Line2 { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; }
	#SignInBox { position:absolute; width:360px; }
		#SignInLabel { height:20px; font-weight:bold; font-size:16px; }
		#SignInRules { font-style:italic; }
		#SignInBox input[type=text], #SignInBox input[type=password] { width:120px; margin:0 3px 2px 0; }
		#SignInBox input[type=submit] {
			display:inline-block; padding:2px 12px;
			background-color:#f00;
			background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f00), color-stop(1, #b80606));
			background:-moz-linear-gradient(top, #f00 5%, #b80606 100%);
			background:-webkit-linear-gradient(top, #f00 5%, #b80606 100%);
			background:-o-linear-gradient(top, #f00 5%, #b80606 100%);
			background:-ms-linear-gradient(top, #f00 5%, #b80606 100%);
			background:linear-gradient(to bottom, #f00 5%, #b80606 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f00', endColorstr='#b80606',GradientType=0);
			-moz-box-shadow: 0px 1px 0px 1px #000000; -webkit-box-shadow: 0px 1px 0px 1px #000000; box-shadow: 0px 1px 0px 1px #000000;
			-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #bf0707;
			color:#fff; font-size:18px; font-family:arial; font-weight:bold; text-decoration:none; text-shadow:0px 1px 0px #000; cursor:pointer;
		}
			#SignInBox input[type=submit]:hover {
				background-color:#2f6627;
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2f6627), color-stop(1, #025827));
				background:-moz-linear-gradient(top, #2f6627 5%, #025827 100%);
				background:-webkit-linear-gradient(top, #2f6627 5%, #025827 100%);
				background:-o-linear-gradient(top, #2f6627 5%, #025827 100%);
				background:-ms-linear-gradient(top, #2f6627 5%, #025827 100%);
				background:linear-gradient(to bottom, #2f6627 5%, #025827 100%);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f6627', endColorstr='#025827',GradientType=0);
				border:1px solid #013517;
			}
			#SignInBox input[type=submit]:active { position:relative; top:1px; }
	#ClosedMessage { position:absolute; width:360px; padding:2px; border:3px white solid; color:#FFF; font-size:12px; 
		background-color:#f00;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f00), color-stop(1, #b80606));
		background:-moz-linear-gradient(top, #f00 5%, #b80606 100%);
		background:-webkit-linear-gradient(top, #f00 5%, #b80606 100%);
		background:-o-linear-gradient(top, #f00 5%, #b80606 100%);
		background:-ms-linear-gradient(top, #f00 5%, #b80606 100%);
		background:linear-gradient(to bottom, #f00 5%, #b80606 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f00', endColorstr='#b80606',GradientType=0);
		border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
		#ClosedMessage .Label { font-size:20px; font-weight:bold; text-align:center; }
	#ErrorMessage { font-size:18px; color:#FF0; font-weight:bold; text-shadow:0px 0px 2px #000; } /* Padding used to push down height of box */
	#BadPassCase {  }
		#BadPassInner { margin:auto; padding:2px; background-color:#FBFFCE; font-size:16px; color:#000; border:3px solid black; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-align:center;}
		#BadPassInner a:link { color:#698AC0; text-decoration:none; }
		#BadPassInner a:visited { color:#698AC0; text-decoration:none; }
		#BadPassInner a:hover { color:#698AC0; text-decoration:underline; }
		#BadPassInner a:active { color:#698AC0; text-decoration:underline; }
	#PWResetCase {  }
	#PWResetInner { margin:auto; padding:2px; font-size:16px; color:#fff;  text-align:center; }
#DoubleMiddle { margin:5px auto; padding:0; background:rgba(255,255,255,0.2); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
	#DoubleMiddle .Item { display:inline-block; margin:10px; width:460px; height:285px; background:#FEFBF5; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; color:#000; }
		#DoubleMiddle .Label { text-align:center; font-weight:bold; font-size:20px; height:26px; padding-top:2px; }
#Ticker { margin:10px auto; padding:10px; background:rgba(255,255,255,0.2); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
	#TickInner { height:26px; font-size:18px; 
		background:#CCC; font-family:Arial, Helvetica, sans-serif; 
		background-color:#DDD;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DDD), color-stop(1, #AAA));
		background:-moz-linear-gradient(top, #DDD 5%, #AAA 100%);
		background:-webkit-linear-gradient(top, #DDD 5%, #AAA 100%);
		background:-o-linear-gradient(top, #DDD 5%, #AAA 100%);
		background:-ms-linear-gradient(top, #DDD 5%, #AAA 100%);
		background:linear-gradient(to bottom, #DDD 5%, #AAA 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDD', endColorstr='#AAA',GradientType=0);
		border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
		#TickInner .Label { width:140px; height:24px; padding-left:10px; font-weight:bold; color:#2f6627; vertical-align:middle; }
		#TickInner marquee { height:24px; color:#111; vertical-align:middle; }
#TripleBottom { width:960px; margin:5px auto; padding:0; background:rgba(255,255,255,0.2); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
	#TripleBottom .Item { display:inline-block; margin:5px 10px; height:187px; background:#FEFBF5; color:#000; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
		#TripleBottom .Label { text-align:center; font-weight:bold; font-size:18px; height:24px; }
#TextBottom { margin:10px auto; padding:10px; background:rgba(0,0,0,0.4); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; }


/* Copied from StyleSheet */
.BottomLink {
	padding-top:64px;
	width:64px;
	background-position:center top;
	background-repeat:no-repeat;
}
.BottomLink:hover { text-decoration:underline; }
.HelpLink { background-image:url(../Images/Icon-Help-Large.png); }
.HelpLink:hover { background-image:url(../Images/Icon-Help-Large-Purple.png); cursor:pointer; }

.BottomTerms { padding:4px; margin-top:20px; width:100%; background:rgba(0,0,0,0.8); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-sizing:border-box; }
	.third { float:left; width:33%; text-align:center; }

@media (max-device-width:760px), (max-width:960px) { /* Mobile */
#FrontContent { width:480px; }
#OpenUpper { width:480px; min-height:310px; margin:10px auto; }
	#Title { left:0; top:0; width:480px; padding-top:115px; background-size:contain; text-align:center; } 
	#InfoBtn { top:145px; left:100px; }
	#NewPlayerBtn { top:145px; right:85px; }
	#SignInBox { top:219px; left:60px; height:90px; background:rgba(0,0,0,0.8); padding:3px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; }
	#ClosedMessage { top:219px; left:60px; }
	#ErrorMessage { padding-top:315px; text-align:center; } 
	#BadPassCase {  }
		#BadPassInner { width:470px; margin:auto; }
	#PWResetCase {  }
		#PWResetInner { width:470px; margin:auto; }
#DoubleMiddle { width:480px; }
#Ticker { width:460px; }
	#TickInner marquee { width:310px; }
#TripleBottom { width:480px; text-align:center; }
	#TripleBottom .Item { width:400px; }
#TextBottom { width:480px; }
}
@media (min-width:960px) and (min-device-width:760px) { /* Non-mobile */
#FrontContent { width:960px; }
#OpenUpper { width:960px; min-height:160px; margin:10px auto; }
	#Title { left:0; top:0; width:426px; padding-top:137px; padding-left:150px; }
	#InfoBtn { top:0; left:620px; }
	#NewPlayerBtn { top:0; right:10px; }
	#SignInBox { top:74px; right:0; }
	#ClosedMessage { top:74px; right:0; }
	#ErrorMessage { padding-top:165px; text-align:right; } 
	#BadPassCase { }
		#BadPassInner { margin-right:0; width:360px; }
	#PWResetCase {  }
		#PWResetInner { margin-right:0; width:360px; }
#DoubleMiddle { width:960px; }
#Ticker { width:940px; }
	#TickInner marquee { width:790px; }
#TripleBottom { width:960px; }
	#TripleBottom .Item { width:300px; }
#TextBottom { width:960px; }
}

/***************
* Login Process
***************/

@media (max-device-width:760px), (max-width:960px) { /* Mobile Layout */
body#Processing {  }
#WelcomeContent { width:475px; background-position:-50px 50px; }
	#CountdownBox { width:475px; height:120px; font-size:20px; }
		#MobileWarning img { float:left; margin-right:10px; }
	#WelcomeContent .TextBox { margin:5px 0 20px; padding:0 5px; background-color:#FFF; border:#CCC solid 3px; border-radius:10px; }
}

@media (min-width:960px) and (min-device-width:760px) { /* Non-mobile */
#WelcomeContent { width:660px; padding-left:300px; background-position:left top; }
	#CountdownBox { width:650px; height:100px;font-size:24px; }
	#MobileWarning { display:none; }
}

body#Processing { margin:0; padding:0; color:#fff; background-color:#000; background-image:url(../Images/Backgrounds/DallasSkyStrip.png); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; }

#WelcomeContent { height:890px; margin:0 auto; padding-top:0; background-image:url(../Images/DallasSky600.png); background-repeat:no-repeat; color:#000;  }
	#WelcomeContent .ContentBlocks { height:890px; display:none; }
	.TextBox ul { list-style-position: inside; }

	#CountdownBox {  }
		#CountdownBox p { margin:0 0 10px 0; }
		#RedirCountdown { display:inline-block; width:23px; height:25px; padding:5px 12px 5px 18px; background-image:url(../Images/BeveledCloud.png); background-size:53px 35px; font-weight:bold;  }
		.RedirectBtn { display:inline-block; width:160px; margin:4px 4px 4px 30px; padding:2px 12px; color:#FFF; font-weight:bold; text-align:center; text-decoration:none;
			-moz-box-shadow: 0px 1px 0px 1px #000000; -webkit-box-shadow: 0px 1px 0px 1px #000000; box-shadow: 0px 1px 0px 1px #000000;
			-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; 
			color:#fff; font-size:18px; font-family:arial; font-weight:bold; text-decoration:none; text-shadow:0px 1px 0px #000; cursor:pointer; vertical-align:top;
		 }
		 .RedirectBtn:hover { }
		 .RedirectBtn:active { margin:6px 2px 2px 32px; }
		 #BtnSurround { height:50px; vertical-align:top; }
		#NoBtn {
			background-color:#f00;
			background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f00), color-stop(1, #b80606));
			background:-moz-linear-gradient(top, #f00 5%, #b80606 100%);
			background:-webkit-linear-gradient(top, #f00 5%, #b80606 100%);
			background:-o-linear-gradient(top, #f00 5%, #b80606 100%);
			background:-ms-linear-gradient(top, #f00 5%, #b80606 100%);
			background:linear-gradient(to bottom, #f00 5%, #b80606 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f00', endColorstr='#b80606',GradientType=0);
			border:1px solid #bf0707;
		}
			#NoBtn:hover {
				background-color:#f55;
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f55), color-stop(1, #f00));
				background:-moz-linear-gradient(top, #f55 5%, #f00 100%);
				background:-webkit-linear-gradient(top, #f55 5%, #f00 100%);
				background:-o-linear-gradient(top, #f55 5%, #f00 100%);
				background:-ms-linear-gradient(top, #f55 5%, #f00 100%);
				background:linear-gradient(to bottom, #f55 5%, #f00 100%);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f55', endColorstr='#f00',GradientType=0);
			}
		#YesBtn {
			background-color:#2f6627;
			background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2f6627), color-stop(1, #025827));
			background:-moz-linear-gradient(top, #2f6627 5%, #025827 100%);
			background:-webkit-linear-gradient(top, #2f6627 5%, #025827 100%);
			background:-o-linear-gradient(top, #2f6627 5%, #025827 100%);
			background:-ms-linear-gradient(top, #2f6627 5%, #025827 100%);
			background:linear-gradient(to bottom, #2f6627 5%, #025827 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f6627', endColorstr='#025827',GradientType=0);
			border:1px solid #013517;
		}
			#YesBtn:hover {
				background-color:#45963A;
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #45963A), color-stop(1, #2F6627));
				background:-moz-linear-gradient(top, #45963A 5%, #2F6627 100%);
				background:-webkit-linear-gradient(top, #45963A 5%, #2F6627 100%);
				background:-o-linear-gradient(top, #45963A 5%, #2F6627 100%);
				background:-ms-linear-gradient(top, #45963A 5%, #2F6627 100%);
				background:linear-gradient(to bottom, #45963A 5%, #2F6627 100%);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#45963A', endColorstr='#2F6627',GradientType=0);
			}

h3 { font-size:19px; font-weight:bold; margin:10px; }
h3.Warning { color:#900; }

#LogoFloat { float:left; width:120px; padding-left:20px; }
.Logo.Gen { display:inline-block; text-align:center; background:url(../Images/Backgrounds/TranslucentGradient-Logo.png); background-size:100%; overflow:hidden; word-wrap:break-word; box-sizing:border-box; }

#PropTable { margin:0; padding:0;  }
#PropTable td { width:80px; text-align:center; vertical-align:middle; }
#PropTable td.flag { width:40px; }