/*ÎÑÍÎÂÀ -------------------------------------------------------------*/
html, body {
background: url(http://forumstatic.ru/files/001a/c8/a1/10726.png) no-repeat fixed center bottom,
url(http://forumstatic.ru/files/001a/c8/a1/42987.png) no-repeat fixed top center,
url(http://forumstatic.ru/files/001a/c8/a1/36822.jpg) repeat-y fixed top center; 
background-color: #969aa9;
}

#pun-title table {
   background-image: url("http://forumstatic.ru/files/001a/c8/a1/28713.jpg");
width: 1000px; height: 162px;
background-color: transparent!important; 
background-repeat : no-repeat;
background-position: center;
border: none;
margin-left: -6px;
}

#pun {
background: #babbc3 url(http://forumstatic.ru/files/001a/c8/a1/92298.jpg);
}

.tablebg {
position: absolute;
width: 1000px; height: 118px;
margin-left: -6px !important;
margin-top: -118px!important;
background: url(http://forumstatic.ru/files/001a/c8/a1/59314.png);
}


#pun-about p.container {
   background: url("http://forumstatic.ru/files/001a/c8/a1/65329.jpg") no-repeat;
     background-color: transparent!important; 
   width: 1000px;
   height: 110px;
   margin: 30px 0 -30px -6px; /* ââåðõ, âïðàâî, âíèç, âëåâî */
   text-align: center;
   line-height: 2;
   font-size: 10px;
   background-repeat: no-repeat;
}

#pun-about .container .item1 {
position: absolute;
width: 1000px;
margin-top: 110px;
font-size: 10px;
text-align: center;
color: #525265;
}

.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { background-color: transpanent;
color: #202232;
font-weight: normal;
font-style: normal;}

/*ÑÑÛËÊÈ -------------------------------------------------------------*/

div#pun-navlinks { position: absolute; top: 108px; left: 0px; }
div#pun-ulinks { position: absolute; top: 118px; left: 0px; }

#pun-navlinks a  {text-align: center;  position:relative; 
  text-decoration: none;
font-family: Playfair Display; 
letter-spacing: 0.5px;
font-size: 12px!important; 
text-transform: uppercase;
color: #ebbdaf!important; 
text-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
display: inline-block;
   transition: all .3s linear 0s;
}

#pun-navlinks a:hover {
text-align: center;   position:relative;
color: #ebbdaf!important; 
text-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
   }

#pun-navlinks a:before {
content: "";
display: block;
position: absolute;
height: 5px;
width: 0%;
bottom: 0px;
background: rgba(235, 189, 175, .4);
transition: all .5s ease-in-out 0s}


#pun-navlinks a:hover:before {width: 100%}

#pun-ulinks a  {color: #313f4a!important; text-align: center;  position:relative; z-index:2000 !important;  
font-family: Roboto;
font-size: 8px!important;
  font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: uppercase;
letter-spacing: 1px;
transition: all .3s linear 0s;
}

#pun-ulinks a:hover  {
color: #ebbdaf!important; }

.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #9b6150;
  text-decoration: none;
}

.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #53566b; 
}

#pun-index td.tcr a:link, #pun-index td.tcr a:visited {
font-family: Playfair Display; 
letter-spacing: 0.5px;
font-size: 9px!important; 
text-transform: uppercase;
color: #9b6150!important;
 text-shadow: 0px 0px 2px rgba(0, 0, 0, .1);
    transition: all .5s ease-in-out 0s;
    }
#pun-index td.tcr a:hover, #pun-index td.tcr a:active {
color: #53566b!important; 
}


/*ÈÊÎÍÊÈ -------------------------------------------------------------*/

