/* default values */
#radio_container { position: relative; width: 700px; min-width: 550px; text-align: left; margin: 0 auto; } 
.radio_bg { position: absolute; height: 24px; margin: 0; z-index: 1; }
#click_to_play { position: absolute; left: 50%; transform: translateX(-50%); z-index: 9999; }
#click_to_play.hidden { display: none !important; }
.radio_player { position: absolute; margin: 0; height: 24px; z-index: 9; }
.radio_listeners { position: absolute; margin: 0; z-index: 7; }
.radio_listeners_count { font-weight: bold; }
.radio_links { position: absolute; margin: 0; z-index: 7; }
.radio_links ul { list-style-type: none; padding: 0; margin: 0; }
.radio_links li { display: list-item; margin: 0; }
.radio_links li:before { content: none; padding: 0; }
.radio_links li:first-child:before { content: none; padding: 0; }
.link1div { position: absolute; }
.link2div { position: absolute; }
.link3div { position: absolute; }
.link4div { position: absolute; }
.link5div { position: absolute; }
#radio_bottompanel { position: relative; width: 660px; height: 60px; margin: 0 auto; background-image: url('/radio/skin/panel_bg.png'); z-index: 1; }
.vote-button { position: absolute; top: 16px; left: 14px; width: 90px; height: 28px; z-index: 2; }
#vote-up { position: absolute; top: 0px; left: 0px; width: 45px; height: 28px; cursor: pointer; background: url('/radio/skin/panel_buttons.png') 0 0; z-index: 3; }
#vote-down { position: absolute; top: 0px; left: 45px; width: 45px; height: 28px; cursor: pointer; background: url('/radio/skin/panel_buttons.png') -45px 0; z-index: 3; }
.voted-green { position: absolute; top: 0px; left: 0px; width: 90px; height: 28px; background: url('/radio/skin/panel_buttons.png') 0 -28px; z-index: 3; }
.voted-red { position: absolute; top: 0px; left: 0px; width: 90px; height: 28px; background: url('/radio/skin/panel_buttons.png') 0 -56px; z-index: 3; }
.levelbar { position: absolute; top: 12px; left: 113px; width: 220px; height: 34px; }
.star_1 { position: absolute; top: 0px; left: 0px; width: 36px; height: 34px; background: url('/radio/skin/xp-stars.png') 0 0; z-index: 10; }
.star_2 { position: absolute; top: 0px; left: 0px; width: 36px; height: 34px; background: url('/radio/skin/xp-stars.png') -36px 0; z-index: 10; }
.star_3 { position: absolute; top: 0px; left: 0px; width: 36px; height: 34px; background: url('/radio/skin/xp-stars.png') -72px 0; z-index: 10; }
.star_4 { position: absolute; top: 0px; left: 0px; width: 36px; height: 34px; background: url('/radio/skin/xp-stars.png') -108px 0; z-index: 10; }
.star_5 { position: absolute; top: 0px; left: 0px; width: 36px; height: 34px; background: url('/radio/skin/xp-stars.png') 0 -34px; z-index: 10; }
.star_6 { position: absolute; top: 0px; left: 0px; width: 36px; height: 34px; background: url('/radio/skin/xp-stars.png') -36px -34px; z-index: 10; }
.star_7 { position: absolute; top: 0px; left: 0px; width: 36px; height: 34px; background: url('/radio/skin/xp-stars.png') -72px -34px; z-index: 10; }
.star_8 { position: absolute; top: 0px; left: 0px; width: 36px; height: 34px; background: url('/radio/skin/xp-stars.png') -108px -34px; z-index: 10; }
.star_9 { position: absolute; top: 0px; left: 0px; width: 36px; height: 34px; background: url('/radio/skin/xp-stars.png') 0 -68px; z-index: 10; }
.star_10 { position: absolute; top: 0px; left: 0px; width: 36px; height: 34px; background: url('/radio/skin/xp-stars.png') -36px -68px; z-index: 10; }
.star_11 { position: absolute; top: 0px; left: 0px; width: 36px; height: 34px; background: url('/radio/skin/xp-stars.png') -72px -68px; z-index: 10; }
.star_12 { position: absolute; top: 0px; left: 0px; width: 36px; height: 34px; background: url('/radio/skin/xp-stars.png') -108px -68px; z-index: 10; }
.star_13 { position: absolute; top: 0px; left: 0px; width: 36px; height: 34px; background: url('/radio/skin/xp-stars.png') 0 -102px; z-index: 10; }
.star_14 { position: absolute; top: 0px; left: 0px; width: 36px; height: 34px; background: url('/radio/skin/xp-stars.png') -36px -102px; z-index: 10; }
.star_15 { position: absolute; top: 0px; left: 0px; width: 36px; height: 34px; background: url('/radio/skin/xp-stars.png') -72px -102px; z-index: 10; }
#star_top { z-index: 11; }
.xpbar { position: absolute; top: 7px; left: 18px; width: 202px; height: 22px; background-image: url('/radio/skin/xp-bar.png'); z-index: 2; }
.xp_fill { position: absolute; top: 0; left: 0; height: 22px; background: url('/radio/skin/xp-bar.png') 0 -22px; z-index: 3; }
.xp_end { position: absolute; top: 0; width: 12px; height: 22px; background: url('/radio/skin/xp-bar.png') -187px -22px; z-index: 3; }
#xp_levelup { position: absolute; top: 0; left: 0; width: 202px; height: 22px; background: url('/radio/skin/xp-bar.png') 0 -44px; z-index: 7; }
.xp_display { position: absolute; top: 4px; left: 3px; width: 193px; height: 13px; z-index: 4; text-align: center; }
.xpdigit_1 { position: relative; width: 7px; height: 13px; background: url('/radio/skin/xp-digits.png') 0 0; z-index: 5; display:inline-block;  }
.xpdigit_2 { position: relative; width: 9px; height: 13px; background: url('/radio/skin/xp-digits.png') -8px 0; z-index: 5; display:inline-block; }
.xpdigit_3 { position: relative; width: 9px; height: 13px; background: url('/radio/skin/xp-digits.png') -19px 0; z-index: 5; display:inline-block; }
.xpdigit_4 { position: relative; width: 11px; height: 13px; background: url('/radio/skin/xp-digits.png') -29px 0; z-index: 5; display:inline-block; }
.xpdigit_5 { position: relative; width: 9px; height: 13px; background: url('/radio/skin/xp-digits.png') -41px 0; z-index: 5; display:inline-block; }
.xpdigit_6 { position: relative; width: 10px; height: 13px; background: url('/radio/skin/xp-digits.png') -51px 0; z-index: 5; display:inline-block; }
.xpdigit_7 { position: relative; width: 10px; height: 13px; background: url('/radio/skin/xp-digits.png') -62px 0; z-index: 5; display:inline-block; }
.xpdigit_8 { position: relative; width: 10px; height: 13px; background: url('/radio/skin/xp-digits.png') -73px 0; z-index: 5; display:inline-block; }
.xpdigit_9 { position: relative; width: 10px; height: 13px; background: url('/radio/skin/xp-digits.png') -84px 0; z-index: 5; display:inline-block; }
.xpdigit_0 { position: relative; width: 11px; height: 13px; background: url('/radio/skin/xp-digits.png') -95px 0; z-index: 5; display:inline-block; }
.xpdigit_slash { position: relative; width: 7px; height: 13px; background: url('/radio/skin/xp-digits.png') -107px 0; z-index: 5; display:inline-block; }
.voting_help { position: absolute; top: 15px; left: 341px; width: 30px; height: 30px; cursor: pointer; background: url('/radio/skin/panel_help.png') 0 0; z-index: 2; }
.radio_modebox { position: absolute; top: 23px; left: 560px; z-index: 9; }
.mode_select { width: 80px; font-family: inherit; font-size: inherit; }
.radio_skinbox { position: absolute; top: 23px; left: 390px; z-index: 9; }
.skin_select { width: 156px; font-family: inherit; font-size: inherit; }
#radio_frame { position: relative; margin: 0 auto; z-index: 8; }
#title-gauge { position: absolute; top: 0px; left: 0px; white-space: nowrap;	visibility: hidden; height: auto; width: auto; cursor: pointer; font: 12px Arial; }
#title-bar {	position: relative; overflow: hidden; width: 350px; height: 17px; top: 5px; }
#title-mover { position: relative; left: 0px; white-space: nowrap; font: 12px Arial; cursor: default; }
#volume-ctl { position: relative; float: right; margin-right: 6px; top: 4px; width: 26px; height: 17px; cursor:pointer; }
.nohtml5 { position: relative; left: 0px; white-space: nowrap; top: -12px; font: 12px Arial; color: #000000; }
.title-color { color: #000000; }
.icecast_play { position: relative; float: right; margin-right: 6px; top: 5px; width: 26px; height: 16px; cursor:pointer; background: url('/radio/skin/icecast-play.png'); z-index: 10; }
.voting_loading { position: absolute; top: 10px; left: 16px; width: 193px; height: 37px; background: url('/radio/skin/panel_loading.png'); z-index: 2; }
.voting_error { position: absolute; top: 10px; left: 16px; width: 139px; height: 37px; background: url('/radio/skin/panel_error.png'); z-index: 2; }

/* Admin */
.admin .radio_bg { top: 0px; left: 50px; width: 600px; height: 45px; background: #ffffff url('/radio/skin/admin-player.gif') no-repeat; }
.admin .radio_player { top: 11px; left: 75px; width: 555px; }
.admin #radio_frame { margin-top: 50px; }
.admin .title-color { color: #ffffff; }

/* 1: Final Fantasy IV */
.skin1 .radio_bg { top: 0px; left: 94px; width: 512px; height: 434px; background: #ffffff url('/radio/skin/1.gif') no-repeat; }
.skin1 #click_to_play { top: 172px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin1 .radio_player { top: 301px; left: 295px; width: 277px; }
.skin1 .radio_listeners_text { display: none; }
.skin1 .radio_digit1right { position: absolute; top: 360px; left: 356px; }
.skin1 .radio_digit2right { position: absolute; top: 360px; left: 372px; }
.skin1 .radio_digit3right { position: absolute; top: 360px; left: 388px; }
.skin1 .radio_digit4right { position: absolute; top: 360px; left: 404px; }
.skin1 .radio_count0 { width: 16px; height: 16px; background-image: url('/radio/skin/1_counter.gif'); background-position: -2px -2px; z-index: 7; }
.skin1 .radio_count1 { width: 16px; height: 16px; background-image: url('/radio/skin/1_counter.gif'); background-position: -20px -2px; z-index: 7; }
.skin1 .radio_count2 { width: 16px; height: 16px; background-image: url('/radio/skin/1_counter.gif'); background-position: -38px -2px; z-index: 7; }
.skin1 .radio_count3 { width: 16px; height: 16px; background-image: url('/radio/skin/1_counter.gif'); background-position: -56px -2px; z-index: 7; }
.skin1 .radio_count4 { width: 16px; height: 16px; background-image: url('/radio/skin/1_counter.gif'); background-position: -74px -2px; z-index: 7; }
.skin1 .radio_count5 { width: 16px; height: 16px; background-image: url('/radio/skin/1_counter.gif'); background-position: -92px -2px; z-index: 7; }
.skin1 .radio_count6 { width: 16px; height: 16px; background-image: url('/radio/skin/1_counter.gif'); background-position: -110px -2px; z-index: 7; }
.skin1 .radio_count7 { width: 16px; height: 16px; background-image: url('/radio/skin/1_counter.gif'); background-position: -128px -2px; z-index: 7; }
.skin1 .radio_count8 { width: 16px; height: 16px; background-image: url('/radio/skin/1_counter.gif'); background-position: -146px -2px; z-index: 7; }
.skin1 .radio_count9 { width: 16px; height: 16px; background-image: url('/radio/skin/1_counter.gif'); background-position: -164px -2px; z-index: 7; }
.skin1 .link1a { position: absolute; left: 120px; top: 295px; width: 142px; height: 29px; z-index: 7; }
.skin1 .link1a:hover div { visibility: visible; }
.skin1 .link1a div { left: -26px; top: 7px; width: 32px; height: 32px; background-image: url('/radio/skin/1_hand.gif'); z-index: 7; visibility: hidden; }
.skin1 .link2a { position: absolute; left: 120px; top: 324px; width: 142px; height: 24px; z-index: 7; }
.skin1 .link2a:hover div { visibility: visible; }
.skin1 .link2a div { left: -26px; top: 2px; width: 32px; height: 32px; background-image: url('/radio/skin/1_hand.gif'); z-index: 7; visibility: hidden; }
.skin1 .link3a { position: absolute; left: 120px; top: 348px; width: 142px; height: 24px; z-index: 7; }
.skin1 .link3a:hover div { visibility: visible; }
.skin1 .link3a div { left: -26px; top: 2px; width: 32px; height: 32px; background-image: url('/radio/skin/1_hand.gif'); z-index: 7; visibility: hidden; }
.skin1 .link4a { position: absolute; left: 120px; top: 372px; width: 142px; height: 24px; z-index: 7; }
.skin1 .link4a:hover div { visibility: visible; }
.skin1 .link4a div { left: -26px; top: 2px; width: 32px; height: 32px; background-image: url('/radio/skin/1_hand.gif'); z-index: 7; visibility: hidden; }
.skin1 .link5a { position: absolute; left: 120px; top: 396px; width: 142px; height: 26px; z-index: 7; }
.skin1 .link5a:hover div { visibility: visible; }
.skin1 .link5a div { left: -26px; top: 2px; width: 32px; height: 32px; background-image: url('/radio/skin/1_hand.gif'); z-index: 7; visibility: hidden; }
.skin1 .radio_link1_txt { display: none; }
.skin1 .radio_link2_txt { display: none; }
.skin1 .radio_link3_txt { display: none; }
.skin1 .radio_link4_txt { display: none; }
.skin1 .radio_link5_txt { display: none; }
.skin1 .radio_extra1 { position: absolute; top: 0px; left: 110px; width: 482px; height: 280px; background: transparent url('/radio/skin/1_action.gif') no-repeat; margin: 0; z-index: 2; }
.skin1 #radio_bottompanel { top: 441px; }
.skin1 #radio_frame { margin-top: 448px; }
.skin1 .title-color { color: #FFFFFF; }

/* 2: Mario */
.skin2 .radio_bg { top: 0px; left: 75px; width: 550px; height: 230px; background: #ffffff url('/radio/skin/2.png') no-repeat; }
.skin2 #click_to_play { left: 60%; top: 130px; width: 288px; height: 72px; background: url('/radio/skin/listen_button_sml.gif') no-repeat; cursor: pointer; }
.skin2 .radio_player { top: 15px; left: 100px; width: 300px; }
.skin2 .radio_listeners { top: 195px; left: 100px; width: 150px; color: #FFFFFF; text-align: left; }
.skin2 .radio_links { top: 50px; left: 103px; }
.skin2 .radio_links a { color: #ffffff; text-decoration: none; font-weight: normal; font-style: normal; }
.skin2 .radio_links a:hover { color: #ed8907; text-decoration: none; font-weight: normal; font-style: normal; }
.skin2 .radio_links ul { text-align: left; }
.skin2 .radio_links li { line-height: 22px; }
.skin2 .radio_links li:before { content: url(/radio/skin/2_fireball.gif); padding: 0px 5px 0px 0px; }
.skin2 .radio_links li:first-child:before { content: url(/radio/skin/2_fireball.gif); padding: 0px 5px 0px 0px; }
.skin2 #radio_bottompanel { top: 237px; }
.skin2 #radio_frame { margin-top: 244px; }
.skin2 .title-color { color: #FFFFFF; }

/* 3: Chocobo */
.skin3 .radio_bg { top: 0px; left: 75px; width: 550px; height: 236px; background: #ffffff url('/radio/skin/3.png') no-repeat; }
.skin3 #click_to_play { left: 63%; top: 135px; width: 288px; height: 72px; background: url('/radio/skin/listen_button_sml.gif') no-repeat; cursor: pointer; }
.skin3 .radio_player { top: 15px; left: 100px; width: 300px; }
.skin3 .radio_listeners { top: 200px; left: 100px; width: 150px; color: #000000; text-align: left; }
.skin3 .radio_links { top: 60px; left: 102px; }
.skin3 .radio_links a { color: #ffef99; text-decoration: none; font-weight: normal; font-style: normal; }
.skin3 .radio_links a:hover { color: #ffd950; text-decoration: none; font-weight: normal; font-style: normal; }
.skin3 .radio_links ul { text-align: left; }
.skin3 .radio_links li { line-height: 23px; }
.skin3 #radio_bottompanel { top: 243px; }
.skin3 #radio_frame { margin-top: 250px; }
.skin3 .title-color { color: #000000; }

/* 4: Moogle */
.skin4 .radio_bg { top: 0px; left: 75px; width: 550px; height: 290px; background: #ffffff url('/radio/skin/4.png') no-repeat; }
.skin4 #click_to_play { left: 40%; top: 170px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin4 .radio_player { top: 15px; left: 310px; width: 300px; }
.skin4 .radio_listeners { top: 255px; left: 445px; width: 150px; color: #000000; text-align: right; }
.skin4 .radio_links { top: 85px; left: 490px; }
.skin4 .radio_links a { color: #33547c; text-decoration: none; font-weight: normal; font-style: normal; }
.skin4 .radio_links a:hover { color: #a3bac9; text-decoration: none; font-weight: normal; font-style: normal; }
.skin4 .radio_links ul { text-align: right; }
.skin4 .radio_links li { line-height: 24px; }
.skin4 #radio_bottompanel { top: 297px; }
.skin4 #radio_frame { margin-top: 304px; }
.skin4 .title-color { color: #000000; }

/* 5: Link */
.skin5 .radio_bg { top: 0px; left: 75px; width: 550px; height: 329px; background: #ffffff url('/radio/skin/5.png') no-repeat; }
.skin5 #click_to_play { top: 181px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin5 .radio_player { top: 139px; left: 362px; width: 260px; }
.skin5 .radio_listeners { top: 295px; left: 445px; width: 150px; color: #000000; text-align: right; }
.skin5 .radio_links { top: 13px; left: 490px; }
.skin5 .radio_links a { color: #689c52; text-decoration: none; font-weight: normal; font-style: normal; }
.skin5 .radio_links a:hover { color: #b8f9b9; text-decoration: none; font-weight: normal; font-style: normal; }
.skin5 .radio_links ul { text-align: right; }
.skin5 .radio_links li { line-height: 22px; }
.skin5 #radio_bottompanel { top: 336px; }
.skin5 #radio_frame { margin-top: 343px; }
.skin5 .title-color { color: #000000; }

/* 6: Super Metroid */
.skin6 .radio_bg { top: 0px; left: 50px; width: 600px; height: 260px; background: #ffffff url('/radio/skin/6.gif') no-repeat; }
.skin6 #click_to_play { top: 150px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin6 .radio_player { top: 11px; left: 289px; width: 346px; }
.skin6 .radio_listeners_text { display: none; }
.skin6 .radio_digit1 { position: absolute; top: 47px; left: 576px; }
.skin6 .radio_digit2 { position: absolute; top: 47px; left: 590px; }
.skin6 .radio_digit3 { position: absolute; top: 47px; left: 604px; }
.skin6 .radio_digit4 { position: absolute; top: 47px; left: 618px; }
.skin6 .radio_count0 { width: 14px; height: 16px; background-image: url('/radio/skin/6_ui.gif'); background-position: -354px -90px; z-index: 7; }
.skin6 .radio_count1 { width: 14px; height: 16px; background-image: url('/radio/skin/6_ui.gif'); background-position: -210px -90px; z-index: 7; }
.skin6 .radio_count2 { width: 14px; height: 16px; background-image: url('/radio/skin/6_ui.gif'); background-position: -226px -90px; z-index: 7; }
.skin6 .radio_count3 { width: 14px; height: 16px; background-image: url('/radio/skin/6_ui.gif'); background-position: -242px -90px; z-index: 7; }
.skin6 .radio_count4 { width: 14px; height: 16px; background-image: url('/radio/skin/6_ui.gif'); background-position: -258px -90px; z-index: 7; }
.skin6 .radio_count5 { width: 14px; height: 16px; background-image: url('/radio/skin/6_ui.gif'); background-position: -274px -90px; z-index: 7; }
.skin6 .radio_count6 { width: 14px; height: 16px; background-image: url('/radio/skin/6_ui.gif'); background-position: -290px -90px; z-index: 7; }
.skin6 .radio_count7 { width: 14px; height: 16px; background-image: url('/radio/skin/6_ui.gif'); background-position: -306px -90px; z-index: 7; }
.skin6 .radio_count8 { width: 14px; height: 16px; background-image: url('/radio/skin/6_ui.gif'); background-position: -322px -90px; z-index: 7; }
.skin6 .radio_count9 { width: 14px; height: 16px; background-image: url('/radio/skin/6_ui.gif'); background-position: -338px -90px; z-index: 7; }
.skin6 .link1a { position: absolute; left: 64px; top: 15px; width: 200px; height: 16px; background-image: url('/radio/skin/6_ui.gif'); background-position: -200px 0px; z-index: 7; }
.skin6 .link1a:hover { background-position: 0px 0px; }
.skin6 .link2a { position: absolute; left: 64px; top: 31px; width: 200px; height: 16px; background-image: url('/radio/skin/6_ui.gif'); background-position: -200px -18px; z-index: 7; }
.skin6 .link2a:hover { background-position: 0px -18px; }
.skin6 .link3a { position: absolute; left: 64px; top: 47px; width: 200px; height: 16px; background-image: url('/radio/skin/6_ui.gif'); background-position: -200px -36px; z-index: 7; }
.skin6 .link3a:hover { background-position: 0px -36px; }
.skin6 .link4a { position: absolute; left: 64px; top: 63px; width: 200px; height: 16px; background-image: url('/radio/skin/6_ui.gif'); background-position: -200px -54px; z-index: 7; }
.skin6 .link4a:hover { background-position: 0px -54px; }
.skin6 .link5a { position: absolute; left: 64px; top: 79px; width: 200px; height: 16px; background-image: url('/radio/skin/6_ui.gif'); background-position: -200px -72px; z-index: 7; }
.skin6 .link5a:hover { background-position: 0px -72px; }
.skin6 .radio_link1_txt { display: none; }
.skin6 .radio_link2_txt { display: none; }
.skin6 .radio_link3_txt { display: none; }
.skin6 .radio_link4_txt { display: none; }
.skin6 .radio_link5_txt { display: none; }
.skin6 .radio_extra1 { position: absolute; top: 0px; left: 50px; width: 600px; height: 260px; background: transparent url('/radio/skin/6_border.gif') no-repeat; margin: 0; z-index: 6; }
.skin6 .radio_extra2 { position: absolute; top: 112px; left: 269px; width: 188px; height: 82px; background: transparent url('/radio/skin/6_gunship.gif') no-repeat; margin: 0; z-index: 4; }
.skin6 .radio_extra3 { position: absolute; top: 169px; left: 50px; width: 600px; height: 9px; background: transparent url('/radio/skin/6_cloud_btm.gif') no-repeat; margin: 0; z-index: 2; }
.skin6 .radio_extra4 { position: absolute; top: 154px; left: 50px; width: 600px; height: 9px; background: transparent url('/radio/skin/6_cloud_midbtm.gif') no-repeat; margin: 0; z-index: 2; }
.skin6 .radio_extra5 { position: absolute; top: 121px; left: 50px; width: 600px; height: 9px; background: transparent url('/radio/skin/6_cloud_midtop.gif') no-repeat; margin: 0; z-index: 2; }
.skin6 .radio_extra6 { position: absolute; top: 90px; left: 50px; width: 600px; height: 9px; background: transparent url('/radio/skin/6_cloud_top.gif') no-repeat; margin: 0; z-index: 2; }
.skin6 .radio_extra7 { position: absolute; top: 0px; left: 50px; width: 600px; height: 260px; background: transparent url('/radio/skin/6_rain.gif') no-repeat; margin: 0; opacity:0.4; filter: alpha(opacity=40); z-index: 5; }
.skin6 .radio_extra8 { position: absolute; top: 0px; left: 50px; width: 600px; height: 260px; background: transparent url('/radio/skin/6_foreground.gif') no-repeat; margin: 0; z-index: 4; }
.skin6 .radio_extra9 { position: absolute; top: 0px; left: 50px; width: 600px; height: 260px; background: transparent url('/radio/skin/6_actions.gif') no-repeat; margin: 0; z-index: 3; }
.skin6 #radio_bottompanel { top: 267px; }
.skin6 #radio_frame { margin-top: 274px; }
.skin6 .title-color { color: #FFFFFF; }

/* 7: Prince of Persia */
.skin7 .radio_bg { top: 0px; left: 75px; width: 550px; height: 300px; background: #ffffff url('/radio/skin/7.png') no-repeat; }
.skin7 #click_to_play { left: 63%; top: 114px; width: 288px; height: 72px; background: url('/radio/skin/listen_button_sml.gif') no-repeat; cursor: pointer; }
.skin7 .radio_player { top: 51px; left: 310px; width: 260px; }
.skin7 .radio_listeners { top: 239px; left: 440px; width: 125px; color: #ffffff; text-align: right; }
.skin7 .radio_links { top: 148px; left: 135px; }
.skin7 .radio_links a { color: #ffffff; text-decoration: none; font-weight: normal; font-style: normal; }
.skin7 .radio_links a:hover { color: #000000; text-decoration: underline; font-weight: normal; font-style: normal; }
.skin7 .radio_links ul { text-align: left; }
.skin7 .radio_links li { line-height: 22px; }
.skin7 #radio_bottompanel { top: 307px; }
.skin7 #radio_frame { margin-top: 314px; }
.skin7 .title-color { color: #FFFFFF; }

/* 8: Vivi */
.skin8 .radio_bg { top: 0px; left: 75px; width: 550px; height: 352px; background: #ffffff url('/radio/skin/8.png') no-repeat; }
.skin8 #click_to_play { top: 190px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin8 .radio_player { top: 300px; left: 140px; width: 435px; }
.skin8 .radio_listeners { top: 60px; left: 420px; width: 150px; color: #c0c0c0; text-align: right; }
.skin8 .radio_links { top: 57px; left: 140px; }
.skin8 .radio_links a { color: #ffffff; text-decoration: none; font-weight: normal; font-style: normal; }
.skin8 .radio_links a:hover { color: #ff1919; text-decoration: none; font-weight: normal; font-style: normal; }
.skin8 .radio_links ul { text-align: left; }
.skin8 .radio_links li { line-height: 24px; }
.skin8 #radio_bottompanel { top: 359px; }
.skin8 #radio_frame { margin-top: 366px; }
.skin8 .title-color { color: #FFFFFF; }

/* 9: World of Tanks */
.skin9 .radio_bg { top: 0px; left: 50px; width: 600px; height: 375px; background: #ffffff url('/radio/skin/9.png') no-repeat; }
.skin9 #click_to_play { top: 181px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin9 .radio_player { top: 312px; left: 115px; width: 300px; }
.skin9 .radio_listeners { top: 320px; left: 425px; width: 150px; color: #ffffff; text-align: right; }
.skin9 .radio_links { top: 27px; left: 455px; }
.skin9 .radio_links a { color: #ffffff; text-decoration: none; font-weight: bold; font-style: normal; }
.skin9 .radio_links a:hover { color: #c8c8c8; text-decoration: underline; font-weight: bold; font-style: normal; }
.skin9 .radio_links ul { text-align: right; }
.skin9 .radio_links li { line-height: 20px; }
.skin9 #radio_bottompanel { top: 382px; }
.skin9 #radio_frame { margin-top: 389px; }
.skin9 .title-color { color: #FFFFFF; }

/* 10: Final Fantasy 13 */
.skin10 .radio_bg { top: 0px; left: 50px; width: 600px; height: 338px; background: #ffffff url('/radio/skin/10.png') no-repeat; }
.skin10 #click_to_play { left: 63%; top: 200px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin10 .radio_player { top: 147px; left: 197px; width: 240px; }
.skin10 .radio_listeners { top: 80px; left: 68px; width: 150px; color: #ffffff; text-align: left; }
.skin10 .radio_links { top: 200px; left: 125px; }
.skin10 .radio_links a { color: #ffffff; text-decoration: none; font-weight: normal; font-style: normal; }
.skin10 .radio_links a:hover { color: #ff1919; text-decoration: none; font-weight: normal; font-style: normal; }
.skin10 .radio_links ul { text-align: left; }
.skin10 .radio_links li { line-height: 22px; }
.skin10 #radio_bottompanel { top: 345px; }
.skin10 #radio_frame { margin-top: 352px; }
.skin10 .title-color { color: #FFFFFF; }

/* 11: Persona 4 */
.skin11 .radio_bg { top: 0px; left: 75px; width: 550px; height: 300px; background: #ffffff url('/radio/skin/11.png') no-repeat; }
.skin11 #click_to_play { top: 181px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin11 .radio_player { top: 26px; left: 333px; width: 260px; }
.skin11 .radio_listeners { top: 54px; left: 472px; width: 125px; color: #000000; text-align: left; }
.skin11 .radio_links { top: 23px; left: 110px; }
.skin11 .radio_links a { color: #000000; text-decoration: none; font-weight: normal; font-style: normal; }
.skin11 .radio_links a:hover { color: #000000; text-decoration: underline; font-weight: normal; font-style: normal; }
.skin11 .radio_links ul { text-align: left; }
.skin11 .radio_links li { line-height: 23px; }
.skin11 #radio_bottompanel { top: 307px; }
.skin11 #radio_frame { margin-top: 314px; }
.skin11 .title-color { color: #000000; }

/* 12: Dragon Quest Slimes */
.skin12 .radio_bg { top: 0px; left: 50px; width: 598px; height: 374px; background: #ffffff url('/radio/skin/12.png') no-repeat; }
.skin12 #click_to_play { top: 125px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin12 .radio_player { top: 60px; left: 155px; width: 400px; }
.skin12 .radio_listeners { top: 330px; left: 85px; width: 150px; color: #ffffff; text-align: left; }
.skin12 .radio_links { top: 240px; left: 500px; }
.skin12 .radio_links a { color: #ffffff; text-decoration: none; font-weight: normal; font-style: normal; }
.skin12 .radio_links a:hover { color: #58d3f7; text-decoration: none; font-weight: normal; font-style: normal; }
.skin12 .radio_links ul { text-align: right; }
.skin12 .radio_links li { line-height: 22px; }
.skin12 #radio_bottompanel { top: 381px; }
.skin12 #radio_frame { margin-top: 388px; }
.skin12 .title-color { color: #FFFFFF; }

/* 13: Minecraft Faces */
.skin13 .radio_bg { top: 0px; left: 50px; width: 600px; height: 259px; background: #ffffff url('/radio/skin/13.png') no-repeat; }
.skin13 #click_to_play { left: 38%; top: 110px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin13 .radio_player { top: 70px; left: 150px; width: 385px; }
.skin13 .radio_listeners { top: 215px; left: 85px; width: 150px; color: #ffffff; text-align: left; }
.skin13 .radio_links { top: 125px; left: 500px; }
.skin13 .radio_links a { color: #ffffff; text-decoration: none; font-weight: normal; font-style: normal; }
.skin13 .radio_links a:hover { color: #33ebcb; text-decoration: none; font-weight: normal; font-style: normal; }
.skin13 .radio_links ul { text-align: right; }
.skin13 .radio_links li { line-height: 22px; }
.skin13 #radio_bottompanel { top: 266px; }
.skin13 #radio_frame { margin-top: 273px; }
.skin13 .title-color { color: #FFFFFF; }

/* 14: Metal Gear?! */
.skin14 .radio_bg { top: 0px; left: 60px; width: 580px; height: 300px; background: #ffffff url('/radio/skin/14.png') no-repeat; }
.skin14 #click_to_play { left: 66%; top: 211px; width: 288px; height: 72px; background: url('/radio/skin/listen_button_sml.gif') no-repeat; cursor: pointer; }
.skin14 .radio_player { top: 51px; left: 165px; width: 240px; }
.skin14 .radio_listeners { top: 240px; left: 167px; width: 125px; color: #ffffff; text-align: left; }
.skin14 .radio_links { top: 83px; left: 175px; }
.skin14 .radio_links a { color: #ffffff; text-decoration: none; font-weight: normal; font-style: normal; }
.skin14 .radio_links a:hover { color: #00e000; text-decoration: underline; font-weight: normal; font-style: normal; }
.skin14 .radio_links ul { text-align: left; }
.skin14 .radio_links li { line-height: 22px; }
.skin14 .radio_extra1 { position: absolute; top: 61px; left: 470px; width: 82px; height: 141px; background: transparent url('/radio/skin/14_otacon.gif') no-repeat; margin: 0; z-index: 3; }
.skin14 #radio_bottompanel { top: 307px; }
.skin14 #radio_frame { margin-top: 314px; }
.skin14 .title-color { color: #FFFFFF; }

/* 15: Batman: Arkham City */
.skin15 .radio_bg { top: 0px; left: 50px; width: 600px; height: 300px; background: #ffffff url('/radio/skin/15.png') no-repeat; }
.skin15 #click_to_play { left: 38%; top: 105px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin15 .radio_player { top: 40px; left: 355px; width: 270px; }
.skin15 .radio_listeners { top: 240px; left: 65px; width: 125px; color: #000000; text-align: left; }
.skin15 .radio_links { top: 95px; left: 507px; }
.skin15 .radio_links a { color: #000000; text-decoration: none; font-weight: normal; font-style: normal; }
.skin15 .radio_links a:hover { color: #000000; text-decoration: underline; font-weight: normal; font-style: normal; }
.skin15 .radio_links ul { text-align: right; }
.skin15 .radio_links li { line-height: 23px; }
.skin15 #radio_bottompanel { top: 307px; }
.skin15 #radio_frame { margin-top: 314px; }
.skin15 .title-color { color: #000000; }

/* 16: Halo Reach */
.skin16 .radio_bg { top: 0px; left: 38px; width: 625px; height: 345px; background: #ffffff url('/radio/skin/16.png') no-repeat; }
.skin16 #click_to_play { top: 195px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin16 .radio_player { top: 15px; left: 335px; width: 300px; }
.skin16 .radio_listeners { top: 310px; left: 480px; width: 150px; color: #ffffff; text-align: right; }
.skin16 .radio_links { top: 48px; left: 517px; }
.skin16 .radio_links a { color: #ffffff; text-decoration: none; font-weight: normal; font-style: normal; }
.skin16 .radio_links a:hover { color: #ababab; text-decoration: none; font-weight: normal; font-style: normal; }
.skin16 .radio_links ul { text-align: right; }
.skin16 .radio_links li { line-height: 23px; }
.skin16 #radio_bottompanel { top: 352px; }
.skin16 #radio_frame { margin-top: 359px; }
.skin16 .title-color { color: #FFFFFF; }

/* 17: Terraria */
.skin17 .radio_bg { top: 0px; left: 40px; width: 620px; height: 350px; background: #ffffff url('/radio/skin/17.png') no-repeat; }
.skin17 #click_to_play { top: 85px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin17 .radio_player { top: 240px; left: 160px; width: 200px; }
.skin17 .radio_listeners { top: 275px; left: 160px; width: 150px; color: #fefefe; text-align: left; }
.skin17 .radio_links { top: 220px; left: 407px; }
.skin17 .radio_links a { color: #ffffff; text-decoration: none; font-weight: normal; font-style: normal; }
.skin17 .radio_links a:hover { color: #0fc4ff; text-decoration: none; font-weight: normal; font-style: normal; }
.skin17 .radio_links ul { text-align: center; }
.skin17 .radio_links li { line-height: 19px; }
.skin17 #radio_bottompanel { top: 357px; }
.skin17 #radio_frame { margin-top: 364px; }
.skin17 .title-color { color: #FFFFFF; }

/* 18: World 1-1 */
.skin18 .radio_bg { top: 0px; left: 50px; width: 600px; height: 320px; background: #ffffff url('/radio/skin/18.gif') no-repeat; }
.skin18 #click_to_play { top: 195px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin18 .radio_player { top: 21px; left: 410px; width: 220px; }
.skin18 .radio_listeners { top: 48px; left: 474px; width: 150px; color: #ffffff; text-align: right; }
.skin18 .radio_links { top: 31px; left: 105px; }
.skin18 .radio_links a { color: #ffffff; text-decoration: none; font-weight: normal; font-style: normal; }
.skin18 .radio_links a:hover { color: #ffd950; text-decoration: none; font-weight: normal; font-style: normal; }
.skin18 .radio_links ul { text-align: left; }
.skin18 .radio_links li { line-height: 21px; }
.skin18 #radio_bottompanel { top: 327px; }
.skin18 #radio_frame { margin-top: 334px; }
.skin18 .title-color { color: #FFFFFF; }

/* 19: Chrono Trigger */
.skin19 .radio_bg { top: 0px; left: 90px; width: 520px; height: 422px; border-radius: 8px; background: #000000 url('/radio/skin/19.gif') no-repeat; background-position: center; }
.skin19 #click_to_play { top: 245px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin19 .radio_player { top: 381px; left: 152px; width: 402px; }
.skin19 .radio_listeners { top: 14px; left: 434px; width: 150px; color: #dddddd; font-weight: bold; text-align: center; }
.skin19 .radio_links { top: 12px; left: 116px; }
.skin19 .radio_links a { color: #dddddd; font-weight: bold; }
.skin19 .radio_links a:hover { color: #cccccc; font-weight: bold; }
.skin19 .radio_links ul { text-align: left; }
.skin19 .radio_links li { line-height: 22px; }
.skin19 .radio_extra1 { position: absolute; top: 206px; left: 246px; width: 48px; height: 82px; background: transparent url('/radio/skin/19_frog.gif') no-repeat; margin: 0; z-index: 2; }
.skin19 .radio_extra2 { position: absolute; top: 220px; left: 442px; width: 44px; height: 102px; background: transparent url('/radio/skin/19_ayla.gif') no-repeat; margin: 0; z-index: 2; }
.skin19 .radio_extra3 { position: absolute; top: 254px; left: 537px; width: 62px; height: 64px; background: transparent url('/radio/skin/19_magus.gif') no-repeat; margin: 0; z-index: 2; }
.skin19 .radio_extra4 { position: absolute; top: 158px; left: 336px; width: 78px; height: 102px; background: transparent url('/radio/skin/19_lucca.gif') no-repeat; margin: 0; z-index: 2; }
.skin19 .radio_extra5 { position: absolute; top: 192px; left: 346px; width: 35px; height: 36px; background: transparent url('/radio/skin/19_robo.gif') no-repeat; margin: 0; z-index: 2; }
.skin19 #radio_bottompanel { top: 432px; }
.skin19 #radio_frame { margin-top: 438px; }
.skin19 #title-mover { font-weight: bold; }
.skin19 #title-mover a { color: #EEEEEE; }
.skin19 .title-color { color: #EEEEEE; }

/* 20: Zelda: Breath of the Wild */
.skin20 .radio_bg { top: 0px; left: 50px; width: 600px; height: 338px; background: #ffffff url('/radio/skin/20.gif') no-repeat; }
.skin20 #click_to_play { top: 215px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin20 .radio_player { top: 18px; left: 85px; width: 254px; }
.skin20 .radio_listeners { top: 153px; left: 490px; width: 125px; color: #fefefe; text-align: center; }
.skin20 .radio_links { top: 25px; left: 497px; }
.skin20 .radio_links a { color: #ffffff; text-decoration: none; font-weight: normal; font-style: normal; }
.skin20 .radio_links a:hover { color: #fefefe; text-decoration: underline; font-weight: normal; font-style: normal; }
.skin20 .radio_links ul { text-align: center; }
.skin20 .radio_links li { line-height: 21px; }
.skin20 #radio_bottompanel { top: 345px; }
.skin20 #radio_frame { margin-top: 352px; }
.skin20 .title-color { color: #ffffff; }

/* 21: Persona 5 */
.skin21 .radio_bg { top: 0px; left: 44px; width: 612px; height: 387px; background: #000000 url('/radio/skin/21.gif') no-repeat; }
.skin21 #click_to_play { top: 260px; width: 360px; height: 90px; background: url('/radio/skin/listen_button.gif') no-repeat; cursor: pointer; }
.skin21 .radio_player { top: 11px; left: 75px; width: 555px; }
.skin21 #radio_bottompanel { top: 394px; }
.skin21 #radio_frame { margin-top: 401px; }
.skin21 .title-color { color: #ffffff; }