body
{
    font-family: sans-serif, arial, helvetica;
    background-color: #000000;
    color: #f6baf8;
    margin: 0;
    padding: 0;
}


a.plain:link
{
    text-decoration: none;
    color: #BF73FF;
}
a:link
{
    text-decoration: underline;
    color: #BF73FF;
}
a:visited
{
    color: #BF73FF;
}
a:active
{
    color: #D237F3;
}
a:hover
{
    color: #FC1DFF;
}

input.reveal 
{
     color: #D237F3;
     border-color: #400000; /* #29088A; */
     border-top-style:ridge;
     border-left-style:ridge;
}

ul.jp-controls
{
    /* width: 102px; */
    list-style: none;
    padding: 0;
    margin: 0 0 0 0;
}

ul.jp-controls li
{
    /*display: inline; /*block;*/
    float: left;
    margin: 0 0 0 0;
}

ul.jp-controls li a
{
    display: block; /*block;*/
    overflow: hidden;
    text-indent: -9999px;
    margin-left: 3px;
      margin-right: 2px;
}

a.jp-play, a.jp-pause, a.jp-stop, a.jp-next, a.jp-rsonly, a.jp-cont, a.jp-rsonlyOn, a.jp-contOn, a.jp-home
{
    width: 32px;
    height: 32px;
}

a.jp-play
{
    background: url("butGrid2.png") 0 0 no-repeat;
}

a.jp-play:hover
{
    background: url("butGrid2.png") -33px 0 no-repeat;
}

a.jp-play:active
{
    background: url("butGrid2.png") -66px 0 no-repeat;
}


a.jp-pause
{
    background: url("butGrid2.png") 0 -33px no-repeat;
    display: none;
}
a.jp-pause:hover
{
    background: url("butGrid2.png") -33px -33px no-repeat;
}
a.jp-pause:active
{
    background: url("butGrid2.png") -66px -33px no-repeat;
}



a.jp-stop
{
    background: url("butGrid2.png") 0 -66px no-repeat;
}
a.jp-stop:hover
{
    background: url("butGrid2.png") -33px -66px no-repeat;
}
a.jp-stop:active
{
    background: url("butGrid2.png") -66px -66px no-repeat;
}



a.jp-next
{
    background: url("butGrid2.png") 0 -132px no-repeat;
}
a.jp-next:hover
{
    background: url("butGrid2.png") -33px -132px no-repeat;
}
a.jp-next:active
{
    background: url("butGrid2.png") -66px -132px no-repeat;
}

a.jp-rsonly
{
    background: url("butGrid2.png") 0 -165px no-repeat;
}
a.jp-rsonly:hover
{
    background: url("butGrid2.png") -33px -165px no-repeat;
}
a.jp-rsonly:active
{
    background: url("butGrid2.png") -66px -165px no-repeat;
}

a.jp-rsonlyOn
{
    background: url("butGrid2.png") -66px -165px no-repeat;
    display: none;
}




a.jp-cont
{
    background: url("butGrid2.png") 0 -198px no-repeat;
}
a.jp-cont:hover
{
    background: url("butGrid2.png") -33px -198px no-repeat;
}
a.jp-cont:active
{
    background: url("butGrid2.png") -66px -198px no-repeat;
}
a.jp-contOn
{
    background: url("butGrid2.png") -66px -198px no-repeat;
}




a.jp-home
{
    background: url("butGrid2.png") 0 -231px no-repeat;
}
a.jp-home:hover
{
    background: url("butGrid2.png") -33px -231px no-repeat;
}
a.jp-home:active
{
    background: url("butGrid2.png") -66px -231px no-repeat;
}




@media (max-width: 623px)
{
    html
    {
        font-size: 14px;
    }
}


@media (max-width: 240px)
{
    html
    {
        font-size: 12px;
    }
}


label.stats
{
    border: 0px;
    color: #f6baf8;
    font-size: 11px; /*  height: 16px;  overflow:hidden;*/
    text-align: center;
    padding: 0px; /*  display: inline-block;      overflow: hidden; */
}

img.stats
{
    padding: 0px;
    border: 0px;
}