.punbb table Div.icon {float: left; 
display: block; 
width: 35px;
  height: 35px;
border-style: none none none none;
margin-left: 0px;
margin-right: 0px;
margin-top: -8px;
background-image : url(http://forumstatic.ru/files/001a/c8/a1/53516.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://forumstatic.ru/files/001a/c8/a1/30993.png);
background-repeat: no-repeat;
}

TR.isticky Div.icon {
background-image : url(http://forumstatic.ru/files/001a/c8/a1/81600.png);
background-repeat: no-repeat;
}

TR.iclosed Div.icon {
background-image : url(http://forumstatic.ru/files/001a/c8/a1/54300.png);
background-repeat: no-repeat;
}

#pun-main .category Div.icon { float: left; display:block; border-style:none; position: absolute;
height:32px; width:32px;
margin-top: 0px;
margin-left: -38px;
background-repeat: no-repeat;
background: url() transparent;
 }
#pun-main .category TR.inew Div.icon { 
background: url(http://forumstatic.ru/files/001a/c8/a1/51773.png) transparent;
 }

/*ÖÈÒÀÒÛ È Ò.Ä. -------------------------------------------------------------*/
.punbb .quote-box, .punbb .code-box  {
position: relative;
 background: rgba(208, 209, 218, 1);
    box-shadow: 0 0 8px 0 rgba(53, 53, 71,.2), 0 0 0 1px rgba(255, 255, 255,.2) inset,  0 0 6px 0 rgba(0,0,0,.2) inset;
color: #22262f;
}

.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
 background: rgba(208, 209, 218, 1);
    box-shadow: 0 0 8px 0 rgba(53, 53, 71,.2), 0 0 0 1px rgba(255, 255, 255,.2) inset,  0 0 6px 0 rgba(0,0,0,.2) inset;
color: #22262f;
}

.punbb .quote-box, .punbb .code-box {
 padding: 16px 16px 16px 16px!important; }


#pun .quote-box cite, .punbb .code-box strong.legend{
    display: block;
    padding: 8px 0px 8px 0px !important;
    margin-bottom: 5px;
    margin-top: -6px !important;
background: rgba(208, 209, 218, 1);
    box-shadow: 0 0 8px 0 rgba(53, 53, 71,.2), 0 0 0 1px rgba(255, 255, 255,.4) inset,  0 0 6px 0 rgba(0,0,0,.2) inset;
    text-align: center;
font-family: Playfair Display; 
letter-spacing: 1px;
font-size: 9px!important; 
text-transform: uppercase;
 text-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
}

.punbb textarea, .punbb select, .punbb input, #mod-options {
outline: none; 
 background: rgba(208, 209, 218, 1);
    box-shadow: 0 0 8px 0 rgba(53, 53, 71,.2), 0 0 0 1px rgba(255, 255, 255,.2) inset,  0 0 6px 0 rgba(0,0,0,.2) inset
color: #22262f;
}

#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, #smilies-area {
padding: 4px; 
text-align: center!important; 
background: rgba(208, 209, 218, 1);
    box-shadow: 0 0 8px 0 rgba(53, 53, 71,.2), 0 0 0 1px rgba(255, 255, 255,.2) inset,  0 0 6px 0 rgba(0,0,0,.2) inset
color: #22262f;
}


.punbb select {   background-color: #b3b5bd;
    box-shadow: 0 0px 2px 0 rgba(96, 100, 110,.7);
color: #22262f; }


#font-area { max-height: 380px; overflow-y: auto; font-size: 14!important; }

#post .container[id$="font-area"]{max-height: 250px!important; overflow: auto;}

#pun-reputation div, .pun-modal .modal-inner, .inner {
 background: rgba(208, 209, 218, 1);
    box-shadow: 0 0 8px 0 rgba(53, 53, 71,.2), 0 0 0 1px rgba(255, 255, 255,.2) inset,  0 0 6px 0 rgba(0,0,0,.2) inset;
}

div.Select_Topics .container tr {border-bottom: 1px solid #babaa1;}

/*ÐÀÇÄÅËÈÒÅËÈ -------------------------------------------------------------*/
#pun-viewtopic .post h3, .post h3 {
z-index:1000;
    height: 20px;
    width: 940px;
margin-left: 14px;
padding: 8px 8px 0px 8px!important;
background: rgba(144, 150, 162, .5);
    box-shadow: 0 0 8px 0 rgba(53, 53, 71,.2), 0 0 0 1px rgba(255, 255, 255,.2) inset,  0 0 6px 0 rgba(0,0,0,.2) inset;
 font-family: Roboto;
font-size: 11px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;
}

#pun-index .category h2 {
    background-image: url(http://forumstatic.ru/files/001a/c8/a1/61176.jpg);
 text-align: center;
    position: relative;
    margin: 6px 0px 6px -11px;
padding: 5px 0 0 10px;
    background-repeat: no-repeat;
    background-position: top center;
    height: 24px;
    width: 1000px;
font-family: Playfair Display; 
letter-spacing: 1px;
font-size: 9px!important; 
text-transform: uppercase;
color: #1e1918!important;
 text-shadow: 0px 0px 2px rgba(0, 0, 0, .1);
}

#pun-stats.section h2 {
background-image: url(http://forumstatic.ru/files/001a/c8/a1/61176.jpg);
text-align: center;
    position: relative;
    padding: 5px 0 0 0px;
    margin: 6px 0px 6px -6px;
    background-repeat: no-repeat;
    background-position: top center;
    height: 24px;
    width: 1000px;
font-family: Playfair Display; 
letter-spacing: 1px;
font-size: 9px!important; 
text-transform: uppercase;
color: #1e1918!important;
 text-shadow: 0px 0px 2px rgba(0, 0, 0, .1);
}

