ACC SHELL

/*
 BackSlider - Fullscreen Background Image Slider 
 -----------------------------------------------
 CSS Style
 
 @author   flGravity
 @site     http://codecanyon.net/user/flGravity
 @created  19/07/2012
 @version  1.4
  
*/

.backslider,
.backslider .bs-slides li,
.backslider .bs-overlay,
.backslider .bs-preload,
.backslider .bs-coverslide {
	width: 100%;
	height: 100%;
}

.backslider {
	position: fixed;
	left: 0;
	top: 0;
	background: #ECEDED;
	overflow: hidden;
	z-index: -1;
}

/* slides */
.backslider .bs-slides {
	list-style: inside none;
}

.backslider .bs-slides li {
	display: block;
	position: absolute;
	overflow: hidden;
	top: 0; 
	left: 0;
}

.backslider .bs-slides img,
.backslider .bs-slides .bs-landscape {
	width: 100%;
	height: auto;
}

.backslider .bs-slides .bs-portrait {
	width: auto;
	height: 100%;
}

.backslider .bs-coverslide {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 40;
	overflow: hidden;
}

/* slides overlay pattern */
.backslider .bs-overlay {
	position: absolute;
	top: 0;
	left: 0;
	/*background: url("/backslider/images/bs-overlay-3.png");*/
	z-index: 50;
}

/* preloader */
.backslider .bs-preload {
	position: absolute;
	background: #000000;
	z-index: 100;
}

.backslider .bs-preload-indicator {
	float: right;
	width: 32px;
	height: 32px;
	background: url("/backslider/images/bs-preloader.gif") no-repeat center center;
	margin: 10px;
}

/* backslider controls box */
.backslider .bs-controls {
	position: absolute;
	display: none;
	right: 10px;
	bottom: 10px;
	z-index: 100;
}

/* next, previous, timer and pagination buttons */
.backslider .bs-controls .bs-timer,
.backslider .bs-controls .bs-next,
.backslider .bs-controls .bs-scroll,
.backslider .bs-controls .bs-previous,
.backslider .bs-controls .bs-pagination {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	outline: none;
}

.backslider .bs-controls .bs-timer {
	background: url("/backslider/images/bs-controls.png") no-repeat -20px 0;
}

.backslider .bs-controls .bs-scroll {
	background: url("/backslider/images/bs-controls.png") no-repeat -20px -80px;
}

.backslider .bs-controls .bs-next {
	background: url("/backslider/images/bs-controls.png") no-repeat -20px -40px;
}

.backslider .bs-controls .bs-previous {
	background: url("/backslider/images/bs-controls.png") no-repeat -20px -60px;
}

.backslider .bs-controls .bs-pagination {
	background: url("/backslider/images/bs-controls.png") no-repeat -20px -20px;
}

.backslider .bs-controls .bs-next:hover,
.backslider .bs-controls .bs-previous:hover,
.backslider .bs-controls .bs-pagination:hover,
.backslider .bs-controls .bs-pagination.bs-active {
	background-color: #000000;
	background-color: rgba(0,0,0,0.2);
}

/* thumbnails mode */
.backslider .bs-controls .bs-thumbnails {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	overflow: hidden;
	margin-left: 5px;
	background: #000;
}