/*Keep jplayer grid styles in mobile first area. Do NOT move.*/
.grid_6.tracks { margin-bottom: 0; } /* keep lists together when stacked */
.tracklist { width: 46.666666666667%; float: left; }
.control-container { width: 46.666666666667%; float: right; text-align: right; }
#jp_container { padding: 20px; background: #222; border: 1px solid #333; }
.player h2 { margin-left: 5px; }
.player ul { list-style-type: none; padding: 0; margin: 0; }
.tracks li { background: #000; padding-left: 20px; line-height:50px; color: #555; border-top: 1px solid #333; }
.tracks li a { width:92%; display:inline-block; text-align:left; float:right; padding: 0 25px;  text-decoration: none; white-space: nowrap; border-left: 1px solid #333; }
a.track, a.track-default { color: #c00; }
a.track:hover, a.track.active { background: #600; color: #fff; }

.jp-play img, .jp-pause img { width: 24px; height: 24px; }
a.jp-play, a.jp-pause { display: block; float: right; margin: 0 10px 10px 0; padding: 6px 6px 0 6px; background: #000; border: 1px solid #333; opacity: .6; filter: alpha(opacity=60); }
a.jp-play:hover, a.jp-pause:hover { cursor: pointer; background: #900; opacity: 1; filter: alpha(opacity=100); }