#post-form h2 {
height: 20px;
    width: 940px;
margin-left: 14px;
padding: 8px 8px 0px 8px!important;
background: rgba(144, 150, 162, .5);
    box-shadow: 0 0 8px 0 rgba(53, 53, 71,.2), 0 0 0 1px rgba(255, 255, 255,.2) inset,  0 0 6px 0 rgba(0,0,0,.2) inset;
 font-family: Roboto;
font-size: 11px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;}

.punbb .fs-box .post h3 {
    height: 15px;
    width: 664px;
margin-left: 0px!important;
}


/*ÏÐÎÔÈËÜ -------------------------------------------------------------*/
.punbb .post .post-author > ul {
 background: url(http://forumstatic.ru/files/001a/c8/a1/31592.jpg) top center repeat-y #242424;
border: 2px solid #464a66;
margin: 30px 4px 4px 4px !important;
padding: 0px 0px 8px 0px!important;}

li.pa-avatar  {z-index: 5; margin-left: 0px !important; margin-top: 0px;}

li.pa-avatar img {
max-width: 180px !important;
max-height: 180px !important;
padding: 4px 4px;
background-color:  transparent;
 border: 1px solid #464a66;

}

.pa-avatar img:hover {
	 filter: sepia(1) hue-rotate(310deg) brightness(.7);
padding: 3px 3px;
border: 2px solid #464a66;
}

.pa-title {text-align: center;
z-index: 1000;
padding-bottom: 2px!important;
 font-family: Roboto;
font-size: 11px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;
font-variant: normal!important;
font-weight: normal!important;
color: #464a66;
letter-spacing: 0px;
}

.pa-author {
margin-bottom: -4px!important;
padding: 6px 6px 6px 6px!important;
text-align: center;
font-family: Playfair Display; 
letter-spacing: 1px;
font-size: 11px!important; 
text-transform: uppercase;
color: #464a66;
}

.pa-author a {
position:relative;
 text-decoration: none;
color: #464a66!important; 
text-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
display: inline-block;
transition: all .5s ease-in-out 0s;
}

.pa-author a:before {
content: "";
display: block;
position: absolute;
height: 5px;
width: 0%;
bottom: 0px;
background: rgba(32, 47, 56, .2);
transition: all .5s ease-in-out 0s;
}

.pa-author a:hover {
text-align: center;   position:relative;
color: #464a66!important; 
text-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
transition: all .5s ease-in-out 0s;
   }

.pa-author a:hover:before {width: 100%}

.post-author ul {
text-align: center; 
 font-family: Roboto;
font-size: 10px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;
font-variant: normal!important;
font-weight: normal!important;
color: #464a66;
letter-spacing: 0px;
}

.pa-online { text-align: center; 
margin-left: -6px!important;
padding: 0px 0px 6px 0px!important;
font-family: Playfair Display; 
letter-spacing: 1px;
font-size: 8px!important; 
text-transform: uppercase;
color: #464a66;
}

.pa-posts, .pa-respect, li.pa-replies {
 font-family: Roboto;
font-size: 9px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;
font-variant: normal!important;
font-weight: normal!important;
color: #464a66;
letter-spacing: 0px;
text-align: center; 
}


.pa-respect a {
color: #464a66!important; }

.pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active { 
color: #464a66!important;
}

.pa-awards { 
text-align: center; text-transform: lowercase;
 font-family: Roboto;
font-size: 10px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;
font-variant: normal!important;
font-weight: normal!important;
color: #464a66;
letter-spacing: 0px;
}

.pa-posts { 
margin-top: 4px!important;
margin-left: 0px;
margin-bottom: 4px!important;
 display: inline-block;
text-align: center; 
width: 83px;
background-color: transparent;
border: 1px solid #464a66;
box-shadow: 0 0 8px rgba(0, 0, 0, .2) inset;
padding: 2px 4px 2px 4px!important;
vertical-align: top;
}
.pa-respect {
margin-top: 4px!important;
margin-left: 0px!important;
margin-bottom: 4px!important;
display: inline-block; 
text-align: center; 
width: 83px;
background-color: transparent;
border: 1px solid #464a66;
box-shadow: 0 0 8px rgba(0, 0, 0, .2) inset;
padding: 2px 4px 2px 4px!important;
vertical-align: top;
}

.pa-respect img {
width: 8px!important;
}

/*ÄÎÏ ÏÎËß ÏÐÎÔÈËß -------------------------------------------------------------*/
.pa-fld1 {
width: 174px;
margin-left: 9px!important; 
margin-top: 2px!important; 
 padding: 6px 8px 6px 8px!important;
 background: rgba(208, 209, 218, 1);
    box-shadow: 0 0 8px 0 rgba(53, 53, 71,.2), 0 0 0 1px rgba(255, 255, 255,.2) inset,  0 0 6px 0 rgba(0,0,0,.2) inset;
}

.lzstory {
 margin-bottom: 4px!important;
    margin-top: 2px !important;
padding: 4px 2px 4px 2px;
 background: #525265;
      box-shadow: 0 0 0 1px rgba(173, 192, 202,.8) inset,  0 0 8px 0 rgba(0,0,0,.8) inset;
color: #babbc3;
    text-align: center;
font-family: Playfair Display; 
letter-spacing: 1px;
font-size: 8px!important; 
text-transform: uppercase;
 text-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
transform: scale(.96);
 transition: all .5s ease-in-out 0s;
}

.lzstory:hover {
transform: scale(1);
}


.lzinfo {
margin-bottom: 8px!important;
text-align: justify;
 font-family: Roboto;
font-size: 10px!important;
font-style: normal;
font-stretch: normal;
font-variant: normal!important;
font-weight: normal!important;
text-transform: lowercase!important; 
letter-spacing: 0px;
line-height: 11px;
color: #755d40;
}

.lzinfo a {
color: #4d606e!important;
font-weight: bold;
}

.lzinfo a:hover {
color: #9d7f76!important;
font-weight: bold;
}

.pa-fld3 { 
width: 100px;
margin-left: 54px!important; 
margin-top: -8px!important; 
 padding: 1px 0px 0px 0px!important;
border-radius: 20px;
  background: #dddee8;
    box-shadow: 0 0 8px 0 rgba(53, 53, 71,.2), 0 0 0 1px rgba(255, 255, 255,.2) inset,  0 0 6px 0 rgba(0,0,0,.2) inset;
text-align: center;
 font-family: Roboto;
font-size: 10px!important;
font-style: normal;
font-stretch: normal;
font-variant: normal!important;
font-weight: normal!important;
text-transform: lowercase!important; 
letter-spacing: 0px;
color: #2b2b19;
transition: all .5s ease-in-out 0s
}

.pa-fld3:hover { 
transform: scale(1.1)}

.pa-fld4 {
width: 174px;
margin-left: 0px!important; 
margin-top: -4px!important; 
 padding: 3px 8px 3px 8px!important;
 background: rgba(208, 209, 218, 1);
    box-shadow: 0 0 8px 0 rgba(53, 53, 71,.2), 0 0 0 1px rgba(255, 255, 255,.2) inset,  0 0 6px 0 rgba(0,0,0,.2) inset;
text-align: center; 
  text-decoration: none;
font-family: Playfair Display; 
letter-spacing: 1px;
font-size: 8px!important; 
text-transform: uppercase;
color: rgba(100, 122, 139, 1)!important; 
text-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
display: inline-block;
transition: all .5s ease-in-out 0s;
}

.pa-fld4 a {
color: rgba(100, 122, 139, 1)!important; }

.pa-fld4:hover {
 background: #c9a195;
color: #d2d3dc!important;
}



.pa-fld5 { width: 216px; height: 63px; position: relative;  margin-top: -20px!important; margin-left: -2px!important; background: url(http://forumstatic.ru/files/001a/c8/a1/94055.png)no-repeat;}
.pa-fld5 fonimg {height: 63px; width: 216px;}
.pa-fld5 btext {
position: absolute;
width: 142px;
margin-left: -48px;
margin-top: 10px;
font-family: Playfair Display; 
text-align: right;
letter-spacing: 0.5px;
font-size: 9px!important; 
text-transform: uppercase;
font-weight: normal!important;
font-style: normal!important; 
font-stretch: normal!important; 
font-variant: normal!important;
color: #f1f1f1;
}
.pa-fld5 ltext {
position: absolute; 
width: 140px; 
margin-top: 28px;
margin-left: -49px;
text-align: center; 
line-height: 9px;
color: #7a8da1;  
 font-family: Roboto;
font-size: 9px!important;
letter-spacing: 0px;
font-weight: bold!important;
}
.pa-fld5 ici{position: absolute; margin-left: -98px; margin-top: 9px;}
.pa-fld5 ici img{max-width: 42px;}

/*ÊÍÎÏÊÈ -------------------------------------------------------------*/
.button, input#sub4 {
    border: 1px solid rgba(0,0,0,.1);
  border-radius: 1px;
background:  linear-gradient(rgba(137, 156, 176, .7) 30%, rgba(118, 127, 156, .9) 70%)!important;  
    color: #283741!important;
   font-family: Roboto;
font-size: 11px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;
    margin-top: 0px !important;
    padding: 4px 20px 6px 20px !important;
transition: all .218s ease 0s;
}
.button:hover, input#sub4:hover {
  border: 1px solid rgb(198,198,198);
  background:  linear-gradient(rgba(186, 150, 139, .5) 30%, rgba(158, 114, 100, .7) 70%)!important;  
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.button:active, input#sub4:active {
  border: 1px solid rgb(204,204,204);
  background: #53566b linear-gradient(rgba(137, 156, 176, .1) 30%, rgba(118, 127, 156, .7) 70%)!important;  
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}

/*ÏÎÄÔÎÐÓÌÛ -------------------------------------------------------------*/
#pun-index .category table {
border-spacing: 0px 14px; 
}

#pun-index .category tr {
background: rgba(202, 204, 214, .9);
    box-shadow: 0 0 8px 0 rgba(53, 53, 71,.2), 0 0 0 1px rgba(255, 255, 255,.2) inset,  0 0 6px 0 rgba(0,0,0,.2) inset
}

