@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;
}