/**
 * TSStatus: Teamspeak 3 viewer for php5
 * @author Sebastien Gerard <seb@sebastien.me>
 * @see http://tsstatus.sebastien.me/
 * @version 2013-08-31
 **/
@media (min-width: 576px) {

.tsstatus, .tsstatus *, .tsstatus_error {
	font-size: 14px;
}

.tsstatus_item {
	/*max-width: 560px !important;*/
	margin-right: -6px;
}

.tsstatus_item a {
	font-size: 14px;
}

.tsstatus_item img {
    margin-right: 6px;
}
	
.tsstatus_login_box {
	/*max-width: 555px !important;*/
	height: 25px;
	font-size: 14px;
}

.tsstatus_login_nick {
	font-size: 14px;
}


}
	
	
@media (max-width: 767px) {

.tsstatus, .tsstatus *, .tsstatus_error {
	font-size: 13px;
}

.tsstatus_item {
	/*max-width: 480px !important;*/
	margin-right: -4px;
}

.tsstatus_item a {
	font-size: 12px;	
}

.tsstatus_item img {
    margin-right: 4px;
    height: 12px;
	margin-bottom: 2px !important;	
}

.tsstatus_flags {
	/*display: none;*/
}

.tsstatus_login_box {
	/*max-width: 478px !important;*/
	height: 25px;
	font-size: 13px;
}

.tsstatus_login_nick {
	font-size: 13px;
}


}



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

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

.tsstatus, .tsstatus_error {
	width: 100%;
	color: #000000;
	height: auto;
}

.tsstatus, .tsstatus *, .tsstatus_error {
	color: #00000;
}

.tsstatus_border {
	border-style: solid none none;
	border-width: 1px;
	border-color: #222;
	background-color: #1a1a1a;
}

.tsstatus_error {
	color: #ff0000;
}

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

.tsstatus_footer { 
	
}

.tsstatus_item {	
	position: relative;
	white-space:nowrap;
	margin-left: 8px;
	margin-right: 0px;	
}

.tsstatus_item a {
	display: block;
	text-decoration: none;
	color: #fff;
}

.tsstatus_item img {
	border: 0;
	vertical-align: middle;
	margin-bottom: 3px;
}

.tsstatus_login_box {
	background: #131313;
	width: 100%;	
	border: 0px;
	margin-bottom: 15px;
}

.tsstatus_login_nick {
	font-size: 14px;
	color: #999;
}

.tsstatus_server {
	width: 100%;
	margin-left: 0px;
}

.tsstatus_item a:visited {
	color: #fff;
}

.tsstatus_item a:hover {
	color: rgb(250, 255, 167);
}

.tsstatus_item a:active {
	color: rgb(250, 255, 167);
}