/* CSS for jQuery Orbit Plugin 1.4.0
 * Maintained for Foundation. foundation.zurb.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 
 
/* CONTAINER
   ================================================== */

div.orbit-wrapper { WIDTH: 1px; HEIGHT: 1px; POSITION: relative; }

div.orbit { WIDTH: 1px; HEIGHT: 1px; POSITION: relative; OVERFLOW: hidden; }

div.orbit.with-bullets { MARGIN-BOTTOM: 40px; }

div.orbit .orbit-slide { MAX-WIDTH: 100%; POSITION: absolute; TOP: 0; LEFT: 0; }

div.orbit a.orbit-slide { BORDER: none; LINE-HEIGHT: 0; DISPLAY: none; }

div.orbit div.orbit-slide { WIDTH: 100%; HEIGHT: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
   ================================================== */

div.orbit-wrapper div.timer { WIDTH: 40px; HEIGHT: 40px; OVERFLOW: hidden; POSITION: absolute; TOP: 10px; RIGHT: 10px; OPACITY: .6; CURSOR: pointer; Z-INDEX: 31; }

div.orbit-wrapper span.rotator { DISPLAY: block; WIDTH: 40px; HEIGHT: 40px; POSITION: absolute; TOP: 0; LEFT: -20px; BACKGROUND: url(orbit/rotator-black.png) no-repeat; Z-INDEX: 3; }

div.orbit-wrapper span.mask { DISPLAY: block; WIDTH: 20px; HEIGHT: 40px; POSITION: absolute; TOP: 0; RIGHT: 0; Z-INDEX: 2; OVERFLOW: hidden; }

div.orbit-wrapper span.rotator.move { LEFT: 0; }

div.orbit-wrapper span.mask.move { WIDTH: 40px; LEFT: 0; BACKGROUND: url(orbit/timer-black.png) repeat 0 0; }

div.orbit-wrapper span.pause { DISPLAY: block; WIDTH: 40px; HEIGHT: 40px; POSITION: absolute; TOP: 0; LEFT: 0; BACKGROUND: url(orbit/pause-black.png) no-repeat; Z-INDEX: 4; OPACITY: 0; }

div.orbit-wrapper span.pause.active { BACKGROUND: url(orbit/pause-black.png) no-repeat 0 -40px; }

div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { OPACITY: 1; }


/* CAPTIONS
   ================================================== */

.orbit-caption { DISPLAY: none; FONT-FAMILY: "HelveticaNeue" , "Helvetica-Neue" , Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption { BACKGROUND: #000; BACKGROUND: rgba(0,0,0,.6); Z-INDEX: 30; COLOR: #fff; TEXT-ALIGN: center; PADDING: 7px 0; FONT-SIZE: 13px; POSITION: absolute; RIGHT: 0; BOTTOM: 0; WIDTH: 100%; }


/* DIRECTIONAL NAV
   ================================================== */

div.orbit-wrapper div.slider-nav { DISPLAY: block; }

div.orbit-wrapper div.slider-nav span { WIDTH: 39px; HEIGHT: 50px; TEXT-INDENT: -9999px; POSITION: absolute; Z-INDEX: 30; TOP: 50%; MARGIN-TOP: -50px; CURSOR: pointer; }

div.orbit-wrapper div.slider-nav span.right { BACKGROUND: url(orbit/right-arrow.png); RIGHT: 0; }

div.orbit-wrapper div.slider-nav span.left { BACKGROUND: url(orbit/left-arrow.png); LEFT: 0; }

/* BULLET NAV
   ================================================== */

ul.orbit-bullets { POSITION: absolute; Z-INDEX: 30; LIST-STYLE: none; BOTTOM: -40px; LEFT: 50%; MARGIN-LEFT: -50px; PADDING: 0; }

ul.orbit-bullets li { FLOAT: left; MARGIN-LEFT: 5px; CURSOR: pointer; COLOR: #999; TEXT-INDENT: -9999px; BACKGROUND: url(orbit/bullets.jpg) no-repeat 4px 0; WIDTH: 13px; HEIGHT: 12px; OVERFLOW: hidden; }

ul.orbit-bullets li.active { COLOR: #222; BACKGROUND-POSITION: -8px 0; }

ul.orbit-bullets li.has-thumb { BACKGROUND: none; WIDTH: 100px; HEIGHT: 75px; }

ul.orbit-bullets li.active.has-thumb { BACKGROUND-POSITION: 0 0; BORDER-TOP: 2px solid #000; }

/* FLUID LAYOUT
   ================================================== */
div.orbit img.fluid-placeholder { VISIBILITY: hidden; POSITION: static; DISPLAY: block; WIDTH: 100%; }

div.orbit, div.orbit-wrapper { WIDTH: 100% !important; }

ul.orbit-bullets { POSITION: absolute; Z-INDEX: 30; LIST-STYLE: none; BOTTOM: -50px; LEFT: 50%; MARGIN-LEFT: -50px; PADDING: 0; }

ul.orbit-bullets li { FLOAT: left; MARGIN-LEFT: 5px; CURSOR: pointer; COLOR: #999; TEXT-INDENT: -9999px; BACKGROUND: url(orbit/bullets.jpg) no-repeat 4px 0; WIDTH: 13px; HEIGHT: 12px; OVERFLOW: hidden; }

ul.orbit-bullets li.has-thumb { BACKGROUND: none; WIDTH: 100px; HEIGHT: 75px; }

ul.orbit-bullets li.active { COLOR: #222; BACKGROUND-POSITION: -8px 0; }

ul.orbit-bullets li.active.has-thumb { BACKGROUND-POSITION: 0 0; BORDER-TOP: 2px solid #000; }

/* Correct timer in IE */
.timer { DISPLAY: none !important; }
div.caption { BACKGROUND: transparent; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); ZOOM: 1; }




/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer { OVERFLOW: hidden; POSITION: relative; }

.jspPane { POSITION: absolute; }

.jspVerticalBar { POSITION: absolute; TOP: 0; RIGHT: 0; WIDTH: 16px; HEIGHT: 100%; BACKGROUND: red; }

.jspHorizontalBar { POSITION: absolute; BOTTOM: 0; LEFT: 0; WIDTH: 100%; HEIGHT: 16px; BACKGROUND: red; }

.jspVerticalBar *, .jspHorizontalBar * { MARGIN: 0; PADDING: 0; }

.jspCap { DISPLAY: none; }

.jspHorizontalBar .jspCap { FLOAT: left; }

.jspTrack { BACKGROUND: #efefef; POSITION: relative; }

.jspDrag { BACKGROUND: #ddd; POSITION: relative; TOP: 0; LEFT: 0; CURSOR: pointer; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { FLOAT: left; HEIGHT: 100%; }

.jspArrow { BACKGROUND: #50506d; TEXT-INDENT: -20000px; DISPLAY: block; CURSOR: pointer; }

.jspArrow.jspDisabled { CURSOR: default; BACKGROUND: #80808d; }

.jspVerticalBar .jspArrow { HEIGHT: 16px; }

.jspHorizontalBar .jspArrow { WIDTH: 16px; FLOAT: left; HEIGHT: 100%; }

.jspVerticalBar .jspArrow:focus { OUTLINE: none; }

.jspCorner { BACKGROUND: #eeeef4; FLOAT: left; HEIGHT: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { MARGIN: 0 -3px 0 0; }