#pun-index .category .container {
    position: relative;
width: 900px;
    margin: 0px  0px 0px 44px;
}

#pun-index .tclcon {
  font-family: Roboto;
font-size: 11px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;
color: #3b3f5b;
}

#pun-index .tcl h3 a {
font-family: Playfair Display; 
letter-spacing: 0.5px;
font-size: 14px!important; 
text-transform: uppercase;
color: #9b6150!important;
 text-shadow: 0px 0px 2px rgba(0, 0, 0, .1);
    transition: all .5s ease-in-out 0s;
    }
#pun-index .tcl h3 a:hover {
font-family: Playfair Display; 
letter-spacing: 0.5px;
font-size: 14px!important; 
text-transform: uppercase;
color: #9b6150!important; 
text-shadow: 0px 0px 2px rgba(0, 0, 0, .1);
}

#pun-index .tcl h3 a:before {
content: "";
display: block;
position: absolute;
height: 8px;
width: 0%;
bottom: 0px;
border: none;
background: rgba(155, 97, 80, .3);
transition: all .5s ease-in-out 0s}


#pun-index .tcl h3 a:hover:before {width: 100%}

.podfn {
background: rgba(144, 150, 162, .5);
    box-shadow: 0 0 8px 0 rgba(76, 76, 33,.2), 0 0 0 1px rgba(255, 255, 255,.2) inset,  0 0 6px 0 rgba(0,0,0,.2) inset;
text-align: center;
color: #4a4a60!important; 
 font-family: Roboto;
font-size: 11px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;
font-weight: bold;
margin-top: 2px!important;
margin-bottom: 4px!important;
padding: 3px 0px 3px 0px;
transition: all .5s ease-in-out 0s
}
.podfn:hover {
background: rgba(144, 150, 162, .9); 
}

