/* 
Разработка ExTemplate.com

Skype - extemplate
Icq - 840894
E-mail - extemplate@gmail.com

*/

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html, body {
  font-size: 100%;
}
body {
  background: url(../images/body-bg.png) repeat #fff;
  ; color: #000;
  padding: 0;
  margin: 0;
  font-family: Arial,sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  -webkit-text-size-adjust: none;
}
body, ul, li, p, h2, h1, h3, h3, span, form, dl, dd, dt, ol, a {
  margin: 0;
  padding: 0;
}
ul, li {
  list-style: none;
}
font {
  font-size: 12px;
}
img {
  border: 0;
}
h1 {
  font-size: 20px;
}

.cursor {
  cursor: pointer;
}

a, a:visited, a:hover {
  text-decoration: none;
}

a {
  blr: expression(this.onFocus=this.blur());
}

.bg_con {
  width: 1100px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 5px 5px #D3D3D3;
  margin-top: 10px;
}

.left {
  background-color: #fff;
  padding: 2px 15px;
}

.left_bg {
  background: url(../images/left_bg.png) 0 0 repeat-y #fff;
}

.left_col {
  padding: 10px;
  float: left;
  background: #f7f7f7;
  width: 273px;
}

.right_col {
  padding-bottom: 30px;
  float: right;
  width: 775px;
}

.c1 {
  clear: both;
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
}

.hidden-x {
  overflow-x: hidden;
  overflow-y: auto;
}

.app_sub span {
  display: inline-block;
  float: left;
}

.bai {
  position: absolute;
  background: #fff;
}

.999 {
  color: #999;
}

.666 {
  color: #666;
}

/*Верхний бар*/
.top_search {
width: 270px;
height: 31px;
background: url(../images/top_search.png);
float: right;
margin-top: 31px;
overflow: hidden;
zoom: 1;
background-size: 270px;
}
.top_search .inp {
height: 24px;
float: left;
line-height: 18px;
background: none;
border: 0;
margin: 4px 0 0 15px;
_margin: 3px 0 0 25px;
width: 200px;
padding: 1px 5px 3px;
color: #8F8C8C;
}
.top_search .but {
width: 40px;
float: right;
height: 31px;
background: none;
border: 0;
margin: 0;
padding: 0;
cursor: pointer;
outline: 0;
}

