a.href-orange {color: #ffa900; text-decoration: none; font-style: normal;}

.brd-bottom {border-bottom: 1px solid #dcdcdc;}
.brd-top {border-top: 1px solid #dcdcdc;}

.text-title {font-weight: bold; margin: 10px 0;}

.black-href {color: #000;text-decoration: underline;}

/*div.title-block a {color: #000;}*/

.menu-invert {border-left: 1px solid #ffa900; border-top: 1px solid #ffa900; border-bottom: 1px solid #ffa900; background-color: #fff;}
#prop {width: 33px; text-align: center; display:table-cell; vertical-align: middle;}
#prop a img {margin-top: 3px;}

#auth {padding-right: 8px; width: 33px; text-align: center;}
#auth a img {margin-top: 3px;}

ul.menu-top {position: absolute; background-color: #fff; border-right: 1px solid #aaa; border-left: 1px solid #aaa; color: #000; z-index: 25; padding: 0 10px; box-shadow: 0 0 3px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);}
ul.menu-top li {border-bottom: 1px solid #dcdcdc; padding: 0;}
ul.menu-top li:last-child {border-bottom: none;}
ul.menu-top li a {color: #000; text-decoration: none;}
ul.menu-top li a div {display: table-cell; vertical-align:middle; width: 90px; height: 30px;}

#subform {position: absolute; top: 0; left: 121px; width: 200px; height: 530px; z-index: 24; overflow: auto;}
ul.sub-menu-top {width: 170px;}
ul.sub-menu-top li a div {width: 170px;}

div.sub-menu {background: #fff url(/img/skins/mobile/arrows-narrow.png) center no-repeat; width: 10px !important; background-size: 12px 11px;}

.point {position: absolute; height: 33px;}

/*Блок контента*/
/*#content {position: relative; padding-bottom: 80px;  min-height: 500px;}*/

#main-background {display: none; z-index: 25; width: 125px; height: 375px; position: absolute; top: 0; left: 0; overflow: auto;}

#full {padding: 16px 0 0 3px; width: 100%; text-align: left;}
#full a {color: #fff; font-size: 12pt; font-family: Tahoma, sans-serif;}

#full-btn {padding: 20px 0 0 10px;}
#full-btn a {color: #646464; font-size: 12pt; font-family: Tahoma, sans-serif;}

.separator { clear: both; }

#up {width: 33px; text-align: center;}
#up a {text-decoration:none; color: #fff;}
#up a .btn-border div {margin-top: -3px;}

#up-btn {width: 61px; text-align: center; font-size: 22pt;}
#up-btn a {text-decoration:none; color: #646464;}
#up-btn a div {border-right: 1px solid #363636; height: 40px; margin-top: 20px;}

#prop-bottom {padding-top: 16px; width: 33px; text-align: center;}
#prop-bottom a img {margin-top: 3px;}

.btn-border {width: 25px; height: 25px; border: 2px solid #fff; border-radius: 5px; display:table-cell; vertical-align: middle; font-style: normal; font-size: 12pt;}
#full a div {width: 150px; height: 21px; display:table-cell; vertical-align: middle;}

.counters {text-align: right; padding-top: 25px;}

/*Контент главной страницы*/
.time-controls {border-spacing: 0; height: 20px;}

.collection div.reverce {background-color: #fff; margin-left: -2px;}
.collection a {text-decoration: none;}
.collection .btn-border {background-color: #ffa900; height: 25px; width: 29px; color: #fff; text-align: center; border-color: #ffa900; display: inline-block; margin: -15px 0 0 0;}
.collection .btn-border div {height: 29px; width: 100%; text-align: center; font-weight: bolder; font-size: 20pt; margin-top: -3px;}

.movies .btn-border {background: #fff url(/img/skins/mobile/logo-orange.png) 5px 3.5px no-repeat scroll; background-size: 16px; height: 25px; width: 60px; color: #ffa900; text-align: center; border-color: #ffa900; display: inline-block; margin: -15px 0 0 -2px;}
.movies .btn-border div {width: 40px; margin: 3px 0  0 20px; text-align: center;}

.user a {text-decoration: none; color: gray;}
.user .btn-border {height: 25px; width: 100px; border-color: gray; display: inline-block; margin: -15px 0 0 -3px;}
.user .btn-border div {margin: 3px 0 0 0px; text-align: center; font-size: 12pt;}

.time {font-size: 14px; color: #555; padding: 0;}
.time div {overflow: hidden; font-style: italic; white-space: nowrap; text-decoration: none;}
.time-div {margin-top: 3px; margin-bottom: 3px; width: 99%;}

#movies-more {width: 180px; height: 22px; border: 2px solid #ffa900; border-radius: 5px; color: #ffa900; text-align: center;  margin-top: 15px; font-size: 12pt; padding-top: 3px;}

div.rating {background: url(/img/skins/mobile/big-star-sprite-yellow-five.png) 0 0 no-repeat scroll; height: 17px; width: 100px; margin: 0 6px 0 -2px; background-size: 100%}
div.rating.r-1 {background-position: 0 -17px;}
div.rating.r-2 {background-position: 0 -34px;}
div.rating.r-3 {background-position: 0 -51px;}
div.rating.r-4 {background-position: 0 -68px;}
div.rating.r-5 {background-position: 0 -85px;}
div.rating.r-6 {background-position: 0 -102px;}
div.rating.r-7 {background-position: 0 -119px;}
div.rating.r-8 {background-position: 0 -136px;}
div.rating.r-9 {background-position: 0 -153px;}
div.rating.r-10 {background-position: 0 -170px;}


div.count-plus {display: inline-block; position: absolute; top: -5px; left: 44px; font-size: 14px; color: gray;}

.reviews {display: table-cell; vertical-align: middle; height: 22px; position: relative;}

div.forum {font-family: Tahoma, sans-serif; font-size: 16px; display: table-cell; vertical-align: middle; height: 20px;}

div.text {min-height: 98px;}

.text-gray {color: #777; font-size: 12px; padding-bottom: 7px;}

table.post-stats {margin-top: -4px; margin-bottom: 3px; border-spacing: 0;}

.selection-context {font-style: italic; font-size: 14px; color: #555;}

/*Страница фильма
div.content {border-bottom: 1px solid #dcdcdc; padding-bottom: 12px;}

div.movie-page {height: 40px; padding: 0 5px;}

div.poster-block {position: relative; display: table-cell; width: 102px; padding: 3px 11px 0 6px; margin: 0;  text-align: center; font-size: 8px; height: 144px;}
div.poster-block a img{ width: 102px; height: 144px;}
div.poster-block a.main-poster img:hover{ cursor: url(/img/search.png), pointer; }

div.movie {margin: 5px 0 0; position: relative;}
div.movie-my-mark {margin: 2px 0 0 0;}
div.movie-mark {position: absolute; left: 110px; font-size: 16px;}

table.movie-stats {position: relative; display: table-cell; width: auto; vertical-align: top; font-size: 14px; color: #000; border-spacing: 0;}
table.movie-stats tbody tr td {width: 430px; vertical-align: top;}
table.movie-stats tbody tr:last-child td { padding: 0; }*/

/*.wanted {width: 131px; margin: 0px 0 0 1px; border-right: 1px solid #fff;}
div.wanted a {text-decoration: none;}
div.wanted a div {display: table-cell; vertical-align: middle; width: 131px; height: 30px; color: #fff; background-color: #72bb53; text-align: center; font-size: 13px;}*/

/*.wanted-invert {width: 130px; border: 1px solid #72bb53; margin: 10px 0 0 1px;}
div.wanted-invert a {text-decoration: none;}
div.wanted-invert a div {display: table-cell; vertical-align: middle; width: 128px; height: 28px; color: #fff; background-color: #fff; text-align: center; font-size: 13px; color: #72bb53;}*/

.menu-wanted {width: 30px; margin: -30px 0 0 133px;}
div.menu-wanted a {text-decoration: none;}
div.menu-wanted a div {display: table-cell; vertical-align: top; width: 130px; padding-top: 1px; height: 29px; color: #fff; background-color: #72bb53; text-align: center; font-size: 16px;}

.wanted-menu-invert {border: 1px solid #72bb53; width: 29px; margin: -30px 0 0 132px;}
.wanted-menu-invert a {color: #72bb53; text-decoration: none;}
div.wanted-menu-invert a div {display: table-cell; vertical-align: top; width: 130px; color: #72bb53; background-color: #fff; height: 28px; text-align: center; font-size: 16px;}

.fav, .plus {width: 28px; height: 28px;  margin: -30px 0 0 167px; border: 1px solid #d6d6d6; background-color: #d6d6d6;}
.fav div, .plus div{width: 16px; height: 16px; background: #d6d6d6 url(/img/skins/mobile/fav-sprite.png) 0 0 no-repeat scroll; margin: 6px;}
.plus div {background: url(/img/skins/mobile/plus-sprite.png) 0 0 no-repeat scroll;}

.fav-on, .plus-on {width: 28px; height: 28px;  margin: -30px 0 0 167px; border: 1px solid #ffa900; background-color: #fff;}
.fav-on div, .plus-on div{width: 16px; height: 16px; background: #fff url(/img/skins/mobile/fav-sprite.png) 0 -16px no-repeat scroll; margin: 6px;}
.plus-on div {background: url(/img/skins/mobile/plus-sprite.png) 0 -16px no-repeat scroll;}

.context-text {color: gray; font-size: 10px; margin: 5px 0 0 2px;}

.my-mark {text-align:center; width: 102px; margin: 8px 0 0 6px;}

table.movie-details { position: relative; width: 100%; color: #000; border-spacing: 0;}
table.movie-details tbody tr td {height: 30px; border-bottom: 1px solid #dcdcdc; padding-left: 5px; padding-bottom: 3px;}
table.movie-details tbody tr td.title-detail {width: 108px;}
table.movie-details tbody tr td.title-person {width: 139px;}

.gray-number {color: gray; font-size: 14px; font-style: italic;}

div.count div {text-align: right; margin: 1.5px 25px 0 0; }

div.rubric-content {border-bottom: 1px solid #dcdcdc; padding: 5px; text-align: justify;}

div.rubric-content p {margin: 0; padding: 0;}
div.rubric-content p.mobdd {margin-bottom: 5px;}

ul.carousel-recommended {border-spacing: 3px 0;}
div.small-carousel ul.carousel-recommended  li {padding: 8px 20px 8px 0; height: 126px; border: none; list-style: none; position: relative; display: table-cell; text-align: center; vertical-align: top; }

.recommend-title  {display: inline-block; color: #000; font-size: 12px; width: 100px; white-space: nowrap; overflow: hidden;}

.title-detail {width: 108px;}

.actors {border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; white-space: nowrap;}

.pictures {border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc;}

.imdb {display: inline-block; margin-left: 10px;}

.menu-wish {position: absolute; top: 41px; left: -1px; z-index: 255;}
.menu-wish ul {background-color: #fff; width: 130px; border-right: 1px solid #72bb53; border-left: 1px solid #72bb53; font-size: 13px; margin: -1px 0 0 2px;}
.menu-wish ul li {border-bottom: 1px solid #72bb53; padding: 0;}
.menu-wish ul li a {color: #72bb53; text-decoration: none;}
.menu-wish ul li a div {display: table-cell; vertical-align:middle; width: 130px; height: 28px; text-align: center;}

/*.view {width: 130px; margin: 10px 0 0 1px; border: 1px solid #72bb53;}
div.view a {text-decoration: none;}
div.view a div {display: table-cell; vertical-align: middle; width: 130px; height: 28px; color: #72bb53; background-color: #fff; text-align: center; font-size: 13px;}*/

div.rating-movie {background: url(/img/skins/mobile/big-star-sprite-yellow.png) 0 0 no-repeat scroll; height: 14px; width: 170px; margin: 3px 0 0; background-size: 170px; display: inline-block;}
div.rating-movie.r-1 {background-position: 0 -14px;}
div.rating-movie.r-2 {background-position: 0 -28px;}
div.rating-movie.r-3 {background-position: 0 -42px;}
div.rating-movie.r-4 {background-position: 0 -57px;}
div.rating-movie.r-5 {background-position: 0 -71px;}
div.rating-movie.r-6 {background-position: 0 -86px;}
div.rating-movie.r-7 {background-position: 0 -100px;}
div.rating-movie.r-8 {background-position: 0 -114px;}
div.rating-movie.r-9 {background-position: 0 -129px;}
div.rating-movie.r-10 {background-position: 0 -143px;}

.movie-rating {display: table-cell; vertical-align: middle; padding-right: 5px;}
.movie-rating span {display: table-cell; vertical-align: middle; padding-right: 2px;}
.movie-rating img {padding-top: 3px;}

.rating-movie-number {color: #ffa900; font-weight: bold; font-size: 14px;}
.rating-viewers {color: #777; font-size: 14px;}

.recommended {display: inline-block; margin-top: -4px;}
.recommended div, .recommended span {display: table-cell; vertical-align: middle;}
.recommended img {height: 12px; width: 12px; padding-top: 3px;}


.menu-mark {position: absolute; top: 64px; left: -3px; z-index: 255; box-shadow: 0 0 3px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);}
.menu-mark ul {background-color: #fff; width: 176px; border: 1px solid #dcdcdc; border-bottom: none; font-size: 14px;}
.menu-mark ul a li {border-bottom: 1px solid #dedede; padding: 6px 2px 0; height: 21px;}
.menu-mark ul a {color: #72bb53; text-decoration: none;}
.menu-mark ul a li div {display: table-cell; vertical-align:middle; width: 170px;}

/*Страница персоны*/
table.person tbody tr td {width: 180px;}
.brief {padding-bottom: 12px; height: auto !important;}

.filmography {position: relative;}
.filmography div {display: table-cell; vertical-align: middle;}
.filmography div.title {overflow: hidden; white-space: nowrap; display: inline-block; width: 72%;}
.filmography div.rat {position: absolute; top: 3px; right: 6px;}

.filmography-year {position: absolute; top: 6px; right: 55px;}

/*Страницы списков фильмов*/
table.movie-list {position: relative; width: 100%; padding: 0; margin: 0; border-spacing: 0;}
table.movie-list tbody tr td {padding: 5px; border-top: 1px solid #dcdcdc; vertical-align: middle;}
table.movie-list tbody tr td.year { width: 40px; text-align: center; vertical-align: top; }
table.movie-list tbody tr td.movie {vertical-align: top; position: relative;}
table.movie-list tbody tr td.movie a {font-size: 14px; color: #000; text-decoration: none;}

table.topevent td {border-top: none !important; border-bottom: 1px solid #dcdcdc;}
table.topevent tr td.date {font-size: 18px;}


.wish-btn {width: 155px; border: 1px solid #00a4d3; color: #00a4d3; padding: 2px; text-align: center; margin-bottom: 3px;}
.viewed {border-color: #72bb53; color: #72bb53;}

.loved-invert {color: #ffa900 !important; background-color: #fff !important; border-color: #ffa900 !important;}
.loved {background-color: #ffa900 !important;}

.comingsoon {border-bottom: 1px solid #dcdcdc; background-color: #f5f5f5;}
.comingsoon div {padding: 11px 5px;}

/*Страница отзыва*/
div.rating-review {display: inline-block; position: absolute; top: 8px; left: 178px; font-size: 12px; color: #777; width: 60px;}
div.review-page {border-bottom: none;}

ul.comment-list li {padding: 6px;}
ul.comment-list li img {height: 40px; width: 40px; margin: 3px 0;}
ul.comment-list li div.poster {display: table-cell; float: left; text-align: center;}
ul.comment-list li div.list-content {padding: 0 10px; margin-left: 40px; overflow: hidden;}
ul.comment-list li div.list-content p {margin: 0;}

.controls {height: 30px; overflow: hidden; white-space:nowrap; margin-bottom: 3px;}

.comment, .delete {width: 28px; height: 28px; border: 1px solid #d6d6d6; background-color: #d6d6d6;}
.comment div{width: 18px; height: 18px; background: #d6d6d6 url(/img/skins/mobile/comment-white.png) 0 0 no-repeat scroll; margin: 5px;}
.delete div{width: 18px; height: 18px; background: #d6d6d6 url(/img/skins/mobile/cancel.png) 0 0 no-repeat scroll; margin: 6px;}

.review-fav {position: relative; margin: 0; display: inline-block;}

.action-text {display: inline-block;}
.action-text div {display: table-cell; vertical-align: middle; height: 30px; padding: 0 7px 0 5px; color: #777;}

/*Страница киноклубов*/
.club-cities {margin-bottom: 9px;}
.club-cities div.city {display: inline-block; border: 1px solid #777; border-radius: 3px; margin-left: 6px;}
.club-cities div.city a {text-decoration: none;}
.club-cities div.city a div {padding: 2px 10px; color: #777;}

.city-invert {color: #fff !important; background-color: #777;}

.location {float: left; margin-left: -3px;}

/*Страница киноклуба*/
table.club tr td p {margin: 0; padding: 0;}

/*Страница игр*/
.mob-active, .mob-inactive { padding: 6px 12px; display: inline-block; color: #555; margin-right: 5px;}
.mob-active { background-color: #ffa814; }
.mob-active a { color: #FFF; }
.mob-inactive { background-color: gainsboro; }

table.mob {border-spacing: 0;}
table.mob tr td {border: none !important; padding: 0 !important; height: 30px !important;}
.text-mob {padding: 5px 0 0 !important; border: none !important;}

div.mobdd p {margin-bottom: 5px;}
div.mobdd p a {color: #000;}

/*Страница форума*/
p.notify {margin: 5px 0 !important; color: #ffa900;}

/*Страница зрителя*/
.tag {margin: 5px; float: left; width: 150px;}
table.viewer tbody tr td {width: auto; /*min-width: 125px;*/}

/*Страница зрителей фильма*/
ul.cast {display: block;}
ul.cast li {display: inline-block; margin: 8px 10px 2px 10px; padding: 0; border: none; text-align: center; white-space: nowrap; overflow: hidden; width: 40px;}
ul.cast li img {display: block;}
ul.cast li span {font-size: 12px; color: #000;}

div.movie-viewers {padding: 12px 6px;}
div.movie-viewers div {display: table-cell; vertical-align: middle;}

.share {position: absolute; top: 3px; left: 30%; margin: 0 0 0 -100px; background: #E6E6E6; border: solid 1px #a0a0a0; -moz-box-shadow: 0px 0px 10px #a0a0a0; -webkit-box-shadow: 0px 0px 10px #a0a0a0; font-size: 14px;
            -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;  }

.share-message {position: absolute; left: 30%; margin: 0 0 0 -100px; background: #E6E6E6; border: solid 1px #a0a0a0; -moz-box-shadow: 0px 0px 10px #a0a0a0; -webkit-box-shadow: 0px 0px 10px #a0a0a0; font-size: 14px;
            -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
/*Страница списка персон, персонажей, фильмов*/
ul.movie-list li {position: relative; min-height: 91px;border-bottom: 1px solid #dcdcdc;padding: 3px 5px;line-height: 120%;}
ul.movie-list li div.poster {display: table-cell; float: left; width: 65px; text-align: center;}
ul.movie-list li div.poster img {width: 65px; height: 85px; margin: 3px 0;}
ul.movie-list li div.number {float: left; width: 32px; text-align: left;}
ul.movie-list li div.list-content {padding: 0 10px; margin-left: 65px;}
ul.movie-list li div.list-content a, ul.movie-list a {font-size: 14px; color: #000; text-decoration: none;}
ul.movie-list li div.list-content .title {font-size: 16px;}
ul.movie-list li div.count {font-style: italic; color: #777;}
ul.movie-list li div.place {font-size: 12px; color: #777;}

.persons {display: inline-block; margin-left: 3px;}
.persons div {display: table-cell; vertical-align: middle; height: 30px;}

/*Страница со списком подборок*/
ul.selection-list a {font-size: 14px; color: #000; text-decoration: none;}
ul.selection-list li {border-bottom: 1px solid #dcdcdc; padding: 3px 5px;line-height: 120%;}
ul.selection-list li img {position: relative; width: 65px; height: 85px;}
ul.selection-list li div.title {padding: 3px 0 8px; font-size: 16px;}
ul.selection-list li div.more {display: inline-block; margin-left: 8px;}
ul.selection-list li div.more div {display: table-cell; vertical-align: middle; height: 85px;}
ul.selection-list li div.more div div {color: #fff; background-color: #2e2e2e; font-size: 12px; height: 26px; width: 100px; text-align: center;}

.story-title {font-weight: bold; margin-bottom: 8px;}

/*Страница подборки*/
.sel-content {padding: 0 5px;}

.sel-content div p {padding: 0; margin: 0;}

ul.selection span {display: inline-block;}
ul.selection span li {position: relative; width: 90px; padding-bottom: 0 !important; padding: 8px 0 0 !important;}
ul.selection div.pagination a div {margin-top: 0;}

.list-description {white-space: nowrap; overflow: hidden; width: 100px !important; margin-bottom: 5px;}

/*Блок добавления комментариев*/
#comment-block {border: 1px solid #989898; background-color: #fff; width: 90%; height: 172px; position: fixed; top: 50%; left: 50%; margin: -86px 0 0 -45%; text-align: center;}

.comment-controls a {text-decoration: none;}
.comment-controls a div {display: inline-block; color: #fff; background-color: #2e2e2e; font-size: 12px; padding: 6px 10px; margin-right: 10px;}

.post-text {margin: 8px 0 10px; overflow: hidden;}
.post-text img {float: left; width: 102px; height: 144px; margin: 0 10px 1px 0;}

.mob-substrate { background: gainsboro; margin: 0px 20px 5px 0px; padding: 20px; }

ul.carousel-genres li {
    width: 130px;
    padding: 8px 15px 4px 6px;
    border: medium none;
    list-style: outside none none;
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: top;
}

ul.carousel-genres li a { text-decoration: underline; color: #000; }
.block-href{float:left; border: 1px solid #808080; padding: 3px 6px 3px 6px; margin-right: 7px;margin-top: 5px;}
div.vis-rating { display: inline-block; width: 7px; height: 12px; background: #e6e6e6 url(/img/rating.png) 0 0 no-repeat scroll; vertical-align: -2px; }
div.vis-rating.down { background-position: 0 -12px; }
div.genres-trailers a {    margin-top: 5px; text-decoration: underline;color: #777; margin-right: 10px;display: inline-block; border: 1px solid #777;border-radius: 3px;margin-left: 6px; padding: 2px 10px; text-decoration: none;}
div.genres-trailers a.active {    color: #FFF !important;background-color: #777;}

.new-messages{width: 30px;height: 18px;background: #ffa900;position: absolute;right: 7px;top: 63px;font-size: 10px;text-align: center;color: #FFF;font-weight: bold;line-height: 17px; text-decoration: none;}
.search-string{padding: 15px 15px 20px;margin-bottom: 20px;border-bottom: 1px solid #d8dadc;}
.search-input{padding: 0px 0px 0px 2px;height: 33px;line-height: 33px;background: #fff;border: 1px solid #D8D8D8;border-radius: 1px;-moz-border-radius: 1px;-webkit-border-radius: 1px; }
.btn-search-new { background: url(/img/search.png) 14px center no-repeat !important;
    float: right;font-weight: bold;color: #fff;text-align: right;vertical-align: top;cursor: pointer;
    width: 40px;height: 35px;border: 0;border-radius: 0 1px 1px 0;-moz-border-radius: 0 1px 1px 0;-webkit-border-radius: 0 1px 1px 0; 
}
.search-input input[type="text"] {width: 80%;height: 31px;line-height: 31px;color: #757478;font-weight: 400;border:0px;background:transparent; font-style: italic; }
span.online { margin-left: 6px; font-size: 13px; color: #555; }
.message-text{position: relative;word-wrap: break-word;height:70px;overflow: hidden;}
.message-text.total-text { height:auto;overflow:visible; }
.message-row{padding: 20px 10px 20px;position: relative; border-bottom: 1px solid #d8dadc;}
.message-row.new, .message-row.again-new {
    background-color: whitesmoke;
}
.message-row .message-text.brief-text::before {
    content: '';display: block;height: 50px;position: absolute;left: 0;right: 0;bottom: -10px;background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)),color-stop(75%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 75%,rgba(255, 255, 255, 1) 100%);
    background: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 75%,rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 75%,rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 75%,rgba(255, 255, 255, 1) 100%);
}
.message-row.new .message-text.brief-text:before { content: ''; display: block; height: 50px; position: absolute; left: 0; right: 0; bottom: -10px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(245, 245, 245, 0)),color-stop(75%, rgba(245, 245, 245, 1)), color-stop(100%, rgba(245, 245, 245, 1)));
    background: -webkit-linear-gradient(rgba(245, 245, 245, 0) 0%,rgba(245, 245, 245, 1) 75%,rgba(245, 245, 245, 1) 100%);
    background: -moz-linear-gradient(rgba(245, 245, 245, 0) 0%,rgba(245, 245, 245, 1) 75%,rgba(245, 245, 245, 1) 100%);
    background: -o-linear-gradient(rgba(245, 245, 245, 0) 0%,rgba(245, 245, 245, 1) 75%,rgba(245, 245, 245, 1) 100%);
    background: linear-gradient(rgba(245, 245, 245, 0) 0%,rgba(245, 245, 245, 1) 75%,rgba(245, 245, 245, 1) 100%);}

.message-row .fav-block{float: right;position: relative;top: -4px;z-index: 24;}
.message-row .action .i-fav {
    background: transparent;
    background: url(/img/skins/mobile/stars9.png) no-repeat -103px -512px !important;
    display: inline-block;
    height: 19px;
    width: 25px;
    vertical-align: -8px;
    outline: none;
}

.message-row .action .i-menu {
    display: inline-block;
    height: 22px;
    width: 25px;
    vertical-align: -7px;
}

.message-row .action .i-menu div{
    background-color: #555;
    width: 4.5px;
    height: 4.5px;
    margin: 2px auto;
}


.message-row .action .i-fav-on, .message-row a.action:hover i-fav {
    background: url(/img/skins/mobile/stars9.png) no-repeat 2px -512px !important;
    display: inline-block; 
    height: 19px;
    width: 25px;
    vertical-align: -8px;
    background: transparent;
    outline: none;
}

.message-submenu{
    position: absolute;
    width: 180px;
    z-index: 25;
    background-color: #FFF;
    right: 0;
    font-size: 12px;
    padding: 12px;
    border: 1px solid #d8dadc;
    -webkit-box-shadow: -2px 0 2px 0 #d8dadc;
    box-shadow: -2px 0 2px 0 #d8dadc;
    top:40px;
}

.message-submenu ul {padding-left: 7px;}
.message-submenu ul li{border: none;padding: 0px;}
.message-submenu a{text-decoration: none;color:#000;}
.message-submenu a div{height: 25px;display: table-cell;vertical-align: middle;}

.txt-with-hint {
    border: 1px solid #d8d8d8;
    margin-top: 10px;
}
.area-block {
    padding: 18px 15px;
    background-color: #f4f8fc;
}
.area-block textarea {
    border: 0;
    background: transparent;
    width: 100%;
    min-height: 70px;
    line-height: 18px;
    resize: none;
}

.btn-send{
    color: #fff;
    background-color: #2e2e2e;
    font-size: 12px;
    margin: 10px 0 10px -50px;
    padding: 6px 0;
    position: absolute;
    left: 50%;
    width: 100px;
    border: none;
}

.search-viewer{padding: 0px 5px 20px;}
.search-viewer .search-input{padding: 0px 2px 0px 2px;max-width: 140px;height: 33px;line-height: 33px;background: #fff;border: 1px solid #D8D8D8;border-radius: 1px;-moz-border-radius: 1px;-webkit-border-radius: 1px; float:left;}

.viewers-list {width:34px;height: 33px;background-color: #FFF;float:left;margin-left: 10px;text-align: center;cursor: pointer;border: 1px solid #D8D8D8;border-radius: 1px;-moz-border-radius: 1px;-webkit-border-radius: 1px;}
.viewers-list .last-viewers {background-color: #2E2E2E;width: 15%;display: inline-block;height: 5px;margin-right: 2px;margin-top: 14px;}

.viewers-list-active {width:34px;height: 34px;background-color: #2E2E2E;float:left;margin-left: 10px;text-align: center;cursor: pointer;}
.viewers-list-active .last-viewers {background-color: #FFF;width: 15%;display: inline-block;height: 5px;margin-right: 2px;margin-top: 14px;}

.recipient_list {margin: 10px 0px 10px 5px;width: 190px;border: 1px solid #D8D8D8;border-radius: 1px;-moz-border-radius: 1px;-webkit-border-radius: 1px;position: absolute;background-color: #FFF;z-index: 24;}

.sticky {
  position: fixed;
  bottom: 10px;
  z-index: 101;
}
.stop {
  position: absolute;
  float:right;
  bottom: 90px;
  z-index: 101;
}