/* scroller UI
----------------------------------*/
.scroller { padding:3px; border:1px solid #d9d9d9; margin-bottom:2em; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow:hidden; width:auto; }
.scroll-pane { overflow: hidden; }
.scroll-bar-wrap { padding: 0; width:auto; height:15px;  margin:1px 16px 0 16px; position:relative; background:url(img/scroller_background.png) left center repeat-x; cursor:pointer }
.scroll-bar-wrap .ui-slider { background: none; border:0; height: 15px; margin: 0 auto;  position: relative; text-align: left; }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top:0; height: 15px; position: absolute; z-index: 2; width: 1.2em; cursor: default; background:url(img/scroller_thumbs.png) center 0 no-repeat; cursor:move; outline:none }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: 0 auto 0; position: relative; }
.scroll-bar-wrap .scroll-left, .scroll-bar-wrap .scroll-right { position:absolute; top:0; background:url(img/scroller_thumbs.png); display:block; width:16px; height:15px; cursor:pointer }
.scroll-bar-wrap .scroll-left { left:-16px; background-position: left 0; }
.scroll-bar-wrap .scroll-right { right:-16px; background-position: right 0; }
.scroll-pane table { margin-bottom:0; }
.scroll-pane table tbody td img { margin:0 }
.scroll-pane table tfoot td { background:#F5F5F5; font-family:Arial, Helvetica, sans-serif; padding:4px 0; line-height:normal; text-align:center }

/* scroller LAYOUTS
----------------------------------*/
#body .scroller, #body .scroll-pane { width:942px; } /* 2-col */
#right .scroller, #right .scroll-pane { width:726px; } /* 2-col */
#main .scroller, #main .scroll-pane { width:466px; } /* 3-col */

/* scroller THEMES
----------------------------------*/
.scroll-bar-wrap .ui-slider-handle { background-position: center 0; }
body.current .scroll-bar-wrap .ui-slider-handle { background-position: center -48px; }
body.seekers .scroll-bar-wrap .ui-slider-handle { background-position: center -16px; }
body.advisors .scroll-bar-wrap .ui-slider-handle { background-position: center -64px; }
body.family .scroll-bar-wrap .ui-slider-handle { background-position: center -32px; }
.scroll-bar-wrap .scroll-left { background-position: left 0; }
body.current .scroll-bar-wrap .scroll-left { background-position: left -48px; }
body.seekers .scroll-bar-wrap .scroll-left { background-position: left -16px; }
body.advisors .scroll-bar-wrap .scroll-left { background-position: left -64px; }
body.family .scroll-bar-wrap .scroll-left { background-position: left -32px; }
.scroll-bar-wrap .scroll-right { background-position: right 0; }
body.current .scroll-bar-wrap .scroll-right { background-position: right -48px; }
body.seekers .scroll-bar-wrap .scroll-right { background-position: right -16px; }
body.advisors .scroll-bar-wrap .scroll-right { background-position: right -64px; }
body.family .scroll-bar-wrap .scroll-right { background-position: right -32px; }
.scroll-pane table tfoot td { color:#BA500C; }
body.current .scroll-pane table tfoot td { color:#993077; }
body.seekers .scroll-pane table tfoot td { color:#635E35; }
body.advisors .scroll-pane table tfoot td { color:#376AAD; }
body.family .scroll-pane table tfoot td { color:#59178A; }