.events-box {
    padding:0px;
}

.events-box h2#filterHeading {
    /*margin:10px 0px 0px 0px;*/
    padding:15px 0px 10px 13px;
    color: #00AEEF;
}

.events-box #recommended h2 {
    padding:2px 2px 6px 2px;
}

.events-box #no_results p {
    text-align: center;
}

.events-box #slider {
    background:white;
    margin:0px;
    padding:5px;
}

.events-box #slider .slider-content {
    overflow:auto;
    height:325px;
    margin: 0px;
    padding:0px;
    border: solid 0px white;
}

.events-box #slider .slider-content table {
    width:100%;
    border-collapse: collapse;
}

.events-box #slider .slider-content table .alternatingRow {
    background:#eff9fd;
}

.events-box #slider .slider-content a {
    text-decoration:none;
}

.events-box #slider .slider-content a:hover {
    text-decoration:underline;
}
.events-box #slider .slider-content a img {
    border: none;
    padding-right: 5px;
}

.events-box .footer {
    padding-bottom: 15px;
}

.events-scroller {
    background:white url("/static/races/images/scroll-button-bg.jpg") scroll repeat-x bottom left;
    margin: 0px 10px;
}

.filterBox {
    padding-top:12px;
    font-size:small;
    color:#666666;
    float:right;
    margin-right:10px;
}

.filterBox select {
    background: #fff;
    width:130px;
    height:22px;
    color:#666666;
    border-color: #D0D0D2 #EDF0F2 #EDF0F2;
    border-style: solid;
    border-width: 1px;
}

.filterBox select.wide {
    width: 142px;
}

.filterBox option {
    background:white;
}

.events-box #slider h4 {
    font-weight:normal;
    margin:0px;
    padding:0px;
    height:18px;
}

#downArrow, #upArrow, .arrow-container {
    height: 16px;
    width: auto;
    text-decoration: none;
    display: block;
}
#downArrow, #upArrow {
    padding: 4px;
}
.arrow-container {
    background: transparent url("/static/races/images/scroll-button-bg.jpg");
    border: 1px solid #D2D2D2;
}
#slider {
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
}
#downArrow span,
#upArrow span {
    background: transparent url("/static/races/images/up-down.png") no-repeat center center;
    display: block;
    margin: auto;
    width: 15px;
    height: 7px;
}

/* Using sprites to cut the up an down arrows up. */
a#downArrow span { background-position: 0px -6px ; }
a#downArrow:hover span { background-position: -15px -6px; }
a#upArrow span { background-position: 0px 0px ; }
a#upArrow:hover span { background-position: -15px 0px ; }

.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: #fff;
}
.jScrollPaneDrag {
    position: absolute;
    background: #00AEEF;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}