#browse_lists { margin-top: 20px; }

#browse_lists .module-header,
#browse_lists .module-footer {
  font-size: 12px;
  line-height: 24px;
  background: #FFF;
  padding: 0;
  
  border: none;
}

#results_container {
  display: block;
  width: 100%;
  padding: 6px 0;
  
  border: 1px dotted;
  border-right: none;
  border-left:  none;
  
  border-color: #CCC;
}

.topic-container {
  float: left;
  width: 50%;
  
  margin: 0;
  padding: 0;
  
  background-color: #000;
  background-image: url('../../images/ls/background/browse-list-topic.png');
}

.topic,
.topic *,
.topic-author,
.topic-author * { text-decoration: none; }

.topic,
.topic-author {
  display: block;
  margin:  9px;
  padding: 9px;
  
  overflow: hidden;
}

.topic {
  height: 46px;
  margin-bottom: 0;
  padding-bottom: 6px;
  
  color: #CCC;
}

.topic:hover { color: #FFF; }

.topic-text {
  display: block;
  padding: 3px 0;
  padding-left: 52px;
}

.topic-title {
  font-size: 14px;
  line-height: 16px;
  
  display: block;
  max-height: 32px;
  overflow: hidden;
}

.topic-category {
  display: block;
  margin-top: -1px;
}

.topic-image-container,
.topic-image-container:after {
  display: block;
  width:  44px;
  height: 44px;
}

.topic-image-container {
  line-height: 42px;
  text-align: center;
  
  position: relative;
  float: left;
  overflow: hidden;
  
  padding: 1px;
  
  background-color: #000;
  color: #000;
  
  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
}

html > body .topic-image-container { background: transparent url('../../images/ls/background/thumb-46-bg.png'); }

.topic-image-container:after,
.topic-image {
  -webkit-border-radius: 5px;
  -moz-border-radius:    5px;
}

.topic-image-container:after {
  content: '.';
  
  font-size:   1px;
  line-height: 1px;
  text-align: left;
  
  position: absolute;
  left: 1px;
  top:  1px;
  
  background: url('../../images/ls/background/thumb-46-mask-trans.png');
}

.topic-image-container:after, x:-moz-any-link { display: none; }

.topic-image {
  vertical-align: middle;
  
  width:  100%;
  height: 100%;
}

html > body .topic-image {
  width:  auto;
  height: auto;
  
  max-width:  100%;
  max-height: 100%;
}

.topic-author {
  line-height: 18px;
  display: block;
  height: 18px;
  margin-top:  0;
  padding-top: 0;
  
  color: #933;
}

.topic-author:hover { color: #F63; }

.topic-author * { vertical-align: middle; }

.topic-author img {
  max-width:  18px;
  max-height: 18px;
  
  margin: 0 2px 0 29px;
}

#results_container .empty-text {
  line-height: 318px;
  height:      318px;
}