/****************** LIGHT THEME **************************/
.scroll_tabs_theme_light {
    height: 40px;
    border-bottom: 3px solid #8c8c8c;
    
}

.scroll_tabs_theme_light div.scroll_tab_inner {
    height: 40px;
    border-bottom: 3px solid #8c8c8c;
}

.scroll_tabs_theme_light div.scroll_tab_inner span,
.scroll_tabs_theme_light div.scroll_tab_inner li {
    line-height: 40px;
    font-size: 14px;
    background-color: #f5f5f5;
    border-left: 3px solid #fff;
    color: #333333;
    text-align: center;
    cursor: pointer;
}

.scroll_tabs_theme_light div.scroll_tab_inner span a,
.scroll_tabs_theme_light div.scroll_tab_inner li a {
    padding-left: 20px;
    padding-right: 20px;
    color: #333333;
    text-decoration: none;
    display: block;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_first,
.scroll_tabs_theme_light div.scroll_tab_inner li.scroll_tab_first {
    border-left: 0px;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_left_finisher {
    padding: 0px;
    width: 10px;
    background-color: #f5f5f5;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 0px;
    border-left: 3px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 0px;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_right_finisher {
    padding: 0px;
    width: 10px;
    background-color: #f5f5f5;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-left: 0px;
    border-right: 0px solid #8c8c8c;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_over,
.scroll_tabs_theme_light div.scroll_tab_inner li.scroll_tab_over {
  background-color: #cccccc;
}


.scroll_tabs_theme_light .scroll_tab_left_button {
  height: 40px;
  background-color: #cccccc;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom: 3px solid #8c8c8c;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.scroll_tabs_theme_light .scroll_tab_left_button::before {
    content: "\25C0";
    line-height: 40px;
    padding-left: 5px;
}

.scroll_tabs_theme_light .scroll_tab_left_button_over {
    background-color: #8c8c8c;
    border-bottom: 3px solid #8c8c8c;
    color: #ffffff
}

.scroll_tabs_theme_light .scroll_tab_left_button_disabled {
    color: #aaaaaa;
    background-color: #cccccc;
    border-bottom: 3px solid #8c8c8c;
}

.scroll_tabs_theme_light .scroll_tab_right_button {
    height: 40px;
    background-color: #cccccc;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom: 3px solid #8c8c8c;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.scroll_tabs_theme_light .scroll_tab_right_button::before {
    content: "\25B6";
    line-height: 40px;
    padding-left: 5px;
}

.scroll_tabs_theme_light .scroll_tab_right_button_over {
    background-color: #8c8c8c;
    border-bottom: 3px solid #8c8c8c;
    color: #ffffff
}

.scroll_tabs_theme_light .scroll_tab_right_button_disabled{
    color: #aaaaaa;
    background-color: #cccccc;
    border-bottom: 3px solid #8c8c8c;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.tab_selected,
.scroll_tabs_theme_light div.scroll_tab_inner li.tab_selected {
    background-color: #8c8c8c;
    color: #ffffff;
}


.scroll_tabs_theme_light div.scroll_tab_inner span.tab_selected a,
.scroll_tabs_theme_light div.scroll_tab_inner li.tab_selected a {
    background-color: #8c8c8c;
    color: #ffffff;
    text-decoration: none;
}