/*!
* @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.pg_prev, div.imageSlider div.pg_next {
position:absolute !important;
z-index: 1 !important;
}

div.imageSlider div.pg_prev > div, div.imageSlider div.pg_next > div {
position:absolute !important;
height:100%;
width:100%;
background-repeat:no-repeat !important;
}

div.imageSlider div.pg_left_large, div.imageSlider div.pg_right_large {
height:100% !important;
width:57px !important;
}

div.imageSlider div.pg_left_small, div.imageSlider div.pg_right_small {
height:100% !important;
width:29px !important;
}

div.imageSlider div.pg_left_large, div.imageSlider div.pg_left_small {
left:0 !important;
}

div.imageSlider div.pg_left_large > div, div.imageSlider div.pg_left_small > div {
background-position:left center !important;
}

div.imageSlider div.pg_left_large > div {
background-image:url(btnLeftLarge.png);
}

div.imageSlider div.pg_left_small > div {
background-image:url(btnLeftSmall.png) !important;
}

div.imageSlider div.pg_right_large, div.imageSlider div.pg_right_small {
right:0 !important;
}

div.imageSlider div.pg_right_large > div, div.imageSlider div.pg_right_small > div {
background-position:right center !important;
}

div.imageSlider div.pg_right_large > div {
background-image:url(btnRightLarge.png) !important;
}

div.imageSlider div.pg_right_small > div {
background-image:url(btnRightSmall.png) !important;
}

div.imageSlider div.pg_top_large, div.imageSlider div.pg_bottom_large {
height:57px !important;
width:100% !important;
}

div.imageSlider div.pg_top_small, div.imageSlider div.pg_bottom_small {
height:29px !important;
width:100% !important;
}

div.imageSlider div.pg_top_large, div.imageSlider div.pg_top_small {
top:0 !important;
}

div.imageSlider div.pg_top_large > div, div.imageSlider div.pg_top_small > div {
background-position:center top !important;
}

div.imageSlider div.pg_top_large > div {
background-image:url(btnUpLarge.png) !important;
}

div.imageSlider div.pg_top_small > div {
background-image:url(btnUpSmall.png) !important;
}

div.imageSlider div.pg_bottom_large, div.imageSlider div.pg_bottom_small {
bottom:0 !important;
}

div.imageSlider div.pg_bottom_large > div, div.imageSlider div.pg_bottom_small > div {
background-position:center bottom !important;
}

div.imageSlider div.pg_bottom_large > div {
background-image:url(btnDownLarge.png) !important;
}

div.imageSlider div.pg_bottom_small > div {
background-image:url(btnDownSmall.png) !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 {
background:transparent none no-repeat !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) 0px 0px !important;
float:left !important;
position:absolute !important;
left:0 !important;
}

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

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

div.imageSlider .imageSliderPaging > a.pg_last > span {
background:url(pagingNav.png) -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;
}