@charset "UTF-8";

body,html { margin:0; padding:0; height: 100%; }

#loading-mask{position:absolute;left:0; top:0; width:100%; height:100%; z-index:20000; background-color:black;}
#loading{position:absolute; left:45%; top:40%; padding:2px; z-index:20001; height:auto; }
#loading a {color:#225588;}
#loading .loading-indicator{background:black;color:#fff;font:bold 13px tahoma,arial,helvetica;padding:10px;margin:0;height:auto;}
#loading-msg {font: normal 10px arial,tahoma,sans-serif;}

/* override ext */
#contentlist .loading-indicator {font-size:11px;background-image:url(../images/loader/loader02.gif);background-repeat:no-repeat;background-position:left;padding-left:30px;line-height:24px;margin:3px;}
.msg .x-box-mc { font-size:14px; }
#msg-div { position:absolute; left:35%; top:10px; width:250px; z-index:20000; }

#mradio-header {position:relative; /*border-bottom: 1px solid #333;*/ margin-bottom:2px; }
#mradio-logo { font-size:9pt; line-height:20px; float:left; }
#mradio-poweredby { font-size:8pt; line-height:20px; position:absolute; top:0px; right:2px; }
#mradio-player { float:left; margin-left:10px; }
#mradio-player a {display:inline-block;width:20px;height:20px;float:left;}
#mradio-player a.stopped{background-image:url(../images/button/btn_play_normal.png);background-repeat:no-repeat;background-position:left;}
#mradio-player a.stopped:hover{background-image:url(../images/button/btn_play_focus.png);}
#mradio-player a.playing{background-image:url(../images/button/btn_play_active.png);background-repeat:no-repeat;background-position:left;}
#mradio-player a.playing:hover{background-image:url(../images/button/btn_pause_focus.png);}
#mradio-player a.paused{background-image:url(../images/button/btn_pause_active.png);background-repeat:no-repeat;background-position:left;}
#mradio-player a.paused:hover{background-image:url(../images/button/btn_play_focus.png);}
#mradio-player a#next-button{ background-image:url(../images/button/btn_next_normal.png);background-repeat:no-repeat;background-position:left;}
#mradio-player a#next-button:hover{background-image:url(../images/button/btn_next_focus.png);}

#control-panel { color:#fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#control-panel .detail img,
#control-panel .detail div.meta { float:left; margin-left:8px; }
#control-panel .detail span { line-height: 30px; font-size:9pt; }
#control-panel .detail span.title_div { margin-left:.5em; margin-right:.5em; }
#control-panel .detail span#playtime_div { margin-left:.5em; margin-right:.5em; }
#control-panel p.warning,
#control-panel p.initializing { line-height: 60px; font-size:9pt; text-align: center; }

#contentlist { }
#contentlist div.thumb-wrap { float:left; width:140px; height: 140px; overflow: hidden; }
#contentlist img { border: 3px solid #000; max-height: 130px; margin: auto; }
#contentlist .x-view-over {}
#contentlist .x-view-selected img { border:3px solid #00ff00; }
#contentlist .x-view-over img { border: 3px solid #4096EE; }
#contentlist .contentitem { position: relative; }
#contentlist .contentitem .title { color:#fff; font-size:9pt; line-height: 100%; font-weight: normal; padding-left:1px; padding-right:1px; }

#footer-inner { text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#footer-inner ul { list-style: none; margin: 2px; }
#footer-inner ul li { display: inline; font-size:8pt;  }
#footer-inner ul li.copyright { text-align: center; margin-top:4px; color: #444; }
#footer-inner a { text-decoration: none; color: #C3D9FF; }
#footer-inner a:hover { text-decoration: underline; color: #fff; }
#mradio-header a { text-decoration: none; color: #C3D9FF; }
#mradio-header a:hover { text-decoration: underline; color: #fff; }