/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 23, 2016 */


@font-face {
    font-family: 'pt_sans_rub';
    src: url('fonts/pt_sans_rub/ptsansrub-bold-webfont.eot');
    src: url('fonts/pt_sans_rub/ptsansrub-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans_rub/ptsansrub-bold-webfont.woff2') format('woff2'),
         url('fonts/pt_sans_rub/ptsansrub-bold-webfont.woff') format('woff'),
         url('fonts/pt_sans_rub/ptsansrub-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sans_rub';
    src: url('fonts/pt_sans_rub/ptsansrub-bolditalic-webfont.eot');
    src: url('fonts/pt_sans_rub/ptsansrub-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans_rub/ptsansrub-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/pt_sans_rub/ptsansrub-bolditalic-webfont.woff') format('woff'),
         url('fonts/pt_sans_rub/ptsansrub-bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'pt_sans_rub';
    src: url('fonts/pt_sans_rub/ptsansrub-italic-webfont.eot');
    src: url('fonts/pt_sans_rub/ptsansrub-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans_rub/ptsansrub-italic-webfont.woff2') format('woff2'),
         url('fonts/pt_sans_rub/ptsansrub-italic-webfont.woff') format('woff'),
         url('fonts/pt_sans_rub/ptsansrub-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'pt_sans_rub';
    src: url('fonts/pt_sans_rub/ptsansrub-regular-webfont.eot');
    src: url('fonts/pt_sans_rub/ptsansrub-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans_rub/ptsansrub-regular-webfont.woff2') format('woff2'),
         url('fonts/pt_sans_rub/ptsansrub-regular-webfont.woff') format('woff'),
         url('fonts/pt_sans_rub/ptsansrub-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




/*@font-face {font-family: 'PT Sans';  font-style: normal;  font-weight: 400;  src: local('PT Sans'), url('fonts/PTS55F.ttf') format('ttf');}
@font-face {font-family: 'PT Sans';  font-style: italic;  font-weight: 400;  src: local('PT Sans'), url('fonts/PTS56F.ttf') format('ttf');}
@font-face {font-family: 'PT Sans';  font-style: normal;  font-weight: bold;  src: local('PT Sans'), url('fonts/PTS75F.ttf') format('ttf');}
@font-face {font-family: 'PT Sans';  font-style: italic;  font-weight: bold;  src: local('PT Sans'), url('fonts/PTS76F.ttf') format('ttf');}*/


span.rub {
    font-family:pt_sans_rub, 'PT Sans', 'Open Sans', 'Segoe UI', Verdana, Helvetica, Sans-Serif, sans-serif;
}




html, body, #mainlayout {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color:#fff;
    color:#000;
    min-width:980px;
}

body, textarea, input, button {
    font-family: 'PT Sans', 'Open Sans', 'Segoe UI', 'Roboto', 'Ubuntu', Helvetica, 'Trebuchet MS', Tahoma, Sans-Serif, sans-serif;
    font-size:1em;
}

main {
    display:block;
    min-height:100%;
    margin-bottom:-50px; /*компенсация футера*/
    }
header {
    display:block;
    align-content:center;
    }
#footer-compensation, footer {
    display:block;
    height: 50px;
    margin: 0;
    padding: 0;
}
footer {
    background-color:rgb(200,200,200);
    }


.inner {
    max-width:1500px;
    margin:auto;
    position:relative;
    height:100%;
    }

.inner .pad-lr {
    padding-right:20px;
    padding-left: 20px;
    }

/* Новая верстка */
.inner_art {
    width:100%;
    position:relative;
    height:100%;
    text-align:center;
    margin-bottom: 0.9em;
    }
.custom {
    width:100%;
    position:relative;
    height:100%;
    text-align:center;
    margin-bottom: 1.5em;
    }



 .right     {text-align:right;}
 .center    {text-align:center;}
 .left      {text-align:left;}
 .bold      {font-weight:bold;}
 .top       {vertical-align:top;}
 .middle    {vertical-align:middle;}
 .bottom    {vertical-align:bottom;}

 .smaller   {font-size: 85%;}
 .italic     {font-style:italic;}




#logo {
    position: absolute;
    top:0;
    bottom:0;
    left:20px;
    margin:auto;
    height:49px; 
    width:208px; 
    background:url(logo_small.png) no-repeat top left;
    }

ul#mainmenu {
    position: relative;
    margin-left:250px;
    margin-top: 30px;
    display:inline-block;
    list-style: none;
    }

ul#mainmenu > li {
    display:inline;
    }
ul#mainmenu > li a:hover {
    text-decoration: none;
    border-bottom: 1px solid rgb(158, 190, 255)
    }

ul#mainmenu > li a {
    padding: .5em 1em;
    }



#auth {
    position: absolute;
    margin:auto;
    height:100%;
    right:20px;
    top:7px;
    }

.logocontainer {
    height:70px; 
    border-bottom: 1px solid rgb(230,230,230); 
    position:relative; 
    background-color:rgb(245,245,245)
    }

#copy {
    position: absolute;
    top:0;
    bottom:0;
    left:20px;
    height:20px;
    margin:auto;
    font-size:85%;
    }





.parentlogo {
    padding: 1.5em 4%;
    text-align:center;
    }
div.m_item h1.mnuheader, div.wrapper h1.mnuheader {
    font-weight:bold;
    font-size:110%;
    padding: 0.5em 0.7em;
    border-bottom: 1px solid rgb(200,200,200)
    }
div.wrapper h1.mnuheader {
    margin: .5em 1em;
    }


ul.pblock-list {
    /*margin:0;*/
    }
ul.pblock-list li {
    margin-bottom:0.7em;
    list-style-type: none; 
    }
ul.pblock-list li::before {
    color: black;
    content: '\2014\a0';
    float: left;
    margin-left: -1.5em;
    }
.comment {
    font-size:90%;
    font-style:italic;
    margin: 0.3em 0;
    }

.biglogo {
    min-width:100px;
    width:80%;
    }


/* Общий контейнер */
.wrapper {
    width: 100%;
    /*margin: 3em auto;*/
    margin: 0 auto 3em;
}
/* ------------- Контейнер с адаптивными блоками------------- */
.masonry, .masonryshort {
    /*margin: 1.5em 0;*/
    margin: .5em 1em;
    padding: 0;
    column-gap: 1.5em; /* Общее расстояние между колонками */
    font-size: .85em;
    -moz-column-gap: 1.5em; /* Расстояние между колонками для Firefox */
    -webkit-column-gap: 1.5em; /* Расстояние между колонками  для Safari, Chrome и iOS */
}
/* Элементы в виде плиток с содержанием */
.masonry .m_item, .masonryshort .m_item {
    display: inline-block;
    /*background: #fff;*/
    padding: 0 1em;
    /*margin: 0 0 1.5em;*/
    margin: 0 0 0.5em;
    width: 100%;
    box-sizing: border-box; /* Изменения алгоритма расчета ширины и высоты элемента.*/
    -moz-box-sizing: border-box; /* Для Firefox */ 
    -webkit-box-sizing: border-box; /* Для Safari, Chrome, iOS иAndroid */ 
    /*box-shadow: 2px 2px 4px 0 #ccc;*/ /* Внешняя тень плиток */
}






