/*
!TODO: update all inheritance to be ._rotator .xxxx 
*/
._rotator {
	position: relative;
	width: 100%;
	text-align: center;
}
._rotator .nav_container {
	position: relative;
}
._rotator .ui_gradient {
	pointer-events: none;
}
._rotator .slides_container {}
._rotator .loader {
	width: 200px;
	height: 25px;
	border: 1px solid #999;
	background-color: #EEE;
}
._rotator .loader .bar {
	height: 25px; 
	width: 0;
	background-color: #3dc0e3;
}
._rotator .slide {
	display: none;
}
._rotator .ui {
	position: relative;
	margin: 15px 0;
}

/* overwrite bootstrap */
._rotator img {
	max-width: none !important;
}

/* Nav (prev/next) */
._rotator .nav {
	top: 50%;
	margin-top: -21px;
	position: absolute;
	display: none;
	width: 44px; 
	height: 43px;
    z-index: 15;
	background: url('../../../../../content/rotator/images/b_nav.png') no-repeat;
	cursor: pointer;
}
._rotator .nav_container:hover .nav, 
._rotator .nav_container:hover .ui_open_full {
	display: block !important;
}
._rotator .nav_container .nav.nav_arrows_full_only {
	display: none !important;
}
._rotator .nav.prev {
	background-position: bottom left;
	left: 12px;
}
._rotator .nav.prev:hover {
	background-position: top left;
}
._rotator .nav.next {
	background-position: bottom right;
	right: 12px;
	
}
._rotator .nav.next:hover {
	background-position: top right;
}

._rotator .ui_open_full {
	display: none;
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 0;
	padding: 42px 0 0 0;
	z-index: 15;
	background: url('../../../../../content/rotator/images/b_open_full.png') center top no-repeat;
	cursor: pointer;
}
._rotator .ui_open_full:hover {
	background-position: center bottom;
}


/* Titles */
._rotator .titles {}
._rotator .slide_title {
	display: none;
}

/* controls */
._rotator .controls {}
._rotator .controls .position .handle {
	overflow: hidden;
	cursor: pointer;
	float: left;
}
._rotator .controls .position .handle_active {}
._rotator .controls .position .handle:hover {}
._rotator .controls .position .current {}
._rotator .controls .position .separator {}
._rotator .controls .position .total {}
._rotator .controls .nav {
	cursor: pointer;
}
._rotator .controls .nav:hover {}
._rotator .controls .nav.prev:after {}
._rotator .controls .nav.next:after {}



/* Control Buttons */
._rotator .controls .play_pause {
	width: 26px;
	height: 26px;
	background: url('../../../../../content/rotator/images/b_pause.png') no-repeat;
	cursor: pointer;
}
._rotator .controls .play_pause.pause {
	background: url('../../../../../content/rotator/images/b_pause.png') no-repeat;
}
._rotator .controls .play_pause.pause:hover {
	background: url('../../../../../content/rotator/images/b_pause.png') no-repeat left bottom;
}
._rotator .controls .play_pause.play {
	background: url('../../../../../content/rotator/images/b_play.png') no-repeat;
}
._rotator .controls .play_pause.play:hover {
	background: url('../../../../../content/rotator/images/b_play.png') no-repeat left bottom;
}


._rotator .controls .thumbs_container {
	position: relative;
	overflow: hidden;
	padding: 0 27px;
	height: 54px;
	background-color: #000;
	vertical-align: middle;
}
._rotator .controls .thumbs_scroll {
	position: relative;
	overflow: hidden;
	height: 100px;
}
._rotator .controls .thumbs_container .position {
	width: 100000px;
	padding: 2px 0;
	vertical-align: top !important;
}
._rotator .controls .thumbs {
	overflow: hidden;
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 1px;
	cursor: pointer;
	opacity: .6;
	filter: alpha(opacity=60);
}
._rotator .controls .thumbs:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
._rotator .controls .thumbs img {
	height: 50px;
}
._rotator .controls .thumbs_container .position .handle.active {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
._rotator .controls .thumbs_prev, 
._rotator .controls .thumbs_next {
	position: absolute;
	top: 0;
	width: 15px;
	height: 24px;
	padding: 15px 5px;
	background-color: #999;
	color: #FFF;
	font-size: 20px;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
}
._rotator .controls .thumbs_prev {
	left: 0;
	background: url('../../../../../content/rotator/images/thumbs_previous.png') no-repeat center center;
}
._rotator .controls .thumbs_next {
	right: 0;
	background: url('../../../../../content/rotator/images/thumbs_next.png') no-repeat center center;
}
._rotator .controls .thumbs_prev:hover, 
._rotator .controls .thumbs_next:hover {
	background-color: #444;
}

/* FULL SCREEN MODE */
.rotator_fullscreen {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 255;
}
.rotator_fullscreen .loader {
	width: 200px;
	height: 25px;
	border: 1px solid #555;
	background-color: #333;
}
.rotator_fullscreen .loader .bar {
	height: 25px;
	width: 0;
	background-color: #3dc0e3;
}
.rotator_fullscreen ._rotator .nav {
	width: 73px !important; 
	height: 69px !important;
	background: url('../../../../../content/rotator/images/b_nav_fullscreen.png') !important;
}
div.rotator_fullscreen div._rotator .nav_container, 
div.rotator_fullscreen div._rotator .slides_container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.rotator_fullscreen ._rotator .nav.nav_arrows_full_only {
	display: block !important;
}
.rotator_fullscreen ._rotator .nav.prev {
	background-position: top left !important;
	left: 0 !important;
}
.rotator_fullscreen ._rotator .nav.next {
	background-position: top right !important;
	right: 0 !important;
}
.rotator_fullscreen ._rotator .nav.prev:hover {
	background-position: bottom left !important;
}
.rotator_fullscreen ._rotator .nav.next:hover {
	background-position: bottom right !important;
}
.rotator_fullscreen .slide > .image_container_link {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}