/***
 * SlideshowFx Pro Copyright (C) 2010 - Joel VALLIER
 * Author  : Joel VALLIER
 * Contact : contact@oopstouch.com
 * Support : http://www.oopstouch.com
 * Download: http://www.oopstouch.com
 * License : GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
 ***/
 /**
  * DEFAULT SLIDESHOW LAYOUT DEFINED HERE
  * You can redefine CSS in the slideshowfx plugin parameters.
  **/
#sfxOverlay {
	/* Overlay background color */
	background-color: #000;
}

#sfxCenter {
	/* Picture background color */
	/*background-color: #fff;*/		/* sfx 2.18.4 -- */
	background-color: #222;			/* sfx 2.18.4 ++ */
	
	/* Picture border */
	/*border: 10px solid #fff;*/	/* sfx 2.18.4 -- */
	border:3px solid #fff;			/* sfx 2.18.4 ++ */
	border-radius:7px;				/* sfx 2.18.4 ++ */
	-moz-border-radius:7px;			/* sfx 2.18.4 ++ */
	-webkit-border-radius:7px;		/* sfx 2.18.4 ++ */
}

#sfxCaption, #sfxCaption a {
	/* Caption layout */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	/* color: #666;*/				/* sfx 2.18.4 -- */
	color: #fff; 					/* sfx 2.18.4 ++ */
	line-height: 1.4em;
	text-align: center;
	font-weight: bold;
	/* background-color: #fff;*/	/* sfx 2.18.4 -- */
	background-color: #222;			/* sfx 2.18.4 ++ */
	height: 32px;
	text-decoration: none;
}

/**
 * DO NOT CHANGE THE REST OF THIS CSS FILE
 **/
#sfxOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#sfxCenter, #sfxBtmContainer {
	position: fixed;
	z-index: 9999;
	overflow: hidden;
}
#sfxBtmContainer {						/* sfx 2.18.4 ++ */
	border: solid #222;					/* sfx 2.18.4 ++ */
	border-width: 2px 0px 2px 0px;		/* sfx 2.18.4 ++ */
	border-radius:7px;					/* sfx 2.18.4 ++ */
	-moz-border-radius:7px;				/* sfx 2.18.4 ++ */
	-webkit-border-radius:7px;			/* sfx 2.18.4 ++ */
}										/* sfx 2.18.4 ++ */
.sfxLoading {
	/*background: #fff url('../images/loading.gif') no-repeat center;*/ /* sfx 2.18.4 -- */
	background: #fff url('../images/loading222.gif') no-repeat center;  /* sfx 2.18.4 ++ */
}
#sfxImage {
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	border: 0px;						/* sfx 4.04 ++ */
}
#sfxImage img {							/* sfx 3.01 ++ */
	margin: 0px;						/* sfx 3.01 ++ */
	border: 0px;						/* sfx 3.01 ++ */
	padding: 0px;						/* sfx 3.01 ++ */
}										/* sfx 3.01 ++ */
#sfxPrev, #sfxNext {
	display: block;
	position: absolute;
	top: 0;
	background: url('../images/background.png');
	outline: none;
	cursor: pointer;
	-webkit-transition: none !important;	/* compatibility with YOOtheme */
	transition: none !important;			/* compatibility with YOOtheme */
}
#sfxImage a:active, #sfxImage a:focus {
   outline:  none;
   ie-dummy: expression(this.hideFocus=true); /* added in sfx 3.04 for compatibility with IE9 */
}
#sfxPrev {
	left: 0;
}
#sfxPrev:hover {
	background: transparent url('../images/prev.png') no-repeat 0 15%;
}
#sfxNext {
	right: 0;
}
#sfxNext:hover {
	background: transparent url('../images/next.png') no-repeat 100% 15%;
}
#sfxBottom {
	text-align: left;
	border-width: 0px;
}
#sfxCaption {
	cursor: default;
}
#sfxTopPanel {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 9999;
	height: 16px;
	line-height: 19px;
}
#sfxTopPanel, #sfxCtlPanel, #sfxTopPanel a, #sfxCtlPanel a, #sfxTopPanel a:hover, #sfxCtlPanel a:hover {
	color: #FFF;
}
#sfxCtlPanel {
	position: fixed;
	background-color:#000;
	border-color:#CCC;
	border-style: solid;
	border-width: 1px;
	border-bottom-style:none;
	bottom: 0px;
	left: 50%;
	z-index: 9999;
}
.sfxControl {
	width: 16px;
	height: 16px;
	float:left;
	padding: 0px 3px 0 3px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	cursor: pointer;
}
.sfxControl:hover  {
	background-color: #AAA;
}
#sfxCtlFirst {
	background-image: url('../images/first.png');
}
#sfxCtlLast {
	background-image: url('http://allianz-kundler-german-juniors.org/plugins/content/slideshowfx/assets/images/last.png');
}
#sfxCtlNext {
	background-image: url('../images/inext.png');
}
#sfxCtlPrev {
	background-image: url('../images/iprev.png');
}
#sfxCtlPlay {
	background-image: url('../images/play.png');
}
#sfxCtlPause {
	background-image: url('../images/pause.png');
}
#sfxCtlRepeat {
	background-image: url('../images/repeat.png');
}
#sfxCtlNoRepeat {
	background-image: url('../images/norepeat.png');
}
#sfxCtlTimerPlus {
	background-image: url('../images/plus.png');
}
#sfxCtlTimerMinus {
	background-image: url('../images/minus.png');
}
#sfxCtlTimerValue {
	text-align: center;
}
#sfxCtlTimerValue, #sfxCtlNumber, #sfxCtlTextVote {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	cursor: default;
}
#sfxCtlTimerValue:hover, #sfxCtlNumber:hover  {
	background-color: transparent;
}
#sfxCtlTimerValue {
	width: 24px;
}
#sfxCtlNumber {
	width: 58px;
	text-align: center;
}
#sfxCtlMarker {
	background-image: url('../images/marker.png');
}
#sfxCtlCamera {
	background-image: url('../images/camera.png');
}
#sfxCtlMaximize {
	background-image: url('../images/maximize.png');
}
#sfxCtlNoMaximize {
	background-image: url('../images/nomaximize.png');
}
#sfxCtlCaption {
	background-image: url('../images/caption.png');
}
#sfxCtlNoCaption {
	background-image: url('../images/nocaption.png');
}
#sfxCtlDownload {
	background-image: url('../images/download.png');
}
#sfxCtlClose {
	background-image: url('../images/close.png');
}
#sfxCtlPlay, #sfxCtlPause, #sfxCtlMarker, #sfxCtlCamera, #sfxCtlMaximize, #sfxCtlNoMaximize, #sfxCtlCaption, #sfxCtlNoCaption, #sfxCtlDownload, #sfxCtlClose,
#sfxCtlTimerPlus, #sfxCtlTimerMinus, #sfxCtlTimerValue, #sfxCtlRepeat, #sfxCtlNoRepeat, #sfxCtlSep1, #sfxCtlSep2 {
	float: right;
	width: 20px;
}
.sfxSeparator {
	width: 16px;
	height: 8px;
	float:left;
	padding: 0px 3px 0px 3px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	background-image: url('../images/separator.png');
}
.sfxSpace {
	width: 16px;
	height: 8px;
	float:left;
	padding: 0px 3px 0 3px;
	background-color: transparent;
}
/**
 * RATING SYSTEM LAYOUT DEFINED HERE
 **/
