/*--------------------- General styles start ---------------------*/
html, body{height:100%; min-width:1000px;}
body {margin: 0px;font: 12px 'Verdana', 'Arial', 'Helvetica';color: #676767;text-align: center;background: #efefef;}
td, input {font: 12px 'Tahoma', 'Arial';}
body a {color: #6196da;text-decoration: none;}
body a:hover {text-decoration: underline;}

 
* {}
img {border: 0px;}
a.noun img {margin: 2px;}
.clear {clear: both;}
h1, h2, h3, h4, h5, h6 {}
hr {border: 0px; height: 1px; background: #d6d6d6;}
*:focus {outline: none;}
input, reset {border: 1px solid #CCC; outline:none;}
textarea{outline:none; resize:none;}
input{*border: 0px none #000 !important; *border-color: transparent !important;}
/*--------------------- General styles end ---------------------*/
#tooltip{
background:linear-gradient(to top,#FFFFFF,#EDEDED);!important; 
border:1px solid #666666;
color:#333333;
font:menu;
margin:0px;
padding:3px 5px;
position:absolute;
visibility:hidden
}
 
 .photo {
 display: inline-block; /* Строчно-блочный элемент */
 position: relative; /* Относительное позиционирование */
 }
 .photo:hover::after {
 content: attr(data-title); /* Выводим текст */
 position: absolute; /* Абсолютное позиционирование */
 left: 0; right: 0; bottom: 5px; /* Положение подсказки */
 z-index: 1; /* Отображаем подсказку поверх других элементов */
 background: rgba(0,42,167,0.6); /* Полупрозрачный цвет фона */
 color: #fff; /* Цвет текста */
 text-align: center; /* Выравнивание текста по центру */
 font-family: Arial, sans-serif; /* Гарнитура шрифта */
 font-size: 11px; /* Размер текста подсказки */
 padding: 5px 10px; /* Поля */
 border: 1px solid #333; /* Параметры рамки */
 }
 

#wrap0 {background: ; min-height:100%;}
#wrap {background: ; no-repeat top center;}
#container {width: 976px; margin: auto; padding-top:22px;text-align: left;}

/*--------------------- TOP start ---------------------*/
#top {height: 165px; background: url(/logo2.j);}
#usermenu {float:right;margin: 8px 17px 0px 0px;padding: 0px;padding-right: 4px; height: 24px; text-align: right; color: #fff; text-shadow: 0px 1px 0px #3d3d3d; line-height: 24px;background: url(/.s/t/785/4.pn) repeat-x;}
#usermenu a {color: #fff; padding: 0px 0px 2px 20px;margin-left: 7px;}
#usermenu a:hover {text-decoration: underline;}
#usermenu-corner {float:right;background: url(/.s/t/785/5.pn);width:16px;height:24px;margin: 8px 0px 0px 0px;}
a.rss-link {background: url(/.s/t/785/6.png) no-repeat;}
#usermenu a.login-link {background: url(/.s/t/785/7.png) no-repeat;padding-left: 15px;}
a.logout-link {background: url(/.s/t/785/8.png) no-repeat;}
a.register-link {background: url(/.s/t/785/9.png) no-repeat;}
a.profile-link {background: url(/.s/t/785/10.png) no-repeat;}
#logo-block {float: left;margin: 1px 0px 0px 65px;}
#logo-block h1 {margin: 0px;padding: 0px;font: 28px/35px 'Tahoma';color: #423744;text-shadow: 0px 1px 0px #fff;}
#top-right {float: right; margin: 13px 18px 0px 0px;}
#top-search {float: right;width:120px;height:24px;background: url(/.s/t/785/11.png);}
#topQueryField {float: left;-moz-box-shadow: none !important;box-shadow: none !important;border: 0px !important;background: none !important;padding: 0px !important;width: 80px;font: 11px/15px 'Tahoma';color: #686868;margin:5px 0px 0px 7px;}
#topSearchSbmFl {position: relative;float: right;width: 26px;height:24px;background: none;border: none;cursor: pointer;text-indent: -9999px;font-size: 0px;color: transparent;}
#date {float: right; height: 24px;margin-right: 10px;}
#date * {height: 24px;line-height: 22px;}
#date-right {float: right;width: 10px; background: url(/.s/t/785/12.png);}
#date-mid {float: right; background: url(/.s/t/785/13.png);}
#date-left {float: right;width: 10px; background: url(/.s/t/785/14.png);}
/*--------------------- TOP end ---------------------*/

/*---------CONTENT-start-----------*/
#content {background:#FFFFFF; 

padding: 10px 18px;
border: 3px #CCCCCC solid; /* стили рамки */
 -moz-border-radius: 10px 10px 0 0; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px 10px 0 0; /* закругл. для старых Chrome и Safari */
 -khtml-border-radius: 10px 10px 0 0; /* закругл.для брауз.Konquerer сист. Linux */
 border-radius: 10px 10px 0 0; /* закругление углов для всех, кто понимает */
 padding: 5px; /* внутренние отступы */--------------------*/



}

#content-inside {width: 940px;}
#maincol {float: left;width:680px;}
#sidebar {float: left;width: 260px;}


/*----Container blocks styles----*/
.block {
 color: #999;
 background: #FFFFFF; repeat-y;
 border: 1px solid #1a1a1a;
 text-decoration: none;
 border: 3px #CCCCCC solid;
-moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */

}.blocktitle {background: url(/.s/t/785/23.gi) no-repeat;padding: 10px 10px 10px 10px;font: 14px 'Tahoma'; color: #4d424e; text-transform: uppercase;}
.blockbottom {background: url(/.s/t/785/24.gi);height: 12px;overflow: hidden;}
.blockcontent {text-align: left;margin: 0px 10px;width: 232px;position: relative;}
.blockcontent ul {margin: 0;padding: 0;list-style: none;}
.blockcontent li {margin-left: 25px;list-style: disc;line-height:18px;}
.blockcontent li a {}
.blockcontent li a:hover {}
.blockcontent a {}
.blockcontent a:hover {}
/*-----------------------*/
/*-----------------------*/

/*-----MAINMENU-START-----*/
.uMenuH li {float:left;padding:0 5px;list-style: none;}

ul.uMenuV li:first-child {-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;}
.uMenuV li {list-style: none;margin: 0;background: #e0e0e0 url(/.s/t/785/25.gif) repeat-x;border-bottom: 1px solid #cecece;line-height: 14px !important;}
.uMenuV li .uMenuItem {border-bottom: 1px solid #fff;display: block;padding: 1px 0px;}
.uMenuV li a {font: 12px/12px 'Tahoma';color: #6e6e6e;margin: 0;display: block;padding: 9px 0px;}
.uMenuV li a:hover, .uMenuV .uMenuItemA {color: #6196da;text-decoration: none !important;}
.uMenuV li a span {background: url(/.s/t/785/26.png) 0px 2px no-repeat; padding: 0px 0px 2px 20px;margin-left: 10px;}
.uMenuV li a:hover span, .uMenuV .uMenuItemA span {background-position: -287px 2px;}

#sidebar .xw-tl,#sidebar .xw-bl,#sidebar .u-menuvsep {display:none;}
#sidebar .xw-ml,#sidebar .xw-mr {margin:0;padding:0;background:none !important;}
#sidebar .xw-mc {color:#6e6e6e; font-weight: normal; float: none; margin: 0px; padding: 0px; line-height:28px;
background:none; !important; border:none !important;-moz-border-radius: 5px;border-radius: 5px;
}
#sidebar .u-menubody {border: 0px !important; padding: 10px 0px;background: #ececec !important;-moz-border-radius: 6px;border-radius: 6px;}
#sidebar .u-menuvitem {background: #e0e0e0 url(/.s/t/785/25.gif) repeat-x; padding: 0px; line-height:28px;border-bottom:1px solid #cdcdcd;}
#sidebar .u-menuvitem .uMenuItem {padding: 0 20px 0 10px;border-bottom: 1px solid #fff;}

#sidebar a {text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}
.uMenuV a {text-decoration: none !important;}
#sidebar .u-menuvitem span {font-size:11px;color:#6e6e6e;font-family: 'Tahoma';text-decoration: none;}
#sidebar .u-menuitemhl {background:#f7f7f7!important; padding: 0px; line-height:28px;}
#sidebar .u-menuitemhl span {font-family: 'Tahoma';color: #6e6e6e;}
#sidebar .u-menuarrow, .uMenuArrow {position: absolute; width: 4px; height: 8px; overflow: hidden;right: 5px; top: 11px;background: url(/.s/t/785/27.png) !important;}
.uMenuArrow {top: 13px;}
#sidebar .u-menu {}
/*-----MAINMENU-END-------*/




/* Entries Style */
.eBlock {}

.eTitle {font: 22px 'Tahoma';color: #3d3d3d;background: url(/.s/t/785/29.gif) repeat-x;padding: 8px 10px 5px 10px;}
.eTitle a {font: 22px 'Tahoma';color: #3d3d3d;}
.eTitle a:hover {text-decoration: underline;}

.eMessage, .eText {padding: 0px 10px 10px 10px !important;text-align: justify !important;color: #646464;font: 12px/17px 'Tahoma';}
.eMessage {}
.eText {}
.eMessage img, .eText img {background: #fff; padding: 4px !important; border-bottom: 1px solid #ccc !important; margin: 5px !important;}
.eDetails, .eDetails1, .eDetails2 {border-top: 1px solid #d6d6d6; padding: 5px 10px;font-size: 11px;text-transform: uppercase;}
.eDetails {}
.eDetails1 {}
.eDetails2 {}

.eRating {}

.eAttach {}


/* Comments Style */
.cAnswer {}
.cMessage, .cAnswer {text-align: justify !important;}
.cBlock1, .cBlock2 { margin: 10px !important;padding: 5px !important;border-radius: 5px; -moz-border-radius: 5px;-moz-box-shadow: 0 1px 2px #5D5D5D;box-shadow: 0 1px 2px #5D5D5D;
background: #f6f6f6;/*border-width: 1px; border-style: solid; border-color: #f6f6f6 #cacaca #838383 #cacaca;*/}
#maincol .cBlock1, #maincol .cBlock2 {border-top-color: #cacaca; margin: 0px !important;}
.cBlock1 {}
.cBlock2 {}
/* -------------- */












/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */

/*-------page-switches-------*/
.swchItemA, .swchItem, .swchItemA1, .swchItem1 {display: inline-block;color: #908b8b; background: url(/.s/t/785/31.gif) repeat-x;padding: 5px 7px;text-decoration: none;
border-width: 1px; border-style: solid; border-color: #dddddd #c6c6c6 #c6c6c6 #c6c6c6;
border-radius: 6px; -moz-border-radius: 6px;
}
.swchItem:hover, .swchItem1:hover {background-position: 0px -29px;text-decoration: none;}
.catPages1, .catPages2 {padding: 10px 0;}
/*---------------------------*/

/* Other Styles */
.replaceBody {}
.replaceTable {}
.legendTd {}
.codeMessage, .quoteMessage {padding: 5px !important;}
.codeMessage {font-family: monospace;}
/* ------------ */




/*----------------------------
 CSS3 Animated Navigation
-----------------------------*/


.fancyNav{
 /* Affects the UL element */
 overflow: hidden;
 display: inline-block;
}

.fancyNav li{
 /* Specifying a fallback color and we define CSS3 gradients for the major browsers: */
 
 background-color: #f0f0f0;
 background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));
 background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
 background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
 background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
 background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
 
 border-right: 1px solid rgba(9, 9, 9, 0.125);
 
 /* Adding a 1px inset highlight for a more polished efect: */
 
 box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
 -moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
 -webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
 
 position:relative;
 
 float: left;
 list-style: none;
}

.fancyNav li:after{

 /* This creates a pseudo element inslide each LI */ 
 
 content:'.';
 text-indent:-9999px;
 overflow:hidden;
 position:absolute;
 width:100%;
 height:100%;
 top:0;
 left:0;
 z-index:1;
 opacity:0;
 
 /* Gradients! */
 
 background-image:-webkit-gradient(linear, left top, right top, from(rgba(168,168,168,0.5)),color-stop(0.5,rgba(168,168,168,0)), to(rgba(168,168,168,0.5)));
 background-image:-moz-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
 background-image:-o-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
 background-image:-ms-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
 background-image:linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
 
 /* Creating borders with box-shadow. Useful, as they don't affect the size of the element. */
 
 box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
 -moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
 -webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
 
 /* This will create a smooth transition for the opacity property */
 
 -moz-transition:0.25s all;
 -webkit-transition:0.25s all;
 -o-transition:0.25s all;
 transition:0.25s all;
}

/* Treating the first LI and li:after elements separately */

.fancyNav li:first-child{
 border-radius: 4px 0 0 4px;
}

.fancyNav li:first-child:after,
.fancyNav li.selected:first-child:after{
 box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
 -moz-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
 -webkit-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
 
 border-radius:4px 0 0 4px;
}

.fancyNav li:last-child{
 border-radius: 0 4px 4px 0;
}

/* Treating the last LI and li:after elements separately */

.fancyNav li:last-child:after,
.fancyNav li.selected:last-child:after{
 box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
 -moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
 -webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
 
 border-radius:0 4px 4px 0;
}

.fancyNav li:hover:after,
.fancyNav li.selected:after,
.fancyNav li:target:after{
 /* This property triggers the CSS3 transition */
 opacity:1;
}

.fancyNav:hover li.selected:after,
.fancyNav:hover li:target:after{
 /* Hides the targeted li when we are hovering on the UL */
 opacity:0;
}

.fancyNav li.selected:hover:after,
.fancyNav li:target:hover:after{
 opacity:1 !important;
}

/* Styling the anchor elements */

.fancyNav li a{
 color: #5d5d5d;
 display: inline-block;
 font: 20px/1 Lobster,Arial,sans-serif;
 padding: 12px 35px 14px;
 position: relative;
 text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
 z-index:2;
 text-decoration:none !important;
 white-space:nowrap;
}

.fancyNav a.homeIcon{
 background:url('/i/home.png') no-repeat center center;
 display: block;
 overflow: hidden;
 padding-left: 14px;
 padding-right: 14px;
 text-indent: -9999px;
 width: 18px;
}

/*gggggggggg*/

.menuContent {
 background-color:#FFF;
 background-image: -moz-linear-gradient(center top, #FFF, #FFF, #FFF, #ddd);
 background-image: -webkit-gradient(linear, center top, center bottom, from(#FFF), color-stop(0.5, #FFF), to(#ddd));
 border:1px solid #C7C7C7;
 bottom: 10px;
 right: 0px;
 padding: 0 15px 5px;
 position: relative;
 width:960px;
 border: 3px #CCCCCC solid; /* стили рамки */
 -moz-border-radius: 10px 10px 0 0; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px 10px 0 0; /* закругл. для старых Chrome и Safari */
 -khtml-border-radius: 10px 10px 0 0; /* закругл.для брауз.Konquerer сист. Linux */
 border-radius: 10px 10px 0 0; /* закругление углов для всех, кто понимает */
 padding: 5px; /* внутренние отступы */--------------------*/


 }
 
 .menuContent a.slider {
 background-color:#fff;
 background-image: -moz-linear-gradient(center top , #ddd, #FFF);
 background-image: -webkit-gradient(linear, center top, center bottom, from(#ddd), to(#FFF));
 border: 1px solid #C7C7C7;
 border-bottom:none;
 cursor: pointer;
 float:right;
 height: 8px;
 margin:-15px 30px 0 0;
 padding:3px 20px;
 width: 8px;
 z-index: 2001;
 
 -moz-border-radius-topright: 7px;
 -moz-border-radius-topleft: 7px;
 border-top-right-radius: 7px;
 border-top-left-radius: 7px;
 -moz-box-shadow: 3px -2px 3px #B8B8B8;
 -webkit-box-shadow: 3px -2px 3px #B8B8B8;
 box-shadow: 3px -2px 3px #B8B8B8;
 }
 
 .menuContent a.slider img {
 padding-bottom: 3px;
 }
 
 #nav {
 list-style: none;
 }
 
 #nav li {
 display: inline-block;
 margin: 10px;
 }
 
 #nav li a {
 border: 1px solid #ccc;
 color:#858585;
 display: block;
 padding: 5px 10px;
 text-align:center;
 text-decoration:none;
 width: auto;
 
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 border-bottom-right-radius: 10px;
 border-top-left-radius: 10px;
 }
 
 #nav li a:hover, #nav li a.active {
 background-color:#ddd;
 }
 
 #nav li ul {
 display:none;
 }
 
 #nav li ul li {
 margin: 5px 0;
 display: block;
 }
 
 #nav li a img {
 border-width: 0px;
 margin-right: 8px;
 vertical-align: middle;
 }
 
 #nav ul li a img {
 background: url("../images/bulb.png") no-repeat;
 border-width:0px;
 height:16px;
 line-height:22px;
 margin-right:5px;
 vertical-align:middle;
 width:16px;
 }
/*правое меню*/

#navigation-block {
 position:relative;
 top:0px;
 left:0px;
}
#hide {
 position:absolute;
 top:30px;
 left:-190px;
}

ul#sliding-navigation
{
 list-style: none;
 font-size: .75em;
 margin: 0px 0;
 padding: 0;
}

ul#sliding-navigation li.sliding-element ,
ul#sliding-navigation li.sliding-element a
{
 display: block;
 width: 117px;
 padding: 2px 1px;
 margin: 0;
 margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element h3
{
 color: #fff;
 background:#333 url(heading_bg.jpg) repeat-y;
 font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
 color: #000000;
 background:#FFFFFF url(tab_bg.jpg) repeat-y;
 border: 1px solid #FFFFFF;
 text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: red; }
/*вкладки*/

#tab1, #tab2, #tab3, #tab4, #tab5, #tab6 {display:none; position:fixed;}

.menu1 > a,
.menu1 #tab2:target ~ a:nth-of-type(1),
.menu1 #tab3:target ~ a:nth-of-type(1),
.menu1 #tab4:target ~ a:nth-of-type(1),
.menu1 #tab5:target ~ a:nth-of-type(1), 
.menu1 #tab6:target ~ a:nth-of-type(1) {
 background: #fff;
 padding: 8px 15px 8px 15px;
 border: 1px solid #CAD3DA;
 line-height: 32px; text-shadow:white 1px 1px 2px; color:#676767;}

.menu1 > a:nth-of-type(1),
.menu1 #tab2:target ~ a:nth-of-type(2),
.menu1 #tab3:target ~ a:nth-of-type(3),
.menu1 #tab4:target ~ a:nth-of-type(4),
.menu1 #tab5:target ~ a:nth-of-type(5), 
.menu1 #tab6:target ~ a:nth-of-type(6) {border-bottom: #F4F8F9; background: linear-gradient(to top,#FFFFFF,#F2F2F2); text-shadow:white 1px 1px 3px; color:#000000;}
 
.menu1 > a:hover { text-decoration:; }

.menu1 > div,
.menu1 #tab2:target ~ div:nth-of-type(1),
.menu1 #tab3:target ~ div:nth-of-type(1),
.menu1 #tab4:target ~ div:nth-of-type(1),
.menu1 #tab5:target ~ div:nth-of-type(1), 
.menu1 #tab6:target ~ div:nth-of-type(1) {
 display: none;
 padding: 5px;
 border: 0px solid #CAD3DA;
 border-top: #fff;
 background: none;}

.menu1 > div:nth-of-type(1),
.menu1 #tab2:target ~ div:nth-of-type(2),
.menu1 #tab3:target ~ div:nth-of-type(3),
.menu1 #tab4:target ~ div:nth-of-type(4),
.menu1 #tab5:target ~ div:nth-of-type(5),
.menu1 #tab6:target ~ div:nth-of-type(6) { display: block; }
.leftimg {
 float:left; /* Выравнивание по левому краю */
 margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
 }
 .rightimg {
 float: right; /* Выравнивание по правому краю */ 
 margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
 }
.tabs { list-style: none; height: 32px; border-bottom: 1px solid #e0e0e0; margin: 0; padding: 0; } .page_tabs { list-style: none; height: 32px; width: 100%; margin-top: 10px; margin-bottom: -20px; border-bottom: none; } .tabs li, .page_tabs li { margin: 0px; padding: 0px; float: left; height: 31px; line-height: 32px; border: 1px solid #e0e0e0; overflow: hidden; position: relative; background: #eaeaea url('/i/tab-bg.png') repeat-x; margin-right: 2px; margin-bottom: -1px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; } .page_tabs li.active a { -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; } .tabs li a, .page_tabs li a { font-weight: bold; color: #666666; text-decoration: none; display: block; padding: 0px 20px; outline: none; } .tabs li a:hover, .page_tabs li a:hover { color: #3DC0E0; } .tabs li.active, .tabs li.active a, .tabs li.active a:hover, .page_tabs li.active, .page_tabs li.active a, .page_tabs li.active a:hover { color: #333333; background: #ffffff; border-bottom: 1px solid #ffffff; } .tab_container { border: 1px solid #e0e0e0; border-top: none; overflow: hidden; margin-bottom: 20px; background: #ffffff; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .tab_content { margin: 19px; /* 20 - border */ }




------------------------------------------*/
.cell_comment {
 float:left;
 width:98%;
 color:#666;
 background:#FFFFFF;
 margin: 10px 0px; 
 border: 3px solid #CCCCCC; 
 border-radius:3px; overflow: hidden;
 
 
 

}

.comment_top {
 float:left;
 width:100%;
 padding:5px 0px;
background:linear-gradient(to top,#FFFFFF,#EDEDED);
 border-bottom: 1px solid #E6F0F2; 
}

.comment_name{
 margin-left: 20px;
 color:grey; 
}

.comment_number {
 float:right;
 background:linear-gradient(to top,#FFFFFF,#EDEDED);
 margin-right: 20px; 
}

.comment_top span {
 font:9px Verdana,Arial,Helvetica, sans-serif;
 color:grey;
}

.comment_mp,
.comment_page {
 float:right;
 margin-right: 20px; 
}

.comment_message {
 float:left;
 font:115%/1.5 Verdana,Arial,Helvetica, sans-serif;
 text-align:justify; 

 width:94%;
 overflow: hidden;
 padding: 10px 20px 15px 20px; 
}

.comment_avatar {
 float:right;
 width:50px;
 height:50px; 
 margin: 0px 0px 10px 20px; 
 border: 3px solid #F2F2F2; 
 border-radius:3px;
}

.comment_bottom {
 float:left;
 width:100%;
 padding:6px 0px 5px 0px;
 background:linear-gradient(to top,#EDEDED,#FFFFFF);
 border-top: 1px solid #E6F0F2; 
 font:10px Verdana,Arial,Helvetica, sans-serif;
}

.comment_answer:link,
.comment_answer:visited{
 float:left;
 margin: 0px 0px 0px 20px;
 background:linear-gradient(to top,#EDEDED,#FFFFFF);
 padding: 2px 7px 2px 7px; 
 text-shadow: 1px 1px 1px #5d97a4;
 color:grey; 
}

.comment_answer:hover {
 background:#9dd0db;
}

.comment_answer:active {
 box-shadow:inset 0px 0px 3px #5a95a2!important;
}

.comment_like:link,
.comment_like:visited{
 float:right;
 background:linear-gradient(to top,#EDEDED,FFFFFF);
 padding: 2px 7px 2px 7px; 
 text-shadow: 1px 1px 1px #4aa44c;
 color:grey; 
}

.comment_like:hover {
 background:linear-gradient(to top,#FFFFFF,#EDEDED);
}

.comment_like:active {
 box-shadow:inset 0px 0px 3px #349932!important;
}

.comment_bottom strong {
 float:right;
 padding: 2px 10px 2px 10px; 
background: linear-gradient(to top,#EDEDED,#FFFFFF);
 margin-right: 20px; 
}

.comment_answer_admin{
 float:left;
 width:94%;
 margin-top: 10px;
 padding: 10px 20px 10px 20px; 
 background:#f4ecec;
 border-radius:3px;
}

.comment_avatar_admin{
 float:right;
 width:50px;
 height:50px; 
 margin: 0px 0px 10px 25px; 
 border: 3px solid #dca2a2; 
 border-radius:3px;
}

.cell_comment a:hover img {
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85); 
 -moz-opacity: 0.7;
 opacity: 0.7;
 filter: alpha(opacity=85);
}

/* Кнопка Like для uCoz №1
------------------------------------------*/
.rating_like {
 float:right;
 font: 11px Verdana,Arial,Helvetica, sans-serif;
 font-weight: bold;
 color:#fff;
 background:linear-gradient(to top,#FFFFFF,#35CDF9);
 padding: 4px 10px 4px 10px;
 border-radius: 3px; 
}
 
.rating_like a {
 float:left;
 background:linear-gradient(to top,#FFFFFF,#35CDF9); left top;
 padding: 4px 10px 4px 10px;
 margin: -4px -10px -4px -10px;

 border-radius: 3px; 
 
 color:#fff;
 text-decoration:none; 
}

.rating_like a:hover {
 background:#35CDF9; no-repeat left top;
}

.rating_like_r{
 float:right;
} 
/* Форма комментарий
------------------------------------------*/ 
 #forma_comment {
 float:left;
 width:540px;
 background:#fff;
 padding: 15px 30px 15px 30px;
}

.comm_input {
 color:#999;
 padding:5px;
 width:245px;
 background: #f9f9f9;
 border: 1px solid #E0E0E0;
 margin: 10px 0px 10px 0px; 
}

.comm_input:focus,
#forma_comment textarea:focus {
 box-shadow:inset 0px 1px 3px #c3c3c3!important;
 -webkit-box-shadow:inset 0px 1px 3px #c3c3c3!important;
 -moz-box-shadow:inset 0px 1px 3px #c3c3c3!important;
} 

#forma_comment textarea { 
 margin:0; 
 float:left;
 color:#555;
 padding:10px;
 background:#f9f9f9; 
 width:618px!important; 
 border:1px solid #E0E0E0;
 border-top:none;
} 

#panel_error {
 float:left;
 width:100%;
 text-align:center;
 margin: 5px 0px 10px 0px; 
 font: 12px Verdana,Arial,Helvetica, sans-serif; color:#c71a1a;
} 

#panel_bottom {
 float:left;
 width:100%; 
}

#ckcomm_dobavit { 
 float:right; 
 background:#dfdfdf;
 padding:4px; 
}

.left {float:left;}
.right {float:right;}

/* Вид Панели BB-кодов
------------------------------------------*/ 
#comment_panel {
 float:left;
 width:609px;
 padding: 5px 5px 5px 5px; 
 background:linear-gradient(to top,#EDEDED,#FFFFFF); 
}

#comment_panel .codeButtons{
 display:none;
}

#panel_bb {
 float:left;
 width:500px; 
}

#panel_bb a:link,
#panel_bb a:visited {
 float:left; 
 padding: 3px 10px 4px 10px;
 margin: 0px 5px 0px 0px; 
 background:#F6F6F6; 
 cursor:pointer;
 border:1px solid #B2B2B2; 
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px; 
 font: 10px Verdana,Arial,Helvetica, sans-serif; color:#555; text-shadow: 1px 1px 1px #fff; 
}

#panel_bb a:hover {background:#fff;}

.panel_i {font-style:italic!important; }
.panel_u {text-decoration: underline!important; }
.panel_info {float:right!important; margin: 0px!important;}

.menu_n {
 float:left;
 display:block; 
 position:relative;
 margin: 2px 5px 0px 0px; 
}

.dd_ugol1,
.dd_menu {width:240px;} 

.dd_menu {
 float:left;
 padding:5px;
 left:-999em;
 z-index:998;
 background:#fff;
 position:absolute;
 border:1px solid #999; 
 margin: 0px 0px 0px -5px; 
 -moz-border-radius:5px 5px 5px 5px;
 -webkit-border-radius:5px 5px 5px 5px;
 border-radius:5px 5px 5px 5px;
 box-shadow: 0px 0px 5px #999;
} 
 
.menu_n:hover .dd_menu{
 right:auto;
 left:0px;
 top:30px; 
}

.dd_ugol1 { 
 float:left;
 height:25px;
 top:-25px;
 left:4px;
 position:absolute; 
 background:url(http://www.center-dm.ru/ucoz/forma_coment/v2/fon_ugol_1.png) no-repeat left bottom; 
}

/* Разбор палётов (КАПЧА)
------------------------------------------*/ 
#panel_bottom img {
 display:none; 
}

#secuImgC {
 margin:0!important; 
 float:left!important; 
 display:inline!important; 
 border: 1px solid #E0E0E0!important; 
}

.securityCode {
 color:#777!important; 
 margin:0!important; 
 float:left!important; 
 height:35px!important; 
 padding: 5px 5px 5px 5px!important;
 background:#f9f9f9!important; 
 border: 1px solid #E0E0E0!important; 
 border-right:none!important; 
}

/* - добавляем внутреннюю тень поля */ 
.securityCode:focus {
 box-shadow:inset 0px 1px 3px #c3c3c3!important;
 -webkit-box-shadow:inset 0px 1px 3px #c3c3c3!important;
 -moz-box-shadow:inset 0px 1px 3px #c3c3c3!important;
} 

/* - кнопка добавить комментарий */ 
.kn_dobavit {
 font:11px Verdana,Arial,Helvetica, sans-serif; 
 text-shadow: 1px 1px 1px #FFFFFF; 
 float:right!important; 
 color:grey!important; 
 margin:0!important; 
 height:25px!important; 
 cursor:pointer;
 padding: 0px 10px 0px 10px!important; 
 background:linear-gradient(to top,#EDEDED,#FFFFFF); !important; 
 border: 2px solid #DFDFDF!important; 
} 

.kn_dobavit:hover {
 background:linear-gradient(to top,#FFFFFF,#EDEDED);!important; 
}

#forma_comment a:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50);} 
/* Форма поиска синяя кнопка 
------------------------------------------*/
.p_os1 { 
 float:left;
 padding:4px; 
 width:225px;
 background:#fff;
 border: 1px solid #A0A8AC; 
} 

.p_os1 input {
 float:left;
 margin:0px;
 vertical-align:middle; 
 font:11px Verdana,Arial,Helvetica,sans-serif;
}

.p_pole1 {
 color:#555;
 width:170px;
 height:25px;
 border:none; 
 padding:6px 4px;
}
 
.p_knopka1 { 
 text-shadow: 1px 1px 1px #FFFFFF;
 width:55px;
 height:25px;
 cursor:pointer;
 background:#F3F3F3;
 border:1px solid #F3F3F3; 
 color:#fff; font-weight: bold!important; 
}
 
.p_knopka1:hover {background:#F3F3F3;}

.p_os1,
.poick_knopka1 { 
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}/* Код увеличителя начинается здесь */
/* Если ваше изображение не связано ссылкой с другой страницей, оставьте ссылку в виде <a href="#nogo"> 
Иначе увеличительне будет работать в IE6 */

.ienlarger {
 float: left;
 clear: none; /* Можно установить left или right по необходимости */
 padding-bottom: 5px; /* Расстояние между миниатюрами. Лучше не трогать данное поле */
 padding-right: 5px; /* Расстояние между миниатюрами и окружающим текстом */
}

.ienlarger a { 
 display:block;
 text-decoration: none;
cursor:default;,
/* Если добавить правило cursor:default;, то отключится курсор в виде руки */
}

.ienlarger a:hover{ /* Не надо изменять тип позиционирования */
 position:relative;
}

.ienlarger span img {
 border: 1px solid #FFFFFF; /* Добавляем рамку вокруг изображения */
 margin-bottom: 8px; /* /Сдвигаем текст вниз от изображения */
}

.ienlarger a span { /* Для большого изображения и названия */
 position: absolute;
 display:none;
 color: #FFCC00; /* Текст названия */
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px; /* Размер шрифта названия */
 background-color: #000000;
 font-weight: bold;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 13px;
 padding-left: 10px;
}

.ienlarger img { /* Для IE, чтобы не было рамки вокруг ссылки */
border-width: 0;
}

.ienlarger a:hover span { 
 display:block;
 top: 50px; /* Большое изображение выскакивает вверх на 50px от миниатюры */
 left: 90px; /* Большое изображение выскакивает влево на 90px от миниатюры */
 z-index: 100;
 cursor:default;
/* Если добавить правило cursor:default;, то отключится курсор в виде руки на большом изображении */
}

.resize_thumb {
 width: 200px; /* Вводим нужный размер миниатюры здесь */
 height : 290px;
}

/* Код увеличителя закончен */


.liquid {
 background:linear-gradient(to top,#EDEDED,#FFFFFF) repeat-y scroll 50% 0;
 border:2px solid #EDEDED;
 -moz-border-radius:10px 10px 10px 10px;
 -webkit-border-radius:10px 10px 10px 10px;
 border-radius:10px 10px 10px 10px;
 padding:10px 0;

}
.liquid .previous {
 display:block;
 height:126px;
 width:64px;
 background-image:url('/i/previous.png');
 float:left;
 margin:0;
 padding:0;
}
.liquid .next {
 display:block;
 height:126px;
 width:64px;
 background-image:url('/i/next.png');
 float:right;
 margin:0;
 padding:0;
}
.liquid ul li {
 width:126px;

 padding:0 2px;
 margin:0;
}
.liquid ul li a img {
 -moz-box-shadow: 5px 5px 3px #222;
 -webkit-box-shadow: 5px 5px 3px #222;
 box-shadow: 5px 5px 3px #222;
}

/*--------------------- ---------------------*/
input[type=submit], input[type=reset], input[type=button] {background: url(/.s/t/785/31.gif) repeat-x;
font: 12px 'Tahoma';color: #686868;border-top: 1px solid #dddddd; border-bottom: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6;
border-radius: 5px; -moz-border-radius: 5px;cursor: pointer; padding: 4px 5px;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {background-position: 0px -29px;}
input[type=submit]:active, input[type=reset]:active, input[type=button]:active {}
input[type=text], input[type=password], textarea, iframe#mchatIfm2 {
background: #f4f4f4 url(/.s/t/785/33.gif) repeat-x;font: 12px 'Tahoma'; color:#686868;padding: 5px 8px; *padding: 5px 0px !important;
border-width: 1px; border-style: solid; border-color: #acacac #d0d0d0 #e9e9e9 #d0d0d0;border-radius: 8px;-moz-border-radius: 8px;
-moz-box-shadow: inset 0px 1px 0px #cdcdcd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0px 1px 0px #cdcdcd;
}
select {background: #f5f5f5;color: #686868;padding: 3px 0px;border: 1px solid #ccc;font: 12px 'Tahoma';}
iframe#mchatIfm2 {padding: 0px;}
#mchatBtn, input.codeButtons, input.button {padding-left: 0px;padding-right: 0px;}
input, select {vertical-align: middle;}
.queryField {width: auto !important;}
.commFl, .manFl {width: 100%;}
.mchat {}
input[type=radio] {vertical-align: middle;}
/*--------------------- ---------------------*/

/*--------------------- ---------------------*/
.popup a {}
.popup {margin: 8px;}
.popuptitle {background: linear-gradient(to top,#FFFFFF,#EDEDED);border: 1px solid #FFFFFF;font: 14px/30px 'Tahoma';color: red;text-shadow: 0px 1px 0px grey;text-transform: uppercase;}
.popupbody body {
 background: red;
}
/*--------------------- ---------------------*/

.myBtnLeft img, .myBtnRight img, .myBtnLeftA img, .myBtnRightA img, .myBtnRight + td input, .myBtnRightA + td input { display: block }
.myBtnCenter, .myBtnCenterA { line-height:19px !important }
.myBtnCont { height:19px; padding-bottom:0 !important }