.textdiv {
	background-color:#F8F8F8;
	padding: 15px;
	border: 0px solid #E6E6E6;
	position: relative;
	overflow: auto;
	visibility: visible;
	margin: 0px;
	float: left;
}

.listdiv {

	background-color:#FAFAFA;
	padding: 10px;
	border: 1px solid #D0D0D0;
	position: relative;
	overflow: auto;
	visibility: visible;
	margin: 0px;
	float: left;
}

.ftdiv {

	background-color:#FAFAFA;
	padding: 5px;
	border: 1px solid #D0D0D0;
	position: relative;
	overflow: auto;
	visibility: visible;
	margin: 0px;
	float: left;
}

.picdiv {
	background-color: #F2F2F2;
	padding: 5px;
	border: 1px solid #CECECE;
	position:relative;
	overflow: auto;
	visibility: visible;
	margin: 0px;
	float:center;
	display:inline-block;

}

.picdiv2 {
	background-color: #F2F2F2;
	padding: 7px;
	border: 1px solid #CECECE;
	position:relative;
	overflow: auto;
	visibility: visible;
	margin: 0px;
	margin-right: 10px;	
	float:left;

}

#fon-m {
background-image:url(../graph/fon-m.png);
background-repeat:repeat-x;

}

#fon-m2 {
background-image:url(../graph/fon-m2.png);
background-repeat:repeat-x;

}

#fon-m3 {
background-image:url(../graph/fon-m3.png);
background-repeat:repeat-x;
background-position:bottom;
}

#fon-m-b {
background-image:url(../graph/fon-m-bott.png);
background-repeat:repeat-x;
background-position:bottom;
}

.listdiv_l {
	background-color:#FAFAFA;
	padding: 6px;
	border: 1px solid #D0D0D0;
	position: relative;
	overflow: auto;
	visibility: visible;
	margin: 0px;
	float: left;
/*	width:;  */
/*	height:100%; */

	border-bottom:double;
	border-bottom-color:#CCCCCC;
	border-right:double;
	border-right-color:#CCCCCC;
}


td#f0 {
background-image:url(../graph/mess-left3.png);
background-repeat:repeat-y;

}

td#f10 {
background-image:url(../graph/h2_fon120.png);
background-repeat:repeat-y;
background-position:center;

}


/* Слои для тени */

.darkdiv {
position:fixed;
top:0;
left:0;
margin:0;
padding:0;
width:100%;
height:100%;
/*background:none;*/
background:black;
opacity:0.75;
filter: alpha(opacity=75);
z-index:5;
visibility:hidden;

}

.closediv {
position:fixed;
top:100;
left:100;
margin:0;
padding:0;
width:70px;
height:70px;
z-index:102;
visibility:hidden;

}

/* Слой - обёртка, внутри него - переписываемый слой с фотографией */
.topdiv2{
    border: 4px solid #660000;
	padding: 0px;
	
	width: 100%;
	height:100%;	
	left:0px;
	top:0px;	
    position:fixed;
    overflow:hidden;
	z-index:0;
	visibility:hidden;

}

/* Слой - обёртка */
.topdiv{
    border: 0px solid #660000;
	padding: 0px;
	
	width: 100%;
	height:100%;	
	left:0px;
	top:0px;	
    position:fixed;
    overflow:hidden;
	z-index:8;

	visibility:hidden;

}



/* Слой с фотографией внутри. Он полностью переписывается через .innerHTML верхнего слоя */
/* Определяет элемент, внутри которого будет картинка: div или ячейка таблицы...*/
.img_wrapper{ 

	width: 80px;
	height:60px;
	left:0px;
	top:0px;
	border: 0px solid #FFFFFF;
/*	float:left; 
	margin-right:2px;*/
	
    position:absolute;

    overflow:hidden;
	z-index:10;
	
/*
    padding-top: 75%; 
    margin-bottom: 40px;
    background: #fafafa;
    overflow:hidden;
*/
}


.img_wrapper img{  /* Определяет свойства картинки */

    position: absolute;

/*    width: 100%;
	height: 100%;
*/

    top: 0;
    left: 0;
    opacity: 0;
	border:2px;
	border-color:#FFFFFF;

	
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 1.0s;
}


.img_wrapper.loaded img{ /* После загрузки - показать полностью непрозрачной */
    opacity: 1;
	border: 2px solid #FFFFFF;
	
}




/* Слой для фотографии внутри него */
.seconddiv {
position:fixed;
width:70px;
height:70px;
left:10px;
top:10px;
background:none;
border:2px white solid;
overflow:hidden;
z-index:101;
visibility:hidden;

}


/* Определяет свойства картинки внутри seconddiv. */
/* Обязательно использовать с onLoad imgLoaded... иначе не видно картинки (opacity: 0) */

.seconddiv img{  
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
  
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 3.0s;
}


/* Картинка внутри seconddiv После загрузки - показать полностью непрозрачной */
.seconddiv.loaded img{ 
    opacity: 1;
}


.shedowdiv {
	position:fixed;
	width:10px;
	height:10px;
	left:10px;
	top:10px;
	border 0px white solid;
	overflow:hidden;
	z-index:100;
	visibility:hidden;

}

/* Картинка для увеличенного фото */
pict1 {
img.src="";

}

#pic_title {
width:500px;

}