/* reset cascaded styles */
.image-gallery,.image-gallery img,.image-gallery div,
.image-gallery a {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
}

/* Loading Image styles */
img.image-gallery-loading {
    display: block;
    margin: auto;
}

.vertical-center {
    height: 40%;
}

.image-gallery-loading-wrapper {
   
}

.gallery-wrapper {
    position: relative;
}

.gallery-window {
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
}

.gallery-image-loading {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
}
.gallery-image-loading img {
    display: block;
    margin: auto;
}

.gallery-current-image {

}

div.full-image {
    position: absolute;
    background: #333333;
    width:  100%;
    height: 100%;
    overflow: hidden;
}

.full-image img {
    position: absolute;
}

a.navigation {
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 3;
    cursor: pointer;
    background: url('ico/ie-transparent.gif') repeat;
}

.navigation img {
    position: absolute;
    top: 50%;
}

*+html .gallery-prev img{
	left:0;	
}

*+html .gallery-next img{
	right:0;	
}

.gallery-prev {
    left: 0;
    width: 50%;
}

.gallery-next {
    width: 50%;
    right: 0;
}

.gallery-next img {
    right: 0;
}

a.fullscreen-toggle {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 5;
    cursor: pointer;
}

a.slide-transport {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 5;
    cursor: pointer;
}

a.slide-transport{
	/* display:none; */
}

.gallery-wrapper .gallery-strip {
    position: relative;
    left: 0;
    z-index: 5;
    overflow: hidden !important;
    margin: 0 auto;
}

div.gallery-strip-window {
    position: relative;
    margin: auto;
    overflow: hidden;
}

div.gallery-image {
    position: absolute;
    padding: 1px; 
    /* border: 1px solid red; */
    overflow: hidden;
    /* adjustable settings */
    /* background-color: black; */
}
.gallery-image img {
    opacity: 0.5;
}
.gallery-image.current {
    /* padding: 0;
   border: 1px solid cyan; */
}
.gallery-image.current img {
    opacity: 1;
}

.gallery-image a {
    display: block;
    background-color: black;
}

.gallery-image img {
    display: block;
}

.strip-navigation {
    display: block;
    position: absolute;
    top: 0;
    cursor: pointer;
}
.strip-navigation.gallery-strip-prev,
.strip-navigation.gallery-strip-next {
    height: 100%;
}

*:first-child+html .strip-navigation.gallery-strip-prev{
	left:0;	
}

.strip-navigation img {
    position: relative;
}

.strip-navigation img:hover {
    opacity:0.6;
}

.gallery-strip-next {
    right: 0;
}

.gallery-strip-grid-toggle {
    display: block;
    position: absolute;
    left: 50%;
}

.gallery-strip-grid {
    position: relative;
}
.gallery-window  .gallery-strip{
background:#e2e2e2;
}
.gallery-window .gallery-strip .gallery-strip-prev{
padding-left:15px;
}
.gallery-window .gallery-strip .gallery-strip-next{
padding-right:15px;
}
.gallery-strip-scrollbar {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    
    /* adjustable settings */
   	background: #ededed;
    background: -moz-linear-gradient(left, #e3e3e3 0%, #e7e7e7 10%, #ededed 11%, #f2f2f2 100%);
    background: -webkit-linear-gradient(left, #e3e3e3 0%,#e7e7e7 10%,#ededed 11%,#f2f2f2 100%);
    background: -o-linear-gradient(left, #e3e3e3 0%,#e7e7e7 10%,#ededed 11%,#f2f2f2 100%);
    background: -ms-linear-gradient(left, #e3e3e3 0%,#e7e7e7 10%,#ededed 11%,#f2f2f2 100%);
    background: linear-gradient(left, #e3e3e3 0%,#e7e7e7 10%,#ededed 11%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', 
            endColorstr='#f2f2f2',GradientType=1);
	border:1px solid #999 !important;
}

.gallery-strip-scroller {
    display: block;
    position: relative;
    margin: auto;
    
    /* adjustable settings */
    height: 30px;
    border:1px solid #979797 !important;
	border-radius:2px;
    cursor: pointer;
   	background: #c0c0c0;
    background: -moz-linear-gradient(left, #f6f6f6 0%, #e9e9e9 50%, #e3e3e3 51%, #c0c0c0 100%);
    background: -webkit-linear-gradient(left, #f6f6f6 0%, #e9e9e9 50%, #e3e3e3 51%, #c0c0c0 100%);
    background: -o-linear-gradient(left, #f6f6f6 0%, #e9e9e9 50%, #e3e3e3 51%, #c0c0c0 100%);
    background: -ms-linear-gradient(left, #f6f6f6 0%, #e9e9e9 50%, #e3e3e3 51%, #c0c0c0 100%);
    background: linear-gradient(left, #f6f6f6 0%, #e9e9e9 50%, #e3e3e3 51%, #c0c0c0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', 
            endColorstr='#c0c0c0',GradientType=1);
}

.gallery-strip-scroller:hover {
    background: #d7d7d7;
    background: -moz-linear-gradient(left, #ededed 0%, #d7d7d7 50%, #c4c4c4 51%, #aaaaaa 100%);
    background: -webkit-linear-gradient(left, #ededed 0%, #d7d7d7 50%, #c4c4c4 51%, #aaaaaa 100%);
    background: -o-linear-gradient(left, #ededed 0%, #d7d7d7 50%, #c4c4c4 51%, #aaaaaa 100%);
    background: -ms-linear-gradient(left, #ededed 0%, #d7d7d7 50%, #c4c4c4 51%, #aaaaaa 100%);
    background: linear-gradient(left, #ededed 0%, #d7d7d7 50%, #c4c4c4 51%, #aaaaaa 100%);
}

.gallery-strip-scroller.active {
    background: #d7d7d7;
    background: -moz-linear-gradient(left, #ededed 0%, #d7d7d7 50%, #c4c4c4 51%, #aaaaaa 100%);
    background: -webkit-linear-gradient(left, #ededed 0%, #d7d7d7 50%, #c4c4c4 51%, #aaaaaa 100%);
    background: -o-linear-gradient(left, #ededed 0%, #d7d7d7 50%, #c4c4c4 51%, #aaaaaa 100%);
    background: -ms-linear-gradient(left, #ededed 0%, #d7d7d7 50%, #c4c4c4 51%, #aaaaaa 100%);
    background: linear-gradient(left, #ededed 0%, #d7d7d7 50%, #c4c4c4 51%, #aaaaaa 100%);
}

.current-image-data {
	position: absolute;
    z-index: 4;
    font-size:14px;
	padding:5px 0!important;
    /* adjustable settings */
    bottom: 0;
    background-color: #333333;
    opacity: .75;
    width: 100%;
	color:#FFF;
	text-align:center;
}

*+html .current-image-data{
	left:0;
}	

.current-image-data.fullscreen {
    top: 0;
    bottom: auto;
    width: 100%;
	height:24px;
}

.counter {
    position: absolute;
    z-index: 5;
    color: #CCC;
    font-size:14px;
	padding:5px!important;
}

*+html .counter {
	left:0;	
}