body{margin: 0;padding: 0; background: #000 url('/media/images/background/BG-3-repeat.jpg') 50% 0 repeat-y; color: #fff; font-size: 11px;} label.error{font-weight: 700; color: #bf2427; position: relative; left: -11px; top: -20px; float: right;} div.form-captcha label.error{left: -37px;} div.form-terms label.error{left: -247px; top: 36px;} div.signup-content div.form-captcha label.error{left: -66px;} div.login-content div.login-email label.error, div.login-content div.login-password label.error{left: -73px} p.center{text-align:center;} * {font-family: arial, sans-serif; outline:none;} img {border:none;} a {color: #fff;} a:hover {color: #ffa200;} a span {} .clearing {clear:both; line-height: 0; height: 0; padding: 0; margin: 0;} .accessibility, .helper {display: none;} .container {width: 960px; margin: 0 auto; background: url('/media/images/background/BG-2-intro-block.jpg') 50% 0 no-repeat;} a.video_remove_0{left:208px; position:absolute; top:8px;} a.video_remove_1{left:525px; position:absolute; top:8px;} a.video_remove_2{left:828px; position:absolute; top:8px;} a.how_pdflink{display:none; height:108px; left:725px; position:absolute; top:141px; width:137px; z-index:10;} a.how_signup{display:none;height:43px;left:733px;position:absolute;top:86px;width:132px;z-index:10;} a.how_pdflink_home{display:none;height:86px;left:564px;position:absolute;top:133px;width:115px;z-index:10;} a.how_signup_home{display:none; height:39px;left:570px;position:absolute;top:86px;width:113px;z-index:10;} /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* HEADER */ .branding {position :relative; width: 960px; height: 201px;background: url('/media/images/BG-2-top.jpg') 0 0 no-repeat;} .branding .logo {position: absolute; top: 5px; left: 760px;} .branding .logo h1 {margin: 0; padding: 0;} .branding .logo a {width: 215px; height: 65px; display: block;} .branding .logo a span {display: none;} .branding .advert {position: absolute; top: 109px; right: 30px;} .branding #login{background: url("/media/images/log-in-sprite.png") repeat scroll 244px 0 transparent;} .branding #login:hover{background: url("/media/images/log-in-sprite.png") repeat scroll 244px 80px transparent;} .branding #logout{background: url("/media/images/log-in-sprite.png") repeat scroll 130px 0 transparent;} .branding #logout:hover{background: url("/media/images/log-in-sprite.png") repeat scroll 130px 80px transparent;} .branding .login {height: 84px; left:267px; position:absolute;top:110px;width:123px;} .branding .login a{height:80px;width:124px; display: block;} .branding .login a span{display: none;} /* Series */ .series-1-branding { background:url("/media/images/BG-1-top.jpg") no-repeat scroll 0 0 transparent; position:relative; height:201px; width:960px; } .series-1-branding .logo {position: absolute; top: 5px; left: 760px;} .series-1-branding .logo h1 {margin: 0; padding: 0;} .series-1-branding .logo a {width: 175px; height: 65px; display: block;} .series-1-branding .logo a span {display: none;} .series-1-branding .advert {position: absolute; top: 109px; right: 30px;} .series-1-branding #login{background: url("/media/images/log-in-sprite.png") repeat scroll 244px 0 transparent;} .series-1-branding #login:hover{background: url("/media/images/log-in-sprite.png") repeat scroll 244px 80px transparent;} .series-1-branding #logout{background: url("/media/images/log-in-sprite.png") repeat scroll 130px 0 transparent;} .series-1-branding #logout:hover{background: url("/media/images/log-in-sprite.png") repeat scroll 130px 80px transparent;} .series-1-branding .login {height: 84px; left:267px; position:absolute;top:110px;width:123px;} .series-1-branding .login a{height:80px;width:124px; display: block;} .series-1-branding .login a span{display: none;} /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* NAVIGATION */ .navigation {width: 960px; height: 50px; margin-bottom: 10px;} .navigation ul {margin: 0; padding: 0; list-style: none;} .navigation li {margin: 0; padding: 0; float: left;} .navigation span {display: none} .navigation li a {display: block; width: 100px; height: 50px; background: url('/media/images/sprite-nav.jpg') 0 0 no-repeat;} .navigation li a:hover, .navigation .link a.active {} .navigation li.link-1 a {background-position: 0px 0px;} .navigation li.link-2 a {background-position: -100px 0px;} .navigation li.link-3 a {background-position: -200px 0px;} .navigation li.link-4 a {width: 75px; background-position: -300px 0px;} .navigation li.link-5 a {background-position: -375px 0px;} .navigation li.link-6 a {width: 75px; background-position: -475px 0px;} .navigation li.link-7 a {background-position: -550px 0px;} .navigation li.link-8 a {width: 75px; background-position: -650px 0px;} .navigation li.link-9 a {background-position: -735px 0px;} .navigation li.link-10 a {background-position: -835px 0px;} .navigation li.link-11 a {background-position: -928px 0px;} .navigation li.link-1 a:hover, .navigation li.link-1 a.active, .homepage .navigation li.link-1 a {background-position: 0px -50px;} .navigation li.link-2 a:hover, .navigation li.link-2 a.active, .genrepage .navigation li.link-2 a {background-position: -100px -50px;} .navigation li.link-3 a:hover, .navigation li.link-3 a.active, .chartspage .navigation li.link-3 a {background-position: -200px -50px;} .navigation li.link-4 a:hover, .navigation li.link-4 a.active, .whatsnewpage .navigation li.link-4 a {background-position: -300px -50px;} .navigation li.link-5 a:hover, .navigation li.link-5 a.active, .howpage .navigation li.link-5 a {background-position: -375px -50px;} .navigation li.link-6 a:hover, .navigation li.link-6 a.active, .votingpage .navigation li.link-6 a {background-position: -475px -50px;} .navigation li.link-7 a:hover, .navigation li.link-7 a.active, .updatespage .navigation li.link-7 a {background-position: -550px -50px;} .navigation li.link-8 a:hover, .navigation li.link-8 a.active, .contactpage .navigation li.link-8 a {background-position: -650px -50px;} .navigation li.link-9 a:hover, .navigation li.link-9 a.active, .registerpage .navigation li.link-9 a {background-position: -735px -50px;} .navigation li.link-10 a:hover, .navigation li.link-10 a.active, .signuppage .navigation li.link-10 a {background-position: -835px -50px;} .navigation li.link-11 a:hover, .navigation li.link-11 a.active, .signuppage .navigation li.link-11 a {background-position: -928px -50px;} /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* HOMEPAGE - HOW IT WORKS */ .shell-howitworks {width: 960px; height: 260px; margin-bottom: 20px;} .shell-howitworks .canvas {float: left; width: 740px; height: 260px; position: relative;} .shell-howitworks .canvas .block {position: absolute; background: #000; top: 0; left: 0; height: 260px; width:740px; } .shell-howitworks .canvas .block1 { background: #000 url('/media/images/home/home-header-what-empty.jpg') no-repeat;} .shell-howitworks .canvas .block1 .block1-slide {width: 475px;} .shell-howitworks .canvas .block1 .block1-slide {width: 475px;height: 260px !important;display: block;} .shell-howitworks .canvas .block1 .block1-slide ul, .shell-howitworks .canvas .block1 .block-slide li {margin:0; padding:0; list-style:none;} .shell-howitworks .canvas .block1 span#prevBtn a{position: absolute; left: 390px; top: 227px; text-decoration: none; z-index: 10;} .shell-howitworks .canvas .block1 span#nextBtn a{position: absolute; left: 420px; top: 227px; text-decoration: none; z-index: 10;} .shell-howitworks .canvas .block1 .block1-slide a {position: absolute; bottom: 20px; display: block; width: 10px; height: 15px;} .shell-howitworks .canvas .block1 .block1-slide a span {display: none;} .shell-howitworks .canvas .block1 .block1-slide a.link-1 {right: 55px;} .shell-howitworks .canvas .block1 .block1-slide a.link-2 {right: 43px;} .shell-howitworks .canvas .block1 .block1-slide a.link-3 {right: 32px;} .shell-howitworks .canvas .block1 .block1-copy {font-size: 11px; width: 250px; position: absolute; left: 481px; top: 5px;} .shell-howitworks .canvas .block1 .block1-copy strong {color: #f6ab1b;} .shell-howitworks .canvas .block2 .block2-slider {margin-left: 5px;} .shell-howitworks .canvas .block2 .block2-slider ul, .shell-howitworks .canvas .block2 .block2-slider li {margin:0; padding:0; list-style:none;} .shell-howitworks .canvas .block2 .block2-slider li {display: block; width:720px; height:260px; overflow:hidden;} .shell-howitworks .canvas .block2 ol#controls {margin:0; padding:0; height:20px; position: absolute; bottom: 20px; right: 22px; z-index: 9999; } .shell-howitworks .canvas .block2 ol#controls li {font-size: 12px; margin:0 10px 0 0; padding:0; float:left; list-style:none; height:20px; line-height:20px;} .shell-howitworks .canvas .block2 ol#controls li a {width: 11px; float:left;height:20px;line-height:20px;color:#fff;padding:0;text-decoration:none;} .shell-howitworks .canvas .block2 ol#controls li.current a {color:#f6ab1b;} .shell-howitworks .canvas .block2 ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {outline:none;} .shell-howitworks .canvas .block2 .mask {background: transparent url('/media/images/home/Home-header-how-mask.png') 0 0px no-repeat; z-index: 9; position: absolute; top: 0; left: 0; width: 740px; height: 260px;} .shell-howitworks .canvas .block2 span#prevBtn_what a{position: absolute; left: 660px; top: 225px; text-decoration: none; z-index: 10;} .shell-howitworks .canvas .block2 span#nextBtn_what a{position: absolute; left: 695px; top: 225px; text-decoration: none; z-index: 10;} .shell-howitworks .canvas .block3 {background: #000 url('/media/images/home/Home-header-band-signup.jpg') no-repeat;} .shell-howitworks .canvas .block3 form {position: relative; width: 700px; height: 260px;} .shell-howitworks .canvas .block3 label span {display: none;} .shell-howitworks .canvas .block3 .signup-name { position: absolute; top: 127px; left: 230px; width: 180px; border: 0; background: none; padding: 5px;} .shell-howitworks .canvas .block3 .signup-email { position: absolute; top: 178px; left: 235px; width: 180px; border: 0; background: none; padding: 5px;} .shell-howitworks .canvas .block3 .signup-submit {color: transparent; font-size: 0; position: absolute; top: 192px; left: 445px; background: transparent url('/media/images/buttons-sprite.png') -110px -88px no-repeat; border: 0; display: block; width: 90px; height: 35px; text-indent: -9999px;} .shell-howitworks .canvas .block3 .signup-submit:hover { background: transparent url('/media/images/buttons-sprite.png') -110px -132px no-repeat; cursor: pointer;} .shell-howitworks .canvas .block4 {background: transparent url('/media/images/home/Home-header-band-default.gif');} .shell-howitworks .canvas .block5 {position: relative; background: transparent url('/media/images/home/Home-header-band-default.gif')} .shell-howitworks .canvas .block5 .video {float: left; width: 320px; height: 260px;} .shell-howitworks .canvas .block5 .copy, .shell-howitworks .canvas .block4 .copy {float: left; width: 702px; padding-top: 14px; padding-left: 28px;} .shell-howitworks .canvas .block5 .copy h2, .shell-howitworks .canvas .block4 .copy h2 {color: #ffa200; } .shell-howitworks .canvas .block5 .copy h2 span {color: #8f8f8f; } .shell-howitworks .canvas .block5 .chart-position {font-size: 14px;} .shell-howitworks .canvas .block5 .chart-position span {color: #ffa200;} .shell-howitworks .canvas .block5 .button-vote {position: absolute; right: 0; bottom: 35px;} .shell-howitworks .links { width: 210px; float: right;} .shell-howitworks .links ul {margin: 15px 0 0 0; padding: 0; list-style: none;} .shell-howitworks .links li {margin: 0; padding: 0;} .shell-howitworks .links a {display: block; width: 200px; height: 50px; background: transparent url('/media/images/home/home-header-nav.png') 0 0 no-repeat;} .shell-howitworks .links a span {display: none;} .shell-howitworks .links .link-1 a {background-position: 0 -15px;} .shell-howitworks .links .link-2 a {background-position: 0 -65px;} .shell-howitworks .links .link-3 a {background-position: 0 -115px;} .shell-howitworks .links .link-4 a {background-position: 0 -165px;} .shell-howitworks .links .link-5 a {background-position: 0 -215px;} .shell-howitworks .links .link-1 a:hover, .shell-howitworks .links .link-1 a.active {background-position: -200px -15px;} .shell-howitworks .links .link-2 a:hover, .shell-howitworks .links .link-2 a.active {background-position: -200px -65px;} .shell-howitworks .links .link-3 a:hover, .shell-howitworks .links .link-3 a.active {background-position: -200px -115px;} .shell-howitworks .links .link-4 a:hover, .shell-howitworks .links .link-4 a.active {background-position: -200px -165px;} .shell-howitworks .links .link-5 a:hover, .shell-howitworks .links .link-5 a.active {background-position: -200px -215px;} /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* HOMEPAGE - CONTENT */ .countdown{background: transparent url('/media/images/voting_closes.jpg'); height: 115px; width: 303px;} .hp-content {} .hp-content .hp-col1 {width: 300px; float: left; position: relative;} .shell-register {margin-top: 5px;position: relative; width: 300px; height: 350px;background: transparent url('/media/images/home/bg-register.jpg') 0 0 no-repeat;} .shell-register p {color: #000; position: absolute; top: 60px; left: 13px; line-height: 1em;} .shell-register form {position: relative; width:300px; height: 260px;} .shell-register label span {display: none;} .shell-register .register-name { position: absolute; top: 121px; left: 70px; width: 180px; border: 1px solid #ffa200; background: #fff; padding: 5px;} .shell-register .register-email { position: absolute; top: 177px; left: 75px; width: 180px; border: 1px solid #ffa200; background: #fff; padding: 5px;} .shell-register .register-password { position: absolute; top: 236px; left: 85px; width: 170px; border: 1px solid #ffa200; background: #fff; padding: 5px;} .shell-register .register-submit {color: transparent; font-size: 0; position: absolute; top: 292px; left: 20px; background: transparent url('/media/images/buttons-sprite.png') 0 0 no-repeat; border: 0; display: block; width: 100px; height: 35px; text-indent: -9999px;} .shell-register .register-submit:hover { background: transparent url('/media/images/buttons-sprite.png') 0 -44px no-repeat; cursor: pointer;} .shell-register .band-signup {position: absolute; top: 290px; right: 20px;} .shell-register .band-signup a {text-decoration: none; display: block; width: 100px; height: 40px;} .shell-register .band-signup a span {display: none;} .hp-content .hp-col1 .shell-chart {padding-top: 90px; background: transparent url('/media/images/home/bg-charts.jpg') 0 0 no-repeat;} .hp-content .hp-col1 .shell-chart .chart-items {width: 300px; height: 840px;} /*is 440px*/ .hp-content .hp-col1 .shell-chart .chart-item {position: relative; width: 290px; height: 90px;background: transparent url('/media/images/home/Home-chart.jpg') 0 0 no-repeat;} .hp-content .hp-col1 .shell-chart .chart-item .text { position: absolute; left: 115px; color: #ffa200; top: 20px;} .hp-content .hp-col1 .shell-chart .chart-item .text h3 {margin: 0; padding: 0; font-size: 14px;} .hp-content .hp-col1 .shell-chart .chart-item .text h3 a { color: #ffa200; text-decoration: none;} .hp-content .hp-col1 .shell-chart .chart-item .text h3 span {font-size: 12px; color: #fff;} .hp-content .hp-col1 .shell-chart .chart-item .video {width: 90px; height: 68px; background: #000; position: absolute; left: 15px; top: 10px;} .hp-content .hp-col2 {width: 320px; float: left; margin: 0 5px;} .hp-content .hp-col1 .shell-search {margin-top: 20px; margin-left: 0px; position: relative; width: 304px; height: 350px;background: transparent url('/media/images/home/bg-search.jpg') 0 0 no-repeat;} .hp-content .hp-col1 .shell-search form {position: relative; width:300px; height: 260px;} .hp-content .hp-col1 .shell-search label span {display: none;} .hp-content .hp-col1 .shell-search .search-genre { position: absolute; top: 142px; left: 20px; width: 255px; padding: 5px;} .hp-content .hp-col1 .shell-search .search-keyword { position: absolute; top: 228px; left: 20px; width: 240px; border: 1px solid #ffa200; background: #fff; padding: 5px;} .hp-content .hp-col1 .shell-search .search-submit {color: transparent; font-size: 0; position: absolute; top: 292px; left: 20px; background: transparent url('/media/images/buttons-sprite.png') -110px 0 no-repeat; border: 0; display: block; width: 90px; height: 35px; text-indent: -9999px;} .hp-content .hp-col1 .shell-search .search-submit:hover { background: transparent url('/media/images/buttons-sprite.png') -110px -44px no-repeat; cursor: pointer;} .hp-content .hp-col2 .shell-search {margin-top: 20px; margin-left: 10px; position: relative; width: 304px; height: 425px;background: transparent url('/media/images/home/bg-search.jpg') 0 0 no-repeat;} .hp-content .hp-col2 .shell-search form {position: relative; width:300px;} .hp-content .hp-col2 .shell-search label span {display: none;} .hp-content .hp-col2 .shell-search .search-genre { position: absolute; top: 142px; left: 20px; width: 255px; padding: 5px;} .hp-content .hp-col2 .shell-search .search-keyword { position: absolute; top: 308px; left: 20px; width: 240px; border: 1px solid #ffa200; background: #fff; padding: 5px;} .hp-content .hp-col2 .shell-search .search-submit{color: transparent; font-size: 0; position: absolute; top: 368px; left: 20px; background: transparent url('/media/images/buttons-sprite.png') -110px 0 no-repeat; border: 0; display: block; width: 90px; height: 35px; text-indent: -9999px;} .hp-content .hp-col2 .shell-search .search-submit:hover, form#video_search .search-submit:hover { background: transparent url('/media/images/buttons-sprite.png') -110px -44px no-repeat; cursor: pointer;} form#video_search .search-submit { background:url("/media/images/buttons-sprite.png") no-repeat scroll -110px 0 transparent; border:0 none; color:transparent; display:block; font-size:0; height:35px; left:437px; position:absolute; text-indent:-9999px; top:43px; width:90px; z-index:100; } .hp-content .hp-col2 .shell-search .advanced {position: absolute; top: 295px; right: 30px;} .hp-content .hp-col2 .shell-search .advanced a {text-decoration: none;} .hp-content .hp-col2 .shell-news {padding-top: 120px; background: transparent url('/media/images/home/bg-news.jpg') 0 0 no-repeat; height: 430px;} .hp-content .hp-col2 .shell-news .news-items {width: 290px; height: 410px;} .hp-content .hp-col2 .shell-news .news-item {color: #ffa200; width: 220px; height: auto; margin-left: 35px; padding-bottom: 20px;background: transparent url('/media/images/bg-news-item.jpg') bottom left no-repeat;} .hp-content .hp-col2 .shell-news .news-item a {text-decortation: none;} .hp-content .hp-col3 { height: 930px; position: relative; width: 320px; float: left;background: transparent url('/media/images/home/bg-col3-new.jpg') 0 0 no-repeat;} .hp-content .hp-col3 .advert-a {width: 290px; height: 240px; position: absolute; top: 12px; left: 8px;} .hp-content .hp-col3 .advert-b {position: absolute; top: 295px; right: 10px; width: 125px; height: 600px; } .hp-content .hp-col3 .video-upload {position: absolute; top: 300px; left: 20px; width: 135px; height: 200px;} .hp-content .hp-col3 .video-upload a {display: block; width: 135px; height: 200px;} .hp-content .hp-col3 .video-upload a span {display: none;} .hp-content .hp-col3 .latest-videos {position: absolute; top: 535px; left: 20px; width: 135px; height: 270px; padding-top: 90px;} .hp-content .hp-col3 .latest-videos .latest-video {padding: 0 10px 20px 10px;} .hp-content .hp-col3 .latest-videos .latest-video h3 {padding: 5px 0; margin: 0; font-size: 14px;} .hp-content .hp-col3 .latest-videos .latest-video p {color: #fff; padding: 0; margin: 0;} /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* HOMEPAGE - SCROLLPANE */ .shell-chart .jScrollPaneTrack {background: transparent url('/media/images/scrollbar/track.png') repeat-y 50% 0;} .shell-chart .jScrollPaneDrag {background: url('/media/images/scrollbar/drag_middle.png') no-repeat; } .shell-chart .jScrollPaneDragTop {background: url('/media/images/scrollbar/drag_top.png') no-repeat; height: 6px; } .shell-chart .jScrollPaneDragBottom {background: url('/media/images/scrollbar/drag_bottom.png') no-repeat;height: 8px;} .shell-chart a.jScrollArrowUp {height: 9px;background: url('/media/images/scrollbar/arrow_up_white.png') no-repeat 50% 0;} .shell-chart a.jScrollArrowDown {height: 10px;background: url('/media/images/scrollbar/arrow_down_white.png') no-repeat 50% 0;} .shell-chart a.jScrollActiveArrowButton, .copy-holder a.jScrollActiveArrowButton:hover {} .shell-news .jScrollPaneTrack {background: transparent url('/media/images/scrollbar/track.png') repeat-y 50% 0;} .shell-news .jScrollPaneDrag {background: url('/media/images/scrollbar/drag_middle.png') no-repeat; } .shell-news .jScrollPaneDragTop {background: url('/media/images/scrollbar/drag_top.png') no-repeat; height: 6px; } .shell-news .jScrollPaneDragBottom {background: url('/media/images/scrollbar/drag_bottom.png') no-repeat;height: 8px;} .shell-news a.jScrollArrowUp {height: 9px;background: url('/media/images/scrollbar/arrow_up_white.png') no-repeat 50% 0;} .shell-news a.jScrollArrowDown {height: 10px;background: url('/media/images/scrollbar/arrow_down_white.png') no-repeat 50% 0;} .shell-news a.jScrollActiveArrowButton, .copy-holder a.jScrollActiveArrowButton:hover {} /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* SCROLLPANE BASE */ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; } .jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } a.jScrollArrowUp:hover { /*background-color: #f60;*/ } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* SUB PAGE */ .content {float: left; width: 620px; font-size: 12px;} .right-col {float: right; width: 320px;} .right-col .advert-a {height: 285px; position: relative; background: url('/media/images/bg-advert1.jpg') 0 0 no-repeat;} .right-col .advert-a a {position: absolute; top: 15px; left: 10px;} .right-col .shell-register {margin-top: 10px; margin-left: 7px;} form#video_search { background:url("/media/images/sprite-genre-index.png") no-repeat scroll 0 -274px transparent; height:111px; left:37px; position:absolute; top:350px; width:400px; } form#video_search input.search-keyword { border:medium none; height:28px; left:12px; position:absolute; top:45px; width:379px; } .genrehome .browse-links ul { left:22px; list-style:none outside none; position:relative; top:40px; } .browse-block {} .browse-block .browse-title {float: left; width: 285px; height: 160px; } .browse-block .browse-links {float: left; width: 320px; position: relative; margin-top: 15px;} .browse-block .browse-links ul {list-style: none; margin: 0; padding:0;} .browse-block .browse-links li {list-style: none; margin: 0; padding:0; float: left;} .browse-block .browse-links a {display: block; position: absolute; width: 100px; height: 30px; background: url('/media/images/sprite-genre.png') 0px 0px no-repeat; top: 200px; } .browse-block .browse-links span {display: none;} .browse-block .browse-links li.link-1 a {top: 0px; left: 0px; background-position: -4px -8px; width: 50px; height: 30px;} .browse-block .browse-links li.link-1 a:hover {background-position: -4px -118px;} .browse-block .browse-links li.link-2 a {top: 0px; left: 60px; background-position: -74px -8px; width: 95px; height: 30px;} .browse-block .browse-links li.link-2 a:hover {background-position: -74px -118px;} .browse-block .browse-links li.link-3 a {top: 0px; left: 165px; background-position: -176px -8px; width: 50px; height: 30px;} .browse-block .browse-links li.link-3 a:hover {background-position: -176px -118px;} .browse-block .browse-links li.link-4 a {top: 0px; left: 227px; background-position: -234px -8px; width: 80px; height: 30px;} .browse-block .browse-links li.link-4 a:hover {background-position: -234px -118px;} .browse-block .browse-links li.link-5 a {top: 40px; left: 0px; background-position: 0px -41px; width: 100px; height: 30px;} .browse-block .browse-links li.link-5 a:hover {background-position: 0px -151px;} .browse-block .browse-links li.link-6 a {top: 40px; left: 110px; background-position: -107px -41px; width: 45px; height: 30px;} .browse-block .browse-links li.link-6 a:hover {background-position: -107px -151px;} .browse-block .browse-links li.link-7 a {top: 40px; left: 165px; background-position: -162px -41px; width: 55px; height: 30px;} .browse-block .browse-links li.link-7 a:hover {background-position: -162px -151px;} .browse-block .browse-links li.link-8 a {top: 40px; left: 230px; background-position: -229px -41px; width: 85px; height: 30px;} .browse-block .browse-links li.link-8 a:hover {background-position: -229px -151px;} .browse-block .browse-links li.link-9 a {top: 80px; left: 0px; background-position: 0px -73px; width: 65px; height: 30px;} .browse-block .browse-links li.link-9 a:hover {background-position: 0px -183px;} .browse-block .browse-links li.link-10 a {top: 80px; left: 75px; background-position: -75px -73px; width: 50px; height: 30px;} .browse-block .browse-links li.link-10 a:hover {background-position: -75px -183px;} .browse-block .browse-links li.link-11 a {top: 80px; left: 135px; background-position: -125px -73px; width: 70px; height: 30px;} .browse-block .browse-links li.link-11 a:hover {background-position: -125px -183px;} .browse-block .browse-links li.link-12 a {top: 80px; left: 215px; background-position: -200px -73px; width: 42px; height: 30px;} .browse-block .browse-links li.link-12 a:hover {background-position: -200px -183px;} .browse-block .browse-links li.link-13 a {top: 80px; left: 265px; background-position: -250px -73px; width: 57px; height: 30px;} .browse-block .browse-links li.link-13 a:hover {background-position: -250px -183px;} /*homepage search*/ .searchmodule{position:relative; top: 95px;} .searchmodule .browse-links a {display: block; position: absolute; width: 100px; height: 30px; background: url('/media/images/genre-home-sprite.png') 0px 0px no-repeat; top: 200px; } .searchmodule .browse-links li.link-1 a {top: 0px; left: 15px; background-position: 2px -4px; width: 50px; height: 30px;} .searchmodule .browse-links li.link-1 a:hover {background-position: -268px -4px;} .searchmodule .browse-links li.link-2 a {top: -6px; left: 91px; background-position: -74px 2px; width: 102px; height: 30px;} .searchmodule .browse-links li.link-2 a:hover {background-position: -344px 2px;} .searchmodule .browse-links li.link-3 a {top: -4px; left: 214px; background-position: -197px 0px; width: 45px; height: 30px;} .searchmodule .browse-links li.link-3 a:hover {background-position: -467px 0px;} .searchmodule .browse-links li.link-4 a {top: 32px; left: 17px; background-position: 0px -36px; width: 102px; height: 30px;} .searchmodule .browse-links li.link-4 a:hover {background-position: -270px -36px;} .searchmodule .browse-links li.link-5 a {top:36px; left: 125px; background-position: -108px -40px; width: 68px; height: 30px;} .searchmodule .browse-links li.link-5 a:hover {background-position: -378px -40px;} .searchmodule .browse-links li.link-6 a {top: 34px; left: 183px; background-position: -166px -37px; width: 73px; height: 30px;} .searchmodule .browse-links li.link-6 a:hover {background-position: -436px -37px;} .searchmodule .browse-links li.link-7 a {top: 61px; left: 17px; background-position: 0px -65px; width: 64px; height: 30px;} .searchmodule .browse-links li.link-7 a:hover {background-position: -270px -65px;} .searchmodule .browse-links li.link-8 a {top: 67px; left: 98px; background-position: -81px -71px; width: 54px; height: 30px;} .searchmodule .browse-links li.link-8 a:hover {background-position: -351px -71px;} .searchmodule .browse-links li.link-9 a {top: 69px; left: 148px; background-position: -131px -73px; width: 79px; height: 30px;} .searchmodule .browse-links li.link-9 a:hover {background-position: -401px -73px;} .searchmodule .browse-links li.link-10 a {top: 69px; left: 224px; background-position: -207px -73px; width: 54px; height: 30px;} .searchmodule .browse-links li.link-10 a:hover {background-position: -477px -73px;} .searchmodule .browse-links li.link-11 a {top: 89px; left: 6px; background-position: 11px -93px; width: 97px; height: 45px;} .searchmodule .browse-links li.link-11 a:hover {background-position: -259px -93px;} .searchmodule .browse-links li.link-12 a {top: 102px; left: 111px; background-position: -95px -106px; width: 90px; height: 30px;} .searchmodule .browse-links li.link-12 a:hover {background-position: -365px -106px;} .searchmodule .browse-links li.link-13 a {top: 105px; left: 213px; background-position: -197px -109px; width: 58px; height: 30px;} .searchmodule .browse-links li.link-13 a:hover {background-position: -467px -109px;} .genrehome .browse-links a {display: block; position: absolute; background: url('/media/images/sprite-genre-index.png') 0px 0px no-repeat; } .genrehome .browse-links {clear:both; position: relative; width: 600px; height: 465px;background: url('/media/images/genres/bg-genre.jpg') 0px 0px no-repeat;} .genrehome .browse-links li.link-1 a {top: 0px; left: 15px; background-position: 0px 0px; width: 168px; height: 60px;} .genrehome .browse-links li.link-1 a:hover {background-position: -539px 0px;} .genrehome .browse-links li.link-2 a { background-position:-169px 0; height:60px; left:184px; top:0; width:226px; } .genrehome .browse-links li.link-2 a:hover {background-position: -708px 0px;} .genrehome .browse-links li.link-3 a { background-position:-395px 0; height:60px; left:410px; top:0; width:150px; } .genrehome .browse-links li.link-3 a:hover {background-position: -934px 0px;} .genrehome .browse-links li.link-4 a { background-position:0 -54px; display:block; height:64px; left:15px; top:55px; width:197px; } .genrehome .browse-links li.link-4 a:hover {background-position: -539px -54px;} .genrehome .browse-links li.link-5 a { background-position: -209px -55px; display:block; height:60px; left:224px; top:56px; width:120px; } .genrehome .browse-links li.link-5 a:hover {background-position: -748px -55px;} .genrehome .browse-links li.link-6 a { background-position:-349px -69px; display:block; height:60px; left:364px; top:69px; width:135px; } .genrehome .browse-links li.link-6 a:hover {background-position: -888px -69px;} .genrehome .browse-links li.link-7 a { background-position:0 -144px; display:block; height:60px; left:15px; top:144px; width:126px; } .genrehome .browse-links li.link-7 a:hover {background-position: -539px -144px;} .genrehome .browse-links li.link-8 a { background-position:-169px -139px; display:block; height:64px; left:184px; top:140px; width:95px; } .genrehome .browse-links li.link-8 a:hover {background-position: -708px -139px;} .genrehome .browse-links li.link-9 a { background-position:-244px -120px; display:block; height:45px; left:259px; top:121px; width:153px; } .genrehome .browse-links li.link-9 a:hover {background-position: -783px -120px;} .genrehome .browse-links li.link-10 a { background-position:-285px -153px; display:block; height:55px; left:300px; top:154px; width:118px; } .genrehome .browse-links li.link-10 a:hover {background-position: -824px -153px;} .genrehome .browse-links li.link-11 a { background-position:-387px -152px; display:block; height:60px; left:402px; top:153px; width:124px; } .genrehome .browse-links li.link-11 a:hover {background-position: -926px -152px;} .genrehome .browse-links li.link-12 a { background-position:0 -203px; display:block; height:74px; left:15px; top:203px; width:168px; } .genrehome .browse-links li.link-12 a:hover {background-position: -539px -203px;} .genrehome .browse-links li.link-13 a { background-position:-182px -214px; display:block; height:60px; left:197px; top:215px; width:171px; } .genrehome .browse-links li.link-13 a:hover {background-position: -721px -214px;} .genrehome .browse-links li.link-14 a { background-position:-351px -214px; display:block; height:60px; left:366px; top:215px; width:189px; } .genrehome .browse-links li.link-14 a:hover {background-position: -890px -214px;} div.latest-videos-horiz { background:url("/media/images/bg-latest-videos.gif") no-repeat scroll 0 0 transparent; clear:both; height:370px; width:600px; position: relative; top: 40px; } div.latest-videos-horiz div.list-item { float: left; margin-top: 5px; } div.latest-videos-horiz div.title { padding-left:10px; padding-top:10px; } .genres {clear: both;} .genre-item {float: left; position: relative; width: 290px; height: 120px; margin: 0 10px 10px 10px;; } .genre-rock { background: url('/media/images/genres/box-rock.jpg') 0 0 no-repeat;} .genre-folk { background: url('/media/images/genres/box-folk.jpg') 0 0 no-repeat;} .genre-alternativeindie { background: url('/media/images/genres/box-alternative.jpg') 0 0 no-repeat;} .genre-countryblues { background: url('/media/images/genres/box-country.jpg') 0 0 no-repeat;} .genre-danceelectronica { background: url('/media/images/genres/box-dance.jpg') 0 0 no-repeat;} .genre-jazz { background: url('/media/images/genres/box-jazz.jpg') 0 0 no-repeat;} .genre-funksoul { background: url('/media/images/genres/box-funk.jpg') 0 0 no-repeat;} .genre-classical { background: url('/media/images/genres/box-classic.jpg') 0 0 no-repeat;} .genre-world { background: url('/media/images/genres/box-world.jpg') 0 0 no-repeat;} .genre-hiphop { background: url('/media/images/genres/box-hip-hop.jpg') 0 0 no-repeat;} .genre-reggae { background: url('/media/images/genres/box-reggae.jpg') 0 0 no-repeat;} .genre-pop { background: url('/media/images/genres/box-pop.jpg') 0 0 no-repeat;} .genre-other { background: url('/media/images/genres/box-other.jpg') 0 0 no-repeat;} .genre-luckydip { background: url('/media/images/genres/box-lucky.jpg') 0 0 no-repeat;} .genre-item form {position: absolute; top: 68px; left: 5px;} .genre-item form .genre-select {padding: 5px; margin: 5px; width: 270px;} .genre-item .view-all {position: absolute; top: 20px; right: 10px;} .genre-item .view-all a {display: block; width: 70px; height: 30px; background: url('/media/images/sprite-genre.png') 0px -230px no-repeat;} .genre-item .view-all a:hover {background-position: 0 -260px;} .genre-item .view-all a span {display: none;} .genre-item .view {position: absolute; top: 0px; right: 0px;} .genre-item .view a {display: block; width: 290px; height: 120px;} .genre-item .view a span {display: none;} /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* SIGNUP */ .signup-content {} .step1 .signup-content .banner {margin: 10px auto;width: 920px; height: 120px; background: url('/media/images/signup/step1.jpg') no-repeat;} .step2 .signup-content .banner {margin: 10px auto;width: 920px; height: 120px; background: url('/media/images/signup/step2.jpg') no-repeat;} .step3 .signup-content .banner {margin: 10px auto;width: 920px; height: 120px; background: url('/media/images/signup/step3.jpg') no-repeat;} .step1 .signup-content .content {margin-left: 10px; width: 600px; height: 1100px; background: url('/media/images/signup/bg-signup.jpg') no-repeat;} .step3 .signup-content .content {margin-left: 10px; width: 920px; height: 1300px; background: url('/media/images/signup/bg-signup3.jpg') no-repeat;} .signup-content .right-col {float: left; width: 320px;} .signup-content form {position: relative;} .signup-content label span{ display: none;} .signup-content .form-contact {position: absolute; top: 43px; left: 15px;} .signup-content .form-contact input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 235px;} .signup-content .form-band {position: absolute; top: 43px; left: 323px;} .signup-content .form-band input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 237px;} .signup-content .form-telephone {position: absolute; top: 115px; left: 15px;} .signup-content .form-telephone input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 239px;} .signup-content .form-email {position: absolute; top: 115px; left: 317px;} .signup-content .form-email input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 240px;} .signup-content .form-address {position: absolute; top: 216px; left: 15px;} .signup-content .form-address input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 543px;} .signup-content .form-city {position: absolute; top: 297px; left: 15px;} .signup-content .form-city input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 238px;} .signup-content .form-country {position: absolute; top: 297px; left: 317px;} .signup-content .form-country input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 242px;} .signup-content .form-postcode {position: absolute; top: 378px; left: 15px;} .signup-content .form-postcode input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 238px;} .signup-content .form-password {position: absolute; top: 479px; left: 15px;} .signup-content .form-password input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 238px;} .signup-content .form-password-confirm {position: absolute; top: 479px; left: 317px;} .signup-content .form-password-confirm input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 242px;} .signup-content .form-terms {position: absolute; top: 853px; left: 20px; font-size: 12px;} .signup-content .form-terms input {margin-left: 10px;} .signup-content .form-marketing {line-height: 0.6em; position: absolute; top: 931px; width: 250px; left: 20px; font-size: 11px;} .signup-content .form-marketing input {margin-left: 10px;} .signup-content .form-partners {line-height: 0.6em; position: absolute; top: 967px; width: 240px; left: 20px; font-size: 11px;} .signup-content .form-partners input {margin-left: 10px;} .signup-content .form-captcha-img {position: absolute; top: 860px; border: 1px solid red; left: 327px; font-size: 11px; width: 180px; height: 50px;} .signup-content .form-captcha {position: absolute; top: 933px; left: 327px; font-size: 11px;} .signup-content .form-captcha input {display: block; border: 1px solid #dc9110; padding: 4px; margin-top: 10px; font-sizE: 13px; width: 160px;} .signup-content .form-register {position: absolute; top: 1029px; left: 15px;} .signup-content .signup-terms {position: absolute; top: 590px; left: 25px;} .signup-content .signup-terms .terms-text {width: 560px; height: 230px;} .signup-content .signup-terms .jScrollPaneTrack {background: transparent url('/media/images/scrollbar/track.png') repeat-y 50% 0;} .signup-content .signup-terms .jScrollPaneDrag {background: url('/media/images/scrollbar/drag_middle.png') no-repeat; } .signup-content .signup-terms .jScrollPaneDragTop {background: url('/media/images/scrollbar/drag_top.png') no-repeat; height: 6px; } .signup-content .signup-terms .jScrollPaneDragBottom {background: url('/media/images/scrollbar/drag_bottom.png') no-repeat;height: 8px;} .signup-content .signup-terms a.jScrollArrowUp {height: 9px;background: url('/media/images/scrollbar/arrow_up_white.png') no-repeat 50% 0;} .signup-content .signup-terms a.jScrollArrowDown {height: 10px;background: url('/media/images/scrollbar/arrow_down_white.png') no-repeat 50% 0;} .signup-content .signup-terms a.jScrollActiveArrowButton, .copy-holder a.jScrollActiveArrowButton:hover {} .signup-content .signup-terms ol.alpha {list-style-type: lower-alpha} .signup-content .signup-terms ol.roman {list-style-type: lower-roman} .form-register {position: absolute; top: 292px; left: 20px;} .form-register input {color: transparent; font-size: 0; background: transparent url('/media/images/buttons-sprite.png') -205px 0 no-repeat; border: 0; display: block; width: 150px; height: 50px; text-indent: -9999px;} .form-register input:hover { background: transparent url('/media/images/buttons-sprite.png') -205px -56px no-repeat; cursor: pointer;} /* STEP 2 */ .step2 .form-step {margin-left: 20px;} .step2 .form-step input {color: transparent; font-size: 0; background: transparent url('/media/images/buttons-sprite.png') -205px 0 no-repeat; border: 0; display: block; width: 150px; height: 50px; text-indent: -9999px;} .step2 .form-step input:hover { background: transparent url('/media/images/buttons-sprite.png') -205px -56px no-repeat; cursor: pointer;} /* STEP 3 */ .step3 .form-band-name {position: absolute; top: 44px; left: 35px;} .step3 .form-band-name input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 235px;} .step3 .form-website {position: absolute; top: 128px; left: 35px;} .step3 .form-website input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 235px;} .step3 .form-facebook {position: absolute; top: 127px; left: 340px;} .step3 .form-facebook input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 235px;} .step3 .form-myspace {position: absolute; top: 124px; left: 650px;} .step3 .form-myspace input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 235px;} .step3 .form-fact1 {position: absolute; top: 228px; left: 672px;} .step3 .form-fact1 input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 215px;} .step3 .form-fact2 {position: absolute; top: 278px; left: 672px;} .step3 .form-fact2 input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 215px;} .step3 .form-fact3 {position: absolute; top: 328px; left: 672px;} .step3 .form-fact3 input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 215px;} .step3 select { margin-top:-10px !important; position: relative; top: 9px; } .step3 .form-genre1 {position: absolute; top: 458px; left: 55px;} .step3 .form-genre1 select {border:1px solid #DC9110; display:block; font-size:13px; padding:4px; width:234px;} .step3 .form-genre2 {position: absolute; top: 458px; left: 375px;} .step3 .form-genre2 select {border:1px solid #DC9110; display:block; font-size:13px; margin-top:-1px; padding:4px; width:234px; margin-left: -12px;} .step3 .form-genre3 {position: absolute; top: 458px; left: 705px;} .step3 .form-genre3 select {border:1px solid #DC9110; display:block; font-size:13px; margin-left:-32px; margin-top:-1px; padding:4px; width:235px;;} .step3 .form-upload1 {} .step3 .form-upload1 object {height:54px; width:170px;} .step3 object#logo_uploadUploader{height:55px; margin-top:-20px; width:195px;} .step3 object#image_uploaderUploader{height:55px;margin-left:-15px;margin-top:-20px;width:169px;} .step3 .form-upload1 input:hover { background: transparent url('/media/images/buttons-sprite.png') -205px -56px no-repeat; cursor: pointer;} .step3 .form-upload2 {position: absolute; top: 1143px; left: 350px;} .step3 .form-upload2 input {color: transparent; font-size: 0; background: transparent url('/media/images/buttons-sprite.png') -205px 0 no-repeat; border: 0; display: block; width: 150px; height: 50px; text-indent: -9999px;} .step3 .form-upload2 input:hover { background: transparent url('/media/images/buttons-sprite.png') -205px -56px no-repeat; cursor: pointer;} .step3 .form-upload3 {position: absolute; top: 1143px; left: 655px;} .step3 .form-upload3 input {color: transparent; font-size: 0; background: transparent url('/media/images/buttons-sprite.png') -205px 0 no-repeat; border: 0; display: block; width: 150px; height: 50px; text-indent: -9999px;} .step3 .form-upload3 input:hover { background: transparent url('/media/images/buttons-sprite.png') -205px -56px no-repeat; cursor: pointer;} .step3 .form-upload4 {position: absolute; top: 735px; left: 35px;} .step3 .form-upload4 input {color: transparent; font-size: 0; background: transparent url('/media/images/buttons-sprite.png') -205px 0 no-repeat; border: 0; display: block; width: 150px; height: 50px; text-indent: -9999px;} .step3 .form-upload4 input:hover { background: transparent url('/media/images/buttons-sprite.png') -205px -56px no-repeat; cursor: pointer;} .step3 .form-upload5 {position: absolute; top: 47px; left: 325px;} .step3 .form-upload5 input {color: transparent; font-size: 0; background: transparent url('/media/images/buttons-sprite.png') -205px 0 no-repeat; border: 0; display: block; width: 150px; height: 50px; text-indent: -9999px;} .step3 .form-upload5 input:hover { background: transparent url('/media/images/buttons-sprite.png') -205px -56px no-repeat; cursor: pointer;} .step3 .form-biog {position: absolute; top: 230px; left: 35px;} .step3 .form-biog textarea {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 570px; height: 165px;} .step3 .form-save {left:22px; position:absolute; top:1241px;} .step3 .form-save input {background:url("/media/images/buttons-sprite.png") no-repeat scroll -560px -180px transparent; border:0 none; color:transparent; display:block; font-size:0; height:60px; text-indent:-9999px; width:200px;} .step3 .form-save input:hover { background: transparent url('/media/images/buttons-sprite.png') -560px -245px no-repeat; cursor: pointer;} .step3 .form-video-title1 {position: absolute; top: 855px; left: 38px;} .step3 .form-video-title1 input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 235px;} .step3 .form-video-title2 {position: absolute; top: 855px; left: 350px;} .step3 .form-video-title2 input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 235px;} .step3 .form-video-title3 {position: absolute; top: 855px; left: 655px;} .step3 .form-video-title3 input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 235px;} .step3 .form-video-text1 {position: absolute; top: 935px; left: 35px;} .step3 .form-video-text1 textarea {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 240px; height: 75px;} .step3 .form-video-text2 {position: absolute; top: 935px; left: 350px;} .step3 .form-video-text2 textarea {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 240px; height: 75px;} .step3 .form-video-text3 {position: absolute; top: 935px; left: 650px;} .step3 .form-video-text3 textarea {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 240px; height: 75px;} .step3 .video input {border:1px solid #DC9110; display:block; font-size:13px; margin-left:2px; margin-top:50px; padding:4px; width:246px;} .step3 .video textarea {border:1px solid #DC9110; display:block; font-size:13px; margin-bottom:60px; margin-top:53px; padding:4px; width:250px; height: 82px; } .step3 div.images-area div.image {float:left; margin-left:28px; margin-right:0; margin-top: 14px;} .step3 div.images-area {clear:both; position:relative; top:590px; height: 124px;} .step3 div.video-container {float:left; position:relative; top:743px; width: 948px;} .step3 div.video-container div.video {float:left; margin-left:27px; margin-right:31px; margin-top:-12px;} .step3 input#youtube_title_2, .step3 textarea#youtube_desc_2, .step3 input#youtube_link_2 { margin-left: -15px; } .step3 div#genre_select p { left:-33px; position:relative; top:-7px; } .step3 div#button { left:30px; position:absolute; top:1271px; } div.uploadifyQueueItem span.fileName { color: #ffffff; } div#lyricsQueue { left:26px; position:absolute; top:307px; } div#lyricsQueue div.uploadifyQueueItem { margin-left: 7px; margin-right: 36px; } div#fileQueue { left:200px; position:absolute; top:722px; } div#fileQueueLogo { left:224px; position:absolute; top:-28px; } div#logo_image { position: absolute; top: -50px; } div#logo_image a { display: block; } div.advert-b object:hover, div.advert-b:hover { cursor: pointer; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* REGISTER TO VOTE */ .register-content form {position: relative;width: 600px; height: 850px; background: url('/media/images/signup/register-form.jpg') 0 0 no-repeat;} .register-content .form-name {position: absolute; top: 109px; left: 78px;} .register-content .form-name input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 442px;} .register-content .form-email {position: absolute; top: 165px; left: 86px;} .register-content .form-email input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 435px;} .register-content .form-password {position: absolute; top: 224px; left: 95px;} .register-content .form-password input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 425px;} .register-content .form-password-confirm {position: absolute; top: 283px; left: 163px;} .register-content .form-password-confirm input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 357px;} .register-content .form-terms {position: absolute; top: 607px; left: 14px; color: #000000;} .register-content .form-marketing {display: block; padding: 4px; font-sizE: 13px; width: 246px; font-size: 11px; color: #000000; position: absolute; left: 15px; top: 673px; line-height: 5px;} .register-content .form-partners {position: absolute; top: 713px; left: 18px; font-size: 11px; color: #000000; width: 238px; line-height: 5px;} .register-content .form-captcha input {display: block; border: 1px solid #dc9110; padding: 4px; font-sizE: 13px; width: 191px; border-top-width: 1px !important;} .register-content .form-captcha-img {position: absolute; top: 609px; left: 288px;} .register-content .form-captcha {position: absolute; top: 687px; left: 288px; font-size: 11px; color: #000000;} .register-content .form-registervote {position: absolute; top: 777px; left: 25px;} .register-content .form-registervote input {color: transparent; font-size: 0; background: transparent url('/media/images/buttons-sprite.png') 0 0 no-repeat; border: 0; display: block; width: 100px; height: 40px; text-indent: -9999px;} .register-content .form-registervote input:hover { background: transparent url('/media/images/buttons-sprite.png') 0 -44px no-repeat; cursor: pointer;} .register-content label span {display: none;} .register-content .signup-terms {position: absolute; top: 371px; left: 25px; width: 505px;} .register-content .signup-terms .terms-text {width: 520px; height: 210px; color: #000000;} .register-content .signup-terms jScrollPaneContainer{width: 520px !important;} .register-content .signup-terms .jScrollPaneTrack {background: transparent url('/media/images/scrollbar/track.png') repeat-y 50% 0;} .register-content .signup-terms .jScrollPaneDrag {background: url('/media/images/scrollbar/drag_middle.png') no-repeat; } .register-content .signup-terms .jScrollPaneDragTop {background: url('/media/images/scrollbar/drag_top.png') no-repeat; height: 6px; } .register-content .signup-terms .jScrollPaneDragBottom {background: url('/media/images/scrollbar/drag_bottom.png') no-repeat;height: 8px;} .register-content .signup-terms a.jScrollArrowUp {height: 9px;background: url('/media/images/scrollbar/arrow_up_white.png') no-repeat 50% 0;} .register-content .signup-terms a.jScrollArrowDown {height: 10px;background: url('/media/images/scrollbar/arrow_down_white.png') no-repeat 50% 0;} .register-content .signup-terms a.jScrollActiveArrowButton, .copy-holder a.jScrollActiveArrowButton:hover {} .register-content .signup-terms ol.alpha {list-style-type: lower-alpha} .register-content .signup-terms ol.roman {list-style-type: lower-roman} .register-content .band-signup-link a{display: block; width: 100px; height: 50px; position: absolute; top: 767px; height: 50px; left: 195px;} /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* LOGIN */ .container .login-content{width: 600px; float: left;} .login-content form {position: relative;width: 600px; height: 274px; background: url('/media/images/login-form.jpg') 0 0 no-repeat; border-top-width: 0px !important;} input{border-top-width: 0px !important;} .login-content form .login-email{position: absolute; left: 88px; top: 87px;} .login-content form .login-email input{border: 1px solid #dc9110; font-size: 13px; padding: 4px; width: 432px; border-top-width: 0px !important;} .login-content form .login-password{position: absolute; left: 96px; top: 143px;} .login-content form .login-password input{border: 1px solid #dc9110; font-size: 13px; padding: 4px; width: 424px;} .login-content form .login-submit input{background: transparent url('/media/images/buttons-sprite.png') -1706px 0 no-repeat; border:none; width: 110px; height: 44px; position: absolute; top: 206px;} .login-content form .login-submit input:hover{background: transparent url('/media/images/buttons-sprite.png') -1706px -44px no-repeat; cursor: pointer;} .login-content form .login-registerurl a{display: block; height: 36px; left: 160px; position: absolute; top: 206px; width: 81px;} .login-content label span{display: none; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* VIDEO */ .video-content {margin-left: 20px;} .video-area .video {float: left; width: 445px; height: 360px; background: url('/media/images/video/bg-video.jpg') no-repeat;} .video-area .text {position: relative; float: left; width: 475px;background: url('/media/images/video/bg-text.jpg') no-repeat;} .video-area .text h2 {font-size: 18px; color: #ffa200;} .video-area .text h2 span {color: #787878;} .video-area .text .bandlogo {position: absolute; top: 8px; right: 10px; width: 150px; height: 30px; } .video-area .text p {display: block; width: 300px; font-size: 12px;} .video-area .text .chart-position {font-size: 14px; float: left; height: 30px; margin-top: 35px;} .video-area .text .chart-position span {color: #ffa200;} .video-area .text .votes {font-size: 14px; float: right; margin-right: 10px; height: 30px; margin-top: 35px;} .video-area .text .votes span {color: #ffa200;} .video-area .video-actions {clear: both; height: 70px; background: url('/media/images/video/bg-options.jpg') no-repeat; position: relative;} .text .video-actions p.voted span {display: none;} .text .video-actions p.voted {background: url("/media/images/buttons-sprite.png") repeat scroll -1118px -162px transparent; height: 59px; width: 174px;} p.voted_chart{background: url("/media/images/buttons-sprite.png") repeat scroll -1157px -221px transparent; height: 49px; width: 82px; left: 442px; top: 11px; position: absolute;} p.voted_chart span{display: none;} .video-area .video-actions a {display: block; position: absolute; background: url('/media/images/buttons-sprite.png') 0 0 no-repeat;} .video-area .video-actions a span {display: none;} .video-area .video-actions .votefortrack, .video-area .video-actions .votefortrack-login {width: 180px; height: 46px; background-position: -355px -0px; top: 13px; left: 0} .video-area .video-actions .votefortrack:hover, .video-area .video-actions .votefortrack-login:hover {background-position: -355px -56px;} .video-area .video-actions .downloadtrack {width: 180px; height: 46px; background-position: -540px -0px; top: 13px; right: 10px} .video-area .video-actions .downloadtrack:hover {background-position: -540px -56px;} .video-area .breadcrumbs {color: #ffa200; padding-top: 10px;} .video-area .breadcrumbs a {color: #8f8f8f; text-decoration: none;} .artist-area {clear: both; padding-top: 10px; width: 920px;} .artist-canvas {clear: both; width: 730px;float: left; background: url('/media/images/tabs/bottom.gif') bottom left no-repeat; padding: 10px 0 0 0;} .artist-canvas .details {float: left; width: 500px; margin-right: 10px; } .artist-canvas .details h3 {font-size: 18px;color: #ffa200; margin: 0; padding: 0;} .artist-canvas .didyouknow {background: url('/media/images/tabs/facts.jpg') no-repeat; float: left; width: 180px; height: 190px; margin-bottom: 20px; padding-top: 60px;} .artist-canvas .didyouknow p {margin: 10px 10px 10px 20px;;} .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0 margin: 0 0 0 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } #tabs ul {height: 35px;background: url('/media/images/tabs/tabs-sprite.png') no-repeat !important;} .tab {background: url('/media/images/tabs/sides.gif') repeat-y !important; margin-top: 0px;} .tabs-link-1 {display: block; width: 110px; height: 30px; background: url('/media/images/tabs/tabs-sprite.png') 0 -45px no-repeat !important;} .tabs-link-1 span {display: none;} .tabs-link-2 {display: block; width: 135px; height: 30px; background: url('/media/images/tabs/tabs-sprite.png') -132px 0 no-repeat !important;} .tabs-link-2 span {display: none;} .tabs-link-3 {display: block; width: 50px; height: 30px; background: url('/media/images/tabs/tabs-sprite.png') -290px 0 no-repeat !important;} .tabs-link-3 span {display: none;} .ui-state-active .tabs-link-1 {display: block; width: 110px; height: 30px; background: url('/media/images/tabs/tabs-sprite.png') 0 0px no-repeat !important;} .ui-state-active .tabs-link-2 {display: block; width: 135px; height: 30px; background: url('/media/images/tabs/tabs-sprite.png') -132px -45px no-repeat !important;} .ui-state-active .tabs-link-3 {display: block; width: 50px; height: 30px; background: url('/media/images/tabs/tabs-sprite.png') -290px -90px no-repeat !important;} .artist-links {float: right; width: 180px; padding-top: 45px;} .artist-links a {display: block; width: 180px; height: 75px; background: url('/media/images/buttons-sprite.png') 0 0 no-repeat;} .artist-links a span {display: none;} a.artist-website {background-position: -730px 0; margin-bottom: 10px;} a.artist-myspace {background-position: -915px 0; margin-bottom: 10px;} a.artist-facebook {background-position: -1105px 0;} a.artist-website:hover {background-position: -730px -84px;} a.artist-myspace:hover {background-position: -915px -87px;} a.artist-facebook:hover {background-position: -1105px -84px;} .related-area {clear:both; padding: 20px 0;} #related_wrap {position: relative;} #related_wrap .prev {position: absolute; top: -30px; left: 900px;} #related_wrap .next {position: absolute; top: -30px; left: 920px;} #related_videos {width: 920px;margin: 0; padding: 0; list-style: none;} #related_videos ul {margin: 0; padding: 0; list-style: none;} #related_videos li {margin: 0; padding: 0; position: relative; display: block; width: 150px; height: 202px; background: url('/media/images/video/bg-track.jpg') 0 0 no-repeat;} #related_videos li .text { position: absolute; left: 15px; color: #ffa200; top: 100px;} #related_videos li .text h3 {margin: 0; padding: 0; font-size: 14px; } #related_videos li .text h3 a { color: #ffa200; text-decoration: none;} #related_videos li .text h3 span {font-size: 12px; color: #fff;} #related_videos li .video {width: 120px; height: 68px; background: #000; position: absolute; left: 15px; top: 20px;} div.video object{left:2px; position:relative; top:2px;} div.gallery_image{float: left; margin-bottom: 12px; margin-right: 12px;} /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* HOW IT WORKS */ .how-canvas {position: relative;} .how-slider {margin-left: 7px;} .how-slider ul, .how-slider li {margin:0; padding:0; list-style:none;} .how-slider li {display: block; width:930px; height:280px; overflow:hidden;} .how-canvas span#prevBtn a{position: absolute; left: 870px; top: 263px; text-decoration: none; z-index: 10;} .how-canvas span#nextBtn a{position: absolute; left: 905px; top: 263px; text-decoration: none; z-index: 10;} .how-canvas ol#controls {margin:0; padding:0; height:20px; position: absolute; bottom: 10px; right: 22px; z-index: 9999; } .how-canvas ol#controls li {font-size: 12px; margin:0 10px 0 0; padding:0; float:left; list-style:none; height:20px; line-height:20px;} .how-canvas ol#controls li a {width: 11px; float:left;height:20px;line-height:20px;color:#fff;padding:0;text-decoration:none;} .how-canvas ol#controls li.current a {color:#f6ab1b;} .how-canvas ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {outline:none;} .how-canvas .mask {background: transparent url('/media/images/how/howitworks-mask.png') -20px -10px no-repeat; z-index: 9; position: absolute; top: 0; left: 0; width: 960px; height: 290px;} .how-content {margin-top: 30px;} .how-content .content {font-sizE: 12px; width: 540px; padding: 0 20px; background: url('/media/images/how/box.jpg') -0px 30px no-repeat;} .how-content .content ul {padding: 10px} .how-content .content li {padding: 5px} a.download-pdf {display: block; width: 165px; height: 35px; background: url('/media/images/buttons-sprite.png') -1405px 0 no-repeat;} a.download-pdf:hover {background-position: -1405px -44px;} a.download-pdf span {display: none;} /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* CHART & WHATS NEW */ .content div.item img{float: right;} .content div.item h3{color: #FFA200;} .content div.item{clear: both;} .pagination {clear: both; margin: 10px 0; color: #ffa200; height: 40px; width: 600px; background: url('/media/images/bg-pagination.jpg') 0 0 no-repeat; position: relative;} .pagination .numbers {position: absolute; top: 13px; left: 10px; width: 100%;} .pagination .numbers * {float: left; font-size: 13px;} .pagination .numbers .prev {margin-right: 7px;} .pagination .numbers a {padding-right: 10px;} .pagination .numbers span {padding-right: 10px; font-weight: bold;} .pagination .show {position: absolute; top: 9px; right: 2px;} .pagination .show select {padding: 3px; margin-left: 10px;} .pagination .show span {margin-left: 10px;} .chart-canvas {clear: both; padding: 20px 0 20px 10px;} .chart-item {margin-bottom: 10px; position: relative; width: 600px; height: 80px; background: url('/media/images/charts/shade-a.jpg') 0 0 no-repeat;} .chart-item.alt {background: url('/media/images/charts/shade-b.jpg') 0 0 no-repeat;} .chart-item .number {position: absolute; font-size: 42px; font-weight: bold; color: #000; top: 17px; left: 20px; } .chart-item .text { position: absolute; left: 245px; color: #ffa200; top: 5px;} .chart-item .text h3 {margin: 0; padding: 0; font-size: 14px; } .chart-item .text h3 a { color: #ffa200; text-decoration: none;} .chart-item .text h3 span {font-size: 12px; color: #fff;} .chart-item .video {width: 100px; height: 68px; background: #000; position: absolute; left: 135px; top: 5px;} .chart-item a.votefortrack, .chart-item a.votefortrack-login {display: block; width: 75px; right: 80px; top: 40px; position: absolute; height: 30px; background: url('/media/images/buttons-sprite.png') -1570px 0 no-repeat;} .chart-item a.votefortrack:hover, .chart-item a.votefortrack-login:hover {background-position: -1570px -40px;} .chart-item a.votefortrack span, .chart-item a.votefortrack-login span {display: none;} .chart-item a.view {display: block; width: 55px; right: 20px; top: 40px; position: absolute; height: 30px; background: url('/media/images/buttons-sprite.png') -1650px 0 no-repeat;} .chart-item a.view:hover {background-position: -1650px -40px;} .chart-item a.view span {display: none;} .shell-chart a.fc{display: block; height: 50px; left: 217px; position: absolute; top: 27px; width: 65px; z-index: 10;} .list-item {float: left; margin: 0 0 10px 0; padding: 0; position: relative; display: block; width: 150px; height: 202px; background: url('/media/images/video/bg-track.jpg') 0 0 no-repeat;} .list-item.alt {} .list-item .text { position: absolute; left: 15px; color: #ffa200; top: 105px;} .list-item .text h3 {margin: 0; padding: 0; font-size: 14px; } .list-item .text h3 a { color: #ffa200; text-decoration: none;} .list-item .text h3 span {font-size: 11px; color: #fff;} .list-item .video {width: 120px; height: 78px; background: #000; position: absolute; left: 15px; top: 15px;} /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* VOTING */ .voting-content .content {clear: both; font-size: 12px; width: 540px; padding: 50px 20px; background: url('/media/images/how/box.jpg') -0px 30px no-repeat;} .voting-content .content h2 {color: #ffa200; text-transform: uppercase;} #dialog-vote-captcha .form-captcha { padding-bottom: 10px; width: 100%; } #dialog-vote-captcha-form .form-captcha input { width: 196px; } #dialog-vote-captcha #error-message p { display:none; color:#A81813; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* CONTACT */ .contact-content .content {clear: both; font-size: 12px; width: 540px; padding: 50px 20px; background: url('/media/images/how/box.jpg') -0px 30px no-repeat;} .contact-content .content h2 {color: #ffa200; text-transform: uppercase;} .press a {display: block; width: 300px; height: 200px; background: url('/media/images/news-board.jpg') 0 0 no-repeat;} .press a:hover {background-position: 0px -218px;} .press a span {display: none;} /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* SERIES 1 */ div.video_feed{float:left;margin-left:54px;margin-top:5px;} div.video_list{clear:both;} div#FlashContent{background:url("/media/images/video/bg-video.jpg") no-repeat scroll 0 0 transparent; height:350px; padding-left:2px; padding-top:2px; width:431px;} div.coming-soon{margin-top: 30px;} div.show_airing{font-size:20px; margin-left:auto; margin-right:auto; margin-top:150px; text-align:center; width:193px;} .series-1 { background:url("/media/images/home/s1-view-off.jpg") no-repeat scroll 0 0 transparent; position:absolute; left:490px; top:8px; width:245px; height:255px; } .series-1 a { display:block; height:255px; width:245px; position: relative; } .series-1 a span { display: none; } .series-1 a:hover { background:url("/media/images/home/s1-view-on.jpg") no-repeat scroll 0 0 transparent; } .advert-series-1 { background:url("/media/images/s1-sprite.png") no-repeat scroll 0 -208px transparent; height:220px; width:155px; position: absolute; left:10px; top:300px; } .advert-series-1 a { display:block; height:220px; width:153px; position:relative; } .advert-series-1 a span { display: none; } .advert-series-1 a:hover { background:url("/media/images/s1-sprite.png") no-repeat scroll -160px -208px transparent; } .now-showing .top { background:url("/media/images/new_show/BG-current-show-1.jpg") no-repeat scroll 0 0 transparent; position:relative; width:930px; height:137px; left:15px; } .now-showing .middle { background:url("/media/images/BG-current-show-2.jpg") repeat-y scroll 0 0 transparent; position:relative; width:930px; left:15px; } .now-showing .bottom { background:url("/media/images/BG-current-show-3.jpg") no-repeat scroll 0 0 transparent; position:relative; width:930px; height:105px; left:15px; } .now-showing .middle .first-video { background:url("/media/images/BG-current-show-4.jpg") no-repeat scroll 0 0 transparent; position:relative; width:855px; height:115px; left:35px; top:-50px; margin-bottom:10px;} .now-showing .middle .video { background:url("/media/images/BG-current-show-4.jpg") no-repeat scroll 0 0 transparent; position:relative; width:855px; height:115px; left:35px; top:-51px; margin-bottom: 10px;} .now-showing .middle .thumbnail { height:68px; width: 90px; left:20px; top:30px; position: relative; } .now-showing .middle .text { position: absolute; left:120px; top:25px; width:170px; } .now-showing .middle .text a { color: #FFFFFF; text-decoration:none; font-size: 14px; } .now-showing .middle .text h3 span { color: #FFFFFF; font-size: 12px; } .now-showing .middle .voting .vote-heading { background:url("/media/images/s1-sprite.png") no-repeat scroll 0 0 transparent; height:25px; width:385px; position: absolute; left:300px; top:12px; } .now-showing .middle .voting .vote-sms { background:url("/media/images/s1-sprite.png") no-repeat scroll 0 -26px transparent; height:50px; width:260px; position: absolute; left:300px; top:45px; } .now-showing .middle .voting .vote-phone { background:url("/media/images/s1-sprite.png") no-repeat scroll 0 -80px transparent; height:50px; width:260px; position: absolute; left:580px; top:45px; } .now-showing .middle .voting .vote-sms .text { position: absolute; left:45px; top:10px; } .now-showing .middle .voting .vote-phone .text { position: absolute; left:45px; top:10px; } .now-showing .middle .center .coming-soon span { font-size:25px; left:400px; position:relative; } .series-chart { background:url("/media/images/s1-chart.jpg") no-repeat scroll 0 0 transparent; width:455px; height:637px; float:left; position:relative; top:37px; } .series-chart .series-chart-item { background:url("/media/images/s1-chart-shade-a.jpg") no-repeat scroll 0 0 transparent; position: relative; top:130px; left:15px; width:435px; height:85px;} .series-chart .series-chart-item.alt { background:url("/media/images/s1-chart-shade-b.jpg") } .series-chart .series-chart-item .thumbnail { height:68px; width: 90px; left:119px; top:8px; position: relative; } .series-chart .series-chart-item .text { position: absolute; left:220px; top:5px; width:135px; } .series-chart .series-chart-item .text a { color: #FFFFFF; text-decoration:none; font-size: 14px; } .series-chart .series-chart-item .text h3 span { color: #FFFFFF; font-size: 12px; } .series-chart .series-chart-item .view { background:url("/media/images/s1-sprite.png") no-repeat scroll 0 -160px transparent; height:45px; width:55px; position: absolute; left:355px; top:15px; } .series-chart .series-chart-item .view a { display:block; height:50px; width:55px; position: relative; } .series-chart .series-chart-item .view a span { display:none; } .series-chart .series-chart-item .view a:hover { background:url("/media/images/s1-sprite.png") no-repeat scroll -60px -160px transparent; } .series-chart .series-chart-item .rank span { font-size:42px; font-weight: bold; color:#000; position:absolute; left:20px; top:15px; } .series-chart .pagination { background:none; clear:both; color:#A81813; position:relative; left:14px; top:130px;} .series-chart .pagination .numbers a:hover { color:#A81813; } .series-chart .numbers { left:10px; position:absolute; top:13px; } .show-archive { background:url("/media/images/s1-show-archive.jpg") no-repeat scroll 0 0 transparent; width:455px; height:535px; float:right; position:relative; right:20px; top:50px; } .show-archive .show-archive-item { background:url("/media/images/BG-show-archive.jpg") no-repeat scroll 0 0 transparent; position: relative; top:120px; left:15px; width:435px; height:85px;} .show-archive .show-archive-item .thumbnail { height:68px; width: 90px; left:20px; top:15px; position: relative; } .show-archive .show-archive-item .text { position: absolute; left:130px; top:5px; width:135px; } .show-archive .show-archive-item .text a { color: #FFFFFF; text-decoration:none; font-size: 14px; } .show-archive .show-archive-item .text h3 span { color: #FFFFFF; font-size: 12px; } .show-archive .show-archive-item .view { background:url("/media/images/s1-sprite.png") no-repeat scroll 0 -160px transparent; height:45px; width:55px; position: absolute; left:355px; top:15px; } .show-archive .show-archive-item .view a { display:block; height:50px; width:55px; position: relative; } .show-archive .show-archive-item .view a span { display:none; } .show-archive .show-archive-item .view a:hover { background:url("/media/images/s1-sprite.png") no-repeat scroll -60px -160px transparent; } .show-archive .pagination { background:none; clear:both; color:#A81813; position:relative; left:14px; top:119px;} .show-archive .pagination .numbers a:hover { color:#A81813; } .show-archive .numbers { left:10px; position:absolute; top:13px; } .show-archive .center .coming-soon span { font-size: 25px; font-size:25px; left:140px; position:absolute; top:200px; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* FOOTER */ .footer {clear: both; position: relative; width: 960px; height: 140px; margin: 0 auto; background: url('/media/images/bg-footer.jpg') no-repeat;} .footer .links {color: #716a65; font-size: 10px; position: absolute; top: 80px; left: 10px; } .footer .links a {color: #716a65; text-decoration: none;} .footer .sponsors {position: absolute; left: 10px; top: 30px;} .footer .sponsors ul {margin: 0; padding: 0; list-style: none;} .footer .sponsors li {margin: 0; padding: 0;} .footer .sponsors li a {position: absolute; display: block; background: url('/media/images/sprite-icons.png') 0px 0px no-repeat; } .footer .sponsors li a span {display: none;} .footer .sponsors li.link-channelm a {top: 0px; left: 0px; height: 40px; width: 40px; background-position: 0px 0px;} .footer .sponsors li.link-fac251 a {top: 0px; left: 45px; height: 40px; width: 60px; background-position: -50px 0px;} .footer .sponsors li.link-rockradio a {top: 0px; left: 118px; height: 40px; width: 40px; background-position: -130px 0px; } .footer .sponsors li.link-we7 a {top: 0px; left: 163px; height: 40px; width: 60px; background-position: -180px 0px; } .footer .sponsors li.link-madesheep a {top:0px; left: 230px; height: 40px; width: 105px; background-position: -250px 0px; } .footer .sponsors li.link-coop a {top: 0px; left: 350px; height: 40px; width: 85px; background-position: -370px 0px; } .footer .sponsors li.link-rockradio a:hover {background-position: -130px -40px;} .footer .sponsors li.link-channelm a:hover {background-position: -0px -40px;} .footer .sponsors li.link-we7 a:hover {background-position: -180px -40px;} .footer .sponsors li.link-coop a:hover {background-position: -370px -40px;} .footer .sponsors li.link-madesheep a:hover {background-position: -250px -40px;} .footer .sponsors li.link-fac251 a:hover {background-position: -50px -40px;} .footer .social {position: absolute; top: 40px; right: 100px;} .footer .social ul {margin: 0; padding: 0; list-style: none;} .footer .social li {margin: 0; padding: 0;} .footer .social li a {position: absolute; display: block; width: 25px; height: 25px; background: url('/media/images/sprite-icons.png') no-repeat;} .footer .social li a span {display: none;} .footer .social li.link-facebook a {top: 0px; left: 29px; background-position: -699px -140px;} .footer .social li.link-twitter a {top: 0px; left: 0px; background-position: -670px -140px;} .footer .social li.link-myspace a {top: 0px; left: 57px; background-position: -727px -140px;} .footer .social li.link-youtube a {top: 0px; right: 0px; background-position: -757px -140px;} .footer .social li.link-facebook a:hover {background-position: -699px -169px;} .footer .social li.link-twitter a:hover {background-position: -670px -169px;} .footer .social li.link-myspace a:hover {background-position: -727px -169px;} .footer .social li.link-youtube a:hover {background-position: -757px -169px;} .blueleaf a {position: absolute; top: 80px; right: 20px; color: #666; text-align: right; width: 100px; text-decoration: none;} /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* UPDATES */ .news-head {width: 620px; height: 130px; background: url('/media/images/updates/Updates-news-header.jpg') no-repeat; } .news-items {width: 620px; height: 628px; background: url('/media/images/updates/Updates-news-repeat.jpg') repeat-y;} .news-item {position: relative; margin-left: 40px; margin-bottom: 10px; padding: 0 0 10px 0; width: 550px;color: #ffa200;background: url('/media/images/updates/Updates-news-div.jpg') 50% 100% no-repeat;} .news-item h2 {font-size: 12px; margin: 0; padding: 0; color: #fff;} .news-item h2 span {position: absolute; right: 0; } .news-item .time {color: #fff;} .twitter-block {background: url('/media/images/updates/Updates-twitter-repeat.jpg') repeat-y;} .tweet-link {width: 310px; height: 130px; position: relative; background: url('/media/images/updates/Updates-twitter-header.jpg') no-repeat;} .tweet-link a {position: absolute; top: 50px; left: 200px; height: 50px; width: 90px;} .tweet-link a span {display: none;} .tweet-item {margin-left: 40px; padding: 0 0 10px 0; width: 250px;color: #ffa200;background: url('/media/images/updates/Updates-twitter-div.jpg') 50% 100% no-repeat;} .tweet-item .time {color: #fff;} .twitter-close {width: 310px; height: 50px; background: url('/media/images/updates/Updates-twitter-footer.jpg') no-repeat;} .news-close {width: 620px; height: 50px; background: url('/media/images/updates/Updates-news-footer.jpg') no-repeat;} .shell-news a.news{display:block; height:70px; left:972px; position:absolute; top:489px; width:90px; z-index:10;} /*hive*/ div.column { width: 460px; float: left; padding: 10px } div.full div.browse-block { height: 160px; } div.full div.browse-block p { padding-top: 50px; } div.full div.column img { float: left; padding-right: 10px; } div.join_fb { height: 165px; background-image: url("/media/images/updates/facebook-button.jpg"); background-repeat: no-repeat; } div.join_fb a span { display: none; } div.join_fb a { display: block; height: 165px; width: 310px; } div.rules, div.guidelines { width: 311px; } div.wait { background-image: url("/media/images/signup/please-wait.gif") !important; width: 191px; height: 60px; } div.wait input { background: none !important; } div.wait input:hover { cursor: default !important; } p.voting_terms { background:url("/media/images/new_show/now_showing.jpg") no-repeat scroll 0 0 transparent; color:#FFFFFF; font-size:11px; height:255px; left:30px; line-height:15px; padding-left:25px; padding-right:25px; padding-top:145px; position:relative; top:-9px; width:311px; float: left; }