/* Медиа-запросы для различных размеров адаптивного макета */
@media only screen and (min-width: 400px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}
@media only screen and (min-width: 600px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .masonryshort{
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}
@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
    .masonryshort{
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 1280px) {
    .wrapper {
        width: 1260px;
        }
    .parentlogo {
        padding: 3em 4%;
        }
}



















textarea, input, select {
    font-size:90%;
    padding:1px 0;
    margin:2px;
    max-width:900px;
}
select {max-width:700px}


.multi-line { /*height:40em;*/ width:80%; }


a {cursor:pointer;}
a:link {color:#008ACE}
a:hover {color:#CC0000}
/*a:visited {color:#B40EB4}
a:visited:hover {color:#CC0000}*/
a:focus {outline:none}

h1 {font-size: 2em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}

h1.title {
    font-size: 150%;
    margin-bottom: 0.2em;
    margin-top: 0.1em;
    }







h1.title a {color:rgb(0,200,100)}
h1.title a:hover {color:rgb(30,230,130)}
h1.title a:visited {color:rgb(110, 200, 150)}
h1.title a:visited:hover {color:rgb(140,240,180)}



h1.title a.ready {color:rgb(0,0,170)}
h1.title a.ready:hover {color:rgb(30,30,170)}
h1.title a.ready:visited {color:rgb(70,70,170)}
h1.title a.ready:visited:hover {color:rgb(100,100,170)}



.article-item.publish .firstparagraph {color: black}
.article-item .firstparagraph {color: rgb(120,120,120)}




ul.list {list-style-type: none; margin:0;}
ul.list {padding:0; padding-left: 1.3em;}
ul.list > li::before { color: black; content: '\2014\a0'; margin-right: 5px;}
ul.list li {display: list-item; margin-bottom: .5em; text-align: -webkit-match-parent;}
ul.list > li{text-indent: -1.3em;}


ul.innerlist {list-style-type: square; margin:.5em 0 0 0;}
ul.innerlist {padding:0; padding-left: 1.3em;}
/*ul.innerlist > li::before {margin-right: 5px;}*/
ul.innerlist li {display: list-item; margin-bottom: .2em; text-align: -webkit-match-parent;}
ul.innerlist > li{text-indent: 0em;}



ul.requests li {
    font-style: italic;
    }


table /**/{border:0; padding:0; margin:0;}


table.innerdata {
    font-size: 90%;
    /*margin-bottom: .9em;*/
    }




table.innerdata td {
    padding:2px 20px 2px 5px;
    vertical-align:top;
    }
table.innerdata td.comment, span.comment {
    font-size: 80%;
    color: rgb(180, 180, 180);
    font-style: italic;    
    }
table.center td,
table.center th {
    padding:2px 5px;
    }
table.middle td,
table.middle th {
    vertical-align:middle;
    }


table.innerdata tr.topborder td, 
table.innerdata tr.topborder th,
table.innerdata tr.bordertop td, 
table.innerdata tr.bordertop th {
    border-top: 1px solid rgb(220,220,220);
    }
table.innerdata tr.bottomborder td,
table.innerdata tr.bottomborder th,
table.innerdata tr.borderbottom td,
table.innerdata tr.borderbottom th {
    border-bottom: 1px solid rgb(220,220,220);
    }
table.innerdata tr th {
    padding:2px 10px;
    }
    
table.innerdata td.td_yes,
table.innerdata td.td_no {
    text-align:center;
    padding:2px 10px;
    }

table.innerdata td.td_yes {
    background-color:rgb(155, 255, 155);
    }
table.innerdata td.td_no {
    background-color:rgb(255, 155, 155);
    }
table.innerdata td.on {
    background-color:rgb(240,240,240);
    }
table.innerdata td.off {
    color:rgb(230, 230, 230);
    }
    
    
/*table.innerdata tr.bold {
    border-top: 1px solid rgb(220,220,220);
    }*/



table.innerdata.hborder td {border-bottom: 1px solid rgb(170,170,170); }
table.innerdata.hborder    {border-top: 1px solid rgb(170,170,170);    }



table.border td,
table.border th {
    border: 1px solid rgb(220,220,220);
    border-collapse: collapse;
    border-spacing: 0;
}

table.border {
    border: 1px solid rgb(220,220,220);
    border-collapse: collapse;
    border-spacing: 0;
}

tr.border td,
tr.border th {
    border: 1px solid rgb(220,220,220);
    border-collapse: collapse;
    border-spacing: 0;
}





/*-------Общие стили-------*/
.date {
    font-size: 70%;
    color: #555555;
    line-height: 100%;
    /*display:inline-block;*/
    }
/* ^ ^ ^ Общие стили ^ ^ ^ */




/*-------Основное форматирование абзацев-------*/
/*.body {
    font-size: 100%;
    line-height: 160%;
    margin-bottom: 1.2em;
    margin-top: 0;
    }*/
.body, 
div.paragraph[ineditmode="true"] textarea.multi-line {
    font-size: 100%;
    line-height: 140%;
    /*margin-bottom: .9em;*/
    margin-bottom: 0;
    margin-top: 0;
    text-align:justify;
    }
    
p.entry {font-size:110%; font-style:italic;}    
p.sh {font-weight:bold;margin-bottom: .9em; font-size:110%; margin-top:1em;}    
p.epigraph {padding-left:40%; text-align:right; color:Gray;}    
p.epigraph span.epigraphsource { font-size:90%; font-style:italic;}    
/* ^ ^ ^ Основное форматирование абзацев ^ ^ ^ */





/*-------Стили абзацев и интерактивное поведение-------*/

div.paragraph {
    position:relative;
    border: 1px solid rgba(200,200,200,0);
    }
div.paragraph:hover, 
div.paragraph[ineditmode="true"] {
    border: 1px solid rgb(200,200,200);
    border-radius: 2px;
    }

div.paragraph div.buttons_rb,
div.paragraph div.buttons_rt  {
    visibility:hidden;
    position:absolute;
    right:-1px;
    }
div.paragraph div.buttons_rb {
    bottom:-1px;
    }
div.paragraph div.buttons_rt {
    top:-1px;
    }
    

div.paragraph button.rb,
div.paragraph button.rt  {
    cursor:default;
    text-decoration:none;
    display:block;
    width:20px;
    height:20px;
    border: 1px solid rgb(200,200,200);
    background-color:rgb(255,255,255);
    text-align:center;
    }

div.paragraph button.rb:hover,
div.paragraph button.rt:hover  {
    background-color:rgb(220,220,220);
    }


div.paragraph button.rb {
    border-bottom-right-radius: 2px;
    border-top-left-radius: 6px;
    }
div.paragraph button.rt  {
    border-top-right-radius: 2px;
    border-bottom-left-radius: 6px;
    }

div.paragraph:hover div.buttons_rb,
div.paragraph:hover div.buttons_rt {
    visibility:visible;
    }




div.paragraph:hover div.parbuttons {
    visibility:visible;
    z-index:999999;
    }
div.paragraph div.parbuttons {
    position:absolute; 
    /*left:100%;*/ 
    top:-1px; 
    z-index:1;
    font-size:70%;
    visibility:hidden;
    z-index:99999999;
    }

div.paragraph div.flipleft {
    left:100%; 
    }

div.paragraph div.flipright {
    right:2%; 
    }

div.paragraph div.fliptop {
    font-size:80%;
    height:24px;
    top:-25px; 
    left:-1px;
    }


a .bleft {
    border-left: 1px solid rgb(200,200,200);
    }
a .bbottom {
    border-bottom: 1px solid rgb(200,200,200);
    }

div.paragraph div.parbuttons a.button {
    display:block;
    padding:2px 6px 2px 3px;
    border: 1px solid rgb(200,200,200);
    border-bottom:none;
    cursor:default;
    background-color:rgb(255,255,255);
    /*color:rgb(200,200,200);*/
    }
div.paragraph div.parbuttons .button:hover {
    /*color:black;*/
    }

div.paragraph div.parbuttons .button.first {
    border-top-right-radius: 8px;
    }
div.paragraph div.parbuttons .button.last {
    border: 1px solid rgb(200,200,200);
    border-bottom-right-radius: 8px;
    }


div.paragraph div.parbuttons .hbutton,
div.paragraph div.parbuttons .sbutton {
    display:inline-block;
    padding: 3px 6px;
    border: 1px solid rgb(200,200,200);
    border-bottom:none;
    cursor:default;
    background-color:rgb(255,255,255);
    margin:0;
    text-align:center;
    /*color:rgb(200,200,200);*/
    }
div.paragraph div.parbuttons .hbutton,
div.paragraph div.parbuttons .sbutton {
    border-left: none;
    min-width:16px;
    /*color:black;*/
    }

div.paragraph div.parbuttons .hbutton.first {
    border-left: 1px solid rgb(200,200,200);
    border-top-left-radius: 4px;
    }
div.paragraph div.parbuttons .hbutton.last {
    /*border: 1px solid rgb(200,200,200);*/
    border-top-right-radius: 4px;
    }





div.paragraph .hbutton:hover>.submenu,
div.paragraph .hbutton>.submenu:hover {
    /*border: 1px solid rgb(200,200,200);*/
    visibility:visible;
    }

div.paragraph .hbutton > .submenu {
    visibility:hidden;
    position:absolute; 
    top:100%; 
    left:-1px;
    text-align: left;
    text-wrap: normal;
    }

.notvisible { visibility:hidden;}
.nowrap {white-space: nowrap;}




div.paragraph .editform div.parbuttons, 
div.paragraph .createform div.parbuttons {
    visibility:visible;
    }





div.paragraph div.editbuttons {
    position:absolute; 
    bottom:-1px; 
    left:50%; 
    z-index:1;
    }

div.paragraph div.editbuttons div.buttons {
    margin-left:-50%;
    opacity:0.4;
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    font-size:80%;
    /*background-color:yellow; */
    }
div.paragraph div.editbuttons div.buttons:hover {
    opacity:0.95;
    filter:alpha(opacity=95);
    -moz-opacity:0.95;
    }
    
    
div.paragraph div.editbuttons div.buttons a.button {
    padding:3px 10px;
    margin:0;
    border: 1px solid rgb(200,200,200);
    background-color:rgb(255,255,255);
    outline:none;
    display:inline-block;
    cursor:default;
    }

div.paragraph div.editbuttons div.buttons a.OK {
    border-top-left-radius: 8px;
    }
div.paragraph div.editbuttons div.buttons a.Cancel {
    border-top-right-radius: 8px;
    }



/* ^ ^ ^ Стили абзацев и интерактивное поведение ^ ^ ^ */










.inner_art table[id^='paragraph'] { 
    table-layout:fixed; 
    max-width: 1500px;
    display: inline-table;
    text-align: left;
    width:100%;
}


td.pnum {
    font-size: 50%;
    color: #808080;
    padding-top: 0.4em;
    text-align:center;
    width: 8%;
    }
td.pnum a {
    text-decoration: none;
    color: rgb(200,200,200);
    border-bottom: none;
    }

td.leftpart {width: 8%; text-align:right;}
td.content {width: 51%; max-width:80%}
td.side {width: 33%;
            font-size: 85%;
            padding-left: 3em;
            padding-right: 1.5em;
            font-style: italic;}
    
    
table.code td {
    background-color:rgb(245, 246, 248); 
    }
table.task td.pnum,
table.task td.leftpart,
table.task td.content  {
    background-color:rgb(220, 255, 220); 
    }
table.note td {
    background-color:rgb(255, 255, 210); 
    }
table.att td {
    background-color:rgb(253, 196, 196); 
    }
table.important td {
    background-color:rgb(255, 200, 100); 
    }
/*div .inner-code {background-color:rgb(245, 246, 248);}
div .inner-task {background-color:rgb(220, 255, 220);}
div .inner-note {background-color:rgb(255, 255, 210);}*/





table.code td.content, 
table.task td.content, 
table.important td.content, 
table.att td.content, 
table.note td.content {width: 70%; max-width:80%; padding: .9em 0;}

table.important td.content, 
table.att td.content, 
table.task td.content  {padding-right:1.5em;}

table.task td.content div.parmainpart,
table.important td.content div.parmainpart,
table.att td.content div.parmainpart  {font-style:italic;}
table.note td.content div.parmainpart {font-style:italic;font-size:95%;}

table.code td.side,
table.task td.side,
table.important td.side,
table.att td.side,
table.note td.side {width: 14%;}

table.code td.leftpart      {padding: .7em 1.3em .9em 0;}
table.task td.leftpart, 
table.important td.leftpart, 
table.att td.leftpart       {padding: .9em 1.3em .9em 0; font-weight:bold; font-style:italic;}
table.note      td.leftpart {padding: 1.1em 1.3em .9em 0; font-size: 90%; font-style:italic;}

table.code td.leftpart .lang {color:rgb(210,210,210); font-size:70%; font-family: Consolas, Lucida Console;}





div.citate {
    position: relative;
    font-style: italic;
    padding: 0 60px;
    }

div.citate .leftquote,
div.citate .rightquote {
    position: absolute;
    width:50px;
    height:33px;
    opacity:0.2;
    }

div.citate .leftquote {
    top:70%; 
    left:0;
    background:url(quote.png) no-repeat;
    }
div.citate .rightquote {
    top:0; 
    right:0;
    background:url(quote.png) no-repeat;
    }


div.imgdescr {
    font-size: 85%;
    /*padding-left: 50%;*/
    text-align:center;
    font-style: italic;
    margin-top: .5em;
    margin-bottom: 1.3em;
    }

img.imgnodescr {
    /*margin-bottom: 1.1em;*/
    margin-bottom: 0;
    
    }    
img.fresco {
    max-width:100%;
    cursor:pointer;
    }    
    
/*td.content .paragraph img {width: 100%;}*/
td.content .paragraph img {max-width: 100%;}



div.loading {
    height:200px;
    font-size:80%;
    font-style:italic;
    position:relative;
    }    

div.loading div.abs {
    position:absolute;
    left:50%;
    top:50%;
    }    
div.loading div.abs div {
    margin-left:-50%;
    margin-top:-50%;
    text-align:center;
    }    



#articleimages {
    display:block; 
    position:fixed; 
    top:0; 
    right:0; 
    /*width:30%; */
    width:0; 
    height:100%; 
    /*padding-left:20px;*/
        opacity:0.95;
        filter:alpha(opacity=95);
        -moz-opacity:0.95;
    /*background-color: White; 
    border-left:1px solid black;*/ 
    z-index:989999;
    }

    
#articleimages .labels {
    position: absolute; 
    left:-26px; 
    top:5%; 
    width:25px; 
    z-index:999999;
    /*height:200px;*/
    /*background-color:yellow;*/
    }


#articleimages .label, #articleimages .activelabel {
    display:block;
    height:38px;
    border:1px solid rgb(190,190,190);
    border-radius: 3px 0 0 3px;
    width:100%; 
    text-align:center;
    cursor:pointer;
    }
