*{
    margin:0;
    padding:0;
}

body {
    font:15px/1.3 'Open Sans', Verdana, Arial, sans-serif;
	font-size: 14px;
	background: black;
	color: #ebebeb;
	-webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4 {
	overflow: visible;
	margin-bottom: 15px;
	color: #1ebec8;
}

h1 {
	font-size: 40px;
	font-weight: normal;
}

h2 {font-size: 12px;}
h4 {font-size: 26px; margin-bottom: 50px;}


h3 {
	margin-bottom: 2px;
	font-size: 15px;
}

p {margin-top: 15px;}

#titlebox {
	overflow: hidden;
	width:100%;
	text-align:center;
    background-image: url(bg.png);	
	margin-top: 5px;
	height: 204px;
}

#titlebox #blackbox {
	overflow: hidden;
	margin:auto;
	width: 440px;
	background: black;
	height: 60px;
	margin-top:30px;
	opacity: 0.95;
}

* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px !important;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px !important;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px !important;
}

#titlebox #content {
	overflow: visible;
	margin:auto;
	width: 450px;
	top: -75px;
	position: relative;
	margin-top:13px;
	height:60px;
}

#menu {
	width:300px;
	float:right;
	position:relative;
	top:-170px;
	overflow: hidden;
}

#menu a {
	text-decoration: none;
    display: inline-block;
    color: #4c4c4e;
	text-align: center;
	font-size: 15px;
    transition: background 0.2s ease-out; /* explorer 10 */
    -webkit-transition: background 0.2s ease-out; /* chrome & safari */
    -moz-transition: background 0.2 ease-out; /* firefox */
    -o-transition: background 0.2 ease-out; /* opera */
	background: #acadaf;
	width: 48px;
	height: 40px;
	line-height: 38px;
}

#menu a:hover, #menu a.active {
	color: #ebebeb;
	text-decoration: none;
	background: black;
}

#footer {
	text-align: center;
    font: 12px/1.3 Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #cbcbcb;
	margin-bottom: 30px;
}

#footer a {
    font:12px/1.3 Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #cbcbcb;
}

#bottombox {
	text-align: center;
	z-index: 1;
	width: 100%;
	overflow-x: auto;
	margin-bottom: 60px;
	position: relative;
	margin-top: -75px;
}

#infobox {
	width: 100%;
	max-width: 1000px;
	min-width: 600px;
	overflow: hidden;
	background: white;
	color: black;
	margin: auto;
}

#infobox #tube {
	padding: 10px 60px;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
}

#infobox #tube p {margin-top: 0; margin-bottom: 25px}

#infobox #tube h1 {
	font-size: 26px;
	text-align: center;
	border-bottom: 2px solid #1ebec8;
	line-height: 0;
	padding: 0;
	margin-top: 60px;
	margin-bottom: 30px;
}

#infobox #tube h1 span {
	padding: 0 48px;
	text-transform: uppercase;
	background: #fff;
}

#infobox #tube #viplist {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 40px;
	//height: 40px;
}

#infobox #tube #viplist #selected {
	float: left;
	overflow: hidden;
	width: 3%;
	min-width: 20px;
}

#infobox #tube #viplist #gametyp {
	float: left;
	overflow: hidden;
	width: 6%;
	min-width: 35px;
}

#infobox #tube #viplist #group {
	float: left;
	overflow: hidden;
	width: 6%;
	min-width: 30px;
}

#infobox #tube #viplist #playername {
	float: left;
	overflow: hidden;
	width: 30%;
	min-width: 170px;
}

#infobox #tube #viplist #status {
	float: left;
	overflow: hidden;
	width: 10%;
}

#infobox #tube #viplist #time {
	float: left;
	overflow: hidden;
	width: 10%;
	
}

#infobox #tube #viplist #admin {
	float: left;
	overflow: hidden;
	width: 15%;
}

#infobox #tube #viplist #comment {
	float: left;
	overflow: hidden;
	width: 20%;
}

#infobox #tube #viplist #left h2 {
	font-size: 26px;
	margin-bottom: 50px;
}

#infobox #tube #viplist #right {
	float: right;
	width: 30%;
	overflow: hidden;
	text-align: right;
}

#infobox #tube #viplist #right img {margin: auto; width:100%; height: auto;}

#infobox #tube #clearfix {
	clear: both;
	overflow: hidden;
	height: 0;
}

.st_active, .st_expired, .st_inactive, .st_adding, .st_deleting, .st_removing {
	width:  95px;
	display: inline-block;
	height: 23px;
	text-align: center;
	text-transform: uppercase;
	margin-right: 5px;
}

.st_active {background: #32c4cd;}
.st_expired {background: #b0c1c2;}
.st_inactive {background: #d5dfe0;}
.st_adding {background: #39e22c;}

.st_deleting, .st_removing {background: #fd433f;}

a.plink {
	font-weight: bold;
	color: #1e7277;
	text-decoration: none;
}

a.plink:hover {
	text-decoration: none;
	color: black;
}