.l-rotator {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #fff;
	position: relative;
	width: 677px;
	height: 300px;
	overflow: hidden;
}
.l-rotator a { outline: none; }
.l-rotator .screen {
	position: relative;
	top: 0;
	left: 250px;
	width: 488px;
	height: 300px;
	overflow: hidden;
}
.l-rotator .main-img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	border: 0;
}
.l-rotator .textbox {
	position: absolute;
	color: #FFF;
	z-index: 4;
	overflow: hidden;
	visibility: hidden;
}
.l-rotator .inner-bg {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:transparent!important;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	z-index: 0;
}
.l-rotator span.top_slider_c, .l-rotator span.bottom_slider_c {
	background:url(assets/trans.png) repeat;
	z-index: 2;
	top:0;
	left:0;
	width:438px;
	height:auto;
	position:absolute;
	display:block;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}
.l-rotator span.top_slider_c strong {
	display:inline;
	float:left;
	position:relative;
	vertical-align:middle;
	line-height:16px;
}
.l-rotator span.top_slider_c strong a {
	text-decoration:none;
	color:#fff;
}
.l-rotator span.top_slider_c strong a:hover {
	text-decoration:none;
	color:#b2d6ff;
}
.l-rotator span.top_slider_c strong.screen_sub_title {
	width:290px;
	margin:3px 0 3px 6px;
}
.l-rotator span.top_slider_c strong.screen_sub_league {
	width:130px;
	text-align:right;
	float:right;
	margin:3px 6px 3px 0;
}

.l-rotator span.top_slider_c strong img.on_sport_ic {
	vertical-align:middle;
	margin: 0 4px 0 0;
}
.l-rotator span.top_slider_c strong span.flag {
   line-height: 11px;
    margin: 3px 4px 0 0;
    width: 16px;
	vertical-align:middle;
}
.l-rotator span.bottom_slider_c h2 {
	font:bold 24px/1em Arial, Helvetica, sans-serif;
	margin:0;
	padding:6px;
	padding-bottom:5px;
}
.l-rotator span.bottom_slider_c h2 a {
	text-decoration:none;
	color:#b2d6ff;
	display:block;
}
.l-rotator span.bottom_slider_c h2 a:hover {
	text-decoration:none;
	color:#fff;
}

.l-rotator span.bottom_slider_c {
	top:189px;
	height:99px;
}
.l-rotator span.bottom_slider_c h4 {
	font:bold 14px/1.4em Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 6px 6px 6px;
}
.l-rotator span.bottom_slider_c h4 a {
	text-decoration:none;
	color:#fff;
	display:block;
}
.l-rotator span.bottom_slider_c h4 a:hover {
	text-decoration:none;
	color:#b2d6ff;
}
.l-rotator .inner-text {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	width: auto;
	height: auto;
	z-index: 1;
}
.l-rotator .timer {
	position: absolute;
	top: 0;
	left: 0;
	height: 2px;
	background-color:#f60;
	border-top:1px solid #fff;
	-moz-opacity: .9;
	filter: alpha(opacity=90);
	opacity: .9;
	z-index: 5;
	visibility: hidden;
	font-size: 0;
}
.l-rotator .cpanel {
	position: absolute;
	margin: 5px;
	z-index: 6;
	visibility: hidden;
	background: #000;
	background: rgba(0,0,0,.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);
}
.l-rotator .play-btn {
	position: relative;
	float: left;
	width: 22px;
	height: 22px;
	background: url(assets/rotator_icons.png) -5px center no-repeat;
	cursor: pointer;
	z-index: 1;
}
.l-rotator .play-btn.pause { background-position: -21px center; }
.l-rotator .num-info {
	position: relative;
	float: left;
	height: 22px;
	line-height: 22px;
	padding: 0 4px;
	text-align: center;
	color: #FFF;
	z-index: 1;
}
.l-rotator .preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 34px;
	height: 34px;
	margin-top: -17px;
	margin-left: -17px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #000 url(assets/loader.gif) no-repeat center;
	background: rgba(0,0,0,.7) url(assets/loader.gif) center no-repeat;
	z-index: 7;
}
.l-rotator .thumbnails {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	height: 300px;
	overflow: hidden;
	z-index: 10;
}
.l-rotator .thumbnails ul {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 999999px;
	margin: 0;
	padding: 0;
}
.l-rotator .thumbnails li {
	position: relative;
	display: block;
	float: left;
	clear: both;
}
.l-rotator .thumbnails li a { display: none; }
.l-rotator .thumbnails li div {
	position: relative;
	display: none;
	color: #FFF;
	background-color: #000;
}
.l-rotator #right-arrow, .l-rotator #left-arrow {
	position: relative;
	display: block;
	float: left;
	width: 12px;
}
.l-rotator #right-arrow { background: url(assets/rotator_icons.png) -43px center no-repeat; }
.l-rotator #left-arrow { background: url(assets/rotator_icons.png) 7px center no-repeat; }
.l-rotator .thumbnails .thumb {
	position: relative;
	display: block;
	float: left;
	cursor: pointer;
	width: 240px;
	padding: 5px;
	color: #000;
	background: #EEE;
	background: -moz-linear-gradient(top, #FFF, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EEEEEE');
	border-color: #CCC;
	border-style: solid;
	border-width: 0 0 1px 1px;
	overflow: hidden;
}
.l-rotator .thumb img {
	display: block;
	float: left;
	padding-right: 5px;
}
.l-rotator .thumb p {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.l-rotator .thumb span.thumb_title {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 2px 0 2px 0;
	padding: 0;
	font:10px/16px Arial, Helvetica, sans-serif!important;
	vertical-align:middle;
	max-height: 20px;
}
.l-rotator .thumb span.thumb_title img.on_sport_ic {
	vertical-align:middle;
	margin: 0 0 0 0;
}
.l-rotator .thumb span.flag {
   line-height: 11px;
    margin: 3px 4px 0 0;
    width: 16px;
	vertical-align:middle;
}
.l-rotator .thumbnails li.selected {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.l-rotator .thumbnails li.square {
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}
.l-rotator .thumbnails li.selected, .l-rotator .thumbnails li.selected .thumb {
	background: #333 !important;
	background: -moz-linear-gradient(top, #666, #333) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333)) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#333333') !important;
}
.l-rotator .thumbnails li.selected .thumb {
	color: #FFF;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #333;
	cursor: default;
}
.l-rotator .thumbnails li:hover .thumb { background: #DDD; }
.l-rotator .scrollbar {
	position: relative;
	width: 4px;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
}
.l-rotator .knob {
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	background-color: #333;
	-moz-opacity: .75;
	filter: alpha(opacity=75);
	opacity: .75;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.l-rotator .btn-pane {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 24px;
	background: url(assets/spacer.png) no-repeat;
	z-index: 2;
	visibility: hidden;
}
.l-rotator .up-btn, .l-rotator .down-btn {
	position: absolute;
	top: 0;
	left: 50%;
	width: 60px;
	height: 24px;
	margin-left: -30px;
	background: #DDD url(assets/rotator_icons.png) no-repeat;
	background: rgba(221,221,221,0.7) url(assets/rotator_icons.png) no-repeat;
}
.l-rotator .up-btn {
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-position: center 7px;
}
.l-rotator .down-btn {
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-position: center -27px;
}
.l-rotator .block, .l-rotator .vpiece, .l-rotator .hpiece {
	position: absolute;
	z-index: 2;
}
.l-rotator .strip {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
}
.l-rotator .content-box {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
