/*imports*/
@import url(../jquery/css/smoothness/jquery-ui-1.7.1.custom.css);
/*tags*/
body{font:1em 'Trebuchet MS',Verdana,sans-serif;}
img{border:0;margin:0;padding:0;}
h2{font-size:1.4em}
a{color:#005a87;}
a:hover{color:#c00;}
/*classes*/
.box{width:640px;margin:0 auto;padding:1em;border:1px solid #aaa;overflow:hidden;}
.panel{visibility:hidden;position:absolute;}
.playlist{width:360px;padding:.25em;height:200px;overflow:auto;border:1px solid #888;clear:both;display:none;}
.playlist .playlist-info{padding:.25em;background:#f0f0f0;height:19px;}
.playlist .ctrl{position:absolute;background:transparent;line-height:22px;z-index:999;right:0;top:0;}
.control{background:#ededed;width:360px;overflow:hidden;padding:.25em;border:1px outset #ccc;font:.8em 'Trebuchet MS',Verdana,sans-serif;}
.control .info{background:#fff;padding:0 .2em;border:1px inset #ddd;overflow:hidden;height:22px;}
.control .status{float:left;color:#00f;margin-top:.1em;}
.control .status .playing{margin-right:.5em;}
.control .artist{float:left;}
.control .duration{float:right;text-align:right;color:#005a87;}
.control .button{padding:.25em 0 0 0;margin:0;list-style:none;clear:both;width:100%;}
.control .button li{float:left;padding:0;line-height:26px;}
.control .button img{cursor:pointer;}
.control .addition{clear:both;}
.on-play{background:#eaeaea;}
.on-holder{height:15px;border:1px solid #aaa;overflow:hidden;}
.ctl{width:60px;}
.loading{color:#c00;font:700 .8em Arial,sans-serif;line-height:20px;}
/*identities*/
#container{width:360px;}
#player, #player-fx{width:360px;height:64px;overflow:hidden;}
#playlist{padding:0;margin:0;height:174px;}
#playlist li{cursor:pointer;padding:0 .25em;list-style:none;overflow:hidden;line-height:22px;margin:0 auto;position:relative;}
#ctl-position{width:345px;margin:.2em 0 .2em .5em;}
#ctl-volume{margin:1em 0 0 1em;width:120px;float:left;clear:both;}
#ctl-volume-txt{float:left;margin-left:.75em;line-height:36px;}