.ui360,
.sm2-360ui {
 position:relative;
}

.ui360,
.sm2-360ui {
 min-width:24px;
 min-height:24px;
}

.sm2-360ui {
 width:24px;
 height:24px;
}

.ui360,
.ui360 * {
 vertical-align:middle;
}

.sm2-360ui {
 position:relative;
 display:inline-block;
 float:left;
 *display:inline;
}

.sm2-360ui.sm2_playing,
.sm2-360ui.sm2_paused {
 z-index:10;
}

.ui360 a {
 float:left;
 display:inline;
 position:relative;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#$linkColor;
 text-decoration:underline;
 left:10px;
 top:4px;
 text-indent:50px;
}

.ui360 a.sm2_link {
 text-indent:0px;
}

.ui360 .sm2-canvas {
 position:absolute;
 left:0px;
 top:0px;
}

.ui360 .sm2-cover {
 position:absolute;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 z-index:2;
 display:none;
 cursor:pointer;
 background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}

.ui360 .sm2-back {
 position:absolute;
 display:block;
 top:50%;
 left:50%;
 width:16px;
 height:16px;
 margin-left:-8px;
 margin-top:-8px;
 background:transparent url(images/colorize.php?name=360back.png&color=FFFFFF) no-repeat 50%;
}

.ui360 .sm2-360btn {
 position:absolute;
 display:block;
 top:50%;
 left:50%;
 width:24px;
 height:24px;
 margin-left:-12px;
 margin-top:-12px;
 border-radius: 12px;
 cursor:pointer;
 z-index:3;
}

.sm2-inline-block .ui360 .sm2-360btn,
.ui360 .sm2-360ui.sm2_playing .sm2-360btn,
.ui360 .sm2-360ui.sm2_paused .sm2-360btn {
 width:16px;
 height:16px;
 margin-left:-8px;
 margin-top:-8px;
}

.ui360 .sm2-360ui.sm2_playing .sm2-cover,
.ui360 .sm2-360ui.sm2_paused .sm2-cover {
 display:block;
}

.ui360,
.ui360 .sm2-360btn-default,
.ui360 .sm2-360ui.sm2_paused .sm2-360btn {
 background:transparent url(images/colorize.php?name=360play.png&color=8CDA27) no-repeat;
 background-image: url(images/colorize.php?name=360play.png&color=8CDA27);
 background-repeat: no-repeat;
}

.ui360 {
 background-position: 14px 50%;
 _background:transparent url(images/colorize.php?name=360play.png&color=8CDA27) no-repeat 14px 50%;
}

.ui360 .sm2-360btn-default,
.ui360 .sm2-360ui.sm2_paused .sm2-360btn {
 background-position:50% 50%;
 _background:transparent url(images/colorize.php?name=360play.png&color=8CDA27) no-repeat 50% 50%;
}

.ui360 .sm2-360btn-default,
.ui360 .sm2-360ui.sm2_paused .sm2-360btn {
 cursor:pointer;
}

.ui360 .sm2-360btn-default:hover,
.ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover {
 background:transparent url(images/colorize.php?name=360play.png&color=8CDA27) no-repeat 50% 50%;
 _background:transparent url(images/colorize.php?name=360play.png&color=8CDA27) no-repeat 50% 50%;
 cursor:pointer;
}

.ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover,
.ui360 .sm2-360btn-playing:hover {
 background:transparent url(images/colorize.php?name=360pause.png&color=8CDA27) no-repeat 50% 50%;
 _background:transparent url(images/colorize.php?name=360pause.png&color=8CDA27) no-repeat 50% 50%;
 cursor:pointer;
}

.ui360 .sm2-360ui.sm2_dragging .sm2-timing,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover + .sm2-timing {
 visibility:visible;
}

.ui360 .sm2-360ui.sm2_playing .sm2-360btn,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn-playing:hover {
 background:transparent url(images/colorize.php?name=360pause.png&color=8CDA27) no-repeat 50% 50%;
 cursor:auto;
}