/*ÎÑÒÀËÜÍÎÅ -------------------------------------------------------------*/
    ::selection { 
    background: none repeat scroll 0 0 #7f7f91;
    color: #babbc3;
    }  
*::-moz-selection {
     background: none repeat scroll 0 0 #7f7f91;
    color: #babbc3;
}

.punbb select, input {
border: none;
padding: 1px 2px 2px 1px !important;
background-color: rgba(171, 173, 177,.2);
    box-shadow: 0 0px 2px 0 rgba(96, 100, 110,.7);
color: #353954;
}

hr {
border-top: 1px solid #9d8c75; 
}

.datetime, .byuser {
 font-family: Roboto;
font-size: 11px!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: lowercase;
color: #897069;
}

/*ÌÀÑÊÀ ÏÐÎÔÈËß -------------------------------------------------------------*/
  #mask_dialog .inner {
background: url('');
        border: 1px solid rgb(198,198,198);
  background: #babbc3 linear-gradient(rgba(196, 199, 205, 0) 30%, rgba(130, 138, 157, .1) 70%);  
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
color: #22262f;
    }

abbr {text-decoration: underline;
text-decoration-style: dotted;
color: #202232;
}

#tooltip {
z-index: 999;
position:absolute;
display:none;
max-width:280px;
font-family: Roboto;
font-size: 12px!important;
color: #babbc3;
padding: 4px 12px!important;
background: rgba(83, 86, 107, .8);
}