@charset "ISO-8859-1"; #teaser_signup span.sign_ok {float:left;width:27px;height:27px;margin:5px 8px 0 0;background: transparent url('http://static2.visit-x.net/static/vx/751/box/sign_ok.png') top left no-repeat} #teaser_signup span.sign_fact {float:left;width:18px;height:20px;margin:1px 12px 0 5px;display:inline;background: transparent url('http://static1.visit-x.net/static/vx/751/box/sign_arrow_right.png') top left no-repeat} #teaser_signup div.caption {float:left;width:auto;color:#FFFFFF;margin:0 0 10px 0;padding:0 5px 0 0;font-size:14px} #teaser_signup div.caption.sign {width:115px} #teaser_signup div.caption.last {margin-bottom:0} #teaser_support span.sign_question {float:left;width:27px;height:27px;margin:5px 8px 0 0;background: transparent url('http://static1.visit-x.net/static/vx/751/box/sign_question.png') top left no-repeat} #teaser_support div.caption {float:left;width:auto;color:#FFFFFF;margin:0 0 10px 0; padding:0 5px 0 0;font-size:14px} #teaser_support div.caption.sign {width:115px} #teaser_support div.caption.last {margin-bottom:0} #teaser_support div.caption.center {font-size:13px;text-align:center;padding:0;width:145px} #teaser_support div.caption a {color:#FFFFFF} /** SHP - Neue Fotoalbumfunktion **/ /* album auflistung */ #galleries .photoalbum { position:relative; margin-bottom:15px;} #galleries .photoalbum .album_c1 { background-color:#3B0000; height:110px; margin-left:45px; margin-top:24px; position:absolute; width:325px; padding:10px 5px 0px 155px} #galleries .photoalbum .album_c1 h3.link, #galleries .photoalbum .album_c1 a.album_head { font-size:17px; margin-bottom:5px; display:block} #galleries .photoalbum .album_c1 span { font-size:12px;} #galleries .photoalbum .album_c1 .album_data { position: absolute; bottom:10px; left:155px;} #galleries .photoalbum .album_c1 .album_view { position: absolute; bottom:10px; right:15px;} #galleries .photoalbum .album_c2 { position:relative; width:200px; height:160px;} #galleries .photoalbum .album_c2 .album_headsmall { position: absolute; top:9px; left:14px; z-index:5; font-size:10px} #galleries .photoalbum .album_c2 img.album { position:absolute;z-index:3} #galleries .photoalbum .album_c2 img.picture { position:absolute; top:30px; left:19px;z-index:2;width:151px; height:113px;} /* album ansicht */ #galleries .view_photoalbum { background-color: #3B0000; padding: 15px; margin: 0px 0px 15px; position:relative} #galleries .view_photoalbum .album_head { font-size:17px; margin-bottom:5px;} #galleries .view_photoalbum .lbFuncRating { position:absolute; bottom:0; right:10px; width:165px;} /** mailbox */ div.box_mail {float:left;width:100%} div.mailview_header {float:left;width:100%;background-color:#540000;margin-bottom:2px;} div.mailview_header .part1, div.mailview_header .part2, div.mailview_header .part3, div.mailview_header .part4, div.mailview_header .part5 { float:left; width: auto; height:50px; } div.mailview_header .part3 { width:130px; } div.mailview_header .part4 { width:175px; overflow:hidden;} div.mailview_header .part1 input { margin:9px 11px 0 11px} div.mailview_header .part1 a { margin:5px 11px 0 11px; display:block} div.mailview_header .part2 img { margin:4px 0px; width: 56px; height: 42px;} div.mailview_header .part3 span.online { color: lime; margin-top:1px; display:block; } div.mailview_header .part3 .fromname { display:inline; float:left; width: auto; margin:5px 0 0 10px; } div.mailview_header .part4 a img { width: 15px; height: 15px; margin-right:5px;} div.mailview_header .part4 .link1 { margin-top:5px; display:block; float:left; width: auto} div.mailview_header .part4 .link2 { margin-top:4px; display:block;white-space:nowrap;} div.mailview_header .part4 .link3 {line-height:21px;color:#986666} div.mailview_header .part5 .date { margin-top:5px; } .mailcontent { background-color:#540000; margin-bottom:2px; width:100%; } .mailcontent h5 { padding:20px 0 0 20px; margin:0px; font-size:16px; font-weight:normal} .mailcontent p, .mailcontent .like-p { padding:20px; margin:0px;} .mailcontent .mailimg { width:100px; float:right; margin: 24px 20px 20px 20px;} .mailcontent textarea { width: 100%; height: 100px; margin-bottom:5px;} .mailcontent .link { text-decoration: underline;} .history_prev { float:left; width:100%; background-color:#540000; padding:5px 0; margin-top: 2px; cursor:pointer;} .mailpagination { margin-top:10px;} .mail_selection {float:left;margin-right:5px;border:1px solid #540000;padding:0 5px;line-height:20px;cursor:pointer} .emailform_label { float: left; width: 60px; margin-bottom: 10px; } .emailform_content { float: left; width: auto; margin-bottom: 10px;} .emailform_buttons { float: left; width: 495px; margin: 20px 0 0 0;} .mail_text_shade {color:#986666} #mail_uploader {float:left;width:100%} #attachment_browse {float:left;width:160px;margin:0} #attachment_delete {float:left;width:160px;margin:0} #image-container {position:absolute;top:20px;right:20px} #image-container img {height:60px;border:1px solid #ffffff} /* SenderTab2 */ div.myvx_sendertab2 { float:left;width:120px;position:relative;overflow:hidden;border:1px solid #480000;background-color:#a20003;padding:2px;margin: 3px 7px 3px 3px;display: inline} div.myvx_sendertab2 span.online { position:absolute;top:3px;right:4px;color:lime;font-size:9px} div.myvx_sendertab2 img.sender { width:120px;height:90px} div.myvx_sendertab2 .sender { width:100%;text-align:center} div.myvx_sendertab2 .sender a { color:#FDFDB7} /* Settings */ div.myvx_settings .description { color:#FDFDB7;margin:15px 0 0 20px} /** MyVX New Clips */ #myvx_new_clips .headline {float:left;width:564px;display:inline;margin:10px 10px 0 10px;background:#520000;font-size:13px;color:#FFFFFF} #myvx_new_clips .headline .caption {float:left;width:auto;display:inline;line-height:33px;margin:0 0 0 18px} #myvx_new_clips .filters {float:right;width:auto;margin:4px 4px 0 0;display:inline} #myvx_new_clips .filters a {float:left;width:25px;height:25px;margin:0 0 0 3px;cursor:pointer} #myvx_new_clips .filters a.female {background: transparent url('http://static1.visit-x.net/static/vx/751/female_off.png') top left no-repeat} #myvx_new_clips .filters a.female_on, #myvx_new_clips .filters a.female:hover {background: transparent url('http://static1.visit-x.net/static/vx/751/female_on.png') top left no-repeat} #myvx_new_clips .filters a.male {background: transparent url('http://static1.visit-x.net/static/vx/751/male_off.png') top left no-repeat} #myvx_new_clips .filters a.male_on, #myvx_new_clips .filters a.male:hover {background: transparent url('http://static2.visit-x.net/static/vx/751/male_on.png') top left no-repeat} /** MyVX New Cams */ #myvx_new_cams .foo_host { margin:0 20px 28px; } #myvx_new_cams .headline {float:left;width:564px;display:inline;margin:10px 10px 0 10px;background:#520000;font-size:13px;color:#FFFFFF} #myvx_new_cams .headline .caption {float:left;width:auto;display:inline;line-height:33px;margin:0 0 0 18px} #myvx_new_cams .filters {float:right;width:auto;margin:4px 4px 0 0;display:inline} #myvx_new_cams .filters a {float:left;width:25px;height:25px;margin:0 0 0 3px;cursor:pointer} #myvx_new_cams .filters a.female {background: transparent url('http://static1.visit-x.net/static/vx/751/female_off.png') top left no-repeat} #myvx_new_cams .filters a.female_on, #myvx_new_cams .filters .female:hover {background: transparent url('http://static1.visit-x.net/static/vx/751/female_on.png') top left no-repeat} #myvx_new_cams .filters a.male {background: transparent url('http://static1.visit-x.net/static/vx/751/male_off.png') top left no-repeat} #myvx_new_cams .filters a.male_on, #myvx_new_cams .filters .male:hover {background: transparent url('http://static2.visit-x.net/static/vx/751/male_on.png') top left no-repeat} /* Smaller Tab padding for TopGalleries */ #small.tabbox .button {padding: 7px 20px;} #small.tabbox .button:hover {padding: 7px 20px;} /** Write mails **/ div.dropdown-menu { background:#FFFFFF; padding:7px 0px; width:215px; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; background-color: #FFFFFF; overflow: hidden; font-size: 14px } div.dropdown-menu a { color: #FFFFFF; color: #000000; } div.dropdown-menu .link { padding: 2px; height: 45px; overflow: hidden; cursor: pointer; } div.dropdown-menu .link img, div.dropdown-menu .link_selected img { float: left; margin-right: 5px;} div.dropdown-menu h2 { color: #000000; border-bottom: 1px solid #000000; margin: 2px 5px 5px 5px; font-size: 14px; font-weight: bold; } div.dropdown-menu .link_selected { padding: 2px; height: 45px; overflow: hidden; cursor: pointer; background-color:#3399FF;} #write_mail #dropdown_menu { width: 220px; float: left;} #write_mail #dropdowns { margin-bottom: 10px; float: left;} #write_mail #dropdowns div { width: 150px; float: left; margin-right: 20px; border: 1px solid #929292; background-color: #FFFFFF; color: #000000; padding: 2px; cursor: pointer; background-image: url(http://static1.visit-x.net/static/vx/751/selector.png); background-repeat: no-repeat; background-position: top right; height: 16px; line-height: 16px;} #write_mail a.selector:hover, #dropdown_menu .dropdown-menu .link:active, .dropdown-menu .link:hover,#dropdown_menu div.selected { background-color:#3399FF; } #write_mail .myvx_button2 { float: right;} #write_mail .description { margin: 15px 0 0 20px;} #write_mail .become_vip { background:url(http://static2.visit-x.net/static/vx/751/vipspecial/button_becomevip.png) no-repeat; text-align:center; margin:0 auto; width:288px; height:59px; line-height:60px;} #write_mail .become_vip a { text-decoration:none; font-size:20px; color:#3C0000;} #login_form { color:#FFFFFF} #login_form a { color:#FDFDB7} #login_form a.link { display:block;width:177px;height:28px;padding:11px 0 0 22px;font-size:14px;text-decoration:none;color:#FFFFFF;background: transparent url('http://static1.visit-x.net/static/vx/751/buttons/big01.png') top left no-repeat;cursor:pointer} #login_form a.submit { display:block;width:206px;height:28px;text-align:center;padding:11px 0 0 20px;font-size:14px;text-decoration:none;color:#FFFFFF;background: transparent url('http://static1.visit-x.net/static/vx/751/buttons/big03.png') top left no-repeat;cursor:pointer} #login_form .hint { display:none;width:119px;font-size:12px;position:absolute;top:0;left:0;background:#1F1F1F;color:#FFFFFF;padding:5px;border:1px solid #434343} #login_form .top { float:left;width:100%;height:86px;border-bottom:3px solid #000000} #login_form .left { float:left;width:320px;height:62px;margin:12px 0 0 12px;display:inline;border-right:1px solid #990000} #login_form .left .source_frame { float:left;display:inline;width:65px;height:68px;margin:2px 0 0 7px;background: transparent url('http://static2.visit-x.net/static/vx/751/signup_source_default.png') top left no-repeat} #login_form .left .source_frame.shp { width:64px;height:61px;margin:5px 0 0 6px;background: transparent url('http://static1.visit-x.net/static/vx/751/signup_source_shp.png') top left no-repeat} #login_form .left .source_frame.mailbox { width:65px;height:68px;margin:0 0 0 10px;background: transparent url('http://static2.visit-x.net/static/vx/751/signup_source_mailbox.png') top left no-repeat} #login_form .left .source_frame.pussywall { width:65px;height:68px;margin:6px 0 0 10px;background: transparent url('http://static2.visit-x.net/static/vx/751/signup_source_pussywall.png') top left no-repeat} #login_form .left .source_frame img { display:block;width:60px;height:45px;margin: 2px 0 0 2px} #login_form .left .source_text { float:right;width:227px;margin:14px 5px 0 0;display:inline} #login_form .right { float:right;width:auto;margin:12px 12px 0 0;display:inline} #login_form .right a.login { margin:12px 12px 0 0} #login_form .main { float:left;width:auto;margin:33px 0 36px 39px;display:inline} #login_form .main a.textlink { font-size:17px;text-decoration:underline} #login_form .main div.label { float:left;width:166px;font-size:17px;margin:8px 0 0 0} #login_form .main div.input { float:left;width:auto;margin:0 0 14px 5px;display:inline} #login_form .main div.input input { display:block;width:209px;height:27px;font-size:17px;border: 0 none;color:#000000;background: transparent url('http://static2.visit-x.net/static/vx/751/form/input_big.png') top left no-repeat;margin:3px 0 0 3px;padding:6px 4px 0 7px} #login_form .main div.input input.invalid { background: transparent url('http://static2.visit-x.net/static/vx/751/form/input_big_invalid.png') top left no-repeat} #login_form .main div.input input.readonly { background: transparent url('http://static2.visit-x.net/static/vx/751/form/input_big_readonly.png') top left no-repeat; } #login_form .main div.submit { float:left;width:auto;margin:0 0 0 5px;display:inline} #login_form .main div.submit input { display:block;width:226px;height:39px;font-size:14px;border: 0 none;background: transparent url('http://static1.visit-x.net/static/vx/751/buttons/big02.png') top left no-repeat;color:#FFFFFF;cursor:pointer} #login_form .main div.checkbox { float:left;width:21px;height:21px;margin:0 5px 17px 0} #login_form .main input.checkbox { display:block;width:21px;height:21px;background: transparent url('http://static2.visit-x.net/static/vx/751/form/checkbox.png') top left no-repeat;cursor:pointer;border:0;font-size:0} #login_form .main input.checkbox.invalid { background: transparent url('http://static2.visit-x.net/static/vx/751/form/checkbox_invalid.png') top left no-repeat} #login_form .main input.checkbox.checked { background: transparent url('http://static1.visit-x.net/static/vx/751/form/checkbox_checked.png') top left no-repeat} #login_form .main div.checkbox_text { float:left;width:auto;font-size:17px;margin:0} #login_form .links { float:left;width:100%;border-top:3px solid #000000} #login_form .links .container { padding:10px 25px;text-align:left} #signup_form { color:#FFFFFF} #signup_form a { color:#FDFDB7} #signup_form a.link { display:block;width:177px;height:28px;padding:11px 0 0 22px;font-size:14px;text-decoration:none;color:#FFFFFF;background: transparent url('http://static1.visit-x.net/static/vx/751/buttons/big01.png') top left no-repeat;cursor:pointer} #signup_form a.submit { display:block;width:206px;height:28px;text-align:center;padding:11px 0 0 20px;font-size:14px;text-decoration:none;color:#FFFFFF;background: transparent url('http://static1.visit-x.net/static/vx/751/buttons/big03.png') top left no-repeat;cursor:pointer} #signup_form .hint { display:none;width:119px;font-size:12px;position:absolute;top:0;left:0;background:#1F1F1F;color:#FFFFFF;padding:5px;border:1px solid #434343} #signup_form .top { float:left;width:100%;height:86px;border-bottom:3px solid #000000} #signup_form .left { float:left;width:320px;height:62px;margin:12px 0 0 12px;display:inline;border-right:1px solid #990000} #signup_form .left .source_frame { float:left;display:inline;width:65px;height:68px;margin:2px 0 0 7px;background: transparent url('http://static2.visit-x.net/static/vx/751/signup_source_default.png') top left no-repeat} #signup_form .left .source_frame.shp { width:64px;height:61px;margin:5px 0 0 6px;background: transparent url('http://static1.visit-x.net/static/vx/751/signup_source_shp.png') top left no-repeat} #signup_form .left .source_frame.mailbox { width:65px;height:68px;margin:0 0 0 10px;background: transparent url('http://static2.visit-x.net/static/vx/751/signup_source_mailbox.png') top left no-repeat} #signup_form .left .source_frame.pussywall { width:65px;height:68px;margin:6px 0 0 10px;background: transparent url('http://static2.visit-x.net/static/vx/751/signup_source_pussywall.png') top left no-repeat} #signup_form .left .source_frame img { display:block;width:60px;height:45px;margin: 2px 0 0 2px} #signup_form .left .source_text { float:right;width:227px;margin:14px 5px 0 0;display:inline} #signup_form .right { float:right;width:auto;margin:12px 12px 0 0;display:inline} #signup_form .right a.login { margin:12px 12px 0 0} #signup_form .main { float:left;width:auto;margin:33px 0 36px 39px;display:inline} #signup_form .main a.textlink { font-size:17px;text-decoration:underline} #signup_form .main div.label { float:left;width:166px;font-size:17px;margin:8px 0 0 0} #signup_form .main div.input { float:left;width:209px;margin:0 0 14px 5px;display:inline} #signup_form .main div.input input { display:block;width:209px;height:27px;font-size:17px;border: 0 none;color:#000000;background: transparent url('http://static2.visit-x.net/static/vx/751/form/input_big.png') top left no-repeat;margin:3px 0 0 3px;padding:6px 4px 0 7px} #signup_form .main div.input input.invalid { background: transparent url('http://static2.visit-x.net/static/vx/751/form/input_big_invalid.png') top left no-repeat} #signup_form .main div.input input.readonly { background: transparent url('http://static2.visit-x.net/static/vx/751/form/input_big_readonly.png') top left no-repeat} #signup_form .main div.input div.email_info { padding:5px;color:#FDFDB7} #signup_form .main div.submit { float:left;width:auto;margin:0 0 0 5px;display:inline} #signup_form .main div.submit input { display:block;width:226px;height:39px;font-size:14px;border: 0 none;background: transparent url('http://static1.visit-x.net/static/vx/751/buttons/big02.png') top left no-repeat;color:#FFFFFF;cursor:pointer} #signup_form .main div.checkbox { float:left;width:21px;height:21px;margin:0 5px 17px 174px;display:inline} #signup_form .main input.checkbox { display:block;width:21px;height:21px;background: transparent url('http://static2.visit-x.net/static/vx/751/form/checkbox.png') top left no-repeat;cursor:pointer;border:0;font-size:0} #signup_form .main input.checkbox.invalid { background: transparent url('http://static2.visit-x.net/static/vx/751/form/checkbox_invalid.png') top left no-repeat} #signup_form .main input.checkbox.checked { background: transparent url('http://static1.visit-x.net/static/vx/751/form/checkbox_checked.png') top left no-repeat} #signup_form .main div.checkbox_text { float:left;width:auto;font-size:17px;margin:0} #payment_form {color:#FFFFFF} /* zuweisung der Hintergrundprites für Formeleemente */ .myvx_button2, .pay_description .myvx_button2, .pay_limit .myvx_button2, #telephone_verify_container input, #mobile_verify_container input, #telephone-data-edit input, #mobile-data-edit input, #telephone-data-entry input, #mobile-data-entry input, #payment_form div.input .inputfeld1, #payment_form div.input .inputfeld2{ float:left; width:105px; height:20px; border:none; background: transparent url('/static/vx/3099/input_sprites.png') top left no-repeat; border: 0px; margin:2px 8px 5px 3px; padding:3px 4px 0 4px; } #payment_form div.input .inputfeld1 { width:146px;} #payment_form div.input .inputfeld2 { background: transparent url('/static/vx/3099/navi_logininput2.png') top left no-repeat;} #payment_form .hint { display:none;width:219px;font-size:12px;position:absolute;top:0;left:0;background:#1F1F1F;color:#FFFFFF;padding:5px;border:1px solid #434343} #payment_form div.input .invalid { background: transparent url('http://static2.visit-x.net/static/vx/751/form/input_big_invalid.png') top left no-repeat} #payment_form div .invalid { border:1px solid #ff0000;} #payment_form div .select { width: 50px; padding: 2px; margin-left:5px;} #payment_form input.checkbox.checked { background: transparent url('http://static1.visit-x.net/static/vx/751/form/checkbox_checked.png') top left no-repeat} #payment_form div.checkbox { float:left; margin-left:0; width:21px; height:21px; display:inline} #payment_form input.checkbox { display:block;width:21px;height:21px;background: transparent url('http://static2.visit-x.net/static/vx/751/form/checkbox.png') top left no-repeat;cursor:pointer;border:0;font-size:0} #cam_payment_spinner { display: none; float:left; margin:7px 7px 0 7px; z-index:999; width: 16px; height: 16px; } #cam_payment_spinner.load { background: url("http://static2.visit-x.net/static/vx/751/cam_search_spinner2.gif") 0px 0px no-repeat; } #pay_limit input.submit, #pay_ls input.submit { display:block; border:0px; width:226px; height:39px; margin:14px auto 0; text-align:center;padding:0;font-size:14px; text-decoration:none; color:#FFFFFF; background: transparent url('http://static1.visit-x.net/static/vx/751/buttons/big02.png') top left no-repeat; cursor:pointer} #pay_limit input.green, #pay_ls input.green { background:url('http://static2.visit-x.net/static/includes/images/payment/big02_green.png') no-repeat top left } input.buttonsmall { background:url('http://static2.visit-x.net/static/vx/751/navi_login_ok2.png') no-repeat top left; display:inline; border: 0px; width:160px; color:#ffffff; margin:5px 0 5px 0; padding:5px; cursor: pointer;} /* all new rules for payment & telephone mask */ #telephone_verify_container label, #mobile_verify_container label, #telephone-data-entry label, #mobile-data-entry label, #telephone-data-edit label, #mobile-data-edit label { float:left; } input#preselect, input#mobile_area_code { background-position:0 -92px } input#callnumber, input#mobile_number, input#verify-telephone-code, input#verify-mobile-code { background-position:0 -69px; width:70px; } .pay_description .myvx_button2, .pay_limit .myvx_button2, #telephone-data-entry .myvx_button2, #mobile-data-entry .myvx_button2, #telephone-data-edit .myvx_button2, #mobile-data-edit .myvx_button2 { background-position:0 -232px; width:154px; height:24px; padding:0; float:right; } .pay_description .myvx_button2:hover, .pay_limit .myvx_button2:hover, #telephone-data-entry .myvx_button2:hover, #mobile-data-entry .myvx_button2:hover, #telephone-data-edit .myvx_button2:hover, #mobile-data-edit .myvx_button2:hover { background-position:0 -260px; } #telephone_verify_container .myvx_button3, #mobile_verify_container .myvx_button3 { width:29px; height:24px; background-position:0 -285px; padding:0; } #telephone_verify_container .myvx_button3:hover, #mobile_verify_container .myvx_button3:hover { background-position:0 -311px; } select#country_code { margin:4px 4px 0 0; width:80px; float:left } .validated, #data_edit_title, #data_display_title, #warning_icon, #callback_title, .edit-link, .reload-link { /*background: url('http://static2.visit-x.net/static/includes/images/payment/payment_coins.png') 0 0 no-repeat;*/ } .data_block_container { background-color:#3B0000; padding:7px 15px; } .label_block, .data_block { float:left; width:150px; margin:0 0 10px 0; } .data_block { width:350px; } #settings_contact_telefon .data_block, #mobile-data-container .data_block { float:left; width:470px; } div.subtitle, #payment_form div.subtitle, #payment-callback-container div.subtitle { font-variant: small-caps; font-size:15px; font-weight:bold; padding:0 0 0 15px; margin:0 0 5px 0; } #payment-callback-container .on, #payment-callback-container .off { color:#FDFDB7; background-position:-6px -429px; padding:0 0 0 20px; cursor:pointer; } #payment-callback-container .on { background-position:-6px -408px; } #payment-callback-container .on:hover { background-position:-6px -516px; } #payment-callback-container .off:hover { background-position:-6px -537px; } #data_edit_title, #data_display_title, #callback_title { padding-left:5px; height:40px; margin: 0 0 0px 0; } #warning_icon { float:left;width:70px;margin-right:8px;background-position:-8px -140px;height:95px} #warning_title { float:left;width:460px;} #data_edit_title { background-position:0 -70px; } #callback_title { padding-left:10px; } .validated { height:40px; width:40px; background-position:0 -300px; float:right; } #payment_form div a.edit-link, #settings_contact_telefon a.edit-link, #settings_contact_mobile a.edit-link, div.field a.reload-link { /*color:#FDFDB7;font-weight:bold;background-position: -5px -348px;padding:3px 0 2px 20px;*/ } div.field a.reload-link { background-position: -5px -379px} #payment_form div a.edit-link:hover, #settings_contact_telefon a.edit-link:hover, #settings_contact_mobile a.edit-link:hover { background-position:-5px -456px} div.field a.reload-link:hover { background-position: -5px -487px} /* end new rules for payment mask */ /* INPUT Sprite / 5 größen / SK*/ .inputsprite, #payment_form div.input .spr_input1.invalid, #payment_form div.input .spr_input2.invalid, #payment_form div.input .spr_input3.invalid, #payment_form div.input .spr_input4.invalid, #payment_form div.input .spr_input5.invalid { background:url('/static/vx/3099/input_sprite.png') transparent top left no-repeat; display:block; border: 0px;} .inputsprite.spr_input1 { background-position:0px 0px; height:20px; width:146px; padding:3px 4px 0 4px; margin:2px 8px 5px 3px; float:left;} #payment_form div.input .spr_input1.invalid { background-position:0px -120px} .inputsprite.spr_input2 { background-position:0px -24px; height:20px; width:101px; padding:3px 4px 0 4px; margin:2px 8px 5px 3px; float:left; } #payment_form div.input .spr_input2.invalid { background-position:0px -144px} .inputsprite.spr_input3 { background-position:0px -48px; height:20px; width:77px; padding:3px 4px 0 4px; margin:2px 8px 5px 3px; float:left; } #payment_form div.input .spr_input3.invalid { background-position:0px -168px} .inputsprite.spr_input4 { background-position:0px -72px; height:20px; width:56px; padding:3px 4px 0 4px; margin:2px 8px 5px 3px; float:left; } #payment_form div.input .spr_input4.invalid { background-position:0px -192px} .inputsprite.spr_input5 { background-position:0px -96px; height:20px; width:36px; padding:3px 4px 0 4px; margin:2px 8px 5px 3px; float:left; } #payment_form div.input .spr_input5.invalid { background-position:0px -216px} /* end input sprite */ .ls_fee { font-size:10px;} .select_small { width: 50px; padding: 2px 2px 3px 2px; margin:0 4px 0 5px; float:left} .select_medium { width: 109px; padding: 2px 2px 3px 2px; margin:0 4px 0 5px; float:left} .select_big { width: 227px; padding: 2px 2px 3px 2px; margin:0 4px 0 5px;margin:0 2px 0 5px; float:left} .myvx_button2.setbutton { margin: 10px 0 0 0} .ico_question { display:block; float:left; margin:3px 0 0 5px; width:19px; height:19px; background:url('http://static1.visit-x.net/static/includes/images/payment/ico_question.png') transparent top left no-repeat;} /** Base */ * { margin: 0; padding: 0; } body,td,div,a,input { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; } body { color: #FDFDB7; background-color: #000000; margin: 0; padding: 0; } body.popup {background-color:#660000} /* Grundlegendes */ table { border: 0px; padding: 0px; margin: 0px; border-collapse: collapse; table-layout: fixed; } td { vertical-align: top; } a { text-decoration: none; outline: none; color: #FDFDB7; } img { border:none;} .clear { clear: both; margin: 0px; padding: 0px; height: 0px; width: 0px; overflow: hidden; } form .error { background-color:#ac0000} .error { background-color:#ac0000} .error_msg { font-weight: bold } .label_info { font-style: italic;} .italic { font-style: italic;} /* Social Bookmarks */ a.book_wong, a.book_google, a.book_twitter, a.book_delicious, a.book_digg, a.book_feed, a.book_facebook { height:16px; width:16px; margin: 0 2px; display: inline; float:left; cursor: pointer; } a.book_wong { background: transparent url('/static/icons/bookmarks/01/wong.png') top left no-repeat;} a.book_wong:hover { background: transparent url('/static/icons/bookmarks/01/wong_hoover.png') top left no-repeat;} a.book_google { background: transparent url('/static/icons/bookmarks/01/google.png') top left no-repeat;} a.book_google:hover { background: transparent url('/static/icons/bookmarks/01/google_hoover.png') top left no-repeat;} a.book_twitter { background: transparent url('/static/icons/bookmarks/01/twitter.png') top left no-repeat;} a.book_twitter:hover { background: transparent url('/static/icons/bookmarks/01/twitter_hoover.png') top left no-repeat;} a.book_delicious { background: transparent url('/static/icons/bookmarks/01/delicious.png') top left no-repeat;} a.book_delicious:hover { background: transparent url('/static/icons/bookmarks/01/delicious_hoover.png') top left no-repeat;} a.book_digg { background: transparent url('/static/icons/bookmarks/01/digg.png') top left no-repeat;} a.book_digg:hover { background: transparent url('/static/icons/bookmarks/01/digg_hoover.png') top left no-repeat;} a.book_feed { background: transparent url('/static/icons/bookmarks/01/feed.png') top left no-repeat;} a.book_feed:hover { background: transparent url('/static/icons/bookmarks/01/feed_hoover.png') top left no-repeat;} a.book_facebook { background: transparent url('/static/icons/bookmarks/01/facebook.png') top left no-repeat;} a.book_facebook:hover { background: transparent url('/static/icons/bookmarks/01/facebook_hoover.png') top left no-repeat;} /** links mit kleinem pfeil davor **/ a.pfeil { display:inline; background:url('http://static2.visit-x.net/static/vx/751/arrow_small1.png') top left no-repeat; background-position: 0px 1px; padding: 0 0 0 18px; margin-bottom:5px; font-size:12px;} a.pfeilbig { display:inline; background:url('http://static2.visit-x.net/static/vx/751/arrow_small1.png') top left no-repeat #990000; background-position: 6px 10px; padding: 8px 15px 8px 30px; margin-bottom:5px; font-size:15px;} a.pfeilbig:hover { background:url('http://static2.visit-x.net/static/vx/751/arrow_small1.png') top left no-repeat #b80000; background-position: 10px 10px;} a.pfeil2 { display: block; float: left; cursor: pointer; } a.pfeil2 .icon { display: block; float: left; width: 15px; height: 13px; margin: 3px 3px 0 0; background: transparent url('http://static2.visit-x.net/static/vx/751/arrow_small1.png') top left no-repeat; overflow: hidden; } a.pfeil2 .caption { display: block; float: left; width: auto; line-height: 18px; font-size: 12px; } .navi_link { margin-top:1px; margin-right:5px; float:left } /** -------------------------------------------- **/ /** ------------------ Header ------------------ **/ #top { width: 100%; height: 127px; overflow:hidden; background:url('http://static2.visit-x.net/static/vx/751/head_bg.gif');} #top .shine { position:absolute; top:93px; left:0px; z-index:10;width:463px;height:34px} #top .cam { position:absolute; top:72px; left:7px; width: 54px; height: 54px; background: transparent url('http://static1.visit-x.net/static/vx/751/head_cam.png') top left no-repeat; z-index:15;} #top .infotext { position:absolute; top:100px; left:65px; z-index:20; font-size:13px; color:#ffffff} #top .topline { position:absolute; top:0px; right:0px; width:390px; height:39px; z-index:20; font-size:13px; color:#ffffff} #top .topline_bg { height:39px; padding: 0 14px 0 80px; background: transparent url('http://static1.visit-x.net/static/vx/751/head_topline_bg.png') top left no-repeat; } #top .topline .separator { float:left; margin:0 16px;width:2px;height:27px} #top .topline .textlink { float:left; display:block; margin-top:4px; color:#ffffff } #top .topline .flags { float:left; margin-top:5px; width:120px; } #top .topline .flags a { position: relative; } #top .bottomline { position:absolute; top:94px; left:592px; width:390px; height:32px; } #top .bottomline .separator { display: inline; float:left; margin:0 16px;width:2px;height:32px} #top .bottomline .separator.last { display: inline; float:left; margin:0 0 0 8px; } #top .bottomline .ico_search { display: inline; float:left; margin:4px 5px; width: 20px; height: 20px; background: transparent url('http://static2.visit-x.net/static/vx/751/head_bottomline_search.png') top left no-repeat; } #top .head_topline_sep { background-image: url(http://static1.visit-x.net/static/vx/751/head_topline_sep.png); background-repeat: no-repeat; } #top .head_bottomline_sep { background-image: url(http://static2.visit-x.net/static/vx/751/head_bottomline_sep.png); background-repeat: no-repeat; } #top .head_shine { background-image: url(http://static1.visit-x.net/static/vx/751/head_shine.gif); background-repeat: no-repeat; } /* #camregister_klebi_it { position: absolute; top: 31px; right: 0px; z-index: 10; width: 279px; height: 55px; } #camregister_klebi_it .bg { background: transparent url('http://static1.visit-x.net/static/vx/751/camregister_klebi_it.png') top left no-repeat; width: 279px; height: 55px; } #camregister_klebi_it .link { display: block; position: relative; } #camregister_klebi_it img { width: 279px; height: 55px; } */ /* NEU HD und TON Icons Header */ #top a.foo_new, #top a.foo_ton, #top a.foo_hd, #top a.foo_prev, #top a.foo_new_selected, #top a.foo_ton_selected, #top a.foo_hd_selected, #top a.foo_prev_selected{ height:25px; width:25px; display: inline; float:left; margin:2px 4px 0 0; cursor: pointer; } #top a.foo_new { background: transparent url('http://static2.visit-x.net/static/vx/751/en/foo_new_off.png') top left no-repeat;} #top a.foo_new:hover { background: transparent url('http://static1.visit-x.net/static/vx/751/en/foo_new_on.png') top left no-repeat; } #top a.foo_new#foo_new_selected { background: transparent url('http://static1.visit-x.net/static/vx/751/en/foo_new_on.png') top left no-repeat; } #top a.foo_hd { background: transparent url('http://static1.visit-x.net/static/vx/751/foo_hd_off.png') top left no-repeat; } #top a.foo_hd:hover { background: transparent url('http://static2.visit-x.net/static/vx/751/foo_hd_on.png') top left no-repeat; } #top a.foo_hd#foo_hd_selected { background: transparent url('http://static2.visit-x.net/static/vx/751/foo_hd_on.png') top left no-repeat; } #top a.foo_ton { background: transparent url('http://static2.visit-x.net/static/vx/751/foo_ton_off.png') top left no-repeat; } #top a.foo_ton:hover { background: transparent url('http://static2.visit-x.net/static/vx/751/foo_ton_on.png') top left no-repeat; } #top a.foo_ton#foo_ton_selected { background: transparent url('http://static2.visit-x.net/static/vx/751/foo_ton_on.png') top left no-repeat; } #top a.foo_prev { background: transparent url('http://static1.visit-x.net/static/vx/751/foo_prev_off.png') top left no-repeat; } #top a.foo_prev:hover { background: transparent url('http://static1.visit-x.net/static/vx/751/foo_prev_on.png') top left no-repeat; } #top a.foo_prev#foo_prev_selected { background: transparent url('http://static1.visit-x.net/static/vx/751/foo_prev_on.png') top left no-repeat; } /** Cam-Search / Header / Index.tpl */ #cam_search_form { float:left;} #cam_search_spinner { display: inline; float:left; margin:7px 7px 0 7px; width: 16px; height: 16px; } #cam_search_spinner.load { background: url("http://static2.visit-x.net/static/vx/751/cam_search_spinner2.gif") 0px 0px no-repeat; } #cam_search_form input { color: #000000; width:125px; height:18px; border:none; background: transparent url('http://static2.visit-x.net/static/vx/751/head_bottomline_input.png') top left no-repeat; border: 0px; margin:4px 0 0 0; padding:2px 4px 0 4px; } #cam_search_input.focus { color: #000000; } #cam_search_result {position:absolute;top:127px;left:641px;width:224px;z-index:999;background-color:#3B0000} #cam_search_result_content a {text-decoration:underline} #cam_search_result_content a.close {display:block;position:absolute;top:0;right:0} #cam_search_result_content div.host_item {overflow:hidden;width:214px;padding:5px;background:transparent} #cam_search_result_content div.host_item.selected {background:#990000} #cam_search_result_content img.host_preview {float:left;width:60px;height: 45px} #cam_search_result_content div.host_info {float:left;width:130px;margin-left:5px;display:inline} #cam_search_result_content div.bottom {padding:10px;text-align:right} #cam_search_result_content div.info {padding:10px} /** ------------------------------------------------------------ **/ /** ------------------ Layout Content Bereich ------------------ **/ /* gesamter content bereich */ #main { width: 980px; overflow: hidden; background: transparent url(http://static2.visit-x.net/static/vx/751/navi_bg.png) 0px 0px repeat-y; } /* Navi Links */ #navi { float: left; width: 187px; display:inline} /* Hauptcontent */ #module { width:760px; float:right; overflow: hidden; display:inline } /* Kategorien */ #lay_kats { width:760px; float:right; margin-bottom:10px; background:url('http://static2.visit-x.net/static/vx/751/kat_bg2.png') bottom left no-repeat; } /* cam auflistung */ #lay_foo { width:584px; float:left;} /* module z.b. Neue Amateure etc. */ #lay_module { width:165px; float:right; overflow:hidden; } /** -------------------------------------------------- **/ /** ------------------ Navi Bereich ------------------ **/ /* Hauptmenüpunkte */ #navi a.naviitem { background: transparent url(http://static2.visit-x.net/static/vx/751/navi_itembg.png) 0px 0px no-repeat; display:block; width:157px; height:27px; padding: 7px 0 0 30px; font-weight:bold; color:#ffffff } #navi a.naviitem:hover, #navi a.naviitem.active { background: transparent url(http://static2.visit-x.net/static/vx/751/navi_itembg_on.png) 0px 0px no-repeat; padding: 7px 0 0 30px;} /* Hauptmenüpunkte Aktion */ #navi a.naviitem_aktion { background: transparent url(http://static1.visit-x.net/static/vx/751/navi_itembg_aktion_rst2.png) 0px 0px no-repeat; display:block; width:157px; height:27px; padding: 7px 0 0 30px; font-weight:bold; color:#ffffff } #navi a.naviitem_aktion:hover, #navi a.naviitem_aktion.active { background: transparent url(http://static1.visit-x.net/static/vx/751/navi_itembg_aktion_rst2_on.png) 0px 0px no-repeat; padding: 7px 0 0 30px;} /* Hauptmenüpunkte VXClub */ #navi a.naviitem_vxclub { background: transparent url(http://static2.visit-x.net/static/vx/751/vxclub/navbtn_vxclub.png) 0px 0px no-repeat; display:block; width:157px; height:27px; padding: 7px 0 0 30px; font-weight:bold; color:#ffffff } /* Loginbox */ #navi .loginboxtop { background: transparent url(http://static1.visit-x.net/static/vx/751/navi_loginbg_top.png) top left no-repeat; width: 187px; height: 7px; padding:0px; float:left; display:inline; overflow:hidden;} #navi .loginboxbot { background: transparent url(http://static1.visit-x.net/static/vx/751/navi_loginbg_bot.png) top left no-repeat; width: 187px; height: 7px; padding:0px;} #navi .loginbox { background: transparent url(http://static1.visit-x.net/static/vx/751/navi_loginbg_mid.png) 0px 0px repeat-y; width: 177px; padding:10px 0 10px 10px; line-height:19px; font-size:12px;} #navi .loginbox label { color:#ffffff; margin-left:5px; } #navi .loginbox input.feld1 { background:transparent url(http://static2.visit-x.net/static/vx/751/navi_logininput1.png) no-repeat scroll left top; border:0; margin:4px 0 5px 3px; padding:3px 4px 0 4px; width:146px; height:21px;} #navi .loginbox input.submit { background: transparent url('http://static2.visit-x.net/static/vx/751/navi_login_ok2.png') top left no-repeat; display:inline; border: 0px; width:160px; height:29px; color:#ffffff; margin:0px 0 10px 0; padding:0px; cursor:pointer} #navi .loginbox input.submit:active { background: transparent url('http://static2.visit-x.net/static/vx/751/navi_login_ok2on.png') top left no-repeat;} #navi .loginbox div.hr { height: 2px; background: #fff url('http://static2.visit-x.net/static/vx/751/line1.png') repeat-x scroll left; width:95%; margin: 13px 0;} #navi .loginbox div.hr hr { display: none; } #navi .loginbox a.regbutton { background: transparent url(http://static2.visit-x.net/static/vx/751/navi_regbutton.png) 0px 0px no-repeat; display:block; width:154px; height:24px; padding: 7px 0 0 0px; margin:0 0 5px 6px; text-align:center; font-weight:bold; color:#880101 } #navi .loginbox a.regbutton:hover { background: transparent url(http://static2.visit-x.net/static/vx/751/navi_regbutton_on.png) 0px 0px no-repeat; color:#000000} /*#navi .loginbox .smallimg { width:60px; height:40px; background-color:#370000; border:1px solid #a00000; float:left; margin:2px; padding:1px;}*/ /* lines */ #navi div.hr { height: 2px; background: #fff url('http://static2.visit-x.net/static/vx/751/line1.png') repeat-x scroll left; margin: 1px 0 0px 0;} #navi div.hr hr { display: none; } /* zuletzt besucht */ div.visits{font-size:12px;margin:10px 0 0 15px;display:block;line-height:18px} div.visits a{font-size: 12px} div.visits a.title{font-size:13px} /** -------------------------------------------------------------------- **/ /** ------------------ Modul Box z.b. "Neue Amateure" ------------------ **/ .mod_box { width:165px; margin-bottom:10px; color:#dcdcdc } .mod_box a { color:#dcdcdc } .mod_box .headline { width:147px; height:27px; padding: 8px 0 0 18px; background: transparent url('http://static2.visit-x.net/static/vx/751/mod_headbg.png') top left no-repeat; font-size:13px; color:#ffffff; } .mod_box .headline h2 { font-weight: normal; font-size: 13px; } .mod_box .bottom { width:165px; height:6px; background: transparent url('http://static2.visit-x.net/static/vx/751/mod_botbg.png') top left no-repeat; overflow: hidden; } .mod_box .content { width:155px; padding: 7px 0 7px 10px; line-height:19px; background: #1f1f1f url(http://static1.visit-x.net/static/vx/751/mod_bg01.png) 0px 0px no-repeat; } .mod_box .content .smallimg { width:60px; height:45px; background-color:#000000; border:1px solid #434343; padding:2px; margin:3px; float:left} .mod_box .content li { list-style-type:square} /* bleibt erstmal... .mod_box .headline_gewinnspiel { width:147px; height:27px; padding: 8px 0 0 18px; background: transparent url(http://static2.visit-x.net/static/vx/751/mod_headbg.png) 0px 0px no-repeat; font-size:13px; color:#ffffff; } */ /** ------------------------------------------------------------------------------------- **/ /** ------------------ Modul Box größer für myVISIT-X seiten und paytour ------------------ **/ /** ------------------ todo: ACHTUNG hier muss was geändert werden -> CSS benennung unverständlich / mod_box2 content boxen in tour und myvisit-x // SK ------------------ **/ .mod_box2 { margin-bottom:10px; color:#ffffff; overflow:hidden;} .mod_box2 a { color:#ffffff } .mod_box2_headline { padding: 8px 0 8px 18px; margin:10px 10px 0 10px; background-color:#520000; font-size:13px; color:#FFFFFF} .mod_box2 .content { padding: 7px 7px 7px 10px; margin:10px 10px 0 10px; line-height:19px; overflow:hidden; } .mod_box2 .content .smallimg { width:60px; height:40px; background-color:#000000; border:1px solid #434343; padding:2px; margin:3px; float:left} .mod_box2 .content p { margin:8px 0px 20px;} /* .mod_box2 .content li { list-style-type:square} .mod_box2 h1 { font-size: 14px; padding: 10px 0;} */ /* sender preview auf einloggen seite */ .mod_box2 .content .preview1, .mod_box2 .content .preview2, .mod_box2 .content .preview3 {float:left; margin:3px; } .mod_box2 .content .preview1 img, .mod_box2 .content .preview2 img, .mod_box2 .content .preview3 img {width:140px; height:105px;} /** ----------------------------------------------------------------------------------------------------------- **/ /** ------------------ diverse Forms / todo: error auslagern und identisch für alle forms? -------------------- **/ /*Form Voicecallseite*/ .mod_box2 #form_voicecall .voice_box1, .mod_box2 #form_voicecall .voice_box2, .mod_box2 #form_voicecall .voice_box3 { background-color:#520000; } /* hintergrundfarbe einzelne boxen */ .mod_box2 #form_voicecall .voice_box1 { float:left; padding:10px; width:162px; margin-right:10px;} .mod_box2 #form_voicecall .voice_box2 { padding:15px 20px; height:95px; overflow:hidden; } .mod_box2 #form_voicecall .voice_box2 span { font-size:18px; font-weight:bold; margin-bottom:5px } .mod_box2 #form_voicecall .voice_box3 { padding:15px 20px 0 20px; } .mod_box2 #form_voicecall .voice_box3 .v_pin { width:110px; float:left; text-align:right; margin:5px 10px 20px 0; font-size:24px; font-weight:bold;} .mod_box2 #form_voicecall input.submit { background: transparent url('http://static2.visit-x.net/static/vx/751/navi_login_ok2.png') top left no-repeat; display:inline; border: 0px; width:160px; height:29px; color:#ffffff; margin:0px 0 0px 0; padding:0px; cursor:pointer} /*color: textfarbe buttons*/ .mod_box2 #form_voicecall input.submit:active { background: transparent url('http://static2.visit-x.net/static/vx/751/navi_login_ok2on.png') top left no-repeat;} .mod_box2 #form_voicecall input.feld1 { float:left; width:146px; height:22px; background:transparent url(http://static2.visit-x.net/static/vx/751/navi_logininput1.png) no-repeat scroll left top; border: 0px; margin:2px 8px 5px 3px; padding:3px 4px 0 4px; } .abstand_h_20 { height:20px} /*Form PW vergessen*/ .mod_box2 .form_divers input.submit { background: transparent url('http://static2.visit-x.net/static/vx/751/navi_login_ok2.png') top left no-repeat; display:inline; border: 0px; width:160px; height:29px; color:#ffffff; margin:0px 0 0px 0; padding:0px; cursor:pointer} .mod_box2 .form_divers input.submit:active { background: transparent url('http://static2.visit-x.net/static/vx/751/navi_login_ok2on.png') top left no-repeat; } .mod_box2 .form_divers input.feld1 { width:146px; height:22px; border:none; background: transparent url('http://static2.visit-x.net/static/vx/751/navi_logininput1.png') top left no-repeat; border: 0px; margin:2px 8px 5px 3px; padding:3px 4px 0 4px; } /* Breadcrumble */ .breadcrumble {float:left;width:610px;margin:8px 0 10px 23px;display:inline} #lay_kats.breadcrumble_container { margin-bottom:13px;} /** -------------------------------------------------------------------- **/ /** ------------------ Pagination -------------------------------------- **/ /** pagination struktur **/ div.pagination { text-align:center; position:relative; height:30px; line-height:18px; } div.pagination .page { display:inline-block; height:23px; padding:5px 9px 0 9px; margin:1px 1px;} div.pagination a.left { position:absolute; left:0px; top: 0px; display:inline-block; width:58px; height:30px; margin:0; } div.pagination a.right { position:absolute; right:0px; top:0px; display:inline-block; width:58px; height:30px; margin:0; } /** pagination *FOO* farbe und grafiken */ .foo_pagination div.pagination { background: url("http://static2.visit-x.net/static/vx/751/pag_bg.png") #590000 repeat-x; color:#ffffff} .foo_pagination div.pagination a { color:#ffffff} .foo_pagination div.pagination a.page:hover, .foo_pagination div.pagination .active { background-color:#970000; } .foo_pagination div.pagination a.left { background: url("http://static2.visit-x.net/static/vx/751/pag_left.gif") #590000 no-repeat; } .foo_pagination div.pagination a.left:hover { background: url("http://static2.visit-x.net/static/vx/751/pag_left_on.gif") #590000 no-repeat;} .foo_pagination div.pagination a.right { background: url("http://static2.visit-x.net/static/vx/751/pag_right.gif") #590000 no-repeat; } .foo_pagination div.pagination a.right:hover{ background: url("http://static1.visit-x.net/static/vx/751/pag_right_on.gif") #590000 no-repeat; } /** pagination *restliche seiten* farbe und grafiken */ div.pagination { background: url("http://static2.visit-x.net/static/vx/751/pag_shp_bg.gif") #590000 repeat-x; color:#ffffff} div.pagination a { color:#ffffff} div.pagination a.page:hover, div.pagination .active { background-color:#840000; } div.pagination a.left { background: url("http://static1.visit-x.net/static/vx/751/pag_shp_left.gif") #590000 no-repeat; } div.pagination a.left:hover { background: url("http://static1.visit-x.net/static/vx/751/pag_shp_left_on.gif") #590000 no-repeat;} div.pagination a.right { background: url("http://static1.visit-x.net/static/vx/751/pag_shp_right.gif") #590000 no-repeat; } div.pagination a.right:hover { background: url("http://static2.visit-x.net/static/vx/751/pag_shp_right_on.gif") #590000 no-repeat; } /** ------------------------------------------------------------------------ **/ /** ------------------ Kategorien-Box auf Foo ---------------------------------- **/ /** foo categories (new) */ #foo_categories_new { float:left; /*width:610px;*/ margin:15px 0 0 15px; display:inline;} #foo_categories_new div.container { float:left; /*width:100%;*/ height:104px} #foo_categories_new div.hr { float:left; width:630px; margin:5px 0px 5px 0px; display:inline; height:2px; background: #ffffff url('http://static2.visit-x.net/static/vx/751/kat_line.png') repeat-x top left; overflow:hidden} #foo_categories_new h1 { float:left; width:100px;height:25px;margin:0;padding:0;overflow:visible} #foo_categories_new a.top_category { float:left; width:105px;margin:0; display:inline; overflow:visible; white-space:nowrap; line-height:25px; font-size:14px; font-weight:normal; text-align:center} #foo_categories_new a.top_category:hover { /*text-decoration:underline;*/ background-color:#2a2a2a} #foo_categories_new span.top_category { float:left; width:100px;margin:0;display:inline;overflow:visible;white-space:nowrap;line-height:25px;font-size:14px;font-weight:normal;text-align:center;color:#606060;} #foo_categories_new div.sub_categories { float:left; width:630px} #foo_categories_new div.sub_category { float:left; width:100%} #foo_categories_new h2 { float:left; width:105px; height:25px; margin:0; padding:0; overflow:visible} #foo_categories_new a.sub_category { float:left; width:105px; margin:0; display:inline; overflow:visible; white-space:nowrap; line-height:25px; font-size:12px; font-weight:normal; text-align:center} #foo_categories_new a.sub_category:hover { /*text-decoration:underline;*/ background-color:#2a2a2a} #foo_categories_new span.sub_category { float:left; width:105px; margin:0; display:inline; line-height:25px; text-align:center; color:#606060; font-size:12px;font-weight:normal;} #foo_categories_new a.selected { color:#ffffff; /*background: url('http://static2.visit-x.net/static/vx/751/kat_bg0.png') transparent repeat-x top left;*/ background-color:#2a2a2a} /** foo filter (detail search) */ #foo_categories_new div.foo_filter { float:left;width:145px;margin:0 4px 0 0;display:inline;line-height:25px;text-align:center} #foo_categories_new div.foo_filter span { color:#ffc968;cursor:pointer} #foo_categories_new div.foo_filter span.caption_inactive { color:#cbcbcb;cursor:pointer} #foo_categories_new div.foo_filter span.caption_active { font-weight:bold} #foo_categories_new div.foo_filter img { vertical-align:text-top} div.foo_filter_menu_container { display:block;position:absolute;width:143px;z-index:3;background:#3e3e3e url(http://static2.visit-x.net/static/vx/751/detail_search_bg.gif) repeat-x scroll top left;border:1px solid #393939} div.foo_filter_menu { margin:0 4px 4px 4px;border:0 none} div.foo_filter_menu a { color:#cbcbcb;display:block;padding:0 4px;width:127px;line-height:25px} div.foo_filter_menu a:hover { background-color:#030303;color:#ffc968} div.foo_filter_menu img { vertical-align:text-top} div.foo_filter_menu span.title { color:#ffc968;display:block;padding:0 4px;width:127px;line-height:25px;text-align:center;cursor:pointer} div.foo_filter_menu span.selected { color:#ffc968;font-weight:bold;display:block;padding:0 4px;width:127px;line-height:25px} /** Foo Zip-Map */ .foo_zip { margin:2px 15px 5px 0; float:right; display:inline } .foo_zip img { width: 84px; height: 112px; background: transparent url('http://static1.visit-x.net/static/vx/751/map_de.png') top left no-repeat; } /** Foo Buchstaben-Register / CAMGalleryRegister.tpl */ #foo_camgallery_register { margin: 10px; } #foo_camgallery_register a { text-decoration: none; display:inline-block; margin:0 1px; padding: 0 2px;} #foo_camgallery_register a:hover { color:#ffffff } #foo_camgallery_register span.active { background-color:#232323; font-size:18px; display:inline-block; padding: 1px 7px 0 7px; margin:0 0px;color:#ffffff} /** ------------------------------------------------------------------------ **/ /** ------------------ Sender auf Foo -------------------------------------- **/ /** Hosts FOO */ .foo_host { width:140px; height: 169px; border:#4f0000 1px solid; float:left; margin: 0 4px 20px 0; position:relative; background-color:#120707; display:inline; overflow:hidden } .foo_host .picture { width:140px; height: 105px; margin:0px; padding:0px;} .foo_host .name { background: url("http://static2.visit-x.net/static/vx/751/foo_host_namebg.png") repeat-x top left; text-align:center; height:19px; padding:3px 0 0 0; font-size:14px} .foo_host .name a { font-size:14px;font-weight:normal} .foo_host .icon { display: block; position: absolute; width: 20px; height: 13px; z-index: 2; overflow: hidden; } .foo_host span.new { background: transparent url('http://static1.visit-x.net/static/vx/751/en/new.png') top left no-repeat; } .foo_host span.hd { background: transparent url('http://static2.visit-x.net/static/vx/751/hd.png') top left no-repeat; } .foo_host span.sound { background: transparent url('http://static1.visit-x.net/static/vx/751/sound.png') top left no-repeat; } .foo_host span.livepreview {background: transparent url('http://static1.visit-x.net/static/vx/751/livepreview.png') top left no-repeat} .foo_host .online { color:#1eff00; float:left; height:16px; width:45px; padding:2px 0 0 5px; font-size:11px} .foo_host .flags { float:right; height:16px; padding:2px 5px 0 0;} .foo_host .else { height:21px; background:url('http://static1.visit-x.net/static/vx/751/foo_host_elsebg.png') top left no-repeat; padding:3px 0 0 4px;} .foo_host a.hotclip { display: inline; float:left; height:18px; margin:2px 8px 0px 10px; font-size:11px} .foo_host a.pshop { display: inline; float:right; height:18px; margin:2px 21px 0px 8px; font-size:11px} /* sender mit clip und shop icon .foo_host a.hotclip { display:block; float:left; background:url('http://static1.visit-x.net/static/vx/751/foo_ico_hotclip.png') top left no-repeat; background-position: 0px 0px; padding: 1px 0 0 21px; height:18px; margin-bottom:5px; font-size:11px} .foo_host a.pshop { display:block; float:right; background:url('http://static1.visit-x.net/static/vx/751/foo_ico_pshop.png') top left no-repeat; background-position: 0px 0px; padding: 0 0 0 22px; height:18px; margin:0 8px 5px 0; font-size:11px} */ /** ------------------------------------------------------------------------------------- **/ /** ------------------ Unterseiten wenn eingeloggt -------------------------------------- **/ /** TabBox / tabs in myVISIT-X */ div.tabbox { float: left; width: 100%; display: inline; font-size:13px; } div.tabbox .button { float: left; width: auto; margin-right: 1px; padding: 7px 30px; background: url('http://static1.visit-x.net/static/vx/751/topmenu_off.gif') 0 0 #950000 repeat-x; text-decoration: none; color: #ffffff; } div.tabbox .active, div.tabbox a.button:hover { float: left; width: auto; margin-right: 1px; padding: 7px 30px; background: url('http://static1.visit-x.net/static/vx/751/topmenu_on.gif') top left #ac0000 repeat-x; text-decoration: none; color: #ffffff; } /** Private Shop - Übersicht / MediaContainer.tpl, MediaContainerTab.tpl */ div.mediacontainer { margin: 0px 0px 10px 0px; background-color: #660000; } div.mediacontainer div { font-size: 8pt; } div.mediacontainer td { font-size: 8pt; } div.mediacontainer div.header { overflow: hidden; width: 100%; font-size: 12px; margin: 0px 0px 10px 0px; padding: 0px; background-color: #3E0000; height: 24px; line-height: 24px; vertical-align: middle; font-weight: normal; text-indent: 5px; } div.mediacontainer div.preview { display: inline; float: left; width: 140px; margin-left: 10px; } div.mediacontainer div.description { display: inline; float: left; width: 220px; margin-left: 5px; } div.mediacontainer div.info_func { float: right; width: 130px; } div.mediacontainer div.frame { display: inline; float: left; width: 500px; margin-left: 10px; } div.mediacontainer span.video { padding-left: 25px; background: url(http://static2.visit-x.net/static/vx/751/content_video.gif) no-repeat 5px 0px; color: #FFC577; } div.mediacontainer span.photoset { padding-left: 25px; background: url(http://static1.visit-x.net/static/vx/751/content_photoset.gif) no-repeat 5px 0px; color: #FFC577; } div.mediacontainer span.caption { color: #FFC577; } div.mediacontainer td.caption { padding-right: 5px; color: #FFC577; } div.mediacontainer a.button { border: 1px solid #FDFDB7; background-color: #540000; color: #FDFDB7; display: block; padding: 2px; text-align: center; margin: 0px auto; } div.mediacontainer a.button:hover { border: 1px solid #FDFDB7; background-color: #FDFDB7; color: #540000; } /* FOO Tooltip */ .VXTooltip { min-width: 10px; max-width: 160px; border: 1px solid #000000; background-color: #990000; padding: 4px; color: #FFFFFF; font-size: 10px; z-index: 1000;} .VXTooltip .tip-text { display: none;} /* IE Mootools Fix for img src */ /** Tooltip */ div.vx_tooltip { border: 1px solid #ff0000; background: url('http://static2.visit-x.net/static/vx/751/tooltip_bg.gif') top left #8a0003 repeat-y; padding: 3px; width: 200px; z-index: 10000; } div.vx_tooltip div.tip-title { color: #FFFFFF; font-size: 15px; font-weight: bold; margin-bottom: 3px; } div.vx_tooltip div.tip-text { color: #FFFFCC; font-size: 13px; font-weight: normal; } /* slidein Popup unten rechts */ .roar-body { position: absolute; font: 12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; color: #fff; text-align: left; z-index: 999;} .roar { position: absolute; width: 300px; } .roar-bg { position: absolute; z-index: 1000; width: 100%; height: 100%; left: 0; top: 0; background-color: #540000; -moz-border-radius: 10px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .roar-body-ugly .roar { background-color:#333; } .roar-body-ugly .roar-bg { display: none; } .roar h3 { position:relative; padding:15px 10px 0; margin: 0; border: 0; font-size: 13px; color: #fff; z-index: 1002; } .roar p { position: relative; padding: 10px 10px 15px; margin: 0; font-size: 12px; color: #fff; z-index: 1002; } #popupimg { width: 40px; height: 30px; float: left; padding-bottom: 10px; } #popuptxt { padding: 10px; float: left; width: 220px; } .popupheader { width: 300px; } .popupheader h3 { width: 250px; float: left; margin-bottom: 10px; } .popupheader .close_img { float: right; position:relative; z-index:1004; padding-top: 10px; padding-right: 10px; cursor: pointer; } #box_PopUp_mail { width: 250px; z-index:30; right:0; bottom:-150px; position:fixed;} #box_PopUp_mail .title { background-image: url(http://static2.visit-x.net/static/vx/751/mail_delete.gif); padding-left: 20px; background-repeat:no-repeat;} #box_PopUp_mail .box_content{ padding: 10px;} #box_PopUp_buddy { position: absolute; bottom: 10px; right: 10px; } /* Fancy Upload*/ #demo-status { } #demo-status .progress {background: #3B0000 url(http://static1.visit-x.net/static/vx/751/progress.gif) no-repeat; background-position: +50% 0; margin-right: 0.5em; } #demo-status .progress-text { font-size: 0.9em; font-weight: bold; } /* ??? */ #box_video { width: 320px; margin: 10px auto; overflow: hidden;} #vote ,#vote div { width: 100%;} /** ---------------------------------------------------------------- **/ /** ------------------ Footer -------------------------------------- **/ #footer { position:relative; top:0px; left:0px; background-color: #161616; width:100%; border: 1px solid #282828; border-left: 0; border-right: 0; min-height:200px; overflow: hidden; } #footer .content { width:980px; margin-left:190px; margin-bottom:40px; } #footer .content .middle { margin:15px 20px 20px 18px; color:#797979; float:left; line-height:18px; display:inline; text-align:center } #footer .content .spalte { margin:40px 20px 10px 18px; color:#797979; float:left; line-height:18px; display:inline; } #footer .content ul.spalte { list-style: none; list-style-position: inside; } #footer .content a { color:#797979; text-decoration:none; } #footer .content a:hover { text-decoration:underline; } /** ---------------------------------------------------------------- **/ /** ------------------ Teaser -------------------------------------- **/ /** Box/HotTips.tpl */ #teaser_hot_tips ul { padding-left: 20px; } #teaser_top_amateur { position:relative; width:132px; margin:2px 0 2px 3px; } #teaser_top_amateur .icon { display: block; position: absolute; width: 20px; height: 13px; z-index: 2; overflow: hidden; } #teaser_top_amateur span.new { background: transparent url('http://static1.visit-x.net/static/vx/751/en/new.png') top left no-repeat; } #teaser_top_amateur span.hd { background: transparent url('http://static2.visit-x.net/static/vx/751/hd.png') top left no-repeat; } #teaser_top_amateur span.sound { background: transparent url('http://static1.visit-x.net/static/vx/751/sound.png') top left no-repeat; } #teaser_top_rated .star {float:left;width:15px;height:15px;margin:2px 5px 0 0; display:inline;background: transparent url('http://static1.visit-x.net/static/vx/751/rate_15x15.png') top left no-repeat;} #teaser_top_rated .label {float:left;width:130px;overflow:hidden} /*** Hot Clips ***/ #teaser_top_hotclip { margin:2px 0 2px 3px; width:132px;} #teaser_top_hotclip .clip img {width: 132px; background-color: rgb(0, 0, 0); border: 1px solid rgb(67, 67, 67); padding: 2px; } #teaser_top_hotclip .host { background-color: rgb(60, 60, 60); display: block; text-align: center; font-size: 13px; font-weight: normal; padding: 3px 0pt; width: 138px; margin: 2px 0pt 2px 0px;} #teaser_top_hotclip .rating { text-align: center; padding: 3px 0pt; width: 138px; margin: 2px 0pt 2px 0px;} #teaser_top_hotclip .clip { position: relative} #teaser_top_hotclip .play { position: absolute; top: 0; left: 0; width: 138px; height: 71px; padding-top: 33px;} #teaser_top_hotclip .play_button { display: block; width: 40px; height: 38px; margin: 0 auto; background: transparent url('http://static2.visit-x.net/static/vx/751/shp/btn_play_clip.png') top left no-repeat } #teaser_new_hotclips .hotclip { position: relative; width: 72px; height: 52px; float: left;} #teaser_new_hotclips .play { position: absolute; top: 0; left: 0; width: 72px; height: 42px; padding-top: 20px;} #teaser_new_hotclips .play_button { display: block; width: 20px; height: 19px; margin: 0 auto; background: transparent url('http://static1.visit-x.net/static/vx/751/shp/btn_play_clip_small.png') top left no-repeat } /*** Amateur Ticker ***/ #teaser_amateur_ticker div.text { float: right; width: 100px; overflow: hidden;} #teaser_amateur_ticker ul { list-style-type: none;} #teaser_amateur_ticker li { list-style-type: none; margin: 5px 0} #teaser_amateur_ticker div.text a, #teaser_amateur_ticker div.text h3, #teaser_amateur_ticker div.text p { font-size: 12px;} #teaser_amateur_ticker img { background-color:#000000; border:1px solid #434343; padding:2px;} #teaser_amateur_ticker div.text h3, #teaser_amateur_ticker div.text p { white-space: nowrap;} /** Flash Fallback **/ div.flash { margin: 10px; text-align: left;} div.flash a { text-decoration: underline} /** vx_box/InfoBox.tpl */ .info_box {float:left;width:100%} .info_box .container {position:relative; padding: 6px 4px 6px 40px; margin: 0 0 10px 0; color: white; background:#790000 url('http://static2.visit-x.net/static/vx/751/info_box_bg.png') repeat-x 0 0; height: 1%; } .info_box a {color:#FDFDB7} .info_box .sign {position:absolute; top: 3px; left:10px;} .info_box .sign.warning {width:22px; height:22px; background: transparent url('http://static1.visit-x.net/static/vx/751/achtung22.png') top left no-repeat;} .info_box .corner {position:absolute;width:4px;height:4px; background-image:url('http://static2.visit-x.net/static/vx/751/info_box_sprite.png'); overflow: hidden;} .info_box .topLeft {top:0; left:0; background-position:-1px -1px;} .info_box .topRight {top:0; right:0; background-position:-6px -1px;} .info_box .bottomLeft {bottom:0; left:0; background-position:-1px -6px; } .info_box .bottomRight {bottom:0; right:0; background-position:-6px -6px;} .foo_categories a.category.milf {width:610px;text-align: center;} /** VXModalBox */ #vxmodalbox_overlay {background:#000000} #vxmodalbox {padding:5px;background:#660000;color:#FFFFFF;} #vxmodalbox .btn_close {background: transparent url('http://static1.visit-x.net/static/includes/images/VXModalBox/btn_close.png') top left no-repeat;position:absolute;top:-12px;right:-12px;height:35px;width:35px} #vxmodalbox .spinner {background-image:url(http://static1.visit-x.net/static/includes/images/VXModalBox/spinner.gif);display:block;overflow:hidden;height:24px;width:24px;} div.pic span.online { position:absolute;top:3px;right:4px;color:lime;font-size:9px; z-index: 2000} /** AJAX Suche **/ #host_search_input { color: #000000; width:125px; height:18px; border:none; background: transparent url('http://static2.visit-x.net/static/vx/751/head_bottomline_input.png') top left no-repeat; border: 0px; margin:4px 0 0 0; padding:2px 4px 0 4px; } #ajaxsearch .selected { background-color: #990000;} #ajaxsearch #searchresult { position: relative; width: 224px; } #ajaxsearch .container { background-color: #3B0000; border: none; width: 224px;} #ajaxsearch .host_item {overflow:hidden; padding:5px; width:214px; } #ajaxsearch .host_info { display:inline; float:left; margin-left:5px; width:130px; } #ajaxsearch img.host_preview {float:left;width:60px;height: 45px} #ajaxsearch a.close { display:block; position:absolute; right:0; top:0; } #ajaxsearch .bottom { padding:10px; text-align:right;} #ajaxsearch a { text-decoration: underline;} /* für alle profilseiten */ #shp * { font-family:Arial, Helvetica, sans-serif; } #shp h1, #shp h2, #shp h3, #shp h4 { margin:0; padding:0; font-weight:normal; } #shp { float: left; width: 760px; display: inline; margin: 0px 0px 0px 0px; } #shp_popup { width: 100%; } div.hr { height: 2px; background:url('http://static1.visit-x.net/static/vx/751/shp/line.gif') repeat-x scroll left;} div.hr hr { display: none; } /* gesamter content div */ #shp .shp-content { width:760px; background-color: #660000; margin:0px; padding:0px; } #shp div.shp-parttop { } #shp div.shp-name { float:left; width:435px; display: inline; margin: 10px 0 0 20px; } #shp .shp-name img.foo { width:60px; height:45px; float:left; padding:4px; margin:0 9px 0 0 ; border:1px solid #480000; background-color: #a20003; } #shp .shp-name h1 { font-size:17px; color: #ffffcc; padding:7px 7px 3px 7px; } #shp .shp-name h2 { font-size:12px; color: #ffffcc; padding:0px; margin:0px; } #shp .shp-topicons { float:right; display: inline; margin:20px 20px 0px 0px; overflow:hidden; width:285px; } #shp .shp-topicons div.shp-btn-vchat-video { float: right; width: 210px; height: 50px; margin-right:15px; background: url('http://static2.visit-x.net/static/vx/751/shp/btnsmall_videochat.gif') no-repeat 0 0 transparent; } /* mit drei kleinen chat buttons // außerdem das diplay none im nächsten div entfernen #shp .shp-topicons div.shp-btn-vchat-video { float: right;periodical width: 117px; height: 50px; background: url('http://static2.visit-x.net/static/vx/751/shp/btnsmall_videochat.png') no-repeat 0 0 transparent; } */ #shp .shp-topicons div.shp-btn-vchat-voytex { float: right; width: 106px; height: 50px; background: url('http://static2.visit-x.net/static/vx/751/shp/btnsmall_voytex.png') no-repeat 0 0 transparent; } #shp .shp-topicons .btn-videochat { float:right; /* wenn kleine buttons width:100px; */ width:181px; display:inline; height: 26px; line-height: 26px; margin: 3px 3px 0 0; text-align:center; font-size: 13px; text-decoration:none; text-transform:uppercase; } #shp .shp-topicons div.price-videochat { float: right; width: 80px; display: inline; font-size: 9px; text-align: right; margin: 2px 4px 0 0; } div .ico-online { float:right; background: transparent url('http://static1.visit-x.net/static/vx/751/shp/icon_online.png') top left no-repeat; width:60px; height:32px; } div .ico-offline { float:right; background: transparent url('http://static1.visit-x.net/static/vx/751/shp/icon_offline.png') top left no-repeat; width:60px; height:32px; } div .ico-rss { float:right; background: transparent url('http://static1.visit-x.net/static/vx/751/shp/icon_rss.png') top left no-repeat; width:34px; height:32px; } #shp .shp-photos { float:left; width:330px; display:inline; margin:10px 0 0 20px; background-color: #550000; } #shp .shp-photos div.big { width:328px; height:248px; border:1px solid #480000; background-color: #a20003; overflow: hidden; } #shp #shp_photo_big { margin: 4px; text-align: center; overflow: hidden; width: 320px; } #shp .shp-photos div.big img { height: 240px; } #shp .shp-photos a.small { float:left; width:79px; height:61px; margin:2px 2px 0 0 ; border:1px solid #480000; background-color: #a20003; position: relative; } #shp .shp-photos img.small { width:71px; height:53px; position: absolute; z-index: 1; top: 4px; left: 4px; } #shp .shp-photos .play { width:40px; height:38px; position: absolute; z-index: 2; top: 11px; left: 19px; background: transparent url('http://static2.visit-x.net/static/vx/751/shp/btn_play_clip.png') top left no-repeat; cursor: pointer; } #shp .shp-chatbuttons { float: left; width: 380px; margin: 4px 0 0 15px; } #shp .shp-chatbuttons a { color: #ffffcc; } #shp .shp-chatbuttons div.shp-btn-videochat { float: left; width: 377px; height: 70px; background: url('http://static2.visit-x.net/static/vx/751/shp/btn_videochat2.gif') no-repeat 0 0 transparent; } #shp .shp-chatbuttons div.shp-btn-videochat-off { float: left; width: 377px; height: 70px; background: transparent url('http://static1.visit-x.net/static/vx/751/shp/btn_mail.png') top left no-repeat; color: #FFFFCC; } #shp .shp-chatbuttons div.shp-btn-video { float: left; width: 377px; height: 70px; background: url('http://static2.visit-x.net/static/vx/751/shp/btn_video.png') no-repeat 0 0 transparent; } #shp .shp-chatbuttons div.shp-btn-video-off { float: left; width: 377px; height: 70px; background: transparent url('http://static1.visit-x.net/static/vx/751/shp/btn_mail.png') top left no-repeat; color: #A00000; } #shp .shp-chatbuttons .btn-videochat { float:right; width:350px; display:inline; height: 46px; line-height: 44px; margin: 7px 4px 0 0; text-align:center; font-size:20px; text-decoration:none; text-transform:uppercase; } #shp .shp-chatbuttons div.price-videochat { float: right; width: 80px; display: inline; font-size: 9px; text-align: right; margin: 2px 4px 0 0; } #shp .shp-chatbuttons .btn-spannerchat { float: left; width: 174px; display: inline; height: 70px; margin: 0 0 0 29px; } #shp .shp-chatbuttons .btn-spannerchat .btn { display: block; width: 174px; height: 54px; font-size: 14px; line-height: 54px; text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer; background: transparent url('http://static2.visit-x.net/static/vx/751/shp/btn_voytex.png') top left no-repeat; } #shp .shp-chatbuttons .btn-spannerchat .btn.off { color: #A00000; background: transparent url('http://static1.visit-x.net/static/vx/751/shp/btn_voytex_off.png') top left no-repeat; } #shp .shp-chatbuttons .btn-spannerchat .price { font-size: 9px; text-align: right; padding-right: 6px; } #shp .shp-chatbuttons .btn-textchat { float: right; width: 174px; display: inline; height: 70px; margin: 0; } #shp .shp-chatbuttons .btn-textchat .btn { display: block; width: 174px; height: 54px; font-size: 14px; line-height: 54px; text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer; background: transparent url('http://static2.visit-x.net/static/vx/751/shp/btn_voytex.png') top left no-repeat; } #shp .shp-chatbuttons .btn-textchat .price { font-size: 9px; text-align: right; padding-right: 6px; } #shp .shp-chatbuttons div.text { float: left; width: 332px; display: inline; height: 56px; margin: 14px 0 0 37px; font-size: 8pt; color: #ffffff } #shp .shp-chatbuttons div.hr { float: left; width: 348px; display: inline; margin: 12px 0 0 29px; } #shp div.hr { /*margin:18px 20px 0 20px;*/ margin:0px; } #shp .shp-senderflags { float: left; width: 368px; display: inline; margin: 20px 0 0 14px; } #shp .shp-senderflags .iconbig { float: left; width: 60px; display: inline; height: 60px; margin: 0 0 0 13px; } #shp .shp-senderflags .iconbig.free { background: transparent url('http://static2.visit-x.net/static/vx/751/shp/iconbig_free.png') top left no-repeat; } #shp .shp-senderflags .iconbig.new { background: transparent url('http://static1.visit-x.net/static/vx/751/shp/en/iconbig_new.png') top left no-repeat; } #shp .shp-senderflags .iconbig.sound { background: transparent url('http://static1.visit-x.net/static/vx/751/shp/iconbig_sound.png') top left no-repeat; } #shp .shp-senderflags .iconbig.sound2 { background: transparent url('http://static1.visit-x.net/static/vx/751/shp/iconbig_sound2.png') top left no-repeat; } #shp .shp-senderflags .iconbig.hd { background: transparent url('http://static2.visit-x.net/static/vx/751/shp/iconbig_hd.png') top left no-repeat; } #shp .shp-senderflags .iconbig.active { background: transparent url('http://static1.visit-x.net/static/vx/751/shp/iconbig_active.png') top left no-repeat; } #shp .shp-senderflags .iconbig.gallery2 { background: transparent url('http://static1.visit-x.net/static/vx/751/shp/iconbig_gallery.png') top left no-repeat; } #shp .shp-senderflags .iconbig.hotclips { background: transparent url('http://static2.visit-x.net/static/vx/751/shp/iconbig_clips.png') top left no-repeat; } #shp .shp-senderflags .iconbig.winner_1st { background: transparent url('http://static1.visit-x.net/static/vx/751/shp/iconbig_1st.png') top left no-repeat; } #shp .shp-senderflags .iconbig.winner_2nd { background: transparent url('http://static1.visit-x.net/static/vx/751/shp/iconbig_2nd.png') top left no-repeat; } #shp .shp-senderflags .iconbig.winner_3rd { background: transparent url('http://static1.visit-x.net/static/vx/751/shp/iconbig_3rd.png') top left no-repeat; } #shp .shp-phone0900 { float: left; width: 340px; display: inline; height: 65px; margin: 20px 0 0 33px; color: #ffffff; } #shp .shp-phone0900-title { float: left; width: 100%; height: 22px; } #shp .shp-phone0900-number { float: left; width: 335px; display: inline; height: 42px; margin: 0 0 0 5px; background: transparent url('http://static2.visit-x.net/static/vx/751/shp/phone0900.png') top left no-repeat; } #shp div.shp-phone0900-digits { float: left; width: 175px; display: inline; height: 14px; margin: 13px 0 0 30px; } #shp div.shp-phone0900-digits div { float: left; display: inline; height: 14px; margin-right: 1px; } #shp .shp-phone-digit-0 { width: 10px; background: transparent url('http://static1.visit-x.net/static/vx/751/shp/phone_digit_0.png') top left no-repeat; } #shp .shp-phone-digit-1 { width: 4px; background: transparent url('http://static1.visit-x.net/static/vx/751/shp/phone_digit_1.png') top left no-repeat; } #shp .shp-phone-digit-2 { width: 10px; background: transparent url('http://static1.visit-x.net/static/vx/751/shp/phone_digit_2.png') top left no-repeat; } #shp .shp-phone-digit-3 { width: 9px; background: transparent url('http://static1.visit-x.net/static/vx/751/shp/phone_digit_3.png') top left no-repeat; } #shp .shp-phone-digit-4 { width: 10px; background: transparent url('http://static1.visit-x.net/static/vx/751/shp/phone_digit_4.png') top left no-repeat; } #shp .shp-phone-digit-5 { width: 10px; background: transparent url('http://static1.visit-x.net/static/vx/751/shp/phone_digit_5.png') top left no-repeat; } #shp .shp-phone-digit-6 { width: 10px; background: transparent url('http://static1.visit-x.net/static/vx/751/shp/phone_digit_6.png') top left no-repeat; } #shp .shp-phone-digit-7 { width: 9px; background: transparent url('http://static1.visit-x.net/static/vx/751/shp/phone_digit_7.png') top left no-repeat; } #shp .shp-phone-digit-8 { width: 10px; background: transparent url('http://static2.visit-x.net/static/vx/751/shp/phone_digit_8.png') top left no-repeat; } #shp .shp-phone-digit-9 { width: 10px; background: transparent url('http://static2.visit-x.net/static/vx/751/shp/phone_digit_9.png') top left no-repeat; } #shp .shp-phone0900-info { float: left; width: 126px; margin: 5px 0 0 3px; font-size: 10px; color: #940000; line-height:10px; } #shp .shp-partbottom { float: right; width: 738px; margin: 18px 0 0 0; background: url('http://static2.visit-x.net/static/vx/751/shp/bg_sidemenu.gif') top right transparent repeat-y; } #shp .shp-info {float:left;width:530px;margin:18px 0;overflow:hidden} #shp .shp-info.full {width:100%} /* SHP Profil old */ #shp .shp-texte div.title {color:#ffffff;margin:10px 0;font-size:16px} #shp .shp-texte div.caption {float:left;width:123px;display:inline;height:20px;color:#ffffff;margin-left:10px;font-size:12px;white-space:nowrap;overflow:hidden} #shp .shp-texte div.property {float:left;width:120px;display:inline;height:20px;margin-left:10px;font-size:12px;white-space:nowrap;overflow:hidden} #shp .shp-texte div.text {float:left;width:515px;display:inline;margin:0 0 0 10px;font-size:12px;overflow:hidden} #shp .shp-texte h2 {color:#ffffff;margin:10px 0;font-size:16px} /* SHP Profil new */ #host_profile .title {float:left;width:auto;font-size:16px;margin:10px 0;color:#ffffff} #host_profile .title {float:left;width:auto;font-size:16px;margin:10px 0;color:#ffffff} #host_profile .item {float:left;width:250px;font-size:12px;margin:0 0 0 10px;line-height:20px;display:inline;white-space:nowrap;overflow:hidden} #host_profile .item .caption {width:100px;white-space:nowrap;display:inline-block;color:#ffffff} #host_profile .item .value {width:auto;color:#FFFFCC;white-space:nowrap;display:inline-block;color:#ffffcc} #host_profile .text {float:left;width:520px;font-size:12px;margin:0 0 0 10px;display:inline;color:#ffffcc} #host_profile h2 {float:left;width:auto;font-size:16px;margin:10px 0;color:#ffffff} #shp .shp-sidemenu { float:right; width:190px; color: #ffffff; } #shp .shp-sidemenu .btn-sidemenu { display:block; width: 190px; height: 46px; line-height: 46px; text-align: left; font-size: 12px; color: #ffffff; text-decoration: none; cursor: pointer; } #shp .shp-sidemenu #btn_is_buddy .btn-sidemenu { cursor: default; } #shp .shp-sidemenu .btn-icon { float: left; width: 17px; display: inline; height: 12px; margin: 17px 8px 17px 17px; } #shp .shp-sidemenu .btn-icon_buddy_mail { float: left; width: 28px; display: inline; height: 26px; margin: 10px 0px 0px 10px; } #shp .shp-sidemenu .btn-icon-vip { float: left; width: 38px; display: inline; height: 38px; margin: 4px 0 4px 4px; } #shp .shp-sidemenu .btn-icon-ok { float: left; width: 28px; display: inline; height: 22px; margin: 12px 4px 12px 10px; } #shp .shp-sidemenu .btn-text { float: right; width: 145px; } #shp .shp-sidemenu input[type="text"] { padding: 2px; border: 1px solid #480000; height: 18px; color: white; font-size: 15px; background: #700000; } #shp a.gallery_preview { float: left; width: 112px; display: inline; height: 86px; margin: 0 8px 0 10px; border: 1px solid #480000; background-color: #a20003; } #shp a.gallery_preview img.preview { width: 104px; height: 78px; margin: 4px 0 0 4px; } #shp a.clip_preview { float: left; width: 112px; display: inline; height: 86px; margin: 0 8px 0 10px; border: 1px solid #480000; background-color: #a20003; position: relative; } #shp a.clip_preview img.preview { width: 104px; height: 78px; position: absolute; top: 4px; left: 4px; z-index: 1; } #shp a.clip_preview .play { display: block; width: 40px; height: 38px; position: absolute; top: 26px; left: 36px; z-index: 2; background: transparent url('http://static2.visit-x.net/static/vx/751/shp/btn_play_clip.png') top left no-repeat; cursor: pointer; } #shp a.clip_preview span.no_vip { width:60px; height:61px; position:absolute; z-index:2; top:4px; left:4px; background: transparent url('http://static2.visit-x.net/static/vx/751/myvx_vip_feature.png') top left no-repeat; cursor:pointer; } #shp .shp-gallery div.preview { float: left; width: 168px; height: 128px; margin: 0 4px 4px 0; border: 1px solid #480000; background-color: #a20003; text-align: center; overflow: hidden; } #shp .shp-gallery div.preview img { height: 120px; margin-top: 4px; } #shp .shp-chat iframe { background-color: #660000; border: 0px none; overflow: hidden; width: 850px; height: 620px; margin: 0px 0px 0px 20px; } #shp_popup .shp-chat iframe { background-color: #660000; border: 0px none; overflow: hidden; width: 850px; height: 620px; margin: 0px; } #shp_popup .shp_chat_exit { margin: 0px; width: 100%; } #shp_popup a.button { border: 1px solid #FDFDB7; background-color: #540000; color: #FDFDB7; display: block; padding: 2px; text-align: center; margin: 0px; } #shp_popup a.button:hover { border: 1px solid #FDFDB7; background-color: #FDFDB7; color: #540000; } /* ----------- Exit Layout Grundaufbau ------------ */ body.vchatexit { background-color:#590000; } #vchatexit { margin:0px; padding:30px 30px 0 30px ; font-family:Arial, Helvetica, sans-serif; color:#ffffff; } #vchatexit .part1 { height: 70px; } #vchatexit .part2 { background-color:#680000; border-top:1px solid #b20000; border-bottom:1px solid #b20000; padding: 25px 0; } #vchatexit .middle { margin-left:auto; margin-right:auto} #vchatexit .left { float:left; margin-left:50px; display: inline; } #vchatexit .right { float:right; margin-right:50px; display: inline; } /* ----------- Part 1 ------------ */ #vchatexit .part1 h1 { font-size:14px; color:#ffffff; font-weight:normal; margin: 0 0 6px 0; } #vchatexit .part1 h2 { font-size:14px; color:#ffffcc; font-weight:normal; } /* ----------- Part 2 ------------ */ #vchatexit .part2 .middle { width:700px; margin-left:auto; margin-right:auto} #vchatexit .part2 .left { float:left; display: inline; margin-left: 30px; } #vchatexit .part2 .right { float:right; width: 450px; display: inline; text-align: center; margin-right: 0px; } #vchatexit .part2 h3 { width: auto; line-height: 24px; height: 24px; font-size:17px; color:#ffffff; font-weight:normal; margin: 0 0 10px; text-align: center; } #vchatexit .part2 .senderbild { padding:3px; border:1px solid #3b0000; background-color:#a60000; } #vchat_rating_title span.ok { display: inline-block; width: 30px; height: 24px; background: transparent url('http://static1.visit-x.net/static/vx/751/vchat_rating_ok.png') top left no-repeat; } #vchatexit .part2 .rating_stars { width: 240px; margin: 0 auto; } #vchatexit .part2 .star { background: transparent url('http://static2.visit-x.net/static/vx/751/rate0.png') top left no-repeat; width:48px; height:48px; float:left; cursor: pointer; } #vchatexit .part2 .rate1 { background: transparent url('http://static2.visit-x.net/static/vx/751/rate1.png') top left no-repeat;} #vchatexit .part2 .rate2 { background: transparent url('http://static2.visit-x.net/static/vx/751/rate2.png') top left no-repeat;} #vchatexit .part2 .rate3 { background: transparent url('http://static2.visit-x.net/static/vx/751/rate3.png') top left no-repeat;} #vchatexit .part2 .rate4 { background: transparent url('http://static2.visit-x.net/static/vx/751/rate4.png') top left no-repeat;} #vchatexit .part2 .rate5 { background: transparent url('http://static2.visit-x.net/static/vx/751/rate5.png') top left no-repeat;} #vchatexit .part2 .rating_success { visibility: hidden; width: 240px; text-align: center; } #vchatexit .part2 .vchat_servicebox { width: 260px; margin: 20px auto 0; } #vchatexit .servicebox_subject_link a { font-size:16px; color:#ffffcc; text-decoration: underline; } /* ----------- Part 3 ------------ */ #vchatexit .part3 .left2 { display: inline; float:left; width:45%; margin-left:50px;} #vchatexit .part3 .right2 { float:right; width:280px; } #vchatexit .part3 .line { float:left; width:1%; height:120px; border-left:1px solid #b20000; margin-top:20px;} #vchatexit .part3 h4 { font-size:14px; color:#ffffff; font-weight:normal; margin:27px 0 10px 0px} #vchatexit .part3 .senderbildsmall { display: block; float:left; width: 99px; height: 90px; margin:0 4px 4px 0; position: relative; } #vchatexit .part3 .senderbildsmall img { width: 95px; height: 71px; position: absolute; top: 0; left: 0; border:1px solid #3b0000; background-color: #a60000; padding: 2px; } #vchatexit .part3 .senderbildsmall span { display: block; width: 95px; position: absolute; top: 78px; left: 0; font-size: 11px; text-align: center; cursor: pointer; } #vchatexit .part3 a { color:#ffffcc; font-size:14px; } #vchatexit .part3 a.exit_close { display:block; width:177px; height:28px; padding:11px 0 0 22px; margin: 50px 0 0; font-size:14px; text-decoration:none; color:#ffffff; background: transparent url('http://static1.visit-x.net/static/vx/751/exit_close.png') top left no-repeat; } /***** Live Vorschau *****/ #live_preview_starter { position: absolute; width: 60px; height: 45px; top: 5px; left: 5px; background: transparent url('http://static2.visit-x.net/static/vx/751/vip_livepreview.png') top left no-repeat; cursor: pointer;} #live_preview { position: relative; float: left;} #shp .lp_notice { background-image: url(http://static1.visit-x.net/static/vx/751/arrow_live_preview.png); background-repeat: no-repeat; text-indent: 16px; display: block; float: left;} #shp .lp_start_chat { text-decoration: underline; } .shp-name #live_preview_swf { width:60px; height:45px; float:left; margin:5px 9px 5px 5px ;border:1px solid #480000; background-color: #a20003; } /** Hostreg **/ #hostreg { float: left; width: 564px; background-color: #660000; margin: 10px 0 0 0; padding: 10px; } #hostreg a {text-decoration:underline} #hostreg div.toggler { background-color: #520000; margin: 0; height:18px; padding:2px 5px; font-weight:bold; font-size:10pt; font-weight: bold; cursor:pointer; background-repeat: no-repeat; background-position: 558px 2px;} #hostreg input.stnd { width:190px; } #hostreg input.small { width:40px; } #hostreg select.stnd { width:193px; } #hostreg td.tipp { text-align:left; padding-top:2px; width: 173px; } #hostreg .err { color:red; background-color:yellow; } #hostreg .ok { color:rgb(144,238,144); } #hostreg .wait { text-decoration:blink; } #hostreg #accord table td { padding: 5px 0;} #hostreg #accord table td.prop { text-align:right; padding-right:10px; width: 180px; line-height: 20px;} #hostreg div.infos { color:rgb(144,238,144);padding:5px} #hostreg h2.borderBox { background-color:#520000; border:none; font-size:10pt; font-weight:bold; margin: 0 0 10px 0; padding:5px !important} #hostreg h2.info, #hostreg h1.error { font-size: 12px; padding: 2px; background: none;} #hostreg span.vorschlag { font-size: 11px; padding: 0 5px; cursor: pointer;} #hostreg div.slider { background-color: #520000; padding: 4px;} #hostreg div.register {margin:10px 0;padding:5px} #hostreg div.success {height:18px; padding:5px; font-weight:bold; font-size:10pt; font-weight: bold;background-color:#520000;} #hostreg div.success_messages p { margin: 0; padding: 0;} #diversbox div.success_messages h3 { margin-top: 15px;} #hostreg input.medium { width: 80px } #hostreg ul.error { margin: 10px 0 10px 20px; background-color: #FF0000 } #hostreg td.input { width: 200px } #hostnameerror { padding:0px; margin:0px; font-size:11px; width: 200px; margin-left: 195px } #hostreg input.agb { width: 16px } #hostreg input.submit.next { width: 80px } #hostreg input.submit.prev { width: 80px } #hostreg input.submit.send { width: 192px } #hostreg select.day { width: 40px } #hostreg select.month { width: 80px } #hostreg select.year { width: 60px } #info_center{display:inline;float:left;width:760px;margin:10px 0 0 10px} .info_center_content{float:left;width:750px;display:inline;background-color:#660000} #info_agb p{text-align:justify;margin:10px 0;padding:0} #info_agb h2{font-size:12px;font-weight:700;margin:5px 0} #info_support a{text-decoration:underline} #info_support table{width:100%;table-layout:auto} #info_support .table_container{float:left;width:510px} #info_support .contact{float:left;width:180px;margin:0 0 0 40px} #info_support ul{margin:0 0 10px;padding:0} #info_support li{list-style-type:none;margin:5px 0;padding:0} #info_jugendschutz h1{font-size:14px;font-weight:700;background:url(http://static2.visit-x.net/static/vx/751/info_icon_profiletext.gif) no-repeat;padding-left:20px;margin:5px 0 10px} #info_doc_upload p{margin-bottom:20px} #info_doc_upload input.submit,#info_contact .submit{background:transparent url(http://static2.visit-x.net/static/vx/751/navi_login_ok2.png) no-repeat scroll left top;border:0 none;color:#FFF;cursor:pointer;height:29px;width:160px;margin:5px 0;padding:0} h2.failed{background-image:url(http://static1.visit-x.net/static/vx/751/achtung22.png);background-position:0 0;background-repeat:no-repeat;text-indent:27px;height:22px;line-height:22px} h2.success{background-image:url(http://static1.visit-x.net/static/vx/751/vchat_rating_ok.png);background-position:0 0;background-repeat:no-repeat;text-indent:35px;height:24px;line-height:24px} #info_contact label{display:block;float:left;width:140px;text-align:right;padding-right:10px} #info_contact fieldset{border:1px solid #A20003;padding:5px} #info_contact legend{padding:0 5px} #info_contact a.submit{display:block} #info_contact a.submit:hover{text-decoration:none} #emptyInfo{display:none;color:#FFF} #wrapper{width:280px;float:left;padding:5px} #servicebox_div_success{float:left;width:260px;display:inline;margin:0 10px 0 0} #servicebox_div_header{float:left;width:260px;display:inline} #servicebox_message{width:258px;height:130px} #servicebox_email{width:258px} #servicebox_email.info{color:#A0A0A0} #servicebox_subject_select{width:150px;height:22px;border:1px solid #000;background-color:#dedede} div.servicebox_subject_link{width:100%;text-align:center} .servicebox_inactive{color:#AAA!important} div.print{text-align:right;margin:10px} #info_agb,#info_senderagb{margin:10px} #info_agb h1,#info_support h1,#info_requirements h1,#info_doc_upload h1,#info_contact h1,#info_doc_upload h2,#info_contact h2{font-size:14px;font-weight:700;margin:5px 0 10px} #info_impressum,#info_support,#info_requirements,#info_jugendschutz,#info_doc_upload,#info_contact{float:left;width:auto;display:inline;margin:10px} #info_support li a,a.back{padding-left:20px;background: transparent url('http://static2.visit-x.net/static/vx/751/arrow_small1.png') top left no-repeat;background-position:0 2px;} #info_support li a,a.next{padding-right:20px;background: transparent url('http://static2.visit-x.net/static/vx/751/arrow_small2.png') top left no-repeat;background-position:right;} #info_doc_upload ul,#info_contact ul{list-style-position:inside;margin:5px 0 5px 10px;padding:0} #info_contact p,#info_senderagb h2{margin:10px 0} #servicebox_div_subject,#servicebox_div_data{float:left;width:260px;display:inline;margin:5px 0 0} #diversbox h1, #diversbox h2, #diversbox h3, #diversbox h4 { margin:0; padding:0; font-weight:normal; } #diversbox { float: left; display: inline; margin: 0px 0px 0px 0px; width:100% } div.hr { height: 2px; background:url('http://static1.visit-x.net/static/vx/751/shp/line.gif') repeat-x scroll left;} div.hr hr { display: none; } /* gesamter content div */ #diversbox .divers-content { background-color: #660000; margin:0px; /*padding:10px; */ width:100%; overflow:hidden; } #diversbox .divers-content .text { margin:20px; line-height:21px; color:#FDFDB7; } /** myvx_tabbox */ div.myvx_tabbox { height: 24px; overflow: hidden; } a.myvx_tabbox_tab { display: block; float: left; width: auto; height: 23px; background: transparent; border: 1px solid #3E0000; border-bottom: 0px; line-height: 22px; margin-right: 2px; padding: 0px 5px; } a.myvx_tabbox_tab:hover { background: #3E0000; } /** myvx_button */ a.myvx_button { border: 1px solid #FDFDB7; background-color: #540000; color: #FDFDB7; display: block; padding: 2px; text-align: center; } a.myvx_button:hover { border: 1px solid #FDFDB7; background-color: #FDFDB7; color: #540000; } .myvx_button2 { float: left; width: 160px; height: 29px; line-height: 29px; display: inline; margin: 0; padding: 0; border: 0 none; text-align:center; white-space: nowrap; cursor: pointer; background: transparent url('http://static2.visit-x.net/static/vx/751/navi_login_ok2.png') top left no-repeat; color: #ffffff;} .myvx_button3 { float: left; width: 29px; height: 29px; line-height: 29px; display: inline; margin: 0; padding: 0; border: 0 none; text-align:center; white-space: nowrap; cursor: pointer; background: transparent url('http://static1.visit-x.net/static/vx/751/navi_login_ok_small.png') top left no-repeat; color: #ffffff;} /** box_myvx (class) */ div.box_myvx { margin: 5px; width: 780px; background-color: #660000; } div.box_myvx .box_header { background: #3E0000; } div.box_myvx .box_header span.title { font-size: 10pt; } div.box_myvx .box_content { border: 0px none; background-color: transparent; } div.box_myvx div.header { background: #3E0000; } div.box_myvx div.content { background: #540000; border: 1px solid #540000;} /** box_myvx_tab_navi (class) - style for navi box */ div.box_myvx_tab_navi { float: right; /*width: 240px;*/ clear: right; margin: 10px 10px 0 0; display: inline; background-color: #540000; } div.box_myvx_tab_navi .box_header { height: 24px; line-height: 24px; padding-left: 10px; background: #3E0000; border: 0px none; } div.box_myvx_tab_navi .box_header span.title { font-size: 8pt; font-weight: bold; } div.box_myvx_tab_navi .box_content { padding: 10px; border: 0px none; background-color: transparent; } /** box_myvx_tab_img (class) - style for image box */ div.box_myvx_tab_img { float: left; width: 510px; margin: 0px 0px 10px 0px; background-color: #540000; } div.box_myvx_tab_img .box_header { height: 24px; line-height: 24px; padding-left: 10px; background: #3E0000; } div.box_myvx_tab_img .box_header span.title { font-size: 8pt; } div.box_myvx_tab_img .box_content { padding: 5px 0px 5px 7px; border: 0px none; background-color: transparent; } /** box_myvx_tab_teaser (class) - style for teaser box */ div.box_myvx_tab_teaser { float: right; /*width: 240px;*/ clear: right; margin: 10px 10px 0 0; display: inline; background-color: #540000; } div.box_myvx_tab_teaser .box_header { height: 24px; line-height: 24px; padding-left: 10px; background: #3E0000; } div.box_myvx_tab_teaser .box_header span.title { font-size: 8pt; } div.box_myvx_tab_teaser .box_content { padding: 5px 0px 5px 8px; border: 0px none; background-color: transparent; } /** box_myvx_fav_pics */ #box_myvx_fav_pics div.media_pic div.box_header { height: 24px; position: relative; } #box_myvx_fav_pics div.media_pic div.box_header img.icon { display: block; position: absolute; top: 4px; left: 4px; } #box_myvx_fav_pics div.media_pic div.box_header span.title { display: block; position: absolute; top: 0px; left: 22px; } /** myvx_buddies */ #myvx_buddies, #myvx_buddiesnoti { margin: 10px 10px 0 10px; } #myvx_buddies .buddy { float: left; width: 100%; clear: left; margin-bottom: 10px; background-color: #540000;} #myvx_buddies .picture { float: left; width: 140px; height: 105px; position:relative} #myvx_buddies .picture .hostpicture { width:140px; height:105px;} #myvx_buddies .flagsholder { position:absolute; bottom: 5px; left:4px; z-index:2} #myvx_buddies .flagsholder .flag { width: 16px; height: 12px; margin-right:2px; float:left } #myvx_buddies .binfos { float:left; width:424px} #myvx_buddies .binfos .info1 { background-color:#3E0000; float:left; width:424px;} #myvx_buddies .binfos .info1 .name { float:left; margin: 5px 10px; display:inline} #myvx_buddies .binfos .info1 .buddy_remove { float:right; margin:5px; display:inline} #myvx_buddies .binfos .info2 { float:left; padding:10px 0 5px 10px; width:250px;} #myvx_buddies .binfos .info2 .online { color:lime} #myvx_buddies .binfos .info2 .offline {} #myvx_buddies .binfos .info2 .sessiontitle { font-size: 12px; font-style: italic;} #myvx_buddies .binfos .info3 { float:right; padding:10px 0px 5px 10px; width:140px;} #myvx_buddies .binfos .info3 .ico { margin:-2px 6px 6px 0; float:left } #myvx_buddies .binfos .info3 a { float:left} #myvx_buddies .icon { display: block; position: absolute; width: 20px; height: 13px; z-index: 2; overflow: hidden; } #myvx_buddies span.new { background: transparent url('http://static1.visit-x.net/static/vx/751/en/new.png') top left no-repeat; } #myvx_buddies span.hd { background: transparent url('http://static2.visit-x.net/static/vx/751/hd.png') top left no-repeat; } #myvx_buddies span.sound { background: transparent url('http://static1.visit-x.net/static/vx/751/sound.png') top left no-repeat; } /* Buddy notification */ #myvx_buddiesnoti .buddynotihead { background-color:#3E0000; margin-bottom:2px; padding:5px 0;} /* Backgroundcolor Benachrichtigung Headline */ #myvx_buddiesnoti .head_noti1, #myvx_buddiesnoti .head_noti2, #myvx_buddiesnoti .head_noti3, #myvx_buddiesnoti .head_noti4, #myvx_buddiesnoti .head_noti5, #myvx_buddiesnoti .head_noti6 { float:left; text-align:center} /* Textfarbe Benachrichtigung Headline */ #myvx_buddiesnoti .head_noti1 { width:275px;} #myvx_buddiesnoti .head_noti2 { width:84px; } #myvx_buddiesnoti .head_noti3 { width:25px; } #myvx_buddiesnoti .head_noti4, #myvx_buddiesnoti .head_noti5, #myvx_buddiesnoti .head_noti6 { width:60px; } #myvx_buddiesnoti .buddynoti { background-color:#540000; margin-bottom:1px; float:left} /* Background Benachrichtigung Sendereintrag */ #myvx_buddiesnoti .noti1 { width:275px; float:left;height:30px;} #myvx_buddiesnoti .noti2 { width:84px; float:left; height:30px; text-align:center} #myvx_buddiesnoti .noti3 { width:25px; float:left; height:30px; text-align:center; background-repeat: no-repeat; background-position:0px 6px} #myvx_buddiesnoti .noti4, #myvx_buddiesnoti .noti5, #myvx_buddiesnoti .noti6 { width:60px; float:left; height:30px; text-align:center} #myvx_buddiesnoti .noti1 .buddynotimage { display: block; width: 40px; height: 30px; float:left } #myvx_buddiesnoti .noti1 .buddynotiname { display:block; float:left; margin:7px 0 0 10px; } #myvx_buddiesnoti .noti2 span { color: lime; margin-top:6px; display:block; } #myvx_buddiesnoti .img1, .img2 { margin-top:9px;} #myvx_buddiesnoti .img3 { margin-top:7px;} /** clips */ #clips #swfplayer { width: 320px; height: 260px; background: black; text-align: center; } #clips .video { width: 320px; height: 328px; padding: 3px; margin: 10px 0 0 99px; overflow: hidden; border: 1px solid #480000; background: url('http://static1.visit-x.net/static/vx/751/clip_bg.gif') bottom left repeat-x #A20003; } #add_fav_clip { display: inline; float: right; width: 47px; height: 44px; margin: 13px 10px 0 0; background: transparent url('http://static2.visit-x.net/static/vx/751/add_favourite.png') top left no-repeat; cursor: pointer; } #add_fav_clip.ok { background: transparent url('http://static2.visit-x.net/static/vx/751/add_favourite_ok.png') top left no-repeat; cursor: default; } #clips .tabs { margin: 10px 0 0 8px; } #clips div.pagination { margin: 10px 0 0 0; width: 526px; } /** rating */ .clip_rating { float: left; width: 250px; margin-top: 3px; display: none; } #clip_rating_title { display: inline; float: left; width: 250px; color: white; margin: 2px 0 0 13px; font-weight: bold; line-height:24px} .clip_rating span.ok { display: inline-block; width: 30px; height: 24px; background: transparent url('http://static1.visit-x.net/static/vx/751/vchat_rating_ok.png') top left no-repeat; } .clip_rating div.rating_stars { display: inline; clear: both; float: left; width: 170px; height: 36px; margin: 3px 0 0 11px; } .clip_rating .star { display: inline; float: left; width: 30px; height: 30px; margin-right: 3px; cursor: pointer; background: transparent url('http://static1.visit-x.net/static/vx/751/rate_30x30_off.png') top left no-repeat; } .clip_rating .star.on { background: transparent url('http://static2.visit-x.net/static/vx/751/rate_30x30.png') top left no-repeat; } /** mediaclip */ .mediaclip span.play { width:40px; height:38px; position: absolute; z-index: 2; top: 41px; left: 56px; background: transparent url('http://static2.visit-x.net/static/vx/751/shp/btn_play_clip.png') top left no-repeat; cursor: pointer; } /** VIP Winner Videos */ .vip_winner_videos div.box { padding: 0; margin: 6px 0 0 0; background-color: #520405; height:123px; font-weight: normal;} .vip_winner_videos div.box div { color: #FFFFFF; font-size: 8pt; font-weight: normal;} .vip_winner_videos strong { color:#F1A048;} .vip_winner_videos span { font-weight:bold; font-size:12px; position:relative; top:7px;margin-left:10px; margin-top:10px;} .vip_winner_videos a { color:#E5E5B9; font-size: 8pt; font-weight: normal; text-decoration: underline; } /** VIP Info */ #vip_info .box_content { background-color: #000000; } /** GuestProfile */ table.myvx_guest_profile td { padding: 5px 5px 0px 0px; } /** MyVXSettingsContact */ .myvx_settings_contact input.input_text_code { float: left; width: 90px; margin: 4px 4px 0 0; padding: 3px; border: 0 none; height: 16px; } .myvx_settings_contact input.input_text { float: left; width: 200px; margin: 4px 8px 0 0; padding: 3px; border: 0 none; height: 16px; } .myvx_settings_contact select { float: left; width: 200px; margin: 4px 8px 0 0; padding: 3px; border: 0 none; height: 22px; } .myvx_settings_contact div.input_text { float: left; width: 200px; margin: 2px 8px 4px 0; padding: 3px; border: 0 none; height: 16px; } .myvx_settings_contact .name { width: 100px; float: left; margin: 2px 10px 0 0; padding: 3px 0;} .myvx_settings_contact .field { width: 437px; float: left; } .myvx_settings_contact .status { float: left; width: auto; font-weight: bold; } .myvx_settings_contact .code {width: 100px; float: left; margin: 0 10px 0 0;} .myvx_settings_contact .error { clear: both; float: left; background: inherit; color: #FFFF00; padding: 5px; } .myvx_settings_contact .success { clear: both; float: left; background: inherit; color: #FFFF00; padding: 5px; } /** MyVXSenderTab */ .myvx_sender_tab {padding: 3px 3px 0 3px; border: 1px solid #480000; width:152px; height: 152px; margin:5px; float:left; position:relative; display: inline; background: url('http://static1.visit-x.net/static/vx/751/clip_bg.gif') bottom left repeat-x #A20003;} .myvx_sender_tab .image {display: block; width: 152px; height: 120px; position: relative;} .myvx_sender_tab .image a {width: 152px; height: 120px; position: absolute; top: 0px; left: 0; z-index: 1;} .myvx_sender_tab .image img {width: 152px; height: 120px; } .myvx_sender_tab .image .online {display:block; position: absolute; top: 133px; left: 0px; z-index: 2; font-size: 11px; color: #1EFF00;} .myvx_sender_tab .icon { display: block; position: absolute; width: 20px; height: 13px; z-index: 3; overflow: hidden; } .myvx_sender_tab span.new { background: transparent url('http://static1.visit-x.net/static/vx/751/en/new.png') top left no-repeat; } .myvx_sender_tab span.hd { background: transparent url('http://static2.visit-x.net/static/vx/751/hd.png') top left no-repeat; } .myvx_sender_tab span.sound { background: transparent url('http://static1.visit-x.net/static/vx/751/sound.png') top left no-repeat; } .myvx_sender_tab .name {font-size:14px; height: 22px; line-height: 22px; text-align:center;} .myvx_sender_tab .name a {font-size:14px;} /** Guest Profile */ #guest_profile {margin: 10px; width: 563px;} #guest_profile .left {float: left; width: 311px; margin-right: 10px;} #guest_profile .right {float: left; width: 242px;} #guest_profile .pictureOverall {float: left; width: 242px;} #guest_profile #pictureContainer {float: left; border: 1px solid #3B0000;} #guest_profile #pictureContainer img {float: left; width: 240px; height: 240px;} #guest_profile .pictureStatus {float: left; width: 150px; border: 1px solid #3B0000; background-color: #3B0000; padding: 5px; text-align: center; margin-bottom: 10px;} #guest_profile .fancyupload {float: left; margin: 0 0 0 20px;} #guest_profile .col_left {float: left; width: 250px;} #guest_profile .col_right {float: right; width: 250px;} #guest_profile .input {width: 244px; border: 1px solid black; padding: 2px;} #demo-list {list-style: none; width: 300px; margin: 0;} #demo-list li.file { background: url(http://static2.visit-x.net/static/vx/751/file.png) no-repeat 4px 4px;} #demo-list li.file.file-uploading { background: transparent url('http://static1.visit-x.net/static/vx/751/uploading.png') top left no-repeat; background-color: #D9DDE9;} #demo-list li.file.file-success { background: transparent url('http://static2.visit-x.net/static/vx/751/success.png') top left no-repeat; } #demo-list li.file.file-failed { background: transparent url('http://static2.visit-x.net/static/vx/751/failed.png') top left no-repeat; } #demo-list li.file .file-name { font-size: 1.2em; margin-left: 44px; display: block; clear: left; line-height: 40px; height: 40px; font-weight: bold; } #demo-list li.file .file-size { font-size: 0.9em; line-height: 18px; float: right; margin-top: 2px; margin-right: 6px; } #demo-list li.file .file-info { display: block; margin-left: 44px; font-size: 0.9em; line-height: 20px; clear: both; } #demo-list li.file .file-remove { clear: right; float: right; line-height: 18px; margin-right: 6px;} #guest_profile .myvx_guest_profile {table-layout: fixed;} #guest_profile .select_birthday {width: 75px; padding: 2px;} #new_mail { margin: 0 10px 20px 10px;} #new_mail .myvx_button3 { float: none;} /*Guthaben aufladen seite*/ .mod_box2 .pay_symbol { width:110px; float:left; margin:0 15px 0 10px;} .mod_box2 .pay_symbol img { width: 110px; height: 60px;} .mod_box2 .pay_description { width: 360px; float: left;} .mod_box2 .avs_symbol { width:100px; float:left; margin:0 10px;} .mod_box2 .avs_description { width: 380px; float: left;} .pay_description input.submit { background:url('http://static2.visit-x.net/static/vx/751/navi_login_ok2.png') no-repeat top left; display:inline; border: 0px; width:160px; height:29px; color:#ffffff; margin:5px 0 5px 0; padding:0px; cursor: pointer;} .pay_description a.payment { background: transparent url('http://static2.visit-x.net/static/vx/751/navi_login_ok2.png') top left no-repeat; float: right; border: 0px; width:160px; height:29px; line-height:29px; text-align:center; color:#ffffff; margin:5px 0 5px 0; padding:0px; } .avs_description input.submit { background:url('http://static2.visit-x.net/static/vx/751/navi_login_ok2.png') no-repeat top left; display:inline; border: 0px; width:160px; height:29px; color:#ffffff; margin:5px 0 5px 0; padding:0px; cursor: pointer;} .login_alt {float:left; width:260px; margin:30px 0 0 10px;} /* SLIMBOX */ #lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #660000; } .lbLoading { background: #660000 url(http://static2.visit-x.net/static/vx/751/slimbox/loading.gif) no-repeat center; } #lbImageContainer { position: relative; left: 0; top: 0; border: 10px solid #660000; background-repeat: no-repeat; z-index: 10; } #lbImage { position: absolute; left: 0; top: 0; width: 100%; z-index: 11; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; z-index: 12; background: transparent url(http://static2.visit-x.net/static/vx/751/blank.gif) no-repeat 0 0; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(http://static1.visit-x.net/static/vx/751/slimbox/prevlabel.gif) no-repeat 0% 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(http://static1.visit-x.net/static/vx/751/slimbox/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #fff; line-height: 1.4em; text-align: left; border: 10px solid #660000; border-top-style: none; } #lbBottom a { color: #fff; font-weight: bold; } #lbCloseLink { display: inline; float: right; width: auto; clear: right; line-height: 22px; margin: 6px 4px 0 10px; outline: none; } #lbChatLink { display: inline; float: right; width: auto; line-height: 22px; margin: 5px; outline: none; } #lbDownloadLink { display: inline; float: right; width: auto; line-height: 22px; margin: 5px; outline: none; } /** fav clip */ #lbFuncAddToFav { display: inline; float: right; width: 47px; height: 44px; margin: 0; background: transparent url('http://static2.visit-x.net/static/vx/751/add_favourite.png') top left no-repeat; cursor: pointer; } #lbFuncAddToFav.ok { background: transparent url('http://static2.visit-x.net/static/vx/751/add_favourite_ok.png') top left no-repeat; cursor: default; } /** Rating **/ .lbFuncRating { float: left; width: 250px; display: none; } #lbRatingTitle { display: inline; float: left; width:300px; color: white; margin: 0 0 0 2px; font-weight: bold; line-height:24px} .lbFuncRating span.ok { display: inline-block; width: 30px; height: 24px; background: transparent url('http://static1.visit-x.net/static/vx/751/vchat_rating_ok.png') top left no-repeat; } .lbFuncRating div.rating_stars { display: inline; clear: both; float: left; width: 170px; height: 30px; margin: 3px 0 10px 0; } .lbFuncRating .star { display: inline; float: left; width: 30px; height: 30px; margin-right: 3px; cursor: pointer; background: transparent url('http://static1.visit-x.net/static/vx/751/rate_30x30_off.png') top left no-repeat; } .lbFuncRating .star.on { background: transparent url('http://static2.visit-x.net/static/vx/751/rate_30x30.png') top left no-repeat; } #lbCaption, #lbNumber { display: inline; float: left; width: auto; clear: left; white-space: nowrap; } #lbCaption { font-weight: bold; color: #ffffcc; }