div.stars {
	background:url(images/hr-stars.png) no-repeat center top;
	width:40px;
	height:8px;
	margin:32px auto 32px auto;
}
.ui-tabs .ui-tabs-hide {
	display:none;
}
#demo-wrapper {
	position:relative;
	width:540px;
	margin:0 auto;
	background:#222222;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
	line-height:16px;
}
#demo-wrapper ul {
	background:#222222;
	border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	-webkit-top-left-border-radius:3px;
	-webkit-top-right-border-radius:3px;
	margin:0 0 -10px 0;
	overflow:auto;
	padding:10px !important;
}
#demo-wrapper ul li {
	float:left;
	margin:0 8px 0 0 !important;
	list-style:none;
	list-style-position:outside;
}
#demo-wrapper ul li a {
	display:block;
	padding:8px;
	color:#cccccc;
}
#demo-wrapper ul li a:hover {
	color:#ffffff;
}
#demo-wrapper ul li.ui-tabs-selected a {
	background:#ffffff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#333333;
}
#demo-wrapper .ui-tabs-panel {
	position:relative;
	padding:10px;
}
#demo-wrapper h3 {
	margin:8px 0 8px 0;
}
#demo-wrapper .info {
	position:absolute;
	top:30px;
	left:100px;
	padding:20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#000000;
	color:#ffffff;
	z-index:100;
	width:300px;
	display:none;
}
#demo-wrapper .info p.feat-img {
	margin:0;
}
#demo-wrapper .trigger {
	position:absolute;
	margin:0 auto;
	z-index:1;
	border:0px !important;
	/*background:url(images/opacity-90-000000.png) repeat;*/
	font-weight:bold;
	color:#cccccc !important;
	text-indent:-99999px;
	padding:0;
	cursor:pointer !important;
}
#demo-wrapper .trigger:hover,
#demo-wrapper .trigger.hover {
	/*background:url(images/opacity-50-000000.png) repeat;*/
	color:#ffffff !important;
}
#home-page:hover img.demo-background,
#article-page:hover img.demo-background,
#topic-page:hover img.demo-background,
#search-page:hover img.demo-background {
	opacity:0.5;
}
#demo-wrapper .trigger:hover + div {
	display:block;
	z-index:100;
}
#demo-wrapper div div:hover {
	display:block;
}
#demo-wrapper .trigger span.trigger-left {
	position:absolute;
	top:50%;
	left:-16px;
	margin:-16px 0 0 0;
	width:16px;
	height:32px;
	background:url(images/demo/arrow-left.png) no-repeat left center;
}
#demo-wrapper .trigger span.trigger-right {
	position:absolute;
	top:50%;
	right:-16px;
	margin:-16px 0 0 0;
	width:16px;
	height:32px;
	background:url(images/demo/arrow-right.png) no-repeat right center;
}
#demo-wrapper .trigger-close {
	width:30px;
	height:30px;
	position:absolute;
	top:-8px;
	right:-8px;
	cursor:pointer;
}
#demo-wrapper .demo-overlay {
	position:absolute;
	top:0;
	left:0;
	background:url(images/opacity-50-000000.png) repeat;
	width:100%;
	height:100%;
	z-index:0;
	display:none;
	padding:1px;
	margin:-1px;
}

/* POSITIONING */
#watch-video,
#home-page,
#article-page,
#topic-page,
#search-page {
	position:relative;
	padding:10px;
}

#home-page-1-trigger {
	width:160px;
	height:19px;
	top:23px;
	right:20px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat -5px -487px;
}
#home-page-2-trigger {
	width:328px;
	height:30px;
	top:277px;
	left:18px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat 0 -521px;
}
#home-page-3-trigger { /* Hot Topics */
	width:159px;
	height:142px;
	top:230px;
	right:21px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat -5px -567px;
}

#article-page-1-trigger {
	width:159px;
	height:141px;
	top:352px;
	right:21px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat -5px -728px;
}
#article-page-2-trigger {
	width:140px;
	height:17px;
	top:123px;
	left:18px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat -180px -482px;
}
#article-page-3-trigger {
	width:159px;
	height:146px;
	top:272px;
	left:190px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat -169px -561px;
}
#article-page-4-trigger {
	width:160px;
	height:140px;
	top:202px;
	left:360px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat 0 -884px;
}

#topic-page-1-trigger {
	width:160px;
	height:158px;
	top:108px;
	left:190px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat -169px -728px;
}
#topic-page-2-trigger {
	width:159px;
	height:133px;
	top:133px;
	left:20px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat -168px -896px;
}
#topic-page-3-trigger {
	width:160px;
	height:251px;
	top:108px;
	left:359px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat 0px -1034px;
}
#topic-page-4-trigger {
	width:328px;
	height:95px;
	top:282px;
	left:20px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat 0px -1295px;
}

#search-page-1-trigger {
	width:328px !important;
	height:82px !important;
	top:134px;
	left:21px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat 0 0;
}
#search-page-2-trigger {
	width:328px !important;
	height:93px !important;
	top:233px;
	left:21px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat 0 -92px;
}
#search-page-3-trigger {
	width:160px !important;
	height:158px !important;
	top:109px;
	left:360px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat 0 -195px;
}
#search-page-4-trigger { /* Related Tags */
	width:171px !important;
	height:14px !important;
	top:424px;
	left:23px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat 0 -363px;
}
#search-page-5-trigger { /* Related Articles */
	width:328px !important;
	height:85px !important;
	top:445px;
	left:21px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat 0 -387px;
}
#search-page-6-trigger {
	width:160px !important;
	height:110px !important;
	top:420px;
	left:360px;
	background:url(images/demo/hotspot-sprite.gif) no-repeat -168px -195px;
}