html {overflow: hidden;font-family: "Arial", "Helvetica", "Verdana", "sans-serif";}
body.ui-widget-content {margin: 0;padding: 0 0 20px;height: 100%;width: 100%;background-image: none;border: none;font-size: 0.8em; background-color:#00000;}

#myappz_player {width: 400px;display:block;height: 411px;  background-color:#000000;}
#myappz_player #myappz_player_container{height: 100%; position:relative; padding-left:5px; padding-right:5px; background-color:#000000; background:none; border:none;}

ul#icons {margin: 0; padding: 0;float: left;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

/*LOGO*/
#logo{display: none; width: 100%; height: 2.5em; text-transform:uppercase;margin-left: 0.3em;}
#logo span.hi{letter-spacing:-2px; font:bold 2.5em Arial, Helvetica, sans-serif; margin-top: 0.2em;}
#logo span.slogan{letter-spacing:-1px; margin-top: 0.2em; margin-left: 0.8em;}

/*VIDEO SECTION*/
#video_panel {width: 100%;height:90%;display: block;position:relative; margin-top:-23px;}
#video_panel #video_player{display: block; width: 100%; height: 80%; background-color: #000;}
#panel{width: 100%;display:none;height:120px;;overflow: hidden;margin: 0 auto; padding-top: 0.3em;position:absolute;bottom:0em}
#video_panel #panel #elapsed_time, #panel #total_time {margin:10px;}
#video_panel #panel #elapsed_time { width: 8%; float: left; display: block; overflow: hidden; }
#video_panel #panel #total_time { width: 8%; float: left; display: block; overflow: hidden; }
#video_panel #panel #volume_slider {float: left;width: 82px;margin-top: 8px;margin-right: 1em;}
#video_panel #panel #time_slider {float: left;width: 70%;margin-top: 11px;margin-left: 5px; margin-right: 5px;}

/*PLAYLIST SECTION*/
#playlist_panel { height: 155px;display: block; z-index:999; background-color:#000000;position:absolute; bottom:0px;}
#playlist_holder { height: 100%; overflow: hidden; margin-top: 0.3em;}
#playlist_panel #playlist { list-style-type: none; padding: 0; height: 100%; float: left; width:420px; overflow:hidden;display: inline-block;}
#playlist_panel #playlist li {border:none; height: 60px; width:120px; margin-right:10px; margin-top:15px;font-weight: normal; cursor: pointer;background-image: none; float:left;}
#playlist_panel #playlist li.selected { font-weight: bold; }
#playlist_panel #playlist li div.track_details { float: left; margin-left: 0.5em; width: 54%;}
#playlist_panel #playlist li div.track_details div.track_title { float: left; width: 100%;font-weight:bold;margin-bottom:0.7em;height:4em; overflow: hidden; display:none;}
#playlist_panel #playlist li div.track_details span.track_length { float: left; width: 100%;font-weight:bold;margin-bottom:10px;}
#playlist_panel #playlist li div.image_holder { float: left; width:100%; height:100%; display: block; background-color: #000; background-repeat: no-repeat; background-size:100%; background-position:center;}

#slider-vertical .ui-slider-handle  { /*height: 2em*/ }
.ui-slider-vertical .ui-slider-range  { background-image: none; }
#slider-vertical { margin-top: 0.8em; margin-right: 0.5em;  height: 95%; float: right; display:none;}

/*WATCHING SECTION*/
#watching{margin-left: 0.3em; margin-top: 0.5em; height: 10%;position:relative; display:none;}
#watching .watch_text{font-size: 0.8em; }
#watching .watch_title{font-size: 1.4em; }
#player_state { display: block; overflow: hidden;position:absolute; bottom:1em; right:1em; text-transform: capitalize;}

span.clear { display: block; clear: both; width: 1px; height: 0.001%; font-size: 0px; line-height: 0px; }
span.space { height: 5px;}
.ap-button { width: 5em; display:none; }
.left {float: left; }
#top_panel{width:400px; top:23px; position:absolute; height:15px; z-index:999; background-color:#000000}