/* ================ fonts ================ */
/*@font-face { font-family: Franklin Gothic Medium; src: url('http://web.archive.org/web/20170606222919im_/http://bans.megaboom.pro/themes/NextSkin/fonts/framd.ttf'); }*/
 
 /* ================ main ================ */
a, a:visited, a:hover, a:active { text-decoration: none; color: inherit;  }
body { margin: 0; padding: 0; color: black !important; 
 font-family: 'Play'; font-size: 12px; background: rgb(126, 126, 126) url(../../../themes/marcoserv/css/images/bg-light-4817.png) repeat; } /*../images/content-bg.jpg*/
#content { margin: 0 auto; }

.info, .success, .error, .validation {
border: 1px solid;
    margin: 0px 0px;
    padding: 5px 5px 5px 50px;
    width: 350px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../../../themes/marcoserv/css/success.png');
}

.warning {
    color: #f1f1f1;
    background-color: #af0505;
    background-image: url(../../../images/warning3.png);
    border: 1px solid;
    margin: 0px 0px;
    padding: 18px 5px 5px 50px;
    width: 95%;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../../../themes/marcoserv/css/info.png');
}

.info2 {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../../../images/info.png');

border: 1px solid;
    margin: 0px 0px;
    padding: 10px 10px 10px 50px;
    width: 90%;
    background-repeat: no-repeat;
    background-position: 10px center;
}

a:link {
  text-decoration: none;
  color : #858585;
  font-size: 12px; 
 font-family: 'Play';
}



a:active {
  color: #858585;
  
}

a:visited {
  text-decoration: none;
  color : #858585;
  font-size: 12px; 
 font-family: 'Play';
}

a:hover {
  color: #505050;
  font-size: 12px; 
 font-family: 'Play';
  
}

.inputbox {
	border: 1px solid #FFF;
	width: 105px; 
	font-size: 14px; 
	background-color: rgb(215, 215, 215);
	width: 200px;
	padding-left: 2px;
}

.dbg.b {
	font-size: 12px;
	font-weight: bold;
}
		
		
		
