body {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #363636;
}

a, a:hover, a:visited, a:active, a:focus {
	color: #FF0;
}

.navbar-inverse {
    background-color: #374232;
    border-color: #090909;
    background-image: linear-gradient(to bottom, #374232 0%, #222 100%);
}

.navbar {
    min-height: 110px;
    margin-bottom: 30px;
}

.navbar-nav {
    margin: 58px 0px 0px 0px;
}

#bullethead-header {
    padding: 0px;
    margin: -21px 0px 0px 0px;

}

.server-container {
	display: block;
	float: left;
	margin-bottom: 20px;
}

.server-row {
    float: left;
    width: 800px;
	background-image: url('/images/game_status.png');
	background-repeat: no-repeat;
	background-position: top-left;
	width: 802px;
	height: 122px;
}

.server-row-offline {
    float: left;
    width: 800px;
	background-image: url('/images/game_status_offline.png');
	background-repeat: no-repeat;
	background-position: top-left;
	width: 802px;
	height: 122px;
}

#servers-container {
    width: 810px;
    min-height: 50px;
    display: inline-block;
}

.server-status-container {
	display: block;
	float: left;
	width: 747px;
}

.server-status-button, .server-status-button:hover, .server-status-button:visited, .server-status-button:active, .server-status-button:focus {
	text-decoration: none;
	color: #FFF;
	font-style: normal;
	display: block;
	float: right;
	width: 55px;
	height: 122px;
	cursor:pointer;
	padding: 47px 0px 0px 17px;
}

.more {
	background-image: url('/images/game_more_info_down.png');
}
.less {
	background-image: url('/images/game_more_info.png');
}

.rotate-arrow {
	display: inline-block;
	width: auto;
	height: auto;
	font-size: 20px;
}

.status-main {
	display: block;
	float: left;
	width: 530px;
	height: 122px;
	margin-left: 20px;
	padding-top: 24px;
}

.status-main .hostname .glyphicon-lock {
	font-size: 12px;
	color: gold;
}

.status-main .hostname {
	font-size: 16px;
	font-weight: bold;
}

.status-main .hostaddress {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

.status-main .mapname {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

.status-main .gametype {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

.status-automated {
	float: right;
	display: block;
	height: 122px;
	width: 194px;
}

.status-automated .data {
	display:block;
	float: left;
	width: 102px;
	height: 122px;
	text-align: center;
	padding-top: 17px;
}

.status-automated .image {
	display:block;
	float: left;
	margin: 24px 0px 0px 3px;
}

.status-automated .data  .player-count {
	font-size: 16px;
	font-weight: bold;
	color: #777;
}

.status-automated .data .populated {
	color: #fff;
}

.status-automated .data .online {
	font-size: 22px;
	font-weight: bold;
	color: #148321;
}

.status-automated .data .offline {
	font-size: 22px;
	font-weight: bold;
	color: #d41919;
}

.status-automated .data  .join-server {
	font-size: 16px;
	font-weight: bold;
}

.server-details {
	float:left;
	display: block;
	background-color: #212020;
	width: 760px;
	margin-left: 20px;
	
	padding: 10px;
	
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.server-details .otheritems {
	float: left;
	width: 50%;
}

.server-details .playerlist {
	width: 50%;
	float: right;
	
}

.data-small {
	margin-bottom: 10px;
}

.data-scroll {
	display: block;
	overflow-y: auto;
	height: 200px;
	width: 100%;
	background-color: #151515;
}



