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;}

#myappz_player {width: 780px;display:block;height: 480px;margin: 10px;}
#myappz_player #myappz_player_container{padding: 5px; height: 100%;}

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 {float: left;width: 60%;height: 90%;display: block;position:relative;}
#video_panel #video_player{display: block; width: 100%; height: 80%; background-color: #000;margin: 0em auto 1em auto}
#panel{width: 100%;display:block;height: 5.6em;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 {float: left;width: 39%;height: 90%;display: block;}
#playlist_holder { height: 100%; overflow: hidden; margin-top: 0.3em; }
#playlist_panel #playlist { list-style-type: none; margin: 0.2em 0 0 0; padding: 0; width: 93%; height: 100%; float: left; }
#playlist_panel #playlist li { margin: 0 0.3em 0.3em 0.3em; padding: 0.4em; padding-left: 1.5em; height: 90px; font-weight: normal; cursor: pointer;background-image: none;}
#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;}
#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; margin-left: -1.3em; width: 120px; height:90px; display: block; background-color: #000; background-repeat: no-repeat;}

#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; }

/*WATCHING SECTION*/
#watching{margin-left: 0.3em; margin-top: 0.5em; height: 10%;position:relative;}
#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; }
.left {float: left; }