@charset "utf-8";
/* CSS Document */
.mess_otv{background-color: /*#F3F4F5*/#E7E7E7;color: black;margin: -15px 0 2px 75px;border: 1px solid #DDD;width: 330px;padding: 4px 5px 4px 10px;border-top: none;}
.otvetit{font-size: 11px;
color: #999;
margin: 0px 5px 0 0px;
float: right; text-decoration:none;
position: relative;
background-color:#F3F4F5;
/*display:none;*/
}
#all_mes{float:right; width: 410px; position:relative;margin: 1px 0 0 0;}
#loader{background:url('http://img.lepsh.net/foto/ajax_loader/5.gif') 0 0 no-repeat; width:71px; height:8px; margin:10px 0 0px 380px; display:none;float: none;}/*встроенный в штмл код загрузчик */
#all_mes .data_comm,#all_mes .data_comm2{color:#CCC; font-style:normal; text-shadow:none; margin: 0 6px 0 0;}#all_mes .data_comm{display:none}
#all_mes .otvetit img.rk1{margin:1px -5px -5px 1px}
#all_mes .otvetit img.rk2{margin:0px -2px -4px 0px}
#all_mes .block_user:hover .otvetit{display:block;}
#all_mes a.rk1_s{color:#529658; margin: 0px 1px 0px 5px;}
#all_mes a.rk2_s{color:#CCC; margin: 0px 3px 0px 5px;}
#all_mes .otvetit i.otvetit_i{margin:0 5px 0 1px}
#all_mes .otvetit i.otvetit_i:hover{cursor: pointer; text-decoration:underline}
#all_mes .lclock2{background-image: url('http://img.lepsh.net/foto/sprite_3.png');
background-repeat: no-repeat;
width: 13px;
height: 13px;
background-position: -80px -16px;
margin: 1px 0px -3px 6px;
cursor: pointer;}
/* форма ответа*/
#otv_polz{margin: -4px 0 -11px 0;display:none; width:400px}
#spidf textarea.otv_comments{height: 74px;margin-top: 16px;min-height: 74px !important;}
/*like*/
div.block_user .rk1,div.block_user .rk2/*,.rk3*/{width:16px; height:16px;background-image:url('http://img.lepsh.net/foto/like.png');background-repeat:no-repeat; margin:0px 0px -4px 0px; border:none; cursor:pointer}
div.block_user .rk1{background-position:0px -17px;}/*Лайк неактивный*/
div.block_user .rk1:hover,#boxph_alt tt:hover .rk1,div.block_user .rk1_yes{background-position:0px -62px; margin:1px 0px -5px 0px;}/* Наведение на неактивный лайк */
div.block_user .rk2{background-position:0px -76px;}/*Дизлайк неактивный*/
div.block_user .rk2:hover,#boxph_alt tt:hover .rk2,div.block_user .rk2_yes{background-position:0px -92px;}/* Наведение на неактивный лайк */
/*tt.trk1 .rk1{margin:1px 0px -5px 0px}*/



.ut_v{}

