﻿
/*
  Prevents
*/
.anythingFader .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingFader .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }
.anythingFader ul,
.anythingFader li { margin: 0; padding: 0; list-style-type: none; text-align: center; }


/* multipage article slider */
#article-multipage .anythingFader { position: relative; margin: 0 0 66px 0; padding: 0 0 0 0; width: 460px; }
#article-multipage .anythingFader .wrapper {overflow: hidden; width: 460px; }
#article-multipage .anythingFader .wrapper ul { width: 99999px; list-style: none; }
#article-multipage .anythingFader ul li { display: inline; float: left; width: 460px;  }

/* multipage article slider arrows */
#article-multipage .anythingFader .arrow {  background: url('ABimages/arrows-akerbrygge.png') no-repeat scroll 0 0; cursor: pointer; display: block; position: absolute; z-index: 100; height: 29px; margin-top: -30px; outline: 0; position: absolute; text-indent: -9999px; top: 50%; width: 15px; }
#article-multipage .anythingFader .forward { background-position: left top; right: -52px; }
#article-multipage .anythingFader .back { background-position: right top; left: -52px; }
#article-multipage .anythingFader .forward:hover { background-position: left bottom;  }
#article-multipage .anythingFader .back:hover { background-position: right bottom; }

/* multipage article thumbnav */
#article-multipage .anythingFader .thumbNav { bottom: 0; height: 33px; margin: 0 5px -28px 38px; position: absolute; text-align: left; width: 422px; z-index: 100; }
#article-multipage .anythingFader .thumbNav a { background-color: #f2f2eb; display: none; height: 33px; line-height: 33px; padding: 0; outline: 0; text-decoration: none; }
#article-multipage .anythingFader .thumbNav a.cur { color: #000; display: block; text-align: left; font-size: 13px; }
#article-multipage .anythingFader .thumbNav a div.index { float: left; height: 33px; line-height: 33px; width: 33px; background-color: #dadad2; color: #666; text-align: center; font-size: 12px; font-family: Helvetica, Arial; font-weight: bold; margin-right: 12px; }





/* 
	slideshow uc 
*/
.slideshow-wrapper .anythingFader { position: relative; margin: 0 -60px; padding: 0 60px; width: 980px; }
.slideshow-wrapper .anythingFader .wrapper { overflow: hidden; width: 980px; }
.slideshow-wrapper .anythingFader .wrapper ul { width: 99999px; list-style: none; }
.slideshow-wrapper .anythingFader ul li { display: block; float: left; width: 980px;  }

/* slideshow uc arrows */
.slideshow-wrapper .anythingFader .arrow {  background: url('ABimages/arrows-akerbrygge.png') no-repeat scroll 0 0; cursor: pointer; display: block; position: absolute; z-index: 100; height: 29px; margin-top: -30px; outline: 0; position: absolute; text-indent: -9999px; top: 50%; width: 15px; }

.slideshow-wrapper .anythingFader .forward { background-position: left top; right: 15px; filter: Alpha(Opacity=0); opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .3s ease, right .3s ease; -moz-transition: opacity .3s ease, right .3s ease; -o-transition: opacity .3s ease, right .3s ease; -ms-transition: opacity .3s ease, right .3s ease; transition: opacity .3s ease, right .3s ease; }
.slideshow-wrapper .anythingFader .back { background-position: right top; left: 15px; filter: Alpha(Opacity=0); opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .3s ease, left .3s ease; -moz-transition: opacity .3s ease, left .3s ease; -o-transition: opacity .3s ease, left .3s ease; -ms-transition: opacity .3s ease, left .3s ease; transition: opacity .3s ease, left .3s ease; }
.slideshow-wrapper .anythingFader .forward:hover { background-position: left bottom; }
.slideshow-wrapper .anythingFader .back:hover { background-position: right bottom;  }
.slideshow-wrapper .anythingFader:hover>.forward { right: 0; filter: Alpha(Opacity=100); opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: opacity .3s ease, right .3s ease; -moz-transition: opacity .3s ease, right .3s ease; -o-transition: opacity .3s ease, right .3s ease; -ms-transition: opacity .3s ease, right .3s ease; transition: opacity .3s ease, right .3s ease; }
.slideshow-wrapper .anythingFader:hover>.back { left: 0; filter: Alpha(Opacity=100); opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: opacity .3s ease, left .3s ease; -moz-transition: opacity .3s ease, left .3s ease; -o-transition: opacity .3s ease, left .3s ease; -ms-transition: opacity .3s ease, left .3s ease; transition: opacity .3s ease, left .3s ease; }

.slideshow-wrapper .anythingFader .thumbnailNavigator:hover .forward { right: 0; filter: Alpha(Opacity=100); opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: opacity .3s ease, right .3s ease; -moz-transition: opacity .3s ease, right .3s ease; -o-transition: opacity .3s ease, right .3s ease; -ms-transition: opacity .3s ease, right .3s ease; transition: opacity .3s ease, right .3s ease; }
.slideshow-wrapper .anythingFader .thumbnailNavigator:hover .back { left: 0; filter: Alpha(Opacity=100); opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: opacity .3s ease, left .3s ease; -moz-transition: opacity .3s ease, left .3s ease; -o-transition: opacity .3s ease, left .3s ease; -ms-transition: opacity .3s ease, left .3s ease; transition: opacity .3s ease, left .3s ease; }