/* ================ Nav and Menu ================ */
	
	
	nav {
		width: 100%;
		padding: 0;
		background: #434343 url(../../../themes/marcoserv/images/header-bg.png) repeat-x;
		height:80px;
		overflow:hidden;
		box-shadow: 0px 5px 50px 10px #434343;
		}

	nav ul.menu {

		display: table;
			
		margin: 0 auto;
		padding: 0;
			list-style: none;

			border: 1px solid #000;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}

		nav ul.menu li {
			float: left;

			border-right: 1px solid #000;
			border-left: 1px solid rgba(255, 255, 255, 0.2);
			border-top: 1px solid rgba(255, 255, 255, 0.3);

			/* Gradient */
			background: #42484f; /* Old browsers */
			background: -moz-linear-gradient(top, #42484f 0%, #1a1c1f 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42484f), color-stop(100%,#1a1c1f)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #42484f 0%,#1a1c1f 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #42484f 0%,#1a1c1f 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #42484f 0%,#1a1c1f 100%); /* IE10+ */
			background: linear-gradient(to bottom, #42484f 0%,#1a1c1f 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42484f', endColorstr='#1a1c1f',GradientType=0 ); /* IE6-9 */
		}

		nav ul.menu li:hover {
			/* Gradient */
			background: #42484f; /* Old browsers */
			background: -moz-linear-gradient(top, #42484f 0%, #26292d 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42484f), color-stop(100%,#26292d)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #42484f 0%,#26292d 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #42484f 0%,#26292d 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #42484f 0%,#26292d 100%); /* IE10+ */
			background: linear-gradient(to bottom, #42484f 0%,#26292d 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42484f', endColorstr='#26292d',GradientType=0 ); /* IE6-9 */
		}

		nav ul.menu li:active {
			/* Gradient */
			background: #2a2f33; /* Old browsers */
			background: -moz-linear-gradient(top, #2a2f33 0%, #26292d 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2f33), color-stop(100%,#26292d)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #2a2f33 0%,#26292d 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #2a2f33 0%,#26292d 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #2a2f33 0%,#26292d 100%); /* IE10+ */
			background: linear-gradient(to bottom, #2a2f33 0%,#26292d 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2f33', endColorstr='#26292d',GradientType=0 ); /* IE6-9 */
		}

		nav ul.menu li:first-child {
			-webkit-border-top-left-radius: 2px;
			-webkit-border-bottom-left-radius: 2px;
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-bottomleft: 2px;
			border-top-left-radius: 2px;
			border-bottom-left-radius: 2px;

			border-left: none;
		}

		nav ul.menu li:last-child {
			-webkit-border-top-right-radius: 2px;
			-webkit-border-bottom-right-radius: 2px;
			-moz-border-radius-topright: 2px;
			-moz-border-radius-bottomright: 2px;
			border-top-right-radius: 2px;
			border-bottom-right-radius: 2px;

			border-right: none;
		}

		nav ul.menu li > a > span.content {
			display: table;
			padding: 10px 15px; 
		}

		nav ul.menu li > a > span.content > span.square {
			display: table;
			padding: 0 3px;
			margin-left: 10px;
			float: right;
			/*border: 1px solid rgba(1, 50, 72, 0.3);*/
			
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;			

			/* Gradient */
			background: #21c4e9; /* Old browsers */
			background: -moz-linear-gradient(top, #21c4e9 33%, #1292d7 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#21c4e9), color-stop(100%,#1292d7)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #21c4e9 33%,#1292d7 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #21c4e9 33%,#1292d7 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #21c4e9 33%,#1292d7 100%); /* IE10+ */
			background: linear-gradient(to bottom, #21c4e9 33%,#1292d7 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21c4e9', endColorstr='#1292d7',GradientType=0 ); /* IE6-9 */

			/* Box Shadow */
			-moz-box-shadow: inset 0 1px 0 0px #000, 0 1px 0 0 rgba(255, 255, 255, 0.2);
			-webkit-box-shadow: inset 0 1px 0 0px #000, 0 1px 0 0 rgba(255, 255, 255, 0.2);
			box-shadow: inset 0 1px 0 0px #000, 0 1px 0 0 rgba(255, 255, 255, 0.2);		
		}
/* ================ || page content || ================ */
		div.panel-content {
			margin: 0 auto;
			margin-top: 50px;
			width: 1100px;
			border: 1px solid #9f9f9f;
			
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}

		div.panel-content > header {
			color: #626262;
			text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
			padding: 15px 25px;

			border-bottom: 1px solid #9f9f9f;

			-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 0 rgba(255, 255, 255, 0.5);
			-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 0 rgba(255, 255, 255, 0.5);
			box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 0 rgba(255, 255, 255, 0.5);

			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;

			/* Gradient */
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
			background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
		}

		div.panel-content > header span.close {
			font-weight: bolder;
			float: right;
		}

		div.panel-content > header span.close:hover {
			font-weight: bolder;
			color: #000;
		}

		div.panel-content >div.content-wrapper {
			background-color: #fff;

			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomright: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
		}
		
		
/* ================ front ================ */

#front-introduction {
	padding: 5px;
	}

#front-servers {
	margin: 13px;
}
	
#front-servers hr {
	border: 1px solid #DDD;
	margin-bottom: 5px;
	}
	
.front-module {
	width: 450px;	
	margin: 13px;
}
.front-module-intro {
	margin: 13px;
	width: 98%;
}

.front-module-header {
	padding: 5px;
	border-bottom: 1px dotted #000;
	padding: 3px;
	margin-bottom: 3px;
	font-size: 12px;
	font-weight: 600;
	background-color: #eaeaea;
}
	
.fmsd {
	font-size: 10px;
	}
	
	
	
	#footer {
	width: 100%;
	clear:both;
	color:#CCC;
	background: #434343 url(../../../themes/marcoserv/images/footer-bg.jpg) repeat-x;
	width: 1100x;
    	font-size:9pt;
	text-align:center;
	text-shadow:0 1px 1px #000;
	height: 45px;
	position: fixed;
    	left: 0; bottom: 0;
	box-shadow: 0px 0px 55px 7px #434343;
}

/* ================ ÁÀÍËÈÑÒ ================ */
	
.tbl_hover {
	cursor: pointer; 
	background-color: #eaebeb;
}
.tbl_out {
	background-color: #fff;
}

table.listtable {
 /*font-family: verdana, tahoma, arial;*/
 font-family:arial;
 font-size: 10px;
 background-color: #fff;
 border: 1px #DDD solid;
 border-collapse:collapse
}

table.listtable2 {
 /*font-family: verdana, tahoma, arial;*/
 font-family:arial;
 font-size: 10px;
 color: #000000;
 border: #c5c5c5 solid;
 border-width : 1px 1px 1px 1px;
}

table.listtable3 {
 /*font-family: verdana, tahoma, arial;*/
 font-family:arial;
 font-size: 11px;
 color: #000000;
 border: #c5c5c5 solid;
 border-width : 0px 0px 0px 0px;
}

td.listtable_top {
 /*font-family: verdana, tahoma, arial;*/
 font-family:arial;
 font-size: 10px;
 background-color: #DFE3E9;
 border: #fff solid;
 border-width: 1px 1px 0px 0px;
 padding-top: 2px;
 padding-right: 4px;
 padding-bottom: 2px;
 padding-left: 4px;
 color: #fff;
 background-image: url(../../../themes/marcoserv/images/detail_head.gif);
}

a.listtable_top {
	color: #fff;
}

td.accept {
 font-size: 12px;
 border: #DDD solid;
 border-width: 0px 0px 1px 1px;
 padding-top: 2px;
 padding-right: 4px;
 padding-bottom: 2px;
 padding-left: 4px;
 background-color: #c1ffa1;
 box-shadow: 0px 0px 20px #c1ffa1;
 font-family: 'Play';
}

td.decline {
 font-size: 12px;
 border: #DDD solid;
 border-width: 0px 0px 1px 1px;
 padding-top: 2px;
 padding-right: 4px;
 padding-bottom: 2px;
 padding-left: 4px;
 background-color: #ffd6d6;
 box-shadow: 0px 0px 20px #c1ffa1;
 font-family: 'Play';
}

td.listtable_1 {
 font-size: 12px;
 border: #DDD solid;
 border-width: 0px 0px 1px 1px;
 padding-top: 2px;
 padding-right: 4px;
 padding-bottom: 2px;
 padding-left: 4px;
 font-family: 'Play';

}

td.listtable_client {
 font-size: 12px;
 border: #DDD solid;
 border-width: 0px 0px 1px 1px;
 padding-top: 2px;
 padding-right: 4px;
 padding-bottom: 2px;
 padding-left: 4px;
 background-color: #000;
 font-family: 'Play';

}

td.listtable_1_unbanned {
 font-size: 12px;
 border: #DDD solid;
 border-width: 0px 0px 1px 1px;
 padding-top: 2px;
 padding-right: 4px;
 padding-bottom: 2px;
 padding-left: 4px;
 background-color: #c1ffa1;
 box-shadow: 0px 0px 20px #c1ffa1;
 font-family: 'Play';
}

td.listtable_1_banned {
 font-size: 12px;
 border: #DDD solid;
 border-width: 0px 0px 1px 1px;
 padding-top: 2px;
 padding-right: 4px;
 padding-bottom: 2px;
 padding-left: 4px;
 background-color: #cc8899;
 box-shadow: 0px 0px 20px #cc8899;
 font-family: 'Play';
}

td.listtable_2 {
 /*font-family: verdana, tahoma, arial;*/
 font-family:arial;
 font-size: 10px;
 border: #DDD solid;
 border-width: 0px 0px 1px 1px;
 padding-top: 2px;
 padding-right: 4px;
 padding-bottom: 2px;
 padding-left: 4px;
 background-color: #efefef;
}

.ban-edit {
	padding: 5px;
	}
	
.ban-edit ul {
  margin: 0;
  padding: 0 10px;
  list-style: none;
}

.ban-edit ul li {
  text-align: left;
}

.ban-edit li a {
	display: block;
	height: 20px;
	text-decoration : none;
	border-bottom: 1px solid #DDD;
	padding: 2px 5px 1px 5px;
}

.ban-edit ul li a:hover {
	color : #333; 
	background-color: #f1e8e6;  
	border: 1px solid #c24733;
	padding: 3px 4px 0px 6px; 
}

.ban-edit ul li.active {
}

#banlisttitle {
	width: 50%;
	float: left;
}
	
#banlist-nav {
	width: 60%;
	float: right;
	text-align: right;
}
	
#banlist {
	width: 100%;
	//float:left;
	padding-top: 10px;
	margin-top: 2px;
}
	
/* ================ || dialog windows || ============== */
.dialog-holder{
	border-collapse:collapse;
	margin:auto;
	table-layout:fixed;
	width:465px;
}

td.dialog-topleft{
	background-image:url(../../../themes/marcoserv/images/dialog/dialog_topleft.png) !important;
}
td.dialog-border{
	background-image:url(../../../themes/marcoserv/images/dialog/dialog_border.png) !important;
}
td.dialog-topright{
	background-image:url(../../../themes/marcoserv/images/dialog/dialog_topright.png) !important;
}
td.dialog-bottomright{
	background-image:url(../../../themes/marcoserv/images/dialog/dialog_bottomright.png) !important;
}
td.dialog-bottomleft{
	background-image:url(../../../themes/marcoserv/images/dialog/dialog_bottomleft.png) !important;
}

td.dialog-topleft, td.dialog-topright, td.dialog-bottomright, td.dialog-bottomleft {
	height:10px;
	overflow:hidden;
	padding:0px !important;
	width:10px !important;
}

h2{
	color:white;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	display:block;
	padding:4px 10px 5px;
}

h2.error{
	background:#b46d6d none repeat scroll 0%;
	border:1px solid #983b3b;
}

h2.info{
	background:#6d8bb4 none repeat scroll 0%;
	border:1px solid #3b6298;
}

h2.warning{
	background:#b4ae6d none repeat scroll 0%;
	border:1px solid #887a2c;
}

h2.ok{
	background:#75b46d none repeat scroll 0%;
	border:1px solid #46983b;
}


.icon-ok{
	background-image:url(../../../themes/marcoserv/images/ok.png);
	float:left;
	height:48px;
	overflow:hidden;
	padding:0px !important;
	width:48px !important;
}
.icon-error{
	background-image:url(../../../themes/marcoserv/images/warning.png);
	float:left;
	height:48px;
	overflow:hidden;
	padding:0px !important;
	width:48px !important;
}
.icon-warning{
	background-image:url(../../../themes/marcoserv/images/warning.png);
	float:left;
	height:48px;
	overflow:hidden;
	padding:0px !important;
	width:48px !important;
}
.icon-info{
	background-image:url(../../../themes/marcoserv/images/info.gif);
	float:left;
	height:48px;
	overflow:hidden;
	padding:0px !important;
	width:48px !important;
}


.dialog-content{
	background:#FFFFFF none repeat scroll 0%;
	border-color:#555555;
	border-style:solid;
	border-width:0px 0px 1px 0px;
}
div.dialog-body{
	border-bottom:1px solid #CCCCCC;
	padding:10px;
}
div.dialog-control{
	background:#F2F2F2 none repeat scroll 0%;
	padding:8px;
	text-align:right;
	vertical-align:bottom
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/*  ================ || leftside adminmenu || ============== */

/* Admin Page Menu */

#admin-page-menu {
	width: 20%;
	float: left;
	padding: 5px;
	}
	
#admin-page-menu ul {
  margin: 0;
  padding: 0 10px;
  list-style: none;
}

#admin-page-menu ul li {
  text-align: left;
border-bottom: 1px solid #DDD;
}

