/*
	Skin Name: Scrollbar 2 Light
	Class: scrollbar-2-light
	Description: Scrollbar 2 Light skin for Slider PRO WordPress plugin
	Author: David
*/


/* HORIZONTAL SCROLLBAR */

/* MAIN CONTAINER */

.scrollbar-2-light.horizontal
{
	position:absolute;
	width:340px;
	height:24px;
}

/* END OF MAIN CONTAINER */


/* TRACK */

.scrollbar-2-light.horizontal .track
{
	position:absolute;
	width:289px;
	height:24px;
	left:26px;
}


.scrollbar-2-light.horizontal .track .track-back
{
	position:absolute;
	background-image:url(images/track_back.png);
	width:6px;
	height:24px;
	left:0px;
}


.scrollbar-2-light.horizontal .track .track-middle
{
	position:absolute;
	background-image:url(images/track_middle.png);
	background-repeat:repeat-x;
	width:100%;
	height:24px;
}


.scrollbar-2-light.horizontal .track .track-forward
{
	position:absolute;
	background-image:url(images/track_forward.png);
	width:6px;
	height:24px;
	right:0px;
}

/* END OF TRACK */


/* THUMB */

.scrollbar-2-light.horizontal .thumb
{
	position:absolute;
	cursor:pointer;
	width:70px;
	height:14px;
	margin-top:5px;
}


.scrollbar-2-light.horizontal .thumb .thumb-back
{
	position:absolute;
	background-image:url(images/thumb_back.png);
	width:6px;
	height:14px;
	left:0px;
}


.scrollbar-2-light.horizontal .thumb .thumb-middle
{
	position:absolute;
	background-image:url(images/thumb_middle.png);
	background-repeat:repeat-x;
	width:58px;
	height:14px;
	left:6px;
}


.scrollbar-2-light.horizontal .thumb .thumb-forward
{
	position:absolute;
	background-image:url(images/thumb_forward.png);
	width:6px;
	height:14px;
	right:0px;
}

/* END OF THUMB */


/* BACK BUTTON */

.scrollbar-2-light.horizontal .back
{
	position:absolute;
	cursor:pointer;
	background-image:url(images/back.png);
	width:26px;
	height:24px;
	left:0px;
}

/* END OF BACK BUTTON */


/* FORWARD BUTTON */

.scrollbar-2-light.horizontal .forward
{
	position:absolute;
	cursor:pointer;
	background-image:url(images/forward.png);
	width:25px;
	height:24px;
	right:0px;
}

/* END OF FORWARD BUTTON */

/* END OF HORIZONTAL SCROLLBAR */



/* VERTICAL SCROLLBAR */

/* MAIN CONTAINER */

.scrollbar-2-light.vertical
{
	position:absolute;
	height:340px;
	width:24px;
}

/* END OF MAIN CONTAINER */


/* TRACK */

.scrollbar-2-light.vertical .track
{
	position:absolute;
	width:24px;
	height:289px;
	top:25px;
}


.scrollbar-2-light.vertical .track .track-back
{
	position:absolute;
	background-image:url(images/track_back_v.png);
	width:24px;
	height:7px;
	top:0px;
}


.scrollbar-2-light.vertical .track .track-middle
{
	position:absolute;
	background-image:url(images/track_middle_v.png);
	background-repeat:repeat-y;
	height:100%;
	width:24px;
}


.scrollbar-2-light.vertical .track .track-forward
{
	position:absolute;
	background-image:url(images/track_forward_v.png);
	width:24px;
	height:7px;
	bottom:0px;
}

/* END OF TRACK */


/* THUMB */

.scrollbar-2-light.vertical .thumb
{
	position:absolute;
	cursor:pointer;
	width:14px;
	height:70px;
	margin-left:5px;
}


.scrollbar-2-light.vertical .thumb .thumb-back
{
	position:absolute;
	background-image:url(images/thumb_back_v.png);
	height:6px;
	width:14px;
	top:0px;
}


.scrollbar-2-light.vertical .thumb .thumb-middle
{
	position:absolute;
	background-image:url(images/thumb_middle_v.png);
	background-repeat:repeat-y;
	height:58px;
	width:14px;
	top:6px;
}


.scrollbar-2-light.vertical .thumb .thumb-forward
{
	position:absolute;
	background-image:url(images/thumb_forward_v.png);
	height:6px;
	width:14px;
	bottom:0px;
}

/* END OF THUMB */


/* BACK BUTTON */

.scrollbar-2-light.vertical .back
{
	position:absolute;
	cursor:pointer;
	background-image:url(images/back_v.png);
	width:24px;
	height:25px;
	top:0px;
}

/* END OF BACK BUTTON */


/* FORWARD BUTTON */

.scrollbar-2-light.vertical .forward
{
	position:absolute;	
	cursor:pointer;
	background-image:url(images/forward_v.png);
	width:24px;
	height:26px;
	bottom:0px;
}

/* END OF FORWARD BUTTON */

/* END OF VERTICAL SCROLLBAR */