.mediaplayer table {border:3px solid #00CCFF; border-collapse:collapse; font-family:Arial, sans-serif; font-size:11px; color: black;}
.mediaplayer tr {border:1px solid #00CCFF;}
.mediaplayer td { padding:0 0 0 6px; } 

.mediaplayer .mejs-container {background: white;}   /* control background, black in default */
.mediaplayer .mejs-container .mejs-controls {background: white;}  /* control background, black in default */  
.mediaplayer .mejs-container .mejs-controls .mejs-time {color: black;}  /* elapsed time box numeric, white in default */ 
.mediaplayer .mejs-container .mejs-controls .mejs-time span {color: black;}  /* elapsed time numeric, used for both elapsed and total time, white in default */ 
/* ,mejs-duration is total time, not available till element is loaded */  
/* .mejs-time-rail is time rail box, transparent background in default */
.mediaplayer .mejs-controls .mejs-time-rail .mejs-time-total {background: #0FF;}   /* unloaded time bar, gray in default */
.mediaplayer .mejs-controls .mejs-time-rail .mejs-time-loaded {background: #08F; } /*  loaded time bar, 60,170,200 in default */
.mediaplayer .mejs-controls .mejs-time-rail .mejs-time-current {background: #00F; }  /* current time bar, white in default */
/* .mediaplayer .mejs-controls .mejs-time-rail .mejs-time-handle {background: black; cursor: pointer; border: solid 2px #333;}   /* ???, white in default (rounded corners) */
.mediaplayer .mejs-controls .mejs-time-rail .mejs-time-float {background: white; border: 1px solid #00F; color: black; top:-20px;} /* holds the hover time along time rail, #111 border, #EEE background in default
   default top is -26px, changed to bring box close to time rail */ 
/* .mejs-time-rail .mejs-time-float-current is numeric hover time color #111 */
.mediaplayer .mejs-controls .mejs-time-span {color: black;}
/* .mejs-button .mejs-volume-button .mejs-pause button all have transparent backgrounds */  
.mediaplayer .mejs-controls  .mejs-volume-button .mejs-volume-slider  { background:white; border:1px solid black;} /* background for volume control, black in default, black border is new */
.mediaplayer .mejs-controls  .mejs-volume-button .mejs-volume-slider .mejs-volume-total {background:#08F;} /* slider above handle, default is white */
.mediaplayer .mejs-controls  .mejs-volume-button .mejs-volume-slider .mejs-volume-current {background:#00F; }    /* slider below handle, default is white */ 
.mediaplayer .mejs-controls  .mejs-volume-button .mejs-volume-handle {background:#00F; } /* volume handle, default is white */