/**
 * TSStatus: Teamspeak 3 viewer for php5
 * @author Sebastien Gerard <seb@sebastien.me>
 * @see http://tsstatus.sebastien.me/
 * @version 2013-08-31
 **/

body {
  background-color: #131824;
  color: white;
}

.tsstatus, .tsstatuserror{
	background-color: #131824;
	width: 200px;
}

.tsstatus, .tsstatus *, .tsstatuserror{
	color: #efefef;
	font-family: Verdana;
	font-size: 10px;
}

.tsstatus label{
	border-bottom: 1px solid #aaaaaa;
}

.tsstatusItem a{
	color: #a3a3a3;
}

.tsstatusItem a:hover{
	background-color: #f6f6f6;
	color: #131824;
}
.tsstatusItemUser a{
	color: green;
}

.tsstatusItemUser a:hover{
	background-color: #f6f6f6;
	color: #131824;
}
.tsstatuserror{
	color: #ff0000;
}

.tsstatus, .tsstatus *{
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.tsstatus{
	position: relative;
	overflow: hidden;
}

.tsstatus label{
	display: block;
	padding: 2px 0;
}

.tsstatusItem{
	margin-left: 16px;
	position: relative;
	white-space:nowrap;
}

.tsstatusItem a{
	display: block;
	text-decoration: none;
}

.tsstatusItem img{
	border: 0;
	vertical-align: middle;
	margin-right: 2px;
}

.tsstatusItemUser{
	margin-left: 16px;
	position: relative;
	white-space:nowrap;
}

.tsstatusItemUser a{
	display: block;
	text-decoration: none;
}

.tsstatusItemUser img{
	border: 0;
	vertical-align: middle;
	margin-right: 2px;
}

.tsstatusFlags{
	position: absolute;
	right: 0;
	top: 0;
}

.tsstatusServer{
	margin-left: 0;
}
#tsstatus {
  position: absolute;
  left: 50%;
  margin-left: -100px;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}