body {
        background: #D7E7F7;
        margin: 0;
        padding: 0;
        font-family: Verdana, Tahoma, Arial, sans-serif;
        font-size: 1em;
        line-height: 1.2em;
}

#page { padding:7px; position:relative; }

img { border: none; }

h1 { color: #3D73A9; font-size: 1.5em; text-shadow:2px 2px 2px #7D7DAC; }
h1.inline { display:inline;color:black;font-size:1em;text-shadow:none;font-weight:normal; }

h2 { margin: 0 0 0.5em 0; color: #3D73A9; font-size: 1.15em; }

p.titleish { font-weight: bold; }

.info {
       background-color: #f7fbff;
       border:1px solid #8ABCEE;
       border-radius: 5px;
       padding: 5px;
       font-size: 0.95em;
}

.bread {
       background-color: #eff7fc;
       border-radius: 5px;
       padding: 7px;
       font-size: 0.95em;
       margin-bottom:5px;
       border: 1px solid #afd3f7;
}
.bread a:link, .bread a:visited {       color: #2e6e9e;
       text-decoration:none;
       font-weight: bold
}
.bread a:hover {
       text-decoration:underline;
}
p.postbodytopinfo {
        padding-bottom: 2px;
        margin: 0;
        font-size: 0.9em;
        border-bottom: 1px dotted #8ABCEE;
}

table.dotted td { border-bottom: 1px dotted #8ABCEE; }

a:link    { color:#004B82; }
a:visited { color:#4A8EBF; text-decoration:none; }
a:hover   { color:#027FD8; }

a.cattitle, a.forumlink, a.topictitle                 { color:#004B82; text-decoration:none; border-bottom:1px solid #004B82; }
a.cattitle:visited, a.forumlink:visited, a.topictitle:visited { color:#004B82; text-decoration:none; border-bottom:1px solid #C7DFED; }
a.cattitle:hover, a.forumlink:hover, a.topictitle:hover     { color:#027FD8; text-decoration:none; border-bottom:3px double #027FD8; }


.alignedright {
        text-align: right;
}

.centered { text-align: center; }
.menu { z-index:1000; position:relative; }

div.left {
        padding: 0;
}

.padding { padding:5px; }

.padding1 { padding: 10px; }

div.base, div.posts {
        background: #8abcee;
        padding: 5px;
        border: 1px solid #2E6E9E;
        margin-bottom: 10px;
        border-radius: 5px;
}

.inside a { color:white; }
.inside a:hover { color:#EFF7FC; }

div.text, div.postblock, .forumlinemain {
        background: #eff6fc;
        padding: 10px;
        border: 1px solid #2E6E9E;
        border-radius:5px;
        overflow: auto;
        position: relative;
}

.postblock, .bottom1 {
        margin-bottom: 4px;
}

.middle img {vertical-align:middle;}

a.more, input.more  { position:absolute; top:5px; right:5px; }
a.more2 {
  background-color: #dfeffc !important;
  border: 1px solid #74b2e2 !important;
  color: #2e6e9e !important;
  color: #333;
  font-weight: bold;
  padding: 8px;
  text-align: center;
  border-radius:45px 0 5px 0;
  position:absolute;
  bottom:0;
  right:0;
  text-decoration:none;
  border-bottom:0 !important;
  border-right:0 !important;
  }
div.more { display:none; line-height:1.5em; padding:10px; margin:5px; background-color: #F7FBFF; border: 1px dotted #8ABCEE; border-radius:5px; }

div.dd_b   { float:right; margin-left:5px; white-space:nowrap; }
a.more3_l { border-radius: 3px 0 0 3px !important; }
a.more3   { border-radius: 0 3px 3px 0 !important; border-left:0 !important;}
div.more3 { display:none; text-align: left; padding:0; margin:-5px 0 0 0; border: 1px dotted #74b2e2; border-top:0; border-radius:0; }
div.more3 a { display:block; line-height:1em !important; border:0 !important; background-color:none !important }

div.raside { background-color:#DFEFFC; padding:0 5px 0 20px; border:1px solid #D7E7F7; border-radius:40px 0px 0 0px; }

table.topics, table.forumline {
        padding: 5px;
        background: #eff6fc;
        width: 100%;
        text-align: left;
        border-collapse: collapse
}
table.topics td, table.topics th, table.forumline td, table.forumline th {
        border: 1px solid #8ABCEE;
}

th  { color: #3D73A9;
      font-size: 0.95em;
      background-color:#CFE5FC;
      padding:5px;
      font-family: Arial;
}

div.bottom {
        color: grey;
        text-align: center;
        clear: both;
        font-size:0.9em;
}

div.spacer {
        clear:both;
        height:7px;
}

div.spacer2 {
        clear:both;
        height:15px;
}

.postblock img, .postbody img, .postdetails img {max-width:100%;height:auto;}
div.postbody, div.postblock {word-wrap:break-word;overflow-wrap: break-word;}
.genmed   { font-size: 0.85em; }
.code {
 font-family: Courier, 'Courier New', sans-serif; font-size: 0.95em;
 background-color: #F7FBFF; border: 1px solid #8ABCEE;padding:5px;margin-top:3px
}
.tablequote{margin:0 5px 0 20px;display:table}
.quote {
 font-size: 0.95em;
 background-color: #F7FBFF;
 border: 1px solid #8ABCEE;
 border-radius: 5px;
 padding: 3px;
 margin-top: 3px;
}
textarea,input[type="text"]{font-family:Verdana,Tahoma,Arial,sans-serif;font-size:1em}
.spoiler{display:table;min-width:285px;border:1px solid #8ABCEE;margin:5px;padding:5px;clear:left;border-radius:3px;background-color:#f7fbff;border-collapse:separate;}
.spoilerheader{font-weight:bold;background-image:url(//webnice.ru/ico/spoiler.png);background-repeat:no-repeat;padding-left:20px;font-size:0.95em;background-position: 0 50%;}
.spoilerheader a, .videoheader a {text-decoration:none;display:block}
.spoilerbody{padding:5px 0;}
.video{display:table;min-width:285px;border:1px solid #8ABCEE;margin:5px;padding:5px;clear:left;border-radius:3px;background-color:#f7fbff;border-collapse:separate;max-width:650px}
.videoheader{font-weight:bold;background-image:url(//webnice.ru/ico/video.png);background-repeat:no-repeat;padding-left:20px;font-size:0.95em;background-position: 0 50%;}
.videobody{padding:5px;}
.share{padding:4px; border:1px solid #8ABCEE; display:table; margin:5px; clear:both; border-radius:3px; border-collapse:separate;}

.navbut a:link, .navbut a:visited, .navbut big {
background-color: #eff6fc;
border: 1px solid #74b2e2;
border-radius: 3px;
padding: 8px 10px;text-decoration: none;
line-height: 3em;
}

.menubut a:link, .menubut a:visited {
background-color: #fafafa;
border: 1px solid #cccccc;
padding: 8px 10px;
text-decoration: none;
display:block;
line-height:1em;
}
.navbut a:hover, .navbut big { background-color:#e4f1fb; }
.navbut big { font-weight: bold; font-size:1em; }
.navbut img { vertical-align:middle; margin-top:-3px }
.postdetails { font-size:0.9em }
.postdetails img { vertical-align:middle; }
div.fleft { float:left; }
div.fright { float:right; }
div.fcol { min-width: 250px; }
.liteoption {
  -webkit-appearance:none;
  background-color: #dfeffc !important;
  border: 1px solid #74b2e2 !important;
  color: #2e6e9e !important;
  border-radius: 3px;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font-weight: bold;
  line-height: 1;
  padding: 8px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  min-width: 5em;
}

.liteoption:hover {
    background-color: #e4f1fb !important;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #125F96;
    cursor: pointer;
}

.liteoption:active {
    background-color: #d0d0d0;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000;
}
select.liteoption { padding:2px; text-align:left; }
.helpline{background-color:#EAEFF2;border-style:none;padding:2px;display:inline-block;width:calc(100% - 200px);font-size:0.75rem}
.ava { border:0; border-radius:25px; vertical-align:middle; width:50px; height:50px; }
.avacol {width:156px; box-sizing:border-box;}
#leftpanel {position:absolute;top:0;left:0;display:none;z-index:1001;}
#rightpanel {position:absolute;top:0;right:0;display:none;z-index:1001;}
#rightpanel i {float:right}
.shadowright { box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15) }
.shadowleft  { box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.15) }
.panel a:link, .panel a:visited {
background-color: #F7FBFF;
border: 1px solid #69ACEF;
padding: 15px 10px;
text-decoration: none;
display:block;
line-height:1em;
}
.panel a:hover {
background-color: #dfeffc;
}
.bg {background-color: #E3EFF9 !important}
.btngroup { margin:10px 0 }
.btngroup input { padding:3px; background-color:#F0F0F0; min-width:3em; }
.java { text-decoration:none; border-bottom:1px dotted blue; }
.navgroup a, .navgroup input, .navgroup select  { line-height: 1.5; margin:4px; }
#go-top { text-decoration:none;
 color:#111;
 background-color: #e4f1fb;
 opacity: 0.8;
 bottom: 0.5em;
 display: none;
 padding: 8px 14px;
 position: fixed;
 right: 1.7em;
 font-size: 1.5em;
 z-index: 99999;
}
table.noborder td, table.noborder th {border:0}
table.layout {table-layout:fixed;width:100%;}#toplogo { width:117px; height:50px; overflow:hidden; margin:auto; }
#toplogo img { height:50px; width:167px; border:0; }
.ico { width:16px; border:none; vertical-align:middle; }
th.header { cursor: pointer; }
th.headerSortUp   { background-image: url(//webnice.ru/ico/asc.gif); background-color:#9FCDFC; background-repeat: no-repeat; background-position: center right; padding-right: 20px; margin-right: -1px; }
th.headerSortDown { background-image: url(//webnice.ru/ico/desc.gif); background-color:#9FCDFC; background-repeat: no-repeat; background-position: center right; padding-right: 20px; margin-right: -1px; }
#lenta_footer { max-width:100%; overflow:hidden; font-family:Verdana,Tahoma;font-size:11px; text-align:center; }
@media screen and (max-width: 650px) {
 div.fcol {
 padding-left: 0 !important;
 width: auto !important;
 float: none !important;
 }
 .avacol { width:26%; max-width:156px;}
 table.flextable tr {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 border:2px solid #8ABCEE;
 margin-bottom:3px;
 }
 table.flextable td,table.flextable th {
 display: block;
 -webkit-flex-grow: 1;
 flex-grow: 1;
 word-wrap:break-word;
 width:auto;
 }
 .flex-first {
 background-color: #CFE5FC;
 min-width:100%;
 box-sizing:border-box;
 -webkit-order: -1;
 order:-1;
 -webkit-flex: 1 0 100%;
 padding:5px !important;
 }
 .flex-min { flex-grow: 0 !important }
 input, select { max-width:190px; }
 .spoilerbody img, .videobody iframe {max-width:100%;height:auto;}
 textarea, object, embed {max-width:100%; box-sizing: border-box;}
#lenta_footer table.flextable td{flex-basis:30%}
div.tablequote{display:block;}
}
@media screen and (max-width: 460px) {
 #toplogo { width:50px; max-width:50px; }
 #toplogo img { width:167px; max-width:167px; margin-left:-117px; padding-right:117px; }
 .helpline {width:100%}
}