#admin-page-menu ul .active
{
	color : #333; 
	background-color: #f1e8e6;
	font-weight: bold;
	background-image: url(../../../themes/marcoserv/images/admin/rightarrow.png);
	background-position: center right;
	background-repeat: no-repeat;
}

#admin-page-menu ul li a {
	display: block;
	height: 20px;
	text-decoration : none;
	/*border-bottom: 1px solid #DDD;*/
	border-left: 5px solid #DDD;
	padding: 2px 5px 1px 5px;
}

#admin-page-menu ul li a .tab-img {
	vertical-align:baseline;
	border:none;
}

#admin-page-menu ul li a:hover {
	color : #333; 
	background-color: #f1e8e6;  
	/*border: 1px solid #c24733;*/
	border-left: 5px solid #c24733;

	background-position: center right;
	background-repeat: no-repeat;
	padding: 2px 5px 1px 5px;
}

#admin-page-menu ul li.active a:hover  {
	color : #333; 
	background-color: #F1C1B6;  
	border: 0px solid #c24733;
	/*border-left: 5px solid #c24733;*/
	background-image: url(../../../themes/marcoserv/images/admin/rightarrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	/*padding: 2px 0px 1px 0px;*/
}
#admin-page-menu ul li.active {
	background-color: ##FFCACA;  
	border: 1px solid red;
	border-left: 5px solid red;
}


