/*
  Similarpopup plugin
  (P) PSNet, 2008 - 2011
  http://psnet.lookformp3.net/
*/

div.SimilarTopicsContainer {
  clear: both;
  z-index: 1000;
  border: 2px solid rgba(40, 40, 40, 0.5);
  padding: 20px 40px 20px 20px;
  width: 320px;

  background: rgb(255,255,255, 0.8);
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
  background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );

  position: fixed;
  right: -500px;
  top: 50px;
}

div.SimilarTopicsContainer h3 {
  font-size: 16px;
  margin: 0 0 17px;
  text-shadow: 0 1px 1px #FFFFFF;
}

div.SimilarTopicsContainer div.CloseBox {
  padding: 2px 1px 0 1px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #b00;
  color: #b00;
  cursor: pointer;
  float: right;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  height: 16px;
  line-height: 12px;
  margin: 0 0 0 10px;
  text-align: center;
  width: 16px;
}

div.SimilarTopicsContainer div.CloseBox:hover {
  border-color: #900;
  color: #990000;
  background: rgba(255, 200, 200, 0.4);
}

div.SimilarTopicsContainer div.CloseBox:active {
  background: #900;
  color: #FFF;
}

/* similar topics list */

div.SimilarTopicsContainer div.OneSimilarTopicCont {
  margin-bottom: 10px;
  min-height: 55px;
  clear: both;
}

div.SimilarTopicsContainer div.OneSimilarTopicCont.even {}

div.SimilarTopicsContainer div.OneSimilarTopicCont:last-child {
  margin-bottom: 0;
}

div.SimilarTopicsContainer div.OneSimilarTopicCont div.LeftSide {
  float: left;
  margin-right: 20px;
}

div.SimilarTopicsContainer div.OneSimilarTopicCont div.LeftSide img {
  border: 2px solid #777777;
}

div.SimilarTopicsContainer div.OneSimilarTopicCont div.RightSide {
  overflow: hidden;
  line-height: 14px;
}

div.SimilarTopicsContainer div.OneSimilarTopicCont div.RightSide a {}

div.SimilarTopicsContainer div.OneSimilarTopicCont div.RightSide a.author {
  color: #555555;
  font-size: 11px;
  font-weight: bold;
}

div.SimilarTopicsContainer div.OneSimilarTopicCont div.RightSide a.blogtitle {
  color: #777777;
  font-size: 11px;
}

div.SimilarTopicsContainer div.OneSimilarTopicCont div.RightSide a.topic_title {
  font-weight: bold;
}

div.SimilarTopicsContainer div.OneSimilarTopicCont div.RightSide span.CommentCount {
  background: url("../images/comment.png") no-repeat scroll left center transparent;
  color: green;
  display: inline-block;
  height: 17px;
  padding-left: 25px;
  line-height: 18px;
}

/* misc */

.RoundedCorners5 {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}

.RoundedCorners20 {
  border-radius: 50%;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
}

.BoxShadow {
  box-shadow: 0 0 6px #555;
  -moz-box-shadow: 0 0 6px #555;
  -webkit-box-shadow: 0 0 6px #555;
}

div.SimilarTopicsContainer a#Similarpopup_DontShowThisToMe {
  color: #888888;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 10px;
  margin: 0;
}