/*
like-toolbox
*/

.like-toolbox {
    width: 120px;
    margin-left: 0px;
    margin-top: 0px;
    float: left;
}

.like-toolbox:not([data-user-id="0"]) div {
  cursor: pointer;
}

.like-toolbox[data-user-id="0"] div,
.like-toolbox[data-is-author="1"] div {
  cursor: not-allowed;
}

.like-toolbox .like-toolbox-cnt {
    font-weight: bold;
    margin-bottom: -4px;
    padding-top: 2px;  
}

.like-toolbox .like-toolbox-btn {
    float: left;
    width: 27px;
    height: 27px;
}

.like-toolbox .like-toolbox-btn {
    background: url(/img/blog_like_off.png) no-repeat;
}

/*.like-toolbox:hover .like-toolbox-btn,*/
.like-toolbox.like-toolbox-on .like-toolbox-btn {
    background: url(/img/blog_like_on.png) no-repeat;
}

/*
.like-toolbox .like-toolbox-btn,
.like-toolbox.like-toolbox-on:hover .like-toolbox-btn
{
    background: url(/img/blog_like_off.png) no-repeat;
}

.like-toolbox.like-toolbox-on .like-toolbox-btn,
.like-toolbox:hover .like-toolbox-btn {
    background: url(/img/blog_like_on.png) no-repeat;
}
*/

/*
.like-toolbox:hover {
    background-color: #E9E9E9;
}
*/

/*
.like-toolbox .like-toolbox-cnt,
.like-toolbox.like-toolbox-on:hover .like-toolbox-cnt {
    color: #848484;
}
*/

.like-toolbox .like-toolbox-cnt {
    color: #848484;
}

.like-toolbox:hover .like-toolbox-cnt,
.like-toolbox.like-toolbox-on .like-toolbox-cnt {
    color: #c2572d;
}

.like-toolbox .like-toolbox-cnt-text {
    color: #b1b1b1;
}

.like-toolbox:hover .like-toolbox-cnt-text,
.like-toolbox.like-toolbox-on .like-toolbox-cnt-text {
    color: #727272;
}

/*
.like-toolbox .like-toolbox-cnt,
.like-toolbox.like-toolbox-on:hover .like-toolbox-cnt {
    color: #848484;
}

.like-toolbox.like-toolbox-on .like-toolbox-cnt,
.like-toolbox:hover .like-toolbox-cnt {
    color: #c2572d;
}

.like-toolbox .like-toolbox-cnt-text,
.like-toolbox.like-toolbox-on:hover .like-toolbox-cnt-text {
    color: #b1b1b1;
}

.like-toolbox.like-toolbox-on .like-toolbox-cnt-text,
.like-toolbox:hover .like-toolbox-cnt-text {
    color: #727272;
}
*/

/*
view-toolbox
*/

.view-toolbox {
    width: 130px;
    margin-left: 0px;
    margin-top: 0px;
    float: left;
    cursor: default;
}

.view-toolbox .view-toolbox-cnt {
    font-weight: bold;
    margin-bottom: -4px;
    padding-top: 2px;  
}

.view-toolbox .view-toolbox-btn {
    float: left;
    width: 33px;
    height: 27px;
}

.view-toolbox .view-toolbox-btn,
.view-toolbox.view-toolbox-on:hover .view-toolbox-btn
{
    background: url(/img/blog_view_off.gif) no-repeat;
}

.view-toolbox.view-toolbox-on .view-toolbox-btn,
.view-toolbox:hover .view-toolbox-btn {
    background: url(/img/blog_view_on.gif) no-repeat;
}

.view-toolbox .view-toolbox-cnt,
.view-toolbox.view-toolbox-on:hover .view-toolbox-cnt {
    color: #848484;
}


.view-toolbox.view-toolbox-on .view-toolbox-cnt,
.view-toolbox:hover .view-toolbox-cnt {
    color: #c2572d;
}

.view-toolbox .view-toolbox-cnt-text,
.view-toolbox.view-toolbox-on:hover .view-toolbox-cnt-text {
    color: #b1b1b1;
}

.view-toolbox.view-toolbox-on .view-toolbox-cnt-text,
.view-toolbox:hover .view-toolbox-cnt-text {
    color: #727272;
}

