#shadowbox_overlay{ visibility:hidden; position:absolute; display:block; margin:0; padding:0; top:0; left:0; z-index:998}#shadowbox_container{ position:fixed; height:0px; width:100%; margin:0; padding:0; top:0; left:0; z-index:999; text-align:center}#shadowbox{ display:none; visibility:hidden; margin:0 auto; position:relative; font-family:'Lucida Grande',Tahoma,sans-serif; text-align:left}#shadowbox_title{ height:25px; padding:0; overflow:hidden}#shadowbox_title_inner{ height:16px; font-size:16px; line-height:16px; white-space:nowrap; padding:5px 0 4px 8px; color:#fff}#shadowbox_body{ position:relative; overflow:hidden; margin:0; padding:0; border:2px solid #fff; background-color:#000}#shadowbox_body_inner{ position:relative; overflow:hidden}#shadowbox_loading{ position:absolute; top:0; left:0; height:10000px; width:100%; background-color:#222}#shadowbox_loading img{ float:left; margin:10px 10px 0 10px}#shadowbox_loading span{ float:left; margin-top:16px; font-size:10px}#shadowbox_loading span a,#shadowbox_loading span a:link,#shadowbox_loading span a:visited{ color:#fff}#shadowbox_content.html{ height:100%; width:100%; overflow:auto}#shadowbox_toolbar{ margin:0; padding:0; height:20px; overflow:hidden}#shadowbox_toolbar_inner{ height:20px; color:#fff}#shadowbox_toolbar_inner div{ padding-top:4px; padding-bottom:2px; font-size:13px !important; height:10px; line-height:10px}#shadowbox_toolbar_inner div span.shortcut{ text-decoration:underline; font-weight:bold; color:#FFF !important}#shadowbox_toolbar_inner div a{ text-decoration:none; color:#fff}#shadowbox_nav_close,#shadowbox_nav_previous,#shadowbox_nav_next{ float:right; padding-right:10px}#shadowbox_counter{ float:left; padding-left:10px; color:#FFF !important}#shadowbox_counter a{ padding:0 4px 0 0}#shadowbox_counter a.shadowbox_counter_current{ text-decoration:underline; font-weight:bold}div.shadowbox_message{ text-align:center; padding:10px}div.shadowbox_message a:link,div.shadowbox_message a:visited{ text-decoration:none; color:#bed333}div.shadowbox_message a:hover,div.shadowbox_message a:focus{ text-decoration:underline} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""} /* orange: #D28028; */ #beta {position:absolute; top:0px; right:0px; width:148px; height:148px; background:url(../../images/beta.png) no-repeat; z-index:200000} /* ########### BASICS ########### */ html { font-size: 100.01%; } body { font-size: 62.5%; background-color:#010101; background-image: url("../images/bg.jpg"); background-position: top center; font: 11px/19px Verdana, sans-serif; color: #FFF; } body * { color: #fff; } /* ########### PAGE ########### */ #page { margin: 0 auto; width: 958px; position: relative; background: transparent url(../../images/bg_sadow.png) center; padding:0px 12px;} #page a.top { text-decoration: none; color: #ffffff; font-weight: normal; } #page a.top:hover { color: #ce8227; } #page a { text-decoration: none; color: #0e0f0e; font-weight: normal; } #page a:hover { color: #ce8227; } #page .clear { clear: both; } /* ########### HEADER ########### */ #header { height: 190px; position: relative; } #header h1 { width: 320px; height: 50px; position: absolute; top: 65px; left: 20px;} #header h1 a { display: block; width: 100%; height: 100%; text-indent: -9999px;} #header #service_nav { position: absolute; right: 100px; } #header #service_nav li { display: inline; } #header #service_nav li a { padding: 0 4px;} #header #service_nav li a#uname { color: #d28028;} #header #service_nav li#btn_register { padding-left: 15px; background: url("../images/icon_register.png") no-repeat 0 2px; } #header #service_nav li#btn_login, #header #service_nav li#btn_logout { padding-left: 15px; background: url("../images/icon_login.png") no-repeat 0 2px; } #header #lang { margin: 0 0 0 3px; position: absolute; right: 18px; top: 2px; z-index: 200;} #lang ul { margin: 0; } #lang, #lang ul { list-style:none; padding: 0px; float: left; width: 50px;} #lang li { font: 11px/1 Arial, Helvetica, sans-serif;} #lang li ul { position: absolute; left: -1000em; z-index: 200; } #lang li:hover ul, #lang li.over ul { left: auto; } #lang a img { border: none; padding-right:5px; vertical-align:middle; } #lang a { display: block; padding: 0px 5px 3px 5px; border:1px solid transparent; background: transparent url("/images/flags/arrow_down.gif") no-repeat 33px 4px; color: #555; } #lang a li a { padding-top: 4px; } #lang a:hover, #lang li:hover a, #lang li.over a { background: #555 url("/images/flags/arrow_down_hover.gif") no-repeat 33px 4px; border: 1px solid #555; color: #FFF;} #lang li:hover li a, #lang li.over li a { width: 80px; background: #555; } #lang li li a:hover { background: #DF912E; } #header #home_nav { position: absolute; top: 0; left: 18px; width: 480px; } #header #home_nav li { display: inline; } #header #home_nav li#btn_home { background: url("../images/icon_home.png") no-repeat 0 1px; padding-left: 20px; } #header #home_nav li#btn_countdown { background: url("../images/icon_countdown.png") no-repeat 0; padding-left: 20px; margin-left: 8px; position: relative; } #header #home_nav li#btn_countdown a { position: relative; } #header #home_nav li#btn_countdown a span#cd_title { } #header #home_nav li#btn_countdown a:hover span#cd_title { width: 90px; background: url("../images/countdown/cd_color.png") no-repeat right 5px; padding-right: 320px; color: #d28028; } #header #home_nav li#btn_countdown a span#cd_sub { display: none; position: absolute; left: -23px; top: 17px;} #header #home_nav li#btn_countdown a:hover span#cd_sub { display: block; width: 410px; height: 40px; background: url("../images/countdown/cd_sub.png") no-repeat; font-size: 10px; } #header #home_nav li#btn_countdown a span#cd_sub #cd_date { position: absolute; left: 6px; top: 3px;} #header #home_nav li#btn_countdown a span#cd_sub #cd_date #cd_value { color: #2799E5; font-weight: bold; padding-left: 10px;} #header #home_nav li#btn_countdown a span#cd_sub #cd_months { position: absolute; left: 96px; top: 2px; } #header #home_nav li#btn_countdown a span#cd_sub #cd_months span { color: #c1c1c1 !important; display: block; float: left; width: 24px; border: 1px solid transparent; text-align: center;} #header #home_nav li#btn_countdown a span#cd_sub #cd_months span.cd_hi { color: #fff !important;} #header #home_nav li#btn_countdown a span#cd_sub #cd_legend { position: absolute; left: 6px; bottom: 3px;} #header #home_nav li#btn_countdown a span#cd_sub #cd_legend span { padding-left: 12px; background: url("../images/countdown/cd_leg1.gif") no-repeat 0 4px; position: relative; } #header #home_nav li#btn_countdown a span#cd_sub #cd_legend #cd_l2 { background-image: url("../images/countdown/cd_leg2.gif"); left: 20px;} #header #home_nav li#btn_countdown a span#cd_sub #cd_legend #cd_l3 { background-image: url("../images/countdown/cd_leg3.gif"); left: 50px;} #header #home_nav li#btn_countdown a span#cd_sub #cd_legend #cd_l4 { background-image: url("../images/countdown/cd_leg4.gif"); left: 80px;} #header #home_nav li#btn_countdown a span#cd_arrow { display: none; position: absolute; left: 96px; } #header #home_nav li#btn_countdown a:hover span#cd_arrow { display: block; z-index: 600; background: url("../images/countdown/cd_arrow.png") no-repeat; width: 25px; height: 17px; top: 5px; text-indent: -9999px;} #header #main_nav { position: absolute; top: 130px; left: 18px; width: 330px; height: 30px; background: url("../images/naviflaeche.png") no-repeat; text-align: center;} #header #main_nav li { display: inline; } #header #main_nav li a { font-size: 12px; text-transform: uppercase; font-weight: bold; position: relative; top: 5px; margin: 0 10px; } /* ########### STAR ########### */ #star { position: absolute; display: block; width: 400px; height: 150px; top: 60px; right: 38px; z-index: 100; } #star #mainclaim { display: block; height: 30px; left: 4px; position: absolute; text-indent: -9999px; top: 20px; width: 350px; } #star #claim { display: none; } #star #subclaim { position: absolute; color: #C1C1C1; font-style: oblique; left: 97px; top: 43px; width: 250px; } .it_IT #star #subclaim { left: 90px; } #star #info { position: absolute; top: 77px; left: 125px; color: #c1c1c1;} #star #info em { font-style: italic; margin-left: 5px;} /* ########### SUB HEAD ########### */ #sub_head { background: url("../images/BG_barra_menu_arancio.jpg") ; position: relative; height: 31px; } #sub_nav { background: #1a1a1a; width: 100%; height: 43px; position: absolute; top: 20px; padding-top: 20px;} #sub_nav_main { margin-left: 28px; background: url("../images/subnav_man.gif") no-repeat 70px; height: 27px; padding-top: 8px;} #sub_nav_main li { display: inline; } #sub_nav_main li a.certificate { color: #D28028; } #sub_nav_main li.selected a, #sub_nav_group li.selected a { color: #2799E5; } #sub_nav_main li+li+li:before { content: " | "; } #sub_nav_main #subnav_home { padding-right: 85px; } #sub_nav_main #subnav_home a { text-transform: uppercase; color: #ce8227; letter-spacing: 1px;} #sub_nav_main #subnav_home a:hover { color: #2799E5; } #sub_nav_group { background: #1a1a1a; left: 139px; position: absolute; top: 28px; } #sub_nav_group li { display: inline; } #sub_nav_group li+li:before { content: " | "; } /* ### special case sub_nav_group / sub_nav_main ##*/ #gruops_home #sub_nav_main li, #gmembers #sub_nav_main li, #gvideos #sub_nav_main li, #invite-members #sub_nav_main li { display: none; } #gruops_home #sub_nav_main li#subnav_home, #gmembers #sub_nav_main li#subnav_home, #gvideos #sub_nav_main li#subnav_home, #invite-members #sub_nav_main li#subnav_home { display: block; } #search { position: absolute; top: 5px; left: 18px; width: 452px; height: 27px; } #search * { position: absolute; top: 0px; height: 27px; } #search h2 { padding: 0px 10px; width: 78px; height: 20px; text-transform: uppercase; font-weight: bold; } #search input.text { left: 98px; background: #fff; width: 220px; border: 0; height: 14px; padding-left: 10px; padding-top: 6px; color: #000 !important;} #search select { display: none; } #search input#btn_submit { left: 330px; width: 44px; } #search_form form { height: 50px; left: -10px; position: relative; top: -10px; } #search_form form .input { left: 10px; position: absolute; top: 0px; width: 137px; } #search_form form .submit { left: 185px; position: absolute; top: -8px; } #search_form_community { margin-bottom: 20px; position: relative !important; } #search_form_community .input { width: 315px; } #search_form_community .button { left: 352px !important; position: absolute !important; top: 3px; } #search_button { position:absolute; left:430px;} #uploadbutton { position: absolute; right: 9px; top: 40px; display: block; width: 119px; height: 20px; background: url("../images/upload_button.png") no-repeat; font-size: 12px; font-weight: bold !important; color: #1a1a1a !important; text-transform: uppercase; text-align: center; padding-top: 8px; padding-right: 5px; letter-spacing: -1px;} #uploadbutton:hover { background-position: 0 -28px; } /* ########### CONTENT ########### */ .contenitoreslide { background-image: url("../images/slide.jpg"); width:922px; height:340px;} #content { background: #0e0f0e; padding-top: 18px; } #content input, #content textarea, #content select, #content option { color: #000 !important; } #content p { margin-bottom: 10px; } #content a:link, #content a:visited { color: #D28028; text-decoration: none; } #content a:hover, #content a:active { text-decoration: underline; } #content strong { font-weight: bold; } #content { clear: both; } #paging { clear: both; padding-top:30px } #content #paging span, #content #paging a { background: #000; border: 1px solid #D28028; margin-right: 2px; padding: 2px 5px; } #content #paging a:hover { color: #FFF; text-decoration: none; } #main { float: left; margin-top: 0; padding: 0 18px; width: 922px; padding-bottom:20px; } .fullwidth #main { float: none; width: auto; } .errorbox, .msgbox { display: block; height: 38px; margin: 0 auto; margin-bottom: 10px; padding: 22px 0 0 80px; width: 842px; } .errorbox { background: url("../images/errorbox.png") no-repeat center; color: #FFF; } .msgbox { background: url("../images/msgbox.png") no-repeat center; color: #000; } /* ############################### */ /* ########### GLOBALS ########### */ /* ############################### */ /* ### GLOBAL HEADINGS ### */ #content h2, #content h3 { color: #D28028; background: url("../images/h2.gif") no-repeat 0 bottom; border-bottom: 1px solid #C1C1C1; font-size: 12px; font-style: oblique; margin-bottom: 18px; padding: 0 0 5px 10px; position: relative; } #content h2 span, #content h3 span { color: #EFEFEF; display: block; font-size: 10px; line-height: 13px; } #content h2 span span.extra, #content h3 span span.extra { color: #D28028; padding-right: 5px; display: inline; } #content h2 #video_count, #content h3 #video_count { bottom: 5px; color: #2799E5; font-size: 11px; font-style: normal; position: absolute; right: 0; } #right h2, #sidebar h2, #right h3, #sidebar h3 { background-position: right bottom; padding-left: 0; } /* ### GLOBAL VIDEO_INFO ### */ .video_info li { color: #ffffff; padding-left: 20px; } .video_info li.video_added { background: url("../images/icons/added.png") no-repeat 0 4px; } .video_info li.video_comments { background: url("../images/icons/comments.png") no-repeat 0 4px; } .video_info li.video_created { background: url("../images/icons/created.png") no-repeat 0 4px; } .video_info li.video_description { background: url("../images/icons/description.png") no-repeat 0 4px; width:100px; } .video_info li.video_duration { background: url("../images/icons/uhr.png") no-repeat 0 4px; } .video_info li.video_favorites { background: url("../images/icons/favorites.png") no-repeat 0 4px; } .video_info li.video_friends { background: url("../images/icons/user.png") no-repeat 0 4px; } .video_info li.video_members { background: url("../images/icons/user.png") no-repeat 0 4px; } .video_info li.video_membership { background: url("../images/icons/membership.png") no-repeat 0 4px; } .video_info li.video_status { background: url("../images/icons/status.png") no-repeat 0 4px; } .video_info li.video_tags { background: url("../images/icons/tags.png") no-repeat 0 4px; } .video_info li.video_title { background: url("../images/icons/title.png") no-repeat 0 4px; } .video_info li.video_topics { background: url("../images/icons/comments.png") no-repeat 0 4px; } .video_info li.video_user { background: url("../images/icons/user.png") no-repeat 0 4px; } .video_info li.video_videos { background: url("../images/icons/video3.png") no-repeat 0 4px; } .video_info li.video_views { background: url("../images/icons/watched.png") no-repeat 0 4px; } /* ### 3 pulsanti ### */ .sceltautente { width: 922px; height: 440px; display: inline-block;} .giocatore { background-image: url("../images/giocatore.png"); width: 268px; height: 106px; margin-left:28px; float:left; } .team { background-image: url("../images/team.png"); width: 268px; height: 106px; margin-left:36px; float:left;} .utente { background-image: url("../images/utente.png"); width: 268px; height: 106px; margin-left:33px; float:left;} .link_myprofile { background-image: url("../../images/il-mio-profilo.png"); width: 268px; height: 88px; margin-left:28px; float:left; } .link_myvideo { background-image: url("../../images/i-miei-video.png"); width: 268px; height: 88px; margin-left:36px; float:left;} .link_upload { background-image: url("../../images/carica-altri-video.png"); width: 268px; height: 88px; margin-left:33px; float:left;} /* ### next evens ### */ .titolonextevens { background-color:#999; width:575px; height:25px; margin-left:18px; float: left; } .nextevens { background-image: url("../images/next-evens.png"); width:559px; height:236px; margin-left:18px; float: left; position:relative; } .titoloevento { width:403px; height:22px; margin-left:113px; margin-top:15px;} .fotoevento { background-image: url("../images/fotoevento.png"); width:403px; height:85px; } .descrizioneevento { color:#000; width:403px; height:56px; padding-top:10px;} /* ### sponsor ### */ .sponsor { width:274px; height:25px; margin-left:55px; float:left; } .immaginesponsor { background-image: url("../images/sponsor.png"); width:278px; height:209px; margin-left:55px; float:left; } /* ### GLOBAL TOPLIST ### */ .toplist { width: 922px; min-height:550px;} .toplist li { float: left; width: 200px; } .toplist_video li { float: left; width: 200px; margin-right:20px; } .toplist li.leftthumbs { margin-left: 18px !important; } .toplist li span { display: block; font-style: oblique; line-height: 15px; } .toplist li span.title1,.toplist li span.title2,.toplist li span.title3 { background: url("../images/pfeil1.png") no-repeat right; color: #FFF; padding-left: 15px; } .toplist li span.title2 { background-image: url("../images/pfeil2.png"); } .toplist li span.title3 { background-image: url("../images/pfeil3.png"); } .toplist li span.title { background: url("../images/icons/title.png") no-repeat left; } .toplist li span.descr { color: #D28028; } .toplist li span.points { float: right; color: #2799E5; } .toplist li span.points em { color: #535353; } /* ### GLOBAL VIDEOLIST ### */ #videolist .video_info { min-height: 200px; margin-left: 240px;} #videolist .video_info li input { position: relative; left: 5px; background: #141414; border: 1px solid #313131; width: 400px; height: 15px; color: #ccc !important; padding: 5px;} #videolist li.one_video { clear: both; margin-bottom: 30px; border-bottom: 1px dotted #666; } #videolist li.one_video form input { margin-left: 3px; } #videolist li.one_video form p { margin-left: 8px; } #videolist li.one_video #edit_remove form { float: left; left: -3px; position: relative; top: -44px; width: 110px; } #videolist .thumb_box { float: left; width: 263px; } #videolist .video_share { color: #313131; font-size: 10px; font-style: italic;} /* ### GLOBAL TABS ### */ .tabNavigation { border-bottom: 1px solid #333; height: 30px; margin-bottom: 2px; width: 453px; } .tabNavigation li a { background: url("../images/tabs.png") 0 -60px; color: #A6A6A6 !important; display: block; float: left; height: 20px; padding: 10px 0 0 10px; width: 140px; } .tabNavigation li a:hover { background: url("../images/tabs.png") 0 -30px; color: #FFF !important; text-decoration: none !important; } .tabNavigation li a.selected { background: url("../images/tabs.png") 0 0px; color: #FFF !important; } /* ### GLOBAL FORMS ### */ #content form.generic p { clear: both; color: #313131; font-style: oblique; margin: 10px 0 10px 20px; } #content form.generic p strong { color: #313131; } #content form.generic fieldset { margin: 10px 0; } #content form.generic label { background: url("../images/arrow_turquoise_right.gif") no-repeat left 4px; color: #D28028; padding: 0 0 10px 20px; } #content form.generic legend { background: url("../images/arrow_turquoise_right.gif") no-repeat left; color: #D28028; padding-left: 20px; } #content form.generic input, #content form.generic textarea { background: #141414; border: 1px solid #313131; color: #FFF !important; display: block; font: normal 12px Verdana, sans-serif; padding: 5px; } #content form.generic input { height: 15px; } #content form.generic input.button { cursor: pointer; position: relative; } #content form.generic input.edit_remove { background: url("../images/edit_remove.gif") no-repeat !important; color: #FFF !important; float: left !important; font-size: 10px !important; height: 20px !important; padding: 0 !important; width: 107px !important; } #content form.generic input.edit_remove:hover { background: url("../images/edit_remove.gif") no-repeat 0 -20px !important; } #content form.generic input[type="text"] { margin: 1px 0 3px; } #content form.generic input[type="file"] { color: #000 !important; display: inline; } #content form.generic input[type="radio"] { display: inline; } #content form.generic input[type="submit"], #content form.generic input[type="button"] { background: url("../images/upload/submit.png") no-repeat; color: #FFF !important; border: none; cursor: pointer; height: 35px; padding: 6px 10px 0 0; width: 145px; } .signupbutton .submit { background: url("../images/upload/submit.png") no-repeat; color: #FFF !important; border: none; cursor: pointer; height: 35px; padding: 6px 10px 0 0; width: 145px; } .signupbutton .submit:hover { background: url("../images/upload/submit.png") no-repeat 0 -35px; color: #FFF !important; } #content form.generic input[type="submit"]:hover { background: url("../images/upload/submit.png") no-repeat 0 -35px; color: #FFF !important; } #content form.generic input[type="hidden"] { display: none !important; } #content form.generic select { margin: 10px 20px; } #content form.share input { left: -4px; margin-top: 5px; position: relative; width: 380px; } #content form.share p { left: -9px; position: relative; } #content form fieldset.labelitis fieldset { height: 30px; position: relative; } #content form fieldset.labelitis fieldset label { left: 30px; position: absolute; top: 0; } #content form fieldset.labelitis fieldset input { left: 0; position: absolute; top: 0; } #content form.generic .display { display: none; } /* ### GLOBAL LOGIN FORM ### */ #loginForm { background: url("../images/login.png") repeat-y; height: 328px; margin-bottom: 18px; position: relative; top: 2px; padding-bottom: 0px !important; } #loginForm fieldset { width: 205px; } #loginForm h2 { background: none !important; border: none !important; font: normal bold 15px Helvetica, Verdana, sans-serif !important; height: 40px; position: relative; } #loginForm h2 span { font-size: 19px !important; letter-spacing: 1px; position: absolute; text-transform: uppercase; } #loginForm h2 span.good { color: #FFF !important; left: 10px; top: 17px; } #loginForm h2 span.prove { color: #D28028; left: 90px; top: 38px; } .it_IT #loginForm h2 span.prove { color: #D28028; left: 87px; top: 38px; } #loginForm h2 span.golsta{ text-indent: -9999px; } #loginForm h3 { background: url("../images/heading_black.gif") no-repeat bottom right !important; border-bottom: 1px solid #000 !important; color: #D28028; font-weight: bold; margin-bottom: 5px !important; padding: 58px 0 0 10px; width: 195px; } #loginForm p a:link, #loginForm p a:visited { color: #535353 !important; font-style: oblique; } #loginForm p a:hover, #loginForm p a:active { color: #D28028 !important; } #loginForm label { color: #535353; font-style: oblique; margin: 10px 0 0 10px; display: inline !important; height:auto !important; } #signup #loginForm fieldset#submit_login { margin-top: 30px; } #loginForm input[type="text"], #loginForm input[type="password"] { margin: 0 0 10px 10px; width: 189px; } #loginForm input#login { background: url("../images/login_button.png") no-repeat; border: none; color: #FFF !important; cursor: pointer; height: 35px; padding: 5px 8px 0 0; position: absolute; right: 5px; bottom: 52px; width: 83px; font-weight: bolder; } #loginForm input#login:hover { background-position: 0 -56px; } #loginForm #remember_me { margin-top: 5px; } #loginForm #remember_me label { position: relative; top: 2px; } #loginForm #remember_me input { position: relative; top: 3px; } #loginForm #forgot_password p { margin: 7px 0 0 10px; } #loginForm #submit_login p a { color: #FFF !important; cursor: pointer; display: block; font: normal bold 11px Helvetica, Verdana, sans-serif !important; letter-spacing: 1px; margin-top: 12px; text-align: center; text-transform: uppercase; } #loginForm #submit_login p a:hover { text-decoration: underline; } #loginForm #signup { bottom: -5px; position: absolute; width: 215px; } /* ### GLOBAL SIDEBAR ### */ #sidebar { float: left; width: 217px; } #sidebar #got_skills { background: url("../images/sidebar_got_skills.png") no-repeat; cursor: pointer; height: 260px; position: relative; } #sidebar #got_skills span { font: bold 19px Helvetica,Verdana,sans-serif !important; letter-spacing: 1px; position: absolute; text-transform: uppercase; } #sidebar #got_skills span.skills { color: #FFF !important; left: 10px; top: 17px; } #sidebar #got_skills span.prove { color: #D28028; left: 100px; top: 40px; } .it_IT #sidebar #got_skills span.prove { left: 80px; } #sidebar #got_skills span.certified { font: normal 11px Helvetica,Verdana,sans-serif !important; left: 10px; text-transform: uppercase; top: 212px; width: 210px; } .it_IT #sidebar #got_skills span.certified { letter-spacing: 0px; } #sidebar #got_skills span a:link, #sidebar #got_skills span a:visited { color: #FFF; text-decoration: none; } #sidebar #got_skills span a:hover, #sidebar #got_skills span a:active { text-decoration: underline; } #sidebar #got_skills p { left: 10px; position: absolute; top: 65px; width: 120px; } .it_IT #sidebar #got_skills p { line-height: 17px; } #sidebar #got_skills p a:link, #sidebar #got_skills p a:visited { color: #DFDFDF; text-decoration: none; } #sidebar #got_skills p a:hover, #sidebar #got_skills p a:active { text-decoration: underline; } #recent_videos { margin-bottom: 18px; } #recent_videos .wrapper { background: url("../images/recently.png") no-repeat; height: 244px; padding: 10px; width: 197px; } #recent_videos ul { height: 245px; overflow: auto; scroll: auto; } #recent_videos ul li { font-style: oblique; height: 65px; margin-bottom: 10px; position: relative; } #recent_videos ul li img { border: 1px solid #777; position: absolute; left: 0; } #recent_videos ul li span.title { left: 70px; position: absolute; } #recent_videos ul li span.descr { color: #D28028; position: absolute; top: 42px; } #recent_videos ul li .startratebox { left: 70px; position: absolute; top: 20px; } #recent_videos ul li .startratebox img { border: none; position: static; } #recent_tags ul li { display: inline; } #recent_tags ul li a:link span, #right #recent_tags ul li a:visited span { color: #878787; } #recent_tags ul li a:hover span, #right #recent_tags ul li a:active span { text-decoration: underline; } .cloudtags, .cloudtags:visited, .cloudtags span, .cloudtags:visited span { color: #878787 !important; } /* ### GLOBAL CERTIFICATE ### */ #content #certificate { position: relative; } #content #certificate p { padding-left: 20px; width: 275px;} #content #certificate a#img_cert { position: absolute; left: 335px; top: 5px;} #content #certificate ol#cert_features { position: absolute; left: 670px; top: 5px; list-style: decimal inside; font-weight: bold; margin:0; padding: 0; } #content #certificate ol li { margin-bottom: 20px; color: #D28028;} /* ### GLOBAL SMALLPRINT ### */ ol#smallprint { margin-top: 40px;} ol#smallprint li { width: 275px; float: left; padding: 0 20px;} ol#smallprint li.last { width: 245px;} ol#smallprint li h4 { height: 30px; padding: 6px 0 0 25px; background: url("../images/certification/p2.png") no-repeat; color: #2799E5;} ol#smallprint li.first h4 { background-image: url("../images/certification/p1.png");} ol#smallprint li.last h4 { background-image: url("../images/certification/p3.png");} /* ############################# */ /* ########### START ########### */ /* ############################# */ #start #main { float: none !important; position: relative; width: 922px; } #start #sidebar { float: none !important; position: absolute; right: 18px; top: 160px; height: 800px; } ol.explain { cursor: pointer; height: 265px; position: relative; } ol.explain li { position: absolute; font-size: 10px; } .it_IT ol.explain li p { line-height: 17px !important; } ol.explain li h2 { display: none; } ol.explain li#xpl1 { left: 20px; } ol.explain li#xpl1 .upper { width: 170px !important; } ol.explain li#xpl2 { left: 350px; } ol.explain li#xpl3 { left: 662px; } ol.explain li .upper { color: #878787; height: 66px; padding: 15px 0 15px 120px; width: 160px; } ol.explain li#xpl1 .upper { padding-left: 150px; width: 120px; } ol.explain li#xpl1 .lower { color: #878787; height: 70px; padding: 40px 100px 0 0; width: 150px; } ol.explain li#xpl1 .upper { background: url("../images/start/xpl1_upper.png") no-repeat 30px 22px; } ol.explain li#xpl1 .lower { background: url("../images/start/xpl1_lower.png") no-repeat 160px 22px; margin-top: 35px; } ol.explain li#xpl2 .upper { background: url("../images/start/xpl2_upper.png") no-repeat 30px 22px; } ol.explain li#xpl3 .upper { background: url("../images/start/xpl3_upper.png") no-repeat 30px 10px; padding-left: 100px; } ol.explain li#xpl3 .lower { background: url("../images/start/xpl3_lower.png") no-repeat 60px 20px; color: #D28028; text-align: center; height: 20px; width: 220px; margin-top: 40px; padding-top: 107px; padding-left: 40px; } ol.explain li#xpl3 .lower a { color: #D28028 !important; } ol.explain li#xpl3 .lower a:hover { color: #4A9DCA; text-decoration: none; } ol.explain #xpl_pro { height: 138px; position: absolute; top: 140px; width: 340px; } ol.explain #xpl_pro h2 { text-indent: -9999px; } ol.explain #xpl_pro p { left: 80px; line-height: 15px !important; position: absolute; top: 50px; width: 150px; } ol.explain #xpl_pro p.pro { top: 120px; } ol.explain #xpl_pro p a:link, ol.explain #xpl_pro p a:visited { color: #1b1b22; text-decoration: none; font-weight: bold;} ol.explain #xpl_pro p a:hover, ol.explain #xpl_pro p a:active { color: #fff; } #start #userinfo { height: 150px; padding-top: 6px; position: relative; width: 922px; } #start #userinfo #avatar { position: absolute; left: 468px; top: 0px; } #start #userinfo h2 { margin-bottom: 0; background: transparent url("../images/view/user_member.png") no-repeat scroll right 0px;} #start #userinfo h2.pro { background-image: url("../images/view/user_promember.png");} #start #userinfo h2.jury { background: url("../images/view/user_jury.png") no-repeat scroll right -2px;} #start #userinfo h2 a { color: #4A9DCA !important; } #start #userinfo h3 { background: none; border: none; color: #D28028; margin: 0; } #start #userinfo ul { padding: 0 10px; position: absolute; } #start #userinfo ul li { margin-left: 10px; padding-left: 20px; position: absolute; width: 220px; } #start #userinfo div { margin-top: 20px; position: absolute; } #start #userinfo #mystats { left: 0; width: 458px; } #start #userinfo #mystats ul li.myvideostat { background: url("../images/icons/title.png") no-repeat left; left: 0; } #start #userinfo #mystats ul li.friends { background: url("../images/icons/user.png") no-repeat left; left: 0; top: 20px; } #start #userinfo #mystats ul li.watched_start { background: url("../images/icons/watched_start.png") no-repeat left; } #start #userinfo #mystats ul li.profile { background: url("../images/icons/profile.png") no-repeat left; top: 20px; } #start #userinfo #mystats ul li.right { border: 2px dotted #1A1A1A; left: 220px; background-position: 20px 4px; border-width: 0 1px; padding-left: 40px; width: 180px; } #start #userinfo #myinbox { left: 458px; width: 230px; } #start #userinfo #myinbox ul li { margin-left: 0; padding-left: 20px; } #start #userinfo #myinbox ul li.message { background: url("../images/icons/messages.png") no-repeat left; } #start #userinfo #myinbox ul li.friendreq { background: url("../images/icons/friendreq.png") no-repeat left; top: 20px; } #start .toplist { } #start .toplist li { height: 250px; margin-left: 25px; } #start .toplist li.leftthumbs { margin-left: 0; } #start .toplist .video_image { border: 2px solid #fafafa; } #start .toplist ul li a:hover { text-decoration: none; } #start .toplist ul li span.description { background: url("../images/icons/description.png") no-repeat left; color: #878787; padding-left: 15px; } #start .logged { top: 7px !important; } #start .logged #golsta { background: url("../images/golsta.png") no-repeat 0 0; height: 140px; margin-top: -10px; margin-bottom: 20px; position: relative; } #start .logged #golsta h2 { background: url("../images/heading_black.gif") no-repeat bottom right !important; border-bottom: 1px solid #000 !important; font: normal bold 13px Helvetica, Verdana, sans-serif !important; padding: 8px 2px 8px 10px; text-transform: uppercase; width: 190px; } #start .logged #golsta h2 span { background: url("../images/arrow_orange_right.gif") no-repeat left 4px; color: #000 !important; font: normal bold 12px Helvetica, Verdana, sans-serif !important; padding: 3px 0 0 15px; } #start .logged #golsta ul { padding-top: 30px; } #start .logged #golsta ul li { background: url("../images/arrow_orange_right.gif") no-repeat left 4px; font-style: oblique; margin-left: 10px; padding-left: 15px; } #start .logged #golsta ul li a:link, #start .logged #golsta ul li a:visited { color: #000; text-decoration: none; } #start .logged #golsta ul li a:hover, #start .logged #golsta ul li a:active { text-decoration: underline; } /* ################################## */ /* ########### VIEW VIDEO ########### */ /* ################################## */ #view_video #main { width: 922px; } #view_video #topheader { position: relative; } #view_video #topheader img { position: absolute; right: 0; top: 4px;} #view_video #left { float: left; padding-right: 9px; width: 452px; } #view_video #right { float: left; padding-left: 9px; width: 452px; } #view_video #video { padding-bottom: 18px; overflow: hidden; } #view_video #content h2 span.title1, #content h2 span.title2, #content h2 span.title3 { color: #D28028; display: inline; font-size: 12px; background: url("../images/pfeil1.png") no-repeat 0px 4px; padding-left: 15px; } #view_video #content h2 span.title2 { background-image: url("../images/pfeil2.png");} #view_video #content h2 span.title3 { background-image: url("../images/pfeil3.png");} #view_video #content h2 span.extra { color: #2799e5; } #view_video #rating {height: 70px; margin: -18px 0 18px; position: relative; } #view_video #rating li { background: url("../images/arrow_turquoise_right.gif") no-repeat left; margin-left: 18px; padding-left: 18px; position: absolute; width: 225px; } #view_video #rating p#voteProcessthank { color: #D28028; font-size: 20px; font-style: oblique; position: absolute; text-align: center; top: 25px; width: 452px; } #view_video #rating span.myrating { left: 18px; position: absolute; top: 20px; color: #4d4d4d; background: url('../images/arrow_orange_right.png') no-repeat 0 6px; padding-left: 18px; } #view_video #rating a#unrateable {height: 35px; right: -20px; padding: 7px 35px 0 0; position: absolute; top: 23px; color: #4d4d4d; } #view_video #rating a#unrateable:hover { color: #D28028; text-decoration: none; } #view_video #rating img { cursor: pointer; } #view_video #rating img.first { margin: 15px 0 0 120px; } #view_video .tab_info { background: url("../images/view/tab_info_bottom.png") no-repeat bottom; } #view_video .tab_info_top { background: #151415 url("../images/view/tab_info_top.png") no-repeat top; border-bottom: 1px solid #1C1B1B; height: 20px; padding-top: 5px; width: 452px; } #view_video .tab_info_top p { padding-left: 10px; } #view_video .tab_info_top ul li { display: block; float: left; text-align: center; margin: 0; padding: 0; width: 150px; } #view_video .tab_info_bottom { min-height: 50px; position: relative; width: 453px; } #view_video .tab_info_bottom { position: relative; } #view_video .tab_info_bottom li.left { position: absolute; right: 40px; top: 7px; } #view_video .tab_info_bottom li.right { left: 30px; position: absolute; top: 7px; } #view_video .tab_info_bottom p { color: #878787 !important; padding: 5px 10px; } #view_video #addToFavOwner { left: 225px; line-height: 15px; position: absolute; top: 4px; width: 190px; } #view_video .addToFav { left: 225px; line-height: 15px; position: absolute; top: 4px; width: 190px; } #view_video #reportVideoSuccess { background: #333; left: 19px; line-height: 15px; position: absolute; top: 23px; width: 300px; } #bookmarks { text-align: center; height: 50px;} #bookmarks li { display: inline; } #bookmarks li a { width: 12%; float: left; text-align: center; color: #878787 !important; } #bookmarks li a img { display: block; margin: 10px auto 0;} #view_video h3.comments { margin-top: 20px; } #view_video #comments li { margin-bottom: 20px; } #view_video #comments li ul { position: relative; } #view_video #comments li ul li { margin-bottom: 0; } #view_video #comments li ul li.comment_name { border-left: 1px solid #C1C1C1; color: #2799e5; float: left; padding: 0 0 2px 20px; } #view_video #comments li ul li.comment_time { position: absolute; right: 0; } #view_video #comments li ul li.comment_content { border-top: 1px solid #C1C1C1; clear: both; padding-left: 20px; } #view_video #comments li ul li.comment_reply { text-align: right; } #view_video #comments li ul li.comment_reply a { background: url('../images/arrow_orange_right.png') no-repeat 0 2px; padding-left: 18px; } #view_video #txtComments { width: 440px; } #view_video #post_comment input[type="submit"] { padding-left: 0px; } #view_video div.attention { background: #0b0b0b url("../images/arrow_turquoise_right.gif") no-repeat 10px 16px; padding: 10px 20px 10px 30px; margin-top: 20px;} #view_video #right .first { background: none; border: none; } #view_video #right table { margin-top: -27px; width: 453px; background: url("../images/h2.gif") no-repeat right 19px; } #view_video #right thead { color: #D28028; font-size: 10px; font-style: oblique; } #view_video #right table th { border-bottom: 1px solid #C1C1C1 !important; padding-bottom: 3px; } #view_video #right table th.who { border-bottom: 1px solid #C1C1C1 !important; width: 200px; background: transparent;} #view_video #right table th.points { text-align: right; padding-right: 12px;} #view_video #right table td { padding: 11px 0 11px 0; } #view_video #right table td.td_img { height: 33px; } #view_video #right table td.rating img { left: 6px; position: relative; top: 4px; } #view_video #right table td.points { color: #535353; font-size: 20px; font-weight: bold; text-align: right; padding-right: 9px; vertical-align: middle; } #view_video #right table td span.kind_of { display: block; padding-left: 40px; } #view_video #right table td span.count { color: #2799E5; font-style: oblique; display: block; padding-left: 40px; } #view_video #right table td#td_anonymous { background: url("../images/help/anonymous.png") no-repeat 0 26px !important; padding-top: 20px; } #view_video #right table td#td_member { background: url("../images/help/golstamember.png") no-repeat left 18px; } #view_video #right table td#td_promember { background: url("../images/view/user_promember.png") no-repeat left 17px; } #view_video #right table td#td_jury { background: url("../images/view/user_jury.png") no-repeat left; } #view_video #right #summary { background: url("../images/view/summary.png") no-repeat; height: 100px; position: relative; top: 3px; width: 453px; } #view_video #right #summary dl { color: #1A2878; height: 35px; position: absolute; top: 23px; width: 76px; } #view_video #right #summary dl dt { color: #1A2878; position: absolute; bottom: 0; } #view_video #right #summary dl dd { font-size: 20px; font-weight: bold; top: 0; position: absolute; width: 80px; text-align: right; } #view_video #right #summary dl.ratings { color: #1A2878; left: 9px; } #view_video #right #summary dl.ratings dd { text-align: left;} #view_video #right #summary a#viewratings { position: absolute; left: 90px; top: 12px; display: block; padding-top: 27px; background: url('../images/view/stern.png') no-repeat center 10px; text-align: center; width: 50px; height: 24px; color: #1A2878;} #view_video #right #summary a#viewratings:hover { color: #D28028; } #view_video #right #summary dl.points { color: #1C4A9A; right: 9px; } #view_video #right #summary dl.points dt { right: 0; } #view_video #right #summary dl.points dd { right: 0px; } #view_video #right #summary dl.ranking { left: 205px; } .it_IT #right #summary dl.ranking dt { left: -5px; } #view_video #right #summary dl.ranking dd { color: #D28028; text-align: center; width: 45px;} #view_video #right #summary p { margin-left: 9px; position: absolute; top: 85px; } #view_video #right #summary p span.satisfied { font-size: 18px; font-weight: bold; text-transform: uppercase; } #view_video #right #summary p span.opinion { font-size: 16px; font-weight: bold; color: #DCE7EA; } #view_video #right #summary p span.description { display: block; width: 340px; } .it_IT #right #summary p span.description { line-height: 15px; } #view_video #right #summary p span.price { display: none; } #view_video #right #summary a:link, #view_video #right #summary a:visited { display: block; height: 100px; text-decoration: none; width: 433px; } #view_video #right #summary a:hover, #view_video #right #summary a:active { text-decoration: none; } #view_video #right .statistics { margin-top: -15px; } #view_video .twocols #recent_videos { width: 217px; } #view_video .twocols #recent_tags { width: 217px; float: right; } /* ### RIGHT TABS ### */ #tn_stats { margin-bottom: 20px; } #tn_stats .tabNavigation { border-bottom: 1px solid #333; height: 30px; margin-bottom: 2px; width: 460px; } #tn_stats .tabNavigation li a { background: url("../images/view/tabs_stats.png") 0 -60px; color: #A6A6A6 !important; display: block; float: left; height: 20px; padding: 10px 0 0 10px; width: 95px; margin-right: 3px;} #tn_stats .tabNavigation li a:hover { background: url("../images/view/tabs_stats.png") 0 -30px; color: #FFF !important; text-decoration: none !important; } #tn_stats .tabNavigation li a.selected { background: url("../images/view/tabs_stats.png") 0 0px; color: #FFF !important; } .statbox { position: relative; width: 452px; height: 170px; } .statbox h4 { font-style: italic; color: #808080; } .statbox h5 { font-style: italic; color: #808080; } .statbox .history h5 { padding-left: 32px; } .statbox span.label { color: #3c3c3c; } .statbox span.index { color: #D28028; } .statbox .current { position: absolute; width: 226px; height: 150px; top: 18px;} .statbox .history { position: absolute; width: 226px; height: 150px; top: 18px; left: 226px;} .statbox ol { position: relative; height: 100%; } .statbox ol li { position: absolute; color: #3c3c3c; } .statbox .current ol { background: url('../images/view/stats/statistik11.png') no-repeat 0px 8px;} .statbox .history ol { background: url('../images/view/stats/statistikraster.png') no-repeat 32px 8px;} .statbox .current ol li { bottom: 18px; } .statbox .current ol li.top { text-align: right; right: 20px; } .statbox .current ol li.this { text-align: center; left: 50%; color: #2799e5;} .statbox .current ol li.last { text-align: left; left: 5px; } .statbox .history ol li { text-align: right; width: 25px;} .statbox .history ol li.first { top: 0px; } .statbox .history ol li.second { top: 33px; } .statbox .history ol li.third { top: 66px; } .statbox .history ol li.fourth { top: 100px; } .statbox .history ol li.b3 { top: 114px; left: 47px; } .statbox .history ol li.b2 { top: 114px; left: 84px; } .statbox .history ol li.b1 { top: 114px; left: 121px; } .statbox .history ol li.b0 { top: 114px; left: 158px; } .statbox .history ol li.r3 { text-indent: -9999px !important; background: url("../images/view/stats/bluedot.png") no-repeat; width: 5px; height: 5px; top: 50px; left: 66px; } .statbox .history ol li.r2 { text-indent: -9999px !important; background: url("../images/view/stats/bluedot.png") no-repeat; width: 5px; height: 5px; top: 50px; left: 103px; } .statbox .history ol li.r1 { text-indent: -9999px !important; background: url("../images/view/stats/bluedot.png") no-repeat; width: 5px; height: 5px; top: 50px; left: 140px; } .statbox .history ol li.r0 { text-indent: -9999px !important; background: url("../images/view/stats/orangedot.png") no-repeat; width: 5px; height: 5px; top: 50px; left: 177px; } .statbox .history #week { position: absolute; right: 0px; top: 120px; font-size: 10px; color: #3c3c3c;} /* ################################## */ /* ####### RATINGS SHADOWBOX ######## */ /* ################################## */ #ratings { background: #101010; } #ratings #page { width: auto; padding: 18px; background: transparent; } #ratings #content { min-height: 200px; padding: 0; background: transparent; margin: 0;} #ratings table.results { border-collapse: collapse; padding: 10px 10px 0 10px; background: #252525; } #ratings #vid_ratings { padding: 0; background: transparent; } #ratings #vid_ratings th, #ratings #vid_ratings td { padding-left: 10px; padding-right: 10px; } #ratings #vid_ratings td { height: 33px; color: #808080;} #ratings #vid_ratings td.type { padding-left: 40px; } tr.anonymous td.type { background: url("../images/help/anonymous.png") no-repeat 0px 10px; } tr.regular td.type { background: url("../images/help/golstamember.png") no-repeat 0px 10px; } tr.pro td.type { background: url("../images/view/user_promember.png") no-repeat 0px 10px; } tr.jury td.type { background: url("../images/view/user_jury.png") no-repeat 0px 8px; } #this_video td { border-bottom: none !important;} /* ############################ */ /* ########### HOME ########### */ /* ############################ */ /* ########### MY PROFILE ########### */ #my_profile form { padding-bottom: 40px; } #my_profile form legend { background: url("../images/h2.gif") no-repeat 0 bottom; border-bottom: 1px solid #C1C1C1; color: #D28028; display: block; font-size: 12px; font-style: oblique; margin-bottom: 18px; padding: 0 0 5px 10px; width: 686px; } #my_profile form label { background-position: 0 4px !important; display: block; height: 10px; } #my_profile form fieldset { position: relative; } #my_profile form fieldset fieldset { width: 343px; border: none; } #my_profile form fieldset fieldset.general { position: absolute; } #my_profile form fieldset fieldset input { width: 315px; } #my_profile form fieldset#account_information { height: 150px; } #my_profile form fieldset fieldset#f_username { height: 50px; left: 0; top: 0; } #my_profile form fieldset fieldset#f_username span { background: url("../images/icons/user.png") no-repeat 0 8px; color: #4A9DCA; display: block; font: normal 12px Verdana, sans-serif; padding: 5px 5px 4px 20px; } #my_profile form fieldset fieldset#f_email { height: 50px; left: 343px; top: 0; } #my_profile form fieldset fieldset#f_password { height: 50px; left: 0; top: 80px; } #my_profile form fieldset fieldset#f_confirm { height: 50px; left: 343px; top: 80px; } #my_profile form fieldset#settings { height: 100px; } #my_profile form fieldset#settings select { margin: 5px 0 0; width: 330px; } #my_profile form fieldset#personal_information { height: 420px; } #my_profile form fieldset#personal_information #fileupload { color: #FFF !important; height: auto !important; padding: 5px !important; } #my_profile form fieldset#personal_information select { margin-left: 0; } #my_profile form fieldset fieldset#f_pic { left: 0; top: 40px; } #my_profile form fieldset fieldset#f_delete { left: 343px; top: 40px; } #my_profile form fieldset fieldset#f_delete img { margin: -25px 0 0; } #my_profile form fieldset fieldset#f_delete fieldset{ position: absolute; left: 120px; top: 0; } #my_profile form fieldset fieldset#f_delete label { float: left; margin-right: 15px; } #my_profile form fieldset fieldset#f_firstname { left: 0; top: 120px; } #my_profile form fieldset fieldset#f_lastname { left: 343px; top: 120px; } #my_profile form fieldset fieldset#f_birthday { left: 0; top: 200px; } #my_profile form fieldset fieldset#f_gender { left: 343px; top: 200px; } #my_profile form fieldset fieldset#f_relationship { left: 500px; top: 200px; } #my_profile form fieldset fieldset#f_about { left: 343px; top: 280px; } #my_profile form fieldset fieldset#f_about textarea { margin: -1px 0 0; width: 320px; } #my_profile form fieldset fieldset#f_website { left: 0; top: 280px; } #my_profile form fieldset#location_information { height: 200px; } #my_profile form fieldset#location_information select { margin: 4px 0 0; } #my_profile form fieldset fieldset#f_hometown { left: 0; top: 40px; } #my_profile form fieldset fieldset#f_city { left: 343px; top: 40px; } #my_profile form fieldset fieldset#f_zip { left: 0; top: 120px; } #my_profile form fieldset fieldset#f_country { left: 343px; top: 120px; } #my_profile form fieldset#random_information { height: 500px; width: 686px; } #my_profile form fieldset#random_information input { width: 315px; } #my_profile form fieldset#random_information textarea { height: 100px; width: 315px; } #my_profile form fieldset fieldset#f_occupations{ left: 0; top: 40px; } #my_profile form fieldset fieldset#f_companies { left: 343px; top: 40px; } #my_profile form fieldset fieldset#f_schools { left: 0; top: 120px; } #my_profile form fieldset fieldset#f_interest { left: 0; top: 200px; } #my_profile form fieldset fieldset#f_movies { left: 343px; top: 200px; } #my_profile form fieldset fieldset#f_favmusic { left: 0; top: 360px; } #my_profile form fieldset fieldset#f_favbook { left: 343px; top: 360px; } #my_profile form .button { left: 535px; } /* ########### MY PLAYLIST ########### */ #my_playlist #main h2 { position: relative; } #my_playlist #main h2 #deletePlaylist { position: absolute; right: 150px; top: -14px; } /* ########### MY VIDEO EDIT ########### */ #my_vdo_edit .fullboxtext { width: 350px; } #my_vdo_edit .fm-field_address { display: block; } #my_vdo_edit .button { left: 552px; position: relative; } #my_vdo_edit fieldset.thumbnails input.i1 { margin-left: 10px; } #my_vdo_edit fieldset.thumbnails input.i2, #my_vdo_edit fieldset.thumbnails input.i3 { margin-left: 9px; } /* ########### INBOX / OUTBOX ########### */ table.inboxoutbox { border-collapse: collapse; margin-bottom: 20px; width: 687px; } table.inboxoutbox tr th { border-bottom: 1px solid #3C3C3C; color: #D28028; padding: 0 10px 3px; } table.inboxoutbox tr th.subject { width: 250px; } table.inboxoutbox tr th.from, table.inboxoutbox tr th.to { width: 197px; } table.inboxoutbox tr th.date { width: 197px; } table.inboxoutbox tr th.action { text-align: center; width: 50px; } table.inboxoutbox tr td { border-bottom: 1px solid #3C3C3C; color: #4D4D4D; height: 40px; vertical-align: middle; } table.inboxoutbox tr td a:link, table.inboxoutbox tr td a:visited { color: #2282C2 !important; text-decoration: none; } table.inboxoutbox tr td a:hover, table.inboxoutbox tr td a:active { text-decoration: underline; } table.inboxoutbox tr td form input { margin: 5px 0 0 25px; } table.inboxoutbox tr td.subject { background: url("../images/icons/messages.png") no-repeat 10px; padding-left: 30px; width: 225px; } table.inboxoutbox tr td a.newmail { color: #FFF !important; } table.inboxoutbox tr td.from, table.inboxoutbox tr td.to { background: url("../images/icons/user.png") no-repeat 10px; padding-left: 30px; width: 167px; } table.inboxoutbox tr td.date { background: url("../images/icons/uhr.png") no-repeat 10px; padding-left: 30px; width: 167px; } #msg #msg_content { width: 500px; } #msg #msg_content li { clear: both; } #msg #msg_content li span { background: url("../images/arrow_turquoise_right.gif") no-repeat left 4px; display: block; float: left; padding-left: 20px; width: 70px; } #msg #msg_content li#msg_subject { border-bottom: 1px solid #676767; margin-bottom: 5px; padding-bottom: 5px; } #msg #msg_content li#msg_message { border-bottom: 1px solid #676767; margin-bottom: 5px; padding-bottom: 5px; padding-left: 20px; } #msg #reply, #msg #send { display: block; } #msg #send { font-style: oblique; } /* ########### COMPOSE ########### */ #compose form textarea { min-height: 200px; } #compose form .inputtext { width: 300px; } #compose form .button { left: 177px; } #compose form .fm-buddyname { position: relative; top: 5px; } #compose form #fm-buddyname { display: block; left: -17px; position: relative; width: 310px; } /* ############################## */ /* ########### UPLOAD ########### */ /* ############################## */ #upload #theForm { height: auto; } #upload #theForm p { width: 300px !important; } #upload #theForm #first { height: 185px; position: relative; } #upload #theForm #first p { top: 130px; } #upload #theForm #first label, #upload #theForm #first input, #upload #theForm #first textarea, #upload #theForm #first p { position: absolute; width: 322px; } #upload #theForm #first #l_title { left: 0; top: 0; } #upload #theForm #first #i_title { left: 0; top: 21px; } #upload #theForm #first #l_desc { left: 354px; top: 0; } #upload #theForm #first #t_desc { height: 78px; left: 354px; top: 20px; } #upload #theForm #first #l_tags { left: 0; top: 63px; } #upload #theForm #first #i_tags { left: 0; top: 84px; } #upload #submit { clear: both; } #upload #submit label { display: none; } #upload #upload_button { background: url("../images/upload/submit.png") no-repeat; border: none; cursor: pointer; height: 35px; padding-top: 5px; width: 150px; } #upload #upload_button:hover { background-position: 0 -35px; } #upload .tabs { margin-bottom: 20px; } #upload .tabNavigation li a.tabactive { background: url("../images/tabs.png") 0 -30px; color: #FFF !important; text-decoration: none !important; } #upload .fileupload { background: #FFF !important; height: auto !important; padding: 0 !important; border: 1px solid red; } #upload_success input[type="text"] { width: 400px; } #upload_success textarea.fullboxtext { height: 170px; width: 400px; } #upload #uploadEmbed textarea { height: 80px; width: 676px; } #upload #uploadEmbed .fileupload { display: block; } #upload #uploadEmbed .thumb { float: left; width: 338px; } #upload #uploadEmbed .duration { float: left; left: 193px; position: relative; width: 150px; } #upload #uploadEmbed .duration .minutes { left: 0; position: absolute; width: 60px; } #upload #uploadEmbed .duration .seconds { left: 85px; position: absolute; width: 60px; } #upload #uploadEmbed .duration p { margin-left: 0; position: absolute; top: 43px; } #upload #uploadEmbed .duration strong { left: 77px; position: absolute; top: 22px; } #upload #progress_bar #ubr_alert { background: url("../images/arrow_turquoise_right.gif") no-repeat left 2px; color: #D28028; font-size: 12px; margin-top: 20px; padding: 0 0 10px 20px; } #upload #progress_bar { width: 676px; } #upload #progress_bar .bar1 { margin: 10px 0 20px; width: 672px; } #upload #progress_bar dl { background: #000; float: left; margin: 0 10px 2px 0; width: 218px; } #upload #progress_bar dl.no_margin { margin-right: 0; } #upload #progress_bar dt { color: #535353; display: block; float: left; padding: 5px 0 5px 10px; width: 115px; } #upload #progress_bar dd { color: #535353; padding: 5px 0 5px 10px; white-space: nowrap; } #upload #progress_bar dd span { display: inline; color: #FFF !important; } /* ############################# */ /* ########### VIDEO ########### */ /* ############################# */ #video #main .toplist .video_image { border: 1px solid #242424; } #video #main .toplist li { margin: 0 0 20px 18px; } #video #main .toplist li.leftthumbs { margin-left: 0; } #video #main .toplist li.pro { background: url("../images/help/certifiedvideo.png") no-repeat right 250px; } #video #main .toplist li.nopro { background: url("../images/help/golstavideo.png") no-repeat right 250px; } #video #main .toplist ul li { float: none; margin: 0; } #video #main .toplist .title { padding-left: 5px; width: 212px; } #video .title1, #video .title2, #video .title3 { color: #FFF !important;} /* ############################## */ /* ########### GROUPS ########### */ /* ############################## */ /* ########### CREATE GROUP ########### */ #create_group form { position: relative; } #create_group form em { color: #808080; } #create_group form .fullboxtext { margin-bottom: 10px; width: 350px; } #create_group form.generic .button { bottom: 0 !important; position: absolute !important; right: -10px; } #create_group form fieldset fieldset { clear: both; } #create_group form fieldset fieldset label { background-position: 0 4px !important; float: right; } #create_group form #classification { display: none; } /* ########### GROUPS HOME ########### */ #groups_home form#add_group_topic input { margin-bottom: 30px; } #groups_home table { border-collapse: collapse; margin-bottom: 18px; width: 687px; } #groups_home table tr th { border-bottom: 1px solid #3C3C3C; color: #D28028; padding: 0 10px 3px; } #groups_home table tr th.author { text-align: center; width: 50px; } #groups_home table tr th.posts { text-align: center; width: 30px; } #groups_home table tr th.created { width: 140px; } #groups_home table tr th.last_post { width: 90px; } #groups_home table tr td { border-bottom: 1px solid #3C3C3C; color: #4D4D4D; height: 40px; vertical-align: middle; } #groups_home table tr td a:link, #groups_home table tr td a:visited { color: #2799E5 !important; text-decoration: none; } #groups_home table tr td a:hover, #groups_home table tr td a:active { text-decoration: underline; } #groups_home table tr td.author, #groups_home table tr td.posts { text-align: center; } #groups_home table tr td.created { padding-left: 10px; } #groups_home table tr td.last_post { padding-left: 10px; } #groups_home #group_recent_members, #groups_home #group_recent_videos { clear: both; min-height: 100px; } #groups_home #group_recent_members ul { margin-bottom: 20px; } #groups_home #group_recent_members ul li { background: url("../images/icons/user.png") no-repeat 0 3px; color: #676767; padding-left: 20px; } #groups_home #group_recent_videos ul li { margin-right: 18px; } #groups_home #group_recent_videos ul li span.title { color: #D28028; margin-bottom: 20px; padding-left: 20px; } #groups_home a.edit_remove { background: url("../images/edit_remove.gif") no-repeat !important; color: #FFF !important; float: left !important; font-size: 10px !important; height: 20px !important; margin-right: 3px; padding: 0 !important; text-align: center; width: 107px !important; } #groups_home a.block { background: transparent url("../images/edit_remove.gif") repeat-x 0 0 !important; clear: both; color: #FFF; display: block; text-align: center; width: 107px !important; } #groups_home a.block:hover { background-position: 0 -20px !important; text-decoration: none; } #groups_home #groupforum { clear: both; padding-top: 20px; } #groups_home a.edit_remove:hover { background-position: 0 -20px !important; text-decoration: none; } #groups_home li.video_members { padding-left: 23px; } /* ########### GROUP EDIT ########### */ #my_group_edit form .fullboxtext { margin: 1px 0 10px; width: 350px; } #my_group_edit form .button { left: 552px; position: relative; } #my_group_edit form #classification { display: none; } /* ########### GROUP POSTS ########### */ #group_posts #post_overview { min-height: 140px; position: relative; } #group_posts #post_overview a:link, #post_overview ul#posts a:visited { color: #2799E5; text-decoration: none; } #group_posts #post_overview a:hover, #post_overview ul#posts a:active { text-decoration: underline; } #group_posts #post_overview img { left: 0; position: absolute; } #group_posts #post_overview ul { margin-left: 130px; } #group_posts #post_overview ul li { clear: both; } #group_posts #post_overview ul li span { display: block; float: left; width: 100px; } #group_posts ul#posts a:link, #group_posts ul#posts a:visited { color: #2799E5; text-decoration: none; } #group_posts ul#posts a:hover, #group_posts ul#posts a:active { text-decoration: underline; } #group_posts ul#posts li { clear: both; min-height: 140px; position: relative; } #group_posts ul#posts li img { left: 0; position: absolute; } #group_posts ul#posts li span { margin-left: 130px; } #group_posts ul#posts li p { color: #676767; font-style: oblique; margin-left: 130px; } #group_posts ul#posts li ul.meta { position: absolute; border: none; top: 100px; } #group_posts ul#posts li ul.meta li { height: 20px !important; min-height: 0 !important; padding-left: 15px; position: absolute; } #group_posts ul#posts li ul.meta li.videos { background: url("../images/icons/title.png") no-repeat 0 4px; left: 0; } #group_posts ul#posts li ul.meta li.favors { background: url("../images/icons/favorites.png") no-repeat 0 4px; left: 50px; } #group_posts ul#posts li ul.meta li.friends { background: url("../images/icons/membership.png") no-repeat 0 4px; left: 95px; } /* ########### GROUP MEMBERS ########### */ #gmembers li.one_video { height: 150px; position: relative; } #gmembers li.one_video li.image { position: absolute; left: -15px; } #gmembers li.one_video li.image img { height: 144px; width: 217px; } #gmembers li.one_video li form { position: absolute; left: 232px; } /* ########### GROUP VIDEOS ########### */ #gvideos #edit_remove form { top: -45px !important; } #gvideos #edit_remove form .edit_remove { background:transparent url("../images/edit_remove.gif") repeat-x 0 0 !important; width: 130px !important; } #gvideos #edit_remove form .edit_remove:hover { background-position: 0 -20px !important; } /* ########### INVITE MEMBERS ########### */ #invite_members form fieldset#choice { height: 210px; position: relative; } #invite_members form fieldset#choice select { background: #141414; border: 1px solid #313131; } #invite_members form fieldset#choice select option { color: #FFF !important; } #invite_members form fieldset#choice #myfriends { position: absolute; left: -20px; width: 200px; } #invite_members form fieldset#choice fieldset { position: absolute; left: 280px; } #invite_members form fieldset#choice #invitefriends { position: absolute; left: 467px; width: 200px; } #invite_members form .fullboxtext { width: 350px; } /* ########### ADD VIDEO ########### */ #add_video .edit_remove { left: -27px !important;} /* ################################# */ /* ########### COMMUNITY ########### */ /* ################################# */ /* ########### MEMBERS ########### */ #members ul.toplist li { color: #676767; width: 158px; } #members ul.toplist li ul { height: 220px; position: relative; } #members ul.toplist li ul li { color: #676767; font-style: normal !important; margin-left: 0; padding-left: 20px; width: 130px; } #members ul.toplist li ul li.image { left: 0; margin-left: 0; padding-left: 0; position: absolute; } #members ul.toplist li ul li.video_user { background: url("../images/icons/user.png") no-repeat 0 3px; position: absolute; top: 120px; } #members ul.toplist li ul li.video_golstamembership { background: url("../images/icons/membership.png") no-repeat 0 3px; position: absolute; top: 140px; } #members ul.toplist li ul li.video_views { background: url("../images/icons/watched.png") no-repeat 0 3px; position: absolute; top: 160px; } #members ul.toplist li ul li.video_videos { background: url("../images/icons/video3.png") no-repeat 0 3px; position: absolute; top: 180px; } /* ########### UPROFILE ########### */ #uprofile #user_avatar { left: 18px; position: absolute; } #uprofile #latest_video { height: 210px; position: relative; } #uprofile #latest_video img { height: 144px; width: 217px; } #uprofile #latest_video form { position: absolute; right: 0; } #uprofile #latest_video form.send_message { top: -10px; } #uprofile #latest_video form.add_friends { top: 20px; } #uprofile #latest_video form.subscribe { top: 50px; } #uprofile #latest_video form.unsubscribe { top: 50px; } #uprofile #latest_video ul li { font-style: oblique; } #uprofile ul.personal_info { float: left; height: 150px; margin: 0 20px 0 180px; } #uprofile ul.personal_info li { color: #676767; } #uprofile ul.personal_info li strong { display: block; color: #FFF; font-style: oblique; font-weight: normal; float: left; width: 100px; } #uprofile #main dl { margin-bottom: 10px; } #uprofile #main dl dt { color: #FFF; font-style: oblique; } #uprofile #main dl dd { color: #676767; margin-bottom: 10px; } #uprofile h3.information { clear: both; width:100px; height:50px; background-color:#09F;} /* ########### UFRIENDS ########### */ #ufriends .toplist li {width: 168px; } #ufriends .toplist li ul li { clear: both; margin: 0; padding-left: 20px; width: 140px; } /* ############################### */ /* ########### FRIENDS ########### */ /* ############################### */ /* ########### MY FRIENDS ########### */ #friends #friendsSort { left: 5px; position: relative; } #friends #friendsForm { clear: both; position: relative; } #friends #friendsViewSort { position: absolute; right: 0; top: -55px; } #friends #select_action { margin: 20px 0; } #friends #video_count { bottom: 7px !important; } #friends .tabs { position: relative; top: -28px; } #friends .tabNavigation { padding-left: 70px; width: 617px; } #friends .toplist li { position: relative; width: 168px; } #friends .toplist li span { position: relative; left: 20px; } #friends .toplist .aid { left: -5px; position: absolute; top: 122px; } #friends .toplist li ul li { clear: both; margin: 0; padding-left: 20px; } #friends .toplist li ul li.video_status { margin-bottom: 20px; } /* ########### FRIENDS ACCEPT ########### */ #friends_accept form { float: left; margin-right: 10px; } /* ########### INVITE FRIENDS ########### */ #invite_friends .fullboxtext { width: 350px; } /* ############################## */ /* ########### FOOTER ########### */ /* ############################## */ #footer { clear: both; color: #1C1B1B; height: 200px; position: relative; } #footer h6 { background: url("../images/footer/logo.png") no-repeat right 0px; height: 160px; top: 30px; right: 18px; position: absolute; width: 110px; } #footer #footer_nav { background: url("../images/footer/bg.gif") repeat-y; height: 200px; } #footer dl { border-right: 1px dotted #8C280A; float: left; height: 170px; margin: 20px 0 0 0; padding: 0 15px; width: 106px; } #footer dl a:link, #footer dl a:visited { color: #1C1B1B; display: block; font-size: 10px; text-decoration: none; } #footer dl a:hover, #footer dl a:active { text-decoration: underline; } #footer dl#ftr_home { margin-left: 18px; padding-left: 0; width: 80px;} #footer dl dt, #footer dl dt a { color: #1C1B1B; clear: both; font-weight: bold; } #footer dl dd { clear: both; } #footer dl dd strong a { font-weight: bold !important; } #footer dd+dt { margin-top: 20px;} /* ################################# */ /* ########### SONSTIGES ########### */ /* ################################# */ /* ########### JURY ########### */ #jury #content { padding-top: 18px; } .rossi #content { background: #000 url("../images/jury/content_bg.jpg") no-repeat bottom; min-height: 1400px; } .brio #content { background: #000 url("../images/jury/content_bg.jpg") no-repeat bottom; } /*.vignotto #content { background: #000 url("../images/jury/content_bg.jpg") no-repeat bottom; min-height: 1000px; }*/ #jury #main { width: 452px; } #jury .mainjury { width: 922px !important; } #jury #jury_header { background: url("../images/slide.jpg") no-repeat; height: 340px; position: relative; width: 922px; } #jury #jury_header span { display: block; text-indent: -9999px; } .it_IT #jury_header span { line-height: 17px; } #jury #jury_header #certification a:link, #jury #jury_header #certification a:visited { background: url("../images/jury/get_certification.png") no-repeat; color: #000; display: block; font-weight: bold; height: 32px; letter-spacing: -1px; padding: 8px 0 0 30px; position: absolute; right: -6px; text-transform: uppercase; top: 150px; width: 150px; } #jury #jury_header #certification a:hover, #jury #jury_header #certification a:active { background-position: 0 -40px; color: #FFF; text-decoration: none; } #jury #xpl1 { left: 150px; width: 160px; } #jury #xpl2 { left: 485px; width: 145px; } #jury #xpl3 { left: 765px; width: 155px; } .it_IT #jury_header #xpl1 { width: 180px; } .it_IT #jury_header #xpl2 { width: 185px; } #jury .xpl { color: #878787; height: 50px; position: absolute; top: 0; } #jury #main h3 { background: none; border: none; color: #2799E5; margin: 0 0 10px; padding: 0; } #jury #main h4 { color: #FFF; font-size: 16px; font-weight: bold; left: 45px; position: absolute; top: 17px; } #jury #main h4 span { font-size: 18px; font-weight: bold; text-transform: uppercase; } #jury #main #rating { background: url("../images/jury/rating.png") no-repeat; cursor: pointer; height: 116px; margin-top: 20px; position: relative; width: 452px; } #jury #main #rating h4 { line-height: 40px; margin: -10px 0 0 -40px; padding-left: 40px; } #jury #main #rating h4.italy { background: url("../images/jury/j_italy.png") no-repeat 0 2px; } #jury #main #rating h4.juventus { background: url("../images/jury/j_juventus.png") no-repeat 0 2px; } #jury #main #rating h4.reggiana { background: url("../images/jury/j_reggiana.png") no-repeat 0 2px; } #jury #main #rating p { left: 45px; position: absolute; top: 40px; width: 290px; } #jury #main #rating a:link, #jury #main #rating p a:visited { color: #FFF; } #jury #main #rating a:hover, #jury #main #rating p a:active { text-decoration: none; } #jury #pictures { float: left; margin-right: 18px; width: 218px; } #jury #pictures ul li a { display: block; float: left; margin-right: 5px; } #jury #pictures ul li.even a { margin-right: 0px; } #jury #pictures ul li a.lbdummy { display: none !important; } #jury #success { float: left; width: 217px; } #jury #success dl { clear: both; margin-bottom: 25px; } #jury #success dl dt { color: #FFF } #jury #success dl dd { color: #D28028; font-style: oblique; } #jury #superstars li { cursor: pointer; display: block; float: left; margin-left: 18px; width: 217px; } #jury #superstars li.first { margin-left: 0; } #jury #superstars li a { display: block; text-indent: -9999px; } #jury #superstars li div { height: 90px; width: 217px; } #jury #superstars li div h3 { color: #FFF; font-style: normal; font-weight: bold; height: 23px; line-height: 34px; position: relative; text-transform: uppercase; top: 5px; } #jury #superstars li div h3.italy { background: url("../images/jury/j_italy.png") no-repeat left; } #jury #superstars li div h3.juventus { background: url("../images/jury/j_juventus.png") no-repeat left; } #jury #superstars li div h3.reggiana { background: url("../images/jury/j_reggiana.png") no-repeat left; } #jury #superstars li div h4 { font-size: 11px; font-weight: normal; margin: -6px 0 0 14px; padding-left: 32px; position: static; } #jury #superstars li div h4.italy { background: url("../images/jury/f_italy.png") no-repeat left; } #jury #superstars li div span { display: block; text-indent: -9999px !important; } /*#jury #superstars li#vote { background: url("../images/jury/jury_vote.png") no-repeat; cursor: default; height: 220px; position: relative; width: 217px; }*/ /*#jury #superstars li#vote p { font: normal bold 15px Helvetica, Verdana, sans-serif; left: 20px; position: absolute; text-transform: uppercase; top: 20px; }*/ /*#jury #superstars li#vote form { position: absolute; top: 150px; }*/ /*#jury #superstars li#vote form input#name { left: 17px; position: relative; top: -10px; width: 175px; }*/ /*#jury #superstars li#vote form input#submit { background: transparent; border: none; cursor: pointer; height: 26px; left: 123px; position: relative; top: 5px; width: 75px; }*/ #jury #footer { margin-top: -40px; } /* ########### LOGIN ########### */ #loginpage form label.remember { float: left; margin: 10px 5px 0 0; } #loginpage form input.remember { float: left; margin-top: 15px; } #loginpage form p { margin-left: 0 !important; } /* ########### SIGNUP ########### */ img.captcha { display: block; margin: 10px 0; } input.signuptext { width: 350px; } #signup form { padding-bottom: 10px; } #signup form legend { background: url("../images/h2.gif") no-repeat 0 bottom; border-bottom: 1px solid #C1C1C1; color: #D28028; display: block; font-size: 12px; font-style: oblique; margin-bottom: 18px; padding: 0 0 5px 10px; width: 686px; } #signup form label { background-position: 0 4px !important; display: block; height: 10px; } #signup form fieldset { position: relative; } #signup form fieldset fieldset { width: 343px; border: none; } #signup form fieldset fieldset.general { position: absolute; } #signup form fieldset fieldset input { width: 315px; } #signup form fieldset#account_information { height: 75px; } #signup form fieldset fieldset#f_username { height: 50px; left: 0; top: 0; } #signup form fieldset fieldset#f_username span { background: url("../images/icons/user.png") no-repeat 0 8px; color: #4A9DCA; display: block; font: normal 12px Verdana, sans-serif; padding: 5px 5px 4px 20px; } #signup form fieldset fieldset#f_email { height: 50px; left: 343px; top: 0; } #signup form fieldset fieldset#f_password { height: 50px; left: 0; top: 80px; } #signup form fieldset fieldset#f_confirm { height: 50px; left: 343px; top: 80px; } #signup form fieldset#settings { height: 100px; } #signup form fieldset#settings select { margin: 5px 0 0; width: 330px; } #signup form fieldset#personal_information { height: 340px; } #signup form fieldset#personal_information #fileupload { color: #FFF !important; height: auto !important; padding: 5px !important; } #signup form fieldset#personal_information select { margin-left: 0; } #signup form fieldset fieldset#f_pic { left: 0; top: 40px; } #signup form fieldset fieldset#f_delete { left: 343px; top: 40px; } #signup form fieldset fieldset#f_delete img { margin: -25px 0 0; } #signup form fieldset fieldset#f_delete fieldset{ position: absolute; left: 120px; top: 0; } #signup form fieldset fieldset#f_delete label { float: left; margin-right: 15px; } #signup form fieldset fieldset#f_firstname { left: 0; top: 40px; } #signup form fieldset fieldset#f_lastname { left: 343px; top: 40px; } #signup form fieldset fieldset#f_birthday { left: 0; top: 120px; } #signup form fieldset fieldset#f_gender { left: 343px; top: 120px; } #signup form fieldset fieldset#f_role { left: 0px; top: 180px; } #signup form fieldset fieldset#f_relationship { left: 500px; top: 120px; } #signup form fieldset fieldset#f_about { left: 343px; top: 200px; } #signup form fieldset fieldset#f_about textarea { margin: -1px 0 0; width: 320px; } #signup form fieldset fieldset#f_website { left: 0; top: 200px; } #signup form fieldset#location_information { height: 200px; } #signup form fieldset#location_information select { margin: 4px 0 0; } #signup form fieldset fieldset#f_hometown { left: 0; top: 40px; } #signup form fieldset fieldset#f_city { left: 343px; top: 40px; } #signup form fieldset fieldset#f_zip { left: 0; top: 120px; } #signup form fieldset fieldset#f_country { left: 343px; top: 120px; } #signup form fieldset#random_information { height: 500px; width: 686px; } #signup form fieldset#random_information input { width: 315px; } #signup form fieldset#random_information textarea { height: 100px; width: 315px; } #signup form fieldset fieldset#f_occupations{ left: 0; top: 40px; } #signup form fieldset fieldset#f_companies { left: 343px; top: 40px; } #signup form fieldset fieldset#f_schools { left: 0; top: 120px; } #signup form fieldset fieldset#f_interest { left: 0; top: 200px; } #signup form fieldset fieldset#f_movies { left: 343px; top: 200px; } #signup form fieldset fieldset#f_favmusic { left: 0; top: 360px; } #signup form fieldset fieldset#f_favbook { left: 343px; top: 360px; } #signup form .button { left: 535px; } /* ########### SEARCH ########### */ #search_result dl dt, #search_result dl dd { float: left; margin-right: 10px; } #search_result #videolist { clear: both; padding-top: 20px; } /* ########### CERTIFICATION ########### */ #certification #main form { height: 200px; position: relative; margin-top: 30px;} #certification #main form fieldset { position: absolute; width: 315px; height: 200px; top: 0px;} #certification #main form fieldset p.legend { height: 50px; width: 315px; text-align: center; padding-top: 100px; color: #c1c1c1;} #certification #main form fieldset select { position: absolute; width: 200px; left: 90px; top: 152px;} #certification #main form fieldset#fs_juror { background: url("../images/certification/pay1.png") no-repeat center bottom; } #certification #main form fieldset#fs_juror p.legend { background: url("../images/certification/payment_jurors.png") no-repeat center top; } #certification #main form fieldset#fs_video { left: 314px; background: url("../images/certification/pay2.png") no-repeat center bottom; } #certification #main form fieldset#fs_video p.legend { background: url("../images/certification/payment_videos.png") no-repeat center 10px; } #certification #main form fieldset#fs_submit { left: 628px; } #certification #main form fieldset#fs_submit p.legend { background: url("../images/certification/payment_price.png") no-repeat center 0px; } #certification #main form fieldset#fs_submit input { width: 295px; height: 73px; position: absolute; left: 0px; bottom: 0px; border: 0; text-indent: -9999px; cursor: pointer;} #certification #main form fieldset#fs_submit input:hover { background-position: 0 -73px;} /* ########### HELP ########### */ #help #types { clear: both; } #help h2#types { margin-top: 20px; } #hp_membership { margin-bottom: 20px; } #hp_membership h4 { color: #2799E5; margin-left: 10px; padding-left: 20px; background: url('../images/arrow_orange_right.png') no-repeat 0 6px;} .xplainbox { height: 70px; left: 10px; position: relative; } .xplainbox dl { width: 180px; float: left; height: 36px; padding-left: 50px; background: url("../images/help/anonymous.png") no-repeat 0px 5px;} .xplainbox dl dt { color: #c1c1c1;} .xplainbox dl dd { font-style: italic;} dl#mt_anon { background-image: url("../images/help/anonymous.png"); } dl#mt_regular { background-image: url("../images/help/golstamember.png"); } dl#mt_pro { background-image: url("../images/view/user_promember.png"); } dl#mt_jury { background: url("../images/view/user_jury.png") no-repeat 0px 0px; } #hp_video dl { width: 410px; } dl#vt_regular { background-image: url("../images/help/golstavideo.png"); } dl#vt_certified { background-image: url("../images/help/certifiedvideo.png"); } .series_box { width: 307px; float: left; } .series_box table { border-collapse: collapse; } .series_top { width: 100%; border-spacing: 2px; background: url("../images/help/series_top_lines.gif") no-repeat center;} .series_top th { color: #2799E5; text-align: center; padding-bottom: 30px;} .series_top td { text-align: center; border: 1px solid #1a1a1a; } #sbox1 .series_top td { background: #d28028; } #sbox2 .series_top td { background: #934c0d; } .series_bottom { margin-top: 20px; margin-bottom: 10px; width: 303px;} #sbox1 .series_bottom { background: url("../images/help/seriestable1.png") no-repeat left -3px; } #sbox2 .series_bottom { background: url("../images/help/seriestable2.png") no-repeat left -3px; } .series_bottom td { height: 55px; color: #3c3c3c; line-height: 16px; padding-left: 100px; padding-top: 5px; } #sbox3, #sbox4 { width: 154px;} #sbox3 .series_top, #sbox4 .series_top { background: url("../images/help/series_top_lines_small.gif") no-repeat center 24px;} #sbox3 .series_top td { background: #2799E5; } #sbox4 .series_top td { background: #8c1827; } #sbox4 #gf_team { background: url("../images/help/gf_team.png") no-repeat 29px 20px; height: 288px; width: 150px; } #sbox3 img { position: relative; left: 2px; top: 7px;} #sbox4 img { position: relative; left: 26px; top: 20px;} #aboxes { clear:both; height: 140px; margin-bottom: 40px; } .arrowbox { float: left; margin-right: 3px; height: 120px; padding-top: 20px;} .arrowbox h4 { font-weight: bold; color: #d28028; padding-left: 10px; } .arrowbox p { color: #171822; padding: 0 9px; line-height: 15px;} .arrowbox p strong { font-weight: bold; color: #171822; } #ab1 { width: 153px; background: url("../images/help/abox1.png") no-repeat;} #ab2 { width: 152px; background: url("../images/help/abox2.png") no-repeat;} #ab3 { width: 152px; background: url("../images/help/abox3.png") no-repeat;} #ab4 { width: 152px; background: url("../images/help/abox4.png") no-repeat;} #ab5, #ab6 { width: 149px; background: url("../images/help/abox56.png") no-repeat;} #ab6 { margin-right: 0;} #pbox { background: url("../images/villa-simius.jpg") no-repeat 0 0; padding-left: 500px; height: 200px;} #final { margin-bottom: 50px; height: 500px;} #final .fbox { float: left; margin-right: 18px; } #final #txt_final { width: 452px; } #final #sb_final { width: 217px; } #final #sb_final li { display: inline; } #final #sb_final li.odd { margin-right: 5px; } #final #map_final { width: 217px; margin-right: 0; } /* ########### RANKING ########### */ #ranking_page #main { position: relative; } #ranking_page .paging { float: right; position: relative; top: 11px; clear: both; z-index: 10; } #ranking_page #pagbottom { top: -40px; } #ranking_page .paging span, #ranking .paging a { background: #000; border: 1px solid #4d4d4d; margin-right: 2px; padding: 2px 5px; } #ranking_page .paging span { color: #d28028; } #ranking_page .paging a { color: #4d4d4d; } #ranking_page .paging a:hover { color: #FFF; text-decoration: none; background: #262626; } #ranking_page #series { width: 412px; background: url("../images/ranking/series.png") no-repeat right 20px; } #ranking_page #series th { color: #2799E5; text-align: center; padding-bottom: 30px; } #ranking_page #series td { text-align: center; height: 53px; vertical-align: top; } td.half1, td.half2 { width: 55px; } #curr_date { width: 53px; height: 37px; text-align: center; color: #1a1a1a; position: absolute; background: url("../images/ranking/indicator.png") no-repeat; line-height: 14px; padding-top: 3px; z-index: 600; top: 105px; left: 73px;} #curr_date span { font-weight: bold; color: #1a1a1a; } #gfinal { width: 80px; text-align: center; position: absolute; line-height: 14px; z-index: 600; top: 103px; left: 350px; } #gfinal span { font-size: 28px; font-weight: bold; } #frm_filter { margin-top: 6px; width: 687px; height: 65px; background: url("../images/ranking/select.png") no-repeat bottom; margin-bottom: 30px;} #frm_filter fieldset { width: 171px; float: left; height: 65px; position: relative;} #frm_filter fieldset label { width: 171px; text-align: center; display: block; color: #818181; font-size: 10px; font-weight: normal; position: relative; left: 15px; } #frm_filter fieldset select { width: 98px; position: absolute; top: 32px; left: 55px;} #frm_filter fieldset select optgroup { font-weight: bold; color: #818181; font-style: normal; padding-left: 3px;} ul.pagination { float: right; font-size: 10px; padding-top: 1px;} ul.pagination li { display: inline; color: #818181; font-weight: normal; margin-right: 5px;} ul.pagination li.selected { color: #fff; } table.results { border-collapse: collapse; width: 920px; margin-bottom: 50px;} table.results th { border-bottom: 5px solid #3c3c3c; font-style: italic; font-size: 10px; line-height: 15px; padding-bottom: 10px;} table.results th span { color: #a1a1a1; } table.results th.points { text-align: right; padding-right: 18px;} table.results td img { position: relative; top: 2px;} table.results td { vertical-align: middle; border-bottom: 1px solid #fff; line-height: 15px; padding: 10px 0;} table.results td.rank { color: #d28028; font-size: 16px; font-weight: normal; letter-spacing: 1px; padding-left: 10px;} table.results td.rank span { color: #3c3c3c; } table.results td.posage { color: #d28028; } table.results td.rating { color: #a1a1a1; } table.results td.points { color: #2799E5; font-size: 16px; text-align: right; padding-right: 18px;} table.results td img { position: relative; top: 2px;} table.results td.thumb a img { border: 1px solid #3c3c3c; } table.results td.thumb a:hover img { border: 1px solid #fff; } table.results td a { } table.results td a:hover, table.results td a:hover span { color: #2799E5 !important; text-decoration: none !important;} #ranking table.results tr:hover td, #ranking table.results tr:hover td span, #ranking table.results tr:hover td * { background: #222; cursor: pointer; color: #2799E5 !important; text-decoration: none !important;} /* ########### Css eSimple ########### */ h6 { font-size:24px; color:#ff6b13; padding-left:20px; padding-bottom:20px; } h5 { font-size:12px; color:#ff6b13; font-style:italic; line-height:18px } .h4 { font-size:12px; color:#ffffff; line-height:18px; font-style:normal; } /* ########### PROFILO PLAYER ########### */ #player_box { width:922px; margin-top:10px; } #player_info { width: 585px; float:left; } #player_foto { width:258px; float:left; } #player_dati { width:290px; margin-left:30px; margin-top:25px; float:left; } #classifica { width:290px; margin-left:12px; float:right; } #starsContainer { background-attachment:scroll; background-color:transparent; background-image:url("../../images/mypage_bkg.png"); background-position:0 bottom; background-repeat:no-repeat; width:865px; margin: auto; padding: 20px; } .valutationField { } .valutationFieldName { float: left; padding: 0px; font-size: 16px; color: #ffffff; } .valutationFieldVal { margin-right: 10px; margin-left: 0px; float: right; padding: 0px; font-size: 16px; } #playerTechSheet { } #playerTechSheetConteiner { width:865px; margin: auto; } .techSheetRow { } .techSheetCell { padding: 5px; float: left; height: 20px; } .techSheetField { color: #FF6B13; } #playerGenea { margin-top: 20px; } #playerGeneaConteiner { margin-left: 30px; } /* ########### MY VIDEOS ########### */ #my_videos_box { width:922px; clear:both; margin-top:15px; } .box_video { width:200px; float:left; padding-bottom:30px; margin-right:30px; } .box_video_embed { width:200px; height:150px; border:1px solid #FFF; } /* ########### PROFILO TEAM ########### */ #team_box { width:922px; margin-top:10px; } #team_info { width: 396px; float:left; margin-left:30px; } #team_foto { width:483px; float:left; } #rosa_box { width:922px; padding-top:20px; clear:both; } .player_box { width:140px; margin-right:44px; float:left; } #middle_box { width:922px; padding-top:30px; clear:both; } #albo_oro { width:456px; float:left; } #sponsor_dx { width: 396px; float:left; margin-left:30px; } #table_albo { width:483px; } #table_top { width:483px; height:29px; background: url("../images/table_top.png") no-repeat; } #table_body { width:483px; background: url("../images/table_body.png") repeat-y; } #table_bottom { width:483px; height:5px; background: url("../images/table_bottom.png") no-repeat; } #approfondimenti { width:922px; padding-top:20px; clear:both; } /* ########### VIDEO PAGE ########### */ #my_videos { width:452px; height:140px; } #box_my_video { width:452px; } .box_videos { width:100px; float:left; margin-right:13px; font-size:10px; color:#ff6b13; padding-bottom:3px; } .video_embed { width:100px; height:75px; border:1px solid #FFF; } #all_videos { width:442px; text-align:right; padding-right:10px; } #my_data { width:413px; height:150px; margin-left:40px; } #ranking { width:413px; margin-top:15px; margin-left:40px; } #ranking_box_1 { width:286px; height:60px; background: url("../images/bg_rank_1.png") no-repeat; margin-bottom:5px; } #ranking_box_2 { width:286px; height:60px; background: url("../images/bg_rank_2.png") no-repeat; margin-bottom:5px; } #ranking_box_3 { width:286px; height:60px; background: url("../images/bg_rank_3.png") no-repeat; margin-bottom:5px; } #ranking_box_4 { width:286px; height:60px; background: url("../images/bg_rank_4.png") no-repeat; margin-bottom:5px; } #ranking_box_5 { width:286px; height:60px; background: url("../images/bg_rank_4.png") no-repeat; margin-bottom:5px; } #ranking_lungo_box_1 { width:400px; height:60px; background: url("../images/bg_ranking_1.png") no-repeat; margin-bottom:5px; } .rank_left { width:155px; margin-left:60px; float:left; margin-top:10px; } .rank_left_lungo { width:270px; margin-left:60px; float:left; margin-top:10px; } .rank_right { width:70px; height:60px; float:left; } /* SAFARI-DUMMY */ /* SAFARI 3 #################################################################################################### */ @media screen and (-webkit-min-device-pixel-ratio:0) { #start #topvideos ul li a:hover { text-decoration: none } .series_bottom td { height: 50px !important; } #my_profile form fieldset fieldset#f_delete input { float: left; margin-right: 15px; } #loginForm #forgot_password p { margin-top: 12px; } } // [nik begin] .user_type_button { width: 200px; height: 200px; border: 4px solid #DF912E; } #alert_box { display:none; width: 560px !important; height: 301px !important; background: transparent url("../../images/login.png") !important; z-index:99999999; border: none !important; background-color:#333; width:675px; min-height:200px; border:1px solid #666; } #loginSubmit { font-size: 14px; color: #fff !important; } #video_statistics_cont { margin-left: 40px; margin-top: 50px; } #statistics_graph { width: 217px; height: 105px; background: transparent url("../images/view/stats/statistikraster.png") no-repeat !important; background-position: left; } #champList { display:none; background: #0E0F0E ; border: 1px solid #FF6B13; font-size:12px; padding:5px; color:#fff; z-index: 999999 !important; } .clearfix { display: inline-block !important; } html[xmlns] .clearfix { display: block !important; } #videoHeader { background-attachment:scroll; background-color:transparent; background-image:url("../images/help/certifiedvideo.png"); background-position:right bottom; background-repeat:no-repeat; border-bottom-color:#C1C1C1; border-bottom-style:solid; border-bottom-width:1px; font-size:15px; padding:0px; min-height:31px; margin-bottom: 10px; } #confirm_box { display: none; height: 301px; width: 560px; background: transparent url(../../images/BG_alert.png) no-repeat; z-index: 999999999; } #confirm_box .close { margin-top: 21px; margin-left: 504px; cursor: pointer; width:27px; height:27px; } #confirm_message { width: 370px; margin-left: 165px; margin-top: 10px; text-align: center; color: #FF6B13; } .player_gender_box{ width: 32px; height: 32px; float: left; margin: 0px 10px ; cursor: pointer; } .player_gender_box_selected{ background-color: #33aa33 !important; } #female { background:url(../../images/women.png) no-repeat; border:1px solid #fff; width:32px; height:32px; margin-top:5px; } #male { background:url(../../images/male.png) no-repeat; border:1px solid #fff; width:32px; height:32px; margin-top:5px; } .button_custom { background: url("../images/upload/submit.png") no-repeat; color: #000 !important; border: none; cursor: pointer; height: 35px; padding: 6px 10px 0 0; width: 145px; } .button_custom:hover { background-position: 0px -35px; } // [nik end]