/**
 * Stylesheet
 *
 * @package    FunkySlide!
 * @version    1.1.1
 * @since      File available since Release 2.0.0
 *
 * @author     Peter van Westen <peter@nonumber.nl>
 * @link       http://www.nonumber.nl/funkyslide
 * @copyright  Copyright (C) 2008 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... */
}