html, body, .container {
    height: 100%;
	min-height:100%;
	background-color:#999;
}
::-webkit-scrollbar{
    width:8px;
    background-color: #ccc;
	padding-left:5px;
}
::-webkit-scrollbar-thumb{
    background-color: #777;
    /*border-radius: 4px;*/
}

table{
	width:100%;
	border-collapse: collapse;
	border: 2px solid #999;
	margin:0px;
	padding:0px;
}
th{
    background-color: #666;
	color: white;
}
th, td {
	padding: 5px;
	border: 1px solid #666;
}
th:nth-child(5) {
  width: 50%;
}
td:nth-child(2) {
  width: 10%;
  text-align:center;
}
td:nth-child(3) {
  width: 15%;
  text-align:center;
}
td:nth-child(4) {
  width: 15%;
  text-align:center;
}

a { color:#e0e0e0; text-decoration: none; }
a:visited { color:#fff; text-decoration: none; } 
a:active { text-decoration: none; }

.trackBtn
{
	display: inline-block;
	white-space: nowrap;
	width: 40%;
	text-align: center;
	background: #bbb;
    height: 20px;
    cursor: pointer;
	padding: 0px 10px 0px 10px;
	margin:0px;
}

pre{
	padding:0px;
	margin:0px;
}
.ta, .ta:visited { 
	color: #000;
	font-weight: bold; 
	} 
.tt:hover { text-decoration: underline; } 

.bt, .bt:visited, .bt:active, .bt:hover
{
	padding: 6px 10px 2px 10px;
	cursor: pointer;
	color: #000;
}
#butp
{
	position:absolute;
	left:0px;
	top:0px;
	border-radius: 0px 0px 14px 0px;
	background: #d9d9d9;
	padding: 4px 6px 4px 0px;
	
	cursor: default;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.tab
{
	display: none;
	padding-left:5px;
}
#tab1
{
	display: block;
}
#tab2, #tab3
{
	margin:5px;
}
.row2
{
	padding:5px 5px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
#metr
{
	float:right;
}
#frame 
{
	z-index: 0;
	position: relative;
	border: 0px;
	width:100%;
	height:100%;
}
#cpanel 
{
	position: absolute;
	margin:10px;
		
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}
.control
{
	text-shadow: black 1px 1px 0px, black -1px -1px 0px, 
                 black -1px 1px 0px, black 1px -1px 0px;
	color:white;
	white-space: nowrap;
}
#logopanel
{
	height:30px;
	width:130px;
	
	position: absolute;
	
	right:10px;
	bottom:10px;
	
	z-index: 1;
	opacity:0.15;
	/*-webkit-filter: grayscale(100%);*/
	
	background:url('http://lfsp.pereulok.net.ru/img/pereulok.png');
	background-size: cover;
}

#infopanel
{
	float:right;
	position: absolute;
	right:10px;
	z-index: 1;
	
	text-shadow: black 1px 1px 0px, 
                 black 1px -1px 0px;
	color:white;
	/*font-family: arial;
	font-size: 16px;*/
	padding:10px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}
.header
{
	border-bottom:4px solid #989898; 
	height:44px; 
	padding: 3px 0px 0px 5px;
	background: url('/css/bp.gif') #fff;
}
.sidebar
{
	position:absolute;
	top:51px;
	bottom:0px;
	overflow: auto;
	width:15em;
	background: #e7e8e7;
}
.select
{
	text-decoration: none;
	padding:3px;
	border-bottom:2px solid #bbb;
	color:#3f3f3f;
}
.select:hover
{
	text-decoration: none;
	background:#777;
	border-bottom:2px solid #000;
	color:#000;
}
.selected2
{
	background:#333;
	color:#aaa;
}
.selected2:hover
{
	text-decoration: none;
	background:#333;
	color:#aaa;
}
.content
{
	position:absolute;
	top:51px;
	bottom:0px;
	overflow: hidden;
	width:calc(100% - 15em);
	left:15em;
	background-color:#31362d;
}
.cmd
{
	font-family:monospace;
	outline:none;
    border: 0px solid;
	color: #00aa00;
	font-weight: bold; 
	font-size: 14px;
	cursor: pointer;
	display: none;
	height: 15px;
	background: transparent;
}
.cmdhelp
{
	display: none;
	color: #999;
}
.name, .name:visited
{
	font-style: italic;
	text-decoration: none;
	color: #000;
	font-weight: bold; 
	font-size: 17px;
	text-decoration: none;
}
.name:hover
{
	text-decoration: none;
	color: #91e7f5;
	text-shadow: 1px 1px 3px black, -1px -1px 1px black,
				 -1px 1px 3px black, 1px -1px 1px black;
}
#layname
{
	font-weight: bold;
	display: none;
}

.listlink
{
	text-decoration: none;
}
.lnum
{
	color:#aaa;
}
#blocker
{
	background-color:#31362d;
	color:#929721;
	position:absolute;
	z-index: 1;
	height:100%;
	font-weight: bold;
	font-style: italic;
	font-size: 30px;
	text-align: center;
	display:block;
}
.child {
    display:inline-block;
    vertical-align:middle;
}
.helper {
    display:inline-block;
    vertical-align:middle;
    height:100%;
    width:0px;
}
.newd
{
	float:right;
	margin:-3px 0px;
}

.nw1
{
	background:url('../n.png');
	height:31px;
	width:19px;
	text-align:center;
	padding-top:8px;
	cursor:help;
}
.nw2
{
	background:url('../n2.png');
	color:#444;
}