/*  ================ || admin navmenu || ============== */


#nav {
	color: #FFF;
	margin-top: 3px;
	float: center;
	width: 580px;
	font-weight: 600;
	font-size: 10px;
	}

a.nav_link:link,
a.nav_link:visited {
	color: #FFF;
	text-decoration: none;
	padding: 0 5px;
	}

a.nav_link:hover {
	}

#nav a:hover, #nav a.first:hover {
	color : #eee; 
	background-color: #333;  
	border: 1px solid #FFFFFF;
	text-decoration: none;
}
#nav a {
	color : #eee; 
	border-left: 1px solid #bbb;
}
#nav a.first {
    border-left: 0px none;
}

#nav a.active {
    text-decoration: underline;
}

#search {
	
	float: right;
	padding: 2px 0 0 0;
	text-align: right;
	}

.button {
	background-image: url(../../../themes/marcoserv/images/searchbutton.jpg);
	border: 0;
	width: 18px;
	height: 18px;
	}

}

h4 {
	margin:0px;
}

h3 {
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	font-size: 13px;
	padding:5px;
	font-weight: bold;
	background-color: #eaeaea;
	border: 1px solid #dddddd;
	border-left: 5px solid #dddddd;
}

/* CPanel */
#cpanel {
	//width: 100%;
	height: 120px;
	float: left;
	padding-left: 65px;
	}

