/***
 * SlideshowFx Pro for WordPress Copyright (C) 2010 - Joel VALLIER
 * Author  : Joel VALLIER
 * Contact : contact@oopstouch.com
 * Support : http://www.oopstouch.com
 * Download: http://www.oopstouch.com
 * License : End-User License Agreement SlideshowFX for WordPress (see LICENSE.php for details)
 ***/
@charset "utf-8";
/**
 * DEFAULT SLIDESHOW LAYOUT DEFINED HERE
 * You can redefine CSS in the slideshowfx plugin parameters.
 **/
#sfxOverlay {
	/* Overlay background color */
	background-color: #000;
	
	/* Overlay background pattern */
	/*background: url(../images/overlay.png);*/
}

#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 {
	/* 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;
}


/**
 * 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;
}
#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;
}
#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;
}
#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(../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: 50px;
	text-align: center;
}
#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, #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
 **/
.sfxVideoParams {
	display: none;
}
#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;*/
}