/*
.block_user{background: url('http://img.lepsh.net/foto/pdl7.png') top center no-repeat;background-size: 410px auto;margin-bottom: 1px;padding: 6px;overflow: hidden;width: 399px;}
.block_user:hover{background:url('http://img.lepsh.net/foto/pdl8.png') top center no-repeat;background-size: 410px auto;}
*/
.block_user{margin-bottom: 4px;padding: 6px;overflow: hidden;float: left;}
.block_user .block_photo{float:left; margin-right:6px; margin-bottom:-5px; padding:6px; background:url('http://img.lepsh.net/foto/pdl1.png') top center no-repeat; width:64px; min-height:66px; text-align:center}
.block_user p img{vertical-align:middle;}
.block_photo img{cursor:pointer;width: 64px;}
.block_user .name_user{font-size: 12px;font-weight: bold;padding: 6px 10px 0px 10px;margin: -6px 0 -10px -6px;width: 389px;height: 31px;background-color: #F3F4F5;border: 1px solid #DDD;display: block; color:#000;white-space: nowrap}
.block_user:hover .name_user{background-color:#F9F9F9}
.block_user .name_user:hover{color:#000;text-shadow: 1px 1px 2px #CCC; text-decoration:none;}
/*.mess,.mess_hoz,.mess_i{color:#666; margin:-10px 0 0 86px; display:block; border:1px solid #CCC; width:290px; padding:4px 6px 10px 6px;}*/
.mess,.mess_hoz,.mess_i{
/*background-color:#FFF; color: #000;margin: -39px 0 0 75px;display: block;border: 1px solid #DDD;width: 316px;padding: 4px 6px 3px 6px;min-height: 18px;line-height: 15px;
-webkit-box-shadow: 1px 1px 6px #F1F1F1;-moz-box-shadow: 1px 1px 6px #F1F1F1;box-shadow: 1px 1px 6px #F1F1F1;
*/
background-color: white;
color: black;
margin: -3px -6px 0px -7px;
display: block;
border: 1px solid #DDD;
width: 316px;
padding: 4px 6px 3px 6px;
min-height: 18px;
line-height: 15px;
-webkit-box-shadow: 1px 1px 6px #F1F1F1;
-moz-box-shadow: 1px 1px 6px #F1F1F1;
box-shadow: 1px 1px 6px #F1F1F1;
overflow: hidden;
float: right;
}
.block_user p i{font-style: normal;}
/*
.mess{background-color:#E9F3FC;}/*#E2EFFC*/
/*.mess_hoz{background-color:#dfffe0;}/*#D7FBDB #FFC #FC9*/
/*.mess_i{background-color:#f9fce2;}*/
.mess_i b{cursor:pointer; font-weight:normal}
.ygol,.ygol_hoz,.ygol_i{display:none}/*ug_com.png*/


















/* СЛИШКОМ ДЛИННЫЕ КОММЕНТАРИИ */
/*
img.big_com,img.big_com2{background-image:url('http://img.lepsh.net/foto/sprite_8.png');background-repeat:no-repeat;height:20px; width:23px; float:right; margin:-48px 9px -50px 0; clear:both; position:relative;cursor:pointer;}/* display:none - кнопка раскрытия комментария пользователя*//*
img.big_com{background-position: -23px 0;}
img.big_com2{background-position: 0 0;}
img.big_com:hover{background-position: -46px 0;}
*/








/*Спид форма*/
#mes_box{width:380px; height:108px; padding:0 0 9px 10px;background:url('http://img.lepsh.net/foto/fon/fon_mes.gif') bottom repeat-x #EEE; margin:0 20px 8px -6px; float:right; display:none;}/*display:none*/
#mes_box form{width:400px; margin-top:-1px; height:107px; padding-top:11px;float: left;}
#comments{float:left; width:300px; height:90px; background-color:#FFF; position:relative; z-index:2; padding-left:5px; white-space:normal;margin-bottom: -1px;}

#mes_foto{width:97px; height:118px; cursor:pointer;  position:relative; top:-118px; left:303px; z-index:0; background:url('http://img.lepsh.net/foto/mes_bx2.png?1') 0 0 no-repeat;}
#mes_foto:hover{background:url('http://img.lepsh.net/foto/mes_bx2.png?1') 0px -118px no-repeat; }
.NFTextareaTopLeft, .NFTextareaBottomLeft {background-color:#EEE;}
#smile{width:18px; height:18px; background:url('http://img.lepsh.net/foto/keyboard.png') -26px 0px no-repeat; position:relative; left:278px; top:-124px; z-index:1001; cursor:pointer;}
#smile:hover{background:url('http://img.lepsh.net/foto/keyboard.png') -26px -18px no-repeat;}
/* панель удаления, правки и восстановления комментария*/
.cross,.reading,.reading_no,.kor_komm,.dl{background-image:url('http://img.lepsh.net/foto/sprite_3.png');background-repeat:no-repeat; float:right; cursor:pointer;}
.cross{width:8px; height:8px; background-position: -183px -18px;margin-left:5px;margin-top:3px; margin-right:4px }/*крест*/
.cross:hover{background-position: -183px 0;}
.reading{margin-top:4px; width:6px; height:6px; background-position: -73px -8px; }/*правка*/
.reading_no{margin-top:4px; width:6px; height:6px; background-position: -73px -16px;}
.reading:hover,.reading_no:hover{background-position: -73px -16px;}
.kor_komm{position:relative; top:-2px; right:-2px; float:right; display:block; margin-left:3px; width:28px; height:13px; background-position: -196px 0; cursor:default}/*бэкграунд красный*/
.kor_komm:hover{background-position: -196px -17px;}
.dl{width:13px; height:13px; background-position: -540px 0; position:relative; top:-2px; right:-2px;  margin-left:3px;float:right; display:block;}/*красная кнопка удаления */
.dl img{margin:3px 3px 0 0}
.dl:hover{background-position: -540px -17px;}
.cross_vosst{background:url('http://img.lepsh.net/foto/sprite_3.png') -293px 0 no-repeat; padding:3px 10px 4px 10px; height:21px; margin: 10px 0; width:100px; text-align:center;cursor:pointer; display:none;clear: both;}
.cross_vosst:hover{background-position: -415px 0;}
.f_reading_comments,.f_reading_comments div{height:100%; margin:3px 0 0 0;}
.reading_comments{height:100% !important;width: 304px;margin-left: -4px;}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*счетчик количества символов в форме добавления комментария*/
#spidf .counter{position:relative; left:320px; top:-16px; z-index:1001;font-size:10px;color:#CCC;clear: both;
float: left;}
#spidf .warning{color:#600;}
#spidf .exceeded{color:#E00;}
/* модальное окно со смайлами */
#modal_insertion{width:952px; top:-1px; margin-left:-1px;
z-index:1004;
position:fixed;
border:1px solid #DDD; padding:10px 10px 14px 10px;background:url('http://img.lepsh.net/foto/fon/fon.gif') bottom repeat-x #FFF; max-height:302px;opacity:0.99; filter:alpha(opacity=99); -moz-opacity:0.99;}
#modal_insertion div{max-height:302px; overflow:auto; overflow-x:hidden;}/* ~!~ */
/*#modal_insertion form{float:left; width:135px; height:50px; padding:7px; background:url('http://img.lepsh.net/foto/sel_sml.gif') 0 0 no-repeat #FFF;}*/
#modal_insertion form{float:left; left:-18px; position:relative; width:173px; height:56px; padding:18px 0 0 13px; background:url('http://img.lepsh.net/foto/sml_arr.png') 0 0 no-repeat;}
#modal_insertion form select{border:none; padding-left:5px}
#modal_insertion form b{clear:both; margin-top:15px; text-decoration:underline; display:block;cursor:pointer;}
#modal_insertion form b:hover{color:#666}
#modal_insertion #smll{margin:-5px 0 -5px -15px; float:left; width:779px;}
#modal_insertion #smll img{cursor:pointer; padding:2px 4px 2px 4px; margin:5px 0 5px 10px;}
#modal_insertion #smll img:hover{padding:0px 4px 4px 4px;}
#modal_insertion .loader_file,#modal_insertion .loader_file:hover{margin:0; border:1px solid #FFF; padding:0; cursor:default}
#modal_insertion #close_sml{width:50px; height:30px; clear:both; float:right;background:url('http://img.lepsh.net/foto/smile_close.png') -50px 0 no-repeat; margin:-16px -11px -14px 0;}
#modal_insertion #close_sml:hover{background-position:1px 0; cursor:pointer}

















/* Эксперементалные функции - ПРИЛОЖИТЬ ФОТО */
.attach{color: #999;
height: 15px;
width: 77px;
text-align: center;
border: 1px solid #DDD;
background-color: #EEE;
position: relative;
z-index: 3;
margin: -12px 11px 0 0px;
padding: 1px 5px 1px 5px;
font: normal 11px Verdana, Geneva, sans-serif;
box-shadow: 1px 1px 0px #999;
clear: both;
float: left;
}
.attach:hover,.attach_yes{cursor:pointer;/* text-decoration:underline;*/ color:#000; background-color:#FFF}
.attach2{width: 290px;
border: 1px solid #CCC;
background-color: #EEE;
position: relative;
z-index: 2;
margin: -20px 15px 0 99px;
padding: 4px;
display: none;
box-shadow: 1px 1px 10px #333;overflow: auto;

clear: both;
float: left;
}
.attach2 img{width: 56px;
height: 35px;
background-size: 53px auto !important;
background-repeat: no-repeat !important;
background-position: center center !important;
border: 1px solid white;
margin: 1px 0 0 0;
float:left;
}
.attach2 img:hover{cursor:auto !important;}
.attach2 span:hover i,span.photo_comment a:hover i{display:block}
.attach2 span i,span.photo_comment i{width: 11px;
height: 11px;
float: left;
margin: 5px 0px 0px -16px;
z-index: 1;
position: relative;
display: none;
background: #FFF url('http://img.lepsh.net/foto/sprite_3.png') -182px 2px no-repeat;
}
span.photo_comment i{margin: 9px 0px 0px -16px;}
.attach2 span i:hover,span.photo_comment i:hover{cursor: pointer;
background-position: -182px -7px;
background-color: #000;}
/* модальное окно с файлами */
#modal_FILE{width:954px; top:-1px; margin-left:-1px;
z-index:1004;
position:fixed;
border:1px solid #DDD; padding:10px 10px 14px 10px;background:url('http://img.lepsh.net/foto/fon/fon.gif') bottom repeat-x #FFF; max-height:307px;opacity:0.99; filter:alpha(opacity=99); -moz-opacity:0.99;}
#modal_FILE form{float:left; left:-18px; position:relative; width:173px; height:56px; padding:18px 0 0 13px; background:url('http://img.lepsh.net/foto/sml_arr.png') 0 0 no-repeat;}
#modal_FILE form select{border:none; padding-left:5px;width: 142px;}
#modal_FILE form b{clear:both; margin-top:15px; text-decoration:underline; display:block;cursor:pointer;}
#modal_FILE form b:hover{color:#666}
#modal_FILE #fll{margin:-5px 0 -5px -15px; float:left; width:797px;}
#modal_FILE #fll img{cursor:pointer; padding:2px 4px 2px 4px; margin:5px 0 5px 10px;}
#modal_FILE #fll img:hover{padding:0px 4px 4px 4px;}
#modal_FILE .loader_file,#modal_FILE .loader_file:hover{margin:0; border:1px solid #FFF; padding:0; cursor:default}
#modal_FILE #close_fl{width:50px; height:30px; clear:both; float:right;background:url('http://img.lepsh.net/foto/smile_close.png') -50px 0 no-repeat; margin:-16px -11px -14px 0;}
#modal_FILE #close_fl:hover{background-position:1px 0; cursor:pointer}
#modal_FILE .str_viv1{margin: -15px 3px 0px 0px;}
#block_strFL {border-top: 1px dotted #CCC;clear: both;height: 20px;padding-top: 4px;width: 768px;margin: 6px 0 -15px 0px;float: right;}
#modal_FILE .ffl{width:93px;height:60px; cursor:pointer;

/* background-size: 95px auto !important;*/


 background-repeat: no-repeat !important; background-position:center center !important; border:1px solid #FFF}
#modal_FILE .ffl:hover
{
/*background-size: 100px auto !important;*/
}
#bx_phl{background-color: whiteSmoke;max-height: 272px;overflow: auto;overflow-x: hidden;width: 761px;padding: 4px 2px 1px 4px;}
#comm_phl{margin: -5px 0px -9px 0px;
width: 952px;
color: #999;
height: 28px;}
span.photo_comment{display: block;
float: left;
width: 100%;
/*background-color: #EEE;*/
margin: 1px 0 3px 0;}
span.photo_comment img{

/*width: 49px;
height: 32px;
background-size: 49px auto !important;*/
width: 91px;
height: 64px;
/*background-size: 91px auto !important;*/
background-size: 100% auto !important;
cursor: pointer !important;
background-repeat: no-repeat !important;
background-position: center center !important;
border: 1px solid white;
margin: 5px 0px 5px 5px;}