#cpanel ul {
  //margin: 0;
  //padding: 10px;
  list-style: none;
}

#cpanel ul li {
  margin-right: 2px;
  float: left;
  text-align: center;
}

#cpanel ul li a {
	display: block;
	height: 97px !important;
	height: 100px; 
	width: 108px !important;
	width: 110px; 
	vertical-align: middle; 
	text-decoration : none;
	border: 1px solid #928F8F;
	padding: 2px 5px 1px 5px;
	margin-right: 20px;
	border-radius: 10px;
	background-color: #cfcfcf;
}

#cpanel ul li a:hover {
	color : #333; 
	background-color: #efefef;  
	border: 1px solid #c24733;
	//padding: 3px 4px 0px 6px; 
}

#cpanel ul li.active {
}

#cpanel ul li img {
	margin-top: 13px;
	}
#admin-page-content {
padding-left: 220px;
}

/* ============== BUTTONS ============= */

/* input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
border-top-color: white;
border-bottom-color: #E5E5E5;
border-left-color: #E7E7E7;
border-right-color: #E7E7E7;
color: #444;
text-shadow: 0 1px 0 white;
background: url(http://web.archive.org/web/20170606222919im_/http://vk.com/images/button_vk.png) #DDD repeat-x top;
background-position: 0px -54px;

button:hover, button.hover {
background-position: 0px -46px;
}


input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
border: 1px solid;
background: none;
font-size: 11px;
margin: 0px;
cursor: pointer;
white-space: nowrap;
outline: none;
padding: 4px 14px;
font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
vertical-align: top;
overflow: visible;
}*/




