/**
 * 	Ono pager basic style
 */

/* Start pager */
div.onoPager { position: relative; }
*.onoPager_listContainer { position: relative; overflow: hidden; }
*.onoPager_listItem { margin: 0; overflow: hidden; list-style-type:none; }
/* End pager */

/* Start controls */
a.onoPager_previous, a.onoPager_next { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;color: #666666; }
a.onoPager_previous:hover, a.onoPager_next:hover {color: #666666; text-decoration:none;}
a.onoPager_previous.disabled, a.onoPager_next.disabled { cursor: default; opacity: 0.3; }
div.onoPager_pageByNumber a.onoPager_active { font-weight: bold; }
div.onoPager_scroller { position: relative; height: 20px; background: #cccccc; }
div.onoPager_scrollerHandle { cursor: w-resize; position: absolute; left: 0; top: 0; border: 1px solid #333333; width: 18px; height: 18px; }
div.onoPager_autopageAnimation_timeline { left: 0; width: 100%; height: 2px; background: #9a9abb; }
div.onoPager_autopageAnimation_timeline div.onoPager_autoPageBar { width: 0; height: 2px; background: #0000ff; }
/* End controls */



/* Start linearContinuous animation */
div.onoPager_animation_linearContinuous { overflow: hidden; }
div.onoPager_animation_linearContinuous *.onoPager_listItem { position: relative; overflow: hidden; }
div.onoPager_animation_linearContinuous *.onoPager_linearContinuous_background { position: absolute; left: -9999em; top: 0; bottom: 0; width: 100%; height: 100%; /*background: #e368df;*/ }
div.onoPager_animation_linearContinuous *.onoPager_linearContinuous_content { position: relative; }
div.onoPager_animation_linearContinuous *.onoPager_listContainer { margin: 0 auto; overflow: visible; }
div.onoPager_animation_linearContinuous.msie7 *.onoPager_listContainer { position: static !important; }
div.onoPager_animation_linearContinuous div.onoPager_controls { position: relative; margin: 0 auto; }
div.onoPager_animation_linearContinuous *.onoPager_listItem:nth-child(2n) *.onoPager_linearContinuous_background { /*background: #7fe368;*/ }
/* End linearContinuous animation */
/**
 * 	Ono pager theme greyscale
 */

div.onoPager_greyscale { padding-bottom: 10px; }
/* List container */
div.onoPager_greyscale div.onoPager_listContainer, div.onoPager_greyscale.onoPager_disabled:hover div.onoPager_listContainer { position: relative;/* -moz-transition: box-shadow 0.2s ease-out; -o-transition: box-shadow 0.2s ease-out; -webkit-transition: box-shadow 0.2s ease-out; -ms-transition: box-shadow 0.2s ease-out; transition: box-shadow 0.2s ease-out; margin-bottom: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #aaaaaa; box-shadow: 1px 1px 3px 1px #ccc; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); background-image:    -moz-linear-gradient(top, #ffffff, #eeeeee); background-image:     -ms-linear-gradient(top, #ffffff, #eeeeee); background-image:      -o-linear-gradient(top, #ffffff, #eeeeee); background-image:         linear-gradient(top, #ffffff, #eeeeee);  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee');*/
}
div.onoPager_greyscale:hover div.onoPager_listContainer {/* box-shadow: 2px 2px 8px 1px #CCC; */}
/* List items */
div.onoPager_greyscale *.onoPager_listItem { padding: 10px; }
/* Controls - Base */
div.onoPager_greyscale div.onoPager_controls div.onoPager_status, div.onoPager_greyscale div.onoPager_controls a.onoPager_step, div.onoPager_greyscale div.onoPager_controls div.onoPager_pageByNumber, div.onoPager_greyscale.onoPager_disabled:hover div.onoPager_controls a.onoPager_step, div.onoPager_greyscale.onoPager_disabled:hover div.onoPager_controls div.onoPager_pageByNumber { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; min-height: 0; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size: 0.9em; }
div.onoPager_greyscale.msie7 div.onoPager_controls div.onoPager_status, div.onoPager_greyscale.msie7 div.onoPager_controls a.onoPager_step, div.onoPager_greyscale.msie7 div.onoPager_controls div.onoPager_pageByNumber, div.onoPager_greyscale.msie7.onoPager_disabled:hover div.onoPager_controls a.onoPager_step, div.onoPager_greyscale.msie7.onoPager_disabled:hover div.onoPager_controls div.onoPager_pageByNumber { left: 0; }
div.onoPager_greyscale div.onoPager_controls:after { clear: both; display: block; content: ""; }
div.onoPager_greyscale:hover div.onoPager_controls div.onoPager_status, div.onoPager_greyscale:hover div.onoPager_controls a.onoPager_step, div.onoPager_greyscale:hover div.onoPager_controls div.onoPager_pageByNumber, div.onoPager_greyscale:hover div.onoPager_controls.active a.onoPager_step, div.onoPager_greyscale:hover div.onoPager_controls.active div.onoPager_pageByNumber { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
div.onoPager_greyscale div.onoPager_controls a span, div.onoPager_greyscale.onoPager_disabled:hover div.onoPager_controls a span, div.onoPager_greyscale.onoPager_disabled div.onoPager_controls.active a span { color: #666666; text-decoration: none; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
div.onoPager_greyscale:hover div.onoPager_controls a, div.onoPager_greyscale div.onoPager_controls.active a { text-decoration: none; color: #47478b; }
div.onoPager_greyscale div.onoPager_controls a:hover { text-decoration: underline; color: #666666;}
/* Controls - Previous and next */
div.onoPager_greyscale a.onoPager_step, div.onoPager_greyscale.onoPager_disabled:hover a.onoPager_step, div.onoPager_greyscale.onoPager_disabled div.onoPager_controls.active a.onoPager_step { position: relative; z-index: 1; top: -10px; border: 10px solid transparent; }
div.onoPager_greyscale.msie7 a.onoPager_step { top: -10px !important;}
div.onoPager_greyscale:hover a.onoPager_step, div.onoPager_greyscale div.onoPager_controls.active a.onoPager_step { top: -10px; }
div.onoPager_greyscale a.onoPager_step:hover, div.onoPager_greyscale a.onoPager_step:hover span { color: #7a9d1a !important; text-decoration: none !important; }
div.onoPager_greyscale a.onoPager_step:hover span { text-shadow: 0 0 5px #ffffff; }
div.onoPager_greyscale.onoPager_animation_linearScroller a.onoPager_step, div.onoPager_greyscale.onoPager_disabled.onoPager_animation_linearScroller a.onoPager_step:hover { margin-top: -8px; outline: 0; font-size: 3em !important; line-height: 0.7em; text-decoration: none !important; }
div.onoPager_greyscale.onoPager_animation_linearScroller a.onoPager_step:hover span { color: #ff0000; }
div.onoPager_greyscale a.onoPager_step.disabled { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)" !important; filter: alpha(opacity=30) !important; opacity: 0.3 !important; cursor: default; text-decoration: none !important; }
div.onoPager_greyscale a.onoPager_previous { float: left; }
div.onoPager_greyscale a.onoPager_next { float: right; }
/* Controls - Page by number */
div.onoPager_greyscale div.onoPager_pageByNumber, div.onoPager_greyscale.onoPager_disabled:hover div.onoPager_pageByNumber, div.onoPager_greyscale.onoPager_disabled div.onoPager_controls.active div.onoPager_pageByNumber { position: absolute; margin-top: -10px; text-align: center; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
div.onoPager_greyscale.msie7 div.onoPager_pageByNumber { margin-top: -5px !important; }
div.onoPager_greyscale:hover div.onoPager_pageByNumber, div.onoPager_greyscale div.onoPager_controls.active div.onoPager_pageByNumber { margin-top: 0; }
div.onoPager_greyscale div.onoPager_pageByNumber a { border: 10px solid transparent; border-left-width: 2px; border-right-width: 2px; text-decoration: none !important; }
div.onoPager_greyscale div.onoPager_pageByNumber a span { padding: 4px 4px; }
div.onoPager_greyscale div.onoPager_pageByNumber a.onoPager_active span { cursor: default; padding-top: 0; padding-bottom: 0; color: #ffffff !important; font-weight: normal; background: #999999 !important; }
div.onoPager_greyscale div.onoPager_pageByNumber a:hover span { padding-top: 0; padding-bottom: 0; background: #cccccc; }
div.onoPager_greyscale.msie9 div.onoPager_pageByNumber a.onoPager_active span { padding-top: 2px; }
/* Controls - Status */
div.onoPager_greyscale div.onoPager_status, div.onoPager_greyscale.onoPager_disabled:hover div.onoPager_status, div.onoPager_greyscale.onoPager_disabled div.onoPager_controls.active div.onoPager_status { position: absolute; margin-top: -10px; width: 100%; color: #666666; text-align: center; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
div.onoPager_greyscale:hover div.onoPager_status, div.onoPager_greyscale div.onoPager_controls.active div.onoPager_status { margin-top: 0; }
/* Controls - Scrollbar */
div.onoPager_greyscale div.onoPager_scroller, div.onoPager_greyscale.onoPager_disabled:hover div.onoPager_scroller, div.onoPager_greyscale.onoPager_disabled div.onoPager_scroller.active { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); margin-left: 1px; opacity: 0; background: rgba(0, 0, 0, 0.05); }
div.onoPager_greyscale.msie7 div.onoPager_scroller, div.onoPager_greyscale.msie8 div.onoPager_scroller { padding-bottom: 2px; }
div.onoPager_greyscale:hover div.onoPager_scroller, div.onoPager_greyscale div.onoPager_scroller.active { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; box-shadow: 1px 1px 3px 1px #ccc; }
div.onoPager_greyscale div.onoPager_scrollerHandle, div.onoPager_greyscale.onoPager_disabled div.onoPager_scrollerHandle:hover, div.onoPager_greyscale.onoPager_disabled div.onoPager_scroller.active div.onoPager_scrollerHandle { width: 10px; height: 10px; border-radius: 10px; }
div.onoPager_greyscale div.onoPager_scrollerHandle:hover, div.onoPager_greyscale div.onoPager_scroller.active div.onoPager_scrollerHandle { background: #333333; }
/* Controls - autopage animation */
div.onoPager_greyscale.onoPager_autopageAnimation_clock { position: relative; }
div.onoPager_greyscale.onoPager_autopageAnimation_clock canvas { position: absolute; top: -116px; right: -32px; }
/* Animation type - linearContinuous */
div.onoPager_greyscale.onoPager_animation_linearContinuous:hover div.onoPager_listContainer { top: 0; }
div.onoPager_greyscale.onoPager_animation_linearContinuous div.onoPager_listContainer.onoPager_backgroundAnimation { outline: 0 solid #aaaaaa; border-width: 0; background: none; filter: none; }
