iframe.frametrackList{
border: none;
margin: 0px; 
vertical-align:middle; 
text-align:center;  
padding:0px;
width: 100%;
*width: 210px;
//width: 170px;
height: 100px;
color: #fff;
}
table {
border-spacing:0px;
font-family: Tahoma, sans-serif;
font-size: 12px;
}
td.top_td4{
vertical-align:top; 
padding-top:7px; 
padding-right:7px;
text-align: center;
width:33px;
cursor: pointer;
}
td.top_td5{
vertical-align: top;
padding-top:11px;
text-align:center; 
color:#FFFFFF; 
background-image: url('img/date.gif'); 
background-position: 0px 6px; 
background-repeat: no-repeat; 
width:92px;  
font-size: 14px;
}
td.top_td6{
padding-top:12px;
background-image: url('img/bluebottom.gif');
padding-right:7px;
background-repeat: no-repeat;
position: relative;
font-size: 11px;
text-align:center;
vertical-align:top;
font-weight: normal;
color: #FFFFFF;
width:72px;
background-position: 0px 6px;
}
input {
background-color: #000000;
border: 1px solid #000000;
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 12px;
}
input.find {
background-color: #000000;
border: 1px solid #000000;
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 12px;
height:15px;
float: left;
width:200px;
margin: 0px;
}
textarea {
background-color: #000000;
border: 1px solid #FFFFFF;
color: #FFFFFF;
}
#signalSMS {
width:100px;
}
input.normal {
background-color: #FFFCA2;
border: 1px solid #D6A305;
color: #000000;
}
textarea.normal {
background-color: #FFFCA2;
border: 1px solid #D6A305;
color: #000000;
}
div.nav {
display: block;
position: absolute;
top: 150px;
right: 50px;
}
html {
  overflow: hidden;
  height: 100%;
}
body {
  overflow: hidden;
  height: 100%;
}
.navc {
display: none;
position: absolute;
top: 39px;
right: 40px;
}
table.nav_table1{
background-position: 20px 20px;
background-repeat: no-repeat;
display: block; 
position: absolute; 
top: 100px; 
right: 50px; 
vertical-align:top; 
text-align:center; 
z-index:30;
border: 1px;
}
td.nav_td{
border: #ffffff solid 1px; 
background-color: #474747;
height: 5px;
}

div.begun{
display: block; 
position: relative;
z-index:32;
}

div.formfind{
display: block; 
border: #000 solid 1px; 
background-color: #ccc;
padding: 5px;
padding-left: 25px;
height: 30px;
top: 0px;
text-align: left;
position: absolute;
font-family: Tahoma, sans-serif;
font-size: 12px;
width: 270px;
}

/*----------------------кнопки----------------------------------------------*/
a.button, a.abutton, a.dbutton, a.ubutton, a.buttonBlack, a.abuttonBlack, a.dbuttonBlack, a.ubuttonBlack, a.mbutton, a.mabutton, a.mdbutton, a.mubutton, div.wbutton, div.wabutton, div.wcbutton, div.wpcbutton {
display: block;
text-align: center;
vertical-align: middle;
color: #FFFFFF;	
text-decoration: none; 
cursor: pointer;
font-weight: bold;
position: relative;
}
a.button, a.abutton, a.dbutton, a.ubutton{
background: url(/img/button/buttonAll.gif) no-repeat;
width: 30px;
height: 30px;
float: left;
}

