/*!
* @file
* @brief    sigplus Image Gallery Plus image slider stylesheet
* @author   Levente Hunyadi
* @version  1.2
* @remarks  Copyright (C) 2009-2010 Levente Hunyadi
* @remarks  Licensed under GNU/GPLv3, see http://www.gnu.org/licenses/gpl-3.0.html
* @see      http://hunyadi.info.hu/projects/sigplus
*/

/* viewport */
div.imageSlider div.imageSliderViewport {
float:none !important;
margin:0 auto !important;
padding:0 !important;
overflow:hidden !important;
position:relative !important;
}

/* items on slider ribbon */
div.imageSlider ul > li {
position:relative !important;
}

div.imageSlider ul > li div.imageSliderAlignment {
margin:0 auto !important;  /* horizontal alignment of items */
padding:0 !important;
position:relative !important;
top:50% !important;
}

div.imageSlider ul > li div.imageSliderAlignment > div {
margin:0 !important;
padding:0 !important;
position:relative !important;
top:-50% !important;  /* vertical alignment of items */
}

/* image slider overlay navigation */
div.imageSlider div.imageSliderPagingLeft, div.imageSlider div.imageSliderPagingRight, div.imageSlider div.imageSliderPagingTop, div.imageSlider div.imageSliderPagingBottom {
position:absolute !important;
z-index: 1 !important;
}

div.imageSlider div.imageSliderPagingLeft {
background-position:left center !important;
background-repeat:no-repeat !important;
height:100% !important;
left:0 !important;
}

div.imageSlider div.imageSliderPagingLeftLarge {
background-image:url(btnLeftLarge.png);
width:57px !important;
}

div.imageSlider div.imageSliderPagingLeftSmall {
background-image:url(btnLeftSmall.png) !important;
width:29px !important;
}

div.imageSlider div.imageSliderPagingRight {
background-position:right center !important;
background-repeat:no-repeat !important;
height:100% !important;
right:0 !important;
}

div.imageSlider div.imageSliderPagingRightLarge {
background-image:url(btnRightLarge.png) !important;
width:57px !important;
}

div.imageSlider div.imageSliderPagingRightSmall {
background-image:url(btnRightSmall.png) !important;
width:29px !important;
}

div.imageSlider div.imageSliderPagingTop {
background-position:center top !important;
background-repeat:no-repeat !important;
width:100% !important;
top:0 !important;
}

div.imageSlider div.imageSliderPagingTopSmall {
background-image:url(btnUpSmall.png) !important;
height:29px !important;
}

div.imageSlider div.imageSliderPagingTopLarge {
background-image:url(btnUpLarge.png) !important;
height:57px !important;
}

div.imageSlider div.imageSliderPagingBottom {
background-position:center bottom !important;
background-repeat:no-repeat !important;
width:100% !important;
bottom:0 !important;
}

div.imageSlider div.imageSliderPagingBottomSmall {
background-image:url(btnDownSmall.png) !important;
height:29px !important;
}

div.imageSlider div.imageSliderPagingBottomLarge {
background-image:url(btnDownLarge.png) !important;
height:57px !important;
}

/* image slider navigation bar */
div.imageSlider .imageSliderPaging {
clear:both !important;
float:none !important;
text-align:center !important;
position:relative !important;
margin:4px 0 !important;
padding:0 !important;
}

div.imageSlider .imageSliderPaging > a.pg_prev {
margin:1px 3px 0 0 !important;
}

div.imageSlider .imageSliderPaging > a.pg_next {
margin:1px 0 0 3px !important;
}

div.imageSlider .imageSliderPaging > a.pg_prev > span, .imageSliderPaging > a.pg_next > span {
width:8px !important;
height:13px !important;
}

div.imageSlider .imageSliderPaging > a.pg_first > span, .imageSliderPaging > a.pg_last > span {
width:11px !important;
height:13px !important;
}

div.imageSlider .imageSliderPaging > a.pg_first > span {
background:url(pagingNav.png) no-repeat 0px 0px !important;
float:left !important;
position:absolute !important;
left:0 !important;
}

div.imageSlider .imageSliderPaging > a.pg_prev > span {
background:url(pagingNav.png) no-repeat -11px 0px !important;
float:left !important;
position:absolute !important;
left:16px !important;
}

div.imageSlider .imageSliderPaging > a.pg_next > span {
background:url(pagingNav.png) no-repeat -19px 0px !important;
float:right !important;
position:absolute !important;
right:16px !important;
}

div.imageSlider .imageSliderPaging > a.pg_last > span {
background:url(pagingNav.png) no-repeat -27px 0px !important;
float:right !important;
position:absolute !important;
right:0 !important;
}

div.imageSlider .imageSliderPaging > a.pg_first > span:hover {
background-position:0px -14px !important;
}

div.imageSlider .imageSliderPaging > a.pg_prev > span:hover {
background-position:-11px -14px !important;
}

div.imageSlider .imageSliderPaging > a.pg_next > span:hover {
background-position:-19px -14px !important;
}

div.imageSlider .imageSliderPaging > a.pg_last > span:hover {
background-position:-27px -14px !important;
}

div.imageSlider .imageSliderPagingDisabled {
visibility:hidden !important;
}

/* block element alignment */
div.imageSlider div.imageSliderCenter {  /* centered alignment */
clear:both;
margin-left:auto !important;
margin-right:auto !important;
}

div.imageSlider div.imageSliderRight {  /* right alignment */
clear:right;
margin-left:auto !important;
margin-right:0 !important;
}