/*меню*/
#menu-btn {
display: none;
padding: 7px 0;
background: #FFFFFF;
color: #666;
text-transform: uppercase;
text-decoration: none;
font-weight: 600;
padding-left: 15px;
box-shadow: 0 -1px 1px #0d9cdb;
}
#hamburger {
top: 11px;
margin-left: 214px;
background: #292d33;
}
#hamburger:after { bottom: -3px; }
#hamburger:before, #hamburger:after, #hamburger {
background: #666;
content: "";
display: block;
height: 3px;
left: 0;
position: relative;
width: 17px;
}
#hamburger:before { top: -6px; }
.head_middle {
height: 39px;
background: #FFF;
width: 100%;
box-shadow: 0 0px 1px #0d9cdb;
}
.head_size {
margin: 0 auto;
width: 1100px;
}
.nav {
font-size: 16px;
color: #707885;
line-height: 28px;
padding-top: 5px;
float: right;
}
.nav li {
float: left;
}
.nav a {
padding: 0px 15px;
background: #FFFFFF;
color: #666;
border-right: 1px solid #A8E4FF;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font: 17px "Arial Narrow", Arial;
}
.nav a:hover {
color: #0d9cdb;
}
.nav li.on a, .nav li.on a:visited, .nav li.on:hover {
font-weight: 700;
color: #0070b3;
text-decoration: none;
}
.sub_nav_dot {
  position: relative;
}
.sub_nav_con {
position: absolute;
top: 20px;
display: none;
padding: 14px 0 0 0;
z-index: 1000;
}
.sub_nav_menu {
background: rgba(47, 189, 255, 0.59);
border: #2FBDFF solid 1px;
}
.sub_nav_con div {
border-radius: 0 0 5px 5px;
border-top: 0;
padding: 5px;
width: 180px;
}
.nav .sub_nav_con a {
display: inline-block;
border: 1px solid #2FBDFF;
margin-bottom: 3px;
background: rgba(0, 30, 44, 0.69);
color: #FFFFFF;
-webkit-box-shadow: 0 0 2px #000;
-moz-box-shadow: 0 0 2px #000;
box-shadow: 0 0 2px #000;
font-size: 16px;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav .sub_nav_con a:hover {
background-color: rgba(0, 0, 0, 0.8);
border-left: 7px solid #2FBDFF;
}
.sub_nav_dot:hover .sub_nav_con {
  display: block;
}
a.last_m {
border-right: 0!important;
}
/*Футер*/
footer {
  background: #0d88c8;
  color: #fff;
  font-size: 12px;
}
.foot_box_w {
margin: 0 auto;
width: 1100px;
}
.logo_small {
height:52px;
overflow:hidden;
}
.logo_small img {
float:left;
width:200px;
}
.copyright {
  margin: -30px 230px;
  float: left;
}
.copyright a {
  color:#fff;
  text-decoration:underline !important;
}
.copyright a:hover {
  color:#fff;
  text-decoration:none !important;
}
.counters {
min-width: 300px;
height: 31px;
margin-top: -41px;
float: right;
}
.counters span {
margin: 0 5px;
opacity: 0.6;
}
/* Навигация по страницам */
.navigation {
  padding: 10px;
  clear: both;
}
header h1 {
float: left;
background-color: rgba(255,255,255,0.11);
margin: 30px 15px 15px 30px;
padding: 8px;
max-width:450px;
color: #fff;
border-radius: 5px;
font-size: 14px;
font-weight: normal;
}
.navigation a {
  border-radius: 3px 3px 3px 3px;
  background: #efefef;
  height: 30px;
  line-height: 30px;
  float: left;
  padding: 0 9px 0 9px;
  text-decoration: none;
  color: #999 !important;
  margin: 0 5px 0 0;
  font-size: 14px;
}

.navigation a:hover {
  background: #0d88c8;
  color: #fff !important;
  text-decoration: none;
}

.navigation span {
  border-radius: 3px 3px 3px 3px;
  background: #0d88c8;
  color: #fff;
  height: 30px;
  line-height: 30px;
  float: left;
  padding: 0 9px 0 9px;
  text-decoration: none;
  margin: 0 5px 0 0;
  font-size: 14px;
}
/*Полная новость*/
.fullstory {
border: 1px solid #e2e1e2;
background: #fff;
position: relative;
height: auto;
margin-bottom: 2px;
width: 100%;
margin-top: 15px;
clear: both;
}
.fullstory img {
  border: 0!important;
}
.fullstory .pic {
width: 83px;
height: 83px;
display: table-cell;
padding: 10px;
vertical-align: top;
text-align: center;
background: #fafafa;
overflow: hidden;
padding-right: 30px;
}
.fullstory .pic img {
width: 83px;
min-height: 83px;
}
.pic img:hover {background:none !important;}
.fullstory .desc {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  height: auto;
  padding: 10px;
}

.fullstory .desc-title {
  display: block;
  font-size: 20px;
  line-height: 22px;
  color: #222;
  margin: 3px 0 4px;
  padding: 0;
  font-weight: 400;
  font-style: normal;
}
.fullstory .desc-ratings {
position: absolute;
top: 9px;
left: 99px;
}
.fullstory .pic i {
display: block;
font-size: 15px;
line-height: 18px;
color: #777;
font-style: normal;
margin-top: 5px;
}
.appinfo ul {
  width: 100%;
  font-family: Tahoma, Arial;
  font-size: 12px;
  float: left;
  color: #666;
}
.appinfo ul li {
float: left;
line-height: 23px;
width: 216px;
margin-right: 6px;
}
.appinfo  a {
  color: #777;
  text-decoration: underline !important;
}

.appinfo a:hover {
  color: #777;
  text-decoration: none !important;
}

.fullstory .qr_inst {
  display: table-cell;
  text-align: right;
  vertical-align: top;
  padding: 10px;
  width: 105px;
  height: auto;
}

.fullstory .install {
  display: inline-block;
  width: auto;
  height: auto;
}

.fullstory .install a {
  display: block;
  height: 35px;
  width: 105px;
  text-align: left;
  background: #a0c84b url("../images/download.png") no-repeat -8px -5px !important;
  margin-top: 10px;
  padding-left: 40px;
  padding-right: 10px;
  line-height: 15px;
  font-size: 13px;
  font-weight: 500;
  font-variant: normal;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.fullstory .install a:hover {
  background: #a0c84b url("../images/download.png") no-repeat -8px -47px !important;
  color: #fff;
}

.qr_code {
  border: #ccc solid 1px;
  padding: 2px;
  top: 5px;
  line-height: 0 ;
}

.qr_code img {
  width: 100%;
  height: 100%;
  float: none !important;
}

.appinfo2 {
  padding-top: 20px;
  clear:both;
}
.appinfo2 .title {
border-bottom: #e2e1e2 solid 1px;
width: 100%;
}
.appinfo2 .title h2 {
  line-height: 33px;
  color: #fff;
  font-size: 16px;
  margin-bottom: -1px;
  padding-right: 10px;
  padding-left: 10px;
  display: inline-block;
  background: #85cae8;
}
.appinfo2 .appcontent {
padding-top: 5px;
width: 100%;
line-height: 24px;
color: #666;
font-size: 13px;
text-align: justify;
}
.appinfo2 .appcontent p {
line-height: 24px;
color: #666;
font-size: 13px;
text-align: justify;
}
.appcontent a, .appcontent a:visited {
  color: #666;
  text-decoration: none;
}
.appcontent img {max-width: 775px;}
.appcontent a:hover {
  text-decoration: underline;
}

#content-1 {
  overflow: hidden;
  width: 100%;
}

#content-1 p {
  float: left;
  width: 300px;
  min-width: 100px;
  margin-right: 10px;
  background: rgba(0,0,0,0.3);
  padding: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#content-1 p:last-child {
  width: auto;
  margin-right: 0;
}