#articleimages .label img, #articleimages .activelabel img {
    margin-top:10px;
    }
#articleimages .label {
    border-right:1px solid rgb(190,190,190);
    background-color:rgb(240,240,240);
    color:rgb(150,150,150);
    }

#articleimages .activelabel {
    border-right:1px solid rgb(220,220,220);
    background-color:rgb(220,220,220);
    }



#articleimages .imgcontainer {
    position: relative;
    display:none; 
    height:100%; 
    background-color:rgb(220,220,220);
    overflow-y:scroll;
    /*padding:5px 0 0 5px;*/
	/*Это нужно для исключения отступов между элементами*/
    z-index:999999;
    border-left:1px solid rgb(190,190,190);
    }

#articleimages .imgcontainer>div {
    padding:5px 0 0 5px;
	font-size:0; /* убираем горизонтальные отступы */
	line-height:0; /* ...и вертикальные в некоторых браузерах */
	letter-spacing:-1px; /* переубеждаем webkit'ы */
    }


#articleimages #fileList.imgcontainer.highlighted {
    border:2px dashed gray;
    box-sizing: border-box;
    }

ul#progressbar{
    position:absolute;
    bottom:0;
    width:100%;
    min-height:60px;
    border:1px solid gray;
    box-sizing: border-box;
    padding:0;
    margin:0;
    display:none;
    }

