.highlight-box {
  margin-bottom:10px;
}

.highlight-box .tl {
  background-image:url(../../images/highlight-box/top-left.png);
  padding-left:10px;
  background-position:left top;
  background-repeat:no-repeat;
  font-size:1px;
}

.highlight-box .tr {
  background-image:url(../../images/highlight-box/top-right.png);
  padding-right:10px;
  background-position:right top;
  background-repeat:no-repeat;
}

.highlight-box .tc {
  background-image:url(../../images/highlight-box/top.png);
  background-repeat:repeat-x;
  background-position:left top;
  height:10px;
}

.highlight-box .cl {
  background-image:url(../../images/highlight-box/left.png);
  padding-left:10px;
  background-position:left bottom;
  background-repeat:no-repeat;
}

.highlight-box .cr {
  background-image:url(../../images/highlight-box/right.png);
  padding-right:10px;
  background-position:right bottom;
  background-repeat:no-repeat;
}

.highlight-box .cc {
  background-image:url(../../images/highlight-box/bg.png);
  background-position:bottom left;
  background-repeat:repeat-x;
  background-color:#fff;
  padding:1px;
}

.highlight-box .bl {
  background-image:url(../../images/highlight-box/bottom-left.png);
  padding-left:10px;
  background-position:left top;
  background-repeat:no-repeat;
}

.highlight-box .br {
  background-image:url(../../images/highlight-box/bottom-right.png);
  padding-right:10px;
  background-position:right top;
  background-repeat:no-repeat;
}

.highlight-box .bc {
  background-image:url(../../images/highlight-box/bottom.png);
  background-position:top left;
  background-repeat:repeat-x;
  height:10px;
}


.highlights {
  position:relative;
  width:650px;
  height:377px;
}

.highlights .thumbs {
  position:absolute;
  width:100%;
  top:273px;
  z-index:4;
  padding-top:1px;
  background-image:url(../../images/highlight-box/shadow.png);
  background-repeat:repeat-x;
  background-position:top left;
}

.highlights .thumb img {
  width:105px;
  height:40px;
  border: solid 1px silver;
}

.highlights .slide {
  position:absolute;
  height:100%;
  width:100%;
  background:#fff;
}

.highlights .slide .text {
  position:absolute;
  top:18px;
  width:250px;
  right:0px;
  bottom:18px;
  overflow:auto;
  padding:0;
  color:white;
}

.highlights .text p, .highlights .text h2 {
  padding:12px;
  margin-bottom:14px;
  background-image:url(../../images/pixel-black-40.png);
}

.highlights .text h2 {
  font-size:20px;
}

.highlights .text h2, .highlights .text a,  .highlights .text a:hover, .highlights .text a:visited {
  color:#fec400;
}

.highlights .text p {
  margin:0;
}

.highlights .thumb {
  float:left;
  width: 20%;
  text-align:center;
  text-decoration:none;
  height:114px;
  background-image:url('../../images/highlight-box/separator.png');
  background-position:100% 15px;
  background-repeat:no-repeat;
}

.highlights .last-thumb, .highlights .before-selected {
  background-image:none;
}

.highlights .thumb .thumb-text {
  height:3.0em;
  line-height:1.5em;
  text-align:left;
  padding: 10px 12px 0.5em 13px;
  color:#2656b8;
}

.highlights .selected-thumb {
  background-image:url(../../images/highlight-box/selected.png);
  background-repeat:no-repeat;
  background-position: top center;
}

.highlights .selected-slide {
  z-index:3;
}
.highlights .prev-selected-slide {
  z-index:2;
}

.profile-highlights {
  height:150px;
  position:relative;
  width:auto;
  margin-bottom:15px;
}

.profile-highlights .slide .text {
  background-color:#2d3538;
  background-image:none;
  position:absolute;
  left:355px;
  right:0;
  top:0;
  bottom:0;
  width:auto;
  padding-bottom: 28px;
}

.profile-highlights .thumbs {
  position:absolute;
  width:auto;
  top:auto;
  left:355px;
  right:0;
  bottom:10px;
  z-index:4;
  background-image: none;
  text-align:center;
}

.profile-highlights .thumb {
  float:none;
  text-decoration:none;
  background-image:none;
  height:auto;
  width:auto;
}

.profile-highlights .thumb  img {
  width:8px;
  height:8px;
  border-style:none;
  background-color:white;
}

.profile-highlights .selected-thumb  img {
  background-color:yellow;
}

.profile-highlights .text p, .profile-highlights .text h2 {
  padding:8px 12px;
  margin:0;
  background-image:none;
}

.profile-highlights .text h2 {
  font-size:16px;
}