/* Обязательные классы, для разных тегов */
body.viewMode{color:black;background:#666771;margin:0;}
body.visualMode, td.visualMode{color:black;background:white;}
body.htmlMode{background:threedface;font-family:monospace;color:black;}
body, td, th{font-family:verdana,sans-serif;font-size:80%;}

h1, h2.h1{color:#666771;font-size:1.7em;font-family:Tahoma, sans-serif;font-weight:normal;margin:5px 0;padding:0;}	/* Главная строка, системная, используется везде, где требуется озаглавить блок текста */
hr{color:#B7B8BD;clear:both;}									/* Разделитель */

table{clear:both;}
table.invisible{width:100%;empty-cells:show;}					/* Описание прозрачной таблицы */
table.invisible th{color:#7A7876;background:#F1F1F1;border-bottom:#D1D1D1 solid 1px;padding:10px 10px 5px 3px;}
table.invisible th h1, table.invisible th h2.h1{border:0;font-size:1.5em;padding:0 5px;margin:0;}
table.invisible td.frame{border:#CCCCCC solid 1px;background:#F4F4F4;}	/* Обрамление для ячеек в прозрачной таблице */

table.system{border:#C9CCCF solid 1px;background:#F3F4F5;width:100%;empty-cells:show;}	/* Описание системной таблицы */
table.system th, table.system .th{background:#A6AAAE;color:#37393A;text-align:left;font-weight:normal;}	/* Заглавная строка системных таблиц */
table.system .head{background:#E3E5E7;}							/* Подзаголовочная строка системных таблиц */
table.system .light{background:#FAFAFA;}						/* Светлая строка системных таблиц */
table.system .dark{background:#F3F4F5;}							/* Темная строка системных таблиц */
table.system .lighter{background:#E2E7EB;}						/* Cтрока подсветка при наведении для системных таблиц */
table.system .answer{background:#EAEEF1;padding:10px 10px 10px 3em;}
table.system td.padding{padding:0;}								/* Для ячеек, где необходимо убрать отступ */

table.system .light, table.system .dark, table.system .lighter, table.system .answer, table.system tr.light td, table.system tr.dark td, table.system tr.lighter td{border-top:1px solid white;}	/* Надчеркивание, чтоб разделить строки визуально */

table.system th a:link, table.system .th a:link, table.system th a:visited, table.system .th a:visited{color:#37393A;text-decoration:underline;}	/* Ссылки в заглавной строке системной таблицы */
table.system th a:hover, table.system th a:active, table.system .th a:hover, table.system .th a:active{color:#37393A;text-decoration:none;}

table.system .head a:link, table.system .head a:visited{text-decoration:underline;}			/* Ссылки в позаголовочной строке системной таблицы */
table.system .head a:hover, table.system .head a:active{text-decoration:none;}

table.system a:link{color:#0000B0;text-decoration:underline;}	/* Остальные ссылки в системной таблице */
table.system a:visited{color:#89A4EB;text-decoration:underline;}
table.system a:hover, table.system a:active{color:#89A4EB;text-decoration:none;}

span.news{color:white;background:#009900;font-weight:bold;font-size:0.8em;vertical-align:top;padding:0 3px 2px 3px;}
span.sale{color:white;background:#9900FF;font-weight:bold;font-size:0.8em;vertical-align:top;padding:0 3px 2px 3px;}
span.hit{color:white;background:#FF6600;font-weight:bold;font-size:0.8em;vertical-align:top;padding:0 3px 2px 3px;}
span.old{vertical-align:sub;text-decoration:line-through;font-size:0.9em;}

table.cart{width:100%;background:#F4F4F4;empty-cells:show;}		/* Описание таблицы корзины */
table.cart tr{background:#F4F4F4;}								/* Корзина */
table.cart tr span{background:#E5E5E5;color:black;padding:3px;vertical-align:top;}	/* Выделение текста в корзине */

table.cart a:link, table.cart a:visited{color:#FF8000;text-decoration:none;font-weight:bold;}	/* Ссылки в корзине */
table.cart a:hover, table.cart a:active{color:#FF8000;text-decoration:underline;font-weight:bold;}

table.error{width:400px;padding:0;margin:0;border:0;}				/* Стили таблицы ошибки */
table.error th{color:#E60000;font-weight:bold;text-align:left;}		/* Заголовок ошибки */
table.error td{background:#E60000;color:white;}					/* Список ошибок */
table.error ul{list-style:square;}
table.error a:link, table.error a:visited{color:white;text-decoration:underline;}		/* Ссылка в ошибках на дополнительную информацию */
table.error a:hover, table.error a:active{color:#FF0000;text-decoration:none;background:white;}

table.navigation{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;margin:20px 0;}	/* Навигационная строка */
table.navigation td{vertical-align:top;padding:0;padding-bottom:10px;margin:0;white-space:nowrap;}
table.navigation td.page{text-align:right;width:99%;}
table.navigation td.form{text-align:right;}
table.navigation td.form form{padding:0;margin:0;}

table.navigation div{border-top:1px solid #CCCCCC;padding:3px 3px 2px 3px;vertical-align:top;}
table.navigation span{background:white;border:1px solid #CCCCCC;border-top:1px solid white;margin:2px 3px;padding:3px 8px;}

table.navigation a, p.navigation a{margin:2px 3px;padding:3px 8px;border:1px solid #CCCCCC;}
table.navigation a:link, p.navigation a:link, table.navigation a:visited, p.navigation a:visited{background:#F9F9F9;color:black;text-decoration:none;}
table.navigation a:hover, table.navigation a:active, p.navigation a:hover, p.navigation a:active{background:#CCCCCC;color:white;text-decoration:none;}

.menu{padding:0;font-family:sans-serif;font-size:1em;}	/* Оформление кнопок управления */
.menu span{display:"inline-block";}
.menu span a{margin:2px 3px;padding:3px 8px;border:1px solid #CCCCCC;line-height:2em;white-space:nowrap;background-repeat:no-repeat !important;background-position:center left !important;background-image:none;text-decoration:none !important;}
.menu span a:link, .menu span a:visited{color:#666666;background-color:#F4F4F4 !important;}
.menu span a:hover, .menu span a:active{color:white;background-color:#CCCCCC !important;}

.menu span a.add{padding-left:26px;background-image:url('/images/default/interface/button-add.gif') !important;}
.menu span a.edit{padding-left:26px;background-image:url('/images/default/interface/button-edit.gif') !important;}
.menu span a.delete{padding-left:26px;background-image:url('/images/default/interface/button-delete.gif') !important;}
.menu span a.settings{padding-left:26px;background-image:url('/images/default/interface/button-settings.gif') !important;}
.menu span a.filter{padding-left:26px;background-image:url('/images/default/interface/button-filter.gif') !important;}
.menu span a.up{padding-left:26px;background-image:url('/images/default/interface/button-up.gif') !important;}
.menu span a.down{padding-left:26px;background-image:url('/images/default/interface/button-down.gif') !important;}
.menu span a.left{padding-left:26px;background-image:url('/images/default/interface/button-left.gif') !important;}
.menu span a.right{padding-left:26px;background-image:url('/images/default/interface/button-right.gif') !important;}

div.block{padding:1px;margin:0;border-style:solid;border-color:#FF0000;border-width:0;}
div.block div.menu{margin:0;padding:0;display:table;}
div.block div.menu span a{width:26px;height:26px;background-position:center !important;padding:0;display:block;float:left;}

div.calendar{display:none;position:absolute;}		/* Календарь */
div.calendar table{background:white;border:1px solid #999999;}
div.calendar td, div.calendar th{font-size:0.7em;padding:2px 6px 4px 6px;text-align:right;}
div.calendar td.date{cursor:pointer;cursor:hand;}
div.calendar tr.year td, div.calendar tr.month td{background:#F0F0F0;border-bottom:1px solid #999999;text-align:center;cursor:pointer;cursor:hand;}
div.calendar tr.year td.current, div.calendar tr.month td.current{cursor:text;}
div.calendar .today, div.calendar .clear{background:#F4F4F4;border-top:1px solid #999999;cursor:pointer;cursor:hand;}
div.calendar .today{text-align:left;}
div.calendar tr.dates td.current{border:1px solid #CCCCCC;cursor:text;}
div.calendar tr.dates td{border:1px solid white;}
div.calendar td.over{background:#CCCCCC;}
input.calendarButton{}

div.bbcode{margin:7px 0 0 0;}							/* Оформление панели кнопок BBCode */
div.bbcode a{margin:2px 3px;padding:3px 8px;border:1px solid #CCCCCC;}
div.bbcode a:link, div.bbcode a:visited{background:#FAFAFA;color:black;text-decoration:none;}
div.bbcode a:hover, div.bbcode a:active{background:#CCCCCC;color:white;text-decoration:none;}

div.bbsmiles{margin:7px 0 0 0;}							/* Оформление панели смайликов BBCode */
div.bbsmiles a{margin:0;padding:1px 2px;}

div.list{padding:0;margin-top:10px;margin-bottom:20px;}
div.list h1{font-size:1.5em;font-family:sans-serif;}
div.list div.name p.date{color:#7A7876;font-size:1.1em;margin:0;padding:2px 6px;}
div.list div.name p.discussion{float:right;text-align:right;margin:0;padding:0.2em 5px 2px 12px;font-size:0.9em;}
div.list div.name p.discussion a{color:#7A7876 !important;}
div.list div.name p.discussion a:link, div.list div.name p.discussion a:visited{text-decoration:none;}
div.list div.name p.discussion a:hover, div.list div.name p.discussion a:active{text-decoration:underline;}
div.list div.name h1, div.name h2{padding:5px 5px 7px 5px;margin:0;font-size:1.2em;background:#F0F0F0;border-top:3px solid #CCCCCC;border-bottom:0;}
div.list div.notice{margin-left:4px;margin-right:4px;margin-top:10px;padding-top:12px;}
div.list p.copyright{text-align:right;}
div.list p.more{text-align:right;}
div.list p.navigation{padding-left:4px !important;padding-right:4px !important;font-size:0.8em !important;}

/* for all script */
#overlay, #overlayAnimation, #overlayPictures{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:black;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;
display:none;}

.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
* html>body .clearfix{display:inline-block;width:100%;}
* html .clearfix{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

/* thumbnail */
#thumbnail{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#thumbnail a img{border:none;}
#outerImageContainer{position:relative;background-color:white;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink, #nextLink{width:49%;height:100%;background:transparent url('/images/default/e.gif') no-repeat;display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover{background:url('/images/default/interface/prev.gif') left 50% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{background:url('/images/default/interface/next.gif') right 50% no-repeat;}

#imageDataContainer{font:10px verdana,helvetica,sans-serif;background-color:white;margin:0 auto;line-height:1.4em;}
#imageData{padding:5px 10px 0 10px;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight: bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #topNavClose{width:22px;float:right;padding-top:0.7em;}

a.zoom img{cursor:url('/images/default/interface/cursor/zoomin.cur'), pointer, hand !important;}

/* chooseAnimation, choosePictures */
#chooseAnimation, #choosePictures{position:absolute;top:10px;left:10px;width:100%;height:500px;z-index:100;}
#chooseAnimation .navigation, #choosePictures .navigation{background:white;padding:7px;text-align:right;}
#chooseAnimation .navigationClose, #choosePictures .navigationClose{width:30px;height:30px;clear:both;background:url('/images/default/interface/close-grey.gif') no-repeat center;}
#chooseAnimationFrame, #choosePicturesFrame{}

/* choosePictures */
.choosePicturesDragable{height:120px;}
.choosePicturesDragable div{width:120px;height:120px;float:left;border:#CCCCCC solid 1px;background:#F4F4F4;margin:3px;}

.choosePicturesTrash{background:grey;width:120px;height:120px;background:url('/images/default/interface/icons/clearcache.png') center no-repeat;}
.choosePicturesTrash div{width:120px;height:120px;float:left;}

/* treeView */
ul.treeview{margin:0 !important;padding:0 !important;}
ul.treeview .hitarea{background-image:url('/images/default/interface/treeview.gif');background-repeat:no-repeat;background-position:0 -25px;height:16px;width:16px;margin-left:-16px;float:left;cursor:pointer;cursor:hand;}

/* fix for IE6 */
* html .hitarea{display:inline;float:none;}

ul.treeview ul{padding:0;margin:4px 0 0 0;}
ul.treeview li{list-style-type:none;margin:0 !important;padding:3px 0 3px 16px;background:url('/images/default/interface/treeview.gif') -16px 0 no-repeat;}
ul.treeview li.last{background-position:-16px -1766px;}
ul.treeview .close{background-position:0 -3px !important;}
ul.treeview a.current{font-weight:bold !important;}

form{padding:0;margin:0;}
img.button{cursor:pointer;cursor:hand;}
div.button{width:100px;height:75px;text-align:center;float:left;display:inline !important;margin:10px;}
div.scroll{height:300px;overflow:auto;background:white;padding:5px;border:1px #CCCCCC solid;}

ol.search{margin:0 0 1.7em 20px;padding:0 0 0 21px;}
ol.search li{margin-bottom:1em;padding:0;font-size:0.9em;}
ol.search li a{font-size:1.2em;}
.search b{background:#B9B9B9;font-weight:bold;padding:0 5px;}

.button{}												/* Кнопки формы */
.submit{font-size:1.2em;font-weight:bold;}				/* Кнопки формы */
.small{font-size:0.8em;}								/* Шрифт на размер меньше, аналог <small> */
.big{font-size:1.2em;}									/* Шрифт на размер больше, аналог <big> */
.back{text-align:left;}									/* Вырвнивание ссылки "Назад" */
.clear{clear:both !important;}

.wauto{width:auto !important;}
.w100{width:100%;}	.h100{height:100%;}
.w90{width:90%;}	.h90{height:90%;}
.w80{width:80%;}	.h80{height:80%;}
.w70{width:70%;}	.h70{height:70%;}
.w60{width:60%;}	.h60{height:60%;}
.w50{width:50%;}	.h50{height:50%;}
.w40{width:40%;}	.h40{height:40%;}
.w30{width:30%;}	.h30{height:30%;}
.w20{width:20%;}	.h20{height:20%;}
.w10{width:10%;}	.h10{height:10%;}

.left, .lt, .lm, .lb{text-align:left !important;}		/* Выравнивания для ячеек таблицы и не только */
.center, .ct, .cm, .cb{text-align:center !important;}
.right, .rt, .rm, .rb{text-align:right !important;}
.top, .lt, .ct, .rt{vertical-align:top !important;}
.middle, .lm, .cm, .rm{vertical-align:middle !important;}
.bottom, .lb, .cb, .rb{vertical-align:bottom !important;}
.bt-rl{layout-flow:vertical-ideographic;writing-mode:bt-rl;}

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

/* Теги, используемые в визуальном редакторе */
h2{font-size:1.5em;color:#666771;font-family:tahoma,sans-serif;font-weight:normal;margin:5px 0;padding:0;}	/* Главная строка, пользовательская, первого уровня */
h3{font-size:1.3em;color:#666771;font-family:tahoma,sans-serif;font-weight:normal;margin:5px 0;padding:0;}	/* Главная строка, пользовательская, второго уровня */
p{}														/* Абзац, обычный, пользовательский */
p.typewritten{clear:both;background:white;color:#333333;font-family:monospace;border-top:1px solid #999999;border-right:1px solid #999999;border-bottom:1px solid #999999;border-left:20px solid #999999;margin:10px 0 10px 25px;padding:5px 3px 3px 15px;}	/* Абзац, машинописный, пользовательский */
b,strong{}												/* Полужирный, пользовательский */
i,em{}													/* Курсив, пользовательский */
u{}														/* Подчеркивание, пользовательское */
sup{}													/* Верхний индекс, пользовательский */
sub{}													/* Нижний индекс, пользовательский */
ul{list-style:square;}									/* Ненумерованный список */
blockquote{clear:both;background:white url('/images/default/interface/forum-quote.gif') no-repeat;color:#333333;border:1px dotted #999999;margin:10px 0 10px 25px;padding:5px 3px 3px 25px;}	/* Абзац, цитата, пользовательский */
blockquote p{margin:0 0 5px 0;padding:0;}
blockquote img{float:none !important;}
blockquote table{width:auto !important;}

a:link{color:#1B43A6;text-decoration:underline;}		/* Ссылка, пользовательская */
a:visited{color:#1B43A6;text-decoration:underline;}
a:hover{color:#1B43A6;text-decoration:none;}
a:active{color:#1B43A6;text-decoration:none;}

/* Описание таблиц редактора */
table.simple{empty-cells:show;}
td.simpleHeader{font-weight:bold;border-top:2px solid #CCCCCC;border-bottom:2px solid #CCCCCC;background:#F4F4F4;}
td.simpleCell{border-bottom:1px solid #CCCCCC;}
td.simpleFoot{border-top:1px solid #CCCCCC;border-bottom:2px solid #CCCCCC;background:#FAFAFA;}

td.simpleHeader a:link{}
td.simpleHeader a:visited{}
td.simpleHeader a:hover{}
td.simpleHeader a:active{}

td.simpleFoot a:link{}
td.simpleFoot a:visited{}
td.simpleFoot a:hover{}
td.simpleFoot a:active{}

table.full{border:#CCCCCC solid 2px;background:#CCCCCC;empty-cells:show;}

td.fullFH{background:#90A0B0;color:#3D434A;text-align:left;font-weight:bold;}
td.fullFL{background:#B0C0D0;color:#3D434A;text-align:center;font-weight:bold;}
td.fullFD{background:#A0B0C0;color:#3D434A;text-align:center;font-weight:bold;}
td.fullFE{background:#90A0B0;color:#3D434A;text-align:right;font-weight:bold;}

td.fullFH a:link, td.fullFL a:link, td.fullFD a:link, td.fullFE a:link{color:#3D434A;text-decoration:underline;}
td.fullFH a:visited, td.fullFL a:visited, td.fullFD a:visited, td.fullFE a:visited{color:#3D434A;text-decoration:underline;}
td.fullFH a:hover, td.fullFL a:hover, td.fullFD a:hover, td.fullFE a:hover{color:#3D434A;text-decoration:none;}
td.fullFH a:active, td.fullFL a:active, td.fullFD a:active, td.fullFE a:active{color:#3D434A;text-decoration:underline;}

td.fullLH{background:#F0F0F0;text-align:left;}
td.fullLL{background:#FCFCFC;text-align:center;}
td.fullLD{background:#F6F6F6;text-align:center;}
td.fullLE{background:#F0F0F0;text-align:right;}

td.fullDH{background:#E8E8E8;text-align:left;}
td.fullDL{background:#F4F4F4;text-align:center;}
td.fullDD{background:#EEEEEE;text-align:center;}
td.fullDE{background:#E8E8E8;text-align:right;}

td.fullEH{background:#E0E3E6;text-align:left;}
td.fullEL{background:#F0F3F6;text-align:center;}
td.fullED{background:#E8EBEE;text-align:center;}
td.fullEE{background:#E0E3E6;text-align:right;}

td.fullEH a:link, td.fullEL a:link, td.fullED a:link, td.fullEE a:link{}
td.fullEH a:visited, td.fullEL a:visited, td.fullED a:visited, td.fullEE a:visited{}
td.fullEH a:hover, td.fullEL a:hover, td.fullED a:hover, td.fullEE a:hover{}
td.fullEH a:active, td.fullEL a:active, td.fullED a:active, td.fullEE a:active{}

/* Переназначение для текущего дизайна */

.top_design{background:#484B52;color:white;}

.header_design{background:#484B52 url('/images/siteberry_help/header_bg.gif') repeat-x;color:#B6B5B7;padding:5px 10px 10px 10px;font-size:1.3em;font-family:tahoma,sans-serif;font-weight:normal;}
.copy_design{background:#484B52;color:#B6B5B7;padding:10px;font-size:0.8em;}

.printer{background:#484B52 url('/images/siteberry_help/header_bg.gif') repeat-x;text-align:right;vertical-align:middle !important;color:#B6B5B7;font-family:tahoma,sans-serif;padding:0 10px;}

.header_design a:link, .copy_design a:link, .printer a:link, .header_design a:visited, .copy_design a:visited, .printer a:visited{color:#B6B5B7;text-decoration:underline;}	
.header_design a:hover, .copy_design a:hover, .printer a:hover, .header_design a:active, .copy_design a:active, .printer a:active{color:#B6B5B7;text-decoration:none;}

.search_line{background:#71A052;color:white;padding:0 10px;text-align:right;vertical-align:bottom !important;}
.search_line input{height:20px;font-size:0.8em;}

.menu_design{width:30%;padding:10px;vertical-align:top;color:white;}
.menu_design h2{background:#71A052;color:white;padding:0 7px;}
.menu_design ul{color:white;padding:0;margin:0 20px;}
.menu_design ul li{padding:7px 0;}

.menu_design a:link, .menu_design a:visited{color:white;text-decoration:underline;}	
.menu_design a:hover, .menu_design a:active{color:#37393E;text-decoration:none;background:#B6B5B7;}

.content_design{background:white;padding:10px;width:70%;padding:10px;vertical-align:top;}
.content_design img{border:dotted 1px #858693;}