
.active-point[action="1"],
.active-point[action="11"],
.active-point[action="2"],
.active-point[action="3"],
.active-point[action="4"],
.active-point[action="6"],
.active-point[action="17"],
.inactive-point[action="1"],
.inactive-point[action="11"],
.inactive-point[action="2"],
.inactive-point[action="3"],
.inactive-point[action="4"],
.inactive-point[action="6"],
.inactive-point[action="17"]
{
    background-image: url('../images/btn/sprite_btn12.png') !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat;
}


.inactive-point[action="1"]  { background-position: -360px 0px !important}
.inactive-point[action="11"]  { background-position: -360px 0px !important}
.inactive-point[action="2"]  { background-position: 0px 0px !important}
.inactive-point[action="3"]  { background-position: 0px 0px !important}
.inactive-point[action="4"]  { background-position: -720px 0px !important}
.inactive-point[action="6"]  { background-position: -240px 0px !important}
.inactive-point[action="17"]  { background-position: -840px 0px !important}

.active-point[action="1"]  { background-position: -420px 0px !important}
.active-point[action="11"]  { background-position: -420px 0px !important}
.active-point[action="2"]  { background-position: -540px 0px !important}
.active-point[action="3"]  { background-position: -660px 0px !important}
.active-point[action="4"]  { background-position: -780px 0px !important}
.active-point[action="6"]  { background-position: -300px 0px !important}
.active-point[action="17"]  { background-position: -900px 0px !important}


a.sm2_button.sm2_paused, 
a.sm2_button.sm2_paused:hover 
{
	background-position: -60px 0px !important
}

a.sm2_button.sm2_playing, 
a.sm2_button.sm2_playing:hover
{
	background-position: -30px 0px !important
}


*[tabindex]:focus {
    /*outline: -webkit-focus-ring-color auto 5px !important;*/
    box-shadow: 0px 0px 10px 3px #06F701 !important;
    outline-style: none;
}
