/**
 * Lite3 - Mixer - Bottom
 */

#lite3-control {
    width: auto;
	height: 80px;
	position: relative;
}

/*
genre button
*/
#lite3-control-genre {
	width: 170px;
	height: 31px;
	position: absolute;
	top: 25px;
	left: 0;
	text-align: center;
	color: #ccc;
	cursor: pointer;
	line-height: 31px;
	font-size: 15px;
	font-weight: bold;
	background: transparent url(/create/img/sprite-buttons.png) 0 -252px no-repeat;
}

#lite3-control-genre:active {
	box-shadow: 0 0 4px 0 #000 inset;
}


/*
buttons
*/
#lite3-control .buttons {
	position: absolute;
	top: 18px;
	left: 330px;
}

#lite3-control .buttons div {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	border-radius: 25px;
	box-shadow: 3px 3px 10px #000000;
	background-color: #242424;
	background-image: url(/create/img/sprite-buttons.png);
	background-repeat: no-repeat;
}


/*
play button
*/
#lite3-control-play {
	left: 0;
	background-position: 0 0;
}

#lite3-control-play:hover {
	background-position: -44px 0;
}

#lite3-control-play:active {
	background-position: -88px 0;
}

/*
pause button
*/
#lite3-control-pause {
	display: none;
	left: 0;
	background-position: 0 -44px;
}

#lite3-control-pause:hover {
	background-position: -44px -44px;
}

#lite3-control-pause:active {
	background-position: -88px -44px;
}

/*
menu button
*/
#lite3-control-shake {
	left: 60px;
	background-position: 0 -132px;
}

#lite3-control-shake:hover {
	background-position: -44px -132px; 
}

#lite3-control-shake:active {
	background-position: -88px -132px; 
}

/*
menu button
*/
#lite3-control-menu {
	left: 120px;
	background-position: 0 -176px;
}

#lite3-control-menu:hover {
	background-position: -44px -176px; 
}

#lite3-control-menu:active {
	background-position: -88px -176px; 
}

/*
volume slider
*/
#lite3-control-volume {
	position: absolute;
	top: 23px;
	left: 200px;
	height: 30px;
	width: 80px;
	text-align: center;
	font-weight: bold;
}