#content_Services {
    padding: .5em 1em .5em .75em; /* creates space between the box and the content (order: top right bottom left */
    overflow:auto
}

.servicesColumn {
    width: 100%;
    margin-left: 10px
    min-height:20em;
    border: 1px solid  #664400;
}

.smallFont {
  font-size: 14px;
}

table {
        table-layout: fixed;
        width:100%;
        border-collapse:collapse;
}

thead { }
thead th
{
    background: url('../images/bg_nav.png');
    color: #000000;   /* black */
    border-bottom:2px dotted #ffffff;
    font-family: "Times New Roman", Times, serif; /* main css applies Geogia - Times New Roman is slighty more slender */
    font-size: .6em;
    font-weight:bold;
}

/* Column widths are based on 1st row of cells */
.col-btnPlayPause {
  width: 5%;
  padding-left: .5em;
}

.col-Title {
  width: 50%;
}

.col-ServiceDate {
  width: 21%;
}

.col-PlayLength {
  width: 14%;
  text-align: right;
  padding-right: 1em;
}

.col-btnDownload {
  width: 10%;
  text-align: right;
  padding-right: .5em;
}

tbody {
    font-size: .75em;
}

.playerColumn {
    height:170px;
    margin: auto;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid  #664400;
}


#playingTR {
  color: #000000;
  font-style:italic;
  background-color: #ffff33;
}


#nowPlaying {

  font-family: "Times New Roman", Times, serif;
  font-size: .75em;
  padding-left: 1em;


}

#audioplayer{
        width: 280px;
        height: 30px;
        margin-left: 10px;
        clear:left;
        border-style: ridge;
        border-color: rgba(192,192,192,0.3);
}

#playTime {     /* time played/mp3 length */
        padding-left: 1em;
        font-size: .5em;
        float:left;
}

#pButton{
    height:30px;
    width: 30px;
    border: none;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: left;
    margin:0px;
    float:left;
    outline:none;
}

.play{background: url('../images/button_play3.png');
    width:  30px;
    height: 30px;
}

.pause{background: url('../images/button_pause3.png');
    width:  30px;
    height: 30px;
}
.playpause {
    width:  30px;
    height: 30px;
}


.download {
    height:20px;
    width: 20px;
    border: none;
    outline:none;
    padding-right: 10px;
}


#timeline{
        width: 240px;
        height: 10px;
        margin-top: 10px;
        float: left;
        border-radius: 15px;
        background: rgba(0,0,0,.3);

}
#playhead {
width: 10px;
height: 10px;
border-radius: 50%;
margin-top: 1px;
background: rgba(0, 0, 0,1);
}