/*
comment-toolbox
*/

.comment-toolbox {
    width: 125px;
    margin-left: 0px;
    margin-top: 0px;
    float: left;
    cursor: pointer;
}

.comment-toolbox .comment-toolbox-cnt {
    font-weight: bold;
    margin-bottom: -4px;
    padding-top: 2px;
}

.comment-toolbox .comment-toolbox-btn {
    float: left;
    width: 33px;
    height: 27px;
}

.comment-toolbox .comment-toolbox-btn,
.comment-toolbox.comment-toolbox-on:hover .comment-toolbox-btn
{
    background: url(/img/blog_comments_off.gif) no-repeat;
}

.comment-toolbox.comment-toolbox-on .comment-toolbox-btn,
.comment-toolbox:hover .comment-toolbox-btn {
    background: url(/img/blog_comments_on.gif) no-repeat;
}

.comment-toolbox .comment-toolbox-cnt,
.comment-toolbox.comment-toolbox-on:hover .comment-toolbox-cnt {
    color: #848484;
}


.comment-toolbox.comment-toolbox-on .comment-toolbox-cnt,
.comment-toolbox:hover .comment-toolbox-cnt {
    color: #c2572d;
}

.comment-toolbox .comment-toolbox-cnt-text,
.comment-toolbox.comment-toolbox-on:hover .comment-toolbox-cnt-text {
    color: #b1b1b1;
}

.comment-toolbox.comment-toolbox-on .comment-toolbox-cnt-text,
.comment-toolbox:hover .comment-toolbox-cnt-text {
    color: #727272;
}

/*
comment-toolbox-unread
*/

.comment-toolbox-unread {
    width: 125px;
    margin-left: 0px;
    margin-top: 0px;
    float: left;
    cursor: pointer;
    background: url(/img/blog_comments_on.gif) no-repeat;
}

.comment-toolbox-unread .comment-toolbox-unread-btn {
    float: left;
    float: left;
    width: 33px;
    height: 27px;
}

.comment-toolbox-unread .comment-toolbox-unread-cnt {
    font-weight: bold;
    margin-bottom: -4px;
    padding-top: 2px;
}

.comment-toolbox-unread .comment-toolbox-unread-cnt,
.comment-toolbox-unread.comment-toolbox-unread-on:hover .comment-toolbox-unread-cnt {
    color: #848484;
}

.comment-toolbox-unread.comment-toolbox-unread-on .comment-toolbox-unread-cnt,
.comment-toolbox-unread:hover .comment-toolbox-unread-cnt {
    color: #c2572d;
}

.comment-toolbox-unread .comment-toolbox-unread-cnt-text,
.comment-toolbox-unread.comment-toolbox-unread-on:hover .comment-toolbox-unread-cnt-text {
    color: #b1b1b1;
}
.comment-toolbox-unread.comment-toolbox-unread-on .comment-toolbox-unread-cnt-text,
.comment-toolbox-unread:hover .comment-toolbox-unread-cnt-text {
    color: #727272;
}

/*
*/

.xtooltip {
  position: relative;
  color: #222;
  cursor: default !important;
}

.xtooltip .like-toolbox-likers {
  cursor: default !important;
}

.xtooltip .like-toolbox-likers ul li a {
  cursor: pointer !important;
}

.xtooltip .like-toolbox-likers .align-right {
  cursor: default !important;
}

.xtooltip .like-toolbox-likers .align-right a {
  cursor: pointer !important;
}

.xtooltip .like-toolbox-likers {
  display: none;

  position: absolute;
  font-size: 60%;
  top: 30px;
  left: 50%;
  z-index: 999;
  width: 180px;
  margin-left: -100px;
  padding: 10px;
  border: 2px solid #B1D1D2;
  opacity: .9;
  background-color: rgb(245, 247, 250);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
/*
  -webkit-transition: .25s all;
  -webkit-transition-delay: .1s;
  -moz-transition: .25s all;
  -moz-transition-delay: .1s;
  -ms-transition: .25s all;
  -ms-transition-delay: .1s;
  -o-transition: .25s all;
  -o-transition-delay: .1s;
  transition: .25s all;
  transition-delay: .1s;
*/
  font-size: 12px;
}

