/* ============== Main ==================== */ /* XHTML Core Modules */ html { background: #ffffff url(../img/footer_bg.gif) repeat-x 0 bottom; min-height:100%; } body { text-align: center; color: #333333; margin: 0; padding: 0; font: normal normal normal 12px/normal "Segoe UI", "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; } blockquote, img, p, h1, h2, h3, h4, form, fieldset, legend, table, td, th, caption, table, td, th { border: 0; margin: 0; padding: 0; } div, span, strong, li, a, h1, h2, h3, td, p, input, em { background-repeat: no-repeat; } input, td, th { font: normal normal normal 12px/16px "Segoe UI", "Trebuchet MS", Arial, Verdana, Times New Roman; } textarea { color: #333333; font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, Times New Roman; font-size: 12px; line-height: 16px; } strong { font-style: normal; font-weight: bold; } em { font-style: italic; font-weight: bold; } p { text-align: left; } .adinfo { font-size: 9px; color: #808080; } #pgcontent p { padding: 0 13px 13px 13px; margin-top: 10px; } .li-content p { padding: 0 !important; margin-top: 10px; } .strike { text-decoration: line-through; } /* Global headlines */ h1 { margin: 0 13px; font: normal normal bold 22px/24px "Segoe UI", "Trebuchet MS", Arial, Verdana, Times New Roman; } h1#profile-top { font-size: 21px; } h1 span.subtitle { display: block; font-size: 12px; font-weight: normal; } h1 sup { font-size: 16px; font-weight: normal; } h2 { background-image: url(../img/bg_h2_2.png); padding: 6px 13px 26px 13px; margin-top: 40px; font: normal normal bold 15px/22px "Segoe UI", "Trebuchet MS", Arial, Verdana, Times New Roman; } h2 span { display: block; margin-top: 5px; font-size: 12px; line-height: normal; } h2 a { font-size: 12px; margin-left: 7px; font-weight: normal; } h2 em { font-weight: normal; } h2.firstchild { margin-top: 0; } /* h2 { margin: 40px 13px 26px 13px; color: #000000; font: normal bold normal 18px/22px "Segoe UI", "Trebuchet MS", Arial, Verdana, Times New Roman; } h2.flagged { padding-left: 30px; line-height: 24px; } */ div.h2-expl { margin: -24px 13px 26px 13px; } h3 { margin: 26px 0 10px 0; font: normal normal bold 16px/20px "Segoe UI", "Trebuchet MS", Arial, Verdana, Times New Roman; } .lastchild { margin-right: 0 !important; } /* Lists */ ul { list-style-type: disc; list-style-position: outside; padding-left: 13px; margin: 0; } ul.linklist { list-style-type: none; padding-left: 0; } ul.linklist li { margin-bottom: 6px; } ul.menu, ul.menu ul { list-style-type: none; padding-left: 0; } ul.menu li { float: left; } ul.p { margin: 0 13px 13px 13px; padding-left: 15px; } ul.p li { margin-bottom: 6px; } /* Global link styles */ /* Standard links */ a { text-decoration: none; } a, a:visited { color: #2583ad; background-color: transparent; } a:hover { color: #ffffff; background-color: #2583ad; } a.alert, a.alert:visited { color: #e50000; background-color: transparent; } a.alert:hover { color: #ffffff; background-color: #e50000; } /* Links for UI switches */ a.switch:hover, a.switch:focus { color: #2583ad; background-color: transparent; } a.switch span { padding-right: 12px; background-image: url(../img/marker_v_dn_blue.gif); background-position: right center; } a.switch span.switch-showmore { display: inline; } a.switch span.switch-showless { display: none; } div.item-expanded a.switch span { background-image: url(../img/marker_v_up_blue.gif); } div.item-expanded a.switch span.switch-showmore { display: none; } div.item-expanded a.switch span.switch-showless { display: inline; } a.del { font-size: 16px; line-height: 11px; } a.del:hover { color: red; background-color: transparent; } /* Text and Link Icons */ /*.ml .mlg a { font-weight: bold; }*/ .ml .age { padding: 0 2px; } /* online */ .ml-o1 a, .ml-o1 em { background-position: right -1194px; } .ml-o0 a, .ml-o0 em { background-position: right -1234px; } .ml-o1 em, .ml-o0 em, .ml-o1 .mlg a, .ml-o0 .mlg a, /* gender */ .ml-g1 .mlg, .ml-g2 .mlg { padding-right: 16px; padding-bottom: 1px; background-image: url(../img/iconlib_s_90219.png); } .ml-g1 .mlg { background-position: right -1116px; } .ml-g2 .mlg { background-position: right -1157px; } /* favgroup */ .ml a.fl { display: none; padding-right: 4px; } .ml a.fl:hover { background-color: transparent; } .ml-f1 a.fl1, .ml-f2 a.fl2, .ml-f3 a.fl3 { display: inline; } /* status inactive */ .ml-s0, .ml-s0 .mlg a, .ml-s0 .mlg a:hover, .ml-s0 .mlg a:focus, .ml-s0 .mlg a:visited { font-weight: normal; color: #808080; background-color: transparent; text-decoration: line-through; } .ml-s0 .mlg a { background-position: right -1274px; } .ml-s0 .mlg a:hover { text-decoration: none; } img.new-member { display: block; } /* Global icon styles */ .icon-s { background-image: url(../img/iconlib_s_90219.png); padding-left: 22px; line-height: 16px; } .icon-s-bookedit { background-position: 0 -1400px; } .icon-s-check { background-position: 0 -400px; } .icon-s-warning { background-position: 0 -1439px; } .icon-s-delete { background-position: 0 -1080px; } .icon-s-gbnew { background-position: 0 -280px; } .icon-s-gbreply { background-position: 0 -240px; } .icon-s-info { background-position: 0 -480px; } .icon-s-mailnew { background-position: 0 -80px; } .icon-s-nogbnew { background-position: 0 -320px; } .icon-s-nomailnew { background-position: 0 -120px; } .icon-s-printer { background-position: 0 -1816px; } .icon-s-securemsg { background-position: 0 0; } .icon-s-settingcritical { background-position: 0 -560px; } .icon-s-settinginfo { background-position: 0 -520px; } .icon-s-shield { background-position: 0 -40px; } .icon-s-spam { background-position: 0 -160px; } .icon-s-voting { background-position: 0 -360px; } .icon-s-delxs { background-position: 0 -1715px; } .icon-s-replied { background-position: 0 -1637px; } .icon-s-users { background-position: 0 -1998px; } .ib-content .icon-s { padding-bottom: 1px; display: inline-block; } /* Link modifieres for favorites */ .fav { padding-left: 18px; padding-bottom: 2px; font-size: 10px; white-space: nowrap; display: inline-block; } .fav-1 { background-image: url(../img/star_14x14_yellow.gif); } .fav-2 { background-image: url(../img/star_14x14_red.gif); } .fav-3 { background-image: url(../img/star_14x14_blue.gif); } .trend1 { padding-right: 14px; background-image: url(../img/icon_arrow_N_green_12x12.gif); background-position: right center; } .trend-1 { padding-right: 14px; background-image: url(../img/icon_arrow_S_red_12x12.gif); background-position: right center; } .trend0 { padding-right: 14px; background-image: url(../img/icon_arrow_E_gray_12x12.gif); background-position: right center; } /* Tables */ table.tbl1 { table-layout: fixed; width: 525px; border-collapse: collapse; border: solid #e8e8e8 1px; margin-top: 6px; margin-bottom: 20px; } table.tbl1 thead { background-color: #e8e8e8; } table.tbl1 thead th { font-weight: bold; } table.tbl1 th, table.tbl1 td { padding: 6px; font-size: 11px !important; border-bottom: 1px solid #e8e8e8; } table.tbl1 tbody th, table.tbl1 td { vertical-align: top; } table.tbl1 tr.alternate { background-color: #f9f9f9; } /* TEST: */ table.tbl2 { table-layout: fixed; border-collapse: collapse; width: 525px; } table.tbl2 tr td { border-bottom: solid #e8e8e8 1px; padding: 5px 0; } /* Forms */ /* Form text */ form p { padding-top: 6px !important; } form .notice { color: #808080; } /* Form controls */ input.readonly { border-color: transparent; } select, optgroup, option { font: normal normal normal 12px/normal "Segoe UI", "Trebuchet MS", Arial, Verdana, Times New Roman; } optgroup { font-weight: bold; } option { color: #333333; background: #ffffff; } option.option-default { color: #808080; } textarea { padding: 6px; overflow: auto; border-top: solid #808080 1px; border-left: solid #808080 1px; border-bottom: solid #d4d0c8 1px; border-right: solid #d4d0c8 1px; } textarea.readonly { background-color: transparent; border-color: transparent; } .TA-over textarea { background-color: #f9f9f9; } .TA-dirty textarea { background-color: #fffbda; } /* Label/Input row */ .inputset { width: 499px; overflow: hidden; padding-right: 13px; padding-left: 13px; } .inputset label { display: block; width: 145px; float: left; font-weight: bold; margin-top: 3px; } .inputset .fields { float: left; /*height: 24px;*/ } .inputset .fields label { width: auto; display: block; float: left; font-weight: normal; height: auto; } /* Form error */ .inputset .err-msg { display: none; color: #eb0000; font-size: 10px; clear: both; padding-bottom: 4px; } .inputset .err-msg a { color: #eb0000; text-decoration: underline; } .inputset .err-msg a:hover { color: #eb0000; text-decoration: none; background-color: transparent; } .inputset-err { background-color: #fff4f4; border-left: solid #eb0000 1px; padding-top: 4px; margin-bottom: 4px; } .inputset-err .err-msg { display: block; } /* inputset within list-slide content */ .li-content .inputset { padding-left: 0; padding-right: 0; } .li-content .inputset-err { margin-left: -13px; padding: 4px 13px; } /* Buttons */ input.button { margin: 0; border: 0; font-weight: normal !important; cursor: pointer; background-image: url(../img/lib_buttons.png); } input.button-default { font-weight: bold !important; } /* 25 x 140 */ input.button-size1 { height: 25px; width: 140px; background-position: 0 0; } input.button-size1:hover { background-position: 0 -24px; } /* 18 x 100 */ input.button-size2 { height: 18px; width: 100px; background-position: 0 -49px; font-size: 10px !important; } input.button-size2:hover { background-position: 0 -66px; } /* 25 x 160 */ input.button-size3 { height: 25px; width: 160px; background-position: 0 -84px; } input.button-size3:hover { background-position: 0 -108px; } /* 25 x 100 */ input.button-size4 { height: 25px; width: 100px; background-position: 0 -133px; } input.button-size4:hover { background-position: 0 -157px; } /* 100 x 25 */ input.button-size5 { height: 25px; width: 160px; background-position: 0 -182px; } input.button-size5:hover { background-position: 0 -206px; } /* 50 x 18 */ input.button-size6 { height: 18px; width: 50px; background-position: 0 -231px; } input.button-size6:hover { background-position: -49px -231px; } /* Save */ /* input.btn-save { height: 18px; width: 19px; background-position: 0 -249px; } input.btn-save:hover { background-position: -18px -249px; } */ /* New text-only input button "save" as of Feb-25, 2009 as users did not understand the icon (checkmark): */ input.btn-save { font-size: 10px; } /* Undo */ input.btn-undo { height: 18px; width: 19px; background-position: -36px -249px; } input.btn-undo:hover { background-position: -54px -249px; } .msgcontent-preview { margin-top: 13px; padding-top: 13px; border-top: solid #e8e8e8 1px; margin-bottom: 13px; padding-bottom: 13px; border-bottom: solid #e8e8e8 1px; } .message-preview input, .message-preview textarea { display: none; } .message-preview .optswitch a { cursor: auto !important; } /* Dynamic text input */ input.state-empty { font-style: italic !important; color: #808080; border-top: solid #808080 1px; border-left: solid #808080 1px; border-bottom: solid #d4d0c8 1px; border-right: solid #d4d0c8 1px; } /* "SleekSelect" */ .sleekselect { float: left; } .sleekselect span { padding-left: 6px; padding-right: 24px; line-height: 21px; background-image: url(../img/sleek_select_arrow.gif); background-position: right 2px; } .sleekselect span.option-nil { font-style: italic; } .sleekselect select { display: none; } .sleekselect.ssel-active span { display: none; } .sleekselect.ssel-active select { display: inline; } /* ============== General page setup ==================== */ /* Master layouts */ #header-bg { width: 100%; background-repeat: repeat-x; background-position: 0 bottom; } #canvas { width: 966px; margin: 0 auto; position: relative; } #canvas #page { position: relative; width: 795px; height: auto; float: left; text-align: left; } #canvas #page #header { width: 100%; } #canvas #page #stage { width: 100%; } #canvas #page #stage #pgcontent { width: 525px; float: left; overflow: hidden /* added 2009-01-19 */; margin-right: 15px; position: relative; min-height: 500px; } #canvas #page #stage #pgsidebar { width: 255px; float: left; } #finya-logo h1 { display: none; } a#link-home { z-index: 100; display: block; background-color: transparent; width: 224px; height: 87px; position: absolute; } a#link-home span { display: none; } /* Layout 1 (index page) */ .l1 #header-bg { height: 295px; background-image: url(../img/header_bg_A.png); text-align: center; } .l1 #finya-logo { position: relative; z-index: 10; text-align: left; margin: 0 auto; width: 966px; height: 100%; background-image: url(../img/de_DE/finya_logo_224x87_20090226.png); } .l1 #finya-mood { position: absolute; top: 0; left: 500px; width: 295px; height: 295px; background-position: right bottom; } .l1 #finya-stripe { position: absolute; top: 272px; left: -300px; width: 859px; height: 40px; background-image: url(../img/finya_stripe_A.png); background-position: right bottom; } .l1 #canvas { margin-top: -295px; } .l1 #canvas #page { margin-top: 311px; } /* Layout 2 (public pages) */ .l2 #header-bg { height: 150px; background-image: url(../img/header_bg_B.gif); text-align: center; } .l2 #finya-logo { position: relative; z-index: 10; text-align: left; margin: 0 auto; width: 966px; height: 100%; background: transparent url(../img/de_DE/finya_logo_224x87_20090226.png) no-repeat 0 13px; } .l2 #finya-logo #link-home { top: 13px; } .l2 #finya-mood { position: absolute; top: 0; left: 0; width: 795px; height: 149px; background-position: right bottom; } .l2 #finya-stripe { position: absolute; top: 124px; left: -300px; width: 859px; height: 40px; background-image: url(../img/finya_stripe_B.png); background-position: right bottom; } .l2 #canvas { margin-top: -150px; } .l2 #canvas #page { margin-top: 200px; } .l2 p.bodytext { padding: 26px 13px 0 13px; line-height: normal; overflow: hidden; } /* Layout 3 (member area) */ .l3 #header-bg { z-index: 10; height: 100px; background-image: url(../img/header_bg_B.gif); } .l3 #header-items { z-index: 20; position: relative; text-align: left; margin: 0 auto; width: 966px; height: 100%; background: transparent url(../img/de_DE/finya_logo_191x74_20090226.png) no-repeat 0 0; } .l3 a#link-home { width: 191px; height: 74px; } .l3 #finya-stripe { position: absolute; top: 74px; left: -300px; width: 859px; height: 40px; background-image: url(../img/finya_stripe_B.png); } .l3 #login-info { text-align: left; position: absolute; top: 28px; left: 214px; width: 280px; height: 45px; background: transparent url(../img/login-info_vsep.gif) no-repeat left bottom;} .l3 #website-search { width: 255px; height: 40px; position: absolute; top: 48px; left: 540px; background-image: url(../img/txtinput_bg_button-zoom-255x22.png); background-position: 0 bottom; } .l3 #website-search input#fq { position: absolute; top: 20px; left: 20px; width: 210px; height: 18px; background-color: transparent; border: 0; margin: 0; padding: 0; } .l3 #website-search input#fq-submit { position: absolute; top: 19px; cursor: pointer; left: 234px; background-color: transparent; width: 19px; height: 19px; margin: 0; border: 0; padding: 0; } .l3 #canvas { position: relative; top: -100px; } .l3 #canvas #page { margin-top: 190px; position: relative; } /* Clearing Floats */ #canvas:after, #page:after, #header:after, #stage:after, #footer:after, .p:after, .listcontent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .listcontent { width: 100%; } /* Navigation */ /* Nav level 1 */ ul#nav-main { position: absolute; top: 115px; left: 0; display: block; width: 795px; height: 37px; margin-bottom: 55px; background: transparent url(../img/de_DE/nav_idle_00002.png) no-repeat 0 0; } ul#nav-main li { height: 30px; position: relative; } ul#nav-main li a { display: block; height: 30px; position: relative; background-color: transparent; } ul#nav-main li a span, ul#nav-main li ul { display: none; margin-top: 2px; } ul#nav-main li#nav-meinfinya ul li a, ul#nav-main li#nav-ss ul li a { width: auto !important; left: 0 !important; } ul#nav-main li.item-active a { background-image: url(../img/de_DE/nav_active_00002.png); background-color: transparent; } ul#nav-main li.item-active ul { display: block !important; position: absolute; } /* Nav level 2 */ ul#nav-main li ul li { top: 0; font-size: 14px; padding-left: 24px; background: transparent url(../img/vsep1.gif) no-repeat 12px 3px !important; } ul#nav-main li ul li.firstchild { padding-left: 0; background-image: none !important; } ul#nav-main li ul li a { color: #333333; display: inline !important; height: auto !important; width: auto !important; background: none !important; } ul#nav-main li.item-active ul li a { background: none !important; } ul#nav-main li.item-active ul li a:hover, ul#nav-main li.item-active ul li a:focus { color: #fa8202; /* old: #fa8202; */ } ul#nav-main li.item-active ul li.item-active a { color: #fa8202; font-weight: bold; } ul#nav-main li sup { font-family: Arial, Helvetica, sans-serif; color: #e50000; font-size: 8px; } /* Nav level 3 */ ul#nav-section { display: block; padding: 0 !important; margin: 0 0 25px 13px !important; width: 512px; overflow: hidden; } ul#nav-section li { float: left !important; padding-left: 13px; margin-bottom: 0; list-style-type: none; background: transparent url(../img/vsep1.gif) no-repeat 7px 2px !important; } ul#nav-section li.firstchild { padding-left: 0; background: none !important; } ul#nav-section li a { color: #333333; } ul#nav-section li a:hover, ul#nav-section li a:focus { color: #fa8202; background-color: transparent !important; } ul#nav-section li.item-active a { color: #fa8202; font-weight: bold; } /* individual menu styles */ /* My Finya: */ ul#nav-main li#nav-meinfinya a { width: 91px; background-position: 0 0; } ul#nav-main li#nav-meinfinya ul { left: 13px; width: 782px; } /* Search: */ ul#nav-main li#nav-ss a { width: 120px; background-position: -94px 0; left: 3px; } ul#nav-main li#nav-ss ul { left: 8px; width: 696px; } /* User status pane */ #login-info { width: 280px; height: 60px; position: absolute; top: 28px; left: 214px; background: transparent url(../img/login-info_vsep.gif) no-repeat left bottom; } #login-info #login-info-content { padding: 30px 0 0 20px; } /* Global search */ #website-search { width: 255px; height: 40px; position: absolute; top: 48px; left: 540px; background-image: url(../img/txtinput_bg_button-zoom-255x22.png); background-position: 0 bottom; } #website-search input#fq { position: absolute; top: 20px; left: 20px; width: 210px; height: 18px; background-color: transparent; border: 0; margin: 0; padding: 0; } #website-search input#fq-submit { position: absolute; top: 19px; cursor: pointer; left: 234px; background-color: transparent; width: 19px; height: 19px; margin: 0; border: 0; padding: 0; } /* Footer */ #canvas #page #pgfooter { color: #808080; width: 795px; text-align: center; border-top: solid #e0eef6 1px; margin: 100px 0 30px 0; padding-top: 10px; font-size: 11px; line-height: 160%; } #canvas #page #pgfooter a { color: #808080; text-decoration: underline; margin: 0 3px;} #canvas #page #pgfooter a:hover, #canvas #page #pgfooter a:focus { color: #808080; background-color: transparent; text-decoration: none; } /* Skin modifiers */ /*body.d-g2 ul#nav-main { background-image: url(../img/de_DE/nav_idle_pink.png) !important; } body.d-g2 ul#nav-main li.item-active a { background-image: url(../img/de_DE/nav_active_pink.png); } */ /* ============== Generic modifiers ==================== */ /* text styles */ .readonly { color: #808080; } .warning { color: #e50000; } .ann { font-style: italic; } .data-label { margin-right: 7px; font-weight: bold; } .void { font-style: italic !important; color: #808080; } .validation-msg { color: #e50000; padding-left: 10px; margin-bottom: 10px; border-left: solid #e50000 2px; } .p p { margin: 8px 0; } /* highlight styles */ .item-new { background-color: #eff8ff !important; } .item-selected { background-color: #fef8d6 !important; } /* ============== Components ==================== */ /* Content sections */ /* NEU!! (JW, 17.05.2008) */ .p { position: relative; width: 499px; padding-left: 13px; padding-right: 13px; margin-bottom: 40px; } /** Expandable, sliding lists */ ul.list-slide { width: 525px; padding-left: 0; } ul.list-slide li { width: 525px; margin-bottom: 1px !important; list-style-type: none !important; border-bottom: solid #e8e8e8 1px; } ul.list-slide li h2 { margin: 0; padding: 0; background-image: none; } ul.list-slide li h2 a { display: block; line-height: 34px; width: 525px; text-indent: 13px; margin: 0; color: #000000; font-size: 18px; background-image: url(../img/bg_expandable_sections.png); } ul.list-slide li h2 a:hover { background-position: 0 -100px; } ul.list-slide li.item-expanded h2 a { background-position: 0 -200px !important; } ul.list-slide li .li-content { overflow: hidden; display: none; padding: 13px; } ul.list-slide li.item-expanded .li-content { display: block; } /** Profile sub-navgiation */ #p-sn { width: 525px; height: 80px; position: relative; z-index: 100; } /* title (nickname) */ #p-sn h1 { position: absolute; top: 0; left: 0; } #p-sn h1 a { display: none; width: 16px; height: 16px; float: left; margin-top: 3px; margin-right: 3px; background-image: url(../img/iconlib_s_90219.png); } #p-sn h1 a#attr-blocked { background-position: 0px -640px; } #p-sn h1 a#attr-fav1 { background-position: 0 -840px; } #p-sn h1 a#attr-fav2 { background-position: 0 -880px; } #p-sn h1 a#attr-fav3 { background-position: 0 -920px; } #p-sn.fav1 h1 a#attr-fav1, #p-sn.fav2 h1 a#attr-fav2, #p-sn.fav3 h1 a#attr-fav3, #p-sn.blocked h1 a#attr-blocked { display: block; } /* navigation */ #p-sn ul { position: absolute; right: 0; margin-top: 0; } #p-sn ul a { display: block; font-size: 11px; line-height: 16px; padding-left: 1px; } #p-sn ul a em { display: block; font-weight: normal; padding: 32px 4px 4px 4px; background-image: url(../img/iconlib_profile_subnav_90219001.png); } #p-sn ul a span { display: block; cursor: pointer; padding-right: 1px; } #p-sn ul a:hover, #p-sn ul a:focus { background-color: transparent; color: #2583ad; } #p-sn ul li { float: left; list-style-type: none; margin-bottom: 0; } #p-sn ul a:hover, #p-sn ul a:hover span, #p-sn ul li.hover, #p-sn ul li.hover span { background-image: url(../img/bg_profile_subnav.png); } #p-sn ul a:hover { background-position: 0 0; } #p-sn ul li.hover a { background-position: 0 0; } #p-sn ul a:hover span { background-position: right 0; } #p-sn ul li.hover a span { background-position: right 0; } #p-sn ul li span em { font-style: normal; } /* subnavigation ('more') */ #p-sn ul li.hover ul, #p-sn ul li:hover ul { display: block; } #p-sn ul ul { display: none; background-color: #f7f7f7; border: solid #e8e8e8 1px; padding: 6px 6px; } #p-sn ul ul li { float: none; width: 150px; overflow: hidden; } #p-sn ul ul li.hsep { border-top: solid #ffffff 1px; padding-top: 5px; margin-top: 5px; } #p-sn ul ul li a { display: block; background-image: url(../img/iconlib_s_90219.png); line-height: 20px; height: 20px; padding-left: 24px; } #p-sn ul ul li a:hover { background-color: #e8e8e8; background-image: url(../img/iconlib_s_90219.png); } #p-sn ul ul li a img { margin-bottom: -2px; } #p-sn #pnav-fav1 a, #p-sn #pnav-fav2 a, #p-sn #pnav-fav3 a { background-image: none; } #p-sn #pnav-block a { background-position: 0 -638px; } #p-sn #pnav-alert a { background-position: 2px -1037px; } #p-sn.fav1 #pnav-fav1 a, #p-sn.fav2 #pnav-fav2 a, #p-sn.fav3 #pnav-fav3 a { background-image: url(../img/iconlib_s_90219.png); background-position: 10px -795px; } #p-sn.blocked #pnav-block a { background-position: 0 -678px; } /* active item */ #p-sn li.pnav-active em { color: #fa8202; } /* inactive item */ #p-sn li.pnav-disabled a span { cursor: default; } #p-sn li.pnav-disabled a em { color: #808080 !important; } #p-sn li.pnav-disabled a, #p-sn li.pnav-disabled a span { background-image: none !important; } /* icons */ #p-sn>ul>li { margin-left: -2px; } #p-sn li#pnav-msg, #p-sn li#pnav-more { border-left: solid #e7e7e7 1px; margin-left: 5px; } /* active nav items */ #p-sn li#pnav-profile em { background-position: center 7px; } #p-sn li#pnav-qna em { background-position: center -43px; } #p-sn li#pnav-places em { background-position: center -294px; } #p-sn li#pnav-msg em { background-position: center -93px; } #p-sn li#pnav-gb em { background-position: center -143px; } #p-sn li#pnav-chat em { background-position: center -193px; } #p-sn li#pnav-more em { background-position: center -243px; } /* inactive nav items */ #p-sn li#pnav-profile.pnav-disabled em { background-position: center -493px; } #p-sn li#pnav-qna.pnav-disabled em { background-position: center -543px; } #p-sn li#pnav-msg.pnav-disabled em { background-position: center -593px; } #p-sn li#pnav-gb.pnav-disabled em { background-position: center -643px; } #p-sn li#pnav-chat.pnav-disabled em { background-position: center -693px; } #p-sn li#pnav-more.pnav-disabled em { background-position: center -743px; } /* online state */ #p-sn #onlinestate { position: absolute; left: 9px; top: 31px; background-image: url(../img/iconlib_s_90219.png); background-position: 0 -720px; padding-left: 20px; } #p-sn #onlinestate.state-offline { background-position: 0 -760px; } /* Profile teasers */ /* View A ("thumbnail view") */ .profile-A { width: 112px; height: 167px; float: left; text-align: center; overflow: hidden; position: relative; font-size: 11px; margin-right: 15px; } #pgsidebar .profile-A { height: 137px; } .profile-A img.userimg { display: block; margin: 3px auto; } /* hide AGE and GENDER ICON: */ .profile-A .ml { display: block !important; } .profile-A img.new-member { position: absolute; top: 15px; right: 10px; } /* View B ("detail view") */ .profile-B { width: 499px; margin-left: 13px; overflow: hidden; margin-bottom: 30px; } .profile-B .userimg-container { display: block; float: left; width: 160px; text-align: center; } .profile-B img.userimg { display: block; margin: 0 auto; } .profile-B .info1 { float: left; margin-left: 13px; width: 326px; height: 24px; } .profile-B .info1 .ml { display: block; float: left; font-size: 14px; } .profile-B .info1 a.lnk { display: block; float: left; width: 16px; height: 20px; margin-left: 10px; background-image: url(../img/iconlib_s_90219.png); } .profile-B .info1 a.lnk:focus, .profile-B .info1 a.lnk:hover { background-color: transparent; } .profile-B .info1 a.lnk-p { background-position: 0 -956px; } .profile-B .info1 a.lnk-m { background-position: 0 -198px; } .profile-B img.new-member { float: left; } .profile-B .info2 { float: left; margin-left: 13px; width: 326px; height: 46px; } .profile-B .stmnt { float: left; width: 339px; height: 90px; background-image: url(../img/bubble_small.png); } .profile-B .stmnt p { padding: 6px 10px 20px 20px !important; line-height: 16px; } /* View D (large profile top) */ .profile-D { width: 100%; overflow: hidden; } .profile-D #userpics { float: left; margin-right: 7px; } .profile-D #userpics .picmain-wrapper { position: relative; margin-bottom: 7px; background-image: url(../img/userimg_shadow.png); background-position: right bottom; padding: 2px 6px 5px 0; } .profile-D #userpics #userimg-c { position: absolute; top: 0; left: 0; background: transparent url(../img/dp9jqx4bfaffectz1uo5kqo07a8ejrcpfb1dotzq.jpg) no-repeat -800px -800px; width: 100%; height: 100%; } .profile-D #userpics .picmain-wrapper img { display: block; } .profile-D #userpics .noimg { background-color: #ffffff; color: #808080; } .profile-D #userpics .pics-more { width: 100%; overflow: hidden; } .profile-D #userpics .thumbs { float: left; margin-right: 13px; height: 80px; } .profile-D #userpics .thumbs em { display: block; } .profile-D #userpics .thumbs img { vertical-align: top; } .profile-D #userpics .thumbs img.thumb-active { border: solid #fa8202 2px; } .profile-D .data { overflow: auto; margin-bottom: 10px; } .profile-D .data-section { margin-top: 10px; } .profile-D h2 { margin-top: 0; margin-bottom: 20px; padding: 0; background-image: none; } .profile-D .ml { display: block; text-indent: -1px; font-size: 14px; margin-bottom: 10px; } /* View E: ("voting view") */ .profile-E { width: 240px; float: left; overflow: hidden; text-align: center; } .profile-E img.userimg { display: block; margin: 0 auto; margin-bottom: 10px; } .profile-E .nn { font-size: 14px; } /* profile collections */ .rl-content .profile-A { margin-right: 0; } .rl-content .profile-A.firstchild { margin-right: 5px; } .rl-content .ml { display: block; line-height: 16px; } /* Display options (label/choices) */ /* single switch */ .optswitch { height: 18px; position: relative; font-size: 11px; } .optswitch .optswitch-label { font-size: 11px; font-weight: bold; } .optswitch ul { display: inline; padding-left: 6px; } .optswitch ul li { display: inline; list-style-type: none; padding-left: 12px; background-image: url(../img/vsep1.gif); background-position: 4px 2px; } .optswitch ul li.firstchild { background-image: none; padding-left: 0; } .optswitch ul li a { cursor: pointer; color: #333333; } .optswitch ul li a:hover, .optswitch ul li a:focus { color: #fa8202; background-color: transparent; } .optswitch ul li.item-active a { color: #fa8202 !important; font-weight: bold; padding-left: 8px; background: transparent url(../img/marker_h_l_orange.gif) no-repeat 0 5px; } /* switch collection */ .displayoptions { border-bottom: solid #e8e8e8 1px; padding: 0 13px 10px 13px; margin-bottom: 13px; } .displayoptions label, .displayoptions select, .displayoptions span { font-size: 11px !important; } /* Infoboxes */ /* Default setup */ .ib, .ib-content { background: transparent url(../img/infobox.png) no-repeat 0 0; } .ib { width: 525px; margin-bottom: 7px; } .ib p { line-height: 16px; margin-top: 6px; } .ib .ib-title { margin-bottom: 10px; font: normal normal normal 18px/20px "Segoe UI", "Trebuchet MS", Arial, Verdana, Times New Roman; } .ib .ib-title em { font-weight: normal; } .ib .ib-outer { background-image: url(../img/iconlib_l_20090116.png); background-position: 13px 13px; } .ib-inner { width: 100%; overflow: hidden; } .ib-content { overflow: hidden; padding: 13px 18px 18px 72px; background-position: 0 bottom; } /* Infobox modifier: Type B: used within content (no shadow) */ .ib-B, .ib-B .ib-content { background-image: url(../img/infobox-B.png); } .ib-B-clickable { cursor: pointer; } .ib-B-clickable:hover, .ib-hover { background-image: url(../img/infobox-B_hover.png); cursor: pointer; } .ib-B-clickable:hover .ib-title, .ib-hover .ib-title { color: #2583ad; } .ib-B-clickable a:hover, .ib-B-clickable a:focus { color: #2583ad; background-color: transparent; } /* Infobox modifier: Type 'notice' */ .ib-notice, .ib-notice .ib-content { background-image: url(../img/infobox-notice.png); } .ib-notice { margin-bottom: 13px; } .ib-notice .ib-content { padding: 13px; } /* Infobox modifier: Type 'success' */ .ib-success, .ib-success .ib-content { background-image: url(../img/infobox-green.png); } .ib-success { margin-top: 13px; } .ib-success .ib-content { padding: 13px; } /* Infobox modifier: Type 'system messages' */ .ib-sysmessages, .ib-sysmessages .ib-content { background-image: url(../img/infobox-red.png); } .ib-sysmessages { margin-bottom: 13px; } .ib-sysmessages .ib-content { padding: 13px; } /* Captcha */ #captcha-wrapper { position: relative; width: 360px; height: 125px; margin-bottom: 13px; background-color: #fbfbfb; background-image: url(../img/loader2.gif); background-position: 15px 35px; } #captcha-wrapper p { margin: 0 !important; } #captcha-wrapper p.captcha-expl { position: absolute; width: 155px; top: 23px; left: 170px; font-size: 11px; } #captcha-wrapper img { position: absolute; top: 30px; left: 10px; } #captcha-wrapper input.button { position: absolute; top: 96px; left: 10px; } #captcha-wrapper input#captcha { width: 80px; } #captcha-wrapper label { position: absolute; font-weight: bold; float: none; width: auto; top: 90px; right: 10px; } /* Action box */ .actionbox { position: relative; width: 525px; background: transparent url(../img/actionbox_bg.png) no-repeat 0 0; margin-bottom: 7px; } .actionbox .actionbox-actions { z-index: 999; position: absolute; text-align: right; width: 140px; right: 13px; bottom: 13px; } .actionbox .actionbox-title { margin-bottom: 10px; font-weight: bold; font-size: 14px; } .actionbox .actionbox-title a { margin-left: 13px; font-size: 11px; font-weight: normal; } .actionbox .actionbox-subtitle { margin: 13px 0 10px 0; font-weight: bold; font-size: 12px; } .actionbox-content { padding: 13px; background: transparent url(../img/actionbox_bottom.gif) no-repeat 0 bottom; } .actionbox-inner { width: 100%; overflow: hidden; } .actionbox ul { line-height: normal; list-style-type: none; padding-left: 0; } .actionbox li { display: block; float: none; overflow: hidden; } /* Contentboxes (for right column) */ /* contentbox basics */ .rl { width: 255px; margin-bottom: 10px; background: transparent url(../img/contentbox_bg.png) no-repeat 0 0; } .rl-inner { padding: 10px 13px; background: transparent url(../img/contentbox_bottom.png) no-repeat 0 bottom; } .rl .rl-inner .rl-header { margin-bottom: 10px; } .rl .rl-inner .rl-content { padding: 10px 0; border-top: solid #ffffff 1px; border-bottom: solid #ffffff 1px; } .rl .rl-title { margin-bottom: 16px; font: normal normal bold 14px/16px "Segoe UI", "Trebuchet MS", Arial, Verdana, Times New Roman; } .rl .rl-title a { font-size: 11px; font-weight: normal; display: block; height: 16px; position: relative; top: -16px; float: right; padding-left: 8px; background: transparent url(../img/marker_h_l_blue.gif) no-repeat 0 5px; } .rl .rl-title a span { background-image: none !important; padding-right: 0 !important; } .rl .rl-content { width: 100%; overflow: hidden; } .rl .rl-content p { padding: 8px 0; } .rl .rl-footer { text-align: center; } .rl .rl-footer a { display: block; margin: 0 auto; width: 16px; height: 16px; background: transparent url(../img/marker_v_dn_blue.gif) no-repeat center 10px; } .rl .rl-footer a span { display: none; } /* contentbox with multiple content bodies */ .rl .showcontent1 .rl-content1, .rl .showcontent2 .rl-content2 { display: block; } .rl .showcontent1 .rl-content2, .rl .showcontent2 .rl-content1 { display: none; } .content-loading .rl-inner { background-image: url(../img/loader2.gif); background-position: 225px 10px; } .rl-view0 .rl-options, .rl-view0 .rl-content { display: none; } .rl-view0 .rl-header { border-bottom: solid #d7ebf8 1px; margin-bottom: 0px !important; } .rl-view2 .rl-footer a { background-image: url(../img/marker_v_up_blue.gif); } /* Style 2 */ .rl2 { background-image: url(../img/contentbox_gray_bg.png); } .rl2 .rl-inner { background-image: url(../img/contentbox_gray_bottom.gif); } .rl2 .rl-inner .rl-content { padding: 0; border: 0; } /* Style 3 (badges) */ .rl3 { background-image: none; } .rl3 a { display: block; width: 100%; height: 100%; } .rl3 a:focus, .rl3 a:hover { background-color: transparent; } /* Tagcloud, tag links */ .tagcloud { width: 499px; overflow: hidden; text-align: center; } .tagcloud span { font-size: 10px; white-space: nowrap; } a.t { line-height: normal; white-space: nowrap /* ?? wieder aktiviert, 2008-02-12 */; margin-right: 10px; } a.t0, a.t1 { font-size: 11px; } a.t2 { font-size: 12px; } a.t3 { font-size: 13px; } a.t4 { font-size: 14px; } a.t5 { font-size: 15px; } a.t6 { font-size: 17px; } a.t7 { font-size: 19px; } a.t8 { font-size: 20px; } a.t9 { font-size: 22px; } a.t10 { font-size: 24px; } /* Message bubble */ .msgbubble-wrapper { width: 525px; background-image: url(../img/bubble_xl_bg_transp.png); } .msgbubble { padding: 28px 19px 13px 13px; background-image: url(../img/bubble_xl_bg_transp.png); background-position: 0 bottom; } .msgbubble textarea { width: 493px; height: 110px; border-width: 0; background-color: transparent; padding: 0; } .msgbubble p { width: 492px; height: 110px; overflow: auto; padding: 0 !important; } /* expanded bubble */ div.item-expanded .msgbubble p, div.item-expanded .msgbubble textarea { height: 320px; } /* bubble options */ .msgbubble-options { position: relative; width: 100%; padding-top: 6px; margin-top: 13px; border-top: solid #e8e8e8 1px; } /* Browse pages */ .pgnav { width: 100%; overflow: hidden; margin-bottom: 25px; } .pgnav a, .inactive { line-height: 23px; padding: 2px 8px; background-color: #e8e8e8 !important; } .pgnav .inactive { color: #808080; } .pgnav a:hover { background-color: #2583ad !important; } .pgnav .pgnav-prev { float: left; width: 80px; margin-left: 13px; display: inline; } .pgnav .pgnav-next { float: right; width: 80px; margin-right: 13px; display: inline; text-align: right; } .pgnav .pgnav-direct { text-align: center; float: left; width: 339px; } .pgnav .pg-current { background-color: #fa8202 !important; color: #ffffff !important; font-weight: bold; } .pgnav .pg-more { background-color: transparent !important; } .pgnav a span { font-family: Arial, Helvetica, Sans-Serif; font-size: 9px; } /* Page help */ .pgfaq { margin-top: 100px; border-top: solid #e8e8e8 1px; } .pgfaq-content { padding: 13px; } .pgfaq-content p { display: none; padding: 20px 0 13px 0 !important; } .pgfaq-content ul { display: none; padding-left: 0 !important; } .pgfaq-content ul li { display: list-item; float: none; margin: 4px 0 0 0; } .item-expanded .pgfaq-content p, .item-expanded .pgfaq-content ul { display: block; } /* Voting score display */ .voting { overflow: hidden; } .voting a { font-size: 14px; font-weight: bold; display: block; float: left; } .voting .bar { margin-top: 2px; float: left; margin-right: 6px; } /* Bar */ .bar { position: relative; width: 104px; height: 12px; font-size: 0; background-image: url(../img/bar.gif); } .bar div { position: absolute; height: 8px; font-size: 0; left: 2px; top: 2px; background-repeat: repeat-x;} /* style 1 */ .bar1 div { background-image: url(../img/bg_bar_rog.png); } .bar1 .bg1 { background-position: 0 0; } .bar1 .bg2 { background-position: 0 -8px; } .bar1 .bg3 { background-position: 0 -16px; } /* style 2 */ .bar2 div { background-image: url(../img/bg_bar_voting.png); } .bar2 .bg10, .bar2 .bg9 { background-position: 0 0; } .bar2 .bg8 { background-position: 0 -8px; } .bar2 .bg7 { background-position: 0 -16px; } .bar2 .bg6 { background-position: 0 -24px; } .bar2 .bg5 { background-position: 0 -32px; } .bar2 .bg4 { background-position: 0 -40px; } .bar2 .bg3 { background-position: 0 -48px; } .bar2 .bg2 { background-position: 0 -56px; } .bar2 .bg1 { background-position: 0 -64px; } .bar2 .bg0 { background-position: 0 -72px; } /* style 3 */ .bar3 div { background-image: url(../img/bg_bar_gor.png); } .bar3 .bg1 { background-position: 0 0; } .bar3 .bg2 { background-position: 0 -8px; } .bar3 .bg3 { background-position: 0 -16px; } /* Rating bar */ .ratingbar { display: inline; padding-right: 7px; } .rating-star { float: left; width: 12px; height: 12px; background-image: url(../img/star_small_inactive.gif); } .rating-star a { display: block; width: 100%; height: 100%; background: none; } .rating-star a:hover { background: none; } .rating-active { background-image: url(../img/star_small_active.gif); } /* Action bar (form footers etc.) */ .actionbar { width: 525px; } .actionbar .actionbar-content { padding: 0 13px; margin-top: 13px; } .actionbar .actionbar-links { padding: 0 13px; margin-top: 30px; } /* Inline help */ .inlinehelp { padding-top: 4px; font-size: 11px; line-height: normal; color: #808080; } .inlinehelp .inlinehelp-content { /*display: none;*/ margin-top: 6px; padding-left: 4px; } .item-expanded .inlinehelp-content { display: block; } fieldset .inlinehelp { padding-left: 13px; } .inlinehelp a.switch { display: block; height: 16px; } .inlinehelp li { margin-bottom: 6px; } .inlinehelp li ul { margin-top: 6px; } .inlinehelp li ul li { list-style-type: circle; } /* Ads */ /* Ad basics */ .ad { position: relative; top: 0; left: 0; } .ad a:hover { background-color: transparent; } .ad-content { position: relative !important; display: none; overflow: hidden; } .ad-loaded { display: block; } /* Final ad positions setup */ /* Leaderboard on top of page */ #ad-globalleaderboard { width: 100%; height: 110px; } #ad-globalleaderboard-content { padding-right: 171px/* !! must equal width of #ad-globalsky !! */; margin: 0 auto; } /* Right adspace ([wide] skyscraper) */ #ad-globalsky { width: 171px /* !! must be same width as #ad-globalleaderboard-content !! */; float: left; height: 715px; overflow: hidden; position: absolute; left: 795px; } #ad-globalsky-content { top: 115px; left: 5px; } /* ad attributes */ .adsize-fullsize { width: 468px; height: 60px; } .adsize-skyscraper { width: 160px; height: 600px; } .adsize-leaderboard { width: 728px; height: 90px; } .adsize-mediumrectangle { width: 300px; height: 250px; } .ad-mr { width: 300px; height: 260px; overflow: hidden; background-position: left bottom; } .ad-shop { width: 300px; height: 260px; overflow: hidden; background-position: left bottom; } /* jquery elements */ .ui-dialog p { padding-bottom: 10px ; } .ui-dialog p a, ui-dialog p a:visited { color: #2583ad; background-color: transparent; } .ui-dialog p a:hover { color: #ffffff; background-color: #2583ad; }