.theme_panel {
	display: block;
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0;
    height: 50px;
    z-index: 3;
    cursor: pointer !important;
	opacity: 0;
}
.theme_panel .toolbar {
    position: relative;
    height: 42px;
    padding: 3px 10px 0 10px;
    margin: 0 auto 0 auto;
    box-sizing: content-box !important;
    border: none !important;
    background: inherit !important;
}
.toolbar > a {
    transition: none !important;
    display: block;
    float: left;
    width: 38px;
    height: 38px;
    margin: 3px 0 0 11px;
}
.toolbar > a:first-of-type {
    margin-left: 0;
}
.toolbar a.fullscreen {
    background: url(./img/fullscreenon.svg) no-repeat 0 0;
}
.toolbar a.left {
    background: url(./img/left.svg) no-repeat 0 0;
}
.toolbar a.right {
    background: url(./img/right.svg) no-repeat 0 0;
}
.toolbar a.up {
    background: url(./img/up.svg) no-repeat 0 0;
}
.toolbar a.down {
    background: url(./img/down.svg) no-repeat 0 0;
}
.toolbar a.zoomin {
    background: url(./img/zoomin.svg) no-repeat 0 0;
}
.toolbar a.zoomout {
    background: url(./img/zoomout.svg) no-repeat 0 0;
}
.toolbar a.play {
    background: url(./img/play.svg) no-repeat 0 0;
}
.toolbar a.pause {
    background: url(./img/pause.svg) no-repeat 0 0;
}
.webrorate_wrapper {
	display: block;
	position: relative;
	width: 600px; 
	margin: 0 auto;
}
.spritespin{
    margin: 0 auto;
	cursor: pointer;
}
.webrorate_wrapper:hover .theme_panel {
	opacity: 1.0;
}