/******************************************************************************

DO NOT EDIT THIS FILE.
It is compiled from other sources and any changes here will be overwritten

******************************************************************************/

/*
This file is for the audio player (jPlayer) and associated playlist styling
*/
/*
initial attempt at using ldsicon font. all the ldsicon stuff should move to a central location (content.css?) when test is complete
*/
@font-face { font-family: 'ldsicon'; src: url("../../fonts/ldsicon/ldsicon-webfont.eot"); src: url("../../fonts/ldsicon/ldsicon-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/ldsicon/ldsicon-webfont.ttf") format("truetype"), url("../../fonts/ldsicon/ldsicon-webfont.woff") format("woff"), url("../../fonts/ldsicon/ldsicon-webfont.svg#ldsRegular") format("svg"); font-weight: normal; font-style: normal; }
.iconfont { text-indent: -10em; width: 16px; height: 16px; display: inline-block; overflow: hidden; position: relative; }

a.iconfont { text-decoration: none; }

.iconfont.prefix { text-indent: 0em; height: auto; display: inline-block; }

.iconfont:before { font-family: ldsicon; color: #a6a39d; position: absolute; top: 0; left: -5px; text-indent: 0; font-size: 16px; }

.iconfont:hover:before { color: #fff; }

.iconfont.download:before { content: "\2913"; }

.iconfont.play:before { content: "\25b6"; }

.iconfont.pause:before { content: "\2743"; }

.iconfont.previous:before { content: "\21c7"; }

.iconfont.next:before { content: "\21c9"; }

.iconfont.shuffle:before { content: "\2928"; }

.iconfont.mute:before { content: "\2604"; }

.iconfont.unmute:before { content: "\2609"; }

.iconfont.close:before { content: "\2613"; }

/* audio player */
/*fonticon stuff*/
.jp-controls a, .jp-toggles a { width: 20px; height: 25px; }

.jp-controls .iconfont:before, .jp-toggles .iconfont:before { font-size: 26px; }

.jp-shuffle.iconfont:before { font-size: 24px; }

.jp-shuffle.iconfont:before, .jp-previous.iconfont:before { left: -3px; }

.jp-play.iconfont:before { left: -2px; }

.jp-unmute.iconfont:before, .jp-mute.iconfont:before { font-size: 22px; top: 2px; }

.jp-mute.iconfont:before { left: 0; }

/*/fonticon stuff*/
.lds-player { width: 100%; background: #868686; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg2ODY4NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTVkNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #868686), color-stop(100%, #5e5d5d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #868686 0%, #5e5d5d 100%); /* IE10+ */ background: linear-gradient(top, #868686 0%, #5e5d5d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868686', endColorstr='#5e5d5d',GradientType=0 ); /* IE6-8 */ color: #fff; border-radius: 4px; margin: 0 0 20px; }

.lds-player * { -moz-box-sizing: border-box; box-sizing: border-box; }

.lds-player.loading { opacity: 0; }

.lds-player.loading .jp-controls .jp-pause, .lds-player.loading .jp-toggles .jp-unmute { position: absolute; left: -999em; top: 0; }

.jp-controls, .jp-title, .jp-toggles, .jp-time-holder { width: 100%; display: table; vertical-align: middle; padding: 10px 10px 0 10px; white-space: nowrap; text-align: center; }

.jp-title { display: block; }

.jp-controls, .jp-toggles { display: table; }

.jp-controls > li, .jp-toggles > li { text-align: center; display: table-cell; }

.jp-controls { min-width: 75px; }

.ie .jp-controls { min-width: 95px; }

.jp-toggles { min-width: 48px; padding-bottom: 10px; }

.ie .jp-toggles { min-width: 70px; }

.lds-player .jp-controls a, .lds-player .jp-toggles a { display: block; overflow: hidden; text-indent: -9999px; margin: 0 auto; }

.jp-volume { position: relative; }

.jp-volume:hover .jp-volume-bar-holder { display: block; }

.jp-volume-bar-holder { position: absolute; top: 21px; right: -3px; z-index: 1; padding-top: 12px; display: none; }

/* firefox doesn't allow pos:responsive on TD's so our positioning gets messed up.  Fix for FF only - https://bugzilla.mozilla.org/show_bug.cgi?id=63895 */
.mozilla .jp-volume-bar-holder { right: 10px; top: 25px; }

.mozilla .simple .jp-volume-bar-holder { right: auto; top: 25px; }

/* end moz fix */
.jp-volume-bar-bg { background: #5e5d5d; border: 10px solid #5e5d5d; border-radius: 0 0 4px 4px; }

.jp-volume-bar { border-radius: 4px; background: #898989; width: 5px; height: 55px; cursor: pointer; position: relative; }

.jp-volume-bar-value { background: #9aafc4; border-radius: 4px; width: 5px; position: absolute; bottom: 0; }

.jp-title { width: 100%; }

@media screen and (min-width: 550px) { .lds-player { display: table; }
  .jp-controls, .jp-toggles { display: table-cell; }
  .jp-controls > li, .jp-toggles > li { text-align: center; }
  .jp-controls, .jp-title, .jp-toggles, .jp-time-holder { width: auto; border-right: 1px solid #494949; border-left: 1px solid #7d7c7c; display: table-cell; text-align: left; padding: 10px; }
  .jp-toggles { border-right: 0; }
  .jp-controls { border-left: 0; }
  .jp-title { /*  yes, you need min/max/width to cover all browsers due to display:table issues */ max-width: 200px; width: 200px; min-width: 200px; height: 29px; }
  .jp-time-holder { display: table-cell; }
  .lds-player .jp-controls li + li a, .lds-player .jp-toggles li + li a { margin-left: 7px; }
  .two-col .jp-title { width: 156px; }
  /* .two-col .jp-time-holder {width: 240px;} */ }
.jp-title h3, .jp-title h4 { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; margin: 0; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.jp-title h3 { color: #fff; font-size: 12px; line-height: 15px; }

.jp-title h4 { color: #c0c0c0; font-size: 10px; line-height: 13px; }

.jp-time-wrapper { width: 100%; padding: 0 40px; }

.jp-current-time, .jp-duration { font-size: 11px; width: 40px; position: absolute; left: 0px; top: 50%; margin-top: -5px; }

.jp-duration { right: 0px; left: auto; text-align: right; }

.jp-progress { width: 100%; height: 10px; background: #787878; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) inset, 0 1px 0 rgba(255, 255, 255, 0.4); overflow: hidden; }

.jp-seek-bar { height: 10px; background: #898989; overflow: hidden; cursor: pointer; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) inset, 0 1px 0 rgba(255, 255, 255, 0.4); width: 0; }

.jp-play-bar { height: 10px; background: #e3e1e2; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset; width: 0; }

.lds-player:after, .jp-time-holder:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.lds-player, .jp-time-holder, .jp-time-wrapper { zoom: 1; position: relative; }

/* we have enough room, make things all on one line */
@media screen and (min-width: 550px) { .jp-time-holder { width: 100%; white-space: nowrap; } }
/* playlist table */
#primary .lds-playlist th, #primary .lds-playlist td { border-left: none !important; /*border-right: none;*/ }

.lds-playlist th { width: auto !important; }

.lds-playlist td, .lds-playlist th { padding: 5px 0 5px 5px; }

.lds-playlist td { line-height: 15px; }

.lds-playlist .play:before, .lds-playlist .pause:before { left: 0; font-size: 10px; color: white; background: #b9c87d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5Yzg3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MjkxNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9c87d), color-stop(100%, #829142)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b9c87d 0%, #829142 100%); /* IE10+ */ background: linear-gradient(top, #b9c87d 0%, #829142 100%); /* W3C */ border: 1px solid #6e7c36; border-radius: 3px; line-height: 10px; padding: 2px 4px 3px 2px; width: 15px; height: 14px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); text-shadow: 0 0 1px rgba(0, 0, 0, 0.6); -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.lds-playlist .pause:before { padding-left: 1px; font-weight: bold; }

.touch .lds-playlist .play, .touch .lds-playlist .play:before { display: block; opacity: .4; }

.lds-playlist .play, .lds-playlist .play:before, .lds-playlist .pause, .lds-playlist .pause:before { display: none; }

.lds-playlist .play, .lds-playlist .play:before { /* show (but make invisible) one of the buttons to reserve space */ display: block; opacity: 0; }

.ie8 .lds-playlist .pause:before, .ie8 .lds-playlist .play:before { border: 0; }

.ie8 .lds-playlist .play, .ie8 .lds-playlist .pause { background: #829142; height: 14px; width: 14px; }

.lds-playlist.hover tr:hover .play, .lds-playlist.hover tr:hover .play:before, .lds-playlist .paused .play, .lds-playlist .paused .play:before, .lds-playlist.hover tr.paused:hover .play, .lds-playlist.hover tr.paused:hover .play:before, .lds-playlist .playing .pause, .lds-playlist .playing .pause:before { display: block; opacity: 1; }

.lds-playlist.hover .active:hover .play, .lds-playlist.hover .active:hover .play:before, .lds-playlist .playing .play, .lds-playlist .playing .play:before, .lds-playlist .paused .pause, .lds-playlist .paused .pause:before, .lds-playlist.hover .disabled:hover .play, .lds-playlist.hover .disabled:hover .play:before { display: none; }

#primary .lds-playlist th.download { text-align: right !important; }

#primary .lds-playlist .download-wrap > a { float: right; margin-right: 30px; }

td.download { padding-right: 5px; }

td.download .download-menu { right: -7px; }

/*.playable { background:#fcc;}*/
.active td { background: #e6e6e6; }

.disabled { opacity: .5; }

.lds-playlist.hover tbody tr:hover { background: rgba(230, 230, 230, 0.5); /*cursor: pointer;*/ }

.download a.iconfont:before { content: "\2913"; font-size: 16px; left: 0; color: #bbbbbb; }

.download a.iconfont:hover:before { color: #666666; }

/*
stuff for the simple version of the player
*/
.simple .jp-controls, .simple .jp-title, .simple .jp-toggles, .simple .jp-time-holder { padding: 6px 10px; }

.simple .jp-time-holder { width: 100%; }

.lds-player.simple .jp-controls { min-width: 25px; }

.simple a.jp-next, .simple a.jp-previous, .simple .jp-title, .simple a.shuffle { display: none; }

.simple .jp-volume-bar-holder { top: 15px; }

.simple .jp-toggles .jp-volume a { margin-left: 0; }

/*
/stuff for the simple version of the player
*/

/*# sourceMappingURL=audio.css.map */