/* SPRITE STYLE */
/* ---------------------------------------------------- */
.sprite {
	height: 0;
	display: block;
	overflow: hidden;
}

.sprite-animated {
	height: 0;
	display: block;
	overflow: hidden;
    
    /* Transitions */
	transition: all 0.3s;
	-moz-transition: all 0.3s; /* Firefox 4 */
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	-o-transition: all 0.3s; /* Opera */
}




/* SPRITE DIMENSIONS */
/* ---------------------------------------------------- */

.sprite-6x12 {
	padding: 12px 0 0 0;
	width: 6px;
}

.sprite-20x20 {
	padding: 20px 0 0 0;
	width: 20px;
}

.sprite-24x23 {
	padding: 23px 0 0 0;
	width: 24px;
}

.sprite-26x26 {
	padding: 26px 0 0 0;
	width: 26px;
}

.sprite-31x31 {
	padding: 31px 0 0 0;
	width: 31px;
}

.sprite-96x37 {
	padding: 37px 0 0 0;
	width: 96px;
}




/* SPRITE BACKGROUND 1X */
/* ---------------------------------------------------- */

.sprite-b-logo {
	margin: auto;
	background: url(/images/sprites.png) 0 0px no-repeat;
}

.sprite-b-facebook {
	margin: auto;
	background: url(/images/sprites.png) 0 -58px no-repeat;
}

.sprite-icon-arrow {
	margin: auto;
	background: url(/images/sprites.png) 0 -128px no-repeat;
}

.sprite-icon-ronnie-schaaf {
	margin: auto;
	background: url(/images/sprites.png) 0 -190px no-repeat;
}

.sprite-icon-plus {
	margin: auto;
	background: url(/images/sprites.png) 0 -272px no-repeat;
}

.sprite-icon-star-full {
	margin: auto;
	background: url(/images/sprites.png) 0 -346px no-repeat;
}

.sprite-icon-star-trans {
	margin: auto;
	background: url(/images/sprites.png) -24px -346px no-repeat;
}




/* SPRITE BACKGROUND 2X */
/* ---------------------------------------------------- */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

    .sprite-b-logo {
        background: url(/images/sprites.png) 0 -235px no-repeat;
        background-size: 200px 600px;
    }

    .sprite-b-facebook {
        background: url(/images/sprites.png) 0 -281px no-repeat;
        background-size: 200px 600px;
    }

    .sprite-icon-arrow {
        background: url(/images/sprites.png) 0 -351px no-repeat;
        background-size: 200px 600px;
    }

    .sprite-icon-ronnie-schaaf {
        background: url(/images/sprites.png) 0 -418px no-repeat;
        background-size: 200px 600px;
    }

    .sprite-icon-plus {
        background: url(/images/sprites.png) 0 -498px no-repeat;
        background-size: 200px 600px;
    }

    .sprite-icon-star-full {
        background: url(/images/sprites.png) 0 -567px no-repeat;
        background-size: 200px 600px;
    }

    .sprite-icon-star-trans {
        background: url(/images/sprites.png) -24px -567px no-repeat;
        background-size: 200px 600px;
    }

}