.pageblock{
	width: 100%;
}
.pageblock#fullscreen{
	height: 100%;
}
.pageblock#fullscreen .slider{
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.pageblock#fullscreen .slider .slide{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.pageblock#fullscreen .slider .slide .slidecontent{
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
}
.pageblock#fullscreen #slideposition{
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	z-index: 500;
}
.pageblock#fullscreen #slideposition ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.pageblock#fullscreen #slideposition ul li.indicator{
	cursor: pointer;
	display: inline-block;
	height: 9px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	vertical-align: bottom;
	width: 33.3333333%;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.pageblock#fullscreen #slideposition ul li.indicator[data-index="0"]{
	background-color: #009dd0;
}
.pageblock#fullscreen #slideposition ul li.indicator[data-index="1"]{
	background-color: #df5f4b;
}
.pageblock#fullscreen #slideposition ul li.indicator[data-index="2"]{
	background-color: #f3a53c;
}
.pageblock#fullscreen #slideposition ul li.indicator.active{
	height: 23px;
}