/****************************************************************** * file : css/global.css * * Main css file * ******************************************************************/ /* Basic-stuff */ html { padding: 0; margin: 0px; } body { font: x-small Trebuchet MS, Geneva, Arial, Helvetica, san-serif; padding: 0; margin: 0px; background: #0a0a0a url("../gfx/bg_img.jpg") repeat-x center top; } /* fonts */ body a { text-decoration: none; color:#2b6484; font-weight:bold; } body a:hover { text-decoration: underline; } body a:visited { text-decoration: none; color:#2b6484; font-weight:bold; } body h2 { color: #cc5200 } body h2 span { color: #5e5e5e } div.noscript_msg { padding: 230px 0 0 180px; font-size: 130%; color: #ffffff; font-weight: bold } img { border: none; } form { margin: 0 } /* Page structure */ div#main { font-size: 127%; width: 998px; margin:0px auto;} div#infomain { width: 985px; } div.infotop { line-height: 1.5em; width: 985px; padding: 20px 0px 0px 0px; background: url("../gfx/info_top.jpg") no-repeat top left; } div#info { width: 824px; padding: 0px 0px 20px 0px; margin: 0px 0px 0px 74px; background: #e5e5e5 url("../gfx/info_main.jpg") no-repeat bottom; border-left: solid #000 6px; border-right: solid #000 6px;} div#welcome { width: 824px; margin: 0px 0px 0px 74px; background: #ffffff url("../gfx/welcome_main.jpg") repeat-y; border-left: solid #000 6px; border-right: solid #000 6px;} div#welcome div.content { width: 780px; padding: 1px 0px 20px 0px; margin: 0px 0px 0px 20px; } div#welcome div.content h2 { margin: 0 0 5px 0 } div.buy_banner {margin:0px 0 0 450px; width:250px; height:40px;} /* div#welcome div.content a { color: #CC5200; } div#welcome div.content a:hover { color: #CC5200; text-decoration: underline;} */ /* Logo */ div#logo_flash { width: 985px; height: 502px; padding:0px 0px 0px 68px; background: url("../gfx/top_left.jpg") no-repeat top left; } div#navigation { width: 985px; height: 259px; background: url("../gfx/zetterman_cam.jpg") no-repeat top left; padding-left:68px;} div#logomini { width: 985px; height: 117px; background: url("../gfx/main_top_mini_empty.jpg") no-repeat top left; } /*div#logomini { width: 985px; height: 117px; background: url("../gfx/main_top_mini.jpg") no-repeat top left; }*/ div.login { text-align: right; padding: 10px 100px 0px 0px; color: #ffffff; height: 25px; } div.login a { color: #ffffff;} /* Bottombanner */ div.bottombanner { width: 985px; height: 622px; color: #ffffff; } div.bottombanner a { text-decoration: none; color:#ff6600; font-weight:bold; } div.bottombanner a:visited { text-decoration: none; color:#ff6600; font-weight:bold; } div.bb01 { background: url("../gfx/bottombanners/01.jpg") no-repeat top left; } div.bb02 { background: url("../gfx/bottombanners/02.jpg") no-repeat top left; } div.bb03 { background: url("../gfx/bottombanners/03.jpg") no-repeat top left; } div.bb04 { background: url("../gfx/bottombanners/04.jpg") no-repeat top left; } div.bb05 { background: url("../gfx/bottombanners/05.jpg") no-repeat top left; } div.bb05b { background: url("../gfx/bottombanners/05b.jpg") no-repeat top left; } div.bb06 { background: url("../gfx/bottombanners/06.jpg") no-repeat top left; } div.bb07 { background: url("../gfx/bottombanners/07.jpg") no-repeat top left; } div.bb08 { background: url("../gfx/bottombanners/08.jpg") no-repeat top left; } div.bb09 { background: url("../gfx/bottombanners/09.jpg") no-repeat top left; } div.bb10 { background: url("../gfx/bottombanners/10.jpg") no-repeat top left; } div.bb01 div.bannertext { padding: 142px 0px 0px 364px; width: 280px; } div.bb01 div.bannertext input { color: #ffffff; background: #000000; border: 1px solid #868686 } div.bb02 div.bannertext { padding: 115px 0px 0px 400px; width: 480px; } div.bb03 div.bannertext { padding: 90px 0px 0px 125px; width: 760px; } div.bb03 div.bannertext h2 { margin-left: 100px } div.bb04 div.bannertext { padding: 90px 0px 0px 125px; width: 760px; } div.bb05 div.bannertext { padding: 90px 0px 0px 125px; width: 760px; } div.bb06 div.bannertext { padding: 90px 0px 0px 125px; width: 760px; } div.bb07 div.bannertext { padding: 90px 0px 0px 125px; width: 760px; } div.bb07 div.bannertext h2 { margin-left: 100px } div.bb08 div.bannertext { padding: 90px 0px 0px 125px; width: 760px; } div.bb09 div.bannertext { padding: 90px 0px 0px 125px; width: 760px; } div.bb10 div.bannertext { padding: 90px 0px 0px 125px; width: 760px; } /* Copyright footer */ div.footer { width: 985px; height: 64px; background: url("../gfx/copyright.jpg") no-repeat top left; } div.footer a { color:#fff; } div.footer div.content { color: #cccccc; padding: 20px 80px 0px 80px; font-size: 0.9em; text-align: center; } a.footer-link-devotia { font-weight:bold; color:#fff; } a.footer-link-devotia:hover { text-decoration:underline; } /* .headline span { color: #FFF; } .zetterman h2 { color: #b9090c; } */ /* div.storyline div.bannertext h2 { color: #cc5200; text-indent: 100px; } div.black div.bannertext h2 { color: #cc5200; text-indent: 100px; } div.logoanimation { padding: 18px 0px 0px 451px; color:#ffffff;} */ /* table.newseditor { padding:0px;} */ /* divs */ /* div.admin_whole { width:998px; background: #FFF; border-top: solid black 1px; border-bottom: solid black 1px; } div.intro_content { width: 650px; height: 550px; margin:0px auto; background: url("../gfx/intro_countdown.jpg") no-repeat top left; } div#intro_content_cd { width: 650px; height: 50px; color:#FFF; margin:0px auto; padding:340px 0px 0px 275px; font-size:20px;} div#logo { width: 985px; height: 243px; margin:0px 0px 0px 0px; background: url("../gfx/main_top.jpg") no-repeat top left;} */ /*div#menu { width: 985px; height: 32px; margin: 0px 0px 0px 0px; background: url("../gfx/menu.jpg") no-repeat top left;}*/ /* div.infotop_show { width: 985px; margin: 0px 0px 0px 0px; padding: 70px 0px 0px 0px; background: url("../gfx/info_top_show.jpg") no-repeat top left;} div.infotop_full { width: 985px; margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; background: url("../gfx/info_top_full.jpg") no-repeat top left;} div.info_empty { width: 824px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 74px; border-left: solid #000 6px; border-right: solid #000 6px; background:#FFF url("../gfx/news_bg.jpg") no-repeat left; ;} */ /* div.teaminfo { width: 780px; padding: 1px 0px 20px 0px; margin: 0px 0px 0px 20px;} div.comments_content { width: 780px; padding: 1px 0px 20px 0px; margin: 0px 0px 0px 20px;} */ /* div#navigation div.swfcontainer { padding: 22px 0px 0px 0px; overflow:hidden; } table.navigation_table { width:985px; } table.navigation_table td.buttons { width:256px; color:#FFF;} */ div.error_msg { margin:0px 0px 0px 0px; padding: 0px 0px 0px 20px; } div.clear { clear: both; height: 0px; overflow: hidden; } .hidden { visibility: hidden; height: 0px; overflow: hidden; } /*div. { width: 780px; padding: 1px 0px 20px 0px; margin: 0px 0px 0px 20px;}*/ /* Community inputs */ input.c,textarea.c,select.c { border: 1px #b9090c solid; padding: 3px } input.cbtn { border: 1px #b9090c solid; font-size: 90% } /* Video comments */ div.writecomments textarea { margin-bottom: 5px; padding: 5px; border: 1px #898989 solid; background: url('../gfx/comment_textarea_bg.gif') no-repeat bottom right } div.writecomments div.postform { float:left; padding: 5px 0 0px 0; margin: 0 0 0 0; } div.writecomments div.img_holder { float:left; padding: 15px 0 0 10px; width:269px; height:111px;} div.nopostform { font-size:90%; color: #898989; padding: 0 0 5px 0 } div.videocomments { overflow: hidden } div.videocomments div.image { float: left; width: 50px; height: 50px; margin-right: 7px; } div.videocomments div.image img.avatar { width: 49px; height: 49px; } div.videocomments div.post { float: left; width: 710px; } div.videocomments div.post div.bg_top { font-size: 0; height: 7px; background: url('../gfx/comment_bg_top.jpg') no-repeat top left } div.videocomments div.post div.bg_bottom { font-size: 0; height: 7px; background: url('../gfx/comment_bg_bottom.jpg') no-repeat top left } div.videocomments div.post div.comment { padding: 0 10px; background: #e5e5e5 } div.videocomments div.post div.comment table.t { width: 100% } div.videocomments div.post div.comment table.t td.date { text-align: right; color: #878787 } div.videocomments div.post div.comment table.t td.username { text-align: left; font-size: 90% } div.videocomments div.post div.comment table.t td.username a{ color: #1f1f1f; } div.videocomments div.post div.comment table.t td.username a:hover{ text-decoration: underline } div.videocomments div.post div.comment table.t td.username a.deletelink{ color: #2b6484; } div.videocomments div.post div.comment table.t td.message { padding: 5px 10px 0 0 } div.videocomments div.comment_spacer { padding: 10px } /* Paging */ div.paging { margin: 5px 0px 10px 0px; font-size: 90% } div.paging a { color: #878787; display: block; float: left; padding: 3px 6px; border: 1px #878787 solid; margin-right: 3px } div.paging a:hover { background: #1f1f1f; color: #ffffff; text-decoration: none; } div.paging a.active { background: #1f1f1f; color: #ffffff; text-decoration: none; } div.paging a.current { color: #ffffff; background:#1f1f1f; display: block; float: left; padding: 3px 6px; border: 1px #878787 solid; margin-right: 3px } div.paging a.current:hover { background: #ffffff; color: #878787; text-decoration: none; } /* Blog comments */ /* div.blogcomments { overflow: hidden; } div.blogcomments div.header { color: #900000; float: left; margin-top: 10px; width: 670px; padding-left: 6px; line-height: 20px; height: 20px; background: #ff9966; font-size: 90%; } div.blogcomments div.header a { color: #b9090c; font-weight: bold;} div.blogcomments div.rating { float: left; margin-top: 10px; width: 95px; padding-right: 5px; text-align: right; line-height: 20px; height: 20px; font-weight: bold; background: #d2d5dc } div.blogcomments div.rating span.neg { color: #ff9966; margin-right: 5px; } div.blogcomments div.rating span.pos { color: #ff9966; margin-right: 5px; } div.blogcomments div.rating a { display: block; width: 19px; height: 20px; } div.blogcomments div.rating a.vote_pos { background: url('../gfx/community/comment_vote_pos.gif') no-repeat center center } div.blogcomments div.rating a.vote_pos:hover { background: url('../gfx/community/comment_vote_pos_over.gif') no-repeat center center } div.blogcomments div.rating a.vote_neg { background: url('../gfx/community/comment_vote_neg.gif') no-repeat center center } div.blogcomments div.rating a.vote_neg:hover { background: url('../gfx/community/comment_vote_neg_over.gif') no-repeat center center } div.blogcomments div.inactive { background: #bec8d2 } div.blogcomments div.avatar { float: left; width: 70px; padding: 5px 0 } div.blogcomments div.avatar img { border: 4px #ff9966 solid } div.blogcomments div.msg { float: left; width: 400px; padding: 5px 0 5px 5px } div.blogcomments div.msg p { margin: 0; padding: 0 } */ /*tables*/ /* table.login { border:0px; width: 300px; padding:0px 0px 0px 10px; margin:10px;} table.admin_tab { width:998px; background: #FFF; } table.admin_tab td { width:25%; background: #FFF; } table#menuitems { width: 824px; height:33px; margin: 0px 0px 0px 80px; border: solid #000 1px; border-spacing: 0px;} table.user_settings { border:0px; width:100%; border-spacing:5px; width: 824px; padding:10px;} table.user_settings td.upload { width: 100px; } table.user_settings td.leftcol { width: 500px; } */ /* Register */ input.error, select.error { background: #ffc4c4 } select.error option { background: #ffffff } table#login { margin-top: 10px; font-size: 90% } table#login td.h { font-weight: bold } table#login td { padding: 5px 10px } table#register { margin-top: 10px; font-size: 90% } table#register td.h { font-weight: bold } table#register td { padding: 5px 10px } /*div.login_errors { color: red; font-weight: bold; padding: 3px }*/ div.register_errors { } div.register_errors h2 { color: red; font-size: 120%; margin: 0 0 5px 0 } div.dotted_border { font-size: 0; height: 20px; background: url('../gfx/dotted_border.gif') repeat-x center center } /* PlayMe Info by MaggoT */ table.playmeinfo { } table.playmeinfo td.column { width: 249px; } table.playmeinfo td.border { width: 28px; background: url('../gfx/news_vertical_border.gif') no-repeat top center } table.playmeinfo th { text-align: left; } table.playmeinfo h1 { color: #cc5200; font-weight: bold; margin: 5px 0px 10px 0 } table.playmeinfo h2 { color: #cc5200; font-weight: bold; margin: 5px 0px 10px 0 } table.playmeinfo h2 span { color: #5e5e5e } div.aud_head { float:left; } div.aud_thumb { float:right; } /* PlayMe Info Zettermann by MaggoT */ table.zettermann { } table.zettermann td.welcome { padding: 0px 20px; line-height: 1.5em } table.zettermann td.welcome h2 { color: #b9090c; } table.zettermann td.image { width:350px; height: 236px; } td.img01 { background: #ffffff url('../gfx/zetterman.jpg') no-repeat; } td.img02 { background: #ffffff url('../gfx/Zetermann_MoE.jpg') no-repeat; } td.img03 { background: #ffffff url('../gfx/Zetermann_EiaL.jpg') no-repeat; } /* News by MaggoT */ table.newsholder { } table.newsholder td.news_column { width: 267px; padding: 0 0 28px 0; } table.newsholder td.news_column_separator { width: 5px; background: #ffffff } div.news_group_header { background: #bbbbbb; color: #373737; height:24px; line-height: 24px; padding-left: 10px; font-weight: bold; text-transform: uppercase } div.news_group_header_press { background: #bbbbbb; color: #ffffff; height:24px; line-height: 24px; padding-left: 10px; font-weight: bold; border-top: 6px #ffffff solid; border-bottom: 6px #ffffff solid; text-transform: uppercase } div.headline_fade { background: #e5e5e5 url("../gfx/headline_bg.jpg") repeat-x top left; } div.news_item { padding: 5px 8px 5px 8px; } div.news_item a { color: #cc5200; } div.news_image { padding: 3px 0 } div.hr { font-size: 0; margin: 0 8px 0 8px; height: 0px; border-top: 1px #bebebe solid; border-bottom: 1px #ffffff solid } /* Greenroom @ news */ div.greenroom_top { width: 267px; height: 106px; background: url('../gfx/greenroom_top.jpg') no-repeat top left; } div.greenroom_bottom { width: 267px; height: 151px; background: url('../gfx/greenroom_bottom.jpg') no-repeat top left; } div.greenroom_middle { width: 228px; padding: 0 20px 0 19px; background: url('../gfx/greenroom_middle.jpg') repeat-y top left; } div.greenroom_middle div.item { color: #346231; width: 223px; padding: 3px 2px 3px 3px; position: relative } div.greenroom_middle div.item img { position: absolute; right: 0px } div.greenroom_middle div.info { padding: 0 5px 0 5px; overflow: hidden } div.greenroom_middle div.info div { padding-bottom: 3px } div.greenroom_middle div.odd { background: #a5e20b } div.greenroom_middle div.even { background: #ceff8c } /* silver @ news */ div.silverstar_top { width: 267px; height: 106px; background: url('../gfx/silverstar_top.jpg') no-repeat top left; } div.silverstar_bottom { width: 267px; height: 151px; background: url('../gfx/silverstar_bottom.jpg') no-repeat top left; } div.silverstar_middle { width: 228px; padding: 0 20px 0 19px; background: url('../gfx/silverstar_middle.jpg') repeat-y top left; } div.silverstar_middle div.item { color: #6a6a6a; width: 223px; padding: 3px 2px 3px 3px; position: relative } div.silverstar_middle div.item img { position: absolute; right: 0px } div.silverstar_middle div.info { padding: 0 5px 0 5px; overflow: hidden } div.silverstar_middle div.info div { padding-bottom: 3px } div.silverstar_middle div.odd { background: #cfd4d6 } div.silverstar_middle div.even { background: #f1f2f2 } /* gold @ news */ div.goldstar_top { width: 267px; height: 106px; background: url('../gfx/goldstar_top.jpg') no-repeat top left; } div.goldstar_bottom { width: 267px; height: 151px; background: url('../gfx/goldstar_bottom.jpg') no-repeat top left; } div.goldstar_middle { width: 228px; padding: 0 20px 0 19px; background: url('../gfx/goldstar_middle.jpg') repeat-y top left; } div.goldstar_middle div.item { color: #6a6a6a; width: 223px; padding: 3px 2px 3px 3px; position: relative } div.goldstar_middle div.item img { position: absolute; right: 0px } div.goldstar_middle div.item a {color:#7a0000} div.goldstar_middle div.info { padding: 0 5px 0 5px; overflow: hidden } div.goldstar_middle div.info div { padding-bottom: 3px } div.goldstar_middle div.odd { background: #fff6d4 } div.goldstar_middle div.even { background: #faebb0 } /* Duel @ highscores */ div.duel_text {background: url('../gfx/duel_text.png') no-repeat top left; float:right; width: 267px; height:133px; text-align:center; padding: 70px 0 0 0; margin:20px 0 0 0px;} div.duel {background: url('../gfx/duel_bg.png') no-repeat top left; float:left; width: 506px; height:203px; text-align:center; margin:20px 0 0 0px;} div.duel a { color:#ffffff; } div.duel div.userone { padding:44px 0 0 16px; float:left; width:186px;} div.duel div.userone div.img { } div.duel div.userone div.title { padding:5px 0 0 0;} div.duel div.userone div.score { color:#ffffff; padding: 11px 0 0 0; } div.duel div.usertwo { padding:44px 16px 0 0; float:right; width:186px;} div.duel div.usertwo div.title { padding:5px 0 0 0;} div.duel div.usertwo div.score { color:#ffffff; padding: 11px 0 0 0; } /* Generic table structure for page content by MaggoT */ table#infotable { width: 824px; background: url('../gfx/tablebg.jpg' ) repeat-x top left;} table#infotable td.r { padding: 10px 20px 0px 10px; } table#infotable td.l { padding: 0; width: 13px; background: #ffffff url('../gfx/info_top_left.jpg') no-repeat top left } /* Playmeteam page by MaggoT */ div.teamblock_left { float: left; padding: 0 10px 0 0; width: 200px; } div.teamblock_left p { margin: 0; line-height:1.5em; } div.teamblock_right { float: left; padding: 0; width: 540px; border-left: 1px #aeaeae solid; } div.teamblock_right div.item { float: left; width: 245px; margin: 10px 0 0 15px; } div.teamblock_right div.item div.picture { float: left; width: 85px; } div.teamblock_right div.item div.infotext { float: left; width: 155px; padding-left: 5px } /* Playme Cast */ div.castblock { padding: 0; } div.castblock div.item { float:left; margin: 10px 0 0 15px; } div.castblock div.item div.picture { width: 83px; } div.castblock div.item div.infotext { width: 650px; padding-left: 5px } div.castblock div.item div.infotext div.title { margin: 0 0 5px 0; } div.castblock div.item div.infotext div.description { } /* div.fnuinfo { padding: 10px 20px 10px 20px } div.fnuinfo h2 { margin: 0 } */ /*News banner */ div.newsbanner { } div.newsbanner div.info { float: left; width: 86px; height: 49px; background: url("../gfx/newsbanner_info.jpg") no-repeat top left } div.newsbanner div.content { float: left; width: 695px; height: 49px; line-height: 49px; background: url("../gfx/newsbanner_content.jpg") no-repeat top left } div.newsbanner div.content marquee { padding: 0 0 0 2px; margin-right:11px; color: #ffffff; font-weight: bold } /* div.news_banner { height: 23px; width: 760px; background: url("../gfx/news_banner.jpg") no-repeat top left; padding: 2px 10px 0 10px;} div.news_banner span { color:#666666; } */ /* Playme teaminfo by MaggoT */ div.teaminfo_pic { float: left; position: relative; width: 206px; height: 312px; margin: 0 5px 0 0; background: url('../gfx/team_profile_bg.jpg') no-repeat top left; } div.teaminfo_pic img.avatar { position: absolute; top: 98px; left: 59px; width: 73px; height: 73px } div.teaminfo_pic div.nametag { position: absolute; top: 183px; left: 20px; width: 150px; color: #ffffff; text-align: center } div.teaminfo_pic div.nametag div.name { font-weight: bold; font-size: 120% } div.teaminfo_pic div.nametag div.info { } div.teaminfo_pic div.nametag div.info span.pos { font-weight: bold } div.teaminfo_pic div.nametag div.info a { color: #ffffff } div.teaminfo_vertical_border { float: left; width: 2px; height: 320px; margin: 20px 15px 0 0; font-size: 0; background: url('../gfx/vertical_border.gif') repeat-y top left; } div.teaminfo_info { float: left; width: 530px; } div.teaminfo_info h2 { margin: 0 0 15px 0; color: #b90909 } div.teaminfo_info h3 { margin: 20px 0 5px 0; } div.teaminfo_info p { margin: 0; } div.teaminfo_backbutton { float: left; width: 206px; text-align: center } div.teaminfo_backbutton a { border: none } /* Highscores by MaggoT */ div.search_field { height: 153px; width: 770px; background: url("../gfx/search_bg.jpg") no-repeat top left; padding: 10px 0 0 10px;} td.border { width: 50px; background: url('../gfx/search_vertical_border.gif') no-repeat top center } table#infotable table.search { } table#infotable table.search td { padding: 4px; width: 100px } /* Topplistor @ highscores */ table.toplist { margin-top: 30px } table.toplist th { width:196px; height:46px; background: url("../gfx/orange_heading.png") no-repeat top center; line-height: 23px; padding: 0px 0px 0px 0px; font-size:90%; font-weight: bold;} table.toplist td div.item { padding: 5px 0 5px 17px; margin: 0 10px; border-bottom: 1px #4d4d4d solid } table.toplist td div.item a { color: #ffffff } table.toplist td div.item a:hover { text-decoration: underline } table.toplist td div.off { background: url('../gfx/icon_off.gif') no-repeat center left } table.toplist td div.pro { background: url('../gfx/icon_pro.gif') no-repeat center left } table.toplist td div.green { background: url('../gfx/icon_green.gif') no-repeat center left } table.toplist td div.silver { background: url('../gfx/icon_silver.gif') no-repeat center left } table.toplist td div.gold { background: url('../gfx/icon_gold.gif') no-repeat center left } table.toplist td div.soundcheck { background: url('../gfx/icon_soundcheck.gif') no-repeat center left } table.toplist td div.finalmix { background: url('../gfx/icon_finalmix.gif') no-repeat center left } table.contact { margin-top: 30px } table.contact th { width:244px; height:23px; background: url("../gfx/orange_heading.png") no-repeat top center; line-height: 23px; padding: 0px 0px 0px 10px; font-weight: bold;} table.contact td div.item { padding: 5px 0 5px 5px; margin: 0 10px; border-bottom: 1px #4d4d4d solid } table.contact td div.item a { color: #ffffff } /* Press by MaggoT */ table.pressdocs { margin: 0 } table.pressdocs td.info { width: 200px } table.pressdocs td.info h2 { margin: 0 0 10px 0 } table.pressdocs table.doc { width: 560px; font-size: 90%; margin: 0 0 0 10px } table.pressdocs table.doc th { font-weight: bold; text-align: left; } table.pressdocs table.doc td { border-bottom: 1px solid #CCC; } /* Links - banners */ table.sponsors { } table.sponsors td.spacer { font-size: 0; height: 20px; background: url('../gfx/dotted_border.gif') repeat-x center center } table.sponsors td.logo { width: 300px; padding: 10px 0; text-align: center; } table.sponsors td.description { padding: 10px 0; } /* Profile */ div.profile div.userinfo { float: left; width: 218px; margin-right: 5px } div.profile div.userinfo div.badge { position: relative; width: 206px; height: 312px; margin: 0 5px 0 8px; } div.profile div.userinfo div.pro { background: url('../gfx/profile_pro_bg.jpg') no-repeat top left; } div.profile div.userinfo div.partner { background: url('../gfx/profile_partner_bg.jpg') no-repeat top left; } div.profile div.userinfo div.off { background: url('../gfx/profile_off_bg.jpg') no-repeat top left; } div.profile div.userinfo div.green { background: url('../gfx/profile_green_bg.jpg') no-repeat top left; } div.profile div.userinfo div.silver { background: url('../gfx/profile_silver_bg.jpg') no-repeat top left; } div.profile div.userinfo div.gold { background: url('../gfx/profile_gold_bg.jpg') no-repeat top left; } div.profile div.userinfo div.soundcheck { background: url('../gfx/profile_soundcheck_bg.jpg') no-repeat top left; } div.profile div.userinfo div.finalmix { background: url('../gfx/profile_finalmix_bg.jpg') no-repeat top left; } div.profile div.userinfo div.badge img.avatarpartner {position: absolute; top: 98px;} div.profile div.userinfo div.badge img.avatarvideo { position: absolute; top: 98px; left: 59px; width: 73px; height: 73px } div.profile div.userinfo div.badge div.namevideo { position: absolute; top: 180px; left: 0; width: 187px; text-align: center; font-size: 127%; } div.profile div.userinfo div.badge div.namepartner { position: absolute; top: 180px; left: 0; width: 187px; text-align: center; font-size: 110%; } div.profile div.userinfo div.badge div.titlevideo { position: absolute; top: 198px; left: 0; width: 187px; text-align: center; } div.profile div.userinfo div.badge div.statusvideo { position: absolute; top: 230px; left: 0; width: 187px; text-align: center; font-size: 100%;} div.profile div.userinfo div.badge img.avataraudio { position: absolute; top: 111px; left: 67px; width: 58px; height: 58px } div.profile div.userinfo div.badge div.nameaudio { position: absolute; top: 170px; left: 0; width: 187px; text-align: center; font-size: 127%; } div.profile div.userinfo div.badge div.titleaudio { position: absolute; top: 184px; left: 0; width: 187px; text-align: center; } div.profile div.userinfo div.badge div.statusaudio { position: absolute; top: 195px; left: 0; width: 187px; text-align: center; font-size: 100%;} div.profile div.userinfo div.badge div.partner_text { color: #CC5200; font-weight: bold; } div.profile div.userinfo div.badge div.pro_text { color: #921300; font-weight: bold; } div.profile div.userinfo div.badge div.green_text { color: #284904; font-weight: bold; } div.profile div.userinfo div.badge div.off_text { color: #1631b2; font-weight: bold; } div.profile div.userinfo div.badge div.silver_text { color: #48505d; font-weight: bold; } div.profile div.userinfo div.badge div.gold_text { color: #faebb0; font-weight: bold; } div.profile div.userinfo div.badge div.soundcheck_text { color: #6b280e; font-weight: bold; } div.profile div.userinfo div.badge div.finalmix_text { color: #000000; font-weight: bold; } div.profile div.userinfo div.profileinfo { padding: 0px 23px 0 20px } div.profile div.userinfo div.profileinfo div.item { padding: 3px 0 5px 7px; text-align: left; background: url('../gfx/horizontal_border.gif') repeat-x bottom left } div.profile div.userinfo div.profileinfo div.header { font-weight: bold; color: #202020; text-align: center } div.profile div.vborder { float: left; width: 2px; height: 500px; margin: 40px 0 0 0; font-size: 0; background: url('../gfx/vertical_border.gif') repeat-y top left; } div.profile div.video { float: left; width: 544px; padding: 0 0 0 22px } div.profile div.video div.topbg { width: 544px; height: 23px; margin-top: 52px; background: url('../gfx/profile_video_bg_top.jpg') no-repeat top left } div.profile div.video div.topbggold { width: 544px; height: 56px; margin-top: 19px; background: url('../gfx/profile_video_bg_top_gold.jpg') no-repeat top left } div.profile div.video div.topbgpartner { width: 544px; height: 56px; margin-top: 19px; background: url('../gfx/profile_video_bg_top_partner.jpg') no-repeat top left } div.profile div.video div.bottombg { width: 544px; height: 23px; background: url('../gfx/profile_video_bg_bottom.jpg') no-repeat top left } div.profile div.video div.swf { width: 544px; background: #000000; text-align: center } div.profile div.video div.swf div.description { color: #ffffff; text-align: left; padding: 10px 32px 0 32px } div.profile div.video div.swf div.description div#userprofile { color: #ffffff; text-align: left; padding: 10px 0 0 0; } div.profile div.video div.swf div.description div.voting { position: relative; width: 480px; color: #ffffff; background:#000000; border-bottom: 1px #4d4d4d solid; padding:0px 0 10px 0;} div.profile div.video div.swf div.description div.voting span { font-size:90%; color:#898989 } div.profile div.video div.swf div.description div.voting div.berusad { position: absolute; right: 0px; top: 0px } div.teaminfo_pic div.nametag { position: absolute; top: 183px; left: 20px; width: 150px; color: #ffffff; text-align: center } div.teaminfo_pic div.nametag div.name { font-weight: bold; font-size: 120% } div.teaminfo_pic div.nametag div.info { font-size: 90%; line-height:1em; } div.teaminfo_pic div.nametag div.info span.pos { font-weight: bold } div.teaminfo_pic div.nametag div.info a { color: #ffffff } div.teaminfo_vertical_border { float: left; width: 2px; height: 320px; margin: 20px 15px 0 0; font-size: 0; background: url('../gfx/vertical_border.gif') repeat-y top left; } div.teaminfo_info { float: left; width: 530px; } div.teaminfo_info h2 { margin: 0 0 15px 0; color: #b90909 } div.teaminfo_backbutton { float: left; width: 206px; text-align: center } div.teaminfo_backbutton a { border: none } /* User profile by MaggoT */ /* table.user_pres { } table.user_pres td.user_info { width: 300px; padding-bottom: 15px } table.user_pres td.user_info div.header { background: #bbbbbb; color: #373737; height:24px; line-height: 24px; padding-left: 10px; font-weight: bold; text-transform: uppercase } table.user_pres td.user_info div.description { padding: 5px 10px 0px 10px; } table.user_pres td.avatar { padding: 8px 8px 0 0; } table.user_pres td.videoinfo { padding: 8px 0 0 0; } table.user_pres td.user_separator { width: 5px; background: #ffffff } table.user_pres td.video { width:480px; padding: 0 0 15px 0 } table.user_pres td.video div.header { background: #bbbbbb; color: #373737; height:24px; line-height: 24px; padding-left: 10px; font-weight: bold; text-transform: uppercase } table.user_pres div.video_description { padding: 5px 0px 5px 0px; } table.user_pres div.swf { padding: 5px 0 0 0 } */ /* Videoupload */ div.upload_stages { margin-bottom: 10px } div.upload_stages div.item { float: left; width: 120px; height: 24px; line-height: 24px; margin: 0 3px 0 4px; font-weight: bold; padding: 0 0 0 10px; background: url('../gfx/uploadstage_item.gif') no-repeat top left; color: #373737 } div.upload_stages div.item_active { float: left; width: 120px; height: 24px; line-height: 24px; margin: 0 3px 0 4px; font-weight: bold; padding: 0 0 0 10px; background: url('../gfx/uploadstage_active.gif') no-repeat top left; color: #ffffff } div.upload_screen { margin-left:100px;} div.loading { display: none; color: #8a8a8a; margin: 10px 0 0 0; background: url('../gfx/loading.gif') no-repeat center left; padding-left: 65px } div.uploadbtn { margin-top: 10px } /* table.user_pres td.heading { width:244px; height:23px; background: url("../gfx/orange_heading.png") no-repeat top left; line-height: 23px; padding: 0px 0px 0px 10px; font-weight: bold;} */ /* table.tablepress { margin: 0px 0px 0px 20px; width: 824px; } table.tablepress td.rightcol { padding-bottom: 10px; width:75%; } table.tablepress div.download { border-bottom: 1px solid #CCC; width:573px; padding:0px 0px 0px 10px; } table.tablepress table.doc { width: 560px; font-size: 90%; margin: 0 0 0 10px } table.tablepress table.doc th { font-weight: bold; text-align: left; } table.tablepress table.doc td { border-bottom: 1px solid #CCC; } div.pressdocuments { width: 780px; padding: 1px 0px 20px 0px; margin: 0px 0px 0px 20px;} */ /* table.zetterman { border:0px; border-spacing:0px; width: 824px; } table.zetterman td { padding-left:20px; } table.zetterman td.heading { padding-left:20px; height:60px;} table.zetterman td.leftcolumn { background: #ffffff url('../gfx/zetterman.jpg') no-repeat; width:352px; height: 237px; padding-left:2px; } */ .timetable { border:0px; width:800px; border-spacing:5px; } .timetable td { border:solid #000 0px; padding-left:20px; width:80px; } .leftcol {border: solid #000 0px;} .rightcol {border-left: solid #CCC 1px;} .textarea {width: 950px; height: 200px; font-size: 12px} /* td.inverted_rounded { background: #fff url("../gfx/inverted_round.jpg") no-repeat top right; height:10px; } td.talent { background: url("../gfx/menubtns/talent_inact.jpg") no-repeat top left; width:155px; height:33px; padding: 0px; } td.show { background: url("../gfx/menubtns/show_inact.jpg") no-repeat top left; width:94px; height:33px; padding: 0px; } td.news { background: url("../gfx/menubtns/news_inact.jpg") no-repeat top left; width:97px; height:33px; padding: 0px; } td.playmeteam { background: url("../gfx/menubtns/team_inact.jpg") no-repeat top left; width:144px; height:33px; padding: 0px; } td.talent a { display: block; background: url("../gfx/menubtns/talent_inact.jpg") no-repeat top left; width:155px; height:33px; padding: 0px; } td.show a { display: block; background: url("../gfx/menubtns/show_inact.jpg") no-repeat top left; width:94px; height:33px; padding: 0px; } td.news a { display: block; background: url("../gfx/menubtns/news_inact.jpg") no-repeat top left; width:97px; height:33px; padding: 0px; } td.playmeteam a { display: block; background: url("../gfx/menubtns/team_inact.jpg") no-repeat top left; width:144px; height:33px; padding: 0px; } td.talent a:hover { background: url("../gfx/menubtns/talent_act.jpg") no-repeat top left;} td.show a:hover { background: url("../gfx/menubtns/show_act.jpg") no-repeat top left;} td.news a:hover { background: url("../gfx/menubtns/news_act.jpg") no-repeat top left;} td.playmeteam a:hover { background: url("../gfx/menubtns/team_act.jpg") no-repeat top left;} */ /* td.timeright { background: url("../gfx/timetable.jpg") no-repeat top left; width:673px; height:35px;} */ .clear { clear: both; visibility: hidden; font-size: 1px; height: 1px } div.mostcommented { width: 780px; padding: 1px 0px 20px 0px; margin: 0px 0px 0px 20px;} div.mostcommented h2 { color: #2B6484; } div.higestrating { width: 780px; padding: 1px 0px 20px 0px; margin: 0px 0px 0px 20px;} div.higestrating a { color: #CC5200; } div.fa_thumb { width: 186px; float:left; display: inline; padding:9px 0 0 0; margin: 9px 0 0 14px; text-align: center; position:relative; background: #000000 url("../gfx/thumb_top.jpg") no-repeat top left; } div.fa_thumb a { color:#FFFFFF; } /* div.fa_thumb a.off { padding-left: 17px; background: url('../gfx/icon_off.gif') no-repeat center left } div.fa_thumb a.pro { padding-left: 17px; background: url('../gfx/icon_pro.gif') no-repeat center left } div.fa_thumb a.green { padding-left: 17px; background: url('../gfx/icon_green.gif') no-repeat center left } div.fa_thumb img.image { width:168px; height:94px; } div.fa_thumb img.off { border: 2px #001680 solid } div.fa_thumb img.pro { border: 2px #921300 solid } div.fa_thumb img.green { border: 2px #284904 solid } div.fa_thumb img.silver { border: 2px #48505d solid } */ div.fa_thumb img.image { width:168px; height:94px; } div.fa_thumb img.imageaudio { width:42px; height:42px; float:left; padding: 27px 0 0 14px; } div.fa_thumb div.icons { margin-top: 4px; color:#FFFFFF; height:25px; line-height:25px; } div.fa_thumb div.icons div.left { height:25px; width:61px; float:left; background: #000000 url("../gfx/thumb_left_corner.jpg") no-repeat bottom left; border-top: 1px solid #4e4e4e;} div.fa_thumb div.icons div.left img { vertical-align: middle } div.fa_thumb div.icons div.middle { height:25px; width:62px; line-height:25px; float:left; background: #000000; border-left: 1px solid #4e4e4e; border-right: 1px solid #4e4e4e; border-top: 1px solid #4e4e4e; } div.fa_thumb div.icons div.middle img { vertical-align: middle } div.fa_thumb div.icons div.right { height:25px; width:61px; float:right; background: #000000 url("../gfx/thumb_right_corner.jpg") no-repeat bottom right; border-top: 1px solid #4e4e4e; } div.fa_thumb div.icons div.right img { vertical-align: middle } div.fa_thumb div.icons { margin-top: 4px; color:#FFFFFF; height:25px; line-height:25px; } div.fa_thumb div.icons div.left { height:25px; width:61px; float:left;} div.fa_thumb div.icons div.left img { vertical-align: middle } div.fa_thumb div.icons div.middle { height:25px; width:61px; line-height:25px; float:left; } div.fa_thumb div.icons div.middle img { vertical-align: middle } div.fa_thumb div.icons div.right { height:25px; width:61px; float:right;} div.fa_thumb div.icons div.right img { vertical-align: middle } /* Admin tools */ div.news_stuff { padding: 10px; width: 978px; background: #ffffff; margin: 3px 0 } h2.admin_header { margin: 0 0 10px 0 } input.adm, textarea.adm, select.adm { border: 1px #b0b0b0 solid; font-size: 100%; padding: 3px } table.admin_newslist { width: 100%; font-size: 90%; border: 1px #e8e8e8 solid; border-bottom: none } table.admin_newslist th { background: #e8e8e8; font-weight: bold; text-align: left } table.admin_newslist td { border-bottom: 1px #e8e8e8 solid; } a.accept { color: #04a600 } a.reject { color: #c60000 } /* Overlay popup */ /* div.overlay { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10000; background: #000000; opacity: 0.5; filter: alpha(opacity=50); } div.popbox { display: none; width: 400px; height: 300px; margin: -150px; 0 0 -200px; border: 1px #000000 solid; background: #ffffff; position: absolute; top: 50%; left: 50%; font-size: 127%; z-index: 100000; } div.popbox div.close { height: 20px; line-height: 20px; text-align: right; padding-right: 10px } div.popbox div.content { padding: 10px } */