.portal-carousel
{
	position: relative; overflow: hidden
}

.portal-carousel > *, portal-carousel .carousel-index a
{
	-webkit-transition: opacity 1s, left 1s, top 1s;
	-moz-transition: opacity 1s, left 1s, top 1s;
	transition: opacity 1s, left 1s, top 1s;
	position: absolute;
}

.portal-carousel .portal-carousel-active { position: static }
.portal-carousel .portal-carousel-inactive { position: absolute }

.portal-carousel .carousel-index a
{
	display: inline-block; vertical-align: middle; width: 1em; height: 1em; background: rgba(255,255,255,0.3);
	border-radius: 1em; border: 2px solid #777; margin: 0.5em 0.5em;
	text-decoration: none; overflow: hidden
}

.portal-carousel .carousel-index a.active { background: rgba(255,255,255,0.7); border-color: #333 }

.portal-carousel .carousel-index a span { visibility: hidden }

.portal-carousel .carousel-index
{
	text-align:center; position: absolute; left: 0; right: 0;
	user-select: none; -webkit-user-select: none; -moz-user-select: none
}

.portal-carousel-slider-top .carousel-index { top: 0.5em }
.portal-carousel-slider-bottom .carousel-index { bottom: 0.5em }
.portal-carousel-slider-none .carousel-index { display: none }