                /*
				~~~~~~~~~~~~~~
 THIS IS SKIN CREATED BY AZUU [otland: topa2] 
                GOOD LUCK GUY ;				
				~~~~~~~~~~~~~~
	            _____
                   |  I  |
                   |--i--|
               ____|     |____
              |              |
              |______________|		*/	  
.newtitle { 	
color: #6caece;
font-weight: bold;
font-size: 250%;
}		
@font-face {
  font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
}
.menu-top{
background: #b0bdcd;
border: 1px solid #B0BDCD;
border-radius: 3px;
height: 14px;
line-height: 14px;
padding: 3px;
margin-top: 3px;
margin-left: auto;
margin-right: auto;
margin-left: 2px;
font-weight:bold;
width: 205px;
margin-bottom: -11px;
text-shadow: 0px 1px 0px #C8C7C7;
}
#error{
position: absolute;
top: 0px;
left: 0px;
border-bottom: 3px solid #000;
background-color: #FFFFE1;
color: #000;
font-weight: bold;
background-image: url('skins/modern-site/warning.png');
}
html {
margin: 0;
padding: 0;
}
body {
background: url('skins/modern-dark/bg.jpg') no-repeat fixed center center / cover #CCC;
font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif;
font-size: 13px;
color: #333;
margin: 0;
padding: 0;
}
#container {
background:white;
--background: #99CCCC;
background: linear-gradient(to bottom, #8B98AB 0%, #D1D1D1 2%, #97A7B5 4%, #94A3B1 50%, #7B8EA2 100%) repeat scroll 0% 0% transparent;
border-radius: 4px;
margin: auto;
margin-top: 5px;
width: 900px;
min-height: 200px;
padding: 5px;
}
#container2 {
min-height: 1300px;
}

#header {
border-radius: 4px;
width: 900px;
height: 220px;
background: url(skins/modern-site/header.png) no-repeat;
margin-bottom: 10px;
}
#server_name {
display: none;
}
#panel {
width: 218px;
position: absolute;
border: 1px solid #7E7D7D;
border-radius:3px;
}
#content{
width: 675px;
margin-left: 223px;
border: 1px solid #7E7D7D;
min-height: 1300px;
border-radius:3px;

background-color:#000;
}
#navigation{
background-color:#000;
}
#container2{
background-color:#000;
}
.top {
height: 30px;
line-height: 30px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
font-family: "Arial";
text-shadow: 0px 1px 0px #C8C7C7;
font-weight: 900;
text-align: center;
background: linear-gradient(0deg, rgba(0,0,0,1) 5%, rgba(113,65,65,1) 72%);
--background: url('skins/modern-dark/SmallTop.png') no-repeat;
}
#panel .top {
width: 218px;
}
.mid {
padding: 3px;
color: white;
}
#server_state {
text-align: center;
font-weight: bold;
}
.online {
color: green;
font-size: 20px;
}
.offline {
color: red;
font-size: 20px;
}
a {
color: white;
text-decoration:none;
}
a:hover {
color:#CC0000;
}
#menu_head, #footer {
border-radius: 3px;
background-color: #BECADA;
border: 1px solid #B0BDCD;
text-align:center;
}
#menu_head {
margin-bottom: 10px;
}
#panel li {
list-style:none;
background: url(skins/modern-site/kropka.png) left no-repeat;
padding-left: 12px;
font-size: 14px;
margin-bottom: 2px;
margin-left: -30px;
}
	#panel .Shop a{
		font-size: 15px;
		color:red;
		font-family:'Roboto';
	}
span {
}
/* LIST-ITEM [domyslne] */
.task-menu{
	cursor: pointer;
}
.task-menu li{
	list-style-type: none;
	height: 16px;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
}
.task-menu li:hover {
font-weight: bold;
}
/* USTAWIENIA IOBOX */
#form #iobox{
	position: fixed;
	/*IE position: absolute;*/
	background-color: #fff;
	border: 1px solid #000;
	margin-top:-4px;
}
tbody legend{
	color:#000;
}
#form label{
	color:#000;
}
#form #iobox fieldset {
	cursor: default;
}
/* TABELKI */
td{
color:white;
}
.color0, .color1, .color2 {
text-align: center;
}
.color0 {
background: #424242;
color:white;
}
.color1, .color2 {
background: #616161;
color:white;
}
tr.color1>td,tr.color2>td,tr.color0>td {
border: 1px solid #7E7D7D;
height: 16px;
}
/* INPUT ;d */
input[type=text], input[type=password]
{
    background-color: #616161;
    border:solid 1px #92b9cd;
    padding-left:10px;
    box-shadow: 2px 2px 0 #828181 inset;
    color:white;
}
input[type=button], input[type=submit]
{
    background-color: #616161;
    color: #eeee;
    box-shadow:-1px 2px #212121 inset;
}

input[type=button], input[type=text], input[type=submit], input[type=password]
{
    border: 0;
    border-radius:5px;
}
/* MAŁE FIXY - li itd */
.mid>li {
margin-left: 10px;
}
/* ADVERSITING */
.adv {
font-size: 0px;
background: red;
width: 20px;
height: 20px;
border: 1px solid black;
margin:auto;
}
.adv>img{
display: none;
}
.adv:hover {
margin: auto; border: 1px solid black; background: linear-gradient(to bottom, #8B98AB 0%, #D1D1D1 2%, #97A7B5 4%, #94A3B1 50%, #7B8EA2 100%) repeat scroll 0% 0% transparent;
width: auto;
height: auto;
font-size: 11px;
}
.adv:hover>img {
display: block;
}