ckridgway@53: /* ckridgway@53: * To change the color scheme of slider change each ckridgway@53: * background property for each of the five styles below ckridgway@53: */ ckridgway@53: ckridgway@53: /*next button*/ ckridgway@53: .bx-next { ckridgway@53: position:absolute; ckridgway@53: top:40%; ckridgway@53: right:-50px; ckridgway@53: z-index:999; ckridgway@53: width: 30px; ckridgway@53: height: 30px; ckridgway@53: text-indent: -999999px; ckridgway@53: background: url(../images/gray_next.png) no-repeat 0 -30px; ckridgway@53: } ckridgway@53: ckridgway@53: /*previous button*/ ckridgway@53: .bx-prev { ckridgway@53: position:absolute; ckridgway@53: top:40%; ckridgway@53: left:-50px; ckridgway@53: z-index:999; ckridgway@53: width: 30px; ckridgway@53: height: 30px; ckridgway@53: text-indent: -999999px; ckridgway@53: background: url(../images/gray_prev.png) no-repeat 0 -30px; ckridgway@53: } ckridgway@53: ckridgway@53: /*pager links*/ ckridgway@53: .bx-pager a { ckridgway@53: margin-right: 5px; ckridgway@53: color: #fff; ckridgway@53: padding: 3px 8px 3px 6px; ckridgway@53: font-size: 12px; ckridgway@53: zoom:1; ckridgway@53: background: url(../images/gray_pager.png) no-repeat 0 -20px; ckridgway@53: } ckridgway@53: ckridgway@53: /*auto start button*/ ckridgway@53: .bx-auto .start { ckridgway@53: background: url(../images/gray_auto.png) no-repeat 0 2px; ckridgway@53: padding-left: 13px; ckridgway@53: } ckridgway@53: ckridgway@53: /*auto stop button*/ ckridgway@53: .bx-auto .stop { ckridgway@53: background: url(../images/gray_auto.png) no-repeat 0 -14px; ckridgway@53: padding-left: 13px; ckridgway@53: } ckridgway@53: ckridgway@53: /* ckridgway@53: * End color scheme styles ckridgway@53: */ ckridgway@53: ckridgway@53: ckridgway@53: /*next/prev button hover state*/ ckridgway@53: .bx-next:hover, ckridgway@53: .bx-prev:hover { ckridgway@53: background-position: 0 0; ckridgway@53: } ckridgway@53: ckridgway@53: /*pager links hover and active states*/ ckridgway@53: .bx-pager .pager-active, ckridgway@53: .bx-pager a:hover { ckridgway@53: background-position: 0 0; ckridgway@53: } ckridgway@53: ckridgway@53: /*pager wrapper*/ ckridgway@53: .bx-pager { ckridgway@53: text-align:center; ckridgway@53: padding-top: 7px; ckridgway@53: font-size:12px; ckridgway@53: color:#666; ckridgway@53: } ckridgway@53: ckridgway@53: /*captions*/ ckridgway@53: .bx-captions { ckridgway@53: text-align:center; ckridgway@53: font-size: 12px; ckridgway@53: padding: 7px 0; ckridgway@53: color: #666; ckridgway@53: } ckridgway@53: ckridgway@53: /*auto controls*/ ckridgway@53: .bx-auto { ckridgway@53: text-align: center; ckridgway@53: padding-top: 7px; ckridgway@53: } ckridgway@53: ckridgway@53: .bx-auto a { ckridgway@53: color: #666; ckridgway@53: font-size: 12px; ckridgway@53: } ckridgway@53: ckridgway@53: ckridgway@53: ckridgway@53: ckridgway@53: ckridgway@53: ckridgway@53: ckridgway@53: ckridgway@53: ckridgway@53: