/* FILE css/style.2012060400.css */
ul { LIST-STYLE-TYPE: none } h1 { FONT-SIZE: 1em } h2 { FONT-SIZE: 1em } h3 { FONT-SIZE: 1em } h4 { FONT-SIZE: 1em } h5 { FONT-SIZE: 1em } h6 { FONT-SIZE: 1em } pre { FONT-SIZE: 1em } code { FONT-SIZE: 1em } p { FONT-SIZE: 1em } ul { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } ol { PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } dl { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } li { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } dt { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } dd { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } h1 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } h2 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } h3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } h4 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } h5 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } h6 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } pre { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } form { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } body { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } html { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } p { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } blockquote { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } fieldset { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } input { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } a img { BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none } :link img { BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none } :visited img { BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none } address { FONT-STYLE: normal } a { text-decoration: none; color: #003366;	} a:visited { color:#003366; } a:hover { color:#993300; } body { background-color: #ffffff; FONT: 11px Lucida Grande, Verdana, sans_serif !important; COLOR: #000000; FONT-SIZE-ADJUST: none !important; } h1 { BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; FONT: bold 1.2em Helvetica, Arial, sans_serif; BORDER-LEFT: #000000 1px solid; COLOR: #ffffff; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid } h2 { MARGIN-BOTTOM: 5px; FONT: bold 1.4em Georgia, "Times New Roman", Times, serif; COLOR: #993300 } h3 { FONT: bold 1.4em Helvetica, Arial, sans_serif; COLOR: #ffffcc } h4 { PADDING-RIGHT: 13px; PADDING-LEFT: 13px; PADDING-BOTTOM: 0px; FONT: bold 1.3em Helvetica, Arial, sans_serif; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; PADDING-TOP: 0px } h5 { FONT-WEIGHT: normal; FONT-SIZE: 1.2em; MARGIN-BOTTOM: 5px } p { MARGIN-BOTTOM: 9px } EM { COLOR: #fcf9ac; FONT-STYLE: normal } HR { BACKGROUND-COLOR: #c0c0c0; BORDER: 0px; PADDING: 0px; MARGIN-BOTTOM: 7px; HEIGHT: 1px; } #container { MARGIN: 0px auto; WIDTH: 980px; POSITION: relative; } #header { position: relative; WIDTH: 980px; margin-bottom: 2px; } #logo { BACKGROUND: url(http://images.starpulse.com/images/sp_sprite.2012031200.png) no-repeat 0 0; FLOAT: left; WIDTH: 296px; LINE-HEIGHT: 70px; HEIGHT: 70px; margin-top: 13px; margin-bottom: 7px; POSITION: relative; Z-INDEX: 10; } #logo h1 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; line-height: 0px; } #logo a { DISPLAY: block; WIDTH: 230px; LINE-HEIGHT: 70px; HEIGHT: 70px; } #logo a span { DISPLAY: none } #logo h2 { DISPLAY: none } #search { POSITION: relative; Z-INDEX: 20; FLOAT: right; } #search { DISPLAY: block; background: url(http://images.starpulse.com/images/query.png) no-repeat left center; color: #ffffff; text-transform: uppercase; margin-top: 7px; padding-left: 12px; margin-right: 7px; } #search form { margin: 0px auto; height: 24px !important; } #search #query_field { height: 24px !important; width: 150PX; float: left; margin: 0px !important; padding: 0px !important; border: 0px !important; border-top: #9d9ea3 1px solid !important; } #search img.button { height: 25px; } #search p { MARGIN-BOTTOM: 0px; FONT: 0.9em Verdana, Arial, Helvetica, sans-serif } #search-results { BORDER: #898989 2px solid; POSITION: absolute; CLEAR: both; Z-INDEX: 9999999; WIDTH: 310px; OVERFLOW: hidden; BACKGROUND-COLOR: #ffffff; PADDING: 0px; COLOR: #000000; DISPLAY: none; } #search-results .highlight { BACKGROUND-COLOR: #d0d0d0; CURSOR: pointer; } #search-results div.result { CLEAR: both; POSITION: relative; HEIGHT: 70px; OVERFLOW: hidden; BORDER-BOTTOM: #898989 1px dotted;	TEXT-ALIGN: justified; } #search-results-list img { PADDING-RIGHT: 10px; WIDTH: 70px; FLOAT: left; } #search-results-list div.result-text { PADDING-TOP: 5px; HEIGHT: 100%; } #search-results-list span.result-topic { FONT-SIZE: 1.3em; FONT-WEIGHT: bold; } #profile-menu { BORDER: #898989 2px solid; POSITION: absolute; TOP: 12px; RIGHT: 0px; MARGIN: 0px; Z-INDEX: 1; BACKGROUND-COLOR: #ffffff; PADDING: 10px; WHITE-SPACE: nowrap; COLOR: #757575; VISIBILITY: hidden; } #profile-menu li { DISPLAY: block; PADDING-BOTTOM: 5px; } #profile-menu ul li a { COLOR: #757575; TEXT-DECORATION: none; } #profile-menu ul li a:hover { COLOR: #000000; } #nav { background: #349bdd url(http://images.starpulse.com/images/sp_sprite.v_grad.png) repeat-x 0px -40px; height: 39px; CLEAR: both; POSITION: relative; Z-INDEX: 10; } #nav a { DISPLAY: block; float: left; font-size: 1.2em; border-left: #5ba3d7 1px solid; border-right: #1076b4 1px solid; padding: 10px 17px; height: 19px; color: #ffffff; text-transform: uppercase; } #nav a.selected, #nav a:hover { background: #207ab4 url(http://images.starpulse.com/images/sp_sprite.v_grad.png) repeat-x 0px -80px; } #nav a.home_icon { background-image: url(http://images.starpulse.com/images/home_icon.png); background-position: center; background-repeat: no-repeat; width: 25px; } #nav a.viewing { background-image: url(); background-color: #f5f5f5; color: #207ab4; border: #505050 2px solid; border-bottom: #f5f5f5 3px solid; padding: 8px 16px; } #sub-nav { WIDTH: 966px; POSITION: absolute; BACKGROUND-COLOR:#f5f5f5; Z-INDEX: 10000000; padding: 5px; margin: 0px; border-bottom: #505050 2px solid; border-left: #505050 2px solid; border-right: #505050 2px solid; display: none; } #sub-nav .two_col { float: left; width: 45%; margin-right: 5%; white-space: nowrap; overflow: hidden; } #sub-nav .pseudo_link { cursor: pointer; } #sub-nav .pseudo_link:hover { background-color: #e0e0e0; } #sub-nav .SPNavSection_wrapper { float: left; margin: 0px; width: 370px; background: #f5f5f5 url(http://images.starpulse.com/images/subnav-background.png) repeat-y 0 0; } #sub-nav .SPNavSection_wrapper h1 { border: none; border-left: #e58821 1px solid; border-right: #ffc55d 1px solid; color: #ffffff; text-align: left; text-transform: uppercase; font-size: 1.5em; font-weight: normal; height: 24px; padding: 8px 20px; background: #000000 url(http://images.starpulse.com/images/sp_sprite.v_grad.png) repeat-x 0px 0px; } #sub-nav .short_col { width: 226px; background-image: none; } #sub-nav .three_col { width: 322px; } #sub-nav .SPNavSection_content { position: relative; padding: 8px 16px; height: 220px; overflow: hidden; } #sub-nav .SPNavSection_content .sp_listing { display: block; margin: 0px -8px; padding: 8px; color: #207ab4; font-weight: bold; border-bottom: #404040 1px dotted; background: url(http://images.starpulse.com/images/sp_listing_nav.png) no-repeat 90% center; } #sub-nav .SPNavSection_featured { font-size: 1.4em; font-weight: bold; height: 3.6em; overflow: hidden; } #sub-nav .SPNavBottomBar { text-align: center; clear: both; background: #707070 url(http://images.starpulse.com/images/sp_sprite.v_grad.png) repeat-x 0px -120px; height: 40px; } #sub-nav .SPNavBottomBar a { display: inline-block; color: #ffffff; font-size: 1.2em; font-weight: bold; padding: 10px 8px; } #sub-nav .SPNavBottomBar a:hover { color: #ffff00; } #sub-nav .SPNavBottomBar h1 { color: #ffffff; font-size: 1.5em; font-weight: normal; border: none; height: 24px; padding: 8px 0px 0px 8px; background: transparent; float: left; text-transform: uppercase; } #sub-nav .thumb_image { border: #000000 1px solid; margin-bottom: 8px; } #sub-nav .thumb_image.float_left { margin-right: 8px; } #sub-nav .thumb_image.float_right { margin-left: 8px; } #ad-row { margin: 5px auto; WIDTH: 728px; POSITION: relative; } #ad1 { DISPLAY: INLINE-BLOCK; } #ad980 { margin-bottom: 5px; } #login-window { float: right; width: 680px; margin: 22px auto; color: #ffffff; position: relative; z-index: 50; FONT-SIZE: 0.9em;	height: 25px; text-align: right; } #login-window img { vertical-align: top; } #login-window .link_navigation a { color: #000000; float: right; } #login-window ul { } #login-window li { DISPLAY: inline; PADDING-LEFT: 3px } #login-window img.avatar { height: 20px; margin-right: 5px; vertical-align: middle; } #main-col { CLEAR: both; FLOAT: left; WIDTH: 674px; } #main-col-fullwidth { CLEAR: both; FLOAT: left; WIDTH: 979px; } #main-col-contests { CLEAR: both; FLOAT: left; WIDTH: 979px; } #main-col-video { FLOAT: right; WIDTH: 815px; } #center-col-contests { BORDER: #0E151C 8px solid; HEIGHT: 224px; MARGIN-BOTTOM: 5px; PADDING: 5px 15px; COLOR: #ffffff; BACKGROUND: url(http://images.starpulse.com/images/bg_header_pulse.jpg) #223040 no-repeat center bottom; } #center-col-contests h1 { BORDER-STYLE: none; FONT-SIZE: 2.0em; COLOR: #ffffff; MARGIN: 0px; PADDING: 10px 0px; } #center-col-community { POSITION: relative; LINE-HEIGHT: 1.7em; BORDER: #3A6D8C 8px solid; HEIGHT: 224px; MARGIN-BOTTOM: 5px; PADDING: 5px 10px; COLOR: #ffffff; BACKGROUND: url(http://images.starpulse.com/images/bg_header_pulse.jpg) #223040 no-repeat center bottom; } #center-col-community a { COLOR: #ffffff; } #center-col-community div.welcome { FLOAT: left; } #center-col-community div.stats { TEXT-ALIGN: right; LINE-HEIGHT: 1.8em; FLOAT: right; HEIGHT: 210px; } #center-col-community h1 { BORDER-STYLE: none; MARGIN: 0px; PADDING: 10px 0px; FONT-SIZE: 2.0em; COLOR: #ffffff; } #center-col-generic div.module h3 { CLEAR: both; BORDER-RIGHT: #979696 1px solid; BORDER-TOP: #979696 1px solid; BACKGROUND: url(http://images.starpulse.com/images/bg_module-h3.gif) #040404 repeat-x center top; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #979696 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #979696 1px solid BACKGROUND-COLOR: #c0c0c0; } #center-col-generic div.module div.content { PADDING-TOP: 25px; BACKGROUND: url(http://images.starpulse.com/images/bg_drop-shadow.gif) #ffffff repeat-x center top; PADDING-LEFT: 5px; PADDING-Right: 5px; MARGIN-BOTTOM: 5px; } #center-col-generic div.module div.content OL.rules { PADDING: 5px 25px; LIST-STYLE-TYPE: decimal; } #center-col-generic div.module div.content OL.rules li { PADDING: 8px 0px; } #center-col-generic div.module div.content .largetext {	FONT-SIZE: 1.1em; } #center-col-generic div.module div.content .largetext ul {	PADDING: 0px 20px; LIST-STYLE-TYPE: square; } #center-col-generic div.module div.content .largetext a {	TEXT-DECORATION: underline; } #events-body div.module { BACKGROUND-COLOR: #ffffff; MARGIN-BOTTOM: 5px; } #events-body div.module h3 { CLEAR: both; BORDER-RIGHT: #979696 1px solid; BORDER-TOP: #979696 1px solid; BACKGROUND: url(http://images.starpulse.com/images/bg_module-h3.gif) #040404 repeat-x center top; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #979696 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #979696 1px solid BACKGROUND-COLOR: #c0c0c0; } #events-body div.module div.left-col { FLOAT: left; WIDTH: 160px; PADDING: 5px; BACKGROUND-COLOR: #ffffff; OVERFLOW: hidden; } #events-body div.module div.right-col { FLOAT: right; WIDTH: 503px; PADDING: 8px 0px; BACKGROUND-COLOR: #ffffff; OVERFLOW: hidden; } #events-body div.module div.right-col div.eventsphotopreview { MARGIN-BOTTOM: 10px; TEXT-ALIGN: center; OVERFLOW: hidden; } #events-body div.module div.right-col div.eventsphotothumb { FLOAT: left; WIDTH: 125px; MARGIN-BOTTOM: 10px; TEXT-ALIGN: center; OVERFLOW: hidden; } #forum-body div.module h3 { CLEAR: both; BORDER-RIGHT: #979696 1px solid; BORDER-TOP: #979696 1px solid; BACKGROUND: url(http://images.starpulse.com/images/bg_module-h3.gif) #040404 repeat-x center top; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #979696 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #979696 1px solid BACKGROUND-COLOR: #c0c0c0; } #forum-body div.module div.content { PADDING-TOP: 5px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 5px; PADDING-Right: 5px; OVERFLOW: hidden; } #news-body div.module h3 { CLEAR: both; BORDER-RIGHT: #979696 1px solid; BORDER-TOP: #979696 1px solid; BACKGROUND: url(http://images.starpulse.com/images/bg_module-h3.gif) #040404 repeat-x center top; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #979696 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #979696 1px solid BACKGROUND-COLOR: #c0c0c0; } #news-body div.module div.content { PADDING-TOP: 5px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 5px; PADDING-Right: 5px; OVERFLOW: hidden; FONT-SIZE: 1.1em; } #news-body div.module div.content BR.padding { LINE-HEIGHT: 15px; } #news-body div.module div.content .features_cat img { WIDTH: 130px; } #news-body div.module div.content .single-col { PADDING: 6px; CLEAR: both; OVERFLOW: hidden; } #news-body div.module div.content .left-col { FLOAT: left; WIDTH: 322px; PADDING: 3px; MARGIN-RIGHT: 4px; OVERFLOW: hidden; } #news-body div.module div.content .right-col { FLOAT: right; WIDTH: 322px; PADDING: 3px; OVERFLOW: hidden; } #news-body div.module div.content P.baseline { FONT-SIZE: 0.7em; TEXT-ALIGN: center; } #news-body .article_content a { TEXT-DECORATION: underline; } #news-body .article_content div.bText a { TEXT-DECORATION: underline; } #news-body .bText a img { MARGIN-LEFT: 6px; } #news-body .bMore a img { PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; } #news-body .article_content a:hover img { BACKGROUND-COLOR: #ffffff; COLOR: #000000; } #news-body .article_content EM { COLOR: #000000; FONT-STYLE: italic } #news-body .article_content .news-category-title { MARGIN-BOTTOM: 2px; FONT-SIZE: 1.4em; FONT-WEIGHT: bold; } #news-body div.module div.content h1 { FONT-SIZE: 1.4em; FONT-WEIGHT: bold; color:#993300; PADDING: 0px; MARGIN: 5px 0px; BORDER-STYLE: none; } #news-body div.module div.content h1 a { FONT-WEIGHT: bold; color:#993300; TEXT-DECORATION: none; } #news-body div.module div.content h2 { FONT: 1.1em Verdana, Arial, Helvetica, sans-serif; COLOR: #0000d0; } #news-body div.module div.content h2 a { FONT-SIZE: 1.1em; TEXT-DECORATION: none; COLOR: #000000; } #news-body div.module div.content div.news_cat_titles { MARGIN-BOTTOM: 5px; TEXT-ALIGN: center; } #news-body div.module div.content div.news_cat_titles a { TEXT-DECORATION: none; COLOR: #000000; BACKGROUND-COLOR: #E0E0E0; BORDER: #909090 1px solid; DISPLAY: inline-block; PADDING: 0px 2px; MARGIN-BOTTOM: 4px; } #news-body div.module div.content div.posts_nav { MARGIN: 12px; TEXT-ALIGN: center; FONT-SIZE: 1.2em; } #news-body div.module div.content div.posts_nav a { TEXT-DECORATION: none; } #news-body div.module div.content div.news_cat_titles a:hover { BACKGROUND-COLOR: #D0D0D0; BORDER: #707070 1px solid; } #news-body div.module div.content h2 a:hover { TEXT-DECORATION: none; BACKGROUND-COLOR: #ffffff; COLOR: #000000; } #contests-body { } #contests-body div.module h3 { BORDER-RIGHT: #979696 1px solid; BORDER-TOP: #979696 1px solid; BACKGROUND: url(http://images.starpulse.com/images/bg_module-h3.gif) #040404 repeat-x center top; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #979696 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #979696 1px solid; BACKGROUND-COLOR: #c0c0c0; } #contests-body div.module div.content { PADDING-TOP: 25px; BACKGROUND: url(http://images.starpulse.com/images/bg_drop-shadow.gif) #ffffff repeat-x center top; PADDING-LEFT: 5px; PADDING-Right: 5px; } #contests-body div.module div.content EM { COLOR: #000000; FONT-STYLE: italic; } #deepsearch-results { } #deepsearch-results div.module h3 { BORDER-RIGHT: #979696 1px solid; BORDER-TOP: #979696 1px solid; BACKGROUND: url(http://images.starpulse.com/images/bg_module-h3.gif) #040404 repeat-x center top; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #979696 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #979696 1px solid BACKGROUND-COLOR: #c0c0c0; } #deepsearch-results div.module div.content { PADDING-TOP: 25px; BACKGROUND: url(http://images.starpulse.com/images/bg_drop-shadow.gif) #ffffff repeat-x center top; PADDING-LEFT: 5px; PADDING-Right: 5px; } #deepsearch-results li { PADDING: 5px; } #deepsearch-results UL.deepsearch-pager { MARGIN: 0px auto; PADDING: 25px; TEXT-ALIGN: center; } #deepsearch-results UL.deepsearch-pager li { DISPLAY: inline; PADDING: 25px; } #spotlight { MARGIN-BOTTOM: 10px; WIDTH: 330px; HEIGHT: 250px } #center-col-generic div.module div.content .feature-members { FLOAT: left; OVERFLOW: hidden; MARGIN-BOTTOM: 10px; HEIGHT: 80px; WIDTH: 106px; TEXT-ALIGN: center; WHITE-SPACE: nowrap; } .top-features .feature-members { FLOAT: left; OVERFLOW: hidden; MARGIN-BOTTOM: 10px; HEIGHT: 40px; WIDTH: 53px; TEXT-ALIGN: center; WHITE-SPACE: nowrap; } #right-col .top-features .content-box { WIDTH: 300px; POSITION: relative; OVERFLOW: hidden; } #right-col .top-features .feature-members { WIDTH: 47px; } .top-features .left-col { FLOAT: left; WIDTH: 334px; MARGIN-LEFT: 1px; OVERFLOW: hidden; } .top-features .right-col { FLOAT: right; WIDTH: 334px; OVERFLOW: hidden; } .top-features .one-third-col .content-box .display-box { POSITION: relative; OVERFLOW: auto; HEIGHT: 309px; } .top-features .one-third-col { FLOAT: left; WIDTH: 323px; HEIGHT: 350px; MARGIN: 0px 5px 5px 0px; } .top-features .content-box { CLEAR: both; POSITION: relative; HEIGHT: 100%; PADDING: 0px; OVERFLOW: hidden; MARGIN-BOTTOM: 5px; BACKGROUND-COLOR: #ffffff; } .top-features h1 { BORDER-STYLE: none; PADDING: 10px; FONT-SIZE: 1.8em; COLOR: #000000; BACKGROUND-COLOR: #F6AD27; TEXT-ALIGN: center; } .top-features h1 a { COLOR: #000000; } .top-features h1 a:visited { COLOR: #000000; } .top-features h3 { BORDER-LEFT: 0; BORDER-RIGHT: 0; COLOR: #993300; FONT-SIZE: 1.2em; } .top-features h3 a { BORDER-LEFT: 0; BORDER-RIGHT: 0; COLOR: #993300; FONT-SIZE: 1.2em; } .top-features h3 a:visited { BORDER-LEFT: 0; BORDER-RIGHT: 0; COLOR: #993300; FONT-SIZE: 1.2em; } .top-features .feature-az { FONT-SIZE: 1.3em; } .top-features div.feature-controls { POSITION: absolute; RIGHT: 0px; MARGIN: 2px; MARGIN-RIGHT: 8px; Z-INDEX: 5; } .top-features div.feature-controls img { CURSOR: pointer; PADDING: 3px; } .top-features div.feature-controls img.highlight { BACKGROUND-COLOR: #999999; } .top-features UL.feature-sections { CLEAR: both; DISPLAY: block; POSITION: relative; PADDING: 3px; MARGIN: 0px; BACKGROUND-COLOR: #F6AD27; COLOR: #ffffff; } .top-features UL.feature-sections li { DISPLAY: inline; PADDING: 3px 5px; MARGIN: 0px; CURSOR: pointer; FONT-SIZE: 1.1em; FONT-WEIGHT: bold; BACKGROUND-COLOR: #F6AD27; COLOR: #000000; } .top-features UL.feature-sections LI:hover { COLOR: #ffffff; BORDER-BOTTOM: #d0d0d0 1px solid; } .top-features UL.feature-sections LI.selected { BACKGROUND-COLOR: #FFFFFF; COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; } .top-features UL.feature-sections LI.selected:hover { BORDER-BOTTOM: #FFFFFF 1px solid; } .top-features EM { COLOR: #000000; FONT-STYLE: italic } .top-features div.feature-footer { TEXT-ALIGN: center; CLEAR: both; PADDING-BOTTOM: 10px; } div.module div.content .display-box-ad { MARGIN-TOP: 7px; CLEAR: both; TEXT-ALIGN: center; } div.module div.content .display-box-ad IFRAME { MARGIN-TOP: 7px; } .content .display-box-ad { } .top-features .display-box-ad { CLEAR: both; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center; PADDING-TOP: 10px; } .top-features .display-box { CLEAR: both; } .top-features ul { PADDING: 12px 0px 0px 0px; } .top-features li { CLEAR: both; PADDING: 0px 8px 8px 8px; } .top-features LI.happeningnow { CLEAR: both; PADDING: 8px; } .top-features P.timestamp { FONT: 0.9em Verdana, Arial, Helvetica, sans-serif; COLOR: #000000 } .top-features UL.feature-story li { POSITION: relative; } .top-features .feature-story a { TEXT-DECORATION: underline } .top-features .feature-story a:visited { } .top-features .feature-story img { FLOAT: left; MARGIN-RIGHT: 5px; } .top-features .feature-story .features_cat img { WIDTH: 130px; } .top-features .feature-story .contest-link:hover { BACKGROUND-COLOR: #d0d0d0; CURSOR: pointer; } .top-features .feature-story .video-link { COLOR: #000066; } .top-features .feature-story .video-link:hover { CURSOR: pointer; } .top-features TABLE.feature-photos { MARGIN: 0px auto; BORDER-SPACING: 0px; WIDTH: 340; } .top-features TABLE.feature-photos td { PADDING: 3px; MARGIN: 0px; TEXT-ALIGN: center; VERTICAL-ALIGN: top; } .top-features TABLE.feature-photos TD.top { PADDING-TOP: 25px; } .top-features TABLE.feature-photos img { MARGIN: 0px auto; } .top-features img.photo { FLOAT: left; PADDING: 5px; } .top-features BR.padding { DISPLAY: none; } #top-stories-az { FLOAT: left; WIDTH: 300px; BACKGROUND-COLOR: #ffffff } #top-stories-az EM { COLOR: #000000; FONT-STYLE: italic } #top-stories-az ul { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://images.starpulse.com/images/bg_drop-shadow.gif) repeat-x center top; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } #top-stories-az li { CLEAR: both; PADDING-RIGHT: 7px; PADDING-LEFT: 7px; BACKGROUND: url(http://images.starpulse.com/images/bg_divider.gif) repeat-x center bottom; PADDING-BOTTOM: 12px; PADDING-TOP: 12px } #top-stories-az h1 { BACKGROUND: url(http://images.starpulse.com/images/bg_h1-orange.gif) no-repeat left bottom } #top-stories-az P.timestamp { FONT: 0.9em Verdana, Arial, Helvetica, sans-serif; COLOR: #000000 } #top-stories-az img { FLOAT: left; MARGIN-RIGHT: 13px } #top-stories-az h3 { border-left: 0; border-right: 0; color:#993300; FONT-size: 1.2em; } #top-stories-az h3 a { border-left: 0; border-right: 0; color:#993300; FONT-size: 1.2em; } #tune-in { PADDING-RIGHT: 10px; BORDER-TOP: #898989 1px solid; PADDING-LEFT: 10px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #1a1a1a } #tune-in { COLOR: #898989 } #tune-in a { COLOR: #fefefe } #tune-in a:hover { COLOR: #ffffcc } #todays-photos-videos { FLOAT:right; WIDTH: 330px; BACKGROUND-COLOR: #ffffff; MARGIN-TOP: 5px; } #todays-photos-videos h1 { BACKGROUND: url(http://images.starpulse.com/images/bg_module-h3.gif) left bottom; } #todays-photos-videos ul { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://images.starpulse.com/images/bg_drop-shadow.gif) repeat-x center top; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } #todays-photos-videos li { CLEAR: both; PADDING-RIGHT: 7px; PADDING-LEFT: 7px; BACKGROUND: url(http://images.starpulse.com/images/bg_divider.gif) repeat-x center bottom; PADDING-BOTTOM: 12px; PADDING-TOP: 12px } #photos { } #slideshow { MARGIN-BOTTOM: 10px; TEXT-ALIGN: center } #events { } #events ul { BACKGROUND-IMAGE: none } #events li { CLEAR: none; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } #event-photos li { FLOAT: left; BACKGROUND-IMAGE: none; WIDTH: 98px } #event-list { CLEAR: both; MARGIN-LEFT: 15px } #event-list li { BACKGROUND-IMAGE: none; MARGIN-BOTTOM: 5px; LIST-STYLE-TYPE: disc } #videos { BACKGROUND-IMAGE: none! important } #videos ul { BACKGROUND-IMAGE: none } #videos li { CLEAR: none; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; BACKGROUND-IMAGE: none; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 0px; WIDTH: 33%; COLOR: #000000; PADDING-TOP: 0px } #right-col { FLOAT: right; WIDTH: 300px } #ad2 { MARGIN-BOTTOM: 5px } #right-col div.module { MARGIN-BOTTOM: 5px; COLOR: #ffffff } #right-col div.module a { COLOR: #ffffcc } #right-col div.module a:hover { COLOR: #ffffff } #right-col div.module h4 { PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } #right-col div.module div.content { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } #right-col div.module div.footer { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 15px; PADDING-TOP: 10px } #right-col div.module div.footer li { DISPLAY: inline; FONT-WEIGHT: normal } #top-searches { BORDER: #898989 3px solid; } #top-searches div.content { } #tag-clouds { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } #tag-clouds li { DISPLAY: inline } #tag-clouds a { COLOR: #cccccc! important; TEXT-DECORATION: none } #tag-clouds a:hover { COLOR: #ffffff! important; TEXT-DECORATION: underline } #tag-clouds LI.s1 { FONT-SIZE: 2em } #tag-clouds LI.s2 { FONT-SIZE: 1.8em } #tag-clouds LI.s3 { FONT-SIZE: 1.5em } #tag-clouds LI.s4 { FONT-SIZE: 1.2em } #community { BORDER: #898989 3px solid; } #community div.content { } #community #avatar { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } #community #avatar img { FLOAT: left; MARGIN-RIGHT: 10px } #community div.content ul { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } #community div.content li { FLOAT: left; WIDTH: 38px } #starpulse-contests { BORDER: #898989 3px solid; } #starpulse-contests div.content { } #starpulse-contests #contest-photos { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } #starpulse-contests #contest-photos li { FLOAT: left; WIDTH: 25% } #starpulse-contests #contest-list { CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 20px; MARGIN-LEFT: 15px; PADDING-TOP: 10px; LIST-STYLE-TYPE: disc } #starpulse-contests #contest-list li { MARGIN-BOTTOM: 3px } #social-network { } #social-network div.content { BORDER: #898989 3px solid; } #social-network img { VERTICAL-ALIGN: middle } #rate { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } #stars { MARGIN-LEFT: 15px; MARGIN-RIGHT: 15px } #forum { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 20px; PADDING-TOP: 10px } #forum ul { MARGIN-LEFT: 45px; LIST-STYLE-TYPE: disc } #forum li { MARGIN-BOTTOM: 5px } #left-col { MARGIN-RIGHT: 5px; FLOAT: left; WIDTH: 160px; } #left-nav { BORDER: #898989 3px solid; FONT-SIZE: 1.1em; MARGIN-BOTTOM: 5px } #left-nav h4 { PADDING-RIGHT: 10px; PADDING-LEFT: 12px; PADDING-BOTTOM: 5px; TEXT-TRANSFORM: none; PADDING-TOP: 10px } #left-nav a { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none } #left-nav a:hover { COLOR: #ffffcc } #left-nav ul { PADDING-BOTTOM: 10px } #left-nav li { PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(http://images.starpulse.com/images/bg_left-nav-li.gif) no-repeat center top; PADDING-BOTTOM: 5px; PADDING-TOP: 6px } #left-nav LI.no-bg { background-image: none; border-style: none; padding-top: 0; } #ad3 { MARGIN-BOTTOM: 10px } #google-ads { } #roo-video-frame { FLOAT: right; WIDTH: 815px; BACKGROUND-COLOR: #ffffff; FONT: 1.1em Lucida Grande, Verdana, sans_serif;	MARGIN-BOTTOM: 5px; } #roo-video-frame div.module { MARGIN-BOTTOM: 10px; FONT: 1.1em Lucida Grande, Verdana, sans_serif;	BACKGROUND-COLOR: #c0c0c0; } #roo-video-frame div.module h3 { BORDER-RIGHT: #979696 1px solid; BACKGROUND-COLOR: #ff0000; BORDER-TOP: #979696 1px solid; BACKGROUND: url(http://images.starpulse.com/images/bg_module-h3.gif) #040404 repeat-x center top; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #979696 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #979696 1px solid; } #roo-video-frame div.module div.content { BACKGROUND: url(http://images.starpulse.com/images/bg_drop-shadow.gif) #ffffff repeat-x center top; PADDING-LEFT: 5px; PADDING-Right: 5px; } #roo-video-frame vxFlashPlayer { MARGIN: 5px auto; WIDTH: 764px; } #center-col { FLOAT: right; WIDTH: 509px; OVERFLOW: hidden; } #center-col a { TEXT-DECORATION: underline; } #center-col-video { FLOAT: left; WIDTH: 509px; } #center-col-video #center-col div.content .video-link { DISPLAY: block; TEXT-DECORATION: none; COLOR: black; PADDING: 5px 0px; MARGIN: 0px; } #center-col-video #center-col div.content .video-link:hover { BACKGROUND-COLOR: #d0d0d0; } #center-col-video #center-col div.content .video-link img { FLOAT: left; PADDING: 0px 5px; } #center-col-video #center-col div.content .video-link:hover img { BACKGROUND-COLOR: #d0d0d0; } #breadcrumbs { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; FONT: 1.0em Helvetica, Arial, sans_serif; COLOR: #003366; PADDING-TOP: 0px; FONT-WEIGHT: bold; } #breadcrumbs li { PADDING-RIGHT: 5px; DISPLAY: inline; FONT-WEIGHT: bold; } #breadcrumbs a { PADDING-RIGHT: 5px; COLOR: #003366; FONT-WEIGHT: bold; } #breadcrumbs a:hover { COLOR: #ffcc33 } #center-col div.module { MARGIN-BOTTOM: 10px; FONT: 1.1em Lucida Grande, Verdana, sans_serif;	BACKGROUND-COLOR: #c0c0c0; } #center-col div.module .features_cat img { FLOAT: right; WIDTH: 130px; } #center-col div.module BR.padding { DISPLAY: none; } #news-body div.module div.content BR.padding { LINE-HEIGHT: 15px; } #center-col div.module h3 { BORDER-RIGHT: #979696 1px solid; BORDER-TOP: #979696 1px solid; BACKGROUND: url(http://images.starpulse.com/images/bg_module-h3.gif) #040404 repeat-x center top; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #979696 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #979696 1px solid } #center-col div.content h3 { border-left: 0; border-right: 0; } #center-col div.content #ad6 a:hover { COLOR: #003366; background-color: #FFFFFF; } #center-col div.content a:hover img { BACKGROUND-COLOR: #ffffff; COLOR: #d0d0d0; } #center-col div.content B { border-left: 0; border-right: 0; color:#993300; FONT-size: 1.2em; } #center-col div.content B A{ border-left: 0; border-right: 0; FONT-size: .8em; } #center-col div.content EM { COLOR: #000000; FONT-STYLE: italic; } #center-col div.content .title { border-left: 0; FONT-WEIGHT: bold; border-right: 0; color:#993300; FONT-size: 1.2em; } #center-col div.content .title a { color:#993300; } #center-col div.content tr.highlight { background-color:#cccccc; } #center-col div.content tr.normal { } #center-col div.content .discographymenu { border-left: 0; FONT-WEIGHT: bold; border-right: 0; color:#000000; FONT-size: 1.0em; } #center-col div.content .discographymenu A{ border-left: 0; FONT-WEIGHT: bold; border-right: 0; color:#000000; FONT-size: 1.0em; } #center-col div.content .newstitle { border-left: 0; FONT-WEIGHT: bold; border-right: 0; color:#993300; FONT-size: 1.2em; text-decoration:none } #center-col div.content .commenttext { border-left: 0; border-right: 0; color:#000000; FONT-size: .9em; } #center-col div.content .commenttext A{ border-left: 0; FONT-WEIGHT: bold; border-right: 0; color:#993300; FONT-size: .9em; } #center-col div.content .commentdate { border-left: 0; border-right: 0; color:#666666; FONT-size: .9em; } #center-col div.content .commentreport A{ border-left: 0; border-right: 0; color:#666666; FONT-size: .9em; } #center-col div.module div.content { BACKGROUND: url(http://images.starpulse.com/images/bg_drop-shadow.gif) #ffffff repeat-x center top; PADDING-LEFT: 5px; PADDING-Right: 5px; OVERFLOW: hidden; } #center-col div.module div.content div.pad { padding: 10px; } #photo-gallery ul { MARGIN-BOTTOM: 10px } #photo-gallery li { FONT-SIZE: 0.9em; FLOAT: left; WIDTH: 25%; TEXT-ALIGN: center } #music-videos ul { MARGIN-BOTTOM: 10px } #music-videos li { FONT-SIZE: 0.9em; FLOAT: left; WIDTH: 25%; TEXT-ALIGN: center } #movie-trailers ul { MARGIN-BOTTOM: 10px } #movie-trailers li { FONT-SIZE: 0.9em; FLOAT: left; WIDTH: 25%; TEXT-ALIGN: center } #news ul { MARGIN-LEFT: 15px; LIST-STYLE-TYPE: disc } #news li { MARGIN-BOTTOM: 3px } #center-col div.module div.footer { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 5px } #center-col div.module div.footer a { COLOR: #7b8afd } #center-col div.module div.footer a:hover { COLOR: #505bac } #center-col div.module div.footer li a { COLOR: #ffffff } #center-col div.module div.footer li a:hover { COLOR: #ffffcc } #center-col div.module div.footer span { FLOAT: left; MARGIN-RIGHT: 10px } #center-col div.module div.footer li { DISPLAY: inline; FLOAT: none } #contests { FLOAT: left; WIDTH: 246px } #contests ul { MARGIN-BOTTOM: 5px; MARGIN-LEFT: 15px; LIST-STYLE-TYPE: disc } #contests li { MARGIN-BOTTOM: 3px } #tickets { FLOAT: right; WIDTH: 246px } #tickets li { MARGIN-BOTTOM: 5px } #discography { FLOAT: left; WIDTH: 246px } #discography ul { MARGIN-BOTTOM: 5px } #discography li { MARGIN-BOTTOM: 3px } #filmography { FLOAT: right; WIDTH: 246px } #filmography li { MARGIN-BOTTOM: 5px } #contests { HEIGHT: 170px } #tickets { HEIGHT: 170px } #discography { HEIGHT: 170px } #filmography { HEIGHT: 170px } #similar-artists { MARGIN-RIGHT: 9px } #influenced-by { MARGIN-RIGHT: 10px } #followers { MARGIN-RIGHT: 9px } #similar-artists { FLOAT: left; WIDTH: 118px; HEIGHT: 170px } #influenced-by { FLOAT: left; WIDTH: 118px; HEIGHT: 170px } #followers { FLOAT: left; WIDTH: 118px; HEIGHT: 170px } #ringtones { FLOAT: left; WIDTH: 118px; HEIGHT: 170px } #similar-artists li { MARGIN-BOTTOM: 3px } #influenced-by li { MARGIN-BOTTOM: 3px } #followers li { MARGIN-BOTTOM: 3px } #ringtones li { MARGIN-BOTTOM: 3px } #partner-sites { CLEAR: both; POSITION: relative; BACKGROUND-COLOR: #ffffff; BORDER: #000000 1px solid; BORDER-BOTTOM: none; } #partner-sites .top-features .content-box { WIDTH: 290px; MARGIN: 5px; MARGIN-BOTTOM: 10px; FLOAT: left; CLEAR: none; } #partner-sites .top-features .content-box ul { OVERFLOW: hidden; WIDTH: 290px; } #feeds { FLOAT: right; WIDTH: 36px; PADDING-TOP: 20px } #feeds img { MARGIN-BOTTOM: 5px } img.floatleft { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FLOAT: left; BORDER-LEFT: #000000 1px solid; MARGIN-RIGHT: 10px; BORDER-BOTTOM: #000000 1px solid } img.floatright { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FLOAT: right; MARGIN-LEFT: 10px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid } .clear { CLEAR: both; } .clearfix:unknown { CLEAR: both; DISPLAY: block; } .clearfix { DISPLAY: inline-block; } .clearfix { DISPLAY: block; } .login_box { BORDER: orange 2px solid; PADDING: 10px 15px 10px 3px; Z-INDEX: 10; VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: black; COLOR: #ffffff; } .login_box a { COLOR: #8080ff; } .login_box img { RIGHT: 1px; POSITION: absolute; TOP: 1px } .avatar_gallery { border: 5px solid orange; clear: both; position: absolute; z-index: 10; background-color: white; padding: 10px 20px; visibility: hidden; } .tellafriendwindow { BORDER: #898989 3px solid; POSITION: absolute; Z-INDEX: 9999999; MARGIN: 15px -220px; WIDTH: 280px; PADDING: 10px; TEXT-ALIGN: center; BACKGROUND-COLOR: #000000; COLOR: #ffffff; VISIBILITY: hidden; WHITE-SPACE: nowrap; FONT-SIZE: 10pt; FONT-FAMILY:Lucida Grande,Verdana,sans_serif; } .tellafriendwindow B { FONT-SIZE: 1.2em; COLOR: #993300; } .tellafriendwindow td { TEXT-ALIGN: right; } .sendtofriendmessage { BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center; PADDING: 5px; MARGIN-BOTTOM: 5px; } #featureplayer { POSITION: relative; COLOR: #ffffff; HEIGHT: 250px; MARGIN-BOTTOM: 5px; OVERFLOW: hidden; CURSOR: pointer; } #featureplayer-slots { POSITION: relative; FLOAT: left; BACKGROUND: url(http://images.starpulse.com/images/featureplayer-slotsbg-dk.jpg) top right; WIDTH: 245px; TEXT-ALIGN: center; Z-INDEX: 10; } .featureplayer-slot { HEIGHT: 50px; CLEAR: both; } .featureplayer-slot:hover { BACKGROUND-COLOR:#808080; } .featureplayer-slot img { FLOAT: left; MARGIN: 2px; } .featureplayer-slot-title { FONT-WEIGHT: bold; FLOAT: right; WIDTH: 166px; MARGIN-TOP: 11px; } #featureplayer-slot-title a { COLOR: #ffffff; } #featureplayer-features { FLOAT: right; HEIGHT: 250px; WIDTH: 429px; } .featureplayer-feature { POSITION: absolute; RIGHT: 0px; HEIGHT: 250px; WIDTH: 429px; } .featureplayer-feature-text { POSITION: relative; BACKGROUND-COLOR: #000000; HEIGHT: 54px; PADDING-LEFT: 5px; OPACITY: 0.8; FILTER: alpha(opacity=80); TOP: 196px; FONT-FAMILY: sans-serif; FONT-SIZE: 12px; } .featureplayer-feature-text a { COLOR: #ffffff; } .featureplayer-feature-text a:visited { COLOR: #ffffff; } .featureplayer-feature-text-title a { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #ff9900; } .featureplayer-feature-text-title a:visited { COLOR: #ff9900; } .featureplayer-feature-featurelinks { FLOAT: right; WIDTH: 140px; } .featureplayer-feature-featurelinks a { FONT-SIZE: 10px; DISPLAY: block; POSITION: relative; FONT-WEIGHT: bold; PADDING-LEFT: 10px; HEIGHT: 16px; LINE-HEIGHT: 16px; BORDER: #FF9900 1px solid; BACKGROUND-COLOR: #000000; COLOR: #ff9900; } .featureplayer-feature-featurelinks a:visited { COLOR: #ff9900; } .featureplayer-feature-featurelinks a:hover { BACKGROUND-COLOR: #ffffff; COLOR: #000000; } #celebnamegame .answerlink { FONT-WEIGHT: bold; LINE-HEIGHT: 15px; COLOR: blue; PADDING: 2px; DISPLAY: inline-block; } #celebnamegame a.answerlink.selectable:hover { BACKGROUND-COLOR: yellow; BORDER: #000000 1px solid; PADDING: 2px 1px; } #celebnamegame a.answerlink.selected { BACKGROUND-COLOR: yellow; BORDER: #000000 1px solid; } #celebnamegame_stats div.spacer { MARGIN: 0px; PADDING: 0px; WIDTH: 60px; } #celebnamegame_stats a.selected { FONT-SIZE: 1.1em; FONT-WEIGHT: bold; } #celebnamegame_difficulty a { BORDER: #909090 1px solid; PADDING: 1px 3px; FONT-WEIGHT: bold; LINE-HEIGHT: 15px; BACKGROUND-COLOR: #d5d5d5; } #celebnamegame_difficulty #easy_difficulty.selected { BORDER-COLOR: #000000; BACKGROUND-COLOR: #00ff00; } #celebnamegame_difficulty #medium_difficulty.selected { BORDER-COLOR: #000000; BACKGROUND-COLOR: #ffff00; } #celebnamegame_difficulty #hard_difficulty.selected { BORDER-COLOR: #000000; BACKGROUND-COLOR: #ff5050; } .gamerankings { FONT-SIZE: 1.2em; BORDER-SPACING: 0px; MARGIN: 0px auto; WIDTH: 669px; } .gamerankings th { MARGIN: 0px; PADDING-RIGHT: 25px; TEXT-ALIGN: center; } .gamerankings td { MARGIN: 0px; PADDING-RIGHT: 25px; TEXT-ALIGN: center; } .gamerankings tr.evenrow { BACKGROUND-COLOR: #d8d8d8; } .gamerankings tr.oddrow { BACKGROUND-COLOR: #f0f0f0; } .gamerankings img.avatar { MARGIN: 2px; WIDTH: 30px; HEIGHT: 30px; } .generic_listing { FONT-SIZE: 1.2em; BORDER-SPACING: 0px; MARGIN: 0px auto; WIDTH: 662px; } .generic_listing th { MARGIN: 0px; PADDING-RIGHT: 25px; TEXT-ALIGN: center; } .generic_listing td { MARGIN: 0px; PADDING-RIGHT: 25px; TEXT-ALIGN: center; } .generic_listing tr.evenrow { BACKGROUND-COLOR: #d8d8d8; } .generic_listing tr.oddrow { BACKGROUND-COLOR: #f0f0f0; } .generic_listing img.avatar { MARGIN: 2px; WIDTH: 30px; HEIGHT: 30px; } #user_menu { DISPLAY: none; POSITION: absolute; Z-INDEX: 1000; BACKGROUND-COLOR: #F6AD27; BORDER: #000000 1px solid; PADDING: 5px; TEXT-ALIGN: center; FONT-WEIGHT: bold; } #user_menu a { COLOR: #000000; } #user_menu a:hover { COLOR: #ffffff; } #sp_pm_div { DISPLAY: none; POSITION: absolute; Z-INDEX: 100000; BACKGROUND-COLOR: #6B8EAE; BORDER: #000000 1px solid; PADDING: 5px; } #sp_pm_form { BORDER: #000000 1px solid; } #greyBoxOverlay { display: none; position: absolute; z-index: 99999999; color: #000000; //background-color: #f6ad27; background-color: #ffffff; border: #ffffff 3px solid; overflow: hidden; border-radius: 8px; } #greyBox { DISPLAY: none; POSITION: absolute; Z-INDEX: 10000; LEFT: 0; TOP: 0; HEIGHT: 100%; WIDTH: 100%; BACKGROUND-COLOR: #000000; OPACITY: 0.75; FILTER: alpha(opacity=75); } .online_status { FONT-WEIGHT: bold; COLOR: green; FONT-SIZE: 0.9em; } #center-col .friends a { TEXT-DECORATION: none; } #comment_link_container form { PADDING: 0px; MARGIN: 0px; MARGIN-TOP: 5px; } #comment_link_container form input { VERTICAL-ALIGN: middle; } #comment_link_container form INPUT.comment_input { COLOR: #909090; FONT-WEIGHT: bold; WIDTH: 380px; HEIGHT: 20px; PADDING-TOP: 3px; } #center-col div.content div.item_box { POSITION: relative; FONT-SIZE: 0.8em; TEXT-ALIGN: center; HEIGHT: 130px; WIDTH: 118px; MARGIN: 2px; MARGIN-TOP: 4px; FLOAT: left; BACKGROUND-COLOR: #c0c0c0; BORDER: 1px solid #909090; OVERFLOW: hidden; } #center-col div.content div.item_box a { TEXT-DECORATION: none; COLOR: #000000; } #center-col div.content div.item_box a:hover { TEXT-DECORATION: none; BACKGROUND-COLOR: #e0e0e0; } #center-col div.content div.item_box:hover { BORDER: 1px solid #606060; BACKGROUND-COLOR: #e0e0e0; } #center-col div.content div.item_box:hover .item_action { VISIBILITY: visible; } #center-col div.content div.item_box .item_action { BACKGROUND-COLOR: #ffffff; POSITION: absolute; RIGHT: 0px; VISIBILITY: hidden; OPACITY: 0.7; FILTER: alpha(opacity=70); Z-INDEX: 10; } #center-col div.content div.item_box .item_action:hover { OPACITY: 1.0; FILTER: alpha(opacity=100); } #center-col div.content div.item_box .item_title { BACKGROUND-COLOR: #f6ad27; } #center-col div.content div.item_box .item_title:hover { BACKGROUND-COLOR: #f6ad27; } .previous_rating_display { text-align: center; font-weight: bold; margin-bottom: 5px; padding: 5px; background-color: #ffffff; } .previous_rating_display img { width: 130px; border: #000000 2px solid; } #rating_clickthrough { text-align: center; font-weight: bold; margin: 5px auto; padding: 5px; width: 300px; border: #606060 1px solid; background-color: #d0d0d0; } #rating_clickthrough label { padding: 2px 5px; cursor: pointer; } #rating_clickthrough label:hover { padding: 1px 4px; background-color: #f0f0f0; border: #ffff00 1px solid; } #rating_clickthrough input { vertical-align: middle; cursor: pointer; } #rating_clickthrough .not { font-size: 1.2em; color: #0000ff; } #rating_clickthrough .hot { font-size: 1.2em; color: #ff0000; } .link_navigation a { font-weight: bold; display: inline-block; text-align: center; padding: 3px; background-color: #d0d0d0; border: #909090 1px solid; } .link_navigation a:hover { background-color: #ffff00; border: #000000 1px solid; } .link_navigation a.selected { background-color: #ffff00; } a.read_more { cursor: pointer; bottom: 0px; text-decoration: none; color: #000000; padding: 3px 12px; margin: 2px; background-color: #dbe0e4; border: #5a6f80 1px solid; font-size: 0.9em; font-weight: bold; } a.read_more:hover { color: #000000; margin: 0px; padding: 5px 14px; background-color: #f6ad27; } #JqPostForm a { text-decoration: none; } #footer_bar { display: block; z-index: 1000; position: fixed; left: 0px; bottom: 0px; width: 100%; padding: 10px; background-color: #000000; background-color: rgba(20,20,20,0.9); color: #ffffff; text-align: center; font-size: 1.5em; } #footer_bar_close { display: block; position: absolute; padding: 1px 3px 3px 3px; border: #707070 1px solid; font-size: 14px; line-height: 12px; cursor: pointer; top: 5px; right: 45px; } #footer_bar_close:hover { color: #ff0000; border-color: #ff0000; } .social_button_med { background: url(http://images.starpulse.com/images/sp_sprite.2012011900.png) no-repeat 0px -94px; display: inline-block; vertical-align: bottom; width: 25px; height: 25px; } .social_button_med span { display: none; } .social_button_med.sp_email { background-position: 0px -94px; } .social_button_med.sp_twitter { background-position: -26px -94px; } .social_button_med.sp_facebook { background-position: -52px -94px; } .social_button_med.sp_rss { background-position: -78px -94px; } .social_button_lg { background: url(http://images.starpulse.com/images/sp_sprite.2012011900.png) no-repeat 0px -120px; display: inline-block; vertical-align: bottom; width: 48px; height: 48px; } .social_button_lg span { display: none; } .social_button_lg.sp_email { background-position: 0px -120px; } .social_button_lg.sp_twitter { background-position: -48px -120px; } .social_button_lg.sp_facebook { background-position: -97px -120px; } .social_button_lg.sp_myspace { background-position: -146px -120px; } .social_button_lg.sp_gplus { background-position: -195px -120px; } .social_button_lg.sp_rss { background-position: -244px -120px; } .pager a.sp_button { padding: 0px; } .sp_button { background: url(http://images.starpulse.com/images/sp_sprite.2012011900.png) no-repeat 0px -169px; display: inline-block; vertical-align: middle; } .sp_button span { display: none; } .sp_button.sp_previous { background-position: 0px -169px; width: 64px; height: 32px; margin-right: 10px; } .sp_button.sp_next { background-position: -65px -169px; width: 64px; height: 32px; margin: 0px 10px; margin-left: 10px; } .sp_button.sp_previous_article { width: 128px; height: 32px; background-position: -130px -169px; margin-right: 10px; } .sp_button.sp_next_article { width: 128px; height: 32px; background-position: -259px -169px; margin-left: 10px; } .sp_button.sp_comment { width: 71px; height: 20px; background-position: -220px -94px; } .sp_count { display: inline-block; position:relative; background-color: #ffffff; border:1px solid #7cdfff; height:16px; line-height: 16px; padding:1px 4px; margin-left: 2px; text-decoration:none; vertical-align: middle; } .sp_count:before { content:""; position:absolute; top:50%; left:-5px; width:5px; height:9px; margin:-4px 0 0; background:url(http://images.starpulse.com/images/sp_sprite.2012011900.png) -292px -94px; } .sp_vcount { position:relative; padding-top:42px; } .sp_vcount .sp_count { position:absolute; top:0; left:0; font-size: 16px; width:61px; height:26px; padding-top: 8px; margin:0; text-align:center; } .sp_vcount .sp_count:before { top:100%; left:50%; width:9px; height:5px; margin:0 0 0 -4px; background-position:-292px -104px; }
/* FILE css/mvtabs.css */
ul.tabs{height:28px;line-height:25px;list-style-type:none;border-bottom:1px solid #DDD;}.tabs li{float:left;display:inline;margin:0 1px -1px 0;padding:0 13px 1px;color:#777;cursor:pointer;background:#F9F9F9;border:1px solid #E4E4E4;border-bottom:1px solid #F9F9F9;position:relative;}.tabs li.current{;color:#444;color:#000000;font-weight:bold;background:#FFA500;padding:0 13px 2px;border:1px solid #D4D4D4;border-bottom:1px solid #EFEFEF;}.box{display:none;border:1px solid #D4D4D4;border-width:0 1px 1px;background:#EFEFEF;padding:0 12px;}.box.visible{display:block;}
/* FILE style.blog.css */
.toolbar { margin-bottom: 5px; font-size: 0.8em; } #news-body div.module div.content .author_bio .toolbar a { text-decoration: none; } .toolbar img { margin-left: 5px; vertical-align: middle; } .author_bio .toolbar img { margin-left: 0px; margin-right: 5px; } .author_bio img.guest_blog_logo { width: 116px; height: 65px; vertical-align: top; } .author_bio img.avatar { width: 50px; height: 50px; vertical-align: top; } .author_bio .biography { font-weight: normal; clear: both; font-size: 0.9em; } #news-body div.module div.content .guest_blog_box { font-size: 0.9em; float: right; text-align: center; padding: 10px; width: 220px; background-color: #dbe0e4; border: #5a6f80 1px solid; } #news-body div.module div.content .guest_blog_box img { vertical-align: middle; margin-right: 2px; } #news-body div.module div.content .author_bio .author_name { font-size: 1.7em; } .guest_blog_logo_wrapper { display: block; float: left; margin-right: 5px; margin-bottom: 5px; height: 65px; overflow: hidden; } .avatar_wrapper { display: block; float: left; margin-right: 10px; margin-bottom: 5px; height: 50px; overflow: hidden; border: #000000 1px solid; } .photo_gallery_image { display: inline-block; margin: 3px; width: 82px; height: 124px; text-align: center; cursor: pointer; background-position: center; background-repeat: no-repeat; background-color: #bbbbdd; border: #000000 1px solid; } #news-body div.module div.content a.photo_gallery_image:hover { border: #f6ad27 3px solid; background-color: #bbbbdd; margin: 1px; } .divider { clear: both; height: 7px; border-bottom: #c0c0c0 1px solid; } .pager { font-size: 1.2em; margin-bottom: 15px; text-align: center; } .pager img { vertical-align: middle; } .pager a { padding: 3px 10px; } #news-body div.module div.content .nb A:hover { text-decoration: none; background-color: #ffffff; } #news-body div.module div.content .pager a.selected { background-color: #ffff00; border: #000000 1px solid; } .large_text { font-size: 2.0em; } .feature .image_container { text-align: center; margin-bottom: 15px; } .normal .image_container img { width: 80px; float: right; margin: 0px 0px 5px 5px; } .categories { clear: both; margin-bottom: 5px; padding: 5px; background-color: #e0e0e0; border: #bbbbdd 1px solid; } .related_topics { clear: both; margin-bottom: 15px; } #news-body div.module div.content h1.article_title { color: #000000; font-size: 2.2em; margin-top: 0px; margin-bottom: 9px; } .article_content { margin-top: 15px; margin-bottom: 15px; } .article_content img { border: #bbbbdd 1px solid; margin: 5px; } .article_content ul { list-style-type: disc; list-style-position: outside none; margin-bottom: 1.5em; padding-left: 2em; } .article_content li { margin-bottom: 8px; } .article_credits { font-size: 0.7em; margin-bottom: 5px; padding: 5px; text-align: center; } .photo_credits { font-size: 0.7em; margin-bottom: 5px; padding: 5px; text-align: center; } .status_owner { background-color: #f0f090; } .status_pending { background-color: #ffb0b0; } #news-body div.module div.content a.read_more { cursor: pointer; bottom: 0px; text-decoration: none; color: #000000; padding: 3px 12px; margin: 2px; background-color: #dbe0e4; border: #5a6f80 1px solid; font-size: 0.9em; font-weight: bold; } #news-body div.module div.content a.read_more:hover { color: #000000; margin: 0px; padding: 5px 14px; background-color: #f6ad27; } #news-body div.module div.content a.previous_article { float: left; padding-left: 25px; width: 280px; height: 40px; overflow: hidden; background: #dbe0e4 url(http://images.starpulse.com/images/blog_images/previous_article.gif) left no-repeat; } #news-body div.module div.content a.previous_article:hover { padding-left: 27px; } #news-body div.module div.content a.next_article { float: right; padding-right: 25px; width: 280px; height: 40px; overflow: hidden; background: #dbe0e4 url(http://images.starpulse.com/images/blog_images/next_article.gif) right no-repeat; } #news-body div.module div.content a.next_article:hover { padding-right: 27px; } blockquote { padding: 15px 5px 15px 45px; margin: 10px auto; width: 400px; background: #d0d0f0 url(http://images.starpulse.com/images/blog_images/openquote.gif) no-repeat 5px 5px !important; border: #c0c0c0 1px solid; font-weight: bold; font-size: 1.2em; } blockquote.twitter-tweet { padding: 5px; margin: 10px auto; width: 400px; background: #ffffff url() !important; border: #c0c0c0 1px solid; font-weight: normal; font-size: 1.0em; }
/* FILE css/style.slideshow.css */
.slideshow_title { font-size: 1.8em; /*height: 25px;*/ color: #000000; padding: 5px 10px; margin: 0px; } #news-body .article_content .slideshow_title { font-size: 1.4em; /*height: 20px;*/ padding-top: 10px; padding-bottom: 3px; } .slideshow_close { float: right; cursor: pointer; opacity: 1.0; filter: alpha(opacity=100); } .slideshow_close:hover { opacity: 0.8; filter: alpha(opacity=80); } .slideshow_viewer { position: relative; padding: 5px; width: 620px; float: left; } .slideshow_viewer .left { left: 5px; padding-right: 40px; } .slideshow_viewer .right { right: 5px; padding-left: 40px; } .slideshow_viewer .counter { position: absolute; left: 8px; bottom: 0px; color: #ffffff; font-size: 0.8em; } .slideshow_control { cursor: pointer; } .slideshow_button { position: absolute; margin: 275px 0 0 0 !important; opacity: 0.2; filter: alpha(opacity=20); } .slideshow_button:hover { opacity: 1.0; filter: alpha(opacity=100); } .slideshow_image_container { position: relative; overflow: hidden; background-color: #000000; border: #000000 10px solid; border-width: 10px 1px; text-align: center; margin-bottom: 5px; } .slideshow_image_container img { border: none; } .slideshow_image { visibility: hidden; } .slideshow_image_info { text-align: center; font-weight: normal; font-size: 1.0em; height: auto; } .slideshow_sidebar { width: 300px; padding: 5px; float: left; text-align: center; } .slideshow_sidebar .slideshow_ad_300 { margin-bottom: 20px; } .slideshow_text .image_description { padding: 10px; font-size: 1.2em; } .slideshow_sidebar .headline_text { font-size: 1.2em; font-weight: bold; } .slideshow_sidebar .slideshow_text UL { padding: 10px 20px; } .slideshow_sidebar .slideshow_text LI { margin-bottom: 10px; text-align: left; } .slideshow_sidebar .slideshow_thumbs { position: absolute; width: 300px; bottom: 10px; } .slideshow_sidebar a { color: #000000; } .slideshow_sidebar a:hover { color: #004090; text-decoration: underline; }
/* FILE ??? */
.twitter_container{color:#444;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin:0 auto;}.twitter_container a{color:#0066CC;font-weight:bold;}.twitter_status{padding:6PX;border-bottom:solid 1px #DEDEDE;}.twitter_image{float:left;margin-right:14px;border:solid 2px #DEDEDE;width:50px;height:50px;}.twitter_posted_at{font-size:11px;padding-top:4px;color:#999;}
/* FILE css/style.fb-like.css */
.button_count a.connect_widget_like_button{padding:2px 4px;}.connect_widget .like_button_no_like .piece, .connect_widget .like_button_no_like{background-color:#ECEEF5;border-color:#CAD4E7;}a.connect_widget_like_button{border:1px solid #000000;border-radius:3px 3px 3px 3px;display:block;float:left;}.button_count .connect_widget_like_button .liketext{background-position:left -47px;}.connect_widget_like_button .liketext{background:url("http://images.starpulse.com/images/fb-like-bg.png") no-repeat scroll left -33px transparent;color:#3B5998;display:block;padding-left:17px;white-space:nowrap;}div.connect_widget_button_count_nub{background:url("http://images.starpulse.com/images/fb-like-fg.png") no-repeat scroll 0 0 transparent;float:left;height:12px;left:2px;position:relative;top:4px;width:5px;z-index:2;}div.connect_widget_button_count_count{background-color:#EFEFEF;border:1px solid #C1C1C1;color:#333333;float:left;font-weight:normal;height:14px;line-height:14px;margin-left:1px;min-width:15px;padding:1px 2px;position:relative;text-align:center;top:1px;}.fb_like_xml{position:absolute;}.facebook_like_button{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;}.connect_widget_number_cloud{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #D3D3D3;height:25px;padding-top:7px;position:relative;}.thumbs_up_icon{background:url("http://images.starpulse.com/images/fb-like-thumbsup.png") no-repeat scroll -1px -32px transparent;height:15px;margin-right:2px;width:15px;}div.connect_widget_number_cloud .connect_widget_not_connected_text{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:13px;}.connect_widget_number_cloud_nub{bottom:-7px;height:7px;left:5px;position:absolute;width:7px;}.connect_widget_number_cloud_nub s, .connect_widget_number_cloud_nub i{-moz-border-bottom-colors:none;-moz-border-image:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#D3D3D3 transparent transparent;border-right:5px solid transparent;border-style:solid;border-width:5px;display:block;position:relative;}.connect_widget_number_cloud_nub i{border-top-color:#FFFFFF;left:0;top:-12px;}div.connect_widget_number_cloud table.connect_widget_number_cloud_summary{margin-left:auto;margin-right:auto;}.visibility_hidden{visibility:hidden;}
/* FILE css/twitter.css */
.twitter-share { overflow:hidden; display:inline-block; font: 12px/1.5 Arial, sans-serif; text-align:center; *display:inline; zoom:1 } .twitter-button:link, .twitter-button:visited { float:left; position:relative; overflow:hidden; width:57px; height:21px; text-indent:-999em; background:url(http://images.starpulse.com/images/sp_sprite.2012011900.png) -293px -137px ; } .twitter-count:link, .twitter-count:visited { position:relative; float:left; height:18px; padding:0 4px; border:1px solid #BBBBBB; margin:0 0 0 7px; line-height:18px; text-decoration:none; color:#333333; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .twitter-count:before { content:""; position:absolute; top:50%; left:-5px; width:5px; height:9px; margin:-4px 0 0; background:url(http://images.starpulse.com/images/sp_sprite.2012011900.png) -293px -158px; } .vcount { position:relative; padding-top:42px; } .vcount .twitter-count { position:absolute; top:0; left:0; width:45px; height:34px; margin:0; text-align:center; font: 16px/34px Arial, sans-serif; } .vcount .twitter-count:before { top:100%; left:50%; width:9px; height:5px; margin:0 0 0 -4px; background-position:-303px -163px; }
/* FILE css/style.plus-one.css */
.plus_one-share { overflow:hidden; display:inline-block; font: 11px/1.5 Arial, sans-serif; text-align:center; *display:inline; zoom:1 } .plus_one-button-medium:link, .plus_one-button:visited  { float:left; position:relative; overflow:hidden; width:32px; height:20px; text-indent:-999em; background:url(http://images.starpulse.com/images/small_googleplus_one.png) no-repeat ; } .plus_one-button-large:link, .plus_one-button:visited  { float:left; position:relative; overflow:hidden; width:50px; height:20px; text-indent:-999em; background:url(http://images.starpulse.com/images/large_googleplus_one.png) no-repeat ; } .plus_one-count:link, .plus_one-count:visited { position:relative; float:left; height:18px; padding:0px 7px 0px 7px; border:1px solid #CCCCCC; margin:0 0 0 5px; line-height:18px; text-decoration:none; color:#666666; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .plus_one-count:before { content:""; position:absolute; top:50%; left:-5px; width:5px; height:9px; margin:-4px 0 0; background:url(http://images.starpulse.com/images/sp_sprite.2012011900.png) -293px -158px; } .plus_bubble_count { color: #666666; font-family: arial,sans-serif; vertical-align: top; } .plus_bubble { background: url("http://images.starpulse.com/images/plusone_bubble.png") no-repeat transparent; height: 35px; margin-bottom: 5px; overflow: hidden; text-align: center; width: 50px; font-size: 15px; }
/* FILE css/bx-scroller.css */
.video_category { line-height: none; text-transform: none; font-size: 20px; margin-left: 40px; } .video-block ul { width: 145px; padding: 0; margin: 0; overflow: hidden; } .video-block li { list-style: none; margin: 0; } .video-block .bx-wrapper { margin: 0 auto; } .video-block .bx-prev { position: absolute; top: 38px; left: -32px; width: 31px; height: 31px; text-indent: -999999px; background: url(/images/icon_arrow_left.png) no-repeat 0 -31px; } .video-block .bx-next { position: absolute; top: 38px; right: -35px; width: 31px; height: 31px; text-indent: -999999px; border: 0px; background: url(/images/icon_arrow_right.png) no-repeat 0 -31px; } .video-block .bx-wrapper { width: 580px; }
/* FILE css/video-tooltip.css */
.videotooltip { display:none; position:absolute; border:1px solid #333; background-color:#161616; border-radius:5px; padding:10px; width:300px; height:100px; color:#fff; font-size:11px; Arial; z-index: 1000; }
/* FILE css/style.radio.css */
.spRadio-Player { display: none; position: relative; padding: 3px 0; border: #909090 1px solid; } .spRadio-Control { height: 32px; background-color: #000000; } .spRadio-ButtonBase { cursor: pointer; float: left; overflow: hidden; margin: 1px; } .spRadio-ButtonLabel, .spRadio-VolumeLabel { display: block; position: relative; z-index: 3; float: left; width: 32px; height: 32px; background: url('http://images.starpulse.com/images/radio_sprite_32x32.png') no-repeat; outline: 0; } .spRadio-VolumeLabel { width: 16px; } .spRadio-LabelExpand { width: 16px; } .spRadio-ButtonLabel span, .spRadio-VolumeLabel span { display: none; } .spRadio-LabelPause { background-position: -160px 0; } .spRadio-LabelPlay { background-position: -192px 0; } .spRadio-LabelSkip { background-position: -224px 0; } .spRadio-LabelSpk { background-position: -32px 0; } .spRadio-LabelWav { background-position: -112px 0; } .spRadio-LabelMute { background-position: -80px 0; } .spRadio-LabelWav1 { background-position: -112px 0; } .spRadio-LabelWav2 { background-position: -144px 0; } .spRadio-LabelExpand { background-position: -320px 0; } .spRadio-Volume { float: left; position: relative; } .spRadio-VolumeContainer { position: relative; z-index: 0; float: left; overflow: hidden; margin: 1px; margin-left: -16px; } .spRadio-VolumeExpander { margin-left: -136px; } .spRadio-VolumeBg { float: left; margin-left: -16px; padding-left: 16px; padding-right: 24px; } .spRadio-VolumeSlider { display: block; position: relative; top: 11px; float: left; margin-left: 25px; border-radius: 25px; border: #757575 1px solid; width: 100px; height: 8px; background-color: #b0b0b0; } .spRadio-VolumeSlider .ui-slider-range { position: absolute; top: 0; border-radius: 25px; background-color: #d0d0d0; height: 100%; } .spRadio-VolumeSlider .ui-slider-handle { position: absolute; z-index: 2; top: -12px; margin-left: -16px; outline: 0; width: 32px; height: 32px; background: url('http://images.starpulse.com/images/radio_sprite_32x32.png') no-repeat -288px 0; cursor: pointer; } .spRadio-TrackInfo { float: left; margin: 1px 6px; border: #000000 1px solid; width: 200px; height: 30px; background-color: #d0d0d0; font-size: 12px; } .spRadio-TrackInfo .spRadio-TrackArtistName { font-weight: bold; } .spRadio-TrackProgress { position: relative; font-size: 0.8em; } .spRadio-TrackProgressBg { height: 5px; background-color: red; } .spRadio-TrackProgressBar { float: left; width: 0; height: 5px; background-color: white; } .spRadio-TrackProgressTimer { position: absolute; top: 5px; } .spRadio-TrackProgressCurrent { left: 0; } .spRadio-TrackProgressEnd { right: 0; } .spRadio-History { position: relative; overflow: hidden; height: 48px; margin: 3px; } .spRadio-Supplemental { display: none; clear: both; padding: 3px 5px; } .spRadio-InfoPanel { float: left; width: 33.33%; margin: 0; } .spRadio-InfoPanel h1 { text-align: center; white-space: nowrap; overflow: hidden; margin: 0 5px; border: #000000 1px solid; border-bottom: none; } .spRadio-InfoPanelContent { margin: 0 5px; padding: 5px; background-color: #ffffff; border: #000000 1px solid; border-top: none; font-size: 0.9em; line-height: 1.2; } .spRadio-InfoPanelItemContainer { width: 33%; height: 24px; margin: 1px; float: left; } .spRadio-InfoPanelItem { position: relative; display: block; height: 24px; margin: 4px; } .spRadio-InfoPanelItem:hover { background-color: #e0e0e0; border: #a0a0a0 1px solid; margin: 3px; } .spRadio-ItemMenu { position: absolute; bottom: -10px; right: 4px; border: inherit; border-width: 0 1px 1px 1px; border-radius: inherit; border-top-left-radius: 0; border-top-right-radius: 0; background-color: inherit; display: none; } .spRadio-ItemMenu a { display: block; clear: both; text-align: center; color: #ffffff; padding: 2px; height: 12px; margin: 3px; } .spRadio-ItemMenu a:hover { color: #000000; background-color: #ffffff; } .spRadio-History img, .spRadio-InfoPanelItem img { float: left; width: 48px; height: 48px; border-right: #a0a0a0 1px solid; margin-right: 3px; } .spRadio-HistoryItem { position: relative; float: left; width: 0; top: -13px; } .spRadio-TrackOptions { float: left; } .spRadio-TrackOptions span { display: none; } .spRadio-Share, .spRadio-Buy { position: relative; cursor: pointer; display: block; width: 28px; height: 28px; background-color: red; } .spRadio-Share .spRadio-ItemMenu { font-size: 0.9em; right: -54px; bottom: 18px; margin: 0 auto; white-space: nowrap; z-index: 50; background-color: #000000; } .spRadio-HistoryItem .spRadio-ItemMenu { font-size: 0.9em; right: -54px; bottom: 18px; margin: 0 auto; white-space: nowrap; z-index: 50; background-color: #000000; } .spRadio-ArrowLeft, .spRadio-ArrowRight { display: inline-block; vertical-align: middle; margin-bottom: 15px; width: 60px; } .spRadio-WelcomeMessageLeft, .spRadio-WelcomeMessageRight { font-size: 1.2em; background-color: #d2d8e2; color: #707070; font-weight: bold; border: #c1c8d3 2px solid; border-radius: 14px; padding: 10px; display: inline-block; vertical-align: middle; margin-bottom: 15px; text-align: left; width: 60%; } .spRadio-InfoPanelItem img { width: 24px; height: 24px; } .spRadio-PlayerDebug h2 { text-align: center; background-color: #909090; color: #ffffff; font-family: Arial; border-bottom: #000000 2px solid; } .spRadio-PlayerDebug { margin-bottom: 20px; margin-right: 20px; border: #909090 1px solid; background-color: #f0f0f0; } .spRadio-PlayerDebug td { padding: 2px 5px; border-bottom: #000000 1px solid; } #sm2-container { position: absolute; top: -9999px; left: -9999px; z-index: 0; background-color: #f39d24; color: #ffffff; line-height: 40px; text-align: center; font-size: 1.3em; } #sm2-container.swf_timedout { position: relative; top: 0; left: 0; z-index: 10; height: 40px; width: 40px; border-radius: 25px; } #sm2-container.swf_timedout object, #sm2-container.swf_timedout embed { height: 40px; width: 40px; } .spHighlight { background-color: red; } .spRadio-LabelPause.spActive { background-position: -160px -32px; } .spRadio-LabelPlay.spActive { background-position: -192px -32px; } .spRadio-LabelSkip.spActive { background-position: -224px -32px; } .spRadio-LabelExpand.spActive { background-position: -336px -0; } .spHighlight .spRadio-LabelPause.spActive { background-position: -160px 0; } .spHighlight .spRadio-LabelPlay.spActive { background-position: -192px 0; } .spHighlight .spRadio-LabelSkip.spActive { background-position: -224px 0; }
/* FILE css/style.radio.themes.css */
/**************************** * SHAPE THEMES ****************************/ /************* * spRounded * *************/ .spRounded { border-radius: 10px; } .spRounded .spRadio-Control { border-radius: 8px; } /*********** * spRound * ***********/ .spRound { border-radius: 25px; } .spRound .spRadio-Control { border-radius: 16px; } .spRound .spRadio-TrackInfo { border-radius: 8px; margin: 1px 10px; } .spRound .spRadio-InfoPanel h1 { border-radius: 8px 8px 0 0 ; } .spRound .spRadio-InfoPanelContent { border-radius: 0 0 8px 8px; } .spRound .spRadio-HistoryItem img, .spRound .spRadio-InfoPanelItem { border-radius: 4px; } /**************************** * COLOR THEMES ****************************/ /************ * spOrange * ************/ .spOrange { background-color: #f39d24; } .spOrange .spRadio-Control { background-color: inherit; } .spOrange .spHighlight { background-color: #3581ba; } .spOrange .spRadio-LabelPause.spActive { background-position: -160px -32px; } .spOrange .spRadio-LabelPlay.spActive { background-position: -192px -32px; } .spOrange .spRadio-LabelSkip.spActive { background-position: -224px -32px; } .spOrange .spHighlight .spRadio-LabelPause.spActive { background-position: -160px 0; } .spOrange .spHighlight .spRadio-LabelPlay.spActive { background-position: -192px 0; } .spOrange .spHighlight .spRadio-LabelSkip.spActive { background-position: -224px 0; } /********** * spBlue * **********/ .spBlue { background-color: #3581ba; } .spBlue .spRadio-Control { background-color: inherit; } .spBlue .spHighlight { background-color: #f39d24; } .spBlue .spRadio-LabelPause.spActive { background-position: -160px 0; } .spBlue .spRadio-LabelPlay.spActive { background-position: -192px 0; } .spBlue .spRadio-LabelSkip.spActive { background-position: -224px 0; } /***************** * spOrangeBlack * *****************/ .spOrangeBlack { background-color: #f39d24; } .spOrangeBlack .spRadio-Control { background-color: #000000; } .spOrangeBlack .spHighlight { background-color: #f39d24; } .spOrangeBlack .spRadio-LabelPause.spActive { background-position: -160px -32px; } .spOrangeBlack .spRadio-LabelPlay.spActive { background-position: -192px -32px; } .spOrangeBlack .spRadio-LabelSkip.spActive { background-position: -224px -32px; } /**************************** * SIZE THEMES ****************************/ /*********** * spGiant * ***********/ .spGiant .spRadio-ButtonBase { padding: 20px; } .spGiant .spRadio-VolumeBg { padding: 20px; } .spGiant .spRadio-Control { border-radius: 20px; } .spGiant.spRound .spRadio-TrackInfo { height: 70px; border-top-right-radius: 20px 20px; border-bottom-right-radius: 20px 20px; margin: 1px 3px; } /*********** * spLarge * ***********/ .spLarge .spRadio-ButtonBase { padding: 10px; } .spLarge .spRadio-VolumeBg { padding: 10px; } .spLarge .spRadio-TrackInfo { height: 50px; } .spRound .spRadio-TrackInfo { border-radius: 8px; } /************* * spFullBar * *************/ .spFullBar { width: 100%; position: fixed; bottom: 0; left: 0; border-radius: 0; z-index: 99999998; } .spFullBar .spRadio-ButtonBase { padding: 10px; } .spFullBar .spRadio-ButtonExpand { position: absolute; top: 3px; right: 3px; padding: 5px; height: 16px; border-radius: 6px; } .spFullBar .spRadio-VolumeBg { padding: 10px; } .spFullBar .spRadio-TrackInfo { height: 50px; } .spFullBar .spRadio-TrackInfo { border-radius: 8px; } /************* * msFullBar * *************/ .v1.msFullBar { background-color: #667b98; width: 100%; position: fixed; bottom: 0; left: 0; border-radius: 0; z-index: 99999998; padding: 0; border-width: 2px 0 0 0; border-color: #45566f; } .v1.msFullBar .spRadio-Control-Container { position: relative; z-index: 1; background: url('http://images.starpulse.com/images/radio_sprite_ms_cc_bg.png') repeat-x; background-position: 0 -1px; height: 55px; padding: 4px 0px; margin: 10px 0px 10px 10px; float: left; } .v1.msFullBar .spRadio-Control-Container-leftCap { position: absolute; top: 0; left: -4px; z-index: -1; background: url('http://images.starpulse.com/images/radio_sprite_ms.png') no-repeat; background-color: #667b98; width: 29px; height: 61px; background-position: 0px -65px; } .v1.msFullBar .spRadio-Control-Container-rightCap { position: absolute; top: 0; right: -4px; z-index: -1; background: url('http://images.starpulse.com/images/radio_sprite_ms.png') no-repeat; background-color: #667b98; width: 29px; height: 61px; background-position: -34px -65px; } .v1.msFullBar .spHighlight { background: url('http://images.starpulse.com/images/radio_sprite_ms.png') no-repeat; background-position: -75px -6px; } .v1.msFullBar .spRadio-ButtonBase { margin: 0px; } .v1.msFullBar .spRadio-Control { height: 55px; background-color: transparent; } .v1.msFullBar .spRadio-Volume .spRadio-Control { white-space: nowrap; } .v1.msFullBar .spRadio-ButtonLabel, .v1.msFullBar .spRadio-VolumeLabel { display: block; position: relative; z-index: 3; float: left; width: 45px; height: 55px; background-image: url('http://images.starpulse.com/images/radio_sprite_ms.png'); outline: 0; } .v1.msFullBar .spRadio-VolumeLabel { width: 21px; } .v1.msFullBar .spRadio-Large .spRadio-ButtonLabel { width: 55px; height: 55px; } .v1.msFullBar .spHighlight.spRadio-Large { background: url('http://images.starpulse.com/images/radio_sprite_ms.png') no-repeat; background-position: -5px -5px; } .v1.msFullBar .spRadio-LabelPlay { background-position: -69px -70px; } .v1.msFullBar .spRadio-LabelPause { background-position: -133px -70px; } .v1.msFullBar .spRadio-LabelSkip { background-position: -203px -70px; } .v1.msFullBar .spRadio-LabelSpk { background-position: -139px -6px; } .v1.msFullBar .spRadio-LabelWav { background-position: -288px -6px; } .v1.msFullBar .spRadio-LabelMute { background-position: -224px -6px; } .v1.msFullBar .spRadio-LabelWav1 { background-position: -288px -6px; } .v1.msFullBar .spRadio-LabelWav2 { background-position: -352px -6px; } .v1.msFullBar .spRadio-ButtonExpand { position: absolute; top: -5px; right: -2px; } .v1.msFullBar .spRadio-LabelExpand { background-position: -331px -70px; } .v1.msFullBar .spRadio-LabelExpand.spActive { background-position: -395px -70px; } .v1.msFullBar .spRadio-LabelPlay.spActive { background-position: -69px -70px; } .v1.msFullBar .spRadio-LabelPause.spActive { background-position: -133px -70px; } .v1.msFullBar .spRadio-LabelSkip.spActive { background-position: -267px -70px; } .v1.msFullBar .spRadio-LabelSpk.spActive { background-position: -139px -6px; } .v1.msFullBar .spRadio-LabelWav.spActive { background-position: -288px -6px; } .v1.msFullBar .spRadio-LabelMute.spActive { background-position: -224px -6px; } .v1.msFullBar .spRadio-LabelWav1.spActive { background-position: -288px -6px; } .v1.msFullBar .spRadio-LabelWav2.spActive { background-position: -352px -6px; } .v1.msFullBar .spRadio-VolumeBg { padding: 10px; background: inherit; } .v1.msFullBar .spRadio-VolumeSlider .ui-slider-handle { background: url("http://images.starpulse.com/images/radio_sprite_ms.png") no-repeat -398px -16px; } .v1.msFullBar .spRadio-TrackInfo { height: 39px; background-color: transparent; overflow: hidden; color: #ffffff; font-size: 1.2em; border: none; margin: 8px; } .v1.msFullBar .spRadio-TrackAlbumTitle { color: #b8bcc8; font-weight: normal; } .v1.msFullBar .spRadio-TrackAlbumTitle:hover { color: #f0f0f0; } .v1.msFullBar .spRadio-TrackArtistName { color: #b8bcc8; font-weight: normal; } .v1.msFullBar .spRadio-TrackArtistName:hover { color: #f0f0f0; } .v1.msFullBar .spRadio-TrackOptions { display: none; } .v1.msFullBar .spRadio-Share, .v1.msFullBar .spRadio-Buy { background: url('http://images.starpulse.com/images/radio_sprite_ms.png') no-repeat; } .v1.msFullBar .spRadio-Share { background-position: -464px -18px; } .v1.msFullBar .spRadio-Share:hover { background-position: -528px -18px; } .v1.msFullBar .spRadio-Buy { background-position: -464px -84px; } .v1.msFullBar .spRadio-Buy:hover { background-position: -528px -84px; } .v1.msFullBar .spRadio-Share .spRadio-ItemMenu { bottom: -19px; right: -84px; } .v1.msFullBar .spRadio-History { height: 75px; padding-left: 10px; } .v1.msFullBar .spRadio-HistoryItem { display: block; width: 56px; float: left; top: 0px; } .v1.msFullBar .spRadio-HistoryItem img { position: relative; border: #44556f 1px solid; border-radius: 12px; width: 0px; height: 0px; margin: 35px 3px; } .v1.msFullBar .spRadio-InfoPanel input { font-size: 1.1em; padding: 0 10px; width: 50%; margin-top: -6px; margin-left: 10px; border: none; border-radius: 12px; } .v1.msFullBar .spRadio-InfoPanel h1 { height: 21px; background-color: #2288c8; border-color: #e0e0e0; border-radius: 32px 32px 0 0 ; font-size: 1.6em; font-weight: normal; padding: 9px 0; border-bottom: #7a808c 2px solid; } .v1.msFullBar .spRadio-InfoPanelContent { margin-bottom: 10px; border-color: #e0e0e0; background-color: #f5f5f5; } .v1.msFullBar .spRadio-InfoPanelItem, .v1.msFullBar .spRadio-InfoPanelItem img { border-radius: 4px; } .v1.msFullBar .spRadio-InfoPanelItem:hover { background-color: #ffffff; margin: 0; border: #f6c27c 1px solid; } .v1.msFullBar .spRadio-InfoPanelItem a { color: #000000; } /************* * msFullBar * *************/ .v2.msFullBar { color: #ffffff; background-color: #667b98; width: 100%; position: fixed; bottom: 0; left: 0; border-radius: 0; z-index: 99999998; padding: 0; border-width: 2px 0 0 0; border-color: #45566f; } .v2.msFullBar .spRadio-Control-Container { position: relative; background: url('http://images.starpulse.com/images/radio_sprite_ms_cc_bg.png') repeat-x; background-position: 0 -1px; height: 55px; padding: 4px 0px; margin: 10px 0px 10px 10px; float: left; } .v2.msFullBar .spRadio-Control-Container-leftCap { position: absolute; top: 0; left: -2px; background: url('http://images.starpulse.com/images/radio_sprite_msv2.png') no-repeat; background-color: #667b98; width: 2px; height: 61px; background-position: -29px -65px; } .v2.msFullBar .spRadio-Control-Container-rightCap { position: absolute; top: 0; right: -1px; background: url('http://images.starpulse.com/images/radio_sprite_msv2.png') no-repeat; background-color: #667b98; width: 1px; height: 61px; background-position: -34px -65px; } .v2.msFullBar .spHighlight { background: url('http://images.starpulse.com/images/radio_sprite_ms.png') no-repeat; background-position: -75px -6px; } .v2.msFullBar .spRadio-ButtonBase { margin: 0px; } .v2.msFullBar .spRadio-Control { height: 55px; background-color: transparent; } .v2.msFullBar .spRadio-Volume .spRadio-Control { white-space: nowrap; } .v2.msFullBar .spRadio-ButtonLabel, .v2.msFullBar .spRadio-VolumeLabel { display: block; position: relative; z-index: 3; float: left; width: 45px; height: 55px; background-image: url('http://images.starpulse.com/images/radio_sprite_ms.png'); outline: 0; } .v2.msFullBar .spRadio-VolumeLabel { width: 21px; } .v2.msFullBar .spRadio-Large .spRadio-ButtonLabel { width: 55px; height: 55px; } .v2.msFullBar .spHighlight.spRadio-Large { background: url('http://images.starpulse.com/images/radio_sprite_ms.png') no-repeat; background-position: -5px -5px; } .v2.msFullBar .spRadio-LabelPlay { background-position: -69px -70px; } .v2.msFullBar .spRadio-LabelPause { background-position: -133px -70px; } .v2.msFullBar .spRadio-LabelSkip { background-position: -203px -70px; } .v2.msFullBar .spRadio-LabelSpk { background-position: -139px -6px; } .v2.msFullBar .spRadio-LabelWav { background-position: -288px -6px; } .v2.msFullBar .spRadio-LabelMute { background-position: -224px -6px; } .v2.msFullBar .spRadio-LabelWav1 { background-position: -288px -6px; } .v2.msFullBar .spRadio-LabelWav2 { background-position: -352px -6px; } .v2.msFullBar .spRadio-ButtonExpand { position: absolute; top: -5px; right: -2px; } .v2.msFullBar .spRadio-LabelExpand { background-position: -331px -70px; } .v2.msFullBar .spRadio-LabelExpand.spActive { background-position: -395px -70px; } .v2.msFullBar .spRadio-LabelPlay.spActive { background-position: -69px -70px; } .v2.msFullBar .spRadio-LabelPause.spActive { background-position: -133px -70px; } .v2.msFullBar .spRadio-LabelSkip.spActive { background-position: -267px -70px; } .v2.msFullBar .spRadio-LabelSpk.spActive { background-position: -139px -6px; } .v2.msFullBar .spRadio-LabelWav.spActive { background-position: -288px -6px; } .v2.msFullBar .spRadio-LabelMute.spActive { background-position: -224px -6px; } .v2.msFullBar .spRadio-LabelWav1.spActive { background-position: -288px -6px; } .v2.msFullBar .spRadio-LabelWav2.spActive { background-position: -352px -6px; } .v2.msFullBar .spRadio-VolumeBg { padding: 10px; background: inherit; } .v2.msFullBar .spRadio-VolumeSlider .ui-slider-handle { background: url("http://images.starpulse.com/images/radio_sprite_ms.png") no-repeat -398px -16px; } .v2.msFullBar .spRadio-TrackInfo { position: relative; height: 39px; background-color: transparent; overflow: hidden; font-size: 1.2em; border: none; margin: 8px; } .v2.msFullBar .spRadio-TrackText { position: absolute; white-space: nowrap; } .v2.msFullBar .spRadio-TrackAlbumTitle { color: #b8bcc8; font-weight: normal; text-decoration: underline; } .v2.msFullBar .spRadio-TrackAlbumTitle:hover { color: #f0f0f0; } .v2.msFullBar .spRadio-TrackArtistName { color: #b8bcc8; font-weight: normal; text-decoration: underline; } .v2.msFullBar .spRadio-TrackArtistName:hover { color: #f0f0f0; } .v2.msFullBar .spRadio-TrackProgress { position: absolute; bottom: 10px; width: 200px; font-size: 0.7em; } .v2.msFullBar .spRadio-TrackProgressBg { background-color: #1c3961; border-radius: 2px; } .v2.msFullBar .spRadio-TrackProgressBar { border-radius: 2px; } .v2.msFullBar .spRadio-Share, .v2.msFullBar .spRadio-Buy { background: url('http://images.starpulse.com/images/radio_sprite_msv2.png') no-repeat; } .v2.msFullBar .spRadio-Share { background-position: -464px -18px; } .v2.msFullBar .spRadio-Share:hover { background-position: -528px -18px; } .v2.msFullBar .spRadio-Buy { background-position: -464px -84px; } .v2.msFullBar .spRadio-Buy:hover { background-position: -528px -84px; } .v2.msFullBar .spRadio-Share .spRadio-ItemMenu { bottom: -19px; right: -90px; } .v2.msFullBar .spRadio-History { height: 75px; padding-left: 10px; } .v2.msFullBar .spRadio-HistoryItem { top: 0px; display: block; float: left; } .v2.msFullBar .spRadio-HistoryItem img { position: relative; border: #44556f 1px solid; border-radius: 12px; width: 0px; height: 0px; margin: 35px 3px; } .v2.msFullBar .spRadio-InfoPanel input { font-size: 1.1em; padding: 0 10px; width: 50%; margin-top: -6px; margin-left: 10px; border: none; border-radius: 12px; } .v2.msFullBar .spRadio-InfoPanel h1 { height: 21px; background-color: transparent; border-color: transparent; font-size: 1.6em; font-weight: normal; padding: 9px 0; border-bottom: none; } .v2.msFullBar .spRadio-InfoPanelContent { margin-bottom: 10px; border: none; background-color: transparent; } .v2.msFullBar .spRadio-InfoPanelItem, .v2.msFullBar .spRadio-InfoPanelItem img { border-radius: 4px; } .v2.msFullBar .spRadio-InfoPanelItem:hover { background-color: #465771; } .v2.msFullBar .spRadio-ItemMenu { background-color: #465771; border: #f6c27c 1px solid; border-radius: 4px; } .v2.msFullBar .spRadio-ItemMenu a { border-radius: 4px; } /************* * msFullBar * *************/ .v3.msFullBar { background-color: #667b98; background: url('http://images.starpulse.com/images/radio_sprite_msv3_bg.png') repeat; width: 100%; position: fixed; bottom: 0; left: 0; border-radius: 0; z-index: 99999998; padding: 0; border: none; } .v3.msFullBar .spRadio-Top-Container { position: relative; padding: 0px 60px; overflow: hidden; } .v3.msFullBar .spRadio-Control-Container { position: relative; background: url('http://images.starpulse.com/images/radio_sprite_msv3.png') no-repeat; background-position: -832px -6px; height: 115px; width: 183px; margin: 10px 0 15px 3px; float: left; } .v3.msFullBar .spRadio-TrackOptions-Container { position: relative; background: url('http://images.starpulse.com/images/radio_sprite_msv3.png') no-repeat; background-position: -1028px -5px; height: 115px; width: 156px; margin: 10px 0px 15px -4px; float: left; } .v3.msFullBar .spRadio-Expand-Container { position: absolute; bottom: 0; right: 4px; background: url('http://images.starpulse.com/images/radio_sprite_msv3.png') no-repeat; background-position: -514px -59px; height: 63px; width: 122px; z-index: 3; } .v3.msFullBar .spHighlight { background: url('http://images.starpulse.com/images/radio_sprite_msv3.png') no-repeat; background-position: -75px -6px; } .v3.msFullBar .spRadio-ButtonBase { background: url('http://images.starpulse.com/images/radio_sprite_msv3.png') no-repeat; margin: 0px; } .v3.msFullBar .spRadio-ButtonBase.spRadio-ButtonPlay { margin: 12px 0 0 11px; background-position: -6px -18px; height: 103px; width: 92px; } .v3.msFullBar .spRadio-ButtonBase.spRadio-ButtonSkip { margin: 8px 0 0 17px; background-position: -395px -9px; height: 61px; width: 58px; } .v3.msFullBar .spRadio-ButtonBase.spRadio-ButtonAdd { position: absolute; right: 2px; bottom: 0px; background-position: -598px -10px; height: 40px; width: 66px; } .v3.msFullBar .spRadio-ButtonBase.spRadio-ButtonView { margin: 9px 0 0 5px; background-position: -12px -136px; height: 83px; width: 87px; } .v3.msFullBar .spRadio-ButtonBase.spRadio-ButtonBuy { margin: 7px 0 0 2px; background-position: -328px -147px; height: 64px; width: 57px; } .v3.msFullBar .spRadio-ButtonBase.spRadio-ButtonShare { position: absolute; bottom: 0px; right: 31px; background-position: -573px -152px; height: 50px; width: 45px; } .v3.msFullBar .spRadio-ButtonBase.spRadio-ButtonVolume { width: 36px; background-image: none; position: absolute; bottom: 27px; } .v3.msFullBar .spRadio-ButtonBase.spRadio-ButtonExpand { margin: 8px 0 0 37px; background-position: -653px -67px; height: 54px; width: 49px; } .v3.msFullBar .spRadio-ButtonBase.spRadio-ButtonHistoryLeft { position: absolute; top: 14px; left: 0; background-image: none; height: 36px; width: 30px; } .v3.msFullBar .spRadio-ButtonBase.spRadio-ButtonHistoryRight { position: absolute; top: 14px; right: 0; background-image: none; height: 36px; width: 30px; } .v3.msFullBar .spRadio-Control { height: 55px; background-color: transparent; } .v3.msFullBar .spRadio-VolumeContainer { height: 100%; margin: 14px 0 0 36px; position: relative; overflow: visible; } .v3.msFullBar .spRadio-Volume { vertical-align: top; height: 140px; margin-left: -7px; } .v3.msFullBar .spRadio-Volume .spRadio-Control { white-space: nowrap; height: 21px; } .v3.msFullBar .spRadio-ButtonLabel, .v3.msFullBar .spRadio-VolumeLabel { display: block; position: relative; z-index: 3; float: left; width: 36px; height: 48px; background-image: url('http://images.starpulse.com/images/radio_sprite_msv3.png'); outline: 0; } .v3.msFullBar .spRadio-VolumeLabel { width: 21px; height: 21px; } .v3.msFullBar .spRadio-ButtonPlay .spRadio-ButtonLabel { margin-top: 24px; margin-left: 29px; } .v3.msFullBar .spRadio-ButtonSkip .spRadio-ButtonLabel { margin-top: 3px; margin-left: 12px; } .v3.msFullBar .spRadio-ButtonAdd .spRadio-ButtonLabel { margin-top: 2px; margin-left: 19px; } .v3.msFullBar .spRadio-ButtonView .spRadio-ButtonLabel { height: 54px; width: 48px; margin-top: 7px; margin-left: 17px; } .v3.msFullBar .spRadio-ButtonBuy .spRadio-ButtonLabel { height: 40px; margin-top: 7px; margin-left: 9px; } .v3.msFullBar .spRadio-ButtonShare .spRadio-ButtonLabel { height: 40px; margin-top: 3px; margin-left: 5px; } .v3.msFullBar .spRadio-ButtonExpand .spRadio-ButtonLabel { width: 27px; margin-top: 10px; margin-left: 14px; } .v3.msFullBar .spRadio-LabelPlay { background-position: -210px -12px; } .v3.msFullBar .spRadio-LabelPlay:hover { background-position: -253px -12px; } .v3.msFullBar .spRadio-LabelPause { background-position: -299px -12px; } .v3.msFullBar .spRadio-LabelPause:hover { background-position: -342px -12px; } .v3.msFullBar .spRadio-LabelSkip { background-position: -516px -12px; } .v3.msFullBar .spRadio-LabelSkip:hover { background-position: -555px -12px; } .v3.msFullBar .spRadio-LabelAdd { background-position: -756px -12px; } .v3.msFullBar .spRadio-LabelView { background-position: -208px -145px; } .v3.msFullBar .spRadio-LabelView:hover { background-position: -263px -145px; } .v3.msFullBar .spRadio-LabelBuy { background-position: -478px -155px; } .v3.msFullBar .spRadio-LabelBuy:hover { background-position: -520px -155px; } .v3.msFullBar .spRadio-LabelShare { background-position: -688px -155px; } .v3.msFullBar .spRadio-LabelShare:hover { background-position: -729px -155px; } .v3.msFullBar .spRadio-LabelSpk { background-position: -647px -233px; } .v3.msFullBar .spRadio-LabelWav { background-position: -668px -233px; } .v3.msFullBar .spRadio-LabelMute { width: 0; } .v3.msFullBar .spRadio-LabelWav1 { width: 4px; } .v3.msFullBar .spRadio-LabelWav2 { width: 8px; } .v3.msFullBar .spRadio-LabelWav3 { width: 15px; } .v3.msFullBar .spRadio-LabelExpand { background-position: -797px -81px; } .v3.msFullBar .spRadio-LabelHistoryLeft { background-position: -3px -259px; } .v3.msFullBar .spRadio-LabelHistoryLeft:hover { background-position: -358px -259px; } .v3.msFullBar .spRadio-LabelHistoryRight { background-position: -318px -259px; } .v3.msFullBar .spRadio-LabelHistoryRight:hover { background-position: -391px -259px; } .v3.msFullBar .spRadio-ButtonHistoryLeft.spPushed .spRadio-LabelHistoryLeft:hover { background-position: -3px -259px; } .v3.msFullBar .spRadio-ButtonHistoryRight.spPushed .spRadio-LabelHistoryRight:hover { background-position: -318px -259px; } .v3.msFullBar .spRadio-ButtonExpand.spPushed, .v3.msFullBar .spRadio-ButtonExpand.spActive { background-position: -711px -67px; } .v3.msFullBar .spRadio-ButtonExpand.spActive .spRadio-ButtonLabel { background-position: -769px -81px; margin-top:12px; } .v3.msFullBar .spRadio-ButtonPlay.spPushed, .v3.msFullBar .spRadio-ButtonPlay.spActive { background-position: -109px -18px; } .v3.msFullBar .spRadio-ButtonSkip.spPushed, .v3.msFullBar .spRadio-ButtonSkip.spActive { background-position: -455px -9px; } .v3.msFullBar .spRadio-ButtonAdd.spPushed, .v3.msFullBar .spRadio-ButtonAdd.spActive { background-position: -674px -10px; } .v3.msFullBar .spRadio-ButtonView.spPushed, .v3.msFullBar .spRadio-ButtonView.spActive { background-position: -112px -136px; } .v3.msFullBar .spRadio-ButtonBuy.spPushed, .v3.msFullBar .spRadio-ButtonBuy.spActive { background-position: -400px -147px; } .v3.msFullBar .spRadio-ButtonShare.spPushed, .v3.msFullBar .spRadio-ButtonShare.spActive { background-position: -634px -152px; } .v3.msFullBar .spRadio-LabelSpk.spActive { background-position: -139px -6px; } .v3.msFullBar .spRadio-LabelWav.spActive { background-position: -288px -6px; } .v3.msFullBar .spRadio-LabelMute.spActive { background-position: -224px -6px; } .v3.msFullBar .spRadio-LabelWav1.spActive { background-position: -288px -6px; } .v3.msFullBar .spRadio-LabelWav2.spActive { background-position: -352px -6px; } .v3.msFullBar .spRadio-VolumeBg { background: url("http://images.starpulse.com/images/radio_sprite_msv3.png") no-repeat -697px -223px; padding: 0px; margin: 0 0 0 5px; height: auto; width: 13px; } .v3.msFullBar .spRadio-VolumeSlider { background: inherit; margin: 10px 0; height: 98px; top: auto; border: none; width: 19px; } .v3.msFullBar .spRadio-VolumeSlider .ui-slider-range { background: url("http://images.starpulse.com/images/radio_sprite_msv3.png") no-repeat -716px -229px; border: none; top: auto; left: 3px; bottom: 0; width: 5px; } .v3.msFullBar .spRadio-VolumeSlider .ui-slider-handle { top: auto; left: -6px; background: url("http://images.starpulse.com/images/radio_sprite_msv3.png") no-repeat -803px -232px; margin: 0; margin-bottom: -11px; height: 22px; width: 22px; } .v3.msFullBar .spRadio-TrackInfo { position: relative; margin: 14px 5px 11px 34px; background-color: transparent; font-size: 1.2em; border: none; height: 115px; width: auto; float: left; overflow: visible; vertical-align: top; } .v3.msFullBar .spRadio-TrackText { color: #868d97; overflow: hidden; } .v3.msFullBar .spRadio-TrackInfo .spRadio-TrackText { height: 76px; width: 295px; } .v3.msFullBar .spRadio-TrackText a, .v3.msFullBar .spRadio-TrackText span { display: block; white-space: nowrap; } .v3.msFullBar .spRadio-TrackTitle { font-size: 22px; color: #ff9c00;; } .v3.msFullBar .spRadio-TrackArtistName { line-height: 1.6; font-weight: bold; font-size: 16px; color: #868d97; text-decoration: none; } .v3.msFullBar .spRadio-TrackArtistName:hover { color: #707580; text-decoration: underline; } .v3.msFullBar .spRadio-TrackAlbumTitle { line-height: 1.6; font-size: 16px; color: #7c818c; text-decoration: none; } .v3.msFullBar .spRadio-TrackAlbumTitle:hover { color: #707580; text-decoration: underline; } .v3.msFullBar .spRadio-TrackProgress { position: absolute; bottom: 4px; width: 322px; font-size: 0.7em; } .v3.msFullBar .spRadio-TrackProgressTimer { top: auto; bottom: 5px; font-weight: bold; font-size: 11px; color: #868d97; } .v3.msFullBar .spRadio-TrackProgressBg { position: absolute; bottom: 5px; left: 32px; background: url("http://images.starpulse.com/images/radio_sprite_msv3.png") no-repeat -217px -86px; height: 12px; width: 256px; } .v3.msFullBar .spRadio-TrackProgressBarTrack { position: absolute; bottom: 17px; left: -3px; width: 237px; } .v3.msFullBar .spRadio-TrackProgressBar { position: absolute; background: url("http://images.starpulse.com/images/radio_sprite_msv3.png") no-repeat -480px -81px; height: 22px; width: 22px; } .v3.msFullBar .spRadio-Share, .v3.msFullBar .spRadio-Buy { background: url('http://images.starpulse.com/images/radio_sprite_msv3.png') no-repeat; } .v3.msFullBar .spRadio-Share { background-position: -464px -18px; } .v3.msFullBar .spRadio-Share:hover { background-position: -528px -18px; } .v3.msFullBar .spRadio-Buy { background-position: -464px -84px; } .v3.msFullBar .spRadio-Buy:hover { background-position: -528px -84px; } .v3.msFullBar .spRadio-Share .spRadio-ItemMenu { bottom: -19px; right: -90px; } .v3.msFullBar .spRadio-Supplemental { background: url('http://images.starpulse.com/images/radio_sprite_msv3_bg.png') repeat-x; background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://images.starpulse.com/images/radio_sprite_msv3_bg.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://images.starpulse.com/images/radio_sprite_msv3_bg.png', sizingMethod='scale')"; background-size: contain; overflow: hidden; } .v3.msFullBar .spRadio-InfoPanel { width: 30%; } .v3.msFullBar .spRadio-InfoPanel.spRadio-HistoryColumn { width: 40%; } .v3.msFullBar .spRadio-HistoryBg { position: relative; background: url('http://images.starpulse.com/images/radio_sprite_msv3_hbg.png') repeat-x; height: 77px; margin-left: 85px; margin-right: 50px; } .v3.msFullBar .spRadio-HistoryBg-Left { position: absolute; top: 0; left: 40px; background: url('http://images.starpulse.com/images/radio_sprite_msv3.png'); background-position: -43px -242px; height: 77px; width: 45px; } .v3.msFullBar .spRadio-HistoryBg-LeftCover { position: absolute; top: 0; height: 77px; width: 20px; background: url('http://images.starpulse.com/images/radio_sprite_msv3_hbg.png') repeat-x; left: 65px; visibility: hidden; } .v3.msFullBar .spRadio-HistoryBg-Right { position: absolute; top: 0; right: 40px; background: url('http://images.starpulse.com/images/radio_sprite_msv3.png'); background-position: -299px -242px; height: 77px; width: 10px; } .v3.msFullBar .spRadio-History-Container { position: relative; top: -77px; height: 74px; margin: 1px 41px; border-radius: 8px; overflow: hidden; } .v3.msFullBar .spRadio-History { position: relative; left: 0; margin: 0; height: 74px; white-space: nowrap; width: 1000px; } .v3.msFullBar .spRadio-HistoryItem { top: 0px; display: inline-block; float: none; } .v3.msFullBar .spRadio-HistoryItem img { position: relative; border: #44556f 1px solid; border-radius: 8px; width: 0px; height: 0px; margin: 12px 6px; } .v3.msFullBar .spRadio-HistoryItem img.spActive { border-color: #f39d24; } .v3.msFullBar .spRadio-HistoryInfo { position: relative; top: -50px; margin-left: 40px; } .v3.msFullBar .spRadio-InfoPanel input { font-size: 1.1em; padding: 0 10px; width: 50%; margin-top: -6px; margin-left: 10px; border: none; border-radius: 12px; } .v3.msFullBar .spRadio-InfoPanel h1 { font-size: 22px; color: #ff9c00;; background-color: transparent; border-color: transparent; font-weight: normal; margin: 9px 0 9px 30px; border-bottom: none; text-align: left; } .v3.msFullBar .spRadio-InfoPanelContent { border: none; background-color: transparent; overflow-y: auto; height: 300px; position: relative; margin: 0 10px; padding: 0; } .v3.msFullBar .spRadio-InfoPanelItemContainer { position: relative; float: none; width: 100%; height: 52px; overflow: hidden; margin: 0; margin-bottom: 10px; border-radius: 10px; } .v3.msFullBar .spRadio-InfoPanelItemContainer a { position: absolute; display: inline-block; background: url('http://images.starpulse.com/images/radio_sprite_msv3.png'); background-position: -430px -255px; height: 40px; width: 40px; top: 0; right: 4px; } .v3.msFullBar .spRadio-InfoPanelItemContainer a:hover { background-position: -475px -255px; } .v3.msFullBar .spRadio-InfoPanelItemContainer a span { display: none; } .v3.msFullBar .spRadio-InfoPanelItemLabel { position: absolute; left: 60px; vertical-align: middle; white-space: nowrap; font-weight: bold; font-size: 16px; color: #868d97; text-decoration: none; margin-top: 14px; cursor: pointer; } .v3.msFullBar .spRadio-InfoPanelItemLabel:hover { color: #707580; text-decoration: underline; } .v3.msFullBar .spRadio-InfoPanelItem, .v3.msFullBar .spRadio-InfoPanelItem img { border-radius: 10px; height: 50px; } .v3.msFullBar .spRadio-InfoPanelItem { position: relative; margin: 0px; } .v3.msFullBar .spRadio-InfoPanelItem:hover { background-color: #e1e5ed; margin: 0; border: none; } .v3.msFullBar .spRadio-InfoPanelItem img { width: 50px; margin-right: 12px; vertical-align: middle; cursor: pointer; border: 1px solid #a0a0a0; } /************* * msFullBar * *************/ .v4.msFullBar { background-color: #667b98; background: url('http://images.starpulse.com/images/radio_sprite_msv3_bg.png') repeat; width: 100%; position: fixed; bottom: 0; left: 0; border-radius: 0; z-index: 99999998; padding: 0; border: none; } .v4.msFullBar .spRadio-Top-Container { position: relative; padding: 0px; overflow: hidden; } .v4.msFullBar .spRadio-Control-Container { position: relative; margin: 8px 0 0 0; float: left; } .v4.msFullBar .spRadio-TrackOptions-Container { position: relative; margin: 8px 74px 0 0; float: left; } .v4.msFullBar .spRadio-Expand-Container { position: absolute; bottom: 0; right: 4px; background: url('http://images.starpulse.com/images/radio_sprite_msv4.png') no-repeat; background-position: -514px -59px; height: 63px; width: 122px; z-index: 3; } .v4.msFullBar .spHighlight { background: url('http://images.starpulse.com/images/radio_sprite_msv4.png') no-repeat; background-position: -75px -6px; } .v4.msFullBar .spRadio-Control { height: 55px; background-color: transparent; } .v4.msFullBar .spRadio-ButtonBase { background: url('http://images.starpulse.com/images/radio_sprite_msv4.png') no-repeat; margin: 4px 4px 0 0; background-position: -653px -67px; height: 55px; width: 50px; } .v4.msFullBar .spRadio-ButtonBase.spRadio-ButtonPlay { background-position: -328px -147px; margin-top: 0; height: 64px; width: 57px; } .v4.msFullBar .spRadio-ButtonBase.spRadio-ButtonAdd { background-position: -598px -10px; height: 40px; width: 66px; margin-top: 6px; } .v4.msFullBar .spRadio-ButtonBase.spRadio-ButtonVolume { width: 36px; background-image: none; margin-top: 18px; } .v4.msFullBar .spRadio-ButtonBase.spRadio-ButtonExpand { margin: 8px 0 0 37px; background-position: -653px -67px; height: 54px; width: 49px; } .v4.msFullBar .spRadio-ButtonBase.spRadio-ButtonHistoryLeft, .v4.msFullBar .spRadio-ButtonBase.spRadio-ButtonHistoryRight { position: absolute; top: 14px; left: 0; background-image: none; height: 36px; width: 30px; margin: 0; } .v4.msFullBar .spRadio-ButtonBase.spRadio-ButtonHistoryRight { left: auto; right: 0; } .v4.msFullBar .spRadio-VolumeContainer { height: 30px; margin: 17px 0 0 0; padding-top: 5px; position: relative; overflow: hidden; } .v4.msFullBar .spRadio-Volume { margin-left: 5px; } .v4.msFullBar .spRadio-Volume .spRadio-Control { white-space: nowrap; height: 21px; } .v4.msFullBar .spRadio-ButtonLabel, .v4.msFullBar .spRadio-VolumeLabel { display: block; position: relative; z-index: 3; float: left; margin-top: 0; margin-left: 5px; height: 50px; width: 45px; background-image: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); outline: 0; } .v4.msFullBar .spRadio-VolumeLabel { margin: 0; height: 21px; width: 21px; } .v4.msFullBar .spRadio-ButtonAdd .spRadio-ButtonLabel { margin-left: 14px; } .v4.msFullBar .spRadio-LabelHistoryLeft, .v4.msFullBar .spRadio-LabelHistoryRight { margin: 0; } .v4.msFullBar .spRadio-LabelPlay { background-position: -202px -6px; } .v4.msFullBar .spRadio-LabelPlay:hover { background-position: -245px -6px; } .v4.msFullBar .spRadio-LabelPause { background-position: -292px -6px; } .v4.msFullBar .spRadio-LabelPause:hover { background-position: -335px -6px; } .v4.msFullBar .spRadio-LabelSkip { background-position: -512px -12px; } .v4.msFullBar .spRadio-LabelSkip:hover { background-position: -551px -12px; } .v4.msFullBar .spRadio-LabelAdd { background-position: -751px -10px; } .v4.msFullBar .spRadio-LabelView { background-position: -206px -143px; } .v4.msFullBar .spRadio-LabelView:hover { background-position: -261px -143px; } .v4.msFullBar .spRadio-LabelBuy { background-position: -477px -149px; } .v4.msFullBar .spRadio-LabelBuy:hover { background-position: -519px -149px; } .v4.msFullBar .spRadio-LabelShare { background-position: -686px -150px; } .v4.msFullBar .spRadio-LabelShare:hover { background-position: -727px -150px; } .v4.msFullBar .spRadio-LabelFeedback { background-position: -798px -11px; } .v4.msFullBar .spRadio-LabelFeedback:hover { background-position: -798px -11px; } .v4.msFullBar .spRadio-LabelSpk { background-position: -647px -233px; } .v4.msFullBar .spRadio-LabelWav { background-position: -668px -233px; } .v4.msFullBar .spRadio-LabelMute { width: 0; } .v4.msFullBar .spRadio-LabelWav1 { width: 4px; } .v4.msFullBar .spRadio-LabelWav2 { width: 8px; } .v4.msFullBar .spRadio-LabelWav3 { width: 15px; } .v4.msFullBar .spRadio-LabelExpand { background-position: -796px -71px; } .v4.msFullBar .spRadio-LabelHistoryLeft { background-position: -3px -259px; } .v4.msFullBar .spRadio-LabelHistoryLeft:hover { background-position: -358px -259px; } .v4.msFullBar .spRadio-LabelHistoryRight { background-position: -318px -259px; } .v4.msFullBar .spRadio-LabelHistoryRight:hover { background-position: -391px -259px; } .v4.msFullBar .spRadio-ButtonHistoryLeft.spPushed .spRadio-LabelHistoryLeft:hover { background-position: -3px -259px; } .v4.msFullBar .spRadio-ButtonHistoryRight.spPushed .spRadio-LabelHistoryRight:hover { background-position: -318px -259px; } .v4.msFullBar .spRadio-ButtonBase.spPushed, .v4.msFullBar .spRadio-ButtonBase.spActive { background-position: -711px -67px; } .v4.msFullBar .spRadio-ButtonBase.spRadio-ButtonPlay.spPushed, .v4.msFullBar .spRadio-ButtonBase.spRadio-ButtonPlay.spActive { background-position: -400px -147px; } .v4.msFullBar .spRadio-ButtonExpand.spPushed, .v4.msFullBar .spRadio-ButtonExpand.spActive { background-position: -711px -67px; } .v4.msFullBar .spRadio-ButtonExpand.spActive .spRadio-ButtonLabel { background-position: -760px -70px; } .v4.msFullBar .spRadio-ButtonAdd.spPushed, .v4.msFullBar .spRadio-ButtonAdd.spActive { background-position: -674px -10px; } .v4.msFullBar .spRadio-LabelSpk.spActive { background-position: -139px -6px; } .v4.msFullBar .spRadio-LabelWav.spActive { background-position: -288px -6px; } .v4.msFullBar .spRadio-LabelMute.spActive { background-position: -224px -6px; } .v4.msFullBar .spRadio-LabelWav1.spActive { background-position: -288px -6px; } .v4.msFullBar .spRadio-LabelWav2.spActive { background-position: -352px -6px; } .v4.msFullBar .spRadio-VolumeBg { background: url("http://images.starpulse.com/images/radio_sprite_msv4.png") no-repeat -686px -233px; padding: 0px; margin: 0; height: 13px; width: 115px; } .v4.msFullBar .spRadio-VolumeSlider { background: transparent; margin: 0 8px; top: auto; border: none; width: 98px; } .v4.msFullBar .spRadio-VolumeSlider .ui-slider-range { background: url("http://images.starpulse.com/images/radio_sprite_msv4.png") no-repeat -686px -250px; border: none; top: 3px; left: -8px; bottom: 0; width: 5px; } .v4.msFullBar .spRadio-VolumeSlider .ui-slider-handle { top: -5px; left: -6px; background: url("http://images.starpulse.com/images/radio_sprite_msv4.png") no-repeat -803px -232px; margin: 0; margin-left: -11px; height: 22px; width: 22px; } .v4.msFullBar .spRadio-TrackInfo { position: relative; background-color: transparent; line-height: 1.1; font-size: 1.0em; border: none; margin: 8px 6px 0 6px; height: 64px; width: 322px; float: left; overflow: visible; vertical-align: top; color: #868d97; } .v4.msFullBar .spRadio-PlaylistInfo { display: none; height: 51px; width: 322px; text-align: center; color: #868d97; } .v4.msFullBar .spRadio-PlaylistInfo .spRadio-ArtistName, .v4.msFullBar .spRadio-PlaylistInfo .spRadio-PlaylistName { color: #868d97; font-weight: bold; } .v4.msFullBar .spRadio-TrackText { overflow: hidden; } .v4.msFullBar .spRadio-TrackInfo .spRadio-TrackText { height: 51px; width: 295px; } .v4.msFullBar .spRadio-TrackText a, .v4.msFullBar .spRadio-TrackText span { display: block; white-space: nowrap; } .v4.msFullBar .spRadio-TrackTitle { color: #ff9c00;; } .v4.msFullBar .spRadio-TrackArtistName { font-weight: bold; color: #868d97; text-decoration: none; } .v4.msFullBar .spRadio-TrackArtistName:hover { color: #707580; text-decoration: underline; } .v4.msFullBar .spRadio-TrackAlbumTitle { color: #7c818c; text-decoration: none; } .v4.msFullBar .spRadio-TrackAlbumTitle:hover { color: #707580; text-decoration: underline; } .v4.msFullBar .spRadio-TrackProgress { font-size: 0.7em; } .v4.msFullBar .spRadio-TrackProgressTimer { top: auto; bottom: 5px; font-weight: bold; font-size: 11px; color: #868d97; position: relative; } .v4.msFullBar .spRadio-TrackProgressCurrent { float: left; } .v4.msFullBar .spRadio-TrackProgressEnd { float: right; } .v4.msFullBar .spRadio-TrackProgressBg { position: relative; bottom: 5px; background: url("http://images.starpulse.com/images/radio_sprite_msv4.png") no-repeat -217px -86px; height: 12px; margin: 0 32px; } .v4.msFullBar .spRadio-TrackProgressBarTrack { position: relative; margin: 0 19px 0 -5px; } .v4.msFullBar .spRadio-TrackProgressBar { position: absolute; background: url("http://images.starpulse.com/images/radio_sprite_msv4.png") no-repeat -480px -81px; height: 22px; width: 22px; bottom: -18px; } .v4.msFullBar .spRadio-Share, .v4.msFullBar .spRadio-Buy { background: url('http://images.starpulse.com/images/radio_sprite_msv4.png') no-repeat; } .v4.msFullBar .spRadio-Share { background-position: -464px -18px; } .v4.msFullBar .spRadio-Share:hover { background-position: -528px -18px; } .v4.msFullBar .spRadio-Buy { background-position: -464px -84px; } .v4.msFullBar .spRadio-Buy:hover { background-position: -528px -84px; } .v4.msFullBar .spRadio-Share .spRadio-ItemMenu { bottom: -19px; right: -90px; } .v4.msFullBar .spRadio-Supplemental { background: url('http://images.starpulse.com/images/radio_sprite_msv3_bg.png') repeat-x; background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://images.starpulse.com/images/radio_sprite_msv3_bg.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://images.starpulse.com/images/radio_sprite_msv3_bg.png', sizingMethod='scale')"; background-size: contain; overflow: hidden; } .v4.msFullBar .spRadio-InfoPanel { width: 30%; } .v4.msFullBar .spRadio-InfoPanel.spRadio-HistoryColumn { width: 40%; } .v4.msFullBar .spRadio-HistoryBg { position: relative; background: url('http://images.starpulse.com/images/radio_sprite_msv3_hbg.png') repeat-x; height: 77px; margin-left: 85px; margin-right: 50px; } .v4.msFullBar .spRadio-HistoryBg-Left { position: absolute; top: 0; left: 40px; background: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); background-position: -43px -242px; height: 77px; width: 45px; } .v4.msFullBar .spRadio-HistoryBg-LeftCover { position: absolute; top: 0; height: 77px; width: 20px; background: url('http://images.starpulse.com/images/radio_sprite_msv3_hbg.png') repeat-x; left: 65px; visibility: hidden; } .v4.msFullBar .spRadio-HistoryBg-Right { position: absolute; top: 0; right: 40px; background: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); background-position: -299px -242px; height: 77px; width: 10px; } .v4.msFullBar .spRadio-History-Container { position: relative; top: -77px; height: 74px; margin: 1px 41px; border-radius: 8px; overflow: hidden; } .v4.msFullBar .spRadio-History { position: relative; left: 0; margin: 0; height: 74px; white-space: nowrap; width: 1000px; } .v4.msFullBar .spRadio-HistoryItem { top: 0px; display: inline-block; float: none; } .v4.msFullBar .spRadio-HistoryItem img { position: relative; border: #44556f 1px solid; border-radius: 8px; width: 0px; height: 0px; margin: 12px 6px; } .v4.msFullBar .spRadio-HistoryItem img.spActive { border-color: #f39d24; } .v4.msFullBar .spRadio-HistoryInfo { position: relative; top: -50px; margin-left: 40px; } .v4.msFullBar .spRadio-HistoryInfo .spRadio-TrackTitle { font-size: 22px; } .v4.msFullBar .spRadio-HistoryInfo .spRadio-TrackArtistName { line-height: 1.6; font-size: 16px; font-weight: bold; } .v4.msFullBar .spRadio-HistoryInfo .spRadio-TrackAlbumTitle { line-height: 1.6; font-size: 16px; } .v4.msFullBar .spRadio-SearchIcon { background: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); background-position: -779px -160px; height: 26px; width: 26px; margin: -2px 3px 0 -16px; float: left; } .v4.msFullBar .spRadio-InfoPanel input { font-size: 16px; padding: 7px 10px; width: 80%; margin-top: -6px; border: none; border-radius: 12px; color: #e5e5e5; background-color: #349BDD; } .v4.msFullBar .spRadio-InfoPanel input:focus { color: #ffffff; } .v4.msFullBar .spRadio-InfoPanel h1 { font-size: 22px; color: #ff9c00;; background-color: transparent; border-color: transparent; font-weight: normal; padding: 9px 0 9px 30px; border-bottom: none; text-align: left; } .v4.msFullBar .spRadio-InfoPanelContent { border: none; background-color: transparent; overflow-y: auto; height: 240px; position: relative; margin: 0 10px; padding: 0; } .v4.msFullBar .spRadio-InfoPanelContent h1 { padding: 0; margin: 0 25px 5px 25px; font-size: 14px; font-weight: bold; border-bottom: #a5a5a5 1px solid; } .v4.msFullBar .spRadio-InfoPanelItemContainer { position: relative; float: none; width: 100%; height: 52px; overflow: hidden; margin: 0; margin-bottom: 10px; border-radius: 10px; } .v4.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelAdd, .v4.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelRemove, .v4.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelPlay { position: absolute; display: inline-block; background: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); height: 40px; width: 40px; outline: 0; } .v4.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelAdd { top: 4px; right: 40px; background-position: -353px -313px; visibility: hidden; } .v4.msFullBar .spRadio-InfoPanelItemContainer:hover .spRadio-InfoPanelAdd { background-position: -393px -313px; visibility: visible; } .v4.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelRemove { top: 4px; right: 40px; background-position: -353px -353px; visibility: hidden; } .v4.msFullBar .spRadio-InfoPanelItemContainer:hover .spRadio-InfoPanelRemove { background-position: -393px -353px; visibility: visible; } .v4.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelPlay { top: 0; right: 0; background-position: -433px -255px; } .v4.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelPlay:hover { background-position: -478px -255px; } .v4.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelAdd span, .v4.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelRemove span, .v4.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelPlay span { display: none; } .v4.msFullBar .spRadio-InfoPanelItemLabel { position: absolute; left: 60px; vertical-align: middle; white-space: nowrap; font-weight: bold; font-size: 16px; color: #868d97; text-decoration: none; margin-top: 14px; cursor: pointer; } .v4.msFullBar .spRadio-InfoPanelItemLabel:hover { color: #707580; text-decoration: underline; } .v4.msFullBar .spRadio-InfoPanelItem, .v4.msFullBar .spRadio-InfoPanelItem img { border-radius: 10px; height: 50px; } .v4.msFullBar .spRadio-InfoPanelItem { position: relative; margin: 0px; } .v4.msFullBar .spRadio-InfoPanelItem:hover { background-color: #e1e5ed; margin: 0; border: none; } .v4.msFullBar .spRadio-InfoPanelItem img { width: 50px; margin-right: 12px; vertical-align: middle; cursor: pointer; border: 1px solid #a0a0a0; } .v4.msFullBar .spRadio-InfoPanelItem span { color: #868d97; position: absolute; left: 62px; bottom: 5px; white-space: nowrap; font-size: 0.9em; } /**************** * msFullBar v5 * ****************/ .v5.msFullBar { background-color: #667b98; background: url('http://images.starpulse.com/images/radio_sprite_msv3_bg.png') repeat; width: 100%; position: fixed; bottom: 0; left: 0; border-radius: 0; z-index: 99999998; padding: 0; border: none; } .v5.msFullBar .spRadio-Top-Container { position: relative; padding: 0px; overflow: hidden; max-width: 1300px; margin: 0 auto; } .v5.msFullBar .spRadio-Control-Container { position: relative; margin: 8px 0 0 0; float: left; } .v5.msFullBar .spRadio-TrackOptions-Container { position: relative; margin: 8px 74px 0 0; float: left; } .v5.msFullBar .spRadio-Expand-Container { position: absolute; bottom: 0; right: 4px; background: url('http://images.starpulse.com/images/radio_sprite_msv4.png') no-repeat; background-position: -514px -59px; height: 63px; width: 122px; z-index: 3; } .v5.msFullBar .spRadio-Close { background-color: #b0b0b0; border: 4px solid #e5e5e5; border-top-left-radius: 9px; border-top-right-radius: 9px; color: #ffffff; height: 16px; padding: 2px 4px; position: absolute; top: -24px; right: 5px; cursor: pointer; } .v5.msFullBar .spRadio-Close img { margin-left: 3px; margin-bottom: 3px; vertical-align: bottom; } .v5.msFullBar .spHighlight { background: url('http://images.starpulse.com/images/radio_sprite_msv4.png') no-repeat; background-position: -75px -6px; } .v5.msFullBar .spRadio-Control { height: 55px; background-color: transparent; } .v5.msFullBar .spRadio-ButtonBase { background: url('http://images.starpulse.com/images/radio_sprite_msv4.png') no-repeat; margin: 4px 4px 0 0; background-position: -653px -67px; height: 55px; width: 50px; } .v5.msFullBar .spRadio-ButtonBase.spRadio-ButtonPlay { background-position: -328px -147px; margin-top: 0; height: 64px; width: 57px; } .v5.msFullBar .spRadio-ButtonBase.spRadio-ButtonAdd { background-position: -598px -10px; height: 40px; width: 66px; margin-top: 6px; } .v5.msFullBar .spRadio-ButtonBase.spRadio-ButtonVolume { width: 36px; background-image: none; margin-top: 18px; } .v5.msFullBar .spRadio-ButtonBase.spRadio-ButtonExpand { margin: 8px 0 0 37px; background-position: -653px -67px; height: 54px; width: 49px; } .v5.msFullBar .spRadio-ButtonBase.spRadio-ButtonHistoryLeft, .v5.msFullBar .spRadio-ButtonBase.spRadio-ButtonHistoryRight { position: absolute; top: 14px; left: 0; background-image: none; height: 36px; width: 30px; margin: 0; } .v5.msFullBar .spRadio-ButtonBase.spRadio-ButtonHistoryRight { left: auto; right: 0; } .v5.msFullBar .spRadio-VolumeContainer { height: 30px; margin: 17px 0 0 0; padding-top: 5px; position: relative; overflow: hidden; } .v5.msFullBar .spRadio-Volume { margin-left: 5px; } .v5.msFullBar .spRadio-Volume .spRadio-Control { white-space: nowrap; height: 21px; } .v5.msFullBar .spRadio-ButtonLabel, .v5.msFullBar .spRadio-VolumeLabel { display: block; position: relative; z-index: 3; float: left; margin-top: 0; margin-left: 5px; height: 50px; width: 45px; background-image: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); outline: 0; } .v5.msFullBar .spRadio-VolumeLabel { margin: 0; height: 21px; width: 21px; } .v5.msFullBar .spRadio-ButtonAdd .spRadio-ButtonLabel { margin-left: 14px; } .v5.msFullBar .spRadio-LabelHistoryLeft, .v5.msFullBar .spRadio-LabelHistoryRight { margin: 0; } .v5.msFullBar .spRadio-LabelPlay { background-position: -202px -6px; } .v5.msFullBar .spRadio-LabelPlay:hover { background-position: -245px -6px; } .v5.msFullBar .spRadio-LabelPause { background-position: -292px -6px; } .v5.msFullBar .spRadio-LabelPause:hover { background-position: -335px -6px; } .v5.msFullBar .spRadio-LabelSkip { background-position: -512px -12px; } .v5.msFullBar .spRadio-LabelSkip:hover { background-position: -551px -12px; } .v5.msFullBar .spRadio-LabelAdd { background-position: -751px -10px; } .v5.msFullBar .spRadio-LabelView { background-position: -206px -143px; } .v5.msFullBar .spRadio-LabelView:hover { background-position: -261px -143px; } .v5.msFullBar .spRadio-LabelBuy { background-position: -477px -149px; } .v5.msFullBar .spRadio-LabelBuy:hover { background-position: -519px -149px; } .v5.msFullBar .spRadio-LabelShare { background-position: -686px -150px; } .v5.msFullBar .spRadio-LabelShare:hover { background-position: -727px -150px; } .v5.msFullBar .spRadio-LabelFeedback { background-position: -798px -11px; } .v5.msFullBar .spRadio-LabelFeedback:hover { background-position: -798px -11px; } .v5.msFullBar .spRadio-LabelHome { background-position: -846px -11px; } .v5.msFullBar .spRadio-LabelHome:hover { background-position: -846px -11px; } .v5.msFullBar .spRadio-LabelSpk { background-position: -647px -233px; } .v5.msFullBar .spRadio-LabelWav { background-position: -668px -233px; } .v5.msFullBar .spRadio-LabelMute { width: 0; } .v5.msFullBar .spRadio-LabelWav1 { width: 4px; } .v5.msFullBar .spRadio-LabelWav2 { width: 8px; } .v5.msFullBar .spRadio-LabelWav3 { width: 15px; } .v5.msFullBar .spRadio-LabelExpand { background-position: -796px -71px; } .v5.msFullBar .spRadio-LabelHistoryLeft { background-position: -3px -259px; } .v5.msFullBar .spRadio-LabelHistoryLeft:hover { background-position: -358px -259px; } .v5.msFullBar .spRadio-LabelHistoryRight { background-position: -318px -259px; } .v5.msFullBar .spRadio-LabelHistoryRight:hover { background-position: -391px -259px; } .v5.msFullBar .spRadio-ButtonHistoryLeft.spPushed .spRadio-LabelHistoryLeft:hover { background-position: -3px -259px; } .v5.msFullBar .spRadio-ButtonHistoryRight.spPushed .spRadio-LabelHistoryRight:hover { background-position: -318px -259px; } .v5.msFullBar .spRadio-ButtonBase.spPushed, .v5.msFullBar .spRadio-ButtonBase.spActive { background-position: -711px -67px; } .v5.msFullBar .spRadio-ButtonBase.spRadio-ButtonPlay.spPushed, .v5.msFullBar .spRadio-ButtonBase.spRadio-ButtonPlay.spActive { background-position: -400px -147px; } .v5.msFullBar .spRadio-ButtonExpand.spPushed, .v5.msFullBar .spRadio-ButtonExpand.spActive { background-position: -711px -67px; } .v5.msFullBar .spRadio-ButtonExpand.spActive .spRadio-ButtonLabel { background-position: -760px -70px; } .v5.msFullBar .spRadio-ButtonAdd.spPushed, .v5.msFullBar .spRadio-ButtonAdd.spActive { background-position: -674px -10px; } .v5.msFullBar .spRadio-LabelSpk.spActive { background-position: -139px -6px; } .v5.msFullBar .spRadio-LabelWav.spActive { background-position: -288px -6px; } .v5.msFullBar .spRadio-LabelMute.spActive { background-position: -224px -6px; } .v5.msFullBar .spRadio-LabelWav1.spActive { background-position: -288px -6px; } .v5.msFullBar .spRadio-LabelWav2.spActive { background-position: -352px -6px; } .v5.msFullBar .spRadio-VolumeBg { background: url("http://images.starpulse.com/images/radio_sprite_msv4.png") no-repeat -686px -233px; padding: 0px; margin: 0; height: 13px; width: 115px; } .v5.msFullBar .spRadio-VolumeSlider { background: transparent; margin: 0 8px; top: auto; border: none; width: 98px; } .v5.msFullBar .spRadio-VolumeSlider .ui-slider-range { background: url("http://images.starpulse.com/images/radio_sprite_msv4.png") no-repeat -686px -250px; border: none; top: 3px; left: -8px; bottom: 0; width: 5px; } .v5.msFullBar .spRadio-VolumeSlider .ui-slider-handle { top: -5px; left: -6px; background: url("http://images.starpulse.com/images/radio_sprite_msv4.png") no-repeat -803px -232px; margin: 0; margin-left: -11px; height: 22px; width: 22px; } .v5.msFullBar .spRadio-TrackInfo { position: relative; background-color: transparent; line-height: 1.1; font-size: 1.0em; border: none; margin: 8px 6px 0 6px; height: 64px; width: 322px; float: left; overflow: visible; vertical-align: top; color: #868d97; } .v5.msFullBar .spRadio-PlaylistInfo { display: none; height: 51px; width: 322px; text-align: center; color: #868d97; } .v5.msFullBar .spRadio-PlaylistInfo .spRadio-ArtistName, .v5.msFullBar .spRadio-PlaylistInfo .spRadio-PlaylistName { color: #868d97; font-weight: bold; } .v5.msFullBar .spRadio-TrackText { overflow: hidden; } .v5.msFullBar .spRadio-TrackInfo .spRadio-TrackText { height: 51px; width: 295px; } .v5.msFullBar .spRadio-TrackText a, .v5.msFullBar .spRadio-TrackText span { display: block; white-space: nowrap; } .v5.msFullBar .spRadio-TrackTitle { color: #ff9c00;; } .v5.msFullBar .spRadio-TrackArtistName { font-weight: bold; color: #868d97; text-decoration: none; } .v5.msFullBar .spRadio-TrackArtistName:hover { color: #707580; text-decoration: underline; } .v5.msFullBar .spRadio-TrackAlbumTitle { color: #7c818c; text-decoration: none; } .v5.msFullBar .spRadio-TrackAlbumTitle:hover { color: #707580; text-decoration: underline; } .v5.msFullBar .spRadio-TrackProgress { font-size: 0.7em; } .v5.msFullBar .spRadio-TrackProgressTimer { top: auto; bottom: 5px; font-weight: bold; font-size: 11px; color: #868d97; position: relative; } .v5.msFullBar .spRadio-TrackProgressCurrent { float: left; } .v5.msFullBar .spRadio-TrackProgressEnd { float: right; } .v5.msFullBar .spRadio-TrackProgressBg { position: relative; bottom: 5px; background: url("http://images.starpulse.com/images/radio_sprite_msv4.png") no-repeat -217px -86px; height: 12px; margin: 0 32px; } .v5.msFullBar .spRadio-TrackProgressBarTrack { position: relative; margin: 0 19px 0 -5px; } .v5.msFullBar .spRadio-TrackProgressBar { position: absolute; background: url("http://images.starpulse.com/images/radio_sprite_msv4.png") no-repeat -480px -81px; height: 22px; width: 22px; bottom: -18px; } .v5.msFullBar .spRadio-Share, .v5.msFullBar .spRadio-Buy { background: url('http://images.starpulse.com/images/radio_sprite_msv4.png') no-repeat; } .v5.msFullBar .spRadio-Share { background-position: -464px -18px; } .v5.msFullBar .spRadio-Share:hover { background-position: -528px -18px; } .v5.msFullBar .spRadio-Buy { background-position: -464px -84px; } .v5.msFullBar .spRadio-Buy:hover { background-position: -528px -84px; } .v5.msFullBar .spRadio-Share .spRadio-ItemMenu { bottom: -19px; right: -90px; } .v5.msFullBar .spRadio-Supplemental { /* background: url('http://images.starpulse.com/images/radio_sprite_msv3_bg.png') repeat-x; background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://images.starpulse.com/images/radio_sprite_msv3_bg.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://images.starpulse.com/images/radio_sprite_msv3_bg.png', sizingMethod='scale')"; background-size: contain; */ background-color: #000000; overflow-y: auto; max-height: 387px; } .v5.msFullBar .spRadio-PanelContainer { position: relative; max-width: 1300px; margin: 0 auto; overflow: hidden; } .v5.msFullBar .spRadio-ThumbPanel { position: relative; } .v5.msFullBar .spRadio-ThumbPanelItemContainer { width: 10%; float: left; position: relative; cursor: pointer; overflow: hidden; } .v5.msFullBar .spRadio-ThumbPanelItem { position: relative; } .v5.msFullBar .spRadio-ThumbPanelItemSpacer { width: 40%; height: 1px; float: left; } .v5.msFullBar .spRadio-ThumbPanelItemImage { width: 100%; } .v5.msFullBar .spRadio-ThumbPanelItemLabel { position: absolute; display:block; width: 98%; color: #ffffff; text-align: center; bottom: 0; background-color: #000000; OPACITY: 0.7; FILTER: alpha(opacity=70); padding: 1%; } .v5.msFullBar .spRadio-ThumbPanelItem span { position: absolute; display:block; width:98%; color: #ffffff; text-align: center; bottom: 0; background-color: #000000; OPACITY: 0.7; FILTER: alpha(opacity=70); padding: 1%; visibility: hidden; } .v5.msFullBar .spRadio-ThumbPanelPlay span { display: none; } .v5.msFullBar .spRadio-InfoPanel { position: absolute; top: 0; left: 30%; width: 40%; overflow: hidden; } .v5.msFullBar .spRadio-InfoPanel.spRadio-HistoryColumn { width: 40%; } .v5.msFullBar .spRadio-HistoryBg { position: relative; background: url('http://images.starpulse.com/images/radio_sprite_msv3_hbg.png') repeat-x; height: 77px; margin-left: 85px; margin-right: 50px; } .v5.msFullBar .spRadio-HistoryBg-Left { position: absolute; top: 0; left: 40px; background: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); background-position: -43px -242px; height: 77px; width: 45px; } .v5.msFullBar .spRadio-HistoryBg-LeftCover { position: absolute; top: 0; height: 77px; width: 20px; background: url('http://images.starpulse.com/images/radio_sprite_msv3_hbg.png') repeat-x; left: 65px; visibility: hidden; } .v5.msFullBar .spRadio-HistoryBg-Right { position: absolute; top: 0; right: 40px; background: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); background-position: -299px -242px; height: 77px; width: 10px; } .v5.msFullBar .spRadio-History-Container { position: relative; top: -77px; height: 74px; margin: 1px 41px; border-radius: 8px; overflow: hidden; } .v5.msFullBar .spRadio-History { position: relative; left: 0; margin: 0; height: 74px; white-space: nowrap; width: 1000px; } .v5.msFullBar .spRadio-HistoryItem { top: 0px; display: inline-block; float: none; } .v5.msFullBar .spRadio-HistoryItem img { position: relative; border: #44556f 1px solid; border-radius: 8px; width: 0px; height: 0px; margin: 12px 6px; } .v5.msFullBar .spRadio-HistoryItem img.spActive { border-color: #f39d24; } .v5.msFullBar .spRadio-HistoryInfo { position: relative; top: -50px; margin-left: 40px; } .v5.msFullBar .spRadio-HistoryInfo .spRadio-TrackTitle { font-size: 22px; } .v5.msFullBar .spRadio-HistoryInfo .spRadio-TrackArtistName { line-height: 1.6; font-size: 16px; font-weight: bold; } .v5.msFullBar .spRadio-HistoryInfo .spRadio-TrackAlbumTitle { line-height: 1.6; font-size: 16px; } .v5.msFullBar .spRadio-SearchIcon { background: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); background-position: -779px -160px; height: 26px; width: 26px; margin: 5px 10px 0 -16px; float: left; } .v5.msFullBar .spRadio-InfoPanel input { font-size: 16px; padding: 14px 10px; width: 80%; margin-top: 0; border: none; border-radius: 12px; color: #acacac; } .v5.msFullBar .spRadio-InfoPanel input:focus { color: #000000; } .v5.msFullBar .spRadio-InfoPanel h1 { font-size: 22px; color: #ff9c00;; background-color: transparent; border-color: transparent; font-weight: normal; padding: 9px 0 9px 30px; border-bottom: none; text-align: left; } .v5.msFullBar .spRadio-InfoPanelContent { border: none; background-color: #000000; overflow-x: hidden; overflow-y: auto; position: relative; margin: 0; padding: 0; width: 112%; } .v5.msFullBar .spRadio-Search .spRadio-InfoPanelContent { height: auto; } .v5.msFullBar .spRadio-InfoPanelContent h1 { padding: 0; margin: 0 25px 5px 25px; font-size: 14px; font-weight: bold; border-bottom: #a5a5a5 1px solid; } .v5.msFullBar .spRadio-InfoPanelItemContainer { position: relative; float: none; width: 86%; height: 52px; overflow: hidden; margin: 0; padding: 5px 10px; /* background: url('http://images.starpulse.com/images/radio_sprite_msv3_bg.png') repeat-x; background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://images.starpulse.com/images/radio_sprite_msv3_bg.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://images.starpulse.com/images/radio_sprite_msv3_bg.png', sizingMethod='scale')"; background-size: contain; */ background-color: #000000; } .v5.msFullBar .spRadio-ThumbPanelPlay { position: absolute; display: inline-block; background: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); height: 40px; width: 40px; outline: 0; top: 50%; left: 50%; margin-top: -30px; margin-left: -20px; background-position: -433px -255px; visibility: hidden; } --- .v5.msFullBar .spRadio-InfoPanelPlay:hover { background-position: -478px -255px; } .v5.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelAdd, .v5.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelRemove, .v5.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelPlay { position: absolute; display: inline-block; background: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); height: 40px; width: 40px; outline: 0; } .v5.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelAdd { top: 4px; right: 40px; background-position: -353px -313px; visibility: hidden; } .v5.msFullBar .spRadio-InfoPanelItemContainer:hover .spRadio-InfoPanelAdd { background-position: -393px -313px; visibility: visible; } .v5.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelRemove { top: 4px; right: 40px; background-position: -353px -353px; visibility: hidden; } .v5.msFullBar .spRadio-InfoPanelItemContainer:hover .spRadio-InfoPanelRemove { background-position: -393px -353px; visibility: visible; } .v5.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelPlay { top: 0; right: 0; background-position: -433px -255px; } .v5.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelPlay:hover { background-position: -478px -255px; } .v5.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelAdd span, .v5.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelRemove span, .v5.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelPlay span { display: none; } .v5.msFullBar .spRadio-InfoPanelItemLabel { position: absolute; left: 60px; vertical-align: middle; white-space: nowrap; font-weight: bold; font-size: 16px; color: #868d97; text-decoration: none; margin-top: 14px; cursor: pointer; } .v5.msFullBar .spRadio-InfoPanelItemLabel:hover { color: #707580; text-decoration: underline; } .v5.msFullBar .spRadio-InfoPanelItem, .v5.msFullBar .spRadio-InfoPanelItem img { border-radius: 10px; height: 50px; } .v5.msFullBar .spRadio-InfoPanelItem { position: relative; margin: 0px; } .v5.msFullBar .spRadio-InfoPanelItem:hover { background-color: #e1e5ed; margin: 0; border: none; } .v5.msFullBar .spRadio-InfoPanelItem img { width: 50px; margin-right: 12px; vertical-align: middle; cursor: pointer; border: 1px solid #a0a0a0; } .v5.msFullBar .spRadio-InfoPanelItem span { color: #868d97; position: absolute; left: 62px; bottom: 5px; white-space: nowrap; font-size: 0.9em; } /******************** * mobile msFullBar * ********************/ .mobile.msFullBar { background-color: #667b98; background: url('http://images.starpulse.com/images/radio_sprite_msv3_bg.png') repeat; width: 100%; position: relative; border-radius: 0; z-index: 99999998; padding: 0; border: none; } .mobile.msFullBar #spRadio-CompanionVisual { background-color: #000000; height: 250px; width: 300px; position: fixed; bottom: -250px; left: 50%; margin-left: -155px; z-index: 20; display: block; border: #000000 5px solid; } .mobile.msFullBar .spRadio-CompanionVisual-Close { cursor: pointer; position: absolute; top: -25px; left: -5px; border: #000000 3px solid; border-radius: 2px; background-color: #ffffff; } .mobile.msFullBar .spRadio-Top-Container { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #667b98; background: url('http://images.starpulse.com/images/radio_sprite_msv3_bg.png') repeat; padding: 0px; overflow: hidden; z-index: 5; } .mobile.msFullBar .spRadio-Control-Container { position: relative; margin: 8px 0 0 0; float: left; } .mobile.msFullBar .spRadio-TrackOptions-Container { display: none; position: relative; margin: 8px 0 0 0; float: left; } .mobile.msFullBar .spRadio-Expand-Container { position: absolute; bottom: 0; right: 4px; background: url('http://images.starpulse.com/images/radio_sprite_msv4.png') no-repeat; background-position: -514px -59px; height: 63px; width: 122px; z-index: 3; } .mobile.msFullBar .spHighlight { background: url('http://images.starpulse.com/images/radio_sprite_msv4.png') no-repeat; background-position: -75px -6px; } .mobile.msFullBar .spRadio-Control { height: 55px; background-color: transparent; } .mobile.msFullBar .spRadio-ButtonBase { background: url('http://images.starpulse.com/images/radio_sprite_msv4.png') no-repeat; margin: 4px 4px 0 0; background-position: -653px -67px; height: 55px; width: 50px; } .mobile.msFullBar .spRadio-ButtonBase.spRadio-ButtonPlay { background-position: -328px -147px; margin-top: 0; height: 64px; width: 57px; } .mobile.msFullBar .spRadio-ButtonBase.spRadio-ButtonAdd { background-position: -598px -10px; height: 40px; width: 66px; margin-top: 6px; } .mobile.msFullBar .spRadio-ButtonBase.spRadio-ButtonVolume { width: 36px; background-image: none; margin-top: 18px; } .mobile.msFullBar .spRadio-ButtonBase.spRadio-ButtonExpand { margin: 8px 0 0 37px; background-position: -653px -67px; height: 54px; width: 49px; } .mobile.msFullBar .spRadio-ButtonBase.spRadio-ButtonHistoryLeft, .mobile.msFullBar .spRadio-ButtonBase.spRadio-ButtonHistoryRight { position: absolute; top: 14px; left: 0; background-image: none; height: 36px; width: 30px; margin: 0; } .mobile.msFullBar .spRadio-ButtonBase.spRadio-ButtonHistoryRight { left: auto; right: 0; } .mobile.msFullBar .spRadio-VolumeContainer { height: 30px; margin: 17px 0 0 0; padding-top: 5px; position: relative; overflow: hidden; } .mobile.msFullBar .spRadio-Volume { display: none; } .mobile.msFullBar .spRadio-Volume .spRadio-Control { white-space: nowrap; height: 21px; } .mobile.msFullBar .spRadio-ButtonLabel, .mobile.msFullBar .spRadio-VolumeLabel { display: block; position: relative; z-index: 3; float: left; margin-top: 0; margin-left: 5px; height: 50px; width: 45px; background-image: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); outline: 0; } .mobile.msFullBar .spRadio-VolumeLabel { margin: 0; height: 21px; width: 21px; } .mobile.msFullBar .spRadio-ButtonAdd .spRadio-ButtonLabel { margin-left: 14px; } .mobile.msFullBar .spRadio-LabelHistoryLeft, .mobile.msFullBar .spRadio-LabelHistoryRight { margin: 0; } .mobile.msFullBar .spRadio-LabelPlay { background-position: -202px -6px; } .mobile.msFullBar .spRadio-LabelPlay:hover { background-position: -245px -6px; } .mobile.msFullBar .spRadio-LabelPause { background-position: -292px -6px; } .mobile.msFullBar .spRadio-LabelPause:hover { background-position: -335px -6px; } .mobile.msFullBar .spRadio-LabelSkip { background-position: -512px -12px; } .mobile.msFullBar .spRadio-LabelSkip:hover { background-position: -551px -12px; } .mobile.msFullBar .spRadio-LabelAdd { background-position: -751px -10px; } .mobile.msFullBar .spRadio-LabelView { background-position: -206px -143px; } .mobile.msFullBar .spRadio-LabelView:hover { background-position: -261px -143px; } .mobile.msFullBar .spRadio-LabelBuy { background-position: -477px -149px; } .mobile.msFullBar .spRadio-LabelBuy:hover { background-position: -519px -149px; } .mobile.msFullBar .spRadio-LabelShare { background-position: -686px -150px; } .mobile.msFullBar .spRadio-LabelShare:hover { background-position: -727px -150px; } .mobile.msFullBar .spRadio-LabelFeedback { background-position: -798px -11px; } .mobile.msFullBar .spRadio-LabelFeedback:hover { background-position: -798px -11px; } .mobile.msFullBar .spRadio-LabelSpk { background-position: -647px -233px; } .mobile.msFullBar .spRadio-LabelWav { background-position: -668px -233px; } .mobile.msFullBar .spRadio-LabelMute { width: 0; } .mobile.msFullBar .spRadio-LabelWav1 { width: 4px; } .mobile.msFullBar .spRadio-LabelWav2 { width: 8px; } .mobile.msFullBar .spRadio-LabelWav3 { width: 15px; } .mobile.msFullBar .spRadio-LabelExpand { background-position: -796px -71px; } .mobile.msFullBar .spRadio-LabelHistoryLeft { background-position: -3px -259px; } .mobile.msFullBar .spRadio-LabelHistoryLeft:hover { background-position: -358px -259px; } .mobile.msFullBar .spRadio-LabelHistoryRight { background-position: -318px -259px; } .mobile.msFullBar .spRadio-LabelHistoryRight:hover { background-position: -391px -259px; } .mobile.msFullBar .spRadio-ButtonHistoryLeft.spPushed .spRadio-LabelHistoryLeft:hover { background-position: -3px -259px; } .mobile.msFullBar .spRadio-ButtonHistoryRight.spPushed .spRadio-LabelHistoryRight:hover { background-position: -318px -259px; } .mobile.msFullBar .spRadio-ButtonBase.spPushed, .mobile.msFullBar .spRadio-ButtonBase.spActive { background-position: -711px -67px; } .mobile.msFullBar .spRadio-ButtonBase.spRadio-ButtonPlay.spPushed, .mobile.msFullBar .spRadio-ButtonBase.spRadio-ButtonPlay.spActive { background-position: -400px -147px; } .mobile.msFullBar .spRadio-ButtonExpand.spPushed, .mobile.msFullBar .spRadio-ButtonExpand.spActive { background-position: -711px -67px; } .mobile.msFullBar .spRadio-ButtonExpand.spActive .spRadio-ButtonLabel { background-position: -760px -70px; } .mobile.msFullBar .spRadio-ButtonAdd.spPushed, .mobile.msFullBar .spRadio-ButtonAdd.spActive { background-position: -674px -10px; } .mobile.msFullBar .spRadio-LabelSpk.spActive { background-position: -139px -6px; } .mobile.msFullBar .spRadio-LabelWav.spActive { background-position: -288px -6px; } .mobile.msFullBar .spRadio-LabelMute.spActive { background-position: -224px -6px; } .mobile.msFullBar .spRadio-LabelWav1.spActive { background-position: -288px -6px; } .mobile.msFullBar .spRadio-LabelWav2.spActive { background-position: -352px -6px; } .mobile.msFullBar .spRadio-VolumeBg { background: url("http://images.starpulse.com/images/radio_sprite_msv4.png") no-repeat -686px -233px; padding: 0px; margin: 0; height: 13px; width: 115px; } .mobile.msFullBar .spRadio-VolumeSlider { background: transparent; margin: 0 8px; top: auto; border: none; width: 98px; } .mobile.msFullBar .spRadio-VolumeSlider .ui-slider-range { background: url("http://images.starpulse.com/images/radio_sprite_msv4.png") no-repeat -686px -250px; border: none; top: 3px; left: -8px; bottom: 0; width: 5px; } .mobile.msFullBar .spRadio-VolumeSlider .ui-slider-handle { top: -5px; left: -6px; background: url("http://images.starpulse.com/images/radio_sprite_msv4.png") no-repeat -803px -232px; margin: 0; margin-left: -11px; height: 22px; width: 22px; } .mobile.msFullBar .spRadio-TrackInfo { position: relative; background-color: transparent; line-height: 1.1; font-size: 1.0em; border: none; margin: 8px 14px 0 6px; height: 64px; width: auto; float: none; overflow: hidden; vertical-align: top; color: #868d97; } .mobile.msFullBar .spRadio-PlaylistInfo { display: none; height: 51px; position: relative; text-align: center; color: #868d97; } .mobile.msFullBar .spRadio-PlaylistInfo .spRadio-ArtistName, .mobile.msFullBar .spRadio-PlaylistInfo .spRadio-PlaylistName { color: #868d97; font-weight: bold; } .mobile.msFullBar .spRadio-TrackInfo .spRadio-TrackText { height: 51px; } .mobile.msFullBar .spRadio-TrackText a, .mobile.msFullBar .spRadio-TrackText span { display: block; white-space: nowrap; } .mobile.msFullBar .spRadio-TrackTitle { color: #ff9c00;; } .mobile.msFullBar .spRadio-TrackArtistName { font-weight: bold; color: #868d97; text-decoration: none; } .mobile.msFullBar .spRadio-TrackArtistName:hover { color: #707580; text-decoration: underline; } .mobile.msFullBar .spRadio-TrackAlbumTitle { color: #7c818c; text-decoration: none; } .mobile.msFullBar .spRadio-TrackAlbumTitle:hover { color: #707580; text-decoration: underline; } .mobile.msFullBar .spRadio-TrackProgress { font-size: 0.7em; } .mobile.msFullBar .spRadio-TrackProgressTimer { top: auto; bottom: 5px; font-weight: bold; font-size: 11px; color: #868d97; position: relative; } .mobile.msFullBar .spRadio-TrackProgressCurrent { float: left; } .mobile.msFullBar .spRadio-TrackProgressEnd { float: right; } .mobile.msFullBar .spRadio-TrackProgressBg { position: relative; bottom: 5px; height: 12px; margin: 0 32px; background-color: #c8c8c8; border: #a8a8a8 1px solid; border-radius: 6px; } .mobile.msFullBar .spRadio-TrackProgressBarTrack { position: relative; margin: 0 19px 0 -5px; } .mobile.msFullBar .spRadio-TrackProgressBar { position: absolute; background: url("http://images.starpulse.com/images/radio_sprite_msv4.png") no-repeat -480px -81px; height: 22px; width: 22px; bottom: -18px; } .mobile.msFullBar .spRadio-Share, .mobile.msFullBar .spRadio-Buy { background: url('http://images.starpulse.com/images/radio_sprite_msv4.png') no-repeat; } .mobile.msFullBar .spRadio-Share { background-position: -464px -18px; } .mobile.msFullBar .spRadio-Share:hover { background-position: -528px -18px; } .mobile.msFullBar .spRadio-Buy { background-position: -464px -84px; } .mobile.msFullBar .spRadio-Buy:hover { background-position: -528px -84px; } .mobile.msFullBar .spRadio-Share .spRadio-ItemMenu { bottom: -19px; right: -90px; } .mobile.msFullBar .spRadio-Supplemental { background-color: #000000; overflow: hidden; padding: 0; display: block; } .mobile.msFullBar .spRadio-PanelContainer { position: relative; max-width: 1300px; margin: 0 auto; overflow: hidden; } .mobile.msFullBar .spRadio-ThumbPanel { position: relative; margin: 80px 0; overflow: hidden; } .mobile.msFullBar .spRadio-ThumbPanelItemContainer { width: 33%; float: left; position: relative; cursor: pointer; overflow: hidden; } .mobile.msFullBar .spRadio-ThumbPanelItem { position: relative; } .mobile.msFullBar .spRadio-ThumbPanelItemSpacer { width: 40%; height: 1px; float: left; } .mobile.msFullBar .spRadio-ThumbPanelItemImage { width: 100%; } .mobile.msFullBar .spRadio-ThumbPanelItemLabel { position: absolute; display:block; width: 98%; color: #ffffff; text-align: center; bottom: 0; background-color: #000000; OPACITY: 0.7; FILTER: alpha(opacity=70); padding: 1%; } .mobile.msFullBar .spRadio-ThumbPanelItem span { position: absolute; display:block; width:98%; color: #ffffff; text-align: center; bottom: 0; background-color: #000000; OPACITY: 0.7; FILTER: alpha(opacity=70); padding: 1%; visibility: hidden; } .mobile.msFullBar .spRadio-ThumbPanelPlay span { display: none; } .mobile.msFullBar .spRadio-ThumbPanelPlay { position: absolute; display: inline-block; background: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); height: 40px; width: 40px; outline: 0; top: 50%; left: 50%; margin-top: -30px; margin-left: -20px; background-position: -433px -255px; visibility: hidden; } .mobile.msFullBar .spRadio-InfoPanel { width: 100%; background: url('http://images.starpulse.com/images/radio_sprite_msv3_bg.png') repeat-x; background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://images.starpulse.com/images/radio_sprite_msv3_bg.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://images.starpulse.com/images/radio_sprite_msv3_bg.png', sizingMethod='scale')"; background-size: contain; } .mobile.msFullBar .spRadio-InfoPanel.spRadio-PlaylistsAndGenres { position: relative; top: 50px; padding-bottom: 120px; } .mobile.msFullBar .spRadio-InfoPanel.spRadio-Search { position: fixed; top: 0; z-index: 5; } .mobile.msFullBar .spRadio-InfoPanel.spRadio-HistoryColumn { width: 100%; position: relative; z-index: 4; top: 52px; width: 100%; } .mobile.msFullBar .spRadio-InfoPanel.spRadio-HistoryColumn .spRadio-InfoPanelContent { height: 142px; overflow: hidden; } .mobile.msFullBar .spRadio-InfoPanel input { font-size: 16px; padding: 7px 10px; width: 80%; margin-top: -2px; margin-bottom: 8px; border: none; border-radius: 12px; color: #acacac; } .mobile.msFullBar .spRadio-InfoPanel input:focus { color: #202020; } .mobile.msFullBar .spRadio-InfoPanel h1 { font-size: 14px; color: #ff9c00;; background-color: transparent; border-color: transparent; font-weight: bold; padding: 2px 0 2px 30px; border-bottom: none; text-align: left; } .mobile.msFullBar .spRadio-InfoPanelContent { border: none; background-color: transparent; overflow-y: auto; position: relative; margin: 0 10px; padding: 0; } .mobile.msFullBar .spRadio-InfoPanelContent h1 { padding: 0; margin: 0 25px 5px 25px; font-size: 14px; font-weight: bold; border-bottom: #a5a5a5 1px solid; } .mobile.msFullBar .spRadio-InfoPanelItemContainer { position: relative; float: none; width: 100%; height: 52px; overflow: hidden; margin: 0; margin-bottom: 10px; border-radius: 10px; } .mobile.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelAdd, .mobile.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelRemove, .mobile.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelPlay { position: absolute; display: inline-block; background: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); height: 40px; width: 40px; outline: 0; } .mobile.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelAdd { top: 4px; right: 40px; background-position: -353px -313px; } .mobile.msFullBar .spRadio-InfoPanelItemContainer:hover .spRadio-InfoPanelAdd { background-position: -393px -313px; } .mobile.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelRemove { top: 4px; right: 40px; background-position: -353px -353px; } .mobile.msFullBar .spRadio-InfoPanelItemContainer:hover .spRadio-InfoPanelRemove { background-position: -393px -353px; } .mobile.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelPlay { top: 0; right: 0; background-position: -433px -255px; } .mobile.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelPlay:hover { background-position: -478px -255px; } .mobile.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelAdd span, .mobile.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelRemove span, .mobile.msFullBar .spRadio-InfoPanelItemContainer .spRadio-InfoPanelPlay span { display: none; } .mobile.msFullBar .spRadio-InfoPanelItemLabel { position: absolute; left: 60px; vertical-align: middle; white-space: nowrap; font-weight: bold; font-size: 16px; color: #868d97; text-decoration: none; margin-top: 14px; cursor: pointer; } .mobile.msFullBar .spRadio-InfoPanelItemLabel:hover { color: #707580; text-decoration: underline; } .mobile.msFullBar .spRadio-InfoPanelItem, .mobile.msFullBar .spRadio-InfoPanelItem img { border-radius: 10px; height: 50px; } .mobile.msFullBar .spRadio-InfoPanelItem { position: relative; margin: 0px; } .mobile.msFullBar .spRadio-InfoPanelItem:hover { background-color: #e1e5ed; margin: 0; border: none; } .mobile.msFullBar .spRadio-InfoPanelItem img { width: 50px; margin-right: 12px; vertical-align: middle; cursor: pointer; border: 1px solid #a0a0a0; } .mobile.msFullBar .spRadio-InfoPanelItem span { color: #868d97; position: absolute; left: 62px; bottom: 5px; white-space: nowrap; font-size: 0.9em; } .mobile.msFullBar .spRadio-HistoryBg { position: relative; background: url('http://images.starpulse.com/images/radio_sprite_msv3_hbg.png') repeat-x; height: 77px; margin-left: 85px; margin-right: 50px; } .mobile.msFullBar .spRadio-HistoryBg-Left { position: absolute; top: 0; left: 40px; background: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); background-position: -43px -242px; height: 77px; width: 45px; } .mobile.msFullBar .spRadio-HistoryBg-LeftCover { position: absolute; top: 0; height: 77px; width: 20px; background: url('http://images.starpulse.com/images/radio_sprite_msv3_hbg.png') repeat-x; left: 65px; visibility: hidden; } .mobile.msFullBar .spRadio-HistoryBg-Right { position: absolute; top: 0; right: 40px; background: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); background-position: -299px -242px; height: 77px; width: 10px; } .mobile.msFullBar .spRadio-History-Container { position: relative; top: -77px; height: 74px; margin: 1px 41px; border-radius: 8px; overflow: hidden; } .mobile.msFullBar .spRadio-History { position: relative; left: 0; margin: 0; height: 74px; white-space: nowrap; width: 1000px; } .mobile.msFullBar .spRadio-HistoryItem { top: 0px; display: inline-block; float: none; } .mobile.msFullBar .spRadio-HistoryItem img { position: relative; border: #44556f 1px solid; border-radius: 8px; width: 0px; height: 0px; margin: 12px 6px; } .mobile.msFullBar .spRadio-HistoryItem img.spActive { border-color: #f39d24; } .mobile.msFullBar .spRadio-HistoryInfo { position: relative; top: -70px; margin-left: 40px; } .mobile.msFullBar .spRadio-HistoryInfo .spRadio-TrackTitle { font-size: 14px; } .mobile.msFullBar .spRadio-HistoryInfo .spRadio-TrackArtistName { line-height: 1.6; font-size: 12px; font-weight: bold; } .mobile.msFullBar .spRadio-HistoryInfo .spRadio-TrackAlbumTitle { line-height: 1.1; font-size: 12px; } .mobile.msFullBar .spRadio-SearchIcon { background: url('http://images.starpulse.com/images/radio_sprite_msv4.png'); background-position: -779px -160px; height: 26px; width: 26px; margin: 2px 3px 0 -16px; float: left; } .spRadio-FeedbackForm { font-size: 1.3em; background-color: #e0e0e0; } .spRadio-FeedbackForm textarea, .spRadio-FeedbackForm input[type="text"] { width: 291px; padding: 5px; border-color: #000000; border-radius: 8px; } .spRadio-FeedbackForm textarea { resize: none; height: 100px; } .spRadio-FeedbackForm input[type="submit"] { border-color: #000000; padding: 5px; border-radius:10px; font-size:1.1em; }