#stacks_in_0_page7 .stacks_left { float:left; width:49%; } #stacks_in_0_page7 .stacks_right { float:right; width:49%; } #stacks_in_2_page7 { padding: 0px 44px 0px 0px; } #stacks_in_5_page7 { font-size: 95%; } #stacks_in_4_page7 { padding: 0px 0px 0px 10px; } /* Symfonip (c) - 2011 - Slide MP3 Stack CSS v1.0.2 now new Audio Player*/ @charset "UTF-8"; @font-face { font-family: 'mb_audio_fontRegular'; src: url('../files/symaudiomp3/mbAudioFont/mbaudio_font.eot'); src: local('?'), url('../files/symaudiomp3/mbAudioFont/mbaudio_font.woff') format('woff'), url('../files/symaudiomp3/mbAudioFont/mbaudio_font.ttf') format('truetype'), url('../files/symaudiomp3/mbAudioFont/mbaudio_font.svg#webfontywr4YLri') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DroidSansMonoRegular'; src: url('../files/symaudiomp3/DroidSansMono/DroidSansMono.eot'); src: local('?'), url('../files/symaudiomp3/DroidSansMono/DroidSansMono.woff') format('woff'), url('../files/symaudiomp3/DroidSansMono/DroidSansMono.ttf') format('truetype'), url('../files/symaudiomp3/DroidSansMono/DroidSansMono.svg#webfontGzFJ3WpO') format('svg'); font-weight: normal; font-style: normal; } .map_params{ display: none!important; } .mbMiniPlayer span{ font:20px/22px "mb_audio_fontRegular"; } a.audio{ display:none; } .mbMiniPlayer{ vertical-align: baseline!important; } .mbMiniPlayer table{ -moz-border-radius:5px !important; -webkit-border-radius:8px !important; border-radius:5px !important; margin:0 !important; padding:0 !important; border: 1px solid transparent !important; color: #777; line-height: 0 !important; width: auto !important; display: inline-block; vertical-align: middle; } .mbMiniPlayer.shadow table{ -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); box-shadow: 0px 0px 3px rgba(0,0,0,0.4); } .mbMiniPlayer td{ margin:0 !important; padding:0 !important; line-height: 0 !important; border: none!important; vertical-align: middle; } .jp-progress{ position:relative; background-color: #fff; height:8px; margin:2px; margin-top:0; top:-2px; -moz-box-sizing:border-box; cursor:pointer; } .jp-load-bar{ background-color: #e9e6e6; height:6px; -moz-box-sizing:border-box; } .jp-play-bar{ background-color:black; background-image:-moz-linear-gradient(85% 66% 90deg,#191919, #525252, #C7C7C7 100%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#7D7D7D), to(#262626), color-stop(.6,#333333)); height:6px; -moz-box-sizing:border-box; } .mbMiniPlayer td.map_controlsBar{ background-color:#ccc; background-image:-moz-linear-gradient(19% 100% 90deg,#FFFFFF, #FFFFFF, #EBEBEB 100%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEDEDE), to(#FFFFFF), color-stop(.6,#FFFFFF)); margin:0; padding:0; cursor:default !important; box-shadow:inset 1px 1px 2px #999; -moz-box-shadow:inset 1px 1px 3px #999; -webkit-box-shadow:inset 1px 1px 2px #999; } .mbMiniPlayer .map_controls{ position: relative; margin:1px; display:none; width:1px; *border:1px solid gray; height:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden; white-space:nowrap; } .mbMiniPlayer table span{ margin:0 !important; display:inline-block; padding:3px!important; /*width:20px!important;*/ height:20px!important; color:white; text-align:center!important; text-shadow: 1px -1px 1px rgba(0,0,0,0.6)!important; background-image:-moz-linear-gradient(100% 100% 110deg,rgba(255, 255, 255,0.3), transparent)!important; background-image:-webkit-gradient(linear, 0% 5%, 85% 100%, from(transparent), to(rgba(255, 255, 255,0.3)))!important; vertical-align: middle; } .mbMiniPlayer table span.map_title{ position:relative; color:#333; font:10px/12px "DroidSansMonoRegular", sans-serif !important; text-shadow: none!important; letter-spacing:0 !important; width:100% !important; height:11px !important; top:-2px !important; background:transparent !important; text-align:left !important; cursor:default !important; text-overflow: ellipsis; overflow: hidden; } .mbMiniPlayer .map_info{ display: none; background: rgb(48, 48, 48); /*border-radius: 10px 10px 10px 10px;*/ color: #D1D1D1; padding: 1px 4px; position: absolute; z-index: 10; } .mbMiniPlayer table span.map_rew{ cursor:pointer !important; } .mbMiniPlayer table span.map_volumeLevel{} .mbMiniPlayer table span.map_volumeLevel a{ position:relative !important; display:inline-block !important; margin:0 ; border-right:1px solid rgba(0,0,0,0.4) ; width:2px; padding:0 ; background-color:white ; height:0 ; vertical-align:bottom !important; opacity:.1 ; cursor:pointer !important; } .mbMiniPlayer table span.map_volumeLevel a.sel{} .mbMiniPlayer table span.map_time{ width:1px; font:11px/20px sans-serif; overflow:hidden; white-space:nowrap; cursor:default !important; text-shadow: 1px -1px 1px rgba(0,0,0,.6)!important; } .mbMiniPlayer table span.map_play{ -moz-border-radius:0 5px 5px 0 !important; -webkit-border-top-right-radius:5px !important; -webkit-border-bottom-right-radius:5px !important; border-radius:0 5px 5px 0 !important; cursor:pointer !important; } .mbMiniPlayer[isplaying=true] table span.map_play{ -webkit-animation: playing .7s infinite alternate; -moz-animation: playing .7s infinite alternate; /*animation: playing 1s infinite alternate;*/ } @keyframes playing { from { opacity:1; } to { opacity:.6; color:rgba(255,255,255,0.5); } } @-webkit-keyframes playing { from { opacity:1; } to { opacity:.6; color:rgba(255,255,255,0.5); } } @-moz-keyframes playing { from { opacity:1; } to { opacity:.6; color:rgba(255,255,255,0.5); } } .mbMiniPlayer table span.map_volume{ -moz-border-radius:5px 0 0 5px !important; -webkit-border-top-left-radius:5px !important; -webkit-border-bottom-left-radius:5px !important; border-radius:5px 0 0 5px !important; cursor:pointer !important; padding-left:6px !important; padding-right:0 !important; } .mbMiniPlayer .copy{ font: 10px/12px "DroidSansMonoRegular", sans-serif !important; color: #e0e0e0; padding-left: 10px; display: none; } .mbMiniPlayer span.map_download{ display: inline-block !important; vertical-align: top !important; margin: 0 !important; padding: 3px 5px !important; font-family: "mb_audio_fontRegular" !important; font-size: 50px !important; line-height: 22px !important; color: #d1d1d1; text-shadow: 0 0 3px rgba(255,255,255,0.6); transition: color 1s; -moz-transition: color 1s; -webkit-transition: color 1s; -o-transition: color 1s; } /*BLACK ----------------------------------------*/ .mbMiniPlayer.black table span{ background-color:#666; } .mbMiniPlayer.black table span.map_play{ border-left:1px solid #333; } .mbMiniPlayer.black table span.map_volume{ border-right:1px solid #999; } .mbMiniPlayer.black table span.map_volume.mute{ color: #999999; } .mbMiniPlayer.black .map_download:hover{ color: #333 ; } /*GRAY ----------------------------------------*/ .mbMiniPlayer.gray table span{ background-color:#ccc; } .mbMiniPlayer.gray table span.map_play{ border-left:1px solid #9f9f9f; } .mbMiniPlayer.gray table span.map_volume{ border-right:1px solid #bdbcbc; } .mbMiniPlayer.gray table span.map_volume.mute{ color: #cccccc; } .mbMiniPlayer.gray .map_download:hover{ color: #666 ; } /*BLUE ----------------------------------------*/ .mbMiniPlayer.blue table span{ background-color: #0099ff; } .mbMiniPlayer.blue table span.map_play{ border-left:1px solid #034383; } .mbMiniPlayer.blue table span.map_volume{ border-right:1px solid #18a2fe; } .mbMiniPlayer.blue table span.map_volume.mute{ color: #98bff9; } .mbMiniPlayer.blue .map_download:hover{ color: #0099ff ; } /*ORANGE ----------------------------------------*/ .mbMiniPlayer.orange table span{ background-color: #ff9900; } .mbMiniPlayer.orange table span.map_play{ border-left:1px solid #8c5002; } .mbMiniPlayer.orange table span.map_volume{ border-right:1px solid #fea827; } .mbMiniPlayer.orange table span.map_volume.mute{ color: #eec957; } .mbMiniPlayer.orange .map_download:hover{ color: #ff9900; } /*RED ----------------------------------------*/ .mbMiniPlayer.red table span{ background-color: #990000; } .mbMiniPlayer.red table span.map_play{ border-left:1px solid #5f0000; } .mbMiniPlayer.red table span.map_volume{ border-right:1px solid #990000; } .mbMiniPlayer.red table span.map_volume.mute{ color: #b90000; } .mbMiniPlayer.red .map_download:hover{ color: #990000 !important; } /*GREEN ----------------------------------------*/ .mbMiniPlayer.green table span{ background-color: #339900; } .mbMiniPlayer.green table span.map_play{ border-left:1px solid #336600; } .mbMiniPlayer.green table span.map_volume{ border-right:1px solid #38a700; } .mbMiniPlayer.green table span.map_volume.mute{ color: #2aba5a; } .mbMiniPlayer.green .map_download:hover{ color: #339900 !important; } /* end of colors for player */ #jPlayerstacks_in_10_page7 div.jp-single-player, #jPlayerstacks_in_10_page7 div.jp-type-playlist { /* Edit the font-size to counteract inherited font sizing. * Eg. 1.25em = 1 / 0.8em */ font-size:1em; /* No parent CSS that can effect the size in these demos */ font-family:Verdana, Arial, sans-serif; line-height:1.6; color: #666666; width: 260px; padding: 5px; } #jPlayerstacks_in_10_page7 div.jp-interface { position: relative; background-color: #222222; width:260px; height:30px; border:1px solid #444444; } #jPlayerstacks_in_10_page7 ul li { margin: 0 !important; padding: 0 !important; background-image: none !important; } #jPlayerstacks_in_10_page7 div.jp-single-player div.jp-interface { border-bottom:none; } #jPlayerstacks_in_10_page7 div.jp-interface { border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-border-top-left-radius: 0px; -moz-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; } #jPlayerstacks_in_10_page7 div.jp-playlist ul { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -moz-border-bottom-left-radius: 0px; -moz-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; } #jPlayerstacks_in_10_page7 div.jp-interface ul.jp-controls { list-style-type:none; padding:0 !important; margin: 0 !important; } #jPlayerstacks_in_10_page7 div.jp-interface ul.jp-controls li { position: absolute; margin-bottom: 0 !important; } #jPlayerstacks_in_10_page7 div.jp-interface ul.jp-controls a { display: block; position: absolute; overflow:hidden; text-indent:-9999px; background-color: #333333; border: 1px solid #444444; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px; } #jPlayerstacks_in_10_page7 a.jp-play, #jPlayerstacks_in_10_page7 a.jp-pause { top:5px; width:16px; height:16px; } #jPlayerstacks_in_10_page7 div.jp-single-player a.jp-play, #jPlayerstacks_in_10_page7 div.jp-single-player a.jp-pause { left:30px; } #jPlayerstacks_in_10_page7 div.jp-type-playlist a.jp-play, #jPlayerstacks_in_10_page7 div.jp-type-playlist a.jp-pause { left:30px; } #jPlayerstacks_in_10_page7 a.jp-play { background: url("img/play.png") center no-repeat; background-color: #333333; } #jPlayerstacks_in_10_page7 a.jp-play:hover { background: url("img/play-hover.png") center no-repeat; } #jPlayerstacks_in_10_page7 a.jp-pause { background: url("img/pause.png") center no-repeat; background-color: #333333; } #jPlayerstacks_in_10_page7 a.jp-pause:hover { background: url("img/pause-hover.png") center no-repeat; } #jPlayerstacks_in_10_page7 a.jp-stop { top:5px; background: url("img/stop.png") center no-repeat; background-color: #333333; width:16px; height:16px; } #jPlayerstacks_in_10_page7 div.jp-single-player a.jp-stop { left:80px; } #jPlayerstacks_in_10_page7 div.jp-type-playlist a.jp-stop { left:80px; } #jPlayerstacks_in_10_page7 a.jp-stop:hover { background: url("img/stop-hover.png") center no-repeat; } #jPlayerstacks_in_10_page7 a.jp-previous { left:5px; top:5px; background: url("img/back.png") center no-repeat; background-color: #333333; width:16px; height:16px; } #jPlayerstacks_in_10_page7 a.jp-previous:hover { background: url("img/back-hover.png") center no-repeat; } #jPlayerstacks_in_10_page7 a.jp-next { left:55px; top:5px; background: url("img/next.png") center no-repeat; background-color: #333333; width:16px; height:16px; } #jPlayerstacks_in_10_page7 a.jp-next:hover { background: url("img/next-hover.png") center no-repeat; } #jPlayerstacks_in_10_page7 div.jp-progress { position: absolute; overflow:hidden; top:5px; background-color: #444444; width:90px; height:9px; } #jPlayerstacks_in_10_page7 div.jp-single-player div.jp-progress { left:110px; } #jPlayerstacks_in_10_page7 div.jp-type-playlist div.jp-progress { left:110px; } #jPlayerstacks_in_10_page7 div.jp-seek-bar { background-color: #333333; width:0px; height:9px; cursor: pointer; } #jPlayerstacks_in_10_page7 div.jp-play-bar { background-color: #666666 ; width:0px; height:9px; } #jPlayerstacks_in_10_page7 a.jp-volume-min { top:5px; background: url("img/min.png") center no-repeat; width:16px; height:16px; border: none; background-color: transparent; } #jPlayerstacks_in_10_page7 div.jp-single-player a.jp-volume-min { left:208px; } #jPlayerstacks_in_10_page7 div.jp-type-playlist a.jp-volume-min { left:208px; } #jPlayerstacks_in_10_page7 a.jp-volume-min:hover { background: url("img/min-hover.png") center no-repeat; } #jPlayerstacks_in_10_page7 a.jp-volume-max, #jPlayerstacks_in_10_page7 a.jp-volume-add { top:5px; background: url("img/plus.png") center no-repeat; width:16px; height:16px; border: none; background-color: transparent; } #jPlayerstacks_in_10_page7 div.jp-type-playlist a.jp-volume-max, #jPlayerstacks_in_10_page7 div.jp-type-playlist a.jp-volume-add { left:233px; } #jPlayerstacks_in_10_page7 a.jp-volume-max:hover, #jPlayerstacks_in_10_page7 a.jp-volume-add:hover { background: url("img/plus-hover.png") center no-repeat; } #jPlayerstacks_in_10_page7 div.jp-volume-bar { position: absolute; overflow:hidden; top:5px; /*background: url("jplayer.dark.jpg") 0 -250px repeat-x;*/ width:46px; height:5px; cursor: pointer; display: none; } #jPlayerstacks_in_10_page7 div.jp-single-player div.jp-volume-bar { left:292px; } #jPlayerstacks_in_10_page7 div.jp-type-playlist div.jp-volume-bar { left:314px; } #jPlayerstacks_in_10_page7 div.jp-volume-bar-value { /*background: url("jplayer.dark.jpg") 0 -256px repeat-x;*/ width:0px; height:5px; display: none; } #jPlayerstacks_in_10_page7 div.jp-current-time, #jPlayerstacks_in_10_page7 div.jp-duration { position: absolute; top:13px; width:90px; font-size:.64em; font-style:oblique; } #jPlayerstacks_in_10_page7 div.jp-duration { text-align: right; } #jPlayerstacks_in_10_page7 div.jp-single-player div.jp-current-time, #jPlayerstacks_in_10_page7 div.jp-single-player div.jp-duration { left:110px; } #jPlayerstacks_in_10_page7 div.jp-type-playlist div.jp-current-time, div.jp-type-playlist div.jp-duration { left:110px; } #jPlayerstacks_in_10_page7 div.jp-playlist { width:260px; display: block; } #jPlayerstacks_in_10_page7 div.jp-playlist ul{ list-style-type:none !important; margin:0 !important; padding:0 20px !important; background-color:#222222; border:1px solid #444444; border-top:none; width:220px; font-size:.72em; } #jPlayerstacks_in_10_page7 div.jp-single-player div.jp-playlist li { padding:5px 0 5px 20px; font-weight:bold; } #jPlayerstacks_in_10_page7 div.jp-type-playlist div.jp-playlist li { padding:5px 0 4px 20px !important; border-bottom:1px solid #444444; } #jPlayerstacks_in_10_page7 div.jp-type-playlist div.jp-playlist li.jplayer_playlist_item_last { padding:5px 0 5px 20px !important; border-bottom:none; } #jPlayerstacks_in_10_page7 div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type:square; list-style-position:inside; padding-left:8px !important; } #jPlayerstacks_in_10_page7 div.jp-type-playlist div.jp-playlist a { color: #666666; text-decoration: none; background-color: transparent; } #jPlayerstacks_in_10_page7 div.jp-type-playlist div.jp-playlist a:hover { color:#DDDDDD; background-color: transparent; } #jPlayerstacks_in_10_page7 div.jp-type-playlist div.jp-playlist a.jp-playlist-current { color:#DDDDDD; } #jPlayerstacks_in_10_page7 #current_track { display: none; } #jPlayerstacks_in_10_page7 div.jp-type-playlist ul li { margin-left: 0; } div.jp-jplayer { height: 0; } #jPlayerstacks_in_10_page7 .currentTitle { display: none; } /*Simple Player CSS Rules*/ #jPlayerstacks_in_10_page7.simple a.jp-previous, #jPlayerstacks_in_10_page7.simple a.jp-next, #jPlayerstacks_in_10_page7.simple a.jp-stop, #jPlayerstacks_in_10_page7.simple div.jp-progress, #jPlayerstacks_in_10_page7.simple div.jp-current-time, #jPlayerstacks_in_10_page7.simple div.jp-duration { display: none !important; } #jPlayerstacks_in_10_page7.simple a.jp-play, #jPlayerstacks_in_10_page7.simple a.jp-pause { left: 2px !important; border-radius: 20px !important; width: 20px; height: 20px; background-position: 5px 4px; } #jPlayerstacks_in_10_page7.simple a.jp-pause { background-position: 4px 4px; } #jPlayerstacks_in_10_page7.simple a.jp-play:hover { background: url("img/play-hover.png") 5px 4px no-repeat; left: 2px !important; } #jPlayerstacks_in_10_page7.simple .currentTitle { display: block; font-size: 13px; position: absolute; top: 4px; left: 40px; color:#DDDDDD; } #jPlayerstacks_in_10_page7.simple div.jp-single-player, #jPlayerstacks_in_10_page7.simple div.jp-type-playlist { width: auto; padding: 5px; } #jPlayerstacks_in_10_page7.simple div.jp-interface { width: auto; height:30px; border:1px solid #444444; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; z-index: 10; } #jPlayerstacks_in_10_page7.simple div.jp-playlist { width: 100%; z-index: 5; } #jPlayerstacks_in_10_page7.simple div.jp-playlist ul { width: auto; padding: 0; padding-top: 0px !important; top: -0px; position: relative; } #jPlayerstacks_in_10_page7 div.jp-type-playlist div.jp-playlist li:last-child { border-bottom-width: 0 !important; } #jPlayerstacks_in_10_page7.simple div.jp-interface ul.jp-controls li { position: relative; margin-bottom: 0 !important; margin: 0; padding: 0; background-image: none; } #jPlayerstacks_in_10_page7.simple div.jp-type-playlist a.jp-volume-max, #jPlayerstacks_in_10_page7.simple div.jp-type-playlist a.jp-volume-add { right: 2px; left: auto; border-radius: 20px !important; width: 20px; height: 20px; } #jPlayerstacks_in_10_page7.simple div.jp-type-playlist a.jp-volume-min { right: 30px; left: auto; border-radius: 20px !important; width: 20px; height: 20px; } #jPlayerstacks_in_10_page7.simple div.jp-interface ul.jp-controls a { top: 2px; } /*End Simple Player CSS Rules*/ /*Simple Player PLUS CSS Rules*/ #jPlayerstacks_in_10_page7.simpleplus a.jp-previous, #jPlayerstacks_in_10_page7.simpleplus a.jp-stop { display: none !important; } #jPlayerstacks_in_10_page7.simpleplus div.jp-type-playlist div.jp-current-time, #jPlayerstacks_in_10_page7.simpleplus div.jp-type-playlist div.jp-duration { display: none; } #jPlayerstacks_in_10_page7.simpleplus a.jp-play, #jPlayerstacks_in_10_page7.simpleplus a.jp-pause { left: 2px !important; border-radius: 20px !important; width: 20px; height: 20px; background-position: 5px 4px; } #jPlayerstacks_in_10_page7.simpleplus a.jp-pause { background-position: 4px 4px; } #jPlayerstacks_in_10_page7.simpleplus a.jp-play:hover { background-position: 5px 4px; left: 2px !important; } #jPlayerstacks_in_10_page7.simpleplus a.jp-next { width: 14px; height: 14px; background-color: transparent !important; border-color: transparent !important; top: 5px !important; right: 116px; left: auto; background-position: 2px 1px; z-index: 50; } #jPlayerstacks_in_10_page7.simpleplus div.jp-progress { position: absolute; overflow: hidden; top: 4px; background-color: #333333; width: auto; height: 22px; display: block !important; right: 114px; left: 30px !important; } #jPlayerstacks_in_10_page7.simpleplus div.jp-seek-bar { background-color: transparent; height: 22px; } #jPlayerstacks_in_10_page7.simpleplus div.jp-play-bar { background-color: #444444; height: 22px; } #jPlayerstacks_in_10_page7.simpleplus div.jp-type-playlist div.jp-volume-bar { right: 3px; left: auto; z-index: 1; border-radius: 20px; position: absolute; overflow: hidden; top: 2px; width: 100px; height: 26px; cursor: pointer; background-color: #333333; } #jPlayerstacks_in_10_page7.simpleplus div.jp-volume-bar-value { width: 0px; height: 26px; background-color: #444444; border-radius: 20px; } #jPlayerstacks_in_10_page7.simpleplus .currentTitle { display: block; font-size: 13px; position: absolute; top: 4px; left: 40px; color:#DDDDDD; } #jPlayerstacks_in_10_page7.simpleplus div.jp-single-player, #jPlayerstacks_in_10_page7.simpleplus div.jp-type-playlist { width: auto; padding: 5px; } #jPlayerstacks_in_10_page7.simpleplus div.jp-interface { width: auto; height:30px; border:1px solid #444444; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; z-index: 10; } #jPlayerstacks_in_10_page7.simpleplus div.jp-playlist { width: 100%; z-index: 5; } #jPlayerstacks_in_10_page7.simpleplus div.jp-playlist ul { width: auto; padding: 0; padding-top: 0px !important; top: -0px; position: relative; } #jPlayerstacks_in_10_page7 div.jp-type-playlist div.jp-playlist li:last-child { border-bottom-width: 0 !important; } #jPlayerstacks_in_10_page7.simpleplus div.jp-interface ul.jp-controls li { position: relative; margin-bottom: 0 !important; } #jPlayerstacks_in_10_page7.simpleplus div.jp-type-playlist a.jp-volume-max, #jPlayerstacks_in_10_page7.simpleplus div.jp-type-playlist a.jp-volume-add { right: 2px; left: auto; border-radius: 20px !important; width: 20px; height: 20px; z-index: 50; } #jPlayerstacks_in_10_page7.simpleplus div.jp-type-playlist a.jp-volume-min { right: 80px; left: auto; border-radius: 20px !important; width: 20px; height: 20px; z-index: 50; } #jPlayerstacks_in_10_page7.simpleplus div.jp-interface ul.jp-controls a { top: 2px; } /*End Simple Player PLUS CSS Rules*/ /*Start Custom Icon CSS Rules*/ #jPlayerstacks_in_10_page7.customicon a.jp-play { background-image: url(""); } #jPlayerstacks_in_10_page7.customicon a.jp-play:hover { background-image: url(""); } #jPlayerstacks_in_10_page7.customicon a.jp-pause { background-image: url(""); } #jPlayerstacks_in_10_page7.customicon a.jp-pause:hover { background-image: url(""); } #jPlayerstacks_in_10_page7.customicon a.jp-stop { background-image: url(""); } #jPlayerstacks_in_10_page7.customicon a.jp-stop:hover { background-image: url(""); } #jPlayerstacks_in_10_page7.customicon a.jp-previous { background-image: url(""); } #jPlayerstacks_in_10_page7.customicon a.jp-previous:hover { background-image: url(""); } #jPlayerstacks_in_10_page7.customicon a.jp-next { background-image: url(""); } #jPlayerstacks_in_10_page7.customicon a.jp-next:hover { background-image: url(""); } #jPlayerstacks_in_10_page7.customicon a.jp-volume-min { background-image: url(""); } #jPlayerstacks_in_10_page7.customicon a.jp-volume-min:hover { background-image: url(""); } #jPlayerstacks_in_10_page7.customicon a.jp-volume-max, #jPlayerstacks_in_10_page7.customicon a.jp-volume-add { background-image: url(""); } #jPlayerstacks_in_10_page7.customicon a.jp-volume-max:hover, #jPlayerstacks_in_10_page7.customicon a.jp-volume-add:hover { background-image: url(""); } /*End Custom Icon CSS Rules*/ /* @group PlayPause Player */ #jPlayerstacks_in_10_page7.playpause a.jp-previous, #jPlayerstacks_in_10_page7.playpause a.jp-next, #jPlayerstacks_in_10_page7.playpause a.jp-stop, #jPlayerstacks_in_10_page7.playpause div.jp-progress, #jPlayerstacks_in_10_page7.playpause div.jp-current-time, #jPlayerstacks_in_10_page7.playpause div.jp-duration { display: none !important; } #jPlayerstacks_in_10_page7.playpause a.jp-play, #jPlayerstacks_in_10_page7.playpause a.jp-pause { left: 2px !important; border-radius: 20px !important; width: 20px; height: 20px; background-position: 5px 4px; } #jPlayerstacks_in_10_page7.playpause a.jp-pause { background-position: 4px 4px; } #jPlayerstacks_in_10_page7.playpause a.jp-play:hover { background: url("img/play-hover.png") 5px 4px no-repeat; left: 2px !important; } #jPlayerstacks_in_10_page7.playpause .currentTitle { display: none; } #jPlayerstacks_in_10_page7.playpause div.jp-single-player, #jPlayerstacks_in_10_page7.playpause div.jp-type-playlist { width: 32px; padding: 5px; } #jPlayerstacks_in_10_page7.playpause div.jp-interface { width: auto; height:30px; border:1px solid #444444; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; z-index: 10; } #jPlayerstacks_in_10_page7.playpause div.jp-playlist { display: none; } #jPlayerstacks_in_10_page7.playpause div.jp-playlist ul { width: auto; padding: 0; padding-top: 0px !important; top: -0px; position: relative; } #jPlayerstacks_in_10_page7 div.jp-type-playlist div.jp-playlist li:last-child { border-bottom-width: 0 !important; } #jPlayerstacks_in_10_page7.playpause div.jp-interface ul.jp-controls li { position: relative; margin-bottom: 0 !important; } #jPlayerstacks_in_10_page7.playpause div.jp-type-playlist a.jp-volume-max, #jPlayerstacks_in_10_page7.playpause div.jp-type-playlist a.jp-volume-add { display: none; } #jPlayerstacks_in_10_page7.playpause div.jp-type-playlist a.jp-volume-min { display: none; } #jPlayerstacks_in_10_page7.playpause div.jp-interface ul.jp-controls a { top: 2px; } /* @end */ #stacks_in_58_page7 .stacks_left { float:left; width:49%; } #stacks_in_58_page7 .stacks_right { float:right; width:49%; } #stacks_in_50_page7 { padding: 0px 44px 0px 0px; } #stacks_in_64_page7 { font-size: 93%; } #stacks_in_63_page7 { padding: 0px 0px 0px 10px; } /* Symfonip (c) - 2011 - Slide MP3 Stack CSS v1.0.2 now new Audio Player*/ @charset "UTF-8"; @font-face { font-family: 'mb_audio_fontRegular'; src: url('../files/symaudiomp3/mbAudioFont/mbaudio_font.eot'); src: local('?'), url('../files/symaudiomp3/mbAudioFont/mbaudio_font.woff') format('woff'), url('../files/symaudiomp3/mbAudioFont/mbaudio_font.ttf') format('truetype'), url('../files/symaudiomp3/mbAudioFont/mbaudio_font.svg#webfontywr4YLri') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DroidSansMonoRegular'; src: url('../files/symaudiomp3/DroidSansMono/DroidSansMono.eot'); src: local('?'), url('../files/symaudiomp3/DroidSansMono/DroidSansMono.woff') format('woff'), url('../files/symaudiomp3/DroidSansMono/DroidSansMono.ttf') format('truetype'), url('../files/symaudiomp3/DroidSansMono/DroidSansMono.svg#webfontGzFJ3WpO') format('svg'); font-weight: normal; font-style: normal; } .map_params{ display: none!important; } .mbMiniPlayer span{ font:20px/22px "mb_audio_fontRegular"; } a.audio{ display:none; } .mbMiniPlayer{ vertical-align: baseline!important; } .mbMiniPlayer table{ -moz-border-radius:5px !important; -webkit-border-radius:8px !important; border-radius:5px !important; margin:0 !important; padding:0 !important; border: 1px solid transparent !important; color: #777; line-height: 0 !important; width: auto !important; display: inline-block; vertical-align: middle; } .mbMiniPlayer.shadow table{ -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); box-shadow: 0px 0px 3px rgba(0,0,0,0.4); } .mbMiniPlayer td{ margin:0 !important; padding:0 !important; line-height: 0 !important; border: none!important; vertical-align: middle; } .jp-progress{ position:relative; background-color: #fff; height:8px; margin:2px; margin-top:0; top:-2px; -moz-box-sizing:border-box; cursor:pointer; } .jp-load-bar{ background-color: #e9e6e6; height:6px; -moz-box-sizing:border-box; } .jp-play-bar{ background-color:black; background-image:-moz-linear-gradient(85% 66% 90deg,#191919, #525252, #C7C7C7 100%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#7D7D7D), to(#262626), color-stop(.6,#333333)); height:6px; -moz-box-sizing:border-box; } .mbMiniPlayer td.map_controlsBar{ background-color:#ccc; background-image:-moz-linear-gradient(19% 100% 90deg,#FFFFFF, #FFFFFF, #EBEBEB 100%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEDEDE), to(#FFFFFF), color-stop(.6,#FFFFFF)); margin:0; padding:0; cursor:default !important; box-shadow:inset 1px 1px 2px #999; -moz-box-shadow:inset 1px 1px 3px #999; -webkit-box-shadow:inset 1px 1px 2px #999; } .mbMiniPlayer .map_controls{ position: relative; margin:1px; display:none; width:1px; *border:1px solid gray; height:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden; white-space:nowrap; } .mbMiniPlayer table span{ margin:0 !important; display:inline-block; padding:3px!important; /*width:20px!important;*/ height:20px!important; color:white; text-align:center!important; text-shadow: 1px -1px 1px rgba(0,0,0,0.6)!important; background-image:-moz-linear-gradient(100% 100% 110deg,rgba(255, 255, 255,0.3), transparent)!important; background-image:-webkit-gradient(linear, 0% 5%, 85% 100%, from(transparent), to(rgba(255, 255, 255,0.3)))!important; vertical-align: middle; } .mbMiniPlayer table span.map_title{ position:relative; color:#333; font:10px/12px "DroidSansMonoRegular", sans-serif !important; text-shadow: none!important; letter-spacing:0 !important; width:100% !important; height:11px !important; top:-2px !important; background:transparent !important; text-align:left !important; cursor:default !important; text-overflow: ellipsis; overflow: hidden; } .mbMiniPlayer .map_info{ display: none; background: rgb(48, 48, 48); /*border-radius: 10px 10px 10px 10px;*/ color: #D1D1D1; padding: 1px 4px; position: absolute; z-index: 10; } .mbMiniPlayer table span.map_rew{ cursor:pointer !important; } .mbMiniPlayer table span.map_volumeLevel{} .mbMiniPlayer table span.map_volumeLevel a{ position:relative !important; display:inline-block !important; margin:0 ; border-right:1px solid rgba(0,0,0,0.4) ; width:2px; padding:0 ; background-color:white ; height:0 ; vertical-align:bottom !important; opacity:.1 ; cursor:pointer !important; } .mbMiniPlayer table span.map_volumeLevel a.sel{} .mbMiniPlayer table span.map_time{ width:1px; font:11px/20px sans-serif; overflow:hidden; white-space:nowrap; cursor:default !important; text-shadow: 1px -1px 1px rgba(0,0,0,.6)!important; } .mbMiniPlayer table span.map_play{ -moz-border-radius:0 5px 5px 0 !important; -webkit-border-top-right-radius:5px !important; -webkit-border-bottom-right-radius:5px !important; border-radius:0 5px 5px 0 !important; cursor:pointer !important; } .mbMiniPlayer[isplaying=true] table span.map_play{ -webkit-animation: playing .7s infinite alternate; -moz-animation: playing .7s infinite alternate; /*animation: playing 1s infinite alternate;*/ } @keyframes playing { from { opacity:1; } to { opacity:.6; color:rgba(255,255,255,0.5); } } @-webkit-keyframes playing { from { opacity:1; } to { opacity:.6; color:rgba(255,255,255,0.5); } } @-moz-keyframes playing { from { opacity:1; } to { opacity:.6; color:rgba(255,255,255,0.5); } } .mbMiniPlayer table span.map_volume{ -moz-border-radius:5px 0 0 5px !important; -webkit-border-top-left-radius:5px !important; -webkit-border-bottom-left-radius:5px !important; border-radius:5px 0 0 5px !important; cursor:pointer !important; padding-left:6px !important; padding-right:0 !important; } .mbMiniPlayer .copy{ font: 10px/12px "DroidSansMonoRegular", sans-serif !important; color: #e0e0e0; padding-left: 10px; display: none; } .mbMiniPlayer span.map_download{ display: inline-block !important; vertical-align: top !important; margin: 0 !important; padding: 3px 5px !important; font-family: "mb_audio_fontRegular" !important; font-size: 50px !important; line-height: 22px !important; color: #d1d1d1; text-shadow: 0 0 3px rgba(255,255,255,0.6); transition: color 1s; -moz-transition: color 1s; -webkit-transition: color 1s; -o-transition: color 1s; } /*BLACK ----------------------------------------*/ .mbMiniPlayer.black table span{ background-color:#666; } .mbMiniPlayer.black table span.map_play{ border-left:1px solid #333; } .mbMiniPlayer.black table span.map_volume{ border-right:1px solid #999; } .mbMiniPlayer.black table span.map_volume.mute{ color: #999999; } .mbMiniPlayer.black .map_download:hover{ color: #333 ; } /*GRAY ----------------------------------------*/ .mbMiniPlayer.gray table span{ background-color:#ccc; } .mbMiniPlayer.gray table span.map_play{ border-left:1px solid #9f9f9f; } .mbMiniPlayer.gray table span.map_volume{ border-right:1px solid #bdbcbc; } .mbMiniPlayer.gray table span.map_volume.mute{ color: #cccccc; } .mbMiniPlayer.gray .map_download:hover{ color: #666 ; } /*BLUE ----------------------------------------*/ .mbMiniPlayer.blue table span{ background-color: #0099ff; } .mbMiniPlayer.blue table span.map_play{ border-left:1px solid #034383; } .mbMiniPlayer.blue table span.map_volume{ border-right:1px solid #18a2fe; } .mbMiniPlayer.blue table span.map_volume.mute{ color: #98bff9; } .mbMiniPlayer.blue .map_download:hover{ color: #0099ff ; } /*ORANGE ----------------------------------------*/ .mbMiniPlayer.orange table span{ background-color: #ff9900; } .mbMiniPlayer.orange table span.map_play{ border-left:1px solid #8c5002; } .mbMiniPlayer.orange table span.map_volume{ border-right:1px solid #fea827; } .mbMiniPlayer.orange table span.map_volume.mute{ color: #eec957; } .mbMiniPlayer.orange .map_download:hover{ color: #ff9900; } /*RED ----------------------------------------*/ .mbMiniPlayer.red table span{ background-color: #990000; } .mbMiniPlayer.red table span.map_play{ border-left:1px solid #5f0000; } .mbMiniPlayer.red table span.map_volume{ border-right:1px solid #990000; } .mbMiniPlayer.red table span.map_volume.mute{ color: #b90000; } .mbMiniPlayer.red .map_download:hover{ color: #990000 !important; } /*GREEN ----------------------------------------*/ .mbMiniPlayer.green table span{ background-color: #339900; } .mbMiniPlayer.green table span.map_play{ border-left:1px solid #336600; } .mbMiniPlayer.green table span.map_volume{ border-right:1px solid #38a700; } .mbMiniPlayer.green table span.map_volume.mute{ color: #2aba5a; } .mbMiniPlayer.green .map_download:hover{ color: #339900 !important; } /* end of colors for player */ #jPlayerstacks_in_56_page7 div.jp-single-player, #jPlayerstacks_in_56_page7 div.jp-type-playlist { /* Edit the font-size to counteract inherited font sizing. * Eg. 1.25em = 1 / 0.8em */ font-size:1em; /* No parent CSS that can effect the size in these demos */ font-family:Verdana, Arial, sans-serif; line-height:1.6; color: #666666; width: 260px; padding: 5px; } #jPlayerstacks_in_56_page7 div.jp-interface { position: relative; background-color: #222222; width:260px; height:30px; border:1px solid #444444; } #jPlayerstacks_in_56_page7 ul li { margin: 0 !important; padding: 0 !important; background-image: none !important; } #jPlayerstacks_in_56_page7 div.jp-single-player div.jp-interface { border-bottom:none; } #jPlayerstacks_in_56_page7 div.jp-interface { border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-border-top-left-radius: 0px; -moz-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; } #jPlayerstacks_in_56_page7 div.jp-playlist ul { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -moz-border-bottom-left-radius: 0px; -moz-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; } #jPlayerstacks_in_56_page7 div.jp-interface ul.jp-controls { list-style-type:none; padding:0 !important; margin: 0 !important; } #jPlayerstacks_in_56_page7 div.jp-interface ul.jp-controls li { position: absolute; margin-bottom: 0 !important; } #jPlayerstacks_in_56_page7 div.jp-interface ul.jp-controls a { display: block; position: absolute; overflow:hidden; text-indent:-9999px; background-color: #333333; border: 1px solid #444444; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px; } #jPlayerstacks_in_56_page7 a.jp-play, #jPlayerstacks_in_56_page7 a.jp-pause { top:5px; width:16px; height:16px; } #jPlayerstacks_in_56_page7 div.jp-single-player a.jp-play, #jPlayerstacks_in_56_page7 div.jp-single-player a.jp-pause { left:30px; } #jPlayerstacks_in_56_page7 div.jp-type-playlist a.jp-play, #jPlayerstacks_in_56_page7 div.jp-type-playlist a.jp-pause { left:30px; } #jPlayerstacks_in_56_page7 a.jp-play { background: url("img/play.png") center no-repeat; background-color: #333333; } #jPlayerstacks_in_56_page7 a.jp-play:hover { background: url("img/play-hover.png") center no-repeat; } #jPlayerstacks_in_56_page7 a.jp-pause { background: url("img/pause.png") center no-repeat; background-color: #333333; } #jPlayerstacks_in_56_page7 a.jp-pause:hover { background: url("img/pause-hover.png") center no-repeat; } #jPlayerstacks_in_56_page7 a.jp-stop { top:5px; background: url("img/stop.png") center no-repeat; background-color: #333333; width:16px; height:16px; } #jPlayerstacks_in_56_page7 div.jp-single-player a.jp-stop { left:80px; } #jPlayerstacks_in_56_page7 div.jp-type-playlist a.jp-stop { left:80px; } #jPlayerstacks_in_56_page7 a.jp-stop:hover { background: url("img/stop-hover.png") center no-repeat; } #jPlayerstacks_in_56_page7 a.jp-previous { left:5px; top:5px; background: url("img/back.png") center no-repeat; background-color: #333333; width:16px; height:16px; } #jPlayerstacks_in_56_page7 a.jp-previous:hover { background: url("img/back-hover.png") center no-repeat; } #jPlayerstacks_in_56_page7 a.jp-next { left:55px; top:5px; background: url("img/next.png") center no-repeat; background-color: #333333; width:16px; height:16px; } #jPlayerstacks_in_56_page7 a.jp-next:hover { background: url("img/next-hover.png") center no-repeat; } #jPlayerstacks_in_56_page7 div.jp-progress { position: absolute; overflow:hidden; top:5px; background-color: #444444; width:90px; height:9px; } #jPlayerstacks_in_56_page7 div.jp-single-player div.jp-progress { left:110px; } #jPlayerstacks_in_56_page7 div.jp-type-playlist div.jp-progress { left:110px; } #jPlayerstacks_in_56_page7 div.jp-seek-bar { background-color: #333333; width:0px; height:9px; cursor: pointer; } #jPlayerstacks_in_56_page7 div.jp-play-bar { background-color: #666666 ; width:0px; height:9px; } #jPlayerstacks_in_56_page7 a.jp-volume-min { top:5px; background: url("img/min.png") center no-repeat; width:16px; height:16px; border: none; background-color: transparent; } #jPlayerstacks_in_56_page7 div.jp-single-player a.jp-volume-min { left:208px; } #jPlayerstacks_in_56_page7 div.jp-type-playlist a.jp-volume-min { left:208px; } #jPlayerstacks_in_56_page7 a.jp-volume-min:hover { background: url("img/min-hover.png") center no-repeat; } #jPlayerstacks_in_56_page7 a.jp-volume-max, #jPlayerstacks_in_56_page7 a.jp-volume-add { top:5px; background: url("img/plus.png") center no-repeat; width:16px; height:16px; border: none; background-color: transparent; } #jPlayerstacks_in_56_page7 div.jp-type-playlist a.jp-volume-max, #jPlayerstacks_in_56_page7 div.jp-type-playlist a.jp-volume-add { left:233px; } #jPlayerstacks_in_56_page7 a.jp-volume-max:hover, #jPlayerstacks_in_56_page7 a.jp-volume-add:hover { background: url("img/plus-hover.png") center no-repeat; } #jPlayerstacks_in_56_page7 div.jp-volume-bar { position: absolute; overflow:hidden; top:5px; /*background: url("jplayer.dark.jpg") 0 -250px repeat-x;*/ width:46px; height:5px; cursor: pointer; display: none; } #jPlayerstacks_in_56_page7 div.jp-single-player div.jp-volume-bar { left:292px; } #jPlayerstacks_in_56_page7 div.jp-type-playlist div.jp-volume-bar { left:314px; } #jPlayerstacks_in_56_page7 div.jp-volume-bar-value { /*background: url("jplayer.dark.jpg") 0 -256px repeat-x;*/ width:0px; height:5px; display: none; } #jPlayerstacks_in_56_page7 div.jp-current-time, #jPlayerstacks_in_56_page7 div.jp-duration { position: absolute; top:13px; width:90px; font-size:.64em; font-style:oblique; } #jPlayerstacks_in_56_page7 div.jp-duration { text-align: right; } #jPlayerstacks_in_56_page7 div.jp-single-player div.jp-current-time, #jPlayerstacks_in_56_page7 div.jp-single-player div.jp-duration { left:110px; } #jPlayerstacks_in_56_page7 div.jp-type-playlist div.jp-current-time, div.jp-type-playlist div.jp-duration { left:110px; } #jPlayerstacks_in_56_page7 div.jp-playlist { width:260px; display: block; } #jPlayerstacks_in_56_page7 div.jp-playlist ul{ list-style-type:none !important; margin:0 !important; padding:0 20px !important; background-color:#222222; border:1px solid #444444; border-top:none; width:220px; font-size:.72em; } #jPlayerstacks_in_56_page7 div.jp-single-player div.jp-playlist li { padding:5px 0 5px 20px; font-weight:bold; } #jPlayerstacks_in_56_page7 div.jp-type-playlist div.jp-playlist li { padding:5px 0 4px 20px !important; border-bottom:1px solid #444444; } #jPlayerstacks_in_56_page7 div.jp-type-playlist div.jp-playlist li.jplayer_playlist_item_last { padding:5px 0 5px 20px !important; border-bottom:none; } #jPlayerstacks_in_56_page7 div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type:square; list-style-position:inside; padding-left:8px !important; } #jPlayerstacks_in_56_page7 div.jp-type-playlist div.jp-playlist a { color: #666666; text-decoration: none; background-color: transparent; } #jPlayerstacks_in_56_page7 div.jp-type-playlist div.jp-playlist a:hover { color:#DDDDDD; background-color: transparent; } #jPlayerstacks_in_56_page7 div.jp-type-playlist div.jp-playlist a.jp-playlist-current { color:#DDDDDD; } #jPlayerstacks_in_56_page7 #current_track { display: none; } #jPlayerstacks_in_56_page7 div.jp-type-playlist ul li { margin-left: 0; } div.jp-jplayer { height: 0; } #jPlayerstacks_in_56_page7 .currentTitle { display: none; } /*Simple Player CSS Rules*/ #jPlayerstacks_in_56_page7.simple a.jp-previous, #jPlayerstacks_in_56_page7.simple a.jp-next, #jPlayerstacks_in_56_page7.simple a.jp-stop, #jPlayerstacks_in_56_page7.simple div.jp-progress, #jPlayerstacks_in_56_page7.simple div.jp-current-time, #jPlayerstacks_in_56_page7.simple div.jp-duration { display: none !important; } #jPlayerstacks_in_56_page7.simple a.jp-play, #jPlayerstacks_in_56_page7.simple a.jp-pause { left: 2px !important; border-radius: 20px !important; width: 20px; height: 20px; background-position: 5px 4px; } #jPlayerstacks_in_56_page7.simple a.jp-pause { background-position: 4px 4px; } #jPlayerstacks_in_56_page7.simple a.jp-play:hover { background: url("img/play-hover.png") 5px 4px no-repeat; left: 2px !important; } #jPlayerstacks_in_56_page7.simple .currentTitle { display: block; font-size: 13px; position: absolute; top: 4px; left: 40px; color:#DDDDDD; } #jPlayerstacks_in_56_page7.simple div.jp-single-player, #jPlayerstacks_in_56_page7.simple div.jp-type-playlist { width: auto; padding: 5px; } #jPlayerstacks_in_56_page7.simple div.jp-interface { width: auto; height:30px; border:1px solid #444444; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; z-index: 10; } #jPlayerstacks_in_56_page7.simple div.jp-playlist { width: 100%; z-index: 5; } #jPlayerstacks_in_56_page7.simple div.jp-playlist ul { width: auto; padding: 0; padding-top: 0px !important; top: -0px; position: relative; } #jPlayerstacks_in_56_page7 div.jp-type-playlist div.jp-playlist li:last-child { border-bottom-width: 0 !important; } #jPlayerstacks_in_56_page7.simple div.jp-interface ul.jp-controls li { position: relative; margin-bottom: 0 !important; margin: 0; padding: 0; background-image: none; } #jPlayerstacks_in_56_page7.simple div.jp-type-playlist a.jp-volume-max, #jPlayerstacks_in_56_page7.simple div.jp-type-playlist a.jp-volume-add { right: 2px; left: auto; border-radius: 20px !important; width: 20px; height: 20px; } #jPlayerstacks_in_56_page7.simple div.jp-type-playlist a.jp-volume-min { right: 30px; left: auto; border-radius: 20px !important; width: 20px; height: 20px; } #jPlayerstacks_in_56_page7.simple div.jp-interface ul.jp-controls a { top: 2px; } /*End Simple Player CSS Rules*/ /*Simple Player PLUS CSS Rules*/ #jPlayerstacks_in_56_page7.simpleplus a.jp-previous, #jPlayerstacks_in_56_page7.simpleplus a.jp-stop { display: none !important; } #jPlayerstacks_in_56_page7.simpleplus div.jp-type-playlist div.jp-current-time, #jPlayerstacks_in_56_page7.simpleplus div.jp-type-playlist div.jp-duration { display: none; } #jPlayerstacks_in_56_page7.simpleplus a.jp-play, #jPlayerstacks_in_56_page7.simpleplus a.jp-pause { left: 2px !important; border-radius: 20px !important; width: 20px; height: 20px; background-position: 5px 4px; } #jPlayerstacks_in_56_page7.simpleplus a.jp-pause { background-position: 4px 4px; } #jPlayerstacks_in_56_page7.simpleplus a.jp-play:hover { background-position: 5px 4px; left: 2px !important; } #jPlayerstacks_in_56_page7.simpleplus a.jp-next { width: 14px; height: 14px; background-color: transparent !important; border-color: transparent !important; top: 5px !important; right: 116px; left: auto; background-position: 2px 1px; z-index: 50; } #jPlayerstacks_in_56_page7.simpleplus div.jp-progress { position: absolute; overflow: hidden; top: 4px; background-color: #333333; width: auto; height: 22px; display: block !important; right: 114px; left: 30px !important; } #jPlayerstacks_in_56_page7.simpleplus div.jp-seek-bar { background-color: transparent; height: 22px; } #jPlayerstacks_in_56_page7.simpleplus div.jp-play-bar { background-color: #444444; height: 22px; } #jPlayerstacks_in_56_page7.simpleplus div.jp-type-playlist div.jp-volume-bar { right: 3px; left: auto; z-index: 1; border-radius: 20px; position: absolute; overflow: hidden; top: 2px; width: 100px; height: 26px; cursor: pointer; background-color: #333333; } #jPlayerstacks_in_56_page7.simpleplus div.jp-volume-bar-value { width: 0px; height: 26px; background-color: #444444; border-radius: 20px; } #jPlayerstacks_in_56_page7.simpleplus .currentTitle { display: block; font-size: 13px; position: absolute; top: 4px; left: 40px; color:#DDDDDD; } #jPlayerstacks_in_56_page7.simpleplus div.jp-single-player, #jPlayerstacks_in_56_page7.simpleplus div.jp-type-playlist { width: auto; padding: 5px; } #jPlayerstacks_in_56_page7.simpleplus div.jp-interface { width: auto; height:30px; border:1px solid #444444; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; z-index: 10; } #jPlayerstacks_in_56_page7.simpleplus div.jp-playlist { width: 100%; z-index: 5; } #jPlayerstacks_in_56_page7.simpleplus div.jp-playlist ul { width: auto; padding: 0; padding-top: 0px !important; top: -0px; position: relative; } #jPlayerstacks_in_56_page7 div.jp-type-playlist div.jp-playlist li:last-child { border-bottom-width: 0 !important; } #jPlayerstacks_in_56_page7.simpleplus div.jp-interface ul.jp-controls li { position: relative; margin-bottom: 0 !important; } #jPlayerstacks_in_56_page7.simpleplus div.jp-type-playlist a.jp-volume-max, #jPlayerstacks_in_56_page7.simpleplus div.jp-type-playlist a.jp-volume-add { right: 2px; left: auto; border-radius: 20px !important; width: 20px; height: 20px; z-index: 50; } #jPlayerstacks_in_56_page7.simpleplus div.jp-type-playlist a.jp-volume-min { right: 80px; left: auto; border-radius: 20px !important; width: 20px; height: 20px; z-index: 50; } #jPlayerstacks_in_56_page7.simpleplus div.jp-interface ul.jp-controls a { top: 2px; } /*End Simple Player PLUS CSS Rules*/ /*Start Custom Icon CSS Rules*/ #jPlayerstacks_in_56_page7.customicon a.jp-play { background-image: url(""); } #jPlayerstacks_in_56_page7.customicon a.jp-play:hover { background-image: url(""); } #jPlayerstacks_in_56_page7.customicon a.jp-pause { background-image: url(""); } #jPlayerstacks_in_56_page7.customicon a.jp-pause:hover { background-image: url(""); } #jPlayerstacks_in_56_page7.customicon a.jp-stop { background-image: url(""); } #jPlayerstacks_in_56_page7.customicon a.jp-stop:hover { background-image: url(""); } #jPlayerstacks_in_56_page7.customicon a.jp-previous { background-image: url(""); } #jPlayerstacks_in_56_page7.customicon a.jp-previous:hover { background-image: url(""); } #jPlayerstacks_in_56_page7.customicon a.jp-next { background-image: url(""); } #jPlayerstacks_in_56_page7.customicon a.jp-next:hover { background-image: url(""); } #jPlayerstacks_in_56_page7.customicon a.jp-volume-min { background-image: url(""); } #jPlayerstacks_in_56_page7.customicon a.jp-volume-min:hover { background-image: url(""); } #jPlayerstacks_in_56_page7.customicon a.jp-volume-max, #jPlayerstacks_in_56_page7.customicon a.jp-volume-add { background-image: url(""); } #jPlayerstacks_in_56_page7.customicon a.jp-volume-max:hover, #jPlayerstacks_in_56_page7.customicon a.jp-volume-add:hover { background-image: url(""); } /*End Custom Icon CSS Rules*/ /* @group PlayPause Player */ #jPlayerstacks_in_56_page7.playpause a.jp-previous, #jPlayerstacks_in_56_page7.playpause a.jp-next, #jPlayerstacks_in_56_page7.playpause a.jp-stop, #jPlayerstacks_in_56_page7.playpause div.jp-progress, #jPlayerstacks_in_56_page7.playpause div.jp-current-time, #jPlayerstacks_in_56_page7.playpause div.jp-duration { display: none !important; } #jPlayerstacks_in_56_page7.playpause a.jp-play, #jPlayerstacks_in_56_page7.playpause a.jp-pause { left: 2px !important; border-radius: 20px !important; width: 20px; height: 20px; background-position: 5px 4px; } #jPlayerstacks_in_56_page7.playpause a.jp-pause { background-position: 4px 4px; } #jPlayerstacks_in_56_page7.playpause a.jp-play:hover { background: url("img/play-hover.png") 5px 4px no-repeat; left: 2px !important; } #jPlayerstacks_in_56_page7.playpause .currentTitle { display: none; } #jPlayerstacks_in_56_page7.playpause div.jp-single-player, #jPlayerstacks_in_56_page7.playpause div.jp-type-playlist { width: 32px; padding: 5px; } #jPlayerstacks_in_56_page7.playpause div.jp-interface { width: auto; height:30px; border:1px solid #444444; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; z-index: 10; } #jPlayerstacks_in_56_page7.playpause div.jp-playlist { display: none; } #jPlayerstacks_in_56_page7.playpause div.jp-playlist ul { width: auto; padding: 0; padding-top: 0px !important; top: -0px; position: relative; } #jPlayerstacks_in_56_page7 div.jp-type-playlist div.jp-playlist li:last-child { border-bottom-width: 0 !important; } #jPlayerstacks_in_56_page7.playpause div.jp-interface ul.jp-controls li { position: relative; margin-bottom: 0 !important; } #jPlayerstacks_in_56_page7.playpause div.jp-type-playlist a.jp-volume-max, #jPlayerstacks_in_56_page7.playpause div.jp-type-playlist a.jp-volume-add { display: none; } #jPlayerstacks_in_56_page7.playpause div.jp-type-playlist a.jp-volume-min { display: none; } #jPlayerstacks_in_56_page7.playpause div.jp-interface ul.jp-controls a { top: 2px; } /* @end */