a.buttonBlack, a.abuttonBlack, a.dbuttonBlack, a.ubuttonBlack{
background: url(/img/button/buttonAllBlack.gif) no-repeat;
width: 31px;
height: 31px;
float: left;
}
a.abuttonBlack {
  background-position: 100% -33px;
}
a.dbuttonBlack, a.ubuttonBlack {
  background-position: 100% -66px;
}
a.mbutton, a.mabutton, a.mdbutton, a.mubutton{
background: url(/img/button/miniButtonAll.gif) no-repeat;
width: 15px;
height: 15px;
float: left;
padding: 0px;
}
a.abutton {
  background-position: 100% -35px;
}
a.dbutton, a.ubutton {
  background-position: 100% -70px;
}
a.mabutton {
  background-position: 100% -16px;
}
a.mdbutton, a.mubutton {
  background-position: 100% -34px;
}
/*
a.ubutton {
  background-position: 100% -105px;
}
*/
a.mbutton span, a.mabutton span,a.mdbutton span, a.mubutton span {
display:block; 
line-height: 10px;
position: absolute;
top: 1px;
left: 0px;
padding: 0px;
margin: 0px;
cursor: pointer;
color: #fff;
font-size: 10px;
width: 100%;
text-align: center;
}
a.mbutton span, a.mabutton span{
top: 1px;
}
a.mdbutton span, a.mubutton span {
top: 2px;
}
a.button span, a.abutton span {
display:block; 
line-height: 30px;
cursor: pointer;
}
/*a.mdbutton span, a.mubutton span {
display:block; 
line-height: 10px;
cursor: pointer;
padding: 0px;
margin: 0px;
color: #fff;
}*/
a.dbutton span, a.ubutton span {
display:block; 
line-height: 30px;
padding-top: 1px;
cursor: pointer;
overflow: hidden;
}

div.wbutton, div.wabutton, div.wcbutton,div.wpcbutton {
background: #545353 url(/img/button/blackbuttonfonall.gif) repeat-x 0px 0px;
width: 95%;
height: 35px;
padding: 3px;
margin-bottom: 5px;

}
div.wbutton span {
background: #121212 url(/img/button/blackbuttonfonall.gif) repeat-x 100% -43px;
display:block; 
width: 100%;
line-height: 35px;

}
div.wabutton span, div.wbutton:hover span, div.wcbutton span, div.wpcbutton span {
background: #1c858e url(/img/button/blackbuttonfonall.gif) repeat-x 100% -197px;
display:block; 
width: 100%;
line-height: 35px;
}
div.wcbutton span,div.wpcbutton span {
 background: #1c858e url(/img/button/blackbuttonfonall.gif)  repeat-x 100% -160px;

 }

div.wcbutton, div.wpcbutton{
background: #545353 url(/img/button/blackbuttonfonall.gif) repeat-x 100% -79px;

}
/*div.wpcbutton span{
 background: url(/img/button/pblackbuttonfon2.gif) repeat-x;

}*/
.divbutton {
border-color: #fff;
border-width: 3px;
border-style: outset;
color: #fff;
background: #0f0f0f;

}
#winter, #summer {

width: 80%;
}

a.tbutton, a.tabutton,a.tdbutton,a.tubutton,a.tadbutton,a.taubutton {
display: block;
width: 90px;
height: 28px;
text-align: center;
vertical-align: middle;
color: #000000;	
max-width: 150px;
font-size: 12px;
text-decoration: none; 
cursor: pointer;
font-family: Tahoma, sans-serif;
float: left;
position: relative;
background: url(/img/button/rightTopButton.gif) no-repeat 100% -3px;
padding-right: 11px;
border: #FFFFFF solid 0px; 
}

a.tbutton span, a.tabutton span, a.tdbutton span, a.tubutton span{
background: url(/img/button/TopButton.gif) repeat-x 0px -3px;
height: 28px;
width: 100%;
display: block;
text-align: center;
position: relative;
line-height: 25px;
float: left;

//padding-left: 11px;
right: 0px;
border: #FFFFFF solid 0px; 
overflow: hidden;
}


a.tbuttonBlack, a.tabuttonBlack,a.tdbuttonBlack,a.tubuttonBlack,a.tadbuttonBlack,a.taubuttonBlack {
display: block;
width: 90px;
height: 25px;
text-align: center;
vertical-align: middle;
color: #000000;	
max-width: 200px;
font-size: 12px;
text-decoration: none; 
cursor: pointer;
font-family: Tahoma, sans-serif;
float: left;
position: relative;
background: url(/img/button/rightMenuButtonBlack.gif) no-repeat 100% 0px;
padding-right: 11px;
border: #FFFFFF solid 0px; 
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}

a.tbuttonBlack span, a.tabuttonBlack span, a.tdbuttonBlack span, a.tubuttonBlack span{
background: url(/img/button/menuButtonBlack.gif) repeat-x 0px 0px;
height: 25px;
width: 100%;
/*display: block;*/
text-align: center;
position: relative;
line-height: 26px;
float: left;
padding-left: 3px;
//padding-left: 11px;
right: 0px;
border: #FFFFFF solid 0px; 
overflow: hidden;
}

