*{margin:0;padding:0;border:0;outline:none}

body {background:#000000}
a:link, a:visited, a:hover, a:active{outline:none;text-decoration:none}
#table {display:block;width: 60%;height: auto;text-align: center;margin:10px 20%;position: relative}
.s3 {display: block;	width: 100%;height: auto;margin:60px auto 0 28%;text-align:center;Z-index: 100;text-decoration: none;position: relative}

/* wrapper for player and playlist */
#componentWrapper{position:relative;width:522px;height:180px;border-radius:10px;margin:65px auto 0 auto;background-image:#000000;-moz-box-shadow: 0px 5px 5px #111;-webkit-box-shadow: 0px 5px 5px #111;box-shadow: 0px 5px 5px #111}

/* player holder */
 .playerHolder{position:absolute;top:165px;left:0px;width:510px;height:140px;border-radius: 0px 0px 10px 10px}

/* player audio name mask for the name scroll function. Set width of the scrolling mask here. Also adjust height if neccesarry. */
 .player_mediaName_Mask{position:absolute;top:110px;right:0px;width:482px;height:22px;overflow:hidden;background:#ff2222;border-radius:5px;opacity:0.6}

/* player audio name */
 .player_mediaName{	position:absolute;top:-1px;left:10px;white-space: nowrap;font-family: Arial, Helvetica, sans-serif;font-style:italic;font-size:18px;color:#fff}

/* player audio time */
 .player_mediaTime{	position:absolute;top:20px;right:17px;color:#fff;font-family: Arial, Helvetica, sans-serif;font-size:13px}

 .player_mediaTime_current{	position:relative;top:8px;left:22px;float:left}

 .player_mediaTime_total{position:relative;top:8px;left:22px;float:left}

/* player holder for (previous,play/pause,next) buttons */
 .player_controls{position:absolute;top:85px;left:61px}

/* player previous */
 .controls_prev{position:absolute;top:-29px;left:0px;width:33px;height:33px}

/* player play/pause */
 .controls_toggle{position:absolute;top:-35px;left:12px;width:50px;height:50px}

/* player next */
 .controls_next{position:absolute;top:-29px;left:102px;width:33px;height:33px}

/* player loop */
 .player_loop{position:absolute;top:-28px;left:398px;width:33px;height:33px}

/* player shuffle */
 .player_shuffle{position:absolute;top:-32px;left:440px;width:40px;height:40px}

 .player_volume{position:absolute;top:-26px;left:146px;	width:28px;	height:28px}

/* player volume, serves as hit as well */
 .volume_seekbar{position:absolute;top:-19px;left:192px;width:170px;height:16px}

 .volume_bg{position:absolute;top:5px;left:0px;width:168px;height:6px;background:#333333}

 .volume_level{	position:absolute;top:5px;left:0px;width:0px;height:6px;background:#ffffff}

 .player_volume_tooltip
{position:absolute;top:15px;/* left is set in code */width:35px;/* width is not automatically set so adjust it yourself if you change font or font size */height:16px;background:#333;display:none;-moz-box-shadow: 1px 1px 1px #222;-webkit-box-shadow: 1px 1px 1px #222;box-shadow: 1px 1px 1px #222}

 .player_volume_tooltip_value
{position:absolute;top:2px;/* left is set in code */color:#ffffff;font-family: Arial, Helvetica, sans-serif;font-size:10px}

/* player progress, serves as hit as well */
 .player_progress{position:absolute;top:30px;left:11px;/* for hit */width:410px;height:16px;/*background:green;*/}

 .progress_bg{position:absolute;top:5px;left:15px;width:398px;height:6px;background:#222222}

 .load_progress{position:absolute;top:5px;left:15px;width:0px;height:6px;background:#444444}

 .play_progress{position:absolute;top:5px;left:15px;width:0px;height:6px;background:#ffffff}

 .player_progress_tooltip
{position:absolute;top:40px;/* left is set in code */width:70px;/* width is not automatically set so adjust it yourself if you change font or font size */height:16px;background:#333;display:none;-moz-box-shadow: 1px 1px 1px #222;-webkit-box-shadow: 1px 1px 1px #222;box-shadow: 1px 1px 1px #222}

 .player_progress_tooltip_value{position:absolute;top:2px;/* left is set in code */	color:#ffffff;font-family: Arial, Helvetica, sans-serif;font-size:10px}

/* playlist holder */	
 .playlistHolder{position:absolute;top:0px;left:0px;width:510px;height:180px;border-radius: 10px 10px 0px 0px}

 .componentPlaylist{position:absolute;top:5px;left:20px;width:490px;height:162px;padding-left:5px}

/* playlist holder for playlist items */	
 .playlist_inner{position:relative;top:0px;left:0px;height:100%}

/* playlist items */	
 .componentPlaylist .playlistItem
{position:relative;top:0px;left:0px;margin-bottom:8px;clear:left;display:inline-block;color:#ffffff;font-family: Arial, Helvetica, sans-serif;font-size:1.1em;width:100%;height:100%;list-style:none}

 .componentPlaylist .playlistItem:last-child {  margin-bottom:0px}

/* adjust rollover on playlist item */
 .componentPlaylist .playlistItem a:hover{color:#66ffff}

/* adjust disabled state on playlist item */
 .playlistSelected {float:left;color: #ff5555}

/* adjust normal state on playlist item */
 .playlistNonSelected {float:left;color: #ffffff}

/* for parsing feed xml */	
 .feedParser{display:none}	
/* font calculations for song scroll */
 .fontMeasure{position:absolute;font-family: Arial, Helvetica, sans-serif;font-size:15px;white-space: nowrap;visibility:hidden}


@media screen and (max-width:1280px) and (orientation: portrait)
{
#table {width: 100%;margin:0 auto 0 0%}
.s3 {margin:5px auto 0 1%}
#componentWrapper{width:100%;margin:10px auto 0 -2%}
}

@media screen and (max-width:1560px) and (orientation: landscape)
{
#table {width: 100%}
.s3 {margin:5px auto 0 0%}
}