input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button {
   font-weight:bold;
	width: 150px;
    height: 25px;
   background-color:#eaeaea;
   border:1px solid;
   border-top-color:#d5d4d4;
   border-left-color:#d5d4d4;
   border-right-color:#c8c8c8;
   border-bottom-color:#c8c8c8;
   background-repeat: no-repeat;
   background-position: 2px 50%;
   margin: 0 0.5em;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="file"]::-webkit-file-upload-button:hover {text-decoration:none;   
background: transparent url('http://web.archive.org/web/20170606222919im_/http://vk.com/images/button_vk.png');   
background-position: 0px -46px;
border: 1px solid #999; 
color: #444;   
text-decoration:none;   
cursor:pointer;   
text-align:center;}

/*http://s56.radikal.ru/i154/1102/5f/7d71aea8d7c7.gif*/

/** ================ Theme Page CSS ================ **/
#current-theme-holder {
	border: 1px solid #DDD;
	width: 98%;
	height: 220px;
	background: #efefef;
	padding: 5px;
}

.largetitle {
	font-size: 18px;
	border-bottom: 1px dotted #cdcdcd;
	line-height: 20px;
	margin-top: 0px;
}
#current-theme-holder b {
	font-size: 16px;
	border-bottom: 1px dotted #cdcdcd;
}

#current-theme-screenshot {
	width: 250px;
	float: left;
	border: 3px solid #ccc;
	clear: none;
	margin-top: -5px;
}

#current-theme-details {
	width: 370px;
	float: right;
	clear: none;
	margin-top: -5px;
}


#theme-list ul {
  margin: 2px;
  padding: 0 10px;
  list-style: none;
}

#theme-list ul li {
  text-align: left;
  margin: 3px;
}

#theme-list ul .active
{
	color : #333; 
	background-color: #f1e8e6;
	font-weight: bold;
	background-image: url(../../../themes/marcoserv/images/admin/rightarrow.png);
	background-position: center right;
	background-repeat: no-repeat;
}

#theme-list ul li a {
	display: block;
	height: 20px;
	text-decoration : none;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	border-left: 5px solid #DDD;
	padding: 2px 5px 1px 5px;
}

#theme-list ul li a .tab-img {
	vertical-align:baseline;
	border:none;
}

#theme-list ul li a:hover {
	color : #333; 
	background-color: #f1e8e6;  
	border: 1px solid #c24733;
	border-left: 5px solid #c24733;
	
	background-position: center right;
	background-repeat: no-repeat;
	padding: 2px 5px 1px 5px;
}

#theme-list ul li.active a:hover  {
	color : #333; 
	background-color: #f1e8e6;  
	border: 1px solid #c24733;
	border-left: 5px solid #c24733;
	background-image: url(../../../themes/marcoserv/images/admin/rightarrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding: 2px 5px 1px 5px;
}

/** ======= Context Menu Styles ======= **/

div.contextmenu {
	position: absolute;
	top: 0;
	left: 0;
	font-family: verdana;
	background-color: #eaeaea;
	border: 1px solid #dddddd;
	border-left: 5px solid #dddddd;
}
div.contextmenu a {
	display: block;
	text-decoration: none;
	cursor: default;
	outline: none;
	font-size: 11px;
}
div.contextmenu .separator {
	height: 1px;
	padding: 0;
	overflow: hidden;
}

.contextmenu {
	width: 12em;
	/*background: #F4F5EB;*/
	border-top: 1px solid #ddd;
	/*border-left: 1px solid #ddd;*/
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 2px 0;
}
.contextmenu a {
	color: #555;
	padding: 4px 15px;
	margin: 0 2px;
}
.contextmenu a:hover {
	background-color: #F4F5EB;
}
.contextmenu a.disabled {
	color: #bbb;
}
.contextmenu a.disabled:hover {
	background: #F4F5EB;
	color: #bbb;
}
.contextmenu .separator {
	border-bottom: 1px solid #fff;
	background: #999;
	margin: 4px 4px;
}
.contextmenu .head {
 font-size: 12px;
 background-color: #DFE3E9;
 padding-top: 4px;
 padding-right: 5px;
 padding-bottom: 3px;
 padding-left: 5px;
 color: #fff;
 background-image: url(../../../themes/marcoserv/images/detail_head.gif);
}