a.tabuttonBlack span{
  background-position: 0px -26px;
  color: #fff;
  overflow: hidden;
}

a.tabuttonBlack {
  background-position: 100% -26px;
  color: #fff;
}

a.tdbuttonBlack span, a.tubuttonBlack span  {
  background-position: 0px -52px;
  color: #fff;
  line-height: 26px;
  overflow: hidden;
}
a.tdbuttonBlack, a.tubuttonBlack {
  background-position: 100% -52px;
  color: #fff;
}



a.tabutton span{
  background-position: 0px -30px;
  color: #fff;
  overflow: hidden;
}

a.tabutton {
  background-position: 100% -30px;
  color: #fff;
}

a.tdbutton span, a.tubutton span  {
  background-position: 0px -58px;
  color: #fff;
  line-height: 26px;
  overflow: hidden;
}
a.tdbutton, a.tubutton {
  background-position: 100% -58px;
  color: #fff;
}
/*
a.tubutton span {
  background-position: 0px -86px;
  color: #000;
  line-height: 26px;
  overflow: hidden;
}
/*
a.tubutton {
  background-position: 100% -86px;
  color: #ffffff;
}
*/
/*----------------------/кнопки----------------------------------------------*/

/*----------------------рабочая панель----------------------------------------------*/

.workPanel{
position:absolute;
width:90%;
height:85%;
top:0;
background: url('img/traspatenrfon.png');
}
.wpt1, .hwpt1 {
height: 21px;
vertical-align: middle;
cursor: pointer;
font-weight: bold;
border: 0px;
}

.wpt1{
text-align: center;  
background: url(/img/button/topWP.gif) repeat-x;

}
.hwpt1{
  text-align: center;
 background: url(/img/button/topWP.gif) repeat-x 100% -22px;
 color: #FFFFFF;
padding: 0px;
}
.wpt2{
height: 21px;
text-align: center;
vertical-align: top;
height:40%;
padding-top: 5px;
}

.dpt1{
  background-image: url(/img/button/minikrest.gif);
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-position: 100% 0%;
  width: 99%;
  text-align: center;
  border: #fff solid 0px;
  
}
/*----------------------/рабочая панель----------------------------------------------*/


/****---------------навигатор-----------------------*/
a.navbeg {
display:block; 
width: 97px;
margin: 0px;
margin-top: 10px;
background: url(/img/fonForNavigator.gif) repeat-y 50% 10px;
cursor: pointer;
position: relative;
text-align: center;
border: #000000 solid 0px;
float: left;
}
a.mininavbeg {
display:block; 
width: 55px;
margin: 0px;
background: url(/img/fonForNavigator.gif) repeat-y 50% 10px;
cursor: pointer;
position: relative;
text-align: center;
border: #000000 solid 0px;
float: left;
}
span.minibegunNav{
display:block; 
cursor: pointer;
margin-top: 1px;
position: relative;
width: 55px;
height: 9px;
border: #000000 solid 0px;
background: url(/img/begun7.gif) no-repeat 50% 50%;
}
span.begunNav{
display:block; 
cursor: pointer;
margin-top: 1px;
position: relative;
width: 97px;
height: 9px;
border: #000000 solid 0px;
background: url(/img/begun7.gif) no-repeat 50% 50%;
z-index: 10000;
}
/******-------------------------------------------*/


/***************врехняя панель----------*/
td.topTableT1{
text-align: right;
vertical-align: top;
width: 50%;
}
/***************врехняя панель----------*/




iframe.framehelp{
border: none;
margin: 0px; 
vertical-align:top; 
text-align:left;  
padding:0px;
width: 100%;
/*width: 210px;*/
color: #fff;
height: 100%;
*height: 600px;
overflow: hidden;
}
iframe.framehistory{
border: none;
margin: 0px; 
vertical-align:top; 
text-align:left;  
padding:0px;
width: 100%;
background-color: #000;
/*width: 210px;*/
color: #fff;
height: 100%;
*height: 600px;
overflow-y: scroll;
overflow-x: hidden;
}

div.message{
width: 100%;
height: 100%;
border-left: #FFFFFF dotted 2px;
padding: 3px;
}