/* slideshow uc controls */
.slideshow-wrapper .anythingFader .anythingControls { bottom: 0; height: 33px; position: absolute; width: 980px; z-index: 100;  -webkit-transition: height .3s ease; -moz-transition: height .3s ease; -o-transition: height .3s ease; -ms-transition: height .3s ease; transition: height .3s ease; }
.slideshow-wrapper .anythingFader .show-thumbnails { height: 128px; -webkit-transition: height .3s ease; -moz-transition: height .3s ease; -o-transition: height .3s ease; -ms-transition: height .3s ease; transition: height .3s ease; }
.slideshow-wrapper .anythingFader .show-thumbnails .thumbnailNavigatorShadow,
.slideshow-wrapper .anythingFader .show-thumbnails .thumbnailNavigator { height: 95px; -webkit-transition: height .3s ease; -moz-transition: height .3s ease; -o-transition: height .3s ease; -ms-transition: height .3s ease; transition: height .3s ease; }

.slideshow-wrapper .anythingFader .thumbNav { background-color: #fff; float: left; height: 33px; margin: 0 0 0 -1px; width: 84px; }
.slideshow-wrapper .anythingFader .thumbNav a { border: 0; color: #000; display: none; float: left; font: 10px/10px Helvetiva,Arial; font-weight: bold; height: 33px; line-height: 33px; padding: 0; outline: 0; text-align: center;  width: 80px; text-decoration: none; }
.slideshow-wrapper .anythingFader .thumbNav a span.of { color: #666; font-size: 11px; font-weight: normal; padding: 0 4px; }
.slideshow-wrapper .anythingFader .thumbNav a.cur { display: block; }

.slideshow-wrapper .anythingFader a.thumbnailTrigger { background-color: #fff; display: block; float: left; height: 33px; line-height: 33px; outline: none; width: 29px; }
.slideshow-wrapper .anythingFader a.thumbnailTrigger .ui-icon { margin: 8px 0 0 5px; }

/* thumbnails */
.slideshow-wrapper .anythingFader .thumbnailNavigatorShadow { background-color: #000; height: 0; position: absolute; top: 33px; width: 980px; z-index: 50; -webkit-transition: height .3s ease; -moz-transition: height .3s ease; -o-transition: height .3s ease; -ms-transition: height .3s ease; transition: height .3s ease; /*filter: Alpha(Opacity=60); opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";*/ }
.slideshow-wrapper .anythingFader .thumbnailNavigator { height: 0; margin: 0 -30px; padding: 0 30px; overflow: hidden; position: absolute; top: 33px; width: 980px; z-index: 101; -webkit-transition: height .3s ease; -moz-transition: height .3s ease; -o-transition: height .3s ease; -ms-transition: height .3s ease; transition: height .3s ease; }
.slideshow-wrapper .anythingFader .thumbnailNavigator ul { position: absolute; left: 0; }
.slideshow-wrapper .anythingFader .thumbnailNavigator li { float: left; display: block;  height: 95px; margin-right: 1px; width: 170px;  }
.slideshow-wrapper .anythingFader .thumbnailNavigator li a { position: relative; outline: none; }
.slideshow-wrapper .anythingFader .thumbnailNavigator li a img { border: none; }
.slideshow-wrapper .anythingFader .thumbnailNavigator li a .overlay {  bottom: 3px; height: 95px; left: 0; position: absolute; width: 170px;}
.slideshow-wrapper .anythingFader .thumbnailNavigator li a .overlay-visible { background-color: #000; filter:Alpha(Opacity=40); opacity: 0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }

.slideshow-wrapper .anythingFader .thumbnailNavigator .arrow { background-image: url(ABimages/thumb-arrows-akerbrygge2.png); height: 21px; margin-top: -10px; top: 50%; width: 11px; }

.slideshow-wrapper .anythingFader .thumbnailNavigatorContent { height: 95px; left: 30px; position: absolute; overflow: hidden; width: 980px; }




/* Autoplay Start/Stop button */
.slideshow-wrapper .anythingFader .start-stop, 
.slideshow-wrapper .anythingFader .start-stop.hover { border: none; color: #000; display: block; float: left; font-family: Helvetica, Arial; font-size: 11px; font-weight: bold; height: 33px; line-height: 33px; margin: 0; padding: 0; text-align: left; text-decoration: none; width: 127px; z-index: 1000; }
.slideshow-wrapper .anythingFader .start-stop, 
.slideshow-wrapper .anythingFader .start-stop.hover, 
.slideshow-wrapper .anythingFader .start-stop:hover, 
.slideshow-wrapper .anythingFader .start-stop.playing, 
.slideshow-wrapper .anythingFader .start-stop.playing:hover { color: #000; background: transparent; background-image: none; }
.slideshow-wrapper .anythingFader .start-stop .ui-icon { line-height: 33px; margin: 0 0 -4px 20px; }
.slideshow-wrapper .anythingFader .start-stop div { background-color: #fff; float: left; margin-right: 1px; padding: 8px 8px 9px 6px; width: 16px;}
.slideshow-wrapper .anythingFader .start-stop div:first-child { letter-spacing: 1px; padding: 0 8px 0 11px; width: 75px; }
.slideshow-wrapper .anythingFader .start-stop div .ui-icon { margin: 0; }
.slideshow-wrapper .anythingFader .start-stop div .ui-icon-play { background-image: url('ABimages/play.png'); background-position: 6px 4px; }
