/* YSS :: audio */
#zWrap ul.ymp-audioList .haudio {list-style-type:none !important;overflow:hidden;zoom:1;margin-bottom:15px;padding-bottom:5px;}
#zWrap ul.ymp-audioList .haudio dl {width:100%;overflow:hidden;margin:0;padding:0;clear:both;}
#zWrap ul.ymp-audioList .photo {display:none;float:left;width:16%;margin:0 0 5px 0;}
#zWrap ul.ymp-audioList .photo img {width:100%;vertical-align:bottom;height:auto;}
#zWrap ul.ymp-audioList .title_n_anchors {width:100%;font-size:110%;}
/* float here is to fix a bug in IE6 that would shift the container to the right */
#zWrap ul.ymp-audioList .ymp-play img,
#zWrap ul.ymp-audioList .ymp-download img {background-image:url(../../../../../../../assets/lib/smb/assets/hosting/yss/modules/b1/haudio-icon-sprite.v3.gif);background-repeat:no-repeat; width:18px; height:18px;display:block;margin-right:7px;top:0;}
#zWrap ul.ymp-audioList .description {width:100%;float:left;margin-top:5px;margin-bottom:0;}
#zWrap ul.ymp-audioList img.ywp-page-btn-play {background-position:50% 0;}
#zWrap ul.ymp-audioList img.ywp-page-btn-pause {background-position:100% 0;}
#zWrap ul.ymp-audioList .ymp-download img {cursor:pointer;width:18px;height:18px;display:block;margin-right:7px;}
/* sprite image - mouseover effect */
#zWrap ul.ymp-audioList .ymp-play:hover img.ywp-page-btn-play {background-position:50% 100%;}
#zWrap ul.ymp-audioList .ymp-play:hover img.ywp-page-btn-pause {background-position:100% 100%;}
#zWrap ul.ymp-audioList .ymp-download:hover img {background-position:0 100%;}
/* IE6 trick for mouseover on a nested container */
#zWrap ul.ymp-audioList .ymp-play:hover,
#zWrap ul.ymp-audioList .ymp-download:hover {background:50% 50%;}
/* floating the two buttons and making the SPAN aware of it */
#zWrap ul.ymp-audioList dt.title_n_anchors a {float:left;}
/* #body is here to add specificity */ 
#body #zWrap ul.ymp-audioList dt.title_n_anchors span {width:auto;padding-top:2px;display:block;zoom:1;overflow:hidden;}
/*************************************************************************************************
Styles to apply when there is a cover picture to show (the class "showcover" is applied to the LI)
************************************************************************************************/
#zWrap ul.ymp-audioList .showcover .photo {display:block;}
#zWrap ul.ymp-audioList .showcover .title_n_anchors  {width:80%;float:right;}
#zWrap ul.ymp-audioList .showcover .description {width:80%;float:right;clear:right;}
#zWrap ul.ymp-audioList .mceEditor table {float:right;clear:right;}
/**** SPECIAL Y! LOGO FOR IE6 ****/
div#ymp-yahoo-logo {_background:url(../../../../../../../assets/lib/smb/assets/hosting/yss/extensions/images/b1/yahoo_logo_ymp_ie6.gif) 0 0 no-repeat !important;}