div.norm {
width: 18px;
height: 18px;
background: url(/img/svetofor.gif) no-repeat 0% 0%;
right: 0px;
float: right;
}
div.att {
width: 18px;
height: 18px;
background: url(/img/svetofor.gif) no-repeat 0% -18px;
right: 0px;
float: right;
}
div.error {
width: 18px;
height: 18px;
background: url(/img/svetofor.gif) no-repeat 0% -36px;
right: 0px;
float: right;
}
div.nonAction {
width: 18px;
height: 18px;
background: url(/img/svetofor.gif) no-repeat 0% -54px;
right: 0px;
float: right;
}
#All, #One{
background: url(/img/fonactivebutton.gif) repeat-x -2px;
height:21;
}
/*div #All, div #One{
  background: url(/img/fonnonactivebutton.gif) repeat-x;      
}*/
.border{
  background: url(/img/fonnonactivebutton.gif) repeat-x -2px;
  border: #999 solid 1px;  
}
#infoAll, #infoOne{
  color: #fff;
  font-family: Tahoma, sans-serif;
  font-size: 12px;
}


iframe.appWondowHide{
display: none; 
z-index:1;
}
#topAppWindow{
/*height: 20px;
width:100%;
margin: 0px;
color: #fff;
cursor:pointer;
font-size: 10px;
background-color: #ccc;
background-image: url(/img/button/minikrest.gif);
background-position: 100% 2px;
background-repeat: no-repeat;*/
}
#dogovorDiv{
background-color: #fff;
}
iframe.appWondowShow{
z-index:51;
display: block; 
border: 2px outset #ccc;
margin: 20px; 
vertical-align:top; 
text-align:left;  
padding:0px;
width: 80%;
background-color: transparent;
color: #fff;
height: 80%;
*height: 400px;
}
img.traklistImg{
float:left; 
width: 20px; 
margin: 0px; 
position: relative; 
top: 3px; 
left: 5px
}
.traklistDiv{
position: relative; 
top: 0px; 
left: 28px; 
text-align: left;
/*font-size: 8px;*/

}

div.noData {
background-color: #000000; 
color: #FFFFFF;
margin: 0px;
width: 95%;
height: 95%;
padding: 3px;
}
table.reports{
margin: 0px; 
width: 100%; 
height: 100%; 
border-top:#000 solid 1px; 
border-right:#000 solid 1px;
}

/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("/img/maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;	
}

.topreport{
background-color: #fff; 
border-left:#000 solid 1px; 
border-bottom:#000 solid 1px; 
color: #000; 
text-align: center; 
vertical-align:top;
}

tr.report{
cursor:pointer;
vertical-align:top;
}
.historyText{
background-color: #000000; 
color: #FFFFFF;
margin: 0px; 
width: 95%; 
height: 95%;
padding: 3px;
}
td.areport{
background-color: #000;  border-left:#fff solid 1px; border-bottom:#fff solid 1px; color: #FFFFFF; vertical-align:top;
}
td.dreport{
background-color: #555;  border-left:#fff solid 1px; border-bottom:#fff solid 1px; color: #FFFFFF; vertical-align:top;
}

.eventAtext{
cursor: pointer; 
text-align: center; 
font-weight: bold; 
color: #000000; 
background: #00FFFF;
}
.eventText{
cursor: pointer; 
text-align: center; 
font-weight: bold; 
color: #00FFFF; 
background: #000000;
}

span.arrowContainer{
width: 22px;
height: 25px;
border: #cccccc solid 1px;
}
.buttonUp{
width: 10px;
height: 10px;
position: relative;
top: 0px;
*top: -8px;
left: 1px;
border: #fff solid 1px;
background-image: url(/img/littleArrowUp.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
.buttonDown{
width: 10px;
height: 10px;
position: relative;
top: 12px;
*top: 3px;
left: -13px;
*left: -9px;
border: #fff solid 1px;
background-image: url(/img/littleArrowDown.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
span.po{
position: relative;
top: 10px;
*top: 1px;
}
span.to{
position: relative;
left: 48px;
top: 10px;
}
div.butDivPlaer{
text-align:center;
height:35px;
display:block;
float:none;
width: 200px;
margin: 0 auto; 
border:#fff solid 0px; 
overflow: auto;
}

.tablePlaer{
float:left;
width: 105px;
padding-top: 6px;
padding-right: 2px;
padding-left: 2px;
empty-cells: show;
cursor: normal;
border: 0px;
border-collapse:collapse;
}