/* Global reset */ * { margin: 0; padding: 0; } img { border: 0; } /* Paddings & margins */ .margin-top { margin-top: 25px } .margin-bottom { margin-bottom: 25px } .margin-left { margin-left: 50px } .margin-right { margin-right: 25px } .padding-both { padding: 17px 0 } .no-padding { padding: 0; margin: 0 } /* Floats */ .left { float: left } .right { float: right } .clear { clear: both } /* Text positions */ .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .middle { vertical-align: middle } /* Popular selectors styles */ p { text-align: left; } h1 { font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ea6200; letter-spacing: -1px; } h1 span { display: block; color: #686868; font-size: 13px; font-weight: normal; position: static; z-index: 1; top: 1px; margin-bottom: 5px; letter-spacing: normal; } h2 { font: normal 22px Tahoma, Arial, Helvetica, sans-serif; } h3 { font: bold 14px Tahoma, Arial, Helvetica, sans-serif; } a { color: #686868; text-decoration: underline; outline: none; cursor: pointer; } a:hover { color: #eb6906; text-decoration: none; } :focus { -moz-outline-style: none; } a.orange { font-weight: bold; color: #eb6906; } ul, ol { padding: 10px 0 10px 35px; } ul li, ol li { padding: 3px 0; } hr { clear: both; } /* Widths */ .px25 { width: 25px } .px50 { width: 50px } .px75 { width: 75px } .px100 { width: 100px } .px125 { width: 125px } .px150 { width: 150px } .px175 { width: 175px } .px200 { width: 200px } /* Other classes */ .submit { cursor: pointer; } /* Table */ table { width: 95%; margin: 20px auto; border-collapse: collapse; } table tr th { padding: 5px 10px; text-align: center; background: #eee; } table tr td { padding: 5px 10px; border-bottom: 1px solid #eee; } .pngfix { behavior: url(/js/iepngfix.htc) } /************************************************************** Layers **************************************************************/ body { background: #eb7e24 url(../images/body-bg.gif) repeat-x; font: 13px "Trebuchet MS", Helvetica, sans-serif; color: #686868; text-align: center; line-height: 150%; padding: 0; margin: 0; } /* Ads */ .ad { border: 1px solid #ccc; } #ad728x90px { width: 728px; height: 90px; margin: 15px auto 0; } #ad160x600px { position: absolute; top: 65px; right: 50%; width: 60px; height: 600px; margin-right: -530px; } /*************************** * Container ****************************/ #container { width: 986px; margin: 0 auto; text-align: left; background: #fff url(../images/container-bg.gif) repeat-y; } /*************************** * Top ****************************/ #top { height: 200px; padding-right: 30px; background: url(../images/top-bg.jpg) no-repeat; } #top.new-landing { height: 160px; } /* Logo */ #top h1 { float: left; width: 214px; height: 114px; padding: 54px 0 0 54px; text-indent: -99999px; } #top h1 a { display: block; height: 100%; background: url(../images/logo-beta.png) no-repeat; } /* Bar */ #top .bar { float: right; height: 33px; margin: 21px 0 0 0; font-weight: bold; background: url(../images/bar-bg.gif) left 0 no-repeat; } #top .bar p { float: left; width: 500px; height: 33px; line-height: 33px; padding: 0 15px; background: url(../images/bar-right.gif) right 0 no-repeat; } #top .bar p a { color: #f3b684; text-decoration: none; } #top .bar p a:hover { color: #cc8347; } #top .bar .counter { float: right; } #top .bar .user a { padding-left: 10px; margin-left: 5px; background: url(../images/misc/logout.gif) left center no-repeat; } /* Search form */ #seachSection { position: absolute; top: 53px; left: 50%; width: 507px; padding: 5px 10px 10px; margin-left: -66px; z-index: 20; background: #fff6d9; } #seachSection form { margin: 0; padding: 0; } #seachSection fieldset { margin: 0; padding: 10px; border: 1px solid #f5e0cf; } #seachSection fieldset a { float: right; color: #f3b684; text-decoration: none; font-weight: bold; padding-left: 10px; margin-left: 5px; background: url(../images/misc/logout.gif) left center no-repeat; } #seachSection fieldset a:hover { color: #cc8347; } #seachSection #q { width: 150px; } #seachSection .submit { width: 88px; height: 22px; border: 0; color: #fff; font-weight: bold; background: url(../images/misc/search-submit.gif) no-repeat; } /* Menu */ #top ul { float: left; clear: left; width: 900px; height: 32px; padding: 0; position: relative; left: 40px; z-index: 10; } #top ul li { float: left; margin: 0; padding: 0 1px 0 0; list-style: none; background: url(../images/misc/menu-sep.gif) right center no-repeat; } #top ul .begin a { background: url(../images/misc/menu-left.gif) left 0 no-repeat; } #top ul .begin a:hover, #top ul .begin.current a { background: url(../images/misc/menu-left.gif) left bottom no-repeat; } #top ul .end { padding: 0; background: none; } #top ul .end a { background: url(../images/misc/menu-right.gif) right 0 no-repeat; } #top ul .end a:hover, #top ul .end.current a { background: url(../images/misc/menu-right.gif) right bottom no-repeat; } #top ul li a { float: left; height: 32px; line-height: 32px; padding: 0 7px; font-weight: bold; text-decoration: none; background: url(../images/misc/menu-bg.gif) repeat-x; } #top ul li a:hover, #top ul .current a { color: #ea6200; background: #fff left bottom no-repeat; } #page-index #nav-home a { background: url(../images/misc/menu-left.gif) left bottom no-repeat; color: #ea6200; } #page-login #nav-login a, #page-watchlist #nav-watchlist a { background: url(../images/misc/menu-right.gif) right bottom no-repeat; color: #ea6200; } #page-my_profile #nav-profile a, #page-message #nav-mail a, #page-friends #nav-friends a, #page-gallery #nav-photos a, #page-group #nav-groups a, #page-register #nav-register a, #page-hotornot #nav-hotornot a, #page-search #nav-search a, #page-forum #nav-forum a, #page-matchmaker #nav-matchmaker a, #page-mydates #nav-mydates a { color: #ea6200; background: #fff left bottom no-repeat; } /* Online */ #online { height: 140px; width: 426px; position: absolute; top: 60px; left: 50%; margin: 0 0 0 39px; z-index: 5; } #online h2 { position: absolute; top: 0; right: 0; width: 93px; height: 93px; text-indent: -99999px; } #online h2 a { display: block; width: 93px; height: 93px; background: url(../images/misc/online.gif) no-repeat; } #online img { float: right; height: 70px; } #online2-landing { height: 140px; width: 565px; position: absolute; top: 60px; left: 39%; margin: 0 0 0 39px; z-index: 5; } #online2-landing h2 { position: absolute; top: 0; right: 0; width: 93px; height: 93px; text-indent: -99999px; } #online2-landing h2 a { display: block; width: 93px; height: 93px; background: url(../images/misc/online.gif) no-repeat; } #online2-landing img { float: right; height: 70px; } /* Submenu */ #submenu { padding: 0 15px; margin: 0 28px; height: 32px; line-height: 32px; background: url(../images/misc/menu-bg.gif) repeat-x; } #submenu li { display: inline; list-style: none; padding: 0 5px; } #submenu li a { text-decoration: none; font-weight: bold; } #submenu li a:hover { color: #ea6200; } /*************************** * Content ****************************/ #content { margin: 25px 45px; } #content.block { text-align: center; padding: 200px 0 50px; background: url(../images/misc/blocked.png) center 20px no-repeat; } #content.error { text-align: center; padding: 200px 0 50px; background: url(../images/misc/404-bg.gif) center 20px no-repeat; } #content.error p { width: 300px; margin: 0 auto; } #content.quick-search { padding-bottom: 20px; margin-bottom: 0; border-bottom: 1px solid #ddd; } #content.quick-search input, #content.quick-search select { vertical-align: middle; } /* HON TOPS */ .honTops { width: 445px; } .honTops.leftSide { float: left; clear: left; } .honTops.rightSide { float: right; } #container .honTops .hon-profiles { margin: 0 0 10px; } /* HON */ #container #loginForm label { _width: 125px; color: #535353; } #loginForm .buttons a { line-height: 32px; } #loginForm .buttons a, #loginForm .intro a { font-weight: bold; color: #eb7521; text-decoration: none; } #loginForm .intro { font-weight: bold; } #container #loginForm .checkboxfield { padding: 0; } .half { width: 440px; } #container .half .container.gray, #container .hon-profiles { background-image: none; } .half .container .inside { margin: 10px 15px; padding: 0; } #container .hon-img { margin: 0 10px 10px 0; float: left; background: #fff; } #container .half .hon-img { width: 90px; } #container .hon-img i, #container .hon-profiles .container i { bottom: 0px; } #container .hon-img img { display: block; margin: 5px 5px 0; _margin: 0 5px 5px; } #container .white { background: #fff; } #container .dark-corners b { background-image: url(../images/misc/c-t-dark.gif); } #container .dark-corners i { background-image: url(../images/misc/c-b-dark.gif); } #container .hon-profiles { width: 440px; margin: 0 0 10px 0; font-weight: bold; } #container .hon-profiles.leftSide { float: left; } #container .hon-profiles.rightSide { float: right; } #container .hon-profiles .inside { margin: 0 5px; padding: 0; min-height: 95px; _height: 95px; } #container .hon-profiles .container { float: left; width: 90px; margin: 0 10px 0 0; } .hon-profiles .votes { float: left; width: 320px; height: 45px; margin-top: 2px; color: #fff; background: url(../images/misc/hon-votes.gif); } .hon-profiles .votes strong { float: left; padding: 0 10px; font-size: 32px; letter-spacing: -2px; line-height: 45px; } .hon-profiles .votes p { height: 35px; margin: 5px 0; padding-left: 10px; float: left; border-left: 1px solid #f39a49; font-weight: bold; line-height: normal; } .hon-profiles .votes p span { display: block; color: #fcd5b2; } .hon-profiles .cat { float: left; width: 300px; padding: 5px; } .hon-profiles ul { float: left; padding: 0 5px; color: #ea6301; } .hon-profiles ul li { padding: 0 0 0 10px; list-style: none; background: url(../images/misc/hon-arr.gif) left center no-repeat; } .hon-profiles ul li a { color: #ea6301; text-decoration: none; } .hon-profiles ul li a:hover { text-decoration: underline; } .leftManage { float:left; padding:25px 0 0 40px; } #dugg select { width: 100%; } /* #hon-p { margin: 15px 40px 0; padding-top: 15px; border-top: 1px solid #e7e7e7; } */ #hon-p { margin: 15px 40px 0; padding-top: 12px; } #photoDesc { border: 0; width: 100%; height: 55px; overflow: visible; font: bold 14px Arial, sans-serif; color: #666; } .big-button { display: block; width: 200px; margin: 0 auto; height: 33px; line-height: 33px; padding-left: 6px; margin-top: 15px; color: #fff; text-decoration: none; background: url(../images/misc/link-left.gif) no-repeat; cursor: pointer; } .big-button strong { display: block; text-align: center; height: 33px; padding: 0 10px 0 4px; background: url(../images/misc/link-right.gif) right 0 no-repeat; } .big-button:hover { color: #fff; } /* .big-button { display: block; width: 400px; height: 80px; padding-left: 13px; margin: 20px auto; text-decoration: none; text-align: center; background: url(../images/misc/button-left.gif) 0 0 no-repeat; } .big-button strong { display: block; height: 80px; line-height: 80px; color: #fff; font-size: 32px; letter-spacing: -2px; background: url(../images/misc/button-right.gif) right 0 no-repeat; } */ #hon-uploader-button { height: 32px; line-height: 32px; padding-right: 5px; cursor: pointer; background: url(../images/misc/hon-but.gif) no-repeat; } #hon-uploader-button strong { float: right; width: 100px; text-align: center; } /* Select hon */ #menu-call { display: block; height: 33px; line-height: 33px; padding-left: 15px; font-weight: bold; text-decoration: none; background: url(../images/misc/hon-select.gif) 0 0 no-repeat; } #menu-call:hover { background-position: 0 bottom; } #menu { position: absolute; z-index:100; width: 380px; padding: 5px 10px 10px; margin: -1px 0 0 3px; border: 1px solid #e3e3e3; border-top: 0; background: #f7f7f7; } #menu li { list-style: none; padding: 0; margin: 0; } .hon-pagination { float: right; height: 24px; line-height: 24px; padding-right: 6px; margin-bottom: 25px; background: url(../images/misc/hon-pag.gif) right 0 no-repeat; } .hon-pagination .pages { float: left; min-width: 250px; _width: 250px; height: 24px; padding: 0 9px 0 15px; font-weight: bold; background: url(../images/misc/hon-pag-l.gif) 0 0 no-repeat; } .hon-pagination .pages a { color: #ea6200; text-decoration: none; } .hon-pagination .pages a:hover { color: #be5001 } #who-was .profile { margin-right: 8px; } /* Contact form */ #container #supportForm { width: 670px; } #container #supportForm textarea { border: 2px solid #ec7621; width: 400px; } #container #supportForm label { width: 190px; } #container #formMail { position: absolute; width: 249px; height: 612px; background: url(../images/misc/contact/arr.gif); left: 50%; margin: 0px 0 0 208px; } #container #contentDesc { min-height: 150px; _height: 150px; } /* Home register */ #homeRegister { width: 420px; height: 342px; margin-top: 15px; background: url(../images/misc/login/register.jpg) } #homeRegister a { display: block; width: 336px; height: 58px; position: relative; top: 282px; left: 45px; text-align: center; color: #fff; text-decoration: none; line-height: 58px; font-size: 28px; } #homeRegister a:hover { color: #fddea3; } #loginStar { position: absolute; width: 159px; height: 387px; background: url(../images/misc/login/star.gif); left: 50%; margin: 35px 0 0 -122px; } #home-register { display: block; width: 300px; height: 300px; background: url(../images/misc/home-register.jpg) no-repeat; text-indent: -99999px; margin: 10px auto; } #container .homeLogin label { float: left; width: 130px; line-height: 35px; } #container .homeLogin div.row.textfield input, #container .homeLogin div.row.passwordfield input { width: 150px; } #container .homeLogin div.row { min-height: 0; _height: 0; } #container .homeLogin .controls-group label { float: none; } #container .homeLogin .submit { width: 160px; background-image: url(../images/misc/submit-small.gif) } #container .homeLogin form { margin: 10px 15px; } #container .homeLogin div.row.buttons { border: 0; } /* Reset password */ #resetPassword { position: absolute; width: 249px; height: 342px; background: url(../images/misc/reset/letter.gif); top: 245px; left: 50%; margin-left: 210px; z-index: 1; } #resetForm { margin-top: 0; } #rPassword { width: 670px; } #rPassword .inside { margin: 25px 20px; } #rPassword .inside p { font-weight: bold; line-height: 180%; } #rPassword .inside label { float: left; width: 170px; line-height: 35px; text-align: right; padding-right: 15px; } #rPassword .inside .row { min-height: 0; _height: 0; } #rPassword .inside .textfield input { width: 425px; } #rPassword .inside .buttons { border: 0; padding-top: 15px; } #rPassword .inside .buttons input { float: right; } #captchaImage { float: left; width: 150px; } #captchaImage img { vertical-align: middle; } #rPassword .inside .textfield #captcha { width: 205px; vertical-align: middle; } #container #rPassword div.field-tooltip { left: 500px } /* Register user */ #container .rUser { width: 670px; } #container .rUser .inside { margin: 25px 20px; } #container .rUser .inside p { font-weight: bold; line-height: 180%; margin-bottom: 25px; } #container .rUser .inside .row { min-height: 0; _height: 0; } #container .rUser .inside .row label, #container .rUser .inside .row .likelabel { float: left; width: 200px; line-height: 35px; } #container .rUser .inside .row .likelabel strong { display: block; font-size: 10px; line-height: normal; margin-top: -3px; font-weight: normal; letter-spacing: 0; } #container .rUser div.row.textfield input, #container .rUser div.row.passwordfield input { width: 400px; } #container .rUser div.field-tooltip { left: 613px; top: 10px; } #container .rUser .inside .row label em, #container .rUser .inside .row .likelabel em { position: static } #container .rUser .row.radiofield, #container .rUser .row.checkboxfield { min-height: 25px; _height: 25px; } #container .rUser .row.checkboxfield .likelabel, #container .rUser .row.radiofield .likelabel { margin-top: 10px; line-height: normal } #container .rUser .radiofield label { float: none; } #container .rUser .radiofield .controls-group { margin: 0; float: left; } #registerUser { position: absolute; width: 220px; height: 890px; background: url(../images/misc/register/star.gif); top: 340px; left: 50%; margin-left: 207px; z-index: 0; } #container #rster { width: 675px; border: 0; } #regSubmit { float: right; width: 387px; height: 66px; background: url(../images/misc/register/button.gif) no-repeat; color: #fff; font-size: 28px; } /* Containers */ .container { margin: 15px 0; border: 1px solid #eee; } .container .inside { margin: 5px; _margin-top: 0; } .container .inside.padding { margin: 15px; _margin-top: 10px; } .container b, .container i { float: left; width: 100%; height: 5px; line-height: 0; font-size: 0; position: relative; bottom: 1px; right: 1px; z-index: 10; } .container b b, .container i i { float: right; width: 5px; bottom: 0; left: 2px; } .container i { bottom: 4px; } .container b { background: url(../images/misc/c-t.gif) 0 0 no-repeat; } .container i { background: url(../images/misc/c-b.gif) 0 0 no-repeat; } .container b b, .container i i { background-position: 0 bottom; } .container .inside.padding strong { color: #ea6200; } /* Visits count */ .visits { float: left; width: 402px; font-weight: bold; color: #fff; border: 1px solid #000; } .visits .value { width: 10px; margin: 1px; background: url(../images/misc/hon-bg.jpg) -65px center no-repeat; } .visits .value em { font-style: normal; padding-left: 5px; } .show { padding-left: 16px; margin-left: 15px; background: url(../images/icons/action-friend.gif) left center no-repeat; } /* IE 6 Bug */ .container i { _display: none; } /* Flash messages p.message { padding: 7px 15px; margin: 10px 45px; font-weight: bold; border: 2px solid; } p.message.notice { color: #fff; border-color: #136b9d; background: #1386bb url(../images/flash-notice.gif) repeat-x; } p.message.warning { color: #fff; border-color: #f2a101; background: #e88708 url(../images/flash-warning.gif) repeat-x; } p.message.error { color: #fff; border-color: #9d1318; background: #bb1319 url(../images/flash-error.gif) repeat-x; } */ p.message { line-height: 30px; padding: 5px 0 5px 40px; margin: 10px 45px 0; font-weight: bold; border-bottom: 1px solid #f0f0f0; background: 0 center no-repeat } p.message.notice { color: #0093d8; background-image: url(../images/misc/flash/info.gif); } p.message.warning { color: #e36904; background-image: url(../images/misc/flash/warning.gif); } p.message.error { color: #be1311; background-image: url(../images/misc/flash/error.gif); } p.hon-message { padding: 10px 10px 10px 50px; margin: 10px 45px; font-weight: bold; background: 10px center no-repeat; } p.hon-message.hon-notice { color: #288dce; background-image: url(../images/misc/message-notice.gif); } p.hon-message.hon-warning { color: #f2a101; background-image: url(../images/misc/message-warning.gif); } p.hon-message.hon-error { color: #9d1318; background-image: url(../images/misc/message-error.gif); } /* Messages [inbox, outbox] */ table .mail-status { width: 25px; } table .mail-sender { text-align: left; } table .avatar-link img { float: left; vertical-align: middle; } table .mail-sender .nick { line-height: 32px; vertical-align: middle; } table .unread a { font-weight: bold; } table .mail-timestamp { width: 200px; } table .mail-checkbox { width: 30px; text-align: center; } table .active td { background: #fafafa; } table .last-row td { background: #f6f6f6; } table .last-row td { border: 0; } table .buttons { text-align: right; } .message .head img { float: left; margin-right: 10px; } .message .head { height: 85px; border-bottom: 1px solid #ddd; } /* Gallery */ .gallery { float: left; width: 210px; margin: 0 15px 15px 0; } .gallery .container { margin: 0; } .gallery .container img { display: block; clear: both; margin: 0 auto; padding-bottom: 5px; } .gallery ul { padding: 0; } .gallery ul li { clear: left; list-style: none; font-size: 11px; padding: 0 5px; } .gallery ul li span { float: left; width: 85px; } .gallery ul .title { font-weight: bold; text-align: center; font-size: 13px; margin-bottom: 5px } .gallery ul .title a { color: #ef7b17; text-decoration: none; } .gallery ul .title a:hover { color: #bf5d09; } .gallery ul .desc { margin-bottom: 5px; padding-bottom: 5px; line-height: 100%; border-bottom: 1px solid #ddd; font-size: 12px; line-height: 120%; } .gallery ul .icon { margin-top: 5px; padding-top: 5px; line-height: 100%; border-top: 1px solid #ddd; } .gallery ul .icon a, .gallery ul .icon em { display: block; padding: 1px 0 4px 25px; font-style: normal; background: left 0 no-repeat; cursor: pointer; } /* Deleting */ .warning-confirmation .submit { margin: 0 auto; width: 200px; height: 33px; border: 0; border: 0; color: #fff; font: bold 16px "Trebuchet MS", sans-serif; cursor:pointer; background: url(../images/misc/submit.gif) no-repeat; } /* Photos */ .gallery.photo { margin: 0 10px 15px 0; min-height: 260px; _height: 270px; } .gallery.photo.hot { min-height: 190px; _height: 200px; } .gallery.photo ul { } .gallery.photo ul .icon { float: left; clear: none; width: 30px; padding-left: 15px; border: 0; margin: 0; } .gallery.photo ul .icon input { padding-left: 25px; border: 0; background: none; font-size: 11px; color: #686868; text-decoration: underline; text-align: left; } .gallery.photo ul .icon input:hover { text-decoration: none; color: #ef7b17; } .gallery.photo ul a { position: absolute; float: left; width: 20px; margin: 1px 0 0 1px; padding: 5px 5px 5px 24px; text-decoration: none; text-indent: -999999px; background: 3px 3px no-repeat; } .gallery.photo ul a:hover { width: 90px; text-indent: 0; margin: 0; border: 1px solid #c4c4c4; background-color: #fff; } #container .gallery.photo ul .del input { background-image: url(../images/icons/action-block.gif); } #container .gallery.photo ul .add a { background-image: url(../images/icons/accept.gif); } #container .gallery.photo ul .img-add a { background-image: url(../images/icons/add-hon.gif); } #container .gallery.photo ul .img-add em { background-image: url(../images/icons/hon.gif); color: #a9b28e; } #container .gallery.photo ul .img-del a { background-image: url(../images/icons/remove-hon.gif); } #container .gallery ul .edit a { background-image: url(../images/icons/edit.gif) } #container .gallery ul .del a { background-image: url(../images/icons/delete.gif) } /* old #container .gallery.just-a-litle-bit-bigger { width: 200px; margin: 0 32px 10px 0; _margin-right: 30px; } */ #container .gallery.just-a-litle-bit-bigger { width: 200px; margin: 0 11px 20px; _margin-left: 8px; } #container .gallery.just-a-litle-bit-bigger.last { margin-right: 0 } #container .gallery.just-a-litle-bit-bigger img { vertical-align: bottom } #container .gallery.just-a-litle-bit-bigger .photo-hon { position: absolute; top: 5px; left: 5px; width: 71px; height: 25px; line-height: 25px; font-weight: bold; text-align: center; color: #fff; background: url(../images/misc/photo-hon.gif) no-repeat } #container .gallery.just-a-litle-bit-bigger .photo-container { position: relative; overflow: hidden; margin-left: 5px; width: 188px; height: 177px; text-align: center; } #container .gallery.just-a-litle-bit-bigger ul { height: 30px; padding-left: 15px; } .leftColumn { float: left; width: 35%; margin-top: 15px; } .leftColumn .gallery { width: 90%; margin: 15px auto; } .leftColumn .gallery h3, .leftColumn .gallery p { padding: 0 5px 5px 5px; } .leftColumn .gallery ul { margin-top: 15px; } .rightColumn { float: right; width: 60%; margin-top: 15px; } /* Photo */ .photo-image { width: 700px; margin: 15px auto 0; } .photo-image.hon { width: 610px; margin: 25px auto 0; } .photo-image img { clear: both; display: block; margin: 0 auto; padding-bottom: 5px; } .thumbs { width: 700px; height: 150px; margin: 10px auto; } .thumbs .imgs { width: 485px; margin: 0 auto; } .thumbs .container { float: left; width: 90px; margin: 0 5px 0 0; } .thumbs .container img { clear: both; display: block; margin: 0 auto; padding-bottom: 5px; } .thumbs .container i { bottom: -1px; } .thumbs .link-prev, .thumbs .link-next { line-height: 100px; } .thumbs .link-prev { float: left; } .thumbs .link-next { float: right; } /* Paginator */ p.paginator{ clear: both; text-align:center; margin:0; line-height:28px; font-size: 11px; } p.paginator a{ padding:2px 6px; border:1px solid #aaa; margin:0 1px; text-decoration: none; } p.paginator a:hover{ border-color: #EA6200; } p.paginator span.disabled{ padding:2px 6px; border:1px solid #eee; background:#fcfcfc; margin:0 1px; color:#bbb; cursor:default; } p.paginator span.active{ padding:2px 6px; border:1px solid #EA6200; background:#EA6200; margin:0 1px; color:#eee; cursor:default; } /* Messages */ .inside .head { height: 85px; border-bottom: 1px dotted #ddd; } .inside .head img { float: left; margin-right: 10px; } /* No results */ div.right .empty, #content .empty { width: 250px; padding: 15px 0 20px 55px; margin: 30px auto; text-align: left; font-weight: bold; color: #0093d8; background: url(../images/misc/empty.gif) no-repeat; } /* Impressum */ .impressum { width: 300px; margin-bottom: 25px; } .impressum address { font-style: normal; padding-top: 10px; } .und { display: block; width: 100px; postion: relative; margin: 0 auto; padding-top: 130px; font-weight: bold; text-align: left; } /* Agb */ #agb { padding-top: 15px; } #agb dt { font-size: 14px; text-align: center; font-weight: bold; } #agb dd { margin-bottom: 25px; } /* New no results to view */ .empty-results { line-height: 30px; padding: 5px 0 5px 40px; margin: 10px 0 0; color: #0093d8; font-weight: bold; background: url(../images/misc/flash/info.gif) 0 center no-repeat } /*************************** * Left column ****************************/ div.left { float: left; padding: 25px 0 0 40px; } /* Homesite */ #box { width: 370px; } #container .homeLogin { width: 340px; } #container .homeLogin .inside { min-height: 285px; _height: 290px; } .left .container { background: #f3f3f3 url(../images/misc/box-bg.gif) 0 0 no-repeat; } .container.gray { background: #f3f3f3 url(../images/misc/box-bg.gif) 0 0 no-repeat; } /* Categories */ #categories { width: 200px; } #info { width: 180px; } div.left ul { padding: 0; margin: 0 5px 3px; } div.left ul li { list-style: none; padding: 5px 0 2px; } div.left ul li a, .mlnk { display: block; height: 24px; line-height: 24px; text-decoration: none; cursor: pointer } div.left ul li a strong, .mlnk strong { display: block; margin-left: 4px; padding-left: 2px; } div.left ul li a:hover, .mlnk:hover { color: #fff; background: url(../images/misc/cat-left.gif) left 0 no-repeat; } div.left ul li a:hover strong, .mlnk:hover strong { background: url(../images/misc/cat-right.gif) right 0 no-repeat; } /* Hot or not */ #categories .avg { width: 176px; height: 84px; line-height: 84px; color: #fff; font-size: 36px; font-weight: bold; letter-spacing: -1px; text-align: center; background: #eb6805 url(../images/misc/avg-bg.gif) no-repeat; margin: 10px auto; } #categories #hon .profile { float: none; width: 176px; margin: 0 auto; padding: 0; } #categories #hon .count { clear: both; font-size: 20px; padding: 0 0 0 4px; margin: 0; letter-spacing: -1px; text-align: center; } #categories #hon ol { padding: 15px 0 15px 15px; } #categories #hon ol li { padding: 0; list-style: none; } #categories #hon ol li a { font-weight: bold; font-size: 14px; color: #ea6301; text-decoration: none; } #categories #hon ol li a:hover { color: #b64d00; } #voting { width: 640px; height: 40px; line-height: 40px; padding: 0 15px; font-weight: bold; font-size: 20px; text-align: center; background: url(../images/misc/hon-bg.jpg) no-repeat; } #voting strong { color: #fff; } #voting a { color: #fff; padding: 0 5px; text-decoration: none; } #voting a:hover { color: #fabe4e; background-color: #fff; } .stats { padding: 10px 25px; } /* Infos */ #info dl { padding: 10px 15px; } #info dl dt { font-weight: bold; } #info dl dd { margin-bottom: 10px; } #info form { } #info form .submit { width: 160px; height: 33px; border: 0; background: url(../images/misc/submit-small.gif) no-repeat; color: #fff; text-align: center; font-weight: bold; margin-bottom: 5px; } /* Keywords */ .keywords-list li { clear: both; overflow: hidden; height: 100%; } #info .form { padding: 0 0 10px 10px; border-top: 1px dotted #ddd; } #info .form label { display: block; font-weight: bold; padding: 5px 0; } #info .form .new-tags { width: 100px; height: 20px; vertical-align: middle; } #info .form .submit { width: 20px; height: 20px; vertical-align: middle; } #info .tags-management, #content .tags-management { padding: 10px 10px; } #info .tag, #content .tag { display: block; clear: left; margin: 0 5px 10px 0; min-height: 16px; _height: 16px; white-space: nowrap; } #info .tag em, #content .tag em { float: left; font-style: normal; line-height: 16px; } #info .tag .del, #content .tag .del { float: left; width: 16px; height: 16px; text-indent: -99999px; background: url(../images/icons/action-block.gif) no-repeat } #content .tag { float: left; clear: none; margin-right: 15px; } #content .tag-section .form { clear: both; padding: 15px 10px; } #content .tag-section .form .submit { width: 22px; height: 22px; } /* Profiles in left columns */ div.left .profile { padding: 0 10px 0 15px; height: auto; min-height: inherit; } div.left .profile .container { background: none; background-color: #fff; } div.left .profile ul li { padding: 0; } div.left .profile ul li a { height: normal; } div.left .profile ul li a:hover { background: none; } /* Smaller */ div.left .profile.smaller { padding: 0; width: 110px; } div.left .profile.smaller ul .text-center { line-height: 100%; } /* Matchmaker setup */ div.left .match form.general div.row { clear: both; height: auto !important; _height: auto !important; min-height: inherit; padding: 5px 10px; border: 0; } div.left .match form.general div.row label { float: left; text-align: left; width: 170px; } div.left .match form.general div.row select { float: right; _width: 100px; text-align: center; } div.left .match form.general div.clear { padding: 15px 0 0; } div.left .matchLeft { float: left; } div.left .matchRight { float: right; width: 240px; margin: 0 0 25px; } div.left .matchRight .row { min-height: 0; _height: 0; } div.left .matchRight .row label { float: left; width: 75px; } .matchMainAll { height: 300px; } .matchMainAll .matchAllLeft { width: 260px; height: 260px; } .matchMainAll .matchAllLeft #ajaxAvatar { display: block; width: 250px; height: 250px; text-align: center; } .matchMainAll .matchAllLeft #ajaxAvatar img { display: inline; vertical-align: middle; } .matchMainAll .matchAllLeft div.profile ul li span { width: 250px; } .matchMainAll .matchAllRight { float: right; width: 620px; } .matchMainAll .matchAllRight .container { margin-top: 5px; } .matchMainAll .matchAllRight .inside { height: 250px; margin:0; } .matchMainAll .matchAllRight form.general { margin: 10px 20px; } .matchMainAll .matchAllRight form.general div.row { min-height: 20px; _height: 20px; } .matchMainAll .matchAllRight form.general p.text-center { padding-top: 35px; } .matchMainAll .matchAllRight form.general label { float: left; width: 75px; } #dynamicPhotos { width: 100%; } /* Matchmaker */ #matchmakerMain { height: 600px; padding: 0 25px 0 95px; background: url(../images/misc/matchmaker/arr-left.gif) left 50px no-repeat } #matchmakerMain h1 { height: 46px; background: url(../images/misc/matchmaker/arr-top.gif) right bottom no-repeat } #container #matchmakerCarousel { background: #f3f3f3; margin-bottom: 0; } #dynamicPhotos { float: left; width: 205px; margin-right: 10px; } #dynamicPhotos .container { float: left; width: 90px; margin: 0 10px 10px 0; } #dynamicPhotos .container .inside { padding-bottom: 0; margin-bottom: 0; *padding-bottom: 5px; } #dynamicPhotos .container i { margin-bottom: -6px; } #matchmakerAvatar { float: left; width: 295px; } #matchmakerAvatar .container { margin: 0; background: #f3f3f3 url(../images/misc/box-bg.gif) 0 0 no-repeat; } #matchmakerAvatar .container .inside { padding: 10px; min-height: 315px; _height: 315px; } #matchmakerAvatar .container .container { margin: 0; background: #fff; } #matchmakerAvatar .container .container .inside { padding: 0; _padding-bottom: 5px; min-height: 250px; _height: 250px; } #matchmakerAvatar .container .container .inside img { display: block; } #matchmakerAvatar .container .inside .link { float: right; } #matchmakerVotes { float: right; width: 190px; height: 407px; padding: 15px; background: url(../images/misc/matchmaker/answers.gif) } #matchmakerVotes a { display: block; height: 47px; margin: 0 auto 15px; padding: 0; text-indent: -99999px; } #matchmakerVotes .last { margin-bottom: 0; padding-top: 5px; } #matchmakerVotes .q { height: 87px; margin-bottom: 10px; padding: 0 10px; } #matchmakerVotes .q label { display: block; height: 45px; font-size: 24px; font-weight: bold; line-height: 45px; color: #ea6200; letter-spacing: -1px; } #matchmakerVotes .q p label { float: left; height: 25px; line-height: 25px; font-size: 18px; color: #858585; margin-right: 10px; } /* Fake account reporting */ #fakedForm { padding: 0; margin: 0; } #fakedForm #blockWin, #hon_window, #ans_window { position: absolute; top: 50%; left: 50%; width: 500px; height: 200px; margin: 50px 0 0 -250px; z-index: 99; } #fakedForm #blockWin .container, #hon_window .container, #ans_window .container { background: #f8f8f8; border-color: #aaa; } #fakedForm #blockWin .container .inside, #hon_window .container .inside, #ans_window .container .inside { padding: 20px; } #fakedForm #blockWin .container .inside textarea { width: 100%; } #fakedForm #blockWin .container .inside .row { min-height: inherit; } #fakedForm #blockWin b, #hon_window b, #ans_window b { background-image: url(../images/misc/c-t-d.gif) } #fakedForm #blockWin i, #hon_window i, #ans_window i { background-image: url(../images/misc/c-b-d.gif) } #ans_window { margin-top: -80px; } #ans_ok { display: block; margin: 0 auto; } #ans_window .rowl, #ans_window .rowr { width: 48%; margin-bottom: 30px; } #ans_window .rowl { float: left; } #ans_window .rowr { float: right; } #ans_window .rowl span, #ans_window .rowr span { font-weight: bold; color: #ed6f0c; } #ans_window h2 { margin-bottom: 15px; color: #ed6f0c; } /* Adding to hot or not */ #hon_window .inside { overflow: hidden; height: 100%; } #hon_window .row { padding: 10px 0; margin: 10px 0; border: 1px dotted #ddd; border-left: 0; border-right: 0; } #hon_window .row select { width: 100%; } #hon_window span, #ans_ok { width: 200px; height: 33px; border: 0; border: 0; color: #fff; font: bold 16px "Trebuchet MS", sans-serif; cursor:pointer; background: url(../images/misc/submit.gif) no-repeat; text-align: center; line-height: 33px; cursor: pointer; } #hon_window #hon_ok { float: left; } #hon_window #hon_cancel { float: right; } /* Link */ #categories .link.center { clear: both; width: 100%; margin-bottom: 15px; } /* PROFILE */ /* Latest photos */ #latest-photos { padding: 10px 0; overflow: hidden; height: 100%; } #latest-photos .container { background: none; } #latest-photos .container img { clear: both; display: block; margin: 0 auto; } #latest-photos .med { width: 190px; margin-bottom: 5px; } #latest-photos .med img { width: 180px; padding-bottom: 5px; } #latest-photos .sml { clear: none; float: left; width: 90px; margin: 0 5px 5px 0; } #latest-photos .sml i { bottom: -1px } #latest-photos .sml i i { bottom: 0; } #latest-photos .sml img { _padding-bottom: 5px; } /* friends */ #friends .profile { float: left; width: 90px; padding: 0; margin: 0 5px 5px 0; } #friends .profile li { display: none; } #friends .profile .text-center { display: block; line-height: 100%; } #friends .profile .text-center a { line-height: 100%; } /* Answers */ #answers .row { height: auto; min-height: inherit; border: 0; padding: 0 5px 10px; } /* Comments */ .cComments { clear: left; padding: 10px 15px; border-bottom: 1px solid #ddd; overflow: hidden; height: 100%; } .cComments .av { float: left; width: 90px; padding: 0; margin: 0 15px 0 0; } .cComments .av img { display: block; clear: both; margin: 0 auto; } .cComments .av i { bottom: -1px; } .cComments .desc { float: left; width: 520px; } .cComments .header { border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 10px; } .cComments .header form { float: right; } .cComments .header form input { height: 15px; margin-left: 10px; padding-left: 18px; color: #666; border: 0; font: 12px Arial, Helvetica, sans-serif; background: transparent 0 center no-repeat; cursor: pointer; overflow: visible } .cComments .header .delete input { background-image: url(../images/icons/delete.gif) } .cComments .header .block input { background-image: url(../images/icons/shut.gif) } .cComments .header .unblock input { background-image: url(../images/icons/reply.gif) } .cComments .header a { color: #eb6906; text-decoration: none; font-weight: bold } .cComments .header a:hover { text-decoration: underline } /* Autocomplete */ div.form div.auto_complete{ background:#fff; z-index: 100; } div.form div.auto_complete ul{ margin:0; padding: 0; border-top:none; border-left:1px solid #eee; border-right:1px solid #aaa; border-bottom:1px solid #aaa; } div.form div.auto_complete ul li{ margin:0; list-style:none; display:block; padding:7px 10px; font-weight:900; border-bottom:1px solid #eee; font-size:92%; } div.form div.auto_complete ul li:hover{ background:#ddd; } /* Profile */ #profile-left { float: left; width: 263px; padding-left: 40px } /* Avatar */ .avatar .inside img { } .change-avatar { position: absolute; width: 250px; font-size: 11px; padding: 5px 0; text-align: center; color: #fff; text-decoration: none; background: url(../images/flash-warning.gif) repeat-x; } .change-avatar:hover { color: #fff; text-decoration: underline } /* Profile links */ #profile-left .list li { overflow: hidden; height: 100%; padding: 3px 0; } #profile-left .list a { display: block; height: 24px; line-height: 24px; padding-left: 5px; text-decoration: none; } #profile-left .list a strong { display: block; width: 230px; height: 24px; padding: 0 10px 0 4px; } #profile-left .list a:hover { color: #fff; background: url(../images/misc/cat-left.gif) no-repeat; } #profile-left .list a:hover strong { color: #fff; background: url(../images/misc/cat-right.gif) right 0 no-repeat; } /* Google map */ #profile-left #userMap { margin-top: 10px } #profile-right { float: right; width: 630px; padding-right: 40px } /* Profile info */ .profile-info { float: left; width: 350px; } .profile-info .on-line { float: right } .profile-info h1 { padding: 5px 10px; border-bottom: 1px solid #e7e7e7 } .profile-info h1 img { vertical-align: middle } .profile-info .for_a { overflow: hidden; height: 100% } .profile-info .for_a span { float: left; width: 160px } /* Profile flirt */ #profile-flirt { float: right; width: 270px; height: 196px; margin-top: 15px; background: url(../images/misc/profile-flirt.gif) } #profile-flirt ul { padding: 20px 0 3px 15px; height: 130px; } #profile-flirt li { height: 40px; line-height: 40px; padding: 0 0 0 10px; margin: 0; vertical-align: bottom; list-style: none; } #profile-flirt strong { float: left; width: 110px; margin-right: 10px; font-size: 22px; color: #ee7511; background: right center no-repeat; } #profile-flirt .matchmaker-heart { background-image: url(../images/misc/matchmaker-heart.gif); } #profile-flirt .matchmaker-lips { background-image: url(../images/misc/matchmaker-lips.gif); } #profile-flirt .matchmaker-glass { background-image: url(../images/misc/matchmaker-glass.gif); } #profile-flirt .matchmaker-heart-marked { background-image: url(../images/misc/matchmaker-heart-marked.gif); } #profile-flirt .matchmaker-lips-marked { background-image: url(../images/misc/matchmaker-lips-marked.gif); } #profile-flirt .matchmaker-glass-marked { background-image: url(../images/misc/matchmaker-glass-marked.gif); } #profile-flirt span { float: left; margin-right: 10px; _margin-top: 10px; font-weight: bold } #profile-flirt span img { vertical-align: middle } #profile-flirt p a { color: #fff; font-weight: bold; text-decoration: none } #profile-flirt p a:hover { text-decoration: underline } /* Profile photos [jCarousel] */ #profile-photos .inside { height: 98px; margin: 5px 0; position: relative; } #profile-photos .jcarousel-skin-tango.jcarousel-container-horizontal { width: 628px } #profile-photos .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 540px; margin: 0 auto; } #profile-photos .jcarousel-skin-tango .jcarousel-item { height: 80px; width: 80px; margin: 5px 0 0 0; } #profile-photos .jcarousel-skin-tango .jcarousel-prev-horizontal, #profile-photos .jcarousel-skin-tango .jcarousel-next-horizontal { top: 28px; width: 22px; height: 41px; } #profile-photos .jcarousel-skin-tango .jcarousel-prev-horizontal { left: 0; background: url(../images/misc/prev.gif); } #profile-photos .jcarousel-skin-tango .jcarousel-next-horizontal { right: 0; background: url(../images/misc/next.gif); } #profile-photos .enlarge-photo { position: absolute; width: 280px; margin-left: -55px; padding-bottom: 18px; z-index: 999; background: url(../images/misc/toplayer-photo-bottom.png) 0 bottom no-repeat } #profile-photos .enlarge-photo .layer { padding: 28px 0 0; background: url(../images/misc/toplayer-photo-top.png) no-repeat } #profile-photos .enlarge-photo .layer img { display: block; margin: 0 auto } #profile-photos .enlarge-photo .layer p { height: 20px; padding: 8px 15px 0; text-align: center } #profile-photos .enlarge-photo { _background-image: url(../images/misc/toplayer-photo-bottom.gif) } #profile-photos .enlarge-photo .layer { _background-image: url(../images/misc/toplayer-photo-top.gif) } #profile-photos .upload-new { height: 20px; font-size: 12px; position: absolute; right: 10px; top: 5px; margin: 0; padding-left: 3px; background: url(../images/misc/sml-lnk-left.gif) no-repeat left 0; } #profile-photos .upload-new strong { padding: 0 7px 0 4px; height: 20px; line-height: 20px; font-weight: normal; background: url(../images/misc/sml-lnk-right.gif) no-repeat right 0; } /* Profile more infos */ #profile-more h1 { padding: 5px 10px; border-bottom: 1px solid #e7e7e7 } #profile-more .list { float: left; width: 50% } /* Profile about */ #profile-about h1 { padding: 5px 10px; border-bottom: 1px solid #e7e7e7 } #profile-about .list li { overflow: hidden; height: 100% } #profile-about .list strong { width: 280px } #profile-about .list span { display: block; margin-left: 280px; } /* Top layer */ .toplayer { position: absolute; width: 480px; padding-bottom: 19px; left: 50%; margin-left: -240px; z-index: 150; background: url(../images/misc/toplayer-bottom.png) 0 bottom no-repeat } .toplayer .layer { position: relative; background: url(../images/misc/toplayer-top.png) no-repeat } .toplayer .close { position: absolute; right: 8px; top: 4px; margin-right: 5px; font-weight: bold; color: #fff; text-decoration: none; cursor: pointer;} .toplayer .close:hover { color: red } .toplayer .inner { padding: 20px 30px 5px 20px; } .toplayer h1 { padding: 5px 10px } .toplayer form { padding: 10px; border: 1px solid #e7e7e7; overflow: hidden; height: 100% } .toplayer ul { padding: 0; margin-bottom: 10px; } .toplayer li { list-style: none } .toplayer label { display: block; margin-bottom: 2px; font-weight: bold } .toplayer li input, .toplayer li textarea { width: 97%; font: 11px Arial; padding: 3px 5px; color: #666; border: 1px solid #d7d7d7 } #container .layer input.focus, #container .layer textarea.focus { border-color: #ea6200 } .toplayer .button { float: right; height: 31px; padding-left: 3px; position: relative; z-index: 10; } .toplayer .button button { height: 31px; padding: 0 5px; line-height: 31px; color: #666; border: 0; font-weight: bold; overflow: visible; cursor: pointer } .toplayer .button.cancel { background: url(../images/misc/cancel-l.gif) no-repeat } .toplayer .button.cancel button { background: url(../images/misc/cancel-r.gif) right 0 no-repeat } .toplayer .button.submit { float: left; background: url(../images/misc/app-l.gif) no-repeat } .toplayer .button.submit button { color: #fff; background: url(../images/misc/app-r.gif) right 0 no-repeat } /* Toplayer 2 */ .toplayer2 { position: absolute; left: 50%; width: 307px; padding-bottom: 24px; margin: 20px 0 0 -20px; z-index: 150; background: url(../images/misc/toplayer2-bottom.png) 0 bottom no-repeat } .toplayer2 .layer { overflow: hidden; height: 100%; background: url(../images/misc/toplayer2-top.png) no-repeat } .toplayer2 .inner { width: 260px; padding: 20px 0 0 30px; } .toplayer2 .inner h1 { padding: 0 10px; border-bottom: 1px solid #e7e7e7 } .toplayer2 .inner .list { border-bottom: 1px solid #e7e7e7 } .toplayer2 .inner .list strong { width: 120px } .toplayer2 .inner p { margin: 10px 0 0; line-height: 32px } .toplayer2 .inner .link { margin: 0 10px 0 0 } div.progress { float: left; width: 110px; height: 17px; margin-top: 3px; background: url(../images/misc/progress.gif) no-repeat } div.progress span { display: block; height: 17px; font-size: 0; line-height: 0; background: url(../images/misc/progress-re.gif) no-repeat } /* Register toplayer */ #register-toplayer { width: 800px; margin-left: -392px; margin-top: -130px; background: url(../images/misc/register-toplayer-bottom.png) 0 bottom no-repeat } #register-toplayer .close { right: 2px } #register-toplayer .layer { background: url(../images/misc/register-toplayer-top.png) no-repeat } #register-toplayer .layer fieldset { clear: both } #register-toplayer .layer .user-data { float: left } #register-toplayer .layer .user-details { float: right } #register-toplayer .layer .user-details, #register-toplayer .layer .user-data { width: 345px; height: 410px; clear: none; } #register-toplayer .radio, #register-toplayer .checkbox { *height: auto } #hundred_percent { padding: 10px 15px 0; } #hundred_percent em { display: block; padding: 10px 30px 0 20px; font-style: normal; background: url(../images/icons/lock.gif) 0 12px no-repeat } #hundred_percent span { position: absolute; top: 30px; *top: 20px; right: 30px; width: 77px; height: 69px; background: url(../images/misc/hundred_percent.gif) no-repeat; text-indent: -999999px } /* IE fix */ #registerForm .toplayer { _background: url(../images/misc/toplayer-bottom.gif) 0 bottom no-repeat } #registerForm .toplayer .layer { _background: url(../images/misc/toplayer-top.gif) no-repeat } /* Geo suggest */ #geoSuggest { position: absolute; border: 1px solid #C2C2C2; overflow: auto; width: 200px; z-index: 1000; margin-top: -1px; *margin-top: -2px; background: #eee; } #geoSuggest ul { padding: 0; margin: 0; } #geoSuggest ul li { float: none; display: block; padding: 3px 5px; margin: 0; cursor: pointer; } /* New forms [old] */ #form { position: relative; background: url(../images/form/bg.gif) right bottom no-repeat; } #form #form-decoration { position: absolute; top: 0; z-index: 1; } #container #form form { width: 670px; position: relative; z-index: 100 } #form h2 { padding-bottom: 10px; color: #ea6200; border-bottom: 1px solid #e7e7e7 } #container #form label, #container #form .likelabel { width: 190px; line-height: 14px; padding-top: 10px; color: #535353 } #container #form .rUser div.row { border-bottom: 1px solid #e7e7e7 } #container #form .rUser div.buttons { border: 0; padding: 20px 0 0 0; text-align: right; } #container #form .rUser div.textarea label { width: 100%; float: none; display: block; } #container #form .rUser div.textarea textarea { width: 100%; _width:90%; height: 100px; border: 2px solid #ec7621; } /* selects */ #form .selectfield { position: relative } #form .select { float: left; height: 33px; background: url(../images/form/select-l.gif) no-repeat } #form .select a { display: block; width: 360px; height: 33px; line-height: 33px; padding: 0 40px 0 10px; font-size: 14px; text-decoration: none; color: #000; background: url(../images/form/select-r.gif) right 0 no-repeat; } #form .select a:hover { color: #000; } #form .select ul { position: absolute; padding: 5px 0 10px; margin: -2px 0 0 0; border: 2px solid #f1841e; border-top: 0; background: #fff; z-index: 100 } #form .select ul li { padding: 0 0 5px 5px; list-style: none; } #form .select ul li:hover { /*background: #f5f5f5*/ } #form .select ul li a { width: auto; height: 24px; line-height: 25px; padding-left: 5px; color: #666; margin: 0; background: none; border: none } #form .select ul li a strong { display: block; height: 24px; padding: 0 10px 0 4px } #form .select ul li a:hover { color: #fff; background: url(../images/misc/cat-left.gif) no-repeat } #form .select ul li a:hover strong { background: url(../images/misc/cat-right.gif) right 0 no-repeat } /* checkboxes */ #form .checkboxes { float: left; width: 400px; } #container #form .checkboxes label { padding: 0; height: 29px; line-height: 29px; cursor: pointer } #form .checkboxes label img { float: left; vertical-align: middle; margin-right: 5px } /* Edit profile */ #form.form-edit-profile { background-position: 686px bottom } #container #form.form-edit-profile .rUser { width: 670px; } #form.form-edit-profile #form-decoration { width: 200px; height: 335px; right: 12px; _right:57px; background: url(../images/form/edit-profile.jpg); } #form.form-edit-profile #user-height { float: left; width: 120px; } #form.form-edit-profile #user-height input { padding: 5px; border: 2px solid #ec7621 } #container #form.form-edit-profile .radio { float: left; width: 140px; height: 23px; line-height: 23px; cursor: pointer } #container #form.form-edit-profile .radio img { float: left; vertical-align: middle; margin-right: 5px } #edit-avatar { float: left; width: 650px; } #avatar-preview { float: right; width: 200px; padding: 10px; margin-top: 10px; border: 1px solid #E7E7E7; } #avatar-preview h3 { padding: 15px 0 10px; color: #666; font: bold 14px "Trebuchet MS", Helvetica, sans-serif; } #avatar-preview img { display: block; } #edit-avatar.edit-profile { width: 600px; } #avatar-preview.edit-profile { width: 250px; } #avatar-preview.edit-profile img { } /* Invite */ #container #form.form-invite { background-position: 683px bottom } #container #form.form-invite .rUser { width: 670px; } #form.form-invite #form-decoration { width: 174px; height: 269px; right: 0; _right: 45px; margin-top: -50px; background: url(../images/form/invite.jpg); } #container #form.form-invite label, #container #form.form-invite .likelabel { width: 250px; } #container #form.form-invite .textfield input { width: 360px; *width: 340px } #container #form.form-invite p { min-height: 150px; _height: 150px; } /* Password */ #container #form.form-password { } #container #form.form-password .rUser { width: 670px; } #form.form-password #form-decoration { width: 181px; height: 273px; right: 0; _right: 45px; margin-top: 0px; background: url(../images/form/password.jpg); } #container #form.form-password label, #container #form.form-password .likelabel { width: 250px; } #container #form.form-password .passwordfield input { width: 360px; *width: 340px } #container #form.form-password p { min-height: 100px; _height: 100px; } /* Matchmaker */ #container #form.form-matchmaker { } #container #form.form-matchmaker .rUser { width: 670px; } #form.form-matchmaker #form-decoration { width: 193px; height: 243px; right: 0; _right: 45px; margin-top: -50px; background: url(../images/form/matchmaker.jpg); } /* Privacy */ #container #form.form-privacy { } #container #form.form-privacy .rUser { width: 670px; } #form.form-privacy #form-decoration { width: 229px; height: 283px; right: -5px; _right: 40px; margin-top: -20px; background: url(../images/form/privacy.jpg); } #container #form.form-privacy .rUser .radiofield { padding: 0; border: 0 } #container #form.form-privacy .rUser .radio { float: none; display: block; padding: 15px 0; width: 630px; line-height: 23px; border-bottom: 1px solid #e9e9e9 } #container #form.form-privacy .rUser .radio img { float: left; margin-right: 5px; } /* HON form */ #frmComment { margin-bottom: 0 } #frmComment .container { margin-bottom: 0 } #frmComment .container .row { padding: 5px 10px; border: 0; } #frmComment .container .row textarea { width: 99%; height: 75px } #frmComment .text-right { border: 0; min-height: 0; height: auto } /* Hon paginator */ #hon-view .paginator { padding: 5px 15px; font-weight: bold; font-size: 12px; color: #acacac; text-align: left; border-bottom: 1px solid #eee } #hon-view .paginator a { color: #df7729; border: 0; padding: 0 } #hon-view .paginator a:hover, #hon-view .paginator .active { color: #934206; background: none; padding: none; border: 0 } #hon-view .header { color: #acacac; font-weight: bold; border: 0; margin: 0 } #hon-view .header a { color: #df7729; text-decoration: none } #hon-view .header a:hover { color: #934206; } /* Startsite */ .startsite { width: 430px; } .column-left { float: left; padding-left: 40px } .column-right { float: right; padding-right: 50px } /* User info */ .user-info h1 { padding-top: 2px } /* old, for _med av: .user-info img { float: left; margin: 0 10px 5px 0 } */ .user-info img { float: left; margin: 6px 6px 5px 2px } .user-info .list { border-top: 1px solid #e7e7e7 } .user-info .list li { padding-left: 35px; background: 10px center no-repeat } .user-info .list li.mails { background-image: url(../images/misc/mails.gif) } .user-info .list li.comments { background-image: url(../images/misc/comments.gif) } .user-info .list li.votings { background-image: url(../images/misc/votings.gif) } .user-info .list li.matches { background-image: url(../images/misc/matches.gif) } .user-info .list li.kiss { background-image: url(../images/misc/kiss.gif) } .user-info .list a { color: #ee7511; text-decoration: none } .user-info .list a:hover { text-decoration: underline } /* Matchmaker */ #profile-flirt.startsite-matchmaker { float: none; width: 430px; height: 196px; margin: 0 0 15px; background: url(../images/misc/startsite-matchmaker.gif) no-repeat } #profile-flirt.startsite-matchmaker ul { float: right; width: 255px; height: 133px; padding: 20px 0 0 0; margin: 0 } #profile-flirt.startsite-matchmaker .user-avatar { position: relative; float: left; width: 147px; height: 181px; padding: 15px 0 0 15px } #profile-flirt.startsite-matchmaker .user-avatar img { display: block } #profile-flirt.startsite-matchmaker .user-avatar strong { position: absolute; bottom: 17px; font-size: 13px; width: 130px } /* Profile progress */ .profile-progress h1 { padding: 0 10px; border-bottom: 1px solid #e7e7e7 } .profile-progress .progress-bar { width: 390px; height: 22px; background: url(../images/misc/progress-bar.gif) no-repeat } .profile-progress .progress-bar span { display: block; height: 22px; background: url(../images/misc/progress-bar-red.gif) no-repeat } .profile-progress ul { overflow: hidden; height: 100% } .profile-progress .links { float: left; width: 164px; clear: none; padding-left: 35px; background: 10px center no-repeat } .profile-progress li.profile-edit { background-image: url(../images/misc/profile-edit.gif) } .profile-progress li.add-new-photo { background-image: url(../images/misc/add-new-photo.gif) } .profile-progress li.matches { background-image: url(../images/misc/matches.gif) } .profile-progress li.info-about-me { background-image: url(../images/misc/info-about-me.gif) } .profile-progress li.matches, .profile-progress li.info-about-me { border: 0 } .profile-progress .links a { text-decoration: none } .profile-progress .links a:hover { text-decoration: underline } /* Profiles */ .profiles-list h1 { padding: 0 10px; border-bottom: 1px solid #e7e7e7 } .profiles-list .profiles { padding: 0; overflow: hidden; height: 100% } .profiles-list .profiles li { float: left; width: 80px; height: 80px; padding: 10px 0; margin-right: 3px; list-style: none } .profiles-list .profiles li img { display: block; width: 80px; height: 80px; } .profiles-list .profiles .last { border-right: 0 } .profiles-list .profiles li strong { display: block; color: #ee7511 } .profiles-list .profiles li a { text-decoration: none } /* Mailbox */ #mailbox-left { float: left; width: 194px; padding-left: 40px } /* menu */ #mailbox-left .list li { padding: 5px 0; vertical-align: bottom } #mailbox-left .list li .mlnk { padding-left: 4px } #mailbox-left .list li .mlnk strong { width: 175px; margin: 0 } #mailbox-left .list li .mlnk strong em { display: block; font-style: normal; padding-left: 20px; background: 0 center no-repeat } #mailbox-left .list .inbox .mlnk strong em { background-image: url(../images/icons/inbox.gif) } #mailbox-left .list .outbox .mlnk strong em { background-image: url(../images/icons/outbox.gif) } #mailbox-left .list .trash .mlnk strong em { background-image: url(../images/icons/trash.gif) } /* addressbook */ #addressbook { background: url(../images/addressbook-bottom.gif) 0 bottom no-repeat } #addressbook h1 { padding: 20px 0 10px 25px; margin: 0; background: url(../images/addressbook-top.gif) no-repeat } #addressbook ul { padding: 0 15px 15px } #container #addressbook ul li { padding: 5px 10px; border: 0; border-top: 1px solid #e7e7e7 } #container #addressbook ul li img { float: left; height: 20px; margin-right: 10px } #container #addressbook ul li a { text-decoration: none } #mailbox-right { margin: 25px 0; } /* pagination */ .pagination { position: relative; height: 31px; margin-top: 15px; line-height: 23px; background: url(../images/misc/pagination-left.gif) no-repeat } .pagination ol { float: right; height: 27px; padding: 4px 0 0; background: url(../images/misc/pagination-right.gif) right 0 no-repeat } .pagination.full-width ol { float: none; display: block; width: 100% } .pagination ol a { text-decoration: none } .pagination ol li { float: left; padding: 0 5px 0 7px; list-style: none; background: url(../images/misc/pagination-dot.gif) 0 center no-repeat } .pagination ol .current, .pagination ol .current a { color: #ee7511 } .pagination ol .first { background: none } .pagination ol .prev, .pagination ol .next { padding: 0 10px; color: #e7e7e7; border-left: 1px solid #e7e7e7; background: none } .pagination ol .prev { border-right: 1px solid #e7e7e7; } .pagination p { float: left; padding-top: 4px } .pagination .checkbox { float: left; height: 23px; padding: 0 10px; margin-right: 10px; border-right: 1px solid #e7e7e7; } .pagination .checkbox input { vertical-align: middle } .pagination .button { float: left; height: 23px; padding-left: 3px; background: url(../images/misc/button-gray-left.gif) no-repeat } .pagination .button input { float: left; height: 23px; padding: 0 13px 0 10px; color: #666; font: 12px Arial; background: url(../images/misc/button-gray-right.gif) right 0 no-repeat; border: 0; overflow: visible; cursor: pointer } /* Centered */ .pagination.centered ol { position: relative; float: none; display: block; width: 100%; text-align: center; } .pagination.centered ol li { float: none; display: inline; } .pagination.centered ol .prev { position: absolute; left: 0; top: 4px; } .pagination.centered ol .next { position: absolute; right: 0; top: 4px; } /* messages */ .message { } .message .checkbox { float: left; margin-right: 5px; } .message .mail-avatar { float: left; padding: 0 5px; margin-right: 15px; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7 } .message .mail-avatar img { display: block; } .message h1 { padding-top: 15px } .message h3 { font-size: 12px; color: #9c9c9c } .message h3 a { text-decoration: none } .message h3 em { font-style: normal; margin-left: 15px; } #container .message ul { float: right; height: 65px; padding: 15px 0 0 5px; border-left: 1px solid #e7e7e7; } #container .message ul li { padding: 2px 0 } .message ul li a { padding-left: 20px; text-decoration: none; background: 0 center no-repeat } .message ul .delete a { background-image: url(../images/icons/delete.gif) } .message ul .reply a { background-image: url(../images/icons/reply.gif) } .message ul .shut a { background-image: url(../images/icons/shut.gif) } .message .content { height: 90px; padding: 0 5px } .message.read .content { border-bottom: 1px solid #d7d7d7; background: url(../images/message-gradient.gif) 0 bottom repeat-x } .message p { padding: 20px; } /* messages toplayer */ #toplayer-message { width: 687px; margin-left: -220px; background-image: url(../images/misc/toplayer-message-bottom.png) } #toplayer-message .close { margin-right: 2px; top: 5px } #toplayer-message .layer { padding: 7px 0 0 0; background-image: url(../images/misc/toplayer-message-top.png) } #toplayer-message .layer .container { width: 637px; } #toplayer-message { _background-image: url(../images/misc/toplayer-message-bottom.gif) } #toplayer-message .layer { _background-image: url(../images/misc/toplayer-message-top.gif) } #toplayer-message .message { border: 0 } #toplayer-message .message .content { height: auto; border: 1px solid #e7e7e7 } #toplayer-message .message p { padding: 10px 5px } #toplayer-message .message .mail-avatar { border-left: 0; padding-left: 0 } #toplayer-message .read .content { height: 85px; padding-top: 5px; margin: 0 } #container .thread { overflow: hidden; height: 100%; margin-top: 15px; width: 637px; border: 1px solid #e7e7e7 } #container .thread h1 { background: url(../images/message-gradient.gif) 0 bottom repeat-x; border-bottom: 1px solid #e7e7e7 } #container .thread h1 a { padding-left: 15px; color: #ee7511; text-decoration: none; } #container #switchFullThreadShow { border-bottom: 0; } #container .thread .thread-show a { background: url(../images/misc/thread-show.gif) 0 14px no-repeat } #container .thread .thread-show a:hover { background: url(../images/misc/thread-hide.gif) 4px 10px no-repeat } #container .thread .thread-hide a { background: url(../images/misc/thread-hide.gif) 4px 10px no-repeat } #container .thread .thread-hide a:hover { background: url(../images/misc/thread-show.gif) 0 14px no-repeat } #container .thread .mail-avatar { float: left; margin-left: 5px } #container .thread .msg { padding-top: 5px; margin-left: 90px; margin-bottom: 5px; padding-left: 15px; width: 500px; border-left: 1px solid #e7e7e7 } #container .thread .msg p { padding: 10px 0 } #container .thread .msg h2 { color: #ee7511 } #container .thread .msg h3 { font-size: 12px; color: #9c9c9c } /* all summaries */ .matchmaker-match { float: left; width: 286px; margin-right: 19px } .matchmaker-match.third { margin-right: 0 } .matchmaker-match .container { margin-bottom: 0 } .matchmaker-match .match-avatar { float: left } .matchmaker-match .match-info { height: 88px; margin-left: 90px } .matchmaker-match .match-info h2 { color: #ee7511; font-size: 16px; font-weight: bold; } .matchmaker-match .match-info h2 img { margin-right: 5px; vertical-align: middle } .matchmaker-match .match-info h3 { font-size: 12px; height: 34px; font-weight: normal; color: #9c9c9c; padding-bottom: 5px; border-bottom: 1px solid #e7e7e7 } .matchmaker-match .match-info h3 em { display: block; font-weight: bold; font-style: normal; font-size: 11px; position: relative; margin-top: 5px; } .matchmaker-match .match-info a { text-decoration: none; } .matchmaker-match .match-info .show-more-info { display: block; margin-top: 5px; } .matchmaker-match ul { clear: both; border-top: 1px solid #e7e7e7; padding: 5px 0 0 ; overflow: hidden; height: 100%; } .matchmaker-match ul li { float: left; padding: 0 5px 0 0; list-style: none; } .matchmaker-match ul .last { padding: 0; } .matchmaker-match ul li a, .matchmaker-match ul li em { background:transparent url(../images/misc/sml-lnk-left.gif) no-repeat scroll left 0; cursor:pointer; float:left; font-family:Arial,sans-serif; font-size:11px; height:20px; letter-spacing:0; line-height:20px; padding-left:3px; text-decoration:none; color: #fff; font-style: normal; } .matchmaker-match ul li a strong, .matchmaker-match ul li em strong { background:transparent url(../images/misc/sml-lnk-right.gif) no-repeat scroll right 0; float: left; font-weight:normal; height:20px; line-height:20px; padding:0 7px 0 4px; color: #fff; } .matchmaker-layer { position: absolute; width: 525px; margin-top: 90px; padding-bottom: 18px; z-index: 999; background: url(../images/misc/matchmaker-layer-bottom.png) 0 bottom no-repeat } .matchmaker-layer .layer { width: 495px; padding: 26px 25px 0 15px; background: url(../images/misc/matchmaker-layer-top.png) no-repeat } .matchmaker-layer .match-toplayer-avatar { float: left } .matchmaker-layer .match-toplayer-info { height: 260px; margin-left: 255px } .matchmaker-layer .match-toplayer-info h1 { padding: 5px 15px; border-bottom: 1px solid #e7e7e7 } .matchmaker-layer .match-toplayer-info .list { clear: none; float: left; width: 100% } .matchmaker-layer .match-toplayer-info .list li { padding: 2px 0 2px 5px; min-height: 22px; _height: 22px } .matchmaker-layer .match-toplayer-info .list .last { border: 0 } .matchmaker-layer .match-toplayer-info .list strong { width: 105px } .matchmaker-layer .match-toplayer-info .list span { display: block; margin-left: 105px } .matchmaker-layer .match-toplayer-info .list .progress span { margin: 0 } .matchmaker-layer .match-keys { padding-top: 10px; border-top: 1px solid #e7e7e7; height: 30px } .matchmaker-layer .match-keys .mlnk { float: left; margin: 0 10px 0 0 } .matchmaker-layer .match-keys .mlnk strong { padding: 0 10px 0 7px } .matchmaker-layer .matchmaker-close { width: 20px; height: 20px; position: absolute; right: -1px; _right: 7px; top: 8px; color: #fff; font-weight: bold; text-align: center; line-height: 20px; text-decoration: none; } .matchmaker-layer .matchmaker-close:hover { color: red; } /* Show photo */ #container .show-photo .inside .link { margin-top: 2px } #container .show-photo .inside h1 { width: 500px; padding: 5px 10px; } #container .show-photo .inside .editor_field { width: 300px; padding: 5px 10px; margin-right: 15px; border: 1px solid #d7d7d7 } #container .show-photo .inside .editor_ok_button { border: 0; background: #fff; margin-right: 10px; overflow: visible; font-weight: bold; color: #ed730f; cursor: pointer } #container .show-photo .inside .editor_cancel_link { text-decoration: none; font-weight: bold; color: #ed730f } #container .show-photo .inside img { /*width: 653px*/ display: block; margin: 0 auto; } /* left column */ .photo-left { float: left; width: 195px; padding-left: 45px } .photo-left .list li { padding: 5px 0 } .photo-left .list li .mlnk { padding-left: 4px } .photo-left .list li .mlnk strong { margin: 0; width: 175px } .photo-left .list li span { padding-left: 6px; font-weight: bold } .photo-left .list li #photo_starbox { float: right; } /* right column */ .photo-right { width: 896px; padding: 0 45px } .photo-right .description { font-weight: bold; text-align: center } #container .photo-right .editor_field { width: 645px } .show-photo .inside { position: relative } .show-photo .inside .hon-rating { position: absolute; margin: 10px 0 0 10px; width: 71px; font-family: Arial, sans-serif; font-weight: bold; height: 63px; text-align: center; color: #fff; background: url(../images/misc/show-photo-hon.gif) no-repeat } .show-photo .inside .hon-rating strong { display: block; font-size: 41px; line-height: 41px; letter-spacing: -1px } .photo-right .pagination { position: relative; } .pagination .add-comment { float: right; position: absolute; right: 3px; top: 3px; height: 24px; line-height: 24px; padding-left: 4px; text-decoration: none; color: #fff; background: url(../images/misc/cat-left.gif) left 0 no-repeat; cursor: pointer } .pagination .add-comment strong { display: block; padding: 0 5px 0 1px; background: url(../images/misc/cat-right.gif) right 0 no-repeat; } #container .photo-right .comments-list .thread { border: 0; margin: 0; width: 100% } /* Photos list */ #frmAddGallery { float: right; margin: 3px 0 0 0 } /* ---------------------------------------------- New forms ---------------------------------------------- */ #container .new-forms { padding: 0; margin: 0; border: 0 } .new-forms fieldset { padding: 10px; margin: 10px 0 0; border: 1px solid #e7e7e7 } .new-forms h1 { padding: 0 15px; border-bottom: 1px solid #e7e7e7 } .new-forms p.description { margin: 0 15px; padding: 10px 0; border-bottom: 1px solid #e7e7e7 } .new-forms ul { padding: 10px 0; } .new-forms ul li { clear: left; position: relative; padding: 5px 15px; list-style: none; font-size: 12px; } .new-forms ul li label, .new-forms ul li .label { display: block; margin-bottom: 3px; font-size: 14px; font-weight: bold; color: #666; white-space: nowrap; } .new-forms ul li label em, .new-forms ul li .label em { font-style: normal; padding-right: 60px; background: url(../images/forms/required.gif) right center no-repeat } .new-forms ul li input, .new-forms ul li textarea, .new-forms ul li select { display: block; width: 98%; padding: 5px 0 5px; /*1%;*/ font: 12px Arial, sans-serif; color: #666; border: 1px solid #c2c2c2; /*border-right: 0; border-bottom: 0*/ } .new-forms ul li select { width: 100%; padding-right: 0; height: 27px; *height: auto; position: relative; z-index: 1 } .new-forms ul li p { display: none } .new-forms .button { float: right; height: 31px; padding-left: 3px; position: relative; z-index: 10; } .new-forms .button button, .new-forms .button input { height: 31px; padding: 0 5px; line-height: 31px; color: #666; border: 0; font-weight: bold; overflow: visible; cursor: pointer } .new-forms .button.cancel { margin-right: 15px; background: url(../images/misc/cancel-l.gif) no-repeat } .new-forms .button.cancel button { background: url(../images/misc/cancel-r.gif) right 0 no-repeat } .new-forms .button.submit { margin-left: 15px; float: left; background: url(../images/misc/app-l.gif) no-repeat } .new-forms .button.submit button, .new-forms .button.submit input { font-family: "Trebuchet MS",Helvetica,sans-serif; color: #fff; background: url(../images/misc/app-r.gif) right 0 no-repeat } /* error */ .new-forms ul .error label { color: #ee1313 } .new-forms ul .error input { border-color: #ee1313; } .new-forms ul .error p, .new-forms ul div.form_error { display: block; font-size: 11px; margin-top: 3px; color: #ee1313 } /* active */ .new-forms ul .active label, .new-forms ul .active .label { color: #ee7713 } .new-forms ul .active input, .new-forms ul .active select, .new-forms ul .active textarea { border-color: #EA6200; } /* tooltips */ .new-forms .tooltip { display: none; float: right; position: absolute; z-index: 999; height: 32px; top: 0; right: 10px; padding-left: 10px; background: url(../images/forms/tooltip-left.gif) no-repeat; } .new-forms .tooltip strong { float: left; height: 24px; line-height: 24px; padding-right: 10px; font-weight: normal; background: url(../images/forms/tooltip-right.gif) right 0 no-repeat; } .new-forms .active .tooltip { display: block } /* checkboxes & radio */ #container .new-forms .checkbox label, #container .new-forms .radio label { color: #666 } .new-forms .checkbox, .new-forms .radio { height: 100% } .new-forms .checkbox label, .new-forms .radio label { float: left; width: 90px; color: #666; font-size: 12px; font-weight: normal; padding-left: 23px; white-space: nowrap; margin-right: 10px; background: 0 center no-repeat; cursor: pointer } .new-forms .checkbox label input { width: auto; height: auto; border: 0; background: none; } .new-forms .checkbox .checkbox_checked { background-image: url(../images/forms/checkbox-on.gif) } .new-forms .checkbox .checkbox_unchecked { background-image: url(../images/forms/checkbox-off.gif) } .new-forms .checkbox.active .checkbox_checked { background-image: url(../images/forms/checkbox-on-o.gif) } .new-forms .checkbox.active .checkbox_unchecked { background-image: url(../images/forms/checkbox-off-o.gif) } .new-forms .radio .radio_checked { background-image: url(../images/forms/radiobutton-on.gif) } .new-forms .radio .radio_unchecked { background-image: url(../images/forms/radiobutton-off.gif) } .new-forms .radio.active .radio_checked { background-image: url(../images/forms/radiobutton-on-o.gif) } .new-forms .radio.active .radio_unchecked { background-image: url(../images/forms/radiobutton-off-o.gif) } #container .new-forms .checkbox .guiformHiddenJS { position: absolute; visibility: hidden; } #container .new-forms .checkbox .guiformHidden { left: -200000px; position: absolute; } /* Half */ .new-forms .half { clear: none; float: left; width: 45%; } .new-forms .half input { padding-left: 5px; padding-right: 5px; } .new-forms .half.right { float: right; } .new-forms .between { float: left; margin: 0 10px; line-height: 26px; } .new-forms .agebetween select { float: left; width: 170px; } .new-forms .agebetween span { float: left; width: 52px; text-align: center; line-height: 26px; } /* width430px (toplayers) */ .new-forms.width430px { width: 430px } .new-forms.width430px ul li { padding-right: 0 } .new-forms.width430px ul li input, .new-forms.width430px ul li textarea, .new-forms.width430px ul li select { width: 354px; padding: 5px 10px } .new-forms.width430px ul li select { width: 374px; padding-right: 0 } /* year/month/day selects */ .new-forms.width430px ul li .day { float: left; width: 80px; margin-right: 10px; } .new-forms.width430px ul li .month { float: left; width: 194px; margin-right: 10px; } .new-forms.width430px ul li .year { width: 80px; float: left; } /* registration panel */ .new-forms.width430px ul .half { clear: none; float: left; width: 185px } .new-forms.width430px ul .half.float-right { float: right; width: 170px; padding-right: 20px } .new-forms.width430px ul .half.clear-both { clear: both } .new-forms.width430px ul .half label, .new-forms.width430px ul .half .label { width: 150px; } .new-forms.width430px ul .half input { width: 150px } .new-forms.width430px ul .half select { width: 170px } .new-forms.width430px ul .radio.half label { margin-top: 3px; width: 50px } /* width345px */ .new-forms.width345px { } .new-forms.width345px ul li { padding-right: 0 } .new-forms.width345px ul li input, .new-forms.width345px ul li textarea, .new-forms.width345px ul li select { width: 290px; padding: 5px 10px } .new-forms.width345px ul li select { width: 315px; padding-right: 0 } /* year/month/day selects */ .new-forms.width345px ul li .day { float: left; width: 60px; margin-right: 10px; } .new-forms.width345px ul li .month { float: left; width: 175px; margin-right: 10px; } .new-forms.width345px ul li .year { width: 60px } /* width420px (two columns) */ .new-forms.width420px ul li { padding-right: 0 } .new-forms.width420px ul li.one-line { clear: none; float: left; min-height: 55px; _height: 55px } .new-forms.width420px ul li input, .new-forms.width420px ul li textarea, .new-forms.width420px ul li select { width: 344px; padding: 5px 10px } .new-forms.width420px ul li select { width: 394px; padding-right: 0 } .new-forms.width420px ul li strong { float: left; line-height: 26px; font-weight: normal } /* year/month/day selects */ .new-forms.width420px ul li .day { float: left; width: 50px; margin-right: 10px; } .new-forms.width420px ul li .month { float: left; width: 90px; _width: 80px; margin-right: 10px; } .new-forms.width420px ul li .year { width: 70px } /* half */ .new-forms.width420px ul li.half { clear: none; float: left; width: 190px; } .new-forms.width420px ul li.half.float-right { float: right; width: 190px; } .new-forms.width420px ul li.half label, .new-forms.width420px ul li.half .label { width: 150px; } .new-forms.width420px ul li.half input { width: 150px } .new-forms.width420px ul li.half select { width: 175px } .new-forms.width420px ul li.half.radio label { width: 50px; margin-top: 0 } /* checkbox/radio */ #container .new-forms.width420px ul li.one-line.checkbox, #container .new-forms.width420px ul li.one-line.radio label { margin: 0 } /* Edit profile forms */ #editprofile-forms .left-wrap { float: left; width: 420px } #editprofile-forms fieldset.float-left { float: left; width: 420px } #editprofile-forms fieldset.float-right { float: right; width: 420px } #editprofile-forms #user_height, #editprofile-forms #user_weight { float: left; width: 35px; margin-right: 10px } #editprofile-forms .selects select { float: left; margin-right: 10px; width: 190px } #editprofile-forms .age-between select { width: 50px } #editprofile-forms .age-between strong { float: left; width: 20px; padding-right: 10px; text-align: center; } #editprofile-forms .checkbox label { padding: 0 0 0 20px; height: 20px } #user-basic { height: 270px } #user-msg { height: 190px } #user-msg textarea { width: 372px; height: 70px; margin-bottom: 4px;} #user-info-details { height: 492px; } #editprofile-forms .checkbox, #editprofile-forms .radio { height: auto } /* My dates */ .after-dating-title em { padding-left: 30px; font-style: normal; font-weight: normal; font-size: 12px; color: #707070; letter-spacing: 0; background: url(../images/misc/av.gif) 15px center no-repeat } .after-dating { float: left; width: 287px; margin: 0 10px 10px 0; border-right: 1px solid #eee } .after-dating.last { border-right: 0; margin-right: 0 } .after-dating img { float: left; margin-bottom: 10px } .after-dating dl { margin: 0 10px 0 90px } .after-dating dt { padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #eee } .after-dating dt img { float: none; margin: 0; vertical-align: middle } .after-dating dt a { color: #f27e22; font-weight: bold; text-decoration: none } .after-dating dt a:hover { text-decoration: underline } .after-dating dd strong { color: #f27e22 } .after-dating p { clear: left } /* Account settings */ .account-settings { padding-top: 15px } .account-settings .tabs { padding: 0 } .account-settings .tabs { height: 41px; border-bottom: 1px solid #afafaf } .account-settings .tabs li { float: left; padding: 0; margin: 0; list-style: none } .account-settings .tabs li a { float: left; padding: 6px 20px 6px; margin-top: 8px; margin-right: 5px; text-decoration: none; color: #acacac; border: 1px solid #edebeb; border-bottom: 0 } .account-settings .tabs .current { position: relative; bottom: -1px; } .account-settings .tabs li a:hover, .account-settings .tabs .current a { padding: 10px 20px 10px; margin-top: 0; color: #acacac; background: #fff; } .account-settings .tabs .current a, .account-settings .tabs .current a:hover { border-color: #afafaf; color: #666 } .account-settings .sub-section { padding: 5px 15px 15px; border: 1px solid #afafaf; border-top: 0; } .account-settings .sub-section form { overflow: hidden; height: 100% } .account-settings .sub-section p.description { margin: 0 15px; padding: 10px 0; border-bottom: 1px solid #e7e7e7 } .account-settings .sub-section .link { margin-top: 15px } .account-settings #privacy label { width: 220px } /* User keywords */ #user-keywords .form { clear: both; overflow: hidden; height: 100%; padding-top: 15px; border-top: 1px solid #d3d3d3; } #user-keywords .form label { float: left; line-height: 28px; font-size: 14px; font-weight: bold; color: #666; margin-right: 10px; } #user-keywords .form .new-tags { float: left; width: 200px; padding: 7px 0 7px; font: 12px Arial, sans-serif; color: #666; border: 1px solid #c2c2c2; } #user-keywords .form .submit button { width: 30px; } #user-keywords .tags-management { overflow: hidden; height: 100%; } /* Advanced search */ #search_agebetween_from, #search_agebetween_to { float: left; width: 50px; } #search-gender { width: 20%; } #search-match { width: 70%; } #search-match label, #search-gender label { width: auto; } /* Last visits */ .separator { clear: both; height: 40px; line-height: 30px; padding-top: 10px; background: url(../images/misc/separator.gif) 0 25px repeat-x; } .separator span { float: left; padding-right: 15px; color: #9d9d9d; background: #fff; } .separator span em { font-style: normal; margin-left: 5px; font-size: 11px; } /* New HON */ #hon-user-view { height: 100px; } #hon-user-view h1 { float: left; padding: 25px 50px 0 25px; } #hon-user-view #hon-user-photos { float: right; margin-top: 5px; } #hon-user-view #hon-user-photos .container { float: left; width: 90px; margin: 0 15px 0 0; } #hon-user-view #hon-user-photos .container .inside { margin-bottom: 0; _margin-bottom: 5px; } #hon-user-view #hon-user-photos .container i { bottom: -1px; } #hon-user-view #hon-user-photos .container img { vertical-align: bottom; } #hon-photo-preview { float: left; width: 660px; } #hon-photo-preview .container { margin: 0; _padding-bottom: 5px; } #hon-photo-preview .inside { position: relative; width: 648px; height: 427px; } #hon-photo-preview #ajaxAvatar { width: 648px; height: 427px; overflow: hidden; text-align: center; } #hon-photo-preview #matchmakerLoader { position: absolute; top: 0; left: 0; width: 648px; height: 427px; z-index: 999; } .load-background { position: relative; z-index: 1; background: #fff url(/images/ajax-loader2.gif) center center no-repeat; opacity: 0.7; filter: alpha(opacity = 70); } .load-nobackground { background: none !important; } /* Inactive user page */ #enterActivationCodeForm fieldset { padding: 15px 0; border: 0; overflow: hidden; height: 100%; } #enterActivationCodeForm label { float: left; width: 205px; line-height: 30px; font-size: 14px; font-weight: bold; color: #666; white-space: nowrap; } #enterActivationCodeForm input { float: left; width: 250px; margin-right: 15px; padding: 10px 10px 5px; font: 12px Arial, sans-serif; color: #666; border: 1px solid #c2c2c2; } #enterActivationCodeForm .button { float: left; height: 31px; padding-left: 3px; margin-left: 15px; float: left; background: url(../images/misc/app-l.gif) no-repeat; } #enterActivationCodeForm .button button { height: 31px; padding: 0 5px; line-height: 31px; color: #666; border: 0; font-weight: bold; overflow: visible; cursor: pointer; font-family: "Trebuchet MS",Helvetica,sans-serif; color: #fff; background: url(../images/misc/app-r.gif) right 0 no-repeat } #enterActivationCodeForm .errors { clear: both; padding: 5px 0 0 205px; font-size: 11px; color: #ee1313; } #iaChangeEmailForm fieldset { padding: 15px 0; border: 0; overflow: hidden; height: 100%; } #iaChangeEmailForm label { float: left; width: 205px; line-height: 30px; font-size: 14px; font-weight: bold; color: #666; white-space: nowrap; } #iaChangeEmailForm input { float: left; width: 250px; margin-right: 15px; padding: 10px 10px 5px; font: 12px Arial, sans-serif; color: #666; border: 1px solid #c2c2c2; } #iaChangeEmailForm .button { float: left; height: 31px; padding-left: 3px; margin-left: 15px; float: left; background: url(../images/misc/app-l.gif) no-repeat; } #iaChangeEmailForm .button button { height: 31px; padding: 0 5px; line-height: 31px; color: #666; border: 0; font-weight: bold; overflow: visible; cursor: pointer; font-family: "Trebuchet MS",Helvetica,sans-serif; color: #fff; background: url(../images/misc/app-r.gif) right 0 no-repeat } #iaChangeEmailForm .errors { clear: both; padding: 5px 0 0 205px; font-size: 11px; color: #ee1313; } #inactiveheader { padding-left: 40px; margin-bottom: 15px; background: url(../images/misc/flash/warning.gif) 0 center no-repeat; } /* /* Forum /* ------------------------------------------- */ h1 .link.right { margin-left: 10px; } #forum { width: 100%; margin: 0 auto; clear: both; position: relative; top: -5px; margin-bottom: -5px; z-index: 5; } #forum th { color: #EA6200; text-align: left; font-weight: bold; } #forum .even td { background-color: #f7f7f7; } #forum .last td { border: 0; } #forum .date { display: block; font-size: 11px; color: #929191; } #forum .thread-author { width: 100px; } #forum .hits-count { text-align: center; width: 65px; } #thread-form .half { width: 165px; } #thread-form .half label { width: auto; padding: 0; } #thread-form .half label input { float: left; margin-right: 5px; } #forum-posts .odd { background-color: #fbfbfb; } #forum-posts .cComments { border: 0; } #forum-posts .cComments .desc { width: 750px; } #forum-posts .header span.right { font-size: 11px; color: #afafaf; } #forum-posts .header span.right a { color: #afafaf; font-weight: normal; } /* /* New login page /* ------------------------------------------- */ .new-login-page { position: relative; } .new-login-page i, .new-login-page b { *display: none; } .new-login-page h1 { margin-bottom: 25px; } .new-login-page #join-free { position: absolute; right: -20px; *right: 30px; top: 20px; width: 159px; height: 159px; background: url(../images/misc/login/star2.gif) no-repeat; text-indent: -999999px; z-index: 100; } .new-login-page #new-register i { bottom: -1px; } .new-login-page #new-register i i { bottom: 0; } .new-login-page #side { float: left; width: 420px; } .new-login-page #promo-box { height: 345px; padding: 15px; margin-bottom: 20px; text-align: center; background: url(../images/misc/login/promobox.jpg) no-repeat; } .new-login-page #promo-box h3 { padding-top: 5px; color: #ea6200; } .new-login-page #side ul { padding: 10px 0 10px 10px; height: 155px; } .new-login-page #side ul li { padding-left: 20px; list-style: none; background: url(../images/misc/login/marker.gif) 0 center no-repeat; } .new-login-page #new-register { float: right; width: 455px; margin: 0; } .new-login-page #new-register form { height: 600px; } .new-login-page #new-register ul { padding-top: 0; } .new-login-page #new-register ul li { position: static; width: 400px; padding: 5px 0 5px 30px } .new-login-page #new-register ul select { position: static; } .new-login-page #new-register .half { float: left; width: 178px; *width: 173px; } .new-login-page #new-register h3 { padding: 0 0 0 30px; color: #ea6200; } .new-login-page #new-register .day { float: left; width: 80px; margin-right: 10px; } .new-login-page #new-register .month { float: left; width: 214px; margin-right: 10px; } .new-login-page #new-register .year { width: 80px; float: left; } .new-login-page #new-register .iam select { width: 190px; } .new-login-page #new-register .checkbox label { display: block; width: auto; } .new-login-page #new-register .buttonbox { clear: both; padding: 0 30px 10px; } .new-login-page #new-register .buttonbox .button { position: static; float: right; } .new-login-page #new-register .buttonbox label { float: left; width: 300px; } #new-login-page { padding: 10px 45px; position: relative; } #new-login-page #join-free { position: absolute; right: 45px; top: 20px; width: 159px; height: 159px; background: url(../images/misc/login/star2.gif) no-repeat; text-indent: -999999px; z-index: 100; } #new-login-page .column { float: left; width: 443px; } #new-login-page .formrow { margin-bottom: 5px; } #new-login-page label { width: 130px; display: block; float: left; } #new-login-page label:active{ color: #ea6200; } #new-login-page input[type="text"]:focus { border: 1px solid #ea6200; padding: 1px; background-color: #fef1ce; } #new-login-page input[type="password"]:focus { border: 1px solid #ea6200; padding: 1px; background-color: #fef1ce; } #new-login-page select:focus { border: 1px solid #ea6200; background-color: #fef1ce; } #new-login-page .border { padding: 20px; border: 1px solid #e7e7e7; width: 390px; margin-bottom: 10px; } #new-login-page ul { padding: 10px 0; list-style-type: none; list-style-image: none; } #new-login-page ul li { padding: 0 0 0 20px; margin: 0; list-style: none; background: url(../images/misc/login/marker.gif) no-repeat; text-align: justify; } #new-login-page .orange-bar { padding: 5px 0; margin-bottom: 15px; color: #ef8631; font-size: 18px; font-weight: bold; display: none; } #new-login-page .orange-bottom-bar { position: relative; margin-top: -38px; height: 30px; z-index: 1; } #new-login-page .form_error { font-size: 11px; color: red; } #new-login-page #geoSuggest { left: 130px; top: 20px; } #new-login-page #mails #tooltip_for_user_email { position: absolute; width: 150px; top: 140px; left: 295px; padding-left: 10px; background: url(../images/tooltip.gif) no-repeat; } #new-login-page #mails .tooltip-corner { padding: 10px; background: #eb7e24; border: 1px solid #ae540a; border-left: 0; color: #fff; line-height: 120%; } #new-login-page .orange { color: #fff; border: 1px solid #ea6200; background: #f0831d; } #new-login-page .orange h1 { color: #fff; } #new-login-page #join-free.or { background-image: url(../images/misc/login/loginstar.gif); } #registerSubmitOrange { position:relative; z-index:10; width: 238px; height: 46px; line-height: 46px; font-size: 16px; color: #d86d08; font-weight: bold; margin-top: 15px; background: url(../images/misc/login/anmelden.gif) no-repeat; border: 0; text-align: center; cursor: pointer; } #new-login-page .register-sample-user { width: 410px; padding: 10px; overflow: hidden; height: 100%; } #new-login-page .register-user-info { float: right; width: 150px; } #new-login-page .register-sample-user h2 { font-size: 20px; line-height: 100%; margin-top: 15px; } #new-login-page .red { color: #ea6200; } #new-login-page .register-join { display: block; margin-top: 25px; width: 110px; height: 90px; background: url(../images/join.gif) no-repeat; text-indent: -999999px; } /*************************** * Right column ****************************/ div.right { float: right; padding: 25px 40px 0 0; } /* Homesite */ #profiles { width: 500px; } #container .homeRegister { width: 430px; } #site { width: 670px; } #photo { width: 700px; } /* Profiles */ .profile { float: left; width: 139px; min-height: 200px; _height: 200px; font-size: 13px; margin: 5px 10px 10px 0; } .profile .container { margin: 0; } .profile img { clear: both; display: block; padding: 0 0 4px; margin: 0 auto; } div.profile span { float: left; width: 70px; vertical-align: middle; } .profile ul { padding: 0 5px; } .profile ul li { clear: left; list-style: none; padding: 0; font-size: 11px; line-height: normal; } .profile ul .text-center { font-size: 13px; font: bold "Trebuchet MS", sans-serif; } .profile ul .text-center a { color: #ef7b17; font-weight: bold; text-decoration: none; } .profile ul .text-center a:hover { color: #bf5d09; } .profile ul .icon { margin-top: 5px; padding-top: 5px; line-height: 100%; border-top: 1px solid #ddd; } .profile ul .icon a, .profile ul .icon em { display: block; padding: 1px 0 4px 25px; font-style: normal; background: left 0 no-repeat; cursor: pointer; } .profile ul .acc a { background-image: url(../images/icons/accept.gif) } .profile ul .rej a { background-image: url(../images/icons/action-block.gif) } .profile ul .wait em { background-image: url(../images/icons/waiting.gif); cursor: default; } .profile ul .unblock a { background-image: url(../images/icons/user_add.png) } .profile ul .show em { background-image: url(../images/icons/mail-replied.gif) } .profile ul .msg, .profile ul .del { margin-top: 5px; padding-top: 5px; line-height: 100%; border-top: 1px solid #ddd; } .profile ul .msg a { display: block; padding-left: 25px; background: url(../images/icons/action-message.gif) left 0 no-repeat; } .profile ul .del em, .profile ul .del a { display: block; padding-left: 25px; margin-top: 5px; min-height: 16px; _height: 16px; font-style: normal; background: url(../images/icons/action-block.gif) left 0 no-repeat; cursor: pointer; } .profile ul .reaction { display: block; padding-left: 25px; margin-top: 5px; min-height: 16px; _height: 16px; font-style: normal; background: url(../images/icons/reaction.gif) left 0 no-repeat; cursor: default; } .profile ul .usernote { display: block; padding-left: 25px; margin-top: 5px; min-height: 16px; _height: 16px; font-style: normal; background: url(../images/icons/info-w.png) left 0 no-repeat; cursor: pointer; } /* Link */ .link { float: left; height: 33px; line-height: 33px; padding-left: 6px; margin-top: 15px; color: #fff; text-decoration: none; background: url(../images/misc/link-left.gif) no-repeat; } .link strong { float: left; text-align: center; height: 33px; padding: 0 10px 0 4px; background: url(../images/misc/link-right.gif) right 0 no-repeat; } .link:hover { color: #fff; } .link.center { float: none; display: block; margin: 0 auto; width: 220px; text-align: center; } .link.center strong { float: none; display: block; width: 100%; } .link.left { float: left; } .link.right { float: right; } .links { padding: 15px 0; } .links li { list-style: none; } h1 .link { margin-top: 3px } div.back { text-align: center; } div.back .user-link { display: block; margin: 0 auto; width: 200px; height: 24px; line-height: 24px; padding-left: 5px; margin-top: 15px; color: #fff; text-decoration: none; background: url(../images/misc/cat-left.gif) left 0 no-repeat; } div.back .user-link strong { display: block; padding-left: 2px; font-weight: normal; background: url(../images/misc/cat-right.gif) right 0 no-repeat; } #container h1 .link { float: right; height: 20px; line-height: 20px; padding-left: 3px; font-size: 12px; letter-spacing: 0; font-family: Arial, sans-serif; text-decoration: none; background: url(../images/misc/sml-lnk-left.gif) left 0 no-repeat; cursor: pointer } #container h1 .link strong { display: block; height: 20px; padding: 0 7px 0 4px; font-weight: normal; line-height: 20px; background: url(../images/misc/sml-lnk-right.gif) right 0 no-repeat; } #container h1 .link:hover { color: #fff; } #container h1 .link:hover strong { } /* Notifications */ dl.list { padding: 0 10px 10px; } dl.list dt { padding: 5px; margin-top: 15px; font-size: 16px; font-weight: bold; color: #ea6200; } dl.list dd { clear: both; min-height: 32px; _height: 32px; padding: 5px; border-bottom: 1px solid #f2f2f2; } dl.list dd img { float: left; margin-right: 10px; vertical-align: middle; } /* View of profile */ .left-col { float: left; width: 260px; } .avatar i, .informations i { bottom: -1px; } .avatar { float: left; width: 260px; } .avatar ul { padding: 0; } .avatar ul li { list-style: none; padding: 0; } .avatar ul li .link.center { margin-top: 10px; width: 190px; } #userMap { height: 300px; border: 1px solid #eee; background: #fff url(../images/misc/google-load.gif) center center no-repeat; } #userMap .gmnoprint { line-height: 100%; } #container #userMap a { display: block !important; } .informations { float: right; width: 390px; } /* List of contents */ ul.list { padding: 0; } ul.list li { clear: both; padding: 5px 10px; list-style: none; border-bottom: 1px solid #eee; min-height: 20px; } ul.list .last, ul.list li:last-child { border: 0; padding-bottom: 0 } ul.list li strong { float: left; clear: left; width: 150px; min-height: 20px; } ul.list li .icon { padding: 3px 0 3px 20px; background: left center no-repeat; } ul.list li .icon.online { background-image: url(../images/icons/action-friend.gif) } ul.list li .icon.offline { background-image: url(../images/icons/action-friend-offline.gif) } /* Impressum */ #impressum { padding: 15px 0; } #impressum dt { font-weight: bold; font-size: 16px; text-align: center; } #impressum dd { margin-bottom: 20px; } #dl { padding: 15px 10px 0; } #dl dt { font-weight: bold; font-size: 16px; } #dl dd { margin-bottom: 20px; } #resend-activation { overflow: hidden; height: 100%; border: 1px solid #E7E7E7; padding: 0 15px 20px 15px; margin-top:10px } /* Index4 */ #index4 { float: right; width: 448px; position: relative; border: 1px solid #e7e7e7; } #index4 h2 { position: absolute; width: 452px; height: 142px; top: 0; left: 10px; margin-top: -60px; background: url(../images/index4/header.gif) no-repeat; text-indent: -999999px; } #index4 form { padding: 65px 10px 10px; } #index4 legend { font: bold 14px "Trebuchet MS", Arial, sans-serif; color: #ea6200; } #index4 fieldset { position: relative; border: 0; padding: 0; margin: 0; z-index: 20; } #index4 ul { margin: 5px 0; background: #f7f7f7 url(../images/index4/bg.gif) 0 bottom repeat-x; } #index4 ul li { padding: 2px 15px; background: none; } #index4 ul li input, #index4 ul li select { border: 1px solid #7f9db9; } #container #index4 ul li input:focus, #container #index4 ul li select:focus { padding: 0; border: 1px solid #ea6200; } #index4 ul .agb { height: 60px; margin-top: 5px; padding-top: 5px; font-size: 11px; border-top: 1px solid #fff; } #index4 ul .agb input { vertical-align: middle; } #index4 ul .agb a { color: #f58100; text-decoration: none; } #index4 ul .agb a:hover { text-decoration: underline; } #index4 .profiledata { padding-bottom: 23px; z-index: 5; } #index4 button { width: 275px; height: 57px; position: absolute; margin: -33px 0 0 86px; background: url(../images/index4/button.gif) no-repeat; text-indent: -9999999px; border: 0; cursor: pointer; } #index4 #tooltip_for_user_email { position: absolute; width: 150px; top: 35px; *top: 55px; left: 295px; padding-left: 10px; background: url(../images/tooltip.gif) no-repeat; } #index4 .tooltip-corner { padding: 10px; background: #eb7e24; border: 1px solid #ae540a; border-left: 0; color: #fff; line-height: 120%; } /*************************** * Footer ****************************/ #footer { clear: both; padding: 25px 65px 80px; font-weight: bold; background: url(../images/footer-bg.png) 0 bottom no-repeat; } #footer p { color: #717171; } #footer ul { float: right; padding: 0; } #footer ul li { float: left; list-style: none; padding: 0 7px; background: url(../images/misc/footer-sep.gif) right center no-repeat; } #footer ul .last { background: none; padding-right: 0; } #footer a { color: #717171; text-decoration: none; } #footer a:hover { color: #000; }