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

#content { width: 100%; }

#relateartists a { text-decoration: none; color: #C3D9FF; }
#relateartists a:hover { text-decoration: underline; color: #fff; }
#newreleases a { text-decoration: underline; color: #C3D9FF; }
#newreleases a:hover { text-decoration: none; }

.icon-help { background-image:url(../images/icon/famsilk/help.png) !important; }
.icon-blog { background-image:url(../images/icon/famsilk/book_edit.png) !important; }
.icon-about { background-image:url(../images/icon/famsilk/information.png) !important; }
.icon-history { background-image:url(../images/icon/famsilk/date.png) !important; }
.icon-privacy { background-image:url(../images/icon/famsilk/user.png) !important; }
.icon-bug { background-image:url(../images/icon/famsilk/bug_go.png) !important; }
.icon-alpha { background-image:url(../images/icon/famsilk/application_home.png) !important; }

.icon-artistmenu { background-image:url(../images/icon/famsilk/music.png) !important; }
.icon-usermenu { background-image:url(../images/icon/famsilk/user.png) !important; }
.icon-login { background-image:url(../images/icon/famsilk/status_online.png) !important; }
.icon-logout { background-image:url(../images/icon/famsilk/status_offline.png) !important; }
.icon-addbookmark { background-image:url(../images/icon/famsilk/star.png) !important; }
.icon-editbookmark { background-image:url(../images/icon/famsilk/star.png) !important; }
.icon-podcast { background-image:url(../images/icon/Feed-16x16.png) !important; }
.icon-itunes { background-image:url(../images/icon/iTunes-16x16.png) !important; }

.icon-artistlist { background-image:url(../images/icon/famsilk/group.png) !important; }
.icon-player { background-image:url(../images/icon/famsilk/control_play.png) !important; }
.icon-detail { background-image:url(../images/icon/famsilk/user.png) !important; }
.icon-release { background-image:url(../images/icon/famsilk/calendar.png) !important; }
.icon-videolist { background-image:url(../images/icon/famsilk/film.png) !important; }

/* override ext */
#atunes-player .loading-indicator {font-size:11px;background-image:url(../images/loader/loader02.gif) !important;background-repeat:no-repeat;background-position:left;padding-left:30px;line-height:24px;margin:3px;}
#videolist .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;}
button,input { color:#fff; background-color: #000; }
.msg .x-box-mc { font-size:14px; }
#msg-div { position:absolute; left:35%; top:10px; width:250px; z-index:20000; }

#artist_title h2 { display: inline; font-size: 16px; }
#artist_title a.feed { background: url("/images/icon/Feed-16x16.png") no-repeat left; }
#artist_title a.itunes { background: url("/images/icon/iTunes-16x16.png") no-repeat left; }
#artist_title a.bookmark { background: url("/images/icon/Favorite-16x16.png") no-repeat left; }
#artist_title a { padding-left: 18px; margin-left: 4px; }

#relateartists { height: 80px; display: block; overflow: hidden; }
#relateartists img { border: 1px solid #666; margin: auto; height:50px; }
#relateartists a:hover img { border: 1px solid #4096EE; }
#relateartists div.thumb-wrap { float: left; display:inline-block; }
#relateartists div.thumb-wrap { border:1px solid #000; padding:2px; width: 80px; height: 80px; overflow: hidden; text-align: center; }
#relateartists div.thumb-wrap p { text-align: center; overflow: hidden; margin-left:auto; margin-right:auto; }
#relateartists .x-view-over {border:1px solid #222222;background:#101010 url(/js/ext-2.2/resources/images/x-jukebox/grid/row-over.gif) repeat-x left top;}

#artistdetail_img { float: left; }
#artistdetail_img { margin:0 4px 0 4px; }
#artistdetail_img img { border: 1px solid #444; }
#artistdetail_img a:hover img { border: 1px solid #4096EE; }
#artistdetail_comment {}
#artistdetail_footer { clear: both; text-align:right; padding:0 4px 0 4px }

#newreleases a img { border: 1px solid #999999; }
#newreleases a:hover img { border: 1px solid #4096EE; }
.nr_item { clear: both; width: 220px; border-bottom: 1px solid #999; padding: 1px; }
.nr_thumbnail { float: left; padding-right: 2px; }
.nr_meta { float: left; width: 180px; line-height: 120%; padding: 2px 0 0 2px; }
span.nr_title { }
span.nr_author { margin-left:2px }
span.nr_releasedat { color: #c3d9ff; margin-left:2px }
.nr_footer { clear: both; }

.ytapiplayer_indicator { display: block; width:425px; height:356px; }

#videolist { }
#videolist div.thumb-wrap { float:left; width:140px; height: 140px; overflow: hidden; }
#videolist img { border: 1px solid #666; margin: auto; }

#videolist .x-view-over {}
#videolist .x-view-selected img { border:1px solid #00ff00; }
#videolist .x-view-over img { border: 1px solid #4096EE; }

#videolist .videoitem { position: relative; }
#videolist .videoitem .videotitle { font-size:9pt; line-height: 100%; font-weight: normal; padding-left:1px; padding-right:1px; }

#atunes-artistcloud { padding: 10px; }
#atunes-artistcloud strong { font-weight: normal; }

/* login dialog */
#login-container { background-color: #000; color: #fff; }