
table, td.tab  {height:100%;}
table, td.tab2 {width:20%;text-align:left;}
table, td.tab_none  {height:0%;}

.tab_obsh{width:99%;}
table.tab_yach {border-collapse:collapse; border:2px solid black;}

.div_ves { 
height:100%;border:solid 0px #000;
} 

.sel {
   width: 240px;
   height: 34px;
   overflow: hidden;
   background: url(images/bg.png) no-repeat right #ddd;
}

img {
border:none;
}

.bgcolor {
	background: #ffffff;
}

.pechat{color:blue; font-size:22px;}
.redact {background-color: #5900a3; display:none; z-index:111;position: absolute;top:0;right:0;}


a.aa:link {text-decoration: none;color:black;font-size:14px;} 
a.aa:active {text-decoration: none;color:yellow;}
a.aa:visited {text-decoration: none;color:black;}
a.aa:hover {color:blue;}


a:link {color: blue;font-size:22px;} 
a:active {color: #ffffff;}
a:visited {text-decoration: none;color: blue;}
a:hover {text-decoration: underline; color: red;}




.tfoot td, .thead td {background-color: white;}
.hoveredTr {background-color: #FFCC99;}
.clickedTr {background-color: #a9a9a9; color: #000000; font-weight:bold;}

.hoverRow { background-color: #DCDCDC; }
.clickedRow { background-color: orange; }
.skrit  {display:inline;}
.black  {background:black;}

h1 {text-align:center}


/*Color-vibor-kto*/
.farbtastic {
  position: absolute;
  left: 750px;
  top: 250px;
}
.farbtastic * {

  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}

.farbtastic .color, .farbtastic .overlay {
  top: 47px;/*Kvadrat niz*/
  left: 47px;/*Kvadrat levo*/
  width: 101px;
  height: 101px;
}
/*Krug*/
.farbtastic .wheel {
  background: url(../images/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(../images/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(../images/marker.png) no-repeat;
}



/*Подсказка*/
#tt {position:absolute; display:block; top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; top right no-repeat; overflow:hidden}



/*Меню сверху*/
#slidedown_top {
height: 80px; /*Область для мышки*/
background-color:#fff;
}

#slidedown_bottom {
position: absolute;
width: 100%;
height:100%;
background-color:#fff;
}

#slidedown_content {
position: absolute;
width: 100%;
height: 330px; /*Высота блока*/
top: -300px; /*Расстояние до верха*/
text-align:center;
background:url(../images/bg.gif) repeat-x 0 bottom;
z-index:99;
} 

#slidedown_content .content {
margin:0; 
width:830px;
height:300px;
}

/* Styles for content */

#slidedown_content .content .block {
float:left; 
width:250px;
padding:0 4px 0 4px; 
margin: 0 4px 0 4px;

text-align:left;
font-family:georgia; 
font-size:11px; 
color:#ccc; 
}

#slidedown_content .footer {
height:10px;
}

#slidedown_content .content li {
padding:0; 
margin:4px 0
}

.clear {clear:both}





/*Панелька справа*/
.panel {
position: absolute;
top: 65px;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 230px;/*Размер выдвигаемого меню*/
height: 115px;
/*padding: 30px 130px 30px 30px;*/
filter: alpha(opacity=85);
opacity: .85;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 20px; right: 0;/*Расстояние до верха*/
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#333333 url(../images/mal.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 20px; right: 0; /*Расстояние до верха*/
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 40px;
font-weight: 700;
background:#222222 url(../images/mal.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(../images/minus.png) 15% 55% no-repeat;
}

.yyy{
overflow:hidden;}


/*Меню на правую кнопку*/
.contextMenu {

	position: absolute;
	width: 230px;
	z-index: 99999;
	border: solid 1px #CCC;
	background: #EEE;
	padding: 0px; /*Расстояние от текста до границ*/
	margin: 0px;
	margin-top:-80px; /*Должен быть 0, но из-за менюшки верхней убрать отступ*/

	display: none;
overflow:hidden;


}

.contextMenu LI {
	list-style: none;
	padding: 0px;
	margin: 0px; /*Расположение текста*/
}

.contextMenu A {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 35px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 28px; /*Отступ слева*/
}

.contextMenu LI.hover A {
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A {
	background-color: transparent;
}

.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}

/*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

.contextMenu LI.edit A { background-image: url(../images/edit.png); }
.contextMenu LI.copy A { background-image: url(../images/copy.png); }
.contextMenu LI.cut A { background-image: url(../images/cut.png); }
.contextMenu LI.paste A { background-image: url(../images/paste.png); }
.contextMenu LI.delete A { background-image: url(../images/delete.png); }
		
		
		
/*Подсказки*/
		
#tooltiper a {
color: #19a5f5;
font-weight: bold;
}

#tooltiper a:hover {
color: #999;
}

#tooltiper img {
color: #19a5f5;
font-weight: bold;
}

#tooltiper img:hover {
color: #999;
}

#tooltip {
width: 300px;
position: absolute;
z-index: 111;
border: 1px solid #1593db;
background-color: #e5f5fe;
font: 1em verdana;
color: #000;
padding: 5px;
opacity: 0.85;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
 
.polezn
{
background-color:#e2e2e2;
padding: 5px;
opacity: 0.85;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
 
 
 