#myHeader
{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; /* background-color: #0E000E;   #19020F; */
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

td.pResp
{
    background-image: -ms-radial-gradient(center, ellipse farthest-side, #000033 0%, #000000 100%);
    background-image: -moz-radial-gradient(center, ellipse farthest-side, #000033 0%, #000000 100%);
    background-image: -o-radial-gradient(center, ellipse farthest-side, #000033 0%, #000000 100%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 447, color-stop(0, #000033), color-stop(1, #000000));
    background-image: -webkit-radial-gradient(center, ellipse farthest-side, #000033 0%, #000000 100%);
    background-image: radial-gradient(ellipse farthest-side at center, #000033 0%, #000000 100%);
    -moz-border-radius: 18px;
    border-radius: 18px; /* border-collapse: separate;*/
}

td.pRespA, td.pResp
{
    -moz-border-radius: 14px;
    border-radius: 14px;
}

#myHeader, table.srow
{
    background-image: -ms-radial-gradient(center top, circle farthest-side, #000033 0%, #000000 100%); /* Mozilla Firefox */
    background-image: -moz-radial-gradient(center top, circle farthest-side, #000033 0%, #000000 100%); /* Opera */
    background-image: -o-radial-gradient(center top, circle farthest-side, #000033 0%, #000000 100%); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, center top, 0, center top, 447, color-stop(0, #000033), color-stop(1, #000000));
    background-image: -webkit-radial-gradient(center top, circle farthest-side, #000033 0%, #000000 100%); /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(circle farthest-side at center top, #000033 0%, #000000 100%);
}

div.centerPage, div.justGrad, div.footer 
{
    background-image: -ms-radial-gradient(center, circle farthest-corner, #000024 0%, #000000 100%);
    background-image: -moz-radial-gradient(center, circle farthest-corner, #000024 0%, #000000 100%);
    background-image: -o-radial-gradient(center, circle farthest-corner, #000024 0%, #000000 100%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 449, color-stop(0, #000024), color-stop(1, #000000));
    background-image: -webkit-radial-gradient(center, circle farthest-corner, #000024 0%, #000000 100%);
    background-image: radial-gradient(circle farthest-corner at center, #000024 0%, #000000 100%);
}

#myPlayer
{
    -moz-border-radius: 12px;
    border-radius: 12px;
    border-collapse: separate;
    border: 1px;
    border-color: #400000; /* #29088A; */
    border-style: solid;
    border-spacing: 0px; /* background-color: #f6baf8;*/ /* background-color: #19020F; */
    background-color: #000000;
    margin-left: auto;
    margin-right: auto;
}
#waveSlider
{
    /*  -moz-border-radius: 5px 5px 5px 10px;     border-radius: 5px 5px 5px 10px; */ /*  -moz-border-bottom-left-radius:12px;   */
    border: 0;
    border-top: 1px; /* 0px none black;*/
    border-right: 1px;
    border-style: solid;
    border-color: #400000;
    padding: 0px; /*   background-color: #19020F;  line-height:0; put in table for this to not have 1 pix bottom border     */
    border-radius: 5px 5px 5px 10px;
}


div.centerPage, div.centerSamps
{
    margin-left: auto;
    margin-right: auto;
   /* padding-top: 10px; */
    padding-bottom: 7px; /*  background-color: #140014; */
    max-width: 776px;
    padding-left: 12px;
    padding-right: 12px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}


/*
a:focus
{
    outline-style: none;
}
*/

/*:focus { outline: none;  }
hr.sampSep
{
    width: 95%;
    height: 1px;
    color: #290029; 
    background-color: #290029;
}
*/

*:focus
{
    /*  -moz-outline:0px none;     outline:0px none;    outline-color:rgba(0,0,0,0); */
    outline-style: none;
    border: 0;
    outline: 0px; /* outline-offset:-2px;*/
}
/*
padding-left:10px;
    padding-right:10px;
 style="width:90%;max-width:800px;min-width:300;margin-left:auto;margin-right:auto;margin-top:25px">
  <center>
*/

table.srowActive, td.pRespA, input.reveal
{
    background-image: -ms-radial-gradient(center, ellipse farthest-side, #460000 0%, #000000 100%);
    background-image: -moz-radial-gradient(center, ellipse farthest-side, #460000 0%, #000000 100%);
    background-image: -o-radial-gradient(center, ellipse farthest-side, #460000 0%, #000000 100%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 447, color-stop(0, #460000), color-stop(1, #000000));
    background-image: -webkit-radial-gradient(center, ellipse farthest-side, #460000 0%, #000000 100%);
    background-image: radial-gradient(ellipse farthest-side at center, #460000 0%, #000000 100%);
}


table.srowActive
{
    width: 100%;
    -moz-border-radius: 18px;
    border-radius: 18px; /*  background-color: #000000; border-collapse: separate;*/
    border-collapse: separate;
    border-spacing: 0px;
    border: 1px; /*   border-color: #400000; border-color: #8A0808; #8A0829;*/
    border-color: #460000;
    border-style: solid;
    line-height: 1;
    color: White;
    margin-left: auto;
    margin-right: auto;
}

table.srow
{
    /*background-color: #19020F;*/
    -moz-border-radius: 18px;
    border-radius: 18px; /* border-collapse: separate;*/
    width: 100%; /*  border-collapse: collapse;*/
    border-spacing: 0px;
    border: 1px; /* keep 1pix border so its same size as when selected */
    border-color: rgba(0,0,0,0);
    border-style: solid;
    line-height: 1;
    color: #F6BAF8;
    margin-left: auto;
    margin-right: auto;
}
a.notes
{
    width: 32px;
    height: 32px;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
}
#rsonlyImg
{
    background: url("butGrid2.png") 0 -165px no-repeat;
}
#contImg
{
    background: url("butGrid2.png") 0 -198px no-repeat;
}
#prevImg
{
    background: url("butGrid2.png") 0 -99px no-repeat;
}
#nextImg
{
    background: url("butGrid2.png") 0 -132px no-repeat;
}

table.nospace
{
    border-collapse: collapse;
    border-spacing: 0px;
}
table.center
{
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    border-spacing: 0px;
}

th, td
{
    padding: 0px;
}


#header
{
    top: 0;
    left: 0;
    z-index: 2;
    position: fixed; /*absolute;when scrolled */
    height: 66px;
    background-color: #000000;
    width: 100%; /*z-index: 2000; */
}

#wrapper
{
    position: relative; /*absolute;when scroll */ /* z-index: 1;*/
    top: 66px;
    left: 0; /* bottom:67px; */
    width: 100%;
    overflow: auto;
}

#scroller
{
    position: relative;
    float: left; /*position:absolute; */ /*	top:66px; */ /*	left:0; -webkit-touch-callout:none;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    padding: 0;
}



div.footer 
{
    text-align:center;
   /* margin-top:150px; */
}