#content-1 .content {
  background: #252525;
  width: 300px;
  height: 340px;
  padding: 20px;
  overflow: auto;
  background: #333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: left;
  margin-right: 10px;
}

#content-1 .content p {
  float: none;
  width: auto;
  margin-right: 0;
  min-height: auto;
}

#content-1 br {
  display: none;
}

#content-1 img {
margin-right: 5px;
max-height: 200px;
width: 220px;
float: left;
}
/*Слайдер*/
.slider {
position: relative;
border: 10px solid #0d85c5;
border-radius: 5px;
box-shadow: 0 1px 1px 0px #8B8B8B;
}

.sliderContent {
height: 287px;
overflow: hidden;
position: relative;
}
.sliderArrows  {
display:block !important;
}
.sliderArrows a {
top: 50%;
margin-top: -43px;
display: inline-block;
width: 53px;
height: 51px;
position: absolute;
z-index: 999;
text-indent: -9999px;
}

.prev {
background: #0d85c5 url(../images/lr_dot.png) 0 0;
border-radius: 0 6px 6px 0;
left:0;
}

.next {
background: #0d85c5 url(../images/lr_dot.png) 0 51px;
border-radius: 6px 0 0 6px;
right:0;
}

.sliderContent .item {
position:absolute;
width:800px;
height:350px;
background:#fff;
}