ul#progressbar li{
    position:relative;
    }


ul#progressbar div.progresscontainer {
    height:2px;
    background-color:White;
    position:absolute;
    width:100%;
    bottom:2px;
    opacity:0.8;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    }
ul#progressbar div.progressvalue {
    position:absolute;
    right:0;
    top:2px;
    opacity:0.7;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    color:Black;
    padding:0px 5px;
    font-size:65%;
    font-style:italic;
    }
                
ul#progressbar div.progressbar {
    height:2px;
    background-color:rgb(50,50,50);
    width:0%;
    }

#articleimages .imgcontainer div.file {
	display:block;
    }

span.filesize {
    color:rgb(165,165,165);
    font-size:.9em;
    font-style:italic;
}
#articleimages .imgcontainer div.image {
    background-color:White;
}

#articleimages .imgcontainer div.image,
#articleimages .imgcontainer div.file {
    position: relative; 
    /*display: inline;*/
    margin:0 5px 5px 0;
	/*Это нужно для исключения отступов между элементами*/
	font-size:14px; /* Не забываем восстановить нормальные значения */
	line-height:normal;
	letter-spacing:normal;
	display: -moz-inline-stack!important;
	display:inline-block;
	/*display:inline;*/
	zoom:1;
    }

    
#articleimages .imgcontainer div.image img {
    vertical-align:top;
    max-height: 80px; 
    max-width:200px;
    height:80px;
    width:auto;
    }


#articleimages .imgcontainer div.image img.exists,
#articleimages .imgcontainer div.file a.exists {
    opacity:0.4;
    filter:alpha(opacity=4);
    -moz-opacity:0.4;
    }

div.image a.remove,
div.file a.remove {
    position:absolute;
    right:0px;
    top:0px;
    display:block;
    padding:3px 6px;
    background-color:rgba(255,255,255,200);
    visibility:hidden;
    cursor:pointer;
    font-size:.8em;
    }
    
    
div.image:hover a.remove,
div.file:hover a.remove {
    visibility:visible;
    /*background-color:rgba(255,255,255,200);*/

    }




    
    
/*-------Висячая пунктуация-------*/
span.slaquo { margin-left: 0.5em; } 
span.hlaquo { margin-left: -0.5em; } 
span.sbrace{margin-left:0.3em;}
span.hbrace{margin-left:-0.3em;}
/* ^ ^ ^ Висячая пунктуация ^ ^ ^ */





/*-------Форматирование абзацов в режиме редактирования-------*/
div.paragraph[ineditmode="true"] form,
div.paragraph[ineditmode="true"] div.editform,
div.paragraph[ineditmode="true"] div.createform,
div.paragraph[ineditmode="true"] textarea.multi-line  {
    height:100%; 
    width:100%; 
    margin:0; 
    padding:0;
    }
div.paragraph[ineditmode="true"] div.editform,
div.paragraph[ineditmode="true"] .editform textarea.multi-line {
    background-color:rgb(255,255,210)
    }
div.paragraph[ineditmode="true"] div.createform,
div.paragraph[ineditmode="true"] .createform textarea.multi-line {
    background-color:rgb(210,210,255)
    }



div.paragraph[ineditmode="true"] div.editform,
div.paragraph[ineditmode="true"] div.createform {position:relative;}

div.paragraph[ineditmode="true"] textarea.multi-line {
    border:0; 
    outline:none;
    font-size:100%; 
    }
/* ^ ^ ^ Форматирование абзацов в режиме редактирования ^ ^ ^ */






div.paragraphdropbox {
    position:relative;
    
    }
div.paragraphdropbox.subheader {
    height:1.2em;
    
    }
div.paragraphdropbox div.paragraphdropzone {
    position: absolute;
    top:-1.0em;  /*-.9em padding-bottom + -.5em (2em height /2/2)*/
    height:1.4em;
    width:100%;
    z-index:909990;
    }    
    
div.paragraphdropbox div.highlighted {
    background-color:Blue;
    opacity:0.4;
    filter:alpha(opacity=4);
    -moz-opacity:0.4;
    }

div.imgForProduct.highlighted,
td.product.highlighted {
    background-color:rgb(240,240,240);
    color:rgb(48, 57, 100);
    opacity:0.8;
    filter:alpha(opacity=8);
    -moz-opacity:0.8;
    }


textarea.highlighted {
    border:2px solid blue;
    }




table.dataform {
    border-spacing: 0;
    border: 0;
    }
table.dataform tr td {
    padding:2px 5px;
    vertical-align:top;
    }
table.dataform tr td.labels {
    width: 1%;
    text-align:right;
    }    

    
table.nopadding {
    border-spacing: 0;
    border: 0;
    font-size:85%;
    }
table.nopadding tr.header { font-weight: bold;}    
table.nopadding tr.header>td { text-align:center;}    
    
table.nopadding>tr>td {
    padding:0px 5px;
    vertical-align:top;
    }
table.nopadding>tr>td.labels {
    width: 1%;
    text-align:right;
    }    
table.nopadding .multi-line  { width:100%}
    

tr#ingredientstree, tr#ingredientsvalues {display:none;}
    
    
    
.validation-summary-errors span, 
.field-validation-error, 
.field-validation-valid { font-style:italic; font-size:85%; color:Red;} 
.required   {color:Red;}



div.tags {
    font-size: 70%;
    color: rgb(148, 158, 206);
    font-family: tahoma, 'Segoe UI';
    margin-bottom: .3em;
    }




div.code {
    overflow-x:auto;
    font-family: Consolas, Lucida Console, Courier New, Courier, monospace;
    font-size: 80%;
    position:relative;
    max-height:1000px;
    }

div.code span.linenum {color: rgb(200,200,200); font-size:70%;}

/*pre, code {font:inherit; margin:0;}*/

div.codecontainer {
    padding-left:35px;
    white-space:pre; 
    padding-bottom: 2px;
    }
div.codecontainer div.block { display:inline-block; width:100%;}