.xtooltip.hover 
/*.xtooltip:hover*/ {
  border: 0; /* IE6 fix */
}

.xtooltip.hover .like-toolbox-likers,
/*.xtooltip:hover span*/ {
/*  visibility: visible;*/
/*
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  -transition-delay: 1.2s;
*/
}

.xtooltip .like-toolbox-likers:before,
.xtooltip .like-toolbox-likers:after {
  border-bottom: 10px solid #EFFCFC;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  width: 0;
  height: 0;

  content: "";
  display: block;
  position: absolute;
  bottom: 97%;
  left: 90px;
  z-index: 1000;
}

.xtooltip .like-toolbox-likers:before {
  border-bottom-color: #B1D1D2;
  bottom: 100%;  
}

/*

*/

.none {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.xtooltip ul li:hover {
  background-color: #E9E9E9;
}

.xtooltip ul li a {
  display: inline-block; 
  height: 100%; 
  width: 100%;
}

.xtooltip ul li img {
  vertical-align: middle;
}

.xtooltip ul li p {
  vertical-align: middle;
  margin-left: 0px;
  overflow:auto;
  display:block;
}

.xtooltip ul li:after {
  content: "";
  clear: both;
}

/*

*/

.overlay {
  position:fixed;
  top:0;
  left:0;
  background:rgba(0,0,0,0.6);
  z-index:100;
  width:100%;
  height:100%;
  display:none;
}

/*

*/

.likers-dlg {
  position: fixed;
  height: 70%;
  margin-left: -30%;
  min-height: 380px;
  display: none;
  top: 25%;
  z-index: 150;
  left: 50%;
  width: 60%;
}

.likers-dlg-inner {
  background-color: #FFF;
  position: absolute;
  height: 70%;
  min-height: 380px;
  background-color: aliceblue;
  border: 2px solid #cccccc;
  border-radius: 10px;
  width: 100%;
}

.likers-dlg-header {
  height: 60px;
  border-bottom: 1px solid grey;
  position: absolute;
  top: 0px;
  width: 100%;
  overflow: hidden;
}

.likers-dlg-header h2 {
  margin-left: 20px;

  font-size: 14pt;
  margin-bottom: 5px;
}

h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
}

.likers-dlg-body {
  height: 240px;
  padding: 10px;
  margin: 60px auto;
  overflow: auto;
}

.likers-dlg-footer {
  height: 60px;
  border-top: 1px solid grey;
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.likers-dlg-body ul {
}

.likers-dlg-body ul li {
  list-style-type: none;
  display: inline-block;
  width: 80px;
  height: 100px;
  border: 1px solid #E1E1E1;
  margin: 10px;
  padding: 8px;

  background-color: #ECF5F7;

  transition: .4s;
}

.likers-dlg-body ul li:hover {
  border: 1px solid #D2E0E8;
  -webkit-box-shadow: 0px 2px 7px 2px rgba(136,145,150,1);
  -moz-box-shadow: 0px 2px 7px 2px rgba(136,145,150,1);
  box-shadow: 0px 2px 7px 2px rgba(136,145,150,1);
}

.likers-dlg-body ul li a {
  display: block;
  text-align: center;
}

.likers-dlg-body ul li img {
  display: block;
  width: 80px;
  height: 80px;
}

.likers-dlg-footer .cancel {
  display:inline-block;
  position:absolute;
  margin-right: 20px;

  top:12px;
  right:8px;
  font-size:22px;
  text-decoration:none;
}

/*
*/

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.align-right {
  text-align: right;
}

.blog-div-img {
  display: inline-block;
  font-size: 11px;
  color: gray;
  margin: 10px;
}

.blog-div-img.right {
  float: right;
}

.blog-div-img.left {
  float: left;
}

.blog-div-img figcaption {
  margin:0px;
  padding:0px;
  margin-top: 5px;
  text-align: center;
}

.blog-avatar-td {
  text-align:center;
  border-right:1px solid #E4EDF0;
  margin:0px;
  padding:6px;
}

.blog-avatar-new-topics-td {
  padding-left:20px;
}