.pannel{
 width:110px; background-image:url(bg.gif);
}
.pannelbody{
 margin:2px;background-color:#9D9D9D; width:106px;
}
.colorpannel{
 height:21px;background-image:url(bg2.gif);  
}

.pheader{
  height:21px; background-image:url(top.gif);

}
.btnplay{
 float:left; background-image:url(play.gif); width:33px; height:32px;

}
.btnstop{
 float:left; background-image:url(stop.gif); width:33px; height:32px;

}
.messageheader{
  height:12px; background-image:url(message.gif); overflow:hidden;

}
.openweb{
float:right; width:25px; height:21px; background-image:url(open.gif);

}
.voicebox1{
  width:8px; height:10px; float:left; background-image:url(Voice.gif); background-repeat:no-repeat; overflow:hidden;
}
.voicebox2{
  width:8px; height:10px; float:left; background-image:url(Voice+.gif);  background-repeat:no-repeat;overflow:hidden;
}
.volumnpannel{
margin-left:0px; float:left;background-image:url(line.gif);height:10px;line-height:10px; width:49px;
}
.volumnbtn{
left: 39px;   float:left; position: relative;width:10px; height:10px; background-image:url(Point.gif); overflow:hidden;
}
.playing{
float:left; background-image:url(playing.gif); width:21px; height:14px;
 background-repeat:no-repeat; 
}
.stopping{
float:left; background-image:url(stopping.gif); width:21px; height:14px; 
}
.ptime{

float:left; line-height:16px; color:#555555; width:42px; padding-left:2px; font:Arial, Helvetica, sans-serif;
}

.statepannel{
 background-image:url(bg1.gif);clear:both; border:solid 1px #3E3E3E; margin:2px; line-height:18px; color:#FEFFFF; padding:0px 2px 0px 2px;height:36px;

}
.input{
line-height:16px; border: solid 1px #555555;
background-color:#7A7A7A;
color:#515151;
font-size:12px;
height:16px;
float:left;
}
.inputpannel{
background-color:#656565;padding:2px;
}
.btn{ 
float:left;
margin-left:2px; 
background-image: url(bottom.gif);
width:32px;
height:20px;
}