div.code div.linenumbers {position:absolute; top:0; left:0; width:25px; border-right:1px solid rgb(165,165,165);}


/* Описание блоков hidden */
div.link {font-size:90%; font-style:italic;}
div.link > a.picker {font-size:90%; padding-left:15px; color:Gray; background: url(plus.gif) left center no-repeat;}
div.link > a.picker span {border-bottom: 1px dashed rgb(230,230,230);}

div.link span.descr, .hidden div.descr {font-weight:bold; font-size:1.3em; margin:.8em 0; font-style:italic}
    div.link span.descr {margin-left: 15px;}
table.versions {padding-left:2em; font-size:80%; margin-bottom:1em;}
table.versions tr.bold {background-color:rgb(230,230,230);}
table.versions tr.bold td {padding:.3em 1em .5em; font-size:110%;}

.expand   > div.link > a.picker {background-image: url(plus.gif);}
.collapse > div.link > a.picker {background-image: url(minus.gif);}
/* -> Описание блоков hidden */



          div.picker { position: absolute; left:-15px; top:4px; width:9px; height:9px;}
.block > div.expand   > div.picker { background-image: url(minus.gif)}
.block > div.collapse > div.picker { background-image: url(plus.gif)}

/*.hidden > div.expand   >  div.picker { position: absolute; left:-15px; top:4px; width:9px; height:9px;}*/
/*.hidden > div.expand   > div.picker { background-image: url(minus.gif)}
.hidden > div.collapse > div.picker { background-image: url(plus.gif)}*/

div.expand, div.collapse {position:relative; width:100%;}
div.collapse { display:none; }

div.expand div.bottomline {position:absolute; bottom:0; height:1px; left:-7px; width:100%; background-color:rgb(200,200,200);}  


span.hidden {border:1px solid rgb(165,165,165); color:rgb(165,165,165);}

.code[lang="vb-net"] {}
.code[lang="css"] { color:darkred;}

    
.code               .xmlcomments {color:lime;}
.code               .xmlcommenttags {color:rgb(180,180,180);}
.code               .comments {color:lime;}
.code[lang="mql5"]  .comments {color:gray;}

.code               .strings {color:red;}    
.code[lang="mql5"]  .strings {color:teal;} 
.code[lang="mql5"]  .enums   {color:blueviolet;} 
   
.code               .keywords,
.code               .preproc {color:blue;}    
.code               .classes {color:rgb(43, 145, 175);}    
.code               .digits {color:rgb(255, 0, 255);}    
.code[lang="mql5"]  .digits {color:green;}    
.code               .usertypes {color:rgb(43, 145, 175);}    
.code[lang="mql5"]  .inputs {color:firebrick;}    
.code[lang="mql5"]  .operators {color:navy;}    
  
.code .cssattr {color:red;}    
.code .cssattrvalues {color:blue;}    
.code .cssclasses {}    

