/**
 * sv.highlights.css describes presentation of the highlights widget
 */

.highlights-widget {
	padding: 18px 14px 21px 13px;
	height: 96px;
	background: transparent url(../images/highlights-bg.png) scroll no-repeat 0 0;
	position: relative;
	z-index: 99;
}
.highlights-widget.highlight-v-1 {
	width: 293px;
	background-image: url(../images/highlights-bg-v-1.png);
}
.highlights-widget.highlight-v-2 {
	width: 586px;
	background-image: url(../images/highlights-bg-v-2.png);
}
.highlights-widget.highlight-v-3 {
	width: 881px;
	background-image: url(../images/highlights-bg-v-3.png);
}

.highlights-widget .window {
	position: relative;
	height: 90px;
	overflow: hidden;
}

.highlights-widget .track {
	height: 90px;
	padding: 0;
	width: 32767px; /* maximum allowable size in webkit */
	position: absolute;
	margin: 0;
	top: 0;
}

.highlights-widget .item {
	height: 90px;
	width: 279px;
	padding: 3px 8px;
	float: left;
	margin: 0;
	position: relative;
	line-height: 18px;
}

.highlights-widget .highlight .highlight-title {
	line-height: 18px;
	height: 18px;
	color: #666;
	font-size: 18px;
	
}

.highlights-widget .highlight .highlight-img {
	float: left;
	width: 90px;
	height: 90px;
	padding: 0 12px 0 0;
	text-align: center;
	vertical-align: middle;
	line-height: 90px;
}

.highlights-widget .highlight .highlight-img img {
	vertical-align: middle;
	text-align: center;
}

.highlights-widget .highlight .highlight-desc {
	padding: 0;
	margin: 0;
	font-size: 11px;
}

.highlights-widget .highlight .highlight-more {
	font-weight: bold;
	color: #5B87C4;
}

.highlights-widget a.prv,
.highlights-widget a.nxt {
	display: none; /* do not display these if there is no js */
	overflow: hidden;
	width: 14px;
	height: 57px;
	position: absolute;
	top: 39px;
}
.highlights-widget a.prv {
	left: -5px;
}
.highlights-widget a.nxt {
	right: -5px;
}
.highlights-widget a.prv .img-replace,
.highlights-widget a.nxt .img-replace {
	display: block;
	width: 14px;
	height: 57px;
	background-color: transparent;
	background-image: url(../images/lft-rgt-scroll.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0 -57px;
}
.highlights-widget a.nxt .img-replace {
	background-position: -14px -57px;
}
.highlights-widget a.nxt.active .img-replace {
	background-position: -14px 0;
}
.highlights-widget a.prv.active .img-replace {
	background-position: 0 0;
}

