/*//////////////////////////////////////////////////////////////////
// FILE:         style.css
//------------------------------------------------------------------
// PACKAGE:      mod_funkyslide
// NAME:         FunkySlide!
// DESCRIPTION:  FunkySlide! ...a multi-functional slider for Joomla!
// VERSION:      1.1.0
// CREATED:      March 2008
// MODIFIED:     May 2008
//------------------------------------------------------------------
// AUTHOR:       NoNumber! (Peter van Westen)
// E-MAIL:       peter@nonumber.nl
// WEBSITE:      http://www.nonumber.nl
//------------------------------------------------------------------
// COPYRIGHT:    (C) 2008-2010 - NoNumber! - All Rights Reserved
// LICENSE:      http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
//////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////////
// DISPLAY STYLES
//------------------------------------------------------------------
// Most display styles (like colors and fonts) are set through
// the FunkSlide! module parameters.
//////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////////
// DEFAULT LAYOUT STYLES
//////////////////////////////////////////////////////////////////*/
.funkyslide_content {
	margin: 0px;
}
.funkyslide_hidden {
	visibility: hidden;
}

/*//////////////////////////////////////////////////////////////////
// DEFAULT LABEL STYLES
//////////////////////////////////////////////////////////////////*/
.funkyslide_handle {
	cursor:pointer;
	/* other styles are set through the plugin parameters */
}
	.funkyslide_direction_ttb .funkyslide_handle div,
	.funkyslide_direction_btt .funkyslide_handle div{
		/* thickness of the handle (horizontal) */
		height: 16px;
		float: left;
	}
	.funkyslide_direction_ltr .funkyslide_handle div,
	.funkyslide_direction_rtl .funkyslide_handle div{
		/* thickness of the handle (vertical) */
		width: 16px;
	}
	.funkyslide_handle .funkyslide_handle_arrow {
		/* size of the handle arrows */
		height: 16px;
		width: 16px;
	}
	.funkyslide_handle .funkyslide_handle_text {
		white-space: nowrap;
		text-align: center;
	}

/*//////////////////////////////////////////////////////////////////
// BACKGROUNDS HANDLE ARROWS - CLOSED
//////////////////////////////////////////////////////////////////*/
.funkyslide_direction_ttb .funkyslide_closed  .funkyslide_handle_arrow {
	background: transparent url(../images/arrow_bg_ttb_down.png) no-repeat;
}
.funkyslide_direction_btt .funkyslide_closed  .funkyslide_handle_arrow {
	background: transparent url(../images/arrow_bg_btt_up.png) no-repeat;
}
.funkyslide_direction_ltr .funkyslide_closed  .funkyslide_handle_arrow {
	background: transparent url(../images/arrow_bg_ltr_right.png) no-repeat;
}
.funkyslide_direction_rtl .funkyslide_closed  .funkyslide_handle_arrow {
	background: transparent url(../images/arrow_bg_rtl_left.png) no-repeat;
}

/*//////////////////////////////////////////////////////////////////
// BACKGROUNDS HANDLE ARROWS - OPENED
//////////////////////////////////////////////////////////////////*/
.funkyslide_direction_ttb .funkyslide_opened .funkyslide_handle_arrow {
	background: transparent url(../images/arrow_bg_ttb_up.png) no-repeat;
}
.funkyslide_direction_btt .funkyslide_opened .funkyslide_handle_arrow {
	background: transparent url(../images/arrow_bg_btt_down.png) no-repeat;
}
.funkyslide_direction_ltr .funkyslide_opened .funkyslide_handle_arrow {
	background: transparent url(../images/arrow_bg_ltr_left.png) no-repeat;
}
.funkyslide_direction_rtl .funkyslide_opened .funkyslide_handle_arrow {
	background: transparent url(../images/arrow_bg_rtl_right.png) no-repeat;
}

/*//////////////////////////////////////////////////////////////////
// OVERRIDE ELEMENTS STYLES FOR SLIDERS WITH A CUSTOM STYLE NAME
//////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////////
// MAIN
// Example with default style name: 'main'
//////////////////////////////////////////////////////////////////*/
.funkyslide_main .funkyslide_content {
	/* Add styles here... */
}
.funkyslide_main.funkyslide_handle {
	/* Add styles here... */
}

/*//////////////////////////////////////////////////////////////////
// MYCUSTOMSTYLE
// Example with default style name: 'myCustomStyle'
//////////////////////////////////////////////////////////////////*/
.funkyslide_myCustomStyle .funkyslide_content {
	/* Add styles here... */
}
.funkyslide_myCustomStyle .funkyslide_handle {
	/* Add styles here... */
}