.code[lang="ardu"]  .keywords {color:#5e6d03; } 
.code[lang="ardu"]  .comments {color:#95a5a6;}    
.code[lang="ardu"]  .strings {color:rgb(43, 145, 175);}    
.code[lang="ardu"]  .functions {color:#d15627;}    
.code[lang="ardu"]  .types {color:#00979C;}    
.code[lang="ardu"]  .defines {color:#5e6d03;}    

/*.code[lang="py"]    .keywords {color:#FF7700; } 
.code[lang="py"]    .comments {color:#DD0000;}    
.code[lang="py"]    .strings {color:#00AA00;}    
.code[lang="py"]    .functions {color:#900090;}   
.code[lang="py"]    .userfunctions {color:#0000FF;}*/    

.code[lang="py"]    .keywords {color:#FF7700; } 
.code[lang="py"]    .comments {color:#DD0000;}    
.code[lang="py"]    .strings {color:#00AA00;}    
.code[lang="py"]    .functions {color:rgb(200, 0, 222);}   
.code[lang="py"]    .userfunctions {color:#0000FF;}    



  
div.error { display: inline-block;
            background-color: darkred;
            color: white;
            min-width: 100%;}  
div.select { display: inline-block;
            background-color: yellow;
            color: black;
            min-width: 100%;}  

div.error .xmlcomments,
div.error .xmlcomments,
div.error .xmlcommenttags,
div.error .comments,
div.error .strings, 
div.error .keywords,
div.error .classes,   
div.error .digits,  
div.error .usertypes {color:white}    

div.select .xmlcomments,
div.select .xmlcomments,
div.select .xmlcommenttags,
div.select .comments,
div.select .strings, 
div.select .keywords,
div.select .classes,   
div.select .digits,  
div.select .usertypes {color:black}    


.code[lang="html"] .codecontainer .innerhtml {color:Black;}
.code[lang="html"] .codecontainer .tags {color:darkred;}
.code[lang="html"] .codecontainer .tagsparamname {color:red;}
.code[lang="html"] .codecontainer .tagsparamvalue {color:blue;}
.code[lang="html"] .codecontainer .tagsparamequal {color:violet;}



    
    
    
span.mono {
    font: 100% Consolas, Lucida Console, 'Courier New','Andale Mono', monospace;
    font-size: 90%;
    /*background-color: rgb(221, 255, 235);
    background-color: rgba(0, 255, 100, 0.15);*/
    border-top: 1px solid rgba(85, 174, 255, 0.1);
    border-left: 1px solid rgba(85, 174, 255, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    
    
    background-color: rgba(0, 133, 255, 0.1);
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    padding: 0 4px;
    /*background-color:rgb(245, 246, 248);
    border: 1px solid rgb(220, 220, 220);
    margin: 0 4px;
    color:Gray;*/
    }      
    


.avatar-mini {position: absolute; top:4px; left:0; width: 36px; height:36px; background: url('avatar-mini.jpg')}

div.title {position:relative;}
div.title .publish-marker {position:absolute;width:16px; height:16px; left:-30px; top:.6em; 
                    background:url(globe.png) center center no-repeat;}

div.article-item {
    margin-bottom:2.2em; 
    position:relative; 
    margin-left: 30px; 
    margin-right:10%;}
.masonryshort div.article-item {
    margin: 0; 
    margin-bottom:2.2em; 
    position:relative;}




div.article-item .firstparagraph {margin-bottom:0.9em;}

div.article-interests {margin-top:.6em;}    
.article-interests span.item {
    font-size: 80%;
    /* font-weight: bold; */
    padding: 0 7px;
    color: rgb(58, 58, 58);
    background-color: rgb(240, 240, 240);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid rgb(219, 219, 219);
    margin-right: .3em;
    margin-bottom: 5px;
    display: inline-block;
    }


.article-interests a,
.article-tags      a.selected-tag {
    text-decoration:none;
    }
.article-interests a:hover span {
    background-color: rgb(220, 220, 220);
    border: 1px solid rgb(200, 200, 200);
    }


.article-tags {/*margin-top:5px;*/} 
 
.article-tags span.item {
    font-size: 70%;
    color: rgb(148, 158, 206);
    font-family: tahoma, 'Segoe UI';
    margin-bottom: .3em;
    }
.article-tags span.item a {
    text-decoration:none;
    border-bottom: 1px solid rgb(220,220,220);
    }



/* selected interest & tag*/
.article-interests a.selected-interest>span, 
.article-tags      a.selected-tag>span {
    font-size: 85%;
    border-radius: 3px;
    border: 2px solid rgb(74, 145, 255);
    color: rgb(0, 70, 180);
    font-weight: bold;
    background-color: rgb(230, 240, 255);
    padding: 0 7px;
    text-decoration:none;
}

.article-interests a.selected-interest>span::after,
.article-tags      a.selected-tag>span::after { 
    content: '\00D7'; 
    margin-left: 5px;
    font-size:110%;
}

.article-interests a:hover.selected-interest>span,
.article-tags      a:hover.selected-tag>span {
  border: 2px solid rgb(55, 100, 170);
  color: rgb(0, 70, 180);
  /*font-weight: bold;*/
  background-color: rgb(200, 215, 255)
}






div.tagicon {width:16px; height:10px; background: url(tag_small.ico) center center no-repeat; display:inline-block;}
    
    


/* ----------------------------------------------------------
/ TreeView  
/ ----------------------------------------------------------*/
    .parent    { padding: 0; margin: 0;}
    .parent li { list-style-type: none;}

    /* indent for all tree children excepts root */
    .node {
        background-image : url(treeview/i.gif);
        background-position : top left;
        background-repeat : repeat-y;
        margin-left: 18px;
        zoom: 1;}

    .isroot { margin-left: 0;}
    /* left vertical line (grid) for all nodes */
    .islast {
        background-image: url(treeview/i_half.gif);
        background-repeat : no-repeat;}

    .minus .img {background:url(treeview/expand_minus.gif) left center no-repeat;}
    .plus  .img {background:url(treeview/expand_plus.gif) left center no-repeat;}
    .empty .img {background:url(treeview/expand_leaf.gif) left center no-repeat;}
    
    .nodename {
        height: 20px; 
        margin-left:18px;
        padding-left:4px;
        padding-right:5px; 
        /*background: url(controlitems/folder.png) left center no-repeat;*/
        vertical-align: middle;
        display: table-cell;
    }
    /*.nodename {background: url(controlitems/folder.png) left center no-repeat;}*/
     * html .nodename {height: 20px;}
    
    .plus  .img,
    .minus .img,
    .empty .img {    width: 18px;    height: 20px;    float: left;}

    .minus .parent {display: block;}
    .plus .parent { display: none;}
    
    .plus  parent, 
    .minus parent {cursor: default;}
    
    .empty .img {      cursor: auto;}



       
    ul.ingredients {
        font-style:italic; 
        font-size: 95%;
        }

/* ----------------------------------------------------------
/ Оглавление/Содержание 
/ ----------------------------------------------------------*/
    ul.oglavl {
        padding: 0;
        margin: 0;
        list-style-type: none; 
        }
        
    ul.oglavl li {
	    border-bottom: 1px dotted #C2C2C2;
	    position: relative;
        padding: 0;
        margin-bottom:5px; /* Это необязательный параметр, для установки расстояния между блоками li */
        padding-right:5em; /* Это необязательный параметр, для установки расстояния между блоками li */
        }
        
    ul.oglavl li span {
        background-color: #FFF; /* Это необходимо, чтобы перекрыть точки фоном */
	    margin: 0;
        }

    ul.oglavl li span.text, ul.oglavl li span.page {
	    bottom: -5px; /* Смещаем значимые блоки, чтобы они перекрыли точки */
        }
    
    ul.oglavl span.text {
	    position: relative;
        /*margin-right:7em;  Задается чтобы текст не заходил на номера страниц */
        padding-right:2px; /* Задается чтобы точки не подходили вплотную к концу текста */
        }
        
    ul.oglavl span.page {
	    position: absolute;
	    right: 0;
        padding-left:2px; /* Задается чтобы точки не подходили вплотную к номерам страниц */
        }
    
    ul.oglavl span.ingr_descr {font-size:80%; color: rgb(180,180,180);}
    



/* ----------------------------------------------------------
/ Содержание
/ ----------------------------------------------------------*/
    ul.content {
        padding: 0;
        margin: 0;
        font-size:90%;
        font-style:italic;
        }
    ul.content ul {
        padding-left:1.5em;
        }


    ul.content li {
	    position: relative;
        padding: 0;
        margin-bottom:5px; /* Это необязательный параметр, для установки расстояния между блоками li */
        list-style-type: none; 
        }

    ul.content li.actual_article {
        /*font-weight:bold;*/
        /*text-indent: -1.5em;*/
        padding:2px 5px;
        background-color: rgb(240,240,240)
        
        }
    ul.content li.actual_article::before {
        color: black;
        content: '\2192\a0';
        float: left;
        margin-left: -1.5em;
        }



    
    
/* ----------------------------------------------------------
/ Ссылки 
/ ----------------------------------------------------------*/

ul.list>li>a[href^='http'], a.outersource[href^='http'] {
    background:  url('outersource.png') no-repeat right center;
    padding-left:0;
    padding-right:16px;
}    


ul.list>li>a[href*='codeproject.com/'], a.outersource[href^='http'][href*='codeproject.com/'], 
ul.list>li>a[href*='habrahabr.ru/'], a.outersource[href^='http'][href*='habrahabr.ru/'], 
ul.list>li>a[href*='rsdn.ru/'], a.outersource[href^='http'][href*='rsdn.ru/'], 
ul.list>li>a[href*='asp.net/'], a.outersource[href^='http'][href*='asp.net/'], 
ul.list>li>a[href*='google.ru/'], a.outersource[href^='http'][href*='google.ru/'], 
ul.list>li>a[href*='microsoft.com/'], a.outersource[href^='http'][href*='microsoft.com/'], 
ul.list>li>a[href*='wikipedia.org/'], a.outersource[href^='http'][href*='wikipedia.org/'], 
ul.list>li>a[href*='youtube.com/'], a.outersource[href^='http'][href*='youtube.com/'], 
ul.list>li>a[href*='youtu.be/'], a.outersource[href^='http'][href*='youtu.be/'], 
ul.list>li>a[href*='htmlbook.ru/'], a.outersource[href^='http'][href*='htmlbook.ru/'], 
ul.list>li>a[href*='stackoverflow.com/'], a.outersource[href^='http'][href*='stackoverflow.com/'], 
ul.list>li>a[href*='play.google.com/'], a.outersource[href^='http'][href*='play.google.com/'], 
ul.list>li>a[href*='github.com/'], a.outersource[href^='http'][href*='github.com/'], 
ul.list>li>a[href*='amperka.ru/'], a.outersource[href^='http'][href*='amperka.ru/'] , 
ul.list>li>a[href*='arduino.cc/'], a.outersource[href^='http'][href*='arduino.cc/'], 
ul.list>li>a[href*='ali.pub/'], a.outersource[href^='http'][href*='ali.pub/'], 
ul.list>li>a[href*='gbest.by/'], a.outersource[href^='http'][href*='gbest.by/'], 
ul.list>li>a[href*='raspbian.org/'], a.outersource[href^='http'][href*='raspbian.org/'], 
ul.list>li>a[href*='raspberrypi.org/'], a.outersource[href^='http'][href*='raspberrypi.org/'], 
ul.list>li>a[href*='python.org/'], a.outersource[href^='http'][href*='python.org/'], 
ul.list>li>a[href*='ebay.com/'], a.outersource[href^='http'][href*='ebay.com/'], 
ul.list>li>a[href*='opencv.org/'], a.outersource[href^='http'][href*='opencv.org/'], 
ul.list>li>a[href*='yadi.sk/'], a.outersource[href^='http'][href*='yadi.sk/'] {
    padding-left:20px;
    padding-right:0;
}




ul.list>li>a[href^='http'][href*='codeproject.com/'], a.outersource[href^='http'][href*='codeproject.com/'] {
    background:  url('icons/sites/codeproject.png') no-repeat left center;
}
ul.list > li > a[href^='http'][href*='raspbian.org/'], a.outersource[href^='http'][href*='raspbian.org/'],
ul.list > li > a[href^='http'][href*='raspberrypi.org/'], a.outersource[href^='http'][href*='raspberrypi.org/'] {
    background: url('icons/sites/rasp.png') no-repeat left center;
}

ul.list>li>a[href^='http'][href*='habrahabr.ru/'], a.outersource[href^='http'][href*='habrahabr.ru/'] {
    background:  url('icons/sites/habrahabr.png') no-repeat left center;
}    
ul.list>li>a[href^='http'][href*='rsdn.ru/'], a.outersource[href^='http'][href*='rsdn.ru/'] {
    background:  url('icons/sites/rsdn.png') no-repeat left center;
}    
ul.list>li>a[href^='http'][href*='asp.net/'], a.outersource[href^='http'][href*='asp.net/'] {
    background:  url('icons/sites/asp.net.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='google.ru/'], a.outersource[href^='http'][href*='google.ru/'] {
    background:  url('icons/sites/google.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='microsoft.com/'], a.outersource[href^='http'][href*='microsoft.com/'] {
    background:  url('icons/sites/microsoft.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='wikipedia.org/'], a.outersource[href^='http'][href*='wikipedia.org/'] {
    background:  url('icons/sites/wiki.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='youtube.com/'], a.outersource[href^='http'][href*='youtube.com/'],
ul.list>li>a[href^='http'][href*='youtu.be/'], a.outersource[href^='http'][href*='youtu.be/'] {
    background:  url('icons/sites/youtube.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='htmlbook.ru/'], a.outersource[href^='http'][href*='htmlbook.ru/'] {
    background:  url('icons/sites/htmlbook.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='stackoverflow.com/'], a.outersource[href^='http'][href*='stackoverflow.com/'] {
    background:  url('icons/sites/stackoverflow.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='play.google.com/'], a.outersource[href^='http'][href*='play.google.com/'] {
    background:  url('icons/sites/playmarket.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='github.com/'], a.outersource[href^='http'][href*='github.com/'] {
    background:  url('icons/sites/github.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='amperka.ru/'], a.outersource[href^='http'][href*='amperka.ru/'] {
    background:  url('icons/sites/amperka.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='arduino.cc/'], a.outersource[href^='http'][href*='arduino.cc/'] {
    background:  url('icons/sites/arduino.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='ali.pub/'], a.outersource[href^='http'][href*='ali.pub/'] {
    background:  url('icons/sites/ali.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='gbest.by/'], a.outersource[href^='http'][href*='gbest.by/'] {
    background:  url('icons/sites/gear.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='ebay.com/'], a.outersource[href^='http'][href*='ebay.com/'], a.ebay {
    background:  url('icons/sites/ebay.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='banggood.com/'], a.outersource[href^='http'][href*='banggood.com/'], a.bang {
    background:  url('icons/sites/bang.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='python.org/'], a.outersource[href^='http'][href*='python.org/'], a.py {
    background:  url('icons/sites/py.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='yadi.sk/'], a.outersource[href^='http'][href*='yadi.sk/'] {
    background:  url('icons/sites/yadisk.png') no-repeat left center;
}
ul.list>li>a[href^='http'][href*='opencv.org/'], a.outersource[href^='http'][href*='opencv.org/'] {
    background:  url('icons/sites/opencv.png') no-repeat left center;
}




a.codius {
    padding-left:18px;
    padding-right:0;
    margin-left:3px;
    background:  url('icons/sites/codius.png') no-repeat left center;
}


a.bang, a.gear, a.ebay {
    padding-left:18px;
    padding-right:0;
    margin-left:3px;
}

a.bang {background: url('icons/sites/bang.png') no-repeat left center;}
a.ebay {background: url('icons/sites/ebay.png') no-repeat left center;}
a.gear {background: url('icons/sites/gear.png') no-repeat left center;}




/*a.noicon {
    padding: 0;
    background: none;
}*/



div.quality {
 padding-left: 60px; 
 margin-bottom:1em;
 background:  url('quality.png') no-repeat left top;
 min-height:61px;
 margin-top:.5em;
}


div.quality01 {
 padding-left: 60px; 
 margin-bottom:1em;
 background:  url('quality01.png') no-repeat left top;
 min-height:61px;
 margin-top:.5em;
}

div.quality02 {
 padding-left: 60px; 
 margin-bottom:1em;
 background:  url('quality02.png') no-repeat left top;
 min-height:61px;
 margin-top:.5em;
}


div.ihaveproduct {
 position:absolute;
 background:  url('quality.png') no-repeat left top;
 height:61px;
 width:48px;
 /*bottom:-.6em;
 left:-.7em;*/
 bottom: -.9em;
 right: -.5em;
}




ul.files {margin:0; color:#8D8D8D;}
ul.files span.filesize {margin-left:0.3em}
ul.files li {
    font-size:.875em;
    margin-bottom:0.4em;
    position:relative;}
ul.files > li::before {content:'';}
ul.files > li{text-indent: -22px;}

ul.files li div.lock {
    position:absolute;
    width:8px;
    height:9px;
    left:-12px;
    top:10px;
    background:url(icons/files/lock_small.png) no-repeat;
    }




ul.auth {
    margin:0;
    font-size:90%;
    }
ul.auth> li {
    display: inline;
    margin-right: 2px;
    padding: 3px;
    } 


a.file {padding: 0 0 0 20px;
        margin-left:3px;
        background: url(icons/files/unknowntype.png) no-repeat left 100%;}

a.file[href$='.doc'],  a.file[filename$='.doc'],
a.file[href$='.docx'], a.file[filename$='.docx'] {
    background: url(icons/files/doc.png) no-repeat left 100%;
}
a.file[href$='.xls'],  a.file[filename$='.xls'],
a.file[href$='.xlsx'], a.file[filename$='.xlsx'] {
    background: url(icons/files/xls.png) no-repeat left 100%;
}
a.file[href$='.pdf'],  a.file[filename$='.pdf'] {
    background: url(icons/files/pdf.png) no-repeat left 100%;
}
a.file[href$='.txt'],  a.file[filename$='.txt'] {
    background: url(icons/files/txt.png) no-repeat left 100%;
}
a.file[href$='.jpg'],  a.file[filename$='.jpg'],
a.file[href$='.gif'],  a.file[filename$='.gif'],
a.file[href$='.png'],  a.file[filename$='.png'] {
    background: url(icons/files/jpg.png) no-repeat left 100%;
}
a.file[href$='.logicdata'],  a.file[filename$='.logicdata'] {
    background: url(icons/files/logic.png) no-repeat left 100%;
}
a.file[href$='.sch'],  a.file[filename$='.sch'] {
    background: url(icons/files/eagle.png) no-repeat left 100%;
}
a.file[href$='.zip'],  a.file[filename$='.zip'],
a.file[href$='.rar'],  a.file[filename$='.rar'],
a.file[href$='.gzip'], a.file[filename$='.gzip']  {
    background: url(icons/files/zip.png) no-repeat left 100%;
}
a.file[href$='.mp3'], a.file[filename$='.mp3'], 
a.file[href$='.wav'], a.file[filename$='.wav'], 
a.file[href$='.aac'], a.file[filename$='.aac'] {
    background: url(icons/files/music.png) no-repeat left 100%;
}
a.file[href$='.avi'], a.file[filename$='.avi'], 
a.file[href$='.mkv'], a.file[filename$='.mkv'],
a.file[href$='.mov'], a.file[filename$='.mov'],
a.file[href$='.mp4'], a.file[filename$='.mp4'] {
    background: url(icons/files/movie.png) no-repeat left 100%;
}
a.file[href$='.mq5'],  a.file[filename$='.mq5'] {
    background: url(icons/files/mq5.png) no-repeat left 100%;
}
a.file[href$='.fzz'],  a.file[filename$='.fzz'],
a.file[href$='.fzpz'],  a.file[filename$='.fzpz'] {
    background: url(icons/files/fzz.png) no-repeat left 100%;
}
a.file[href$='.ino'], a.file[filename$='.ino'], 
a.file[href$='.pde'], a.file[filename$='.pde'] {
    background: url(icons/files/ino.png) no-repeat left 100%;
}
a.file[href$='.py'], a.file[filename$='.py'] {
    background: url(icons/files/py.png) no-repeat left 100%;
}







.topMenu {
    position: fixed;
    top: 0;
}





div.videodescription {
    margin-top:1em;
    font-style:italic;
}

.videodescription div.subscribebutton {
    vertical-align:middle; 
    display:inline-block;
}









/*GENTREEEEEEE*/




.year_ext td {border-left:1px solid black}

#peoples {
    position:absolute;
    top:50px;
    }

#peoples div.man, #peoples div.woman {
    position:absolute;
    height:30px;
    top:5px;
    margin-left:1px;
    border:1px solid black;
    }
#peoples div.man {
    background-color:rgb(103, 182, 255);
    }
#peoples div.woman {
    background-color:rgb(255, 103, 103);
    }
#peoples div.manrow {
    position:relative;
    height:40px;
    /*border:1px solid black;*/
    }


#peoples div.relation_man_woman {
    position:absolute;
    margin-left:1px;
    background:url('images/rel_bg.jpg');
    background-size: contain;
    border-left:1px solid black;
    border-right:1px solid black;
    }
#peoples div.relation_child_up {
    position:absolute;
    margin-left:1px;
    }


#peoples div.name {
    margin:2px 7px; 
    font-size:.85em;
    }




.main_grid_line {
    position: absolute; 
    top:0; border-left:1px solid rgb(240,240,240); 
    height:100%;
    }
    
.main_grid_now {
    position: absolute; 
    top:0; border-left:1px solid orange; 
    height:100%;
    }

.main_grid_year {
    position: absolute; 
    top:0; border-left:2px solid black; 
    height:30px; width:100px
    }





a.image { text-decoration:none; padding:0;}
a.image img {border:0; margin:0}





table.allcenter td {
    text-align:center;
    padding:0 10px;
}

table.allcenter tr.bottom td {
    vertical-align:bottom;
}




#loading {
    display:none;
    text-align:center;
    padding: 5px 0 2em 0;
    }


.pages {
    text-align:center;
    padding: 1em 3em;
    margin-bottom: 2em;
    }
.pages span, .pages a {
    margin:0 5px;
    }




div.parpaddingright {
    padding-right:2em;
    }
div.parpaddingleft {
    padding-left:2em;
    }


.MJXc-display {
    margin:0;
}


.underline {
    border-bottom: 2px solid #E4E4E4;
    padding-bottom:.2em;
    }

.tagsample {
    padding: .7em;

    }



menu {
    display: inline;
    padding:0;
}


.topWindow {
    position: fixed;
    top: 1em;
    right: 1em;
    z-index:9999; /* Чтобы приклеенный элемент располагался над всеми остальными элементами страницы */
    padding: 2em;
    background-color:white;
    display:inline-block;
    }



table.products {
    margin-top:1em;
    }

table.products td {
    vertical-align:top;
    padding: .5em .5em;
    }
table.products td.product {
    /*background-color: rgb(245, 245, 245);*/
    border:1px solid rgb(240, 240, 240);

}

table.products td.product:hover {
    border-collapse:separate;
    border:1px solid rgb(150,150,230);

    }

table.products td.product h4 {
    /*display: inherit;
    width:100%;*/
    min-height:46px;
    /*vertical-align:bottom;*/
    text-align:center;
    margin: .2em 0;
    }
table.products td.product div.thumb {
    /*min-height:200px;*/
    /*height:200px;*/
    width:100%;
    vertical-align:middle;
    display: inherit;
    background-color:white;
    }
table.products td.product div.thumb img {
    max-height:250px;
    }



    table.products td.product.selected, 
    div.children div.selected {
        border:5px solid #ff00ef;
    }
    div.children div.selected {
        margin-top:1em;
        padding-bottom:1em;
    }


table.products td p.bordertop, 
table.products td p.topborder {
    padding-top:.5em;
    margin-top:1em;
    border-top: 1px solid rgb(240,240,240);
}

table.products td p {
    margin: .5em 0;
    }

table.products td p span.buyword {
    display:inline-block; 
    vertical-align:top; 
    margin-right:.5em; 
    margin-bottom:.3em;
    font-weight:bold;
}


div.children>div[id^='product'] {
    padding-left: 1.5em;
}




td.product {position:relative;}

td.product div.buttons,
div.imgForProduct a.btnRemove {position:absolute; top:3px; right:3px; visibility:hidden;}

    td.product div.buttons a {
        margin-left:2px;
    }

/*td.product a.btnEdit {right:20px;}
td.product a.btnCopy {right:2px;}*/

div.imgForProduct a.btnRemove {right:2px;}

td.product:hover div.buttons, 
div.imgForProduct:hover a.btnRemove {visibility:visible;}






h3.productGroup {
    /*font-size:110%;*/
    margin: 1.5em 0 0 0;
    }
    div.children div.selected h3.productGroup {
        margin-top:.5em;
    }



h3.productGroup .countChildren {
    font-weight:normal; 
    font-style:italic; 
    margin:0 1.5em; 
    font-size:70%;

    }
div.productChildren {
    padding-left:2em; 
    margin-top:0em;
}


div.notchild {
    color:rgb(200,200,200);
}


div.chkeditbyclick {
    position: fixed;
    top: 0;
    left: 2%;
    padding:2px 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid rgb(240,240,240);
    border-top:none;
    font-size:80%;
    z-index:999999;
}


.bg-gray {background-color:rgb(240,240,240)}
.bg-red {background-color:rgb(255,185,185)}
.bg-blue {background-color:rgb(185,185,255)}
.bg-green {background-color:rgb(185,255,185)}
.bg-yellow {background-color:rgb(255,255,185)}
.bg-purple {background-color:rgb(255,185,255)}
.bg-orange {background-color:rgb(255,220,185)}




.mt05 {margin-top: .5em;}
.mt1 {margin-top: 1em;}
.mt15 {margin-top: 1.5em;}
.mt2 {margin-top: 2em;}

.mt-05 {margin-top: -.5em;}
.mt-1 {margin-top: -1em;}
.mt-15 {margin-top: -1.5em;}
.mt-2 {margin-top: -2em;}

.ml05 {margin-left: .5em;}
.ml1 {margin-left: 1em;}
.ml15 {margin-left: 1.5em;}
.ml2 {margin-left: 2em;}