@CHARSET "UTF-8";

div {
color:#fff;
}

a {
	color: #ffe246;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
    font-weight: bold;
}

.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  border-bottom: 1px solid rgba(255,255,255,0.4);
  font-family: 'Open Sans', sans-serif;
  line-height: 45px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-top: 3px;
}

.menu a {
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
}

.menu {
  background: rgba(0,0,0,0.85);
	z-index: 100;
  left: -285px;
  /* start off behind the scenes */
  height: 100%;
  position: fixed;
  width: 285px;
}

.imgbase {
	vertical-align: baseline;
}

.userlink {
	text-decoration: none;
	color: #ffe246;
}

.number {
	color: #ffe246;
}

.region {
	color: #B1B1B1;
}

.text {
    font-size: 12px;
    line-height: 17px;
    font-family: arial;
}

.text.short {
    max-height: 300px;
    overflow: hidden;
}
.text.full {

}
.read-more, .load-more {
    cursor: pointer;
    background: rgba(0,0,0,0.5);
		text-align: center;
		font-size: large;
}
.load-more {
padding:4px 10px 4px 10px;
}

.read-more {
		display: none;
}

.read-more:hover, .load-more:hover {
	color: #ffe246;
	background: rgba(0,0,0,0.6);
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  border-bottom: 1px solid #fffa9026 !important;
}

li:last-child {
  border-bottom: 0px;
}

.list {
	padding-bottom: 4px;
}

.value{
	//float:right;
	letter-spacing: 1px;
	font-size: 1.0em;
	font-weight: bold;
	padding-left: 8px;
}

.header-buttons {
	height:100%;
	vertical-align:middle;
}

.header-button a {
	text-align: center;
	margin: 0px 10px 0px 10px;
	padding: 60px 0px 0px 0px;
	vertical-align: bottom;
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.header-button a:hover {
	background: url("/images/menutitlemarker.png") no-repeat center;
	color: lightgray;
}

.header-button-current a {
	background: url("https://turfgame.com/images/menutitlemarker_active.png") no-repeat center;
	color: lightgray;
}

.header-button-supporter a:hover {
	background: url("/images/headerbutton_supporter_hover.png") no-repeat center;
	color: lightgray;
}

.header-button-supporter-active a {
	background: url("/images/headerbutton_supporter.png") no-repeat center;
}

.body-top {
background: #465e6452;
padding:4px;
padding-top: 8px;
padding-bottom: 0px;
}

.widget-div {
  margin-bottom:8px;
  }

.widget-titlebar {
  overflow:hidden;
  background:rgba(0,0,0,0.6);
  color:#ffe246;
  font-size:1.1em;
  padding:4px 10px 4px 10px;
  }

.widget-content{
  overflow:hidden;
  background:rgba(0,0,0,0.5);
  font-size:0.8em;
  padding:4px 6px 4px 6px;
  }

.widget-sub-titlebar {
  overflow:hidden;
  background:rgba(0,0,0,0.3);
  color:#ffe246;
  font-size:1.0em;
  padding:4px 4px 4px 6px;
  }
.widget-sub-titlebar-red {
  overflow:hidden;
  background:rgba(0,0,0,0.3);
  color:red;
  font-size:1.1em;
  padding:4px 4px 4px 6px;
  }

	.zone_label {
		color: black;
		background-color: beige;
		font-family: "Lucida Grande", "Arial", sans-serif;
		font-size: 12px;
		text-align: left;
		width: auto;
		padding: 2px;
		border: 1px solid grey;
		border-radius:3px;
		box-shadow: 2px 2px 20px #888888;
		white-space: nowrap;
	}

	.user_label {
		color: red;
		background-color: #050505;
		font-family: "Lucida Grande", "Arial", sans-serif;
		font-size: 11px;
		text-align: center;
		width: auto;
		white-space: nowrap;
		padding: 2px;
		border: 1px solid #050505;
		border-radius:3px;
	}

	.takeover_label {
		color: black;
		background-color: orange;
		font-family: "Lucida Grande", "Arial", sans-serif;
		font-size: 11px;
		text-align: center;
		width: auto;
		white-space: nowrap;
		padding: 2px;
		border: 1px solid orange;
		border-radius:3px;

	}




	.star-rating{
		list-style:none;
		//margin-left:25px !important;
		padding:0px;
		width: 175px;
		height: 35px;
		position: relative;
		background: url(/images/rating_stars.png) top left repeat-x;
	}

	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}

	.star-rating li{
		display:block;
		width:35px;
		height: 35px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}

	.star-rating li:hover{
		background: url(/images/rating_stars.png) left bottom;
		z-index: 2;
		left: 0px;
		cursor:pointer;
	}

	.star-rating:focus,
	.star-rating:active{
		border:0;
		-moz-outline-style: none;
				outline: none;
	}

	.star-rating .one-star{
		left: 0px;
	}

	.star-rating .one-star:hover{
		width:35px;
	}

	.star-rating .two-stars{
		left:35px;
	}

	.star-rating .two-stars:hover{
		width: 70px;
	}

	.star-rating .three-stars{
		left: 70px;
	}

	.star-rating .three-stars:hover{
		width: 105px;
	}

	.star-rating .four-stars{
		left: 105px;
	}

	.star-rating .four-stars:hover{
		width: 140px;
	}

	.star-rating .five-stars{
		left: 140px;
	}

	.star-rating .five-stars:hover{
		width: 175px;
	}

	.star-rating li.current-rating{
		background: url(/images/rating_stars.png) left center;
		position: absolute;
		height: 35px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}

	.topFade {
		color: rgba(255, 255, 255, 0.60);
	}