/** ================ ToolTips ================ **/
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
	text-align:left;
}
 
.tool-title {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	color: #05A100;
	/*text-decoration:underline;*/
	border-bottom: #05A100 dotted 1px;
	padding: 8px 8px 4px;
	background: url(../../../themes/marcoserv/images/tooltip.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../../../themes/marcoserv/images/tooltip.png) bottom right;
}
.perm-tip {
	color: #fff;
	width: 210px;
	z-index: 13000;
	text-align:left;
}
 
.perm-title {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	color: #05A100;
	/*text-decoration:underline;*/
	border-bottom: #05A100 dotted 1px;
	padding: 8px 8px 4px;
	background: url(../../../themes/marcoserv/images/tooltip_sqr.png) top left;
}
 
#msg-red {
	background-color:#fefad3;
	border:#E80909 1px solid;
	color:#E80909;
	width: 500px;
	padding: 8px;
	height: 75px;
	overflow:hidden;
}

#msg-red-debug {
	background-color:#fcf7c9;
	border:#E80909 1px dotted;
	color:#E80909;
	width: 75%;
	padding: 8px;
	margin: 10px auto;
	overflow:hidden;
}#msg-blue-debug {
	background-color:#fcf7c9;
	border:#0066FF 1px dotted;
	color:#0066FF;
	width: 75%;
	padding: 8px;
	margin: 10px auto;
	overflow:hidden;
}

#msg-red b, #msg-green b, #msg-blue b, #msg-red-debug b,#msg-blue-debug b, #msg-green-debug b {
	font-size: 16px;
}
#msg-red i, #msg-blue i, #msg-green i, #msg-red-debug i, #msg-blue-debug i, #msg-green-dbg i {
	float:left;
	margin-right: 7px;
}
#msg-green {
	background-color:#fcf7c9;
	border:#339933 1px solid;
	color:#339933;
	width: 500px;
	padding: 8px;
	height: 75px;
	overflow:hidden;
}

#msg-green-dbg {
	background-color:#fcf7c9;
	border:#339933 1px dotted;
	color:#339933;
	width: 75%;
	padding: 8px;
	margin: 10px auto;
	overflow:hidden;
}

#msg-blue {
	background-color:#fcf7c9;
	border:#0066FF 1px solid;
	color:#0066FF;
	width: 500px;
	padding: 8px;
	height: 75px;
	overflow:hidden;
}
#log_res {
	overflow: auto;
}

.perm-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../../../themes/marcoserv/images/tooltip_sqr.png) bottom right;
}

.submit-fields {
	border: 1px solid #5F9EA0;
	background-color: #fff;
	width: 200px;
	font-size: 13px;
	font-family: Times New Roman;
	outline: 0;
	line-height: 20px;
	background: none;
	color: #000;
}

.submit-fields:hover {
	border: 1px solid #c24733;
}

.submit-fields:focus {
	border: 1px solid #c24733;
	background-color: #f1e8e6;
}



.subpay {
border: 1px solid #888888;
border-radius: 3px;
margin: 3px;
padding: 5px;
font-size: 14px;
box-shadow: 0 1px 3px #D4D4D4 inset;
}

#period {
  font-size: 14px; 
 font-family: 'Play';
}

/*
playback timings (ms):
  captures_list: 65.516
  exclusion.robots: 0.096
  exclusion.robots.policy: 0.088
  cdx.remote: 0.072
  esindex: 0.029
  LoadShardBlock: 33.479 (3)
  PetaboxLoader3.datanode: 39.583 (4)
  CDXLines.iter: 20.945 (3)
  load_resource: 337.678
  PetaboxLoader3.resolve: 24.181
*/