@charset "utf-8";
/* CSS Document */

#wrapper {display:block; background: #FFCC66; width:400px; height:600px; margin: 0 auto;
}
#currentimg{ position:relative;   top:3px; left:3px;
    display:block; width:398px; max-height:223px;
}

 #playerspace{
     height:60px;
 }

#playingfile {position:relative; width:99%; height: 24px; color:#000; background:#A9BFEA; text-align: center; font-weight: bold; font-size: 14px;      }
#myplayer {position:relative;  width:99%; height:25px;  background-color: #B8B8B8;  display:block;}

 #mainspace {position:relative;width:99%;height:300px; overflow: scroll; padding-left:5px;    }

 #mainspace::-webkit-scrollbar {
    display: none; }

 .menubuttons{   transition-duration: 0.8s;
    background-color: #008CBA;
    color: #00F5F5;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 3px;
    border-radius: 12px;
    width:90%;


}

.menubuttons:hover {
    background-color: #04AA6D; /* Green */
    color: white;
}

#timesaver{display:none;;position:relative; width:98%; height:200px; color:#000; font-size:20px; text-align:center; background-color:#06F; height:auto; z-index:10; border:ridge #333;}

#controlspace {position:relative; top:50px; color:#000; z-index:5; display:none;}
#myplayer {position:relative;  width:99%;  color:#000;display:block;}
#timedisplay {display:none;position:relative; top:5px; height:45px; font-size:36px;color:#000;z-index:6; float:left;}
#controltable{display:block; padding:10px; color:#000;top:220px;max-width:380px;}

#playlist{display:block; position:relative; z-index:6; color:#000; width:98%;  height:auto;display:none;}

.controlbutts{height:50px; width:370px; background-color:#CCC; color:#000; font-size:25px; font-weight:bold; border:outset; padding-left:5px; padding-right:1px;}

.percentbuttns{height:50px; width:50px; font-size:36px;background-color:#CCC; color:#000; font-size:20px; border:outset;}