body {
   background-color: #ffffff;
   font-family: verdana, tahoma, arial, helvetica, sans-serif;
   font-size: 76%;
}



/* OUTLINES */
.red {
   outline: red solid 1px;
}
.black {
   outline: black solid 1px;
}
.green {
   outline: green solid 1px;
}
.blue {
   outline: blue solid 1px;
}
.purple {
   outline: purple solid 1px;
}
.orange {
   outline: orange solid 1px;
}

.applet_content, .applet_nojs {
   border: #404142 1px solid;
   background-color: #efd;
   padding: 2px 5px 2px 5px;
   border-radius: 3px;
   position: absolute;
   top: 18px;
   right: 4px;
   height: 32px;
}

.applet_detached div.main {
   padding: 0px;
}

.applet_detatched #applet_js {
   text-align: center;
   width: 100%;
}

.applet_detached div.main .applet_content {
   margin: 0 auto;
   text-align: left;
   top: auto;
   right: auto;
}

.applet_nojs {
   line-height: 32px;
   padding: 2px 10px;
}

.applet_info {
   float: left;
   height: 30px;
   margin-right: 20px;
   width: 120px;
}

.applet_info .link {
   cursor: pointer;
}

.applet_info .link:hover {
   color: #e9681d;
}

.applet_ok, .applet_warn,
.applet_error, .applet_replicating,
.applet_paused, .applet_blank {
   width: 20px;
   height: 32px;
   float: left;
   cursor: pointer;
}

.applet_paused {
   cursor: auto;
}  

.applet_ok {
   background: url(images/applet-ok.png) no-repeat left center;
}

.applet_warn {
   background: url(images/applet-warn.png) no-repeat left center;
}

.applet_error {
   background: url(images/applet-error.png) no-repeat left center;
   cursor: pointer;
}

.applet_paused {
   background: url(images/applet-paused.png) no-repeat left center;
}

.applet_replicating {
   background: url(images/sync.gif) no-repeat left center;
}

.applet_status_msg {
   font-weight: bold;
   color: #414042;
   height: 32px;
}

.applet_status_msg div {
   font-size: 10px;
   line-height: 32px;
   padding-left: 5px;
   text-align: left;
   white-space: nowrap;
}

.applet_equalisers {
   height: 32px;
   float: left;
   overflow: hidden;
}

.applet_eq {
   height: 32px;
   width: 10px;
   float: left;
}

.applet_rate {
   color: #414042;
   float: left;
   font-weight: bold;
   height: 32px;
   text-align: right;
   white-space: nowrap;
   width: 5.5em;
}

#applet_rate_txt {
   margin-left: 5px;
   font-size: 10px;
   line-height: 32px;
   overflow: hidden;
}

.applet_data {
   float: left;
   line-height: 32px;
}

.applet_controls {
   float: left;
   height: 28px;
   margin-top: 2px;
   width: 16px;
}

.applet_pause_button, .applet_pause_button_hover,
.applet_eject_button, .applet_eject_button_hover,
.applet_play_button, .applet_play_button_hover {
   cursor: pointer;
   width: 12px;
   height: 14px;
   display: block;
   float: right;
}

.applet_pause_button {
   background-image: url(images/applet-control-pause.png);
}

.applet_pause_button_hover {
   background-image: url(images/applet-control-pause-hover.png);
}

.applet_eject_button {
   background-image: url(images/applet-control-eject.png);
}

.applet_eject_button_hover {
   background-image: url(images/applet-control-eject-hover.png);
}

.applet_play_button {
   background-image: url(images/applet-control-play.png);
}

.applet_play_button_hover {
   background-image: url(images/applet-control-play-hover.png);
}

.b0 {
   background-image: url(images/bars_0.png);
}

.b1 {
   background-image: url(images/bars_1.png);
}

.b2 {
   background-image: url(images/bars_2.png);
}

.b3 {
   background-image: url(images/bars_3.png);
}

.b4 {
   background-image: url(images/bars_4.png);
}

.b5 {
   background-image: url(images/bars_5.png);
}

.b6 {
   background-image: url(images/bars_6.png);
}

.b7 {
   background-image: url(images/bars_7.png);
}

.b8 {
   background-image: url(images/bars_8.png);
}

.b9 {
   background-image: url(images/bars_9.png);
}

.tip {
   background-image: url(images/tooltip_bg.png);
}