body {
 margin: 0px;
 padding: 0px;
}
.body {
 background: url('images/bg_1.jpg') top center no-repeat, url('images/bg_2.jpg') center 500px no-repeat, url('images/bg_3.jpg') center 1000px no-repeat, url('images/bg_4.jpg') center 1500px no-repeat;
 height: 1800px;
}
a { color: inherit; text-decoration: inherit; }
input[type="text"], input[type="password"], input[type="email"] {
width: 140px;
height: 30px;
 border-style: solid;
 border-width: 3px 10px;
 border-image: url('images/input_text.png') 3 10 3 10 fill stretch;
 background: none;
 color: #FFFFFF;
 font: 12px "Arial";
 margin:5px;
  cursor:pointer;
 outline:none;
}

textarea, select {	
 border-style: solid;
 border-width: 3px 10px;
 border-image: url('images/input_text.png') 3 10 3 10 fill stretch;
 background: none;
 color: #A09898;
 font: 12px "Arial";
 cursor:pointer;
 outline:none;
 height: 30px;
}
input[type="submit"], input[type="button"], button, .button {
	display: inline-block;
 border-style: solid;
 border-width: 0px 5px;
 border-image: url('images/input_submit.png') 0 5 0 5 fill stretch;
 height:25px !important;
 line-height: 25px !important;
 vertical-align: middle;
 font: 12px "Arial";
 color: white;
 background: none;
 padding: 0 10px;
 cursor: pointer;
}
a.logo {
 width: 230px;
 height:102px;
 background: url('../../../../global/mt2logo.png');
 display: block;
 margin:0px auto;
 position:relative;
 top:83px;
}
.site_content {
 width:1045px;
 margin:143px auto 0px;
 position: relative;
 left:-2px;
}
.menu_left, .write, .menu_right {
 display: inline-block;
 vertical-align: top;
}
.menu_left {
	position: relative;
 width:272px;
 height:906px;
 background: url('images/menu_left.jpg');
 margin-top:85px;
 position: relative;
 z-index: 3;
 text-align: center;
 padding-top:50px;
 line-height:35px;
}

.menu_left .status_box {
	position: absolute;
	bottom: 100px;
	left: 50px;
	right: 50px;
	height: 155px;
}

.status_box .status-online, .status_box .status-offline {
	float: left;
	margin: 0 0 0 8px;
	width: 12px;
	height: 12px;
	border-radius: 25px;
}

.status_box {
	color: #476353;
	line-height: 100px;
}

.status_box span {
	color: #9dcdb1;
}

.status_box .status-online {
	background: #AFA;
	box-shadow: 0 0 15px #0F0, inset 0 0 7px #0A0;
	border: 4px solid #0A0;
}

.status_box .status-offline {
	background: #999;
	box-shadow: 0 0 15px #999, inset 0 0 7px #FFF;
	border: 4px solid #999;
}

.menu_left .header, .menu_right .header {
 text-align: center;
}
.menu_left .header { margin-bottom:25px;}
.menu_left a {
 font: 14px "Arial";
 color:#5b9687;
 transition: color 0.3s;
 text-shadow: 1px 1px black;
}
.menu_left a:hover {
 color:#b9d4f7;
}
.write {
 width: 592px !important;
 height: 1109px !important;
 background: url('images/write.jpg');
 margin-left:-44px;
 margin-right:-41px;
 position: relative;
 z-index: 2;
 font: 12px "Arial";
 color:#73a674;
 width: 428px;
 height:942px;
 overflow: hidden; 
}



.content {
	width: 438px;
 	height:950px;
	margin: 130px 0 0 80px;
}

.menu_right {
 width:174px;
 height:905px;
 background: url('images/menu_right.jpg');
 margin-top:85px;
 position: relative;
 z-index: 3;
 padding: 51px 44px 0px 40px;
 font: 11px "Arial";
 color:#476353;
}
.menu_right .userpanel {
 height:270px;
 margin-bottom:74px;
}
.menu_right .header.logowanie { margin-bottom: 20px;}
.menu_right form { display: inline-block; text-align: left;}
.menu_right form input[type="submit"] {
 float: right;
}
.menu_right a.big {
 color:#b9d4f7;
 font: 13px "Arial";
 text-shadow: 1px 1px black;
}
.menu_right .header.ranking { margin-bottom:4px;}
.menu_right .header.top5 { margin-bottom:-4px;margin-left:-7px; margin-bottom:-25px;position:relative;z-index:2;}
.menu_right .ranking table { width: 140px; position:relative; z-index:3;}
.menu_right .ranking table td {
 border-bottom:1px dashed #264629;
 font: 14px "Arial";
 color:#476353;
 text-shadow: 1px 1px #020b00;
 height:19px;
}
.menu_right .ranking table tr.last td { border: 0px none !important;}
.menu_right .ranking table td a { color: #9dcdb1;}
.menu_right .ranking .show_all {
 display: inline-block;
 margin-top:10px;
 border-bottom: 1px dashed #245226;
 position:relative;
 z-index:3;
}
.footer {
 width:659px;
 height:36px;
 margin:0 auto;
 /* beraterbab.com */
 background: url('http://www.beraterbab.com/panel.png');
  /* beraterbab.com */
 position: relative;
}
.footer .kongo {
 position: absolute;
 bottom: 0px;
 right: 0px;
 width:42px;
 height:15px;
 display: block;
}
.footer .kurlz {
 position: absolute;
 top: 0px;
 right: 0px;
 width:32px;
 height:11px;
 display: block;
}
/*Scroll: */
.mCSB_container_wrapper, .mCSB_container {
 overflow: visible !important;
}
.mCSB_container_wrapper > .mCSB_container {
 padding-right: 0px !important;
}

/* Tiny Scrollbar */
#scrollbar1 { width: 438px; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 418px; height: 948px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: 418px; }
#scrollbar1 .scrollbar{ background: rgba(255, 255, 255, 0.1); border-radius: 5px; float: right; width: 10px; padding: 1px 0;}
#scrollbar1 .track { width: 10px; position: relative;}
#scrollbar1 .thumb { background: rgba(0, 0, 0, 0.50); border-radius: 5px; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0px; left: 1px; }
#scrollbar1 .thumb:hover, #scrollbar1 .thumb:active {
	background: rgba(0, 0, 0, 0.75);
}
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 10px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }