/*  
 *  sliderkit-demos.css
 *	> CSS code for demos
 *  
 *  This file is part of Slider Kit jQuery plugin.
 *  http://www.kyrielles.net/sliderkit/
 *  
 *  Copyright (c) 2010-2011 Alan Frog
 *  Licensed under the GNU General Public License
 *  See <license.txt> or <http://www.gnu.org/licenses/>
 *
 */

/*
 *  PHOTOS SLIDERS
 *  ------------------------------------------------
 */

/*---------------------------------
 *  Photos slider > Minimal
 *---------------------------------*/

/*---------------------------------
 *  Photos gallery > Vertical
 *---------------------------------*/
.photosgallery-vertical{
	width:148px;
	height:363px;
	
}

/* Nav */
.photosgallery-vertical .sliderkit-nav{
	top:0;
	left:0;
	width:148px;
	height:363px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.photosgallery-vertical .sliderkit-nav-clip{left:0px;}
.photosgallery-vertical .sliderkit-nav-clip ul li{
	margin:0;
	padding:0px;
	width:148px;
	height:133px;
	padding:10px 0 2px 0px;
	text-align:center;
	background-image:url(images/line10.png);
	background-position:0 100%;
	background-repeat:no-repeat;
	display:block;
	position:relative;
}
.photosgallery-vertical .sliderkit-nav-clip ul li .ImgVideoLink
{
	display:block;
	width:121px;
	height:91px;
	overflow:hidden;
	position:relative;
	padding:0px;
	margin:0 auto;
}
.photosgallery-vertical .sliderkit-nav-clip ul li a.NameVideoC{display:block;font-size:10px;margin:1px 0 0 0;text-align:center;line-height:1;}
.photosgallery-vertical .sliderkit-nav-clip ul li.sliderkit-selected a{}
/*.photosgallery-vertical .sliderkit-nav-clip ul li.sliderkit-selected .ImgVideoLink img{border:2px solid #136394;}*/
.photosgallery-vertical .sliderkit-nav-clip ul li img{width:117px;height:87px;border:2px solid #ffffff;}

/* Nav buttons */
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn
{
	position:absolute;
	left:0;
	width:148px;
	height:36px;
	padding:0 0 2px 0;
}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn a{display:block;width:26px;height:25px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn a span{display:none;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev
{
	top:0px;
	background-image:url(images/line10.png);
	background-position:0 100%;
	background-repeat:no-repeat;
}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next{bottom:0px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a{background-image:url(images/arrow_slider_video.png) !important;position:absolute;top:6px;left:60px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a{background-image:url(images/arrow_slider_video_next.png) !important;position:absolute;top:6px;left:60px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a:hover,
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:0 -25px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a:hover,
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a:focus{background-position:0 -25px;}

/* Go Buttons */
.photosgallery-vertical .sliderkit-go-btn a{width:200px;height:300px;background:#ccc;opacity:.8;}
.photosgallery-vertical .sliderkit-go-prev{top:0;left:0;}
.photosgallery-vertical .sliderkit-go-next{top:0;right:0;}

/* Panel */
.photosgallery-vertical .sliderkit-panel{top:0;left:0;width:500px;height:335px;}

/* Panel > Textbox */
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox{bottom:0;left:0;height:85px;width:500px;}
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-text{height:65px;padding:10px 15px 10px 115px;font-size:0.9em;color:#fff;}
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-text h4{height:auto;margin:0 0 7px;line-height:1.1em;font-size:1.1em;font-weight:bold;border:none;}
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-overlay{height:85px;width:500px;background:#000;opacity:0.6;}

.TitleVerticalSlider
{
	height:28px;
	text-align:center;
	color:#414141;
	font-size:16px;
	font-weight:bold;
	padding:7px 0 2px 0;
	background-image:url(images/line10.png);
	background-position:0 100%;
	background-repeat:no-repeat;
}
.ArrowPlay
{
	background-image:url(images/play_arrow.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width:47px;
	height:47px;
	position:absolute;
	left:35px;
	top:21px;
	cursor:pointer;
}