/* MP MediaPlayer (Custom Build) | It's eS productions | Licensed to OUNCESMUSIC.com | All rights reserved. */

#mpplayer {
 width:100%; border-bottom:1px solid #ccd5d9;
}
#mpcover {
 height:100px; width:100px; float:left; background:#ccd5d9;
}
#mpcover img {
 height:100%; width:100%;
}
#mpmusic {
 height:100px; margin-left:100px; padding-left:10px;
}
#mpmusic span {
 font-family:FontAwesome; position:absolute; top:0; left:0; font-size:15px; line-height:30px;
}
#mptrackinfo {
 height:70px;
}
.mptitle {
 margin:0; text-align:left; font-size:17px; font-weight:bold; line-height:normal;
}
.mpinfo {
 margin:0; text-align:left; font-size:14px; line-height:normal;
}
.mplinks {
 margin:0; float:right; white-space: nowrap;
}
.mplinks ul {
 margin:0; list-style-type:none;
}
.mplinks li {
 display:inline; padding-left:5px;
}
.mplinks a, .mplinks span {
 font-size:20px; text-decoration:none;
}
#mpplay {
 height:100%; width:20px; float:left; position:relative; line-height:normal; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;
}
#mptime {
 height:30px; width:70%; float:left; 
}
#mptimebarwrap {
 margin:0 80px 0 20px; padding:10px 0; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;
}
#mptimebar {
 height:10px; width:100%; background:#ccd5d9; border-radius:10px; overflow:hidden;
}
#mptimeon {
 height:100%; width:0%; background:#39454b; border-radius:10px;
}
#mptimecode {
 height:100%; width:75px; float:right; font-size:12px; line-height:30px;
}
#mpvolume {
 height:30px; width:30%; float:left;
}
#mpmute {
 height:100%; width:20px; float:left; position:relative; line-height:normal; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;
}
#mpvolumebarwrap {
 margin:0 0 0 20px; padding:10px 0; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;
}
#mpvolumebar {
 height:10px; width:100%; background:#e2e8e9; border-radius:10px; overflow:hidden;
}
#mpvolumeon {
 height:100%; width:100%; background:#39454b; border-radius:10px;
}
#mpvolumeon.muted {
 background:#ccd5d9;
}
#mptracklist {
 height:250px; width:100%; position:relative; overflow:hidden;
}
#mptracks {
 position:absolute; top:0; bottom:0; left:0; right:0; overflow:auto;
}
#mpscrollbar {
 height:100%; width:10px; float:right; position:relative; background:#e2e8e9; border-radius:10px; overflow:hidden; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;
}
#mpscrollon {
 width:100%; position:absolute; background:#39454b; border-radius:10px;
}
.mptrack {
 padding:0 40px 0 0; border-bottom:1px solid #ccd5d9;
}
.mptrack table, .mplicense table {
 width:100%; margin:0;
}
.mptrack td, .mplicense td {
 padding:5px 0; vertical-align:middle; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;
}
.mptrack.active .mptitle:before {
 content:'\25B8'; font-size:15px;
}
#mpreturn {
 display:inline; text-align:left; font-family:"Source Sans Pro","sans-serif"; font-size:0.8em; border-bottom:1px dotted; cursor:pointer;
}
#mpreturn:before {
 font-family:FontAwesome; content:'\f190';
}
#mpfortrack {
 margin:0; padding:0; font-family:'BankGothic';
}
#mpfortrack span {
 font-size:1.25em; font-weight:bold;
}
.mplicense {
 border-top:1px solid #ccd5d9;
}