@charset "UTF-8";

/* CSS Document */

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html {
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(../graphics/Cypress_Point_15th_Tee-4.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 16px;
	height: 100%;
}

a {
	color: #4477AE;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.topLogo {
	margin: 0;
	padding: 0;
}

.topLogo a {
	display: block;
	width: 370px;
	margin: 0;
	padding: .75em 0;
	text-indent: -2000px;
	overflow: hidden;
	background-image: url(../graphics/tst_logo_130619-6.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.homeBtns ul,
.homeBtns li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pageWidth {
	max-width:800px;
	margin:0 auto;
	padding:.5em 2em 0 2em;
}

.pageContent {
	display:none;
}

.browserContent, .browserContent a {
	color:#FFF;
	text-shadow: 1px 1px 1px #444;
	filter: dropshadow(color=#444, offx=1, offy=1);
	line-height:1.4em;
}

.copyright {
	clear:both;
	font-size: .7em;
	color: rgba(255, 255, 255, .6);
	text-align: center;
	padding: 1em 0;
	text-shadow: 1px 1px 1px #555;
	filter: dropshadow(color=#555, offx=1, offy=1);
}

.copyright a {
	color: rgba(255, 255, 255, .6);
	text-decoration: none;
}

.alert {
	display:none;
	text-align:center;
	padding:.1em;
	position:absolute;
	top:0;
	width:100%;
	font-size:1.2em;
	background:#C00;
	color:#FFF;
}

.alertTxt {
	color:#C00 !important;
}

.ieBad {display:block; height:90px; background-color:#E6EADC; }
.ieBad .txt {display:block; height:90px; margin:0px auto; width:800px;background-image: url(../graphics/ie9-logo.png); background-repeat: no-repeat;  background-position:0px -60px; padding: 5px 0 0 250px;}
.ieBad .txt a {color:#1057A5;}
.ieBad .txt p {margin:0; padding:0;}

/*========================================================+
|  Responsive Styles                                      |
+========================================================*/

@media only screen and (max-width: 767px) {



.pageWidth {
	max-width:100%;
	margin:0;
	padding:0;
	background:none;
}

.hideFromMobile {
	display:none;
}

.pageContent {
	display:block;
	padding-top:.3em;
}

p {
	line-height: 1.5em;
}

.browserContent {
	color:#000;
	text-shadow: none;
}

.browserContent a {
	color: #4477AE;
	text-shadow:none;
}

.topLogo {
/*background-color: rgba(255, 255, 255, .95);*/
}

.topLogo a {
	width: 90%;
	padding: .5em 0;
	margin:0 auto;
	background-image: url(../graphics/tst_logo_130619-6.png);
}

.spacerTop {
	/*border-top: 1px solid #00662C;*/
	height: .2em !important;
}

.spacer {
	display: block;
	height: 30px;
	/*background-color: #E5E5E5*/;
}

.homeBtns {
	border-top: #C8C8C8 1px solid;
	border-bottom: #C8C8C8 1px solid;
	background-color: rgba(255, 255, 255, .9);
}

.contentDiv {
	background-color: rgba(255, 255, 255, .9);
	padding: 0 1em 1em 1em;
}

.contentDiv p:first-of-type {
	margin-top: 0;
}

.homeBtns div {
	/*background-image: url(../graphics/btn_arrow_dwn.png);
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-position: right center;*/
}

.homeBtns div.last a.btn {
	border-bottom: none;
}

.homeBtns div a.btn {
	font-size: 1.8em;
	display: block;
	color: #999;
	padding: 1em 0 1em 2em;
	border-bottom: #CCC 1px solid;
	cursor: pointer;
	background-image: url(../graphics/btn_arrow_dwn.png);
	background-repeat: no-repeat;
	background-size: 30px 21px;
	background-position: right center;
	text-decoration: none;
}

.green {
	color: #4477AE !important;
}

.homeBtns .create {
	background-image: url(../graphics/icon_new_game.png);
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-position: 15px center;
}

.homeBtns .join {
	background-image: url(../graphics/icon_join_game.png);
	background-repeat: no-repeat;
	background-size: 22px 32px;
	background-position: 18px center;
}

.homeBtns .about {
	background-image: url(../graphics/icon_manage_game.png);
	background-repeat: no-repeat;
	background-size: 40px 32px;
	background-position: 12px center;
}

.joinForm {
}

.joinForm a {
/*color:#999;
	font-size:.8em;
	margin-left:30px;
	cursor:pointer;*/
}

.form {
	margin-top: -.5em;
	padding: 0em .5em 1em;
	display: none;
}

.formBtns {
	margin: .5em 0 2.5em 0;
}

.form input[type=text],
.form input[type=password] {
	font-size: 30px;
	width: 100%;
	padding: .2em .2em;
	color: #666;
	font-weight: 100;
	margin-bottom:.3em;
}

.form label {
	color: #999;
	display: none;
}

.form input[type=button] {
	font-size: 1.3em;
}

.form .formBtns {
	text-align: center;
}

.joinLink {
	font-size: 1em;
	text-align: center;
	padding-top: 1em;
	margin-bottom: .5em
}

ul.button-group:before,
ul.button-group:after {
	content: "";
	display: table;
}

ul.button-group {
	list-style: none outside none;
	margin: 0 0 12px;
	padding: 0;
}

ul.button-group li {
	float: left;
	margin: 0 0 0 -1px;
	padding: 0;
}

.button {
	background: none repeat scroll 0 0 #4477AE;
	border: 1px solid #31537F;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	color: white !important;
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	outline: medium none;
	padding: 10px 20px 11px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.15s ease-in-out 0s;
	width: auto;
}

.button.radius {
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

ul.button-group.radius li:first-child .button,
ul.button-group.radius li:first-child .button.radius,
ul.button-group.radius li:first-child .button.rounded {
	border-radius: 3px 0 0 3px;
}

ul.button-group.radius li:last-child .button,
ul.button-group.radius li:last-child .button.radius,
ul.button-group.radius li:last-child .button.rounded {
	border-radius: 0 3px 3px 0;
}

.homeBtns .aboutCopyDiv {
	padding: 0 1em;
	border-bottom: #C8C8C8 1px solid;
	margin: -.5em 0 0;
	padding-bottom: 1.5em;
	display: none;
}

/*.aboutCopy {
	font-size: .95em !important;
	line-height: 1.5em;
}*/

.joinHdr {
	color: #4477AE;
	margin: 0;
	padding: 1em 0 1em 1.5em;
	background-image: url(../graphics/icon_join_game.png);
	background-repeat: no-repeat;
	background-size: 22px 32px;
	background-position: 0px center;
	line-height: 1.5em;
}
}

@media only screen and (orientation:landscape) {
	body {
		/*font-size:12px;*/
	}
}