@import "bx_styles.css";

/*next button*/
.bx-next {
    background-repeat: no-repeat;
    background-position: 0 -30px;
}

/*previous button*/
.bx-prev {
    background-repeat: no-repeat;
    background-position: 0 -30px;
}

/*pager links*/
.bx-pager a {
    background-repeat: no-repeat;
    background-position: 0 -20px;
    text-decoration: none;
}

/*auto start button*/
.bx-auto .start {
    background-repeat: no-repeat;
    background-position: 0 2px;
    text-decoration: none;
}

/*auto stop button*/
.bx-auto .stop {
    background-repeat: no-repeat;
    background-position: 0 -14px;
    text-decoration: none;
}

/* *
 * Controls colors
 * */
/* Blue */
.blue .bx-next {
    background-image: url(../images/blue_next.png);
}

.blue .bx-prev {
    background-image: url(../images/blue_prev.png);
}

.blue .bx-pager a {
    background-image: url(../images/blue_pager.png);
}

.blue .bx-auto .start {
    background-image: url(../images/blue_auto.png);
}

.blue .bx-auto .stop {
    background-image: url(../images/blue_auto.png);
}

/* Gray */
.gray .bx-next {
    background-image: url(../images/gray_next.png);
}

.gray .bx-prev {
    background-image: url(../images/gray_prev.png);
}

.gray .bx-pager a {
    background-image: url(../images/gray_pager.png);
}

.gray .bx-auto .start {
    background-image: url(../images/gray_auto.png);
}

.gray .bx-auto .stop {
    background-image: url(../images/gray_auto.png);
}

/* Green */
.green .bx-next {
    background-image: url(../images/green_next.png);
}

.green .bx-prev {
    background-image: url(../images/green_prev.png);
}

.green .bx-pager a {
    background-image: url(../images/green_pager.png);
}

.green .bx-auto .start {
    background-image: url(../images/green_auto.png);
}

.green .bx-auto .stop {
    background-image: url(../images/green_auto.png);
}

/* Orange */
.orange .bx-next {
    background-image: url(../images/orange_next.png);
}

.orange .bx-prev {
    background-image: url(../images/orange_prev.png);
}

.orange .bx-pager a {
    background-image: url(../images/orange_pager.png);
}

.orange .bx-auto .start {
    background-image: url(../images/orange_auto.png);
}

.orange .bx-auto .stop {
    background-image: url(../images/orange_auto.png);
}

/* Purple */
.purple .bx-next {
    background-image: url(../images/purple_next.png);
}

.purple .bx-prev {
    background-image: url(../images/purple_prev.png);
}

.purple .bx-pager a {
    background-image: url(../images/purple_pager.png);
}

.purple .bx-auto .start {
    background-image: url(../images/purple_auto.png);
}

.purple .bx-auto .stop {
    background-image: url(../images/purple_auto.png);
}

/* Red */
.red .bx-next {
    background-image: url(../images/red_next.png);
}

.red .bx-prev {
    background-image: url(../images/red_prev.png);
}

.red .bx-pager a {
    background-image: url(../images/red_pager.png);
}

.red .bx-auto .start {
    background-image: url(../images/red_auto.png);
}

.red .bx-auto .stop {
    background-image: url(../images/red_auto.png);
}

/* Yellow */
.yellow .bx-next {
    background-image: url(../images/yellow_next.png);
}

.yellow .bx-prev {
    background-image: url(../images/yellow_prev.png);
}

.yellow .bx-pager a {
    background-image: url(../images/yellow_pager.png);
}

.yellow .bx-auto .start {
    background-image: url(../images/yellow_auto.png);
}

.yellow .bx-auto .stop {
    background-image: url(../images/yellow_auto.png);
}