.sliderBullets {
height: 35px;
text-align: center;
margin: 0;
position: absolute;
left: 44%;
top: 262px;
z-index: 999;
display: inline-block;
vertical-align: top;
margin: 0 -4px 0;
background: #0d85c5;
padding: 10px;
border-radius: 5px 5px 0 0;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin: 0 5px 0 5px;
width:10px;
height:10px;
background:url(../images/pagination.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -10px;
}

.sliderContent a {
outline:none;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover, a:active {
  color: #9e2020;
  text-decoration: none;
}

.container {
  width: 100%;
  margin: 0 auto;
}

.slideimg {
width: 755px;
overflow:hidden;
height: 287px;
}
.slideimg img {
width: 755px;
min-height: 287px;
}
.slidesjs-pagination {
position: absolute;
left: 0;
top: 263px;
z-index: 999;
}
/*Авторизация*/
.new_join {
padding-bottom: 10px;
}

.new_join h2 {
width: 300px;
line-height: 38px;
color: #fff;
text-align: center;
font-size: 16px;
float: left;
background: #0d85c5;
height: 40px;
}
.new_join .con {
width: 800px;
line-height: 38px;
font-size: 14px;
padding-left: 10px;
float: left;
background: #0d9cdb;
height: 40px;
background-image: url(../images/dot.png);
background-position: left center;
background-repeat: no-repeat;
}
.con a, .con a:visited {
color: #fff;
text-decoration: none;
margin-left: 20px;
}
.con {
color: #fff;
}
.con a:hover {
text-decoration: underline;
}
/*Левое меню*/
.app_category li {
height: 39px;
line-height: 35px;
color: #FFF;
background: #0d9cdb;
margin-bottom: 10px;
border: #0d9cdb solid 1px;
}
.app_sub {
position: relative;
border-radius: 3px 3px 3px 3px;
}
.app_category li.on {
background: #FFF;
color: #666;
border: #cccccc solid 1px;
}
.app_category_icon {
background: url(../images/app_category_icon.png);
}
.app_category li .dot {
width: 7px;
height: 39px;
background-position: 0 bottom;
}
.app_category li.on .dot {
background-position: 0 -156px;
}
.category_licon {
width: 44px;
height: 39px;
}
.app .category_licon {
 background-position: 0 -39px;
}
.app .on {
  background-position: 0 0;
}
.game .category_licon {
  background-position: 0 -117px;
}
.game .on {
  background-position: 0 -78px;
}
.app_category li .name {
  width: 185px;
}
.line2 {
  height: 2px;
  font-size: 0;
  line-height: 1px;
  overflow: hidden;
  background: #e2e1e2;
  border-bottom: #FFF solid 1px;
  margin-top: 10px;
}
.app_category_con {
  padding-left: 15px;
  position: absolute;
  display: none;
  width: 590px;
  left: 206px;
  z-index: 99999;
  top: -1px;
}
nav {
  padding-bottom: 10px;
  padding-left: 25px;
  padding-top: 20px;
  background: #fff;
  border: #ccc solid 1px;
}
nav a {
  border-radius: 3px 3px 3px 3px;
  font-family: Tahoma, Arial;
}
.bai {
  z-index: 999999;
  left: 203px;
  width: 19px;
  height: 39px;
  top: -1px;
  display: none;
  border-top: #ccc solid 1px;
  border-bottom: #ccc solid 1px;
}
.app_category_con a, .app_category_con a:visited {
  margin: 0 15px 11px 0;
  display: inline-block;
  float: left;
  line-height: 20px;
  font-size: 12px;
  color: #333;
  padding: 0 10px;
  background: #f3f3f3;
  border: #e1e1e1 solid 1px;
}
.app_category_con a:hover, .app_category_con a.on, .app_category_con a.on:visited, .app_category_con a.on:hover {
background: #FFFFFF;
border: #C2ECFF solid 1px;
color: #2EB4F0;
}
.app_category_con a.on {
  font-weight: 700;
}
/*топ игр*/
.left_games {
  padding-top: 10px;
}
.left_games_title {
  line-height: 48px;
  height: 50px;
  border-bottom: #ccc solid 1px;
}
.left_games_title h2 {
  color: #666;
  font-size: 14px;
}
.left_games .contact li {
  padding: 10px 0;
  position: relative;
}
.left_games .contact li .pic {
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.left_games .contact li .pic  img {
  width: 50px;
  min-height: 50px;
  vertical-align: bottom;
}
.left_games .contact li .text {
  width: 150px;
  margin-left: 60px;
  padding-top: 10px;
  left: 0;
  position: absolute;
  top: 0;
}
.left_games .contact li p {
line-height: 32px;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
}
.left_games .contact li h3 {
width: 180px;
overflow: hidden;
color: #0088cc;
font-size: 12px;
text-overflow: ellipsis;
}
.left_games .contact li h3 a, .left_games .contact li h3 a:visited {
  font-size: 13px;
  color: #0088cc;
  white-space: nowrap;
}
.left_games .contact li h3 a:hover {
  text-decoration: underline;
}
.left_games .contact li .download {
padding: 10px 0 0 0;
text-align: center;
}
.short_content {
  font-size: 12px;
  padding-top: 15px;
}

.short_content a, .short_content a:visited {
  color: #333;
  text-decoration: none;
}

.short_content a:hover {
  text-decoration: underline;
}
/*контент*/
.minay {
border-radius: 11px 11px 0 0!important;
border-bottom: 1px solid #EBEBEB;
padding-bottom: 5px;
}
.app_right_mode .news section {
width: 145px;
height: 185px;
float: left;
box-shadow: 0 0 3px 2px #E4E4E4;
margin: 5px;
border-radius: 11px;
}
.app_right_mode .news section .pic {
height: 120px;
overflow: hidden;
width: 120px;
border-radius: 11px 0!important;
}
.app_right_mode .news section .pic img {
  width: 120px;
  min-height: 120px;
}
.app_right_mode .news section.on {
  background: #fff;
}
.app_right_mode .news section .download {
  padding-top: 4px;
}
.app_title {
line-height: 39px;
height: 41px;
background: #188FCF url(../images/sprite.jpg) 185px 0 no-repeat;
width: 220px;
margin: 10px 0 0 0;
padding: 0 10px;
border-radius: 3px 0 0 0;
}
.allapp {
float: right;
margin-top: -31px;
color: #35A9E0;
font-weight: 700;
font-size: 14px;
}
.allapp:hover {
text-decoration: underline;
color: #35A9E0;
}
hr {
margin: 0;
padding: 0;
border: none;
height: 7px;
background: #188FCF;
margin-top: -7px;
}
.app_title h2 {
color: #FFFFFF;
font-size: 18px;
padding: 0px 4px 0;
display: inline-block;
text-shadow: 0px 0px 45px #575757;
font-weight: normal;
}
.app_title span {
color: #FFF;
font-weight: 700;
font-size: 14px;
}
.rattsy {
float: right;
padding: 7px 4px 0;
border-radius: 0 11px 0 0;
}
.app_right_mode .news section h3 {
font-size: 14px;
line-height: 17px;
min-height: 17px;
color: #333;
display: block;
max-height: 36px;
overflow: hidden;
text-decoration: none;
position: relative;
white-space: nowrap;
font-family: "Roboto",Arial,sans-serif;
font-weight: 300;
padding: 3px 5px;
border-bottom: 1px solid #EBEBEB;
}
.paragraph-end {
  background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
  background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
  background-image: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
  background-image: -ms-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
  background-image: -o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
  background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
  bottom: 0;
  height: 25px;
  max-height: 100%;
  position: absolute;
  right: 0;
  width: 60px;
}
p.сcteg {
font-size: 11px;
line-height: 17px;
margin-bottom: 0;
text-align: center;
margin-top: 5px;
min-height: 17px;
color: #333;
max-height: 36px;
overflow: hidden;
text-decoration: none;
position: relative;
white-space: nowrap;
font-family: "Roboto",Arial,sans-serif;
font-weight: 300;
padding-left: 5px;
padding-right: 5px;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
}
/*скачать*/
.download {
  display: none;
}
.download a, .download a:visited {
font-size: 13px;
border-radius: 3px 3px 3px 3px;
height: 26px;
line-height: 24px;
display: inline-block;
background: #0d9cdb;
color: #fff;
text-align: center;
padding: 0 10px;
width: 100%;
}
.rdus a {
border-radius: 0 0 3px 3px!important;
}
.download a:hover {
background: #0d85c5;
text-decoration: none;
}
/*speedbar*/
#dle-speedbar {
  line-height: 20px;
  color: #666;
  font-family: Tahoma, Arial;
  font-size: 14px;
  height: 42px;
}

#dle-speedbar a, #dle-speedbar a:visited {
  color: #0d5e9e;
  text-decoration: none;
}

#dle-speedbar a:hover {
  text-decoration: underline;
}
/*логотип*/
header {
  padding: 0px;
  width: 100%;
  background: url(../images/top_bar.gif) repeat;
}
.wrap_header {
  width: 1100px;
  height: 100px;
  margin: 0 auto;
}
#logo {
background: url(../images/logo.png) no-repeat;
display: block;
height: 140px;
margin: 0;
width: 320px;
position: relative;
float: left;
}
.fav_orit {
background: url(../images/fav.png) 0px 1px no-repeat;
padding-left: 20px;
}
.pm_1 {
background: url(../images/pm_1.png) 0px 1px no-repeat;
padding-left: 20px;
}
.prof_1 {
background: url(../images/prof.png) 0px 1px no-repeat;
padding-left: 20px;
}
.out_1 {
background: url(../images/out_1.png) 0px 1px no-repeat;
padding-left: 20px;
}
.admin_1 {
background: url(../images/admin.png) 0px 1px no-repeat;
padding-left: 20px;
}
.avat {
width: 18px;
height: 18px;
margin: 0 5px -3px 15px;
}
.avat_12 {
display: inline;
}
.input-text {
padding: 5px 6px 5px 26px;
color: #5E5E5E;
margin-left: 10px;
margin-top: 7px;
border-radius: 4px;
border: 0;
}
.in_1_text_ava {
background: #fff url(../images/input_1.png) 3px 6px no-repeat;
}
.in_2_text_ava {
background: #fff url(../images/pass_1.png) 3px 6px no-repeat;
}
input.button {
background: #E9971D;
border: 0;
padding: 5px 18px;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-weight: bold;
}
input.button:hover {
background: #E97F1D;
}
.trest {
margin-left: 10px;
}
.app_right_mode .news section .tupic {
height: 145px;
overflow: hidden;
width: 145px;
border-radius: 11px 11px 0 0!important;
}
.app_right_mode .news section .tupic img {
width: 145px;
min-height: 145px;
}
.app_right_mode .news .singl {
height: 210px;
}
/* comments */
h2.comtitle{font-size:16px;font-family: 'PT Sans';color:#1c5e9d;font-weight:300;}
.dlecomment {overflow:hidden;padding:5px 0;border-top:1px solid #fff;margin:0;}
.dlecomment-img {float: left;margin-right:27px;margin-left:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;overflow: hidden;}
.dlecomment-img img {display: block;}
.dlecomment-img a:hover img {background:none;}
.dlecomment-body {overflow: hidden;}
.dlecomment .text {padding: 10px;border: 1px solid #e5e5e5;border-radius: 5px;background: #fff;}
.dlecomment .text img {max-width:620px}
.dlecomment .text p:last-child {margin: 0;}
.dlecomment .attribution {
font-size: 12px ;
color: #666;
width: 300px;
transition: opacity 0.5s 0s ease-in-out;
margin: 5px 0 0 0;
}
.dlecomments{border-top:1px solid #cdcdcd;border-bottom:1px solid #fff;}
.dlecomments,.dlecomment {position: relative;}
.online .dlecomment:before{background:#090;}
.offline .dlecomment:before{background:#f00;}

.dlecomments:before,.dlecomment:before,.dlecomment .text:before {content: "";position: absolute;top: 0;left: 65px;}
.dlecomments:before {width: 3px;top:0px;bottom:0px;background: rgba(0,0,0,0.1);}
.dlecomment:before {
width: 15px;
height: 15px;
border: 3px solid #fff;
border-radius: 100px;
margin: 16px 0 0 -6px;
box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
}
.dlecomment .text:before {top: 18px;left: 78px;width: 9px;height: 9px;border-width: 0 0 1px 1px;border-style: solid;border-color: #e5e5e5;  background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}​
.comment-icons {
font: normal 14px 'PT Sans Narrow',Arial,Helvetica,sans-serif;
-webkit-transition: opacity 0.5s 0s ease-in-out;
-moz-transition: opacity 0.5s 0s ease-in-out;
-o-transition: opacity 0.5s 0s ease-in-out;
-ms-transition: opacity 0.5s 0s ease-in-out;
transition: opacity 0.5s 0s ease-in-out;
margin: 5px 0 0 0;
padding: 0;
float: right;
}
.comment-icons {width: 150px;
float: right;}
.icon-margin1-right{margin-right:2px;display:inline-block;vertical-align:top}
.icon-margin2-right{margin-right:2px;display:inline-block;vertical-align:top}
.icon-margin4-right{margin-right:4px;display:inline-block;vertical-align:top}
.icon-margin22-right{margin-right:2px;display:inline-block;vertical-align:top}
.icon-margin8-left{margin-left:8px;display:inline-block;vertical-align:top}
span.icon-delete:after {
font-family: 'media';
content: "\E80F";
color: #3fb0c3;
}
span.icon-edit:after {
font-family: 'media';
content: "\E808";
color: #3fb0c3;
}
span.icon-reply:after {
font-family: 'media';
content: "\E888";
color: #3fb0c3;
}
span.icon-compl:after {
font-family: 'media';
content: "\E8E1";
color: #3fb0c3;
}
span.icon-mess:after {
font-family: 'media';
content: "\E8DC";
color: #3fb0c3;
}
.comments-icons a {color: #3fb0c3 !important;}
@font-face {
  font-family: 'media';
  src: url('fonts/media.eot?69865849');
  src: url('fonts/media.eot?69865849#iefix') format('embedded-opentype'),
       url('fonts/media.woff?69865849') format('woff'),
       url('fonts/media.ttf?69865849') format('truetype'),
       url('fonts/media.svg?69865849#media') format('svg');
  font-weight: normal;
  font-style: normal;
}
.attachment a {
background: #a0c84b;
color:#fff;
padding: 6px 6px;
display: block;
font-size: 16px;
font-weight: bold;
margin: 0 0 5px 0;
}
.attachment a:hover {
color:#fff;
background: #85A53E;
}