#sfxCtlVote {
	visibility:hidden;
	background-image:url('../images/star.png');
	background-color:transparent;
	background-repeat:repeat-x;
	background-position:top;
	cursor:default;
	position:relative;/* new for ie9 */
	margin-left:5px;
	float:left;/* new for ie9 */
	padding:0px;
	height:16px;/* new for ie9 */
	width:80px;
	left:1px;/* new for ie9 */
	top:0px;/* new for ie9 */
}
#sfxCtlCurrentVote {
	background-image:url('../images/star.png');
	background-position:left center;
	width:0px;
}
#sfxCtlStars {
	width:80px;
}
#sfxCtlCurrentVote, #sfxCtlStars, #sfxCtlStar1, #sfxCtlStar2, #sfxCtlStar3, #sfxCtlStar4, #sfxCtlStar5 {
	background-color:transparent;
	background-repeat:repeat-x;
	position:absolute;
	cursor:default;
	height:16px;
	left:0px;/* new for ie9 */
	top:0px;
}
#sfxCtlStar1:hover, #sfxCtlStar2:hover, #sfxCtlStar3:hover, #sfxCtlStar4:hover, #sfxCtlStar5:hover {
	background-image:url('../images/star.png');
	background-position:left bottom;
	cursor:pointer;/* new for ie9 */
	float:left;/* new for ie9 */
}
#sfxCtlStar1 { width:100%; }
#sfxCtlStar2 { width:80%; }
#sfxCtlStar3 { width:60%; }
#sfxCtlStar4 { width:40%; }
#sfxCtlStar5 { width:20%; }
#sfxCtlTextVote {
	position:absolute;
	top:1px;
	left:83px;
	height:16px;
	margin:0px;
	padding:0px 3px 0px 3px;
}
#sfxCtlProgressVote {
	visibility:hidden;
	background:url('../images/processing222.gif');
	position:absolute;
	padding:0px -3px;
	height:16px;
	width:16px;
	border:0px;
	margin:0px;
	left:83px;
}
/**
 * VIDEO LAYOUT DEFINED HERE
 **/
#sfxVideoContainer, #sfxPlayer, #sfxPlayer embed, #sfxPlayer object {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#sfxVideoContainer {
	z-index: -10;
}
#sfxPlayer, #sfxPlayer embed, #sfxPlayer object {
	background-color:#000;
}
#sfxPlayerButton {
	position: absolute;
	left: 0;
	top: 0;
	/*background: transparent url('../images/playvideo.png')  no-repeat center;*/
	visibility: hidden;
	z-index: 5;
	cursor: pointer;
}
#sfxPlayerButton:hover {
	/*background: transparent url('../images/playvideohover.png') no-repeat center;*/
}

/**
 * GEO LOCALIZE
 **/
#sfxMap {
	background-color: #222;
	border:3px solid #fff;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	position: fixed;
	z-index: 10000;
	overflow: hidden;
	opacity: 0;
}
#map-canvas {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}
/**
 * Better compatibility with some templates
 **/
#sfxOverlay, #sfxMap, #sfxCenter, #sfxBtmContainer, #sfxTopPanel {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}