.xxs-button {
	//height:40px;
	text-align: center;
	vertical-align: middle;
}

/* Turf Store widget (right sidebar) */
.store-widget {
	display: block;
	text-decoration: none;
	color: inherit;
}

.store-widget .widget-titlebar {
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.store-banner {
	position: relative;
	overflow: hidden;
	line-height: 0;
	background: rgba(0,0,0,0.5);
}

.store-banner img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.35s ease;
}

.store-widget:hover .store-banner img {
	transform: scale(1.06);
}

.store-banner:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 55%;
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75));
	pointer-events: none;
}

.store-banner-tag {
	position: absolute;
	left: 8px;
	bottom: 6px;
	z-index: 1;
	color: #ffe246;
	font-size: 0.8em;
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: 0 1px 3px rgba(0,0,0,0.9);
}

.store-content {
	text-align: center;
	padding-bottom: 8px;
}

.store-cta {
	display: block;
	margin: 6px auto 2px auto;
	padding: 5px 8px;
	border: 1px solid #ffe246;
	border-radius: 3px;
	color: #ffe246;
	font-size: 1.15em;
	font-weight: bold;
	transition: background 0.2s ease, color 0.2s ease;
}

.store-widget:hover .store-cta {
	background: #ffe246;
	color: #000;
}

/* /info side menu — real links now, styled to match the buttons they replaced */
.info-menu-item {
	display: block;
	width: 150px;
	margin-bottom: 5px;
	padding: 3px 6px;
	background: rgba(0,0,0,0.35);
	border: 1px solid rgba(255,226,70,0.35);
	border-radius: 3px;
	color: #fff;
	font-size: 0.85em;
	text-align: center;
	text-decoration: none;
}

.info-menu-item:hover {
	background: rgba(255,226,70,0.15);
	color: #ffe246;
}

.info-menu-item-current {
	background: #ffe246;
	border-color: #ffe246;
	color: #000;
	font-weight: bold;
}

.info-menu-item-current:hover {
	background: #ffe246;
	color: #000;
}

/* Landing block (logged-out homepage, top of middle column) */
.landing-content {
	padding: 14px 16px 16px 16px;
	font-size: 1em;
}

.landing-title {
	margin: 0 0 10px 0;
	color: #ffe246;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2;
}

.landing-lead {
	margin: 0 0 12px 0;
	font-size: 1.05em;
	line-height: 1.5;
	color: #fff;
}

.landing-facts {
	margin: 0 0 14px 0;
	padding: 0;
	list-style: none;
	line-height: 1.7;
}

/* The global `li` rule at the top of this file sets a border-bottom with !important,
   which turns these three lines into what looks like a table. Only !important beats it. */
.landing-facts li {
	padding-left: 18px;
	position: relative;
	color: rgba(255,255,255,0.9);
	border-bottom: 0 !important;
}

.landing-facts li:before {
	content: "\25B8";
	position: absolute;
	left: 0;
	color: #ffe246;
}

.landing-badges {
	margin-bottom: 12px;
}

.landing-badges a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px 6px 0;
}

/* Sized so the two badges match visually: the Google asset carries the clear space its
   brand guidelines require inside the image, the Apple one does not. */
.landing-badges .badge-apple {
	height: 40px;
	width: auto;
	display: block;
}

.landing-badges .badge-google {
	height: 59px;
	width: auto;
	display: block;
	margin: -9px 0;
}

.landing-more {
	margin: 0;
	font-size: 0.9em;
	color: rgba(255,255,255,0.75);
}

.landing-more a {
	color: #ffe246;
	text-decoration: none;
}

.landing-more a:hover {
	text-decoration: underline;
}

@media (max-width: 480px) {
	.landing-title { font-size: 1.3em; }
	.landing-lead { font-size: 1em; }
}

/* Teams link (last in right sidebar) */
.teams-content {
	text-align: center;
	font-size: 0.75em;
}

.teams-content a {
	color: rgba(255, 226, 70, 0.85);
	text-decoration: none;
}

.teams-content a:hover {
	color: #ffe246;
	text-decoration: underline;
}