@charset "utf-8"; /* ------------------------------------------------------------- Meet 4 Less - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Description: Main styles Version: 1.0 Date: 01/2009 ------------------------------------------------------------- */ /* Bug hunting - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /** { border: 1px solid red !important; }*/ /* Clearing float - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .clear { clear:both; margin:0 !important; padding:0 !important; display:block; } /* Basic styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ html ,body { height: 100%; } body { background:url(http://static.meet4less.co.uk/img/bg.gif) repeat-x center top #fff; color:#64615b; } /* .container - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .container { position:relative; min-height:100%; height: auto !important; height: 100%; margin: 0 auto -1.7em; } /* #top - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #top { height:13.8em; } #top.pattern { background:url(http://static.meet4less.co.uk/img/logo_bg_pattern.gif) no-repeat 27em 7.2em; } #logo { width:31.2em; height:11.1em; font-size:1em; text-indent:-9000px; background:url(http://static.meet4less.co.uk/img/logo_bg.gif) no-repeat; padding:0px; margin:0; display:inline; float:left; z-index:5; position:relative; margin-left:0.1em; } .welcomeBanner #logo { margin-left:0.5em; } #logo a { display:block; width:100%; height:100%; text-indent:-9000px; background:url(http://static.meet4less.co.uk/img/logo.gif) no-repeat 0.5em 0; } #logo.beta a { display:block; width:100%; height:100%; text-indent:-9000px; background:url(http://static.meet4less.co.uk/img/logo_beta.gif) no-repeat 0.9em 0; } /* #menu - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #menu, #menu ul, #menu li { margin:0; padding:0; list-style-position:outside; list-style:none; } #menu { height:7.2em; font-weight:bold; display:inline; float:right; background:url(http://static.meet4less.co.uk/img/menu_separator.gif) no-repeat top left; margin-left:1.1em; padding-left:0.2em; z-index:101; position:relative; } #menu.right { float:right; } .welcomeBanner #menu { margin-left:0.3em; } #menu li { height:7.2em; width:8.2em; display:inline; float:left; background:url(http://static.meet4less.co.uk/img/menu_bg.gif) no-repeat top center; position:relative; } #menu.notLogged li { width:11.45em; } #menu li.active { background:url(http://static.meet4less.co.uk/img/menu_bg_active.gif) no-repeat top center; } cm #menu li span, #menu li a { font-size:1em; text-transform:uppercase; color:#fff; display:block; width:100%; height:100%; line-height:1em; text-align:center; background:url(http://static.meet4less.co.uk/img/menu_separator.gif) no-repeat top right; color:#77191a; line-height:9em; font-weight:bold; } #menu li span { cursor:default; } #menu li.active span, #menu li.active a { } #menu li:hover { background:url(http://static.meet4less.co.uk/img/menu_bg.gif) no-repeat center -110px; } /* Submenu - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #menu ul { background:url(http://static.meet4less.co.uk/img/submenu_bg.gif) no-repeat left bottom; position:absolute; padding-left:1.5em; margin-left:-0.2em; left:0; top:7.2em; display:none; } #menu li:hover ul { display:block; } #menu ul li, #menu ul li:hover { background:url(http://static.meet4less.co.uk/img/submenu_bg.gif) no-repeat right top; padding-right:1.5em; padding-left:0; margin-right:-1.5em; margin-left:0em; position:relative; height:auto; width:100%; white-space:nowrap; } #menu ul li:last-child, #menu ul li.last-child { background:url(http://static.meet4less.co.uk/img/submenu_bg.gif) no-repeat right bottom; } #menu ul li a { background:none; padding:0; line-height:2.5em; border-bottom:0.1em solid #ebe3d6; display:block; text-transform:none; color:#828282; font-weight:bold; font-size:1.1em; text-align:left; width:100%; } #menu ul li a:hover { background:none; color:#a40607; } #menu ul li:last-child a, #menu ul li.last-child a, #menu ul li.last-child a:hover { border-bottom:none; margin-bottom:0.5em; } /* Welcome Banner - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #top.welcomeBanner { height :auto; } .welcomeBanner .welcome { width:85.5em; height:22.1em; margin:-2.5em 0 2.2em 0em; padding-top:3.5em; padding-left:4.5em; background:url(http://static.meet4less.co.uk/img/banner_welcome.jpg) no-repeat left top; z-index:1; position:relative; } .welcomeBanner .welcome.sign { background:url(http://static.meet4less.co.uk/img/banner_signup.jpg) no-repeat left top; padding-top:4.6em; height:21em; } .welcomeBanner .welcome h2 { font-size:2.5em; line-height:1.2em; margin-bottom:0.5em; } .welcomeBanner .welcome .info { display:block; font-size:1.3em; width:18em; } .welcomeBanner .welcome.sign .info { width:19.5em; } .welcomeBanner .welcome .infoButton { display:inline; float:left; font-size:1.4em; height:2.8em; line-height:1.5em; padding:0.1em 2em 0 2em; border:0.1em solid #d7d2c7; background:url(http://static.meet4less.co.uk/img/banner_welcome_button_bg.gif) repeat-x bottom #fcfbf9; text-align:center; color:#ce0102; } .welcomeBanner .welcome .infoButton:hover { opacity:0.8; filter: alpha(opacity = 80); } .welcomeBanner .welcome .infoButton span { display:block; font-size:0.7em; height:1em; line-height:1em; color:#64615b; } .welcomeBanner .costButton { width:15em; margin-left:3.4em; text-align:center; opacity:0.8; } .welcomeBanner .costButton:hover { opacity:1; } .welcomeBanner .costButton a { padding-right:1em; text-align:center; } .welcomeBanner .costButton a:hover { opacity:1; } /* #mainContent - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #mainContent { margin-top:-0em; } /* #infoColumn - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #infoColumn { position:relative; z-index:40; } #infoColumn .content { position:relative; } /* .box - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .box { margin-bottom:2em; } .box .top { height:1.5em; background:url(http://static.meet4less.co.uk/img/box_bg.gif) no-repeat left top; } .box .top div, .box .bottom div { display:inline; float:right; width:1.5em; height:1.5em; background:url(http://static.meet4less.co.uk/img/box_bg.gif) no-repeat -88.5em top #fff;} .box .bottom { height:1.5em; background:url(http://static.meet4less.co.uk/img/box_bg.gif) no-repeat left bottom; } .box .bottom div { background:url(http://static.meet4less.co.uk/img/box_bg.gif) no-repeat -88.5em bottom #fff; } .box .main { background:url(http://static.meet4less.co.uk/img/box_bg.gif) repeat-y -90em; padding-left:2.1em; } .box .content { background:url(http://static.meet4less.co.uk/img/box_bg.gif) repeat-y right; padding:0.1em 2em 0.1em 0.1em; } .box .content h3 { height:2.3em; font-size:1.3em; margin:0; margin-bottom:1.2em; padding:0 0.8em 0 0.8em; color:#fff; font-weight:bold; background:url(http://static.meet4less.co.uk/img/box_header.gif) repeat-x #CB0102; border:0.1em solid #cb0102; line-height:2.3em; position:relative; } .box.hidden .content h3 { margin-bottom:0; } .box .content h4, .content h4, #facebox .content h4 { height:1.5em; font-size:1.3em; margin:-2.1em 0 0 0; padding:0 1.95em 0 1.95em; color:#fff; font-weight:bold; background:url(http://static.meet4less.co.uk/img/box_header_small.gif) repeat-x #CB0102; border:0.1em solid #cb0102; line-height:1.5em; position:relative; display:inline; float:left; } .box .content h5 { height:1.5em; font-size:1.3em; margin:1em; padding:0 1.95em 0 1.95em; color:#720606; font-weight:bold; background:url(http://static.meet4less.co.uk/img/box_header2_small.gif) repeat-x #CB0102; border:0.1em solid #bcae91; line-height:1.5em; position:relative; display:inline; float:left; } .box .content .highlight h4, .highlight h4 { margin:-1.8em 0 1.5em 0; } .box .content .highlight.short h4, .highlight.short h4 { margin-top:-1.75em; } .box.hidden .content .toggleContent { display:none; } .box .content .toggleContent { margin-top:1.5em; zoom: 1; } .box .content h3 a { display:block; width:100%; height:100%; color:#fff; } .box .content h3 a:hover { color:#ebd5a6; } .box .main .content h3 span.highlight { color:#ebd5a6; position:relative; background:none; top:0; right:0; border:none; } .box .content h3 span { position:absolute; right:0.8em; top:0.5em; height:1.2em; width:1.2em; background:url(http://static.meet4less.co.uk/img/box_header_ico_hide.gif) no-repeat center; border:0.1em solid #988a78; } #infoColumn .box .content h3 span { border:0.1em solid #da3d3e; } .box.hidden .content h3 span { position:absolute; right:0.8em; top:0.5em; height:1.2em; width:1.2em; background:url(http://static.meet4less.co.uk/img/box_header_ico_show.gif) no-repeat center; } .box .highlight, .highlight { padding:0.1em 0 0 0.1em; border:0.1em solid #dcd7ce; margin-bottom:0.5em; } .box .highlight.short, .highlight.short { margin-bottom:2.5em; } .box .highlight .divChild, .highlight .divChild, .highlight .divChild { background:#f9f5eb; padding:1.5em 2em 1em; } .box .highlight > div { background:#f9f5eb; padding:1.5em 2em 1em; } #infoColumn .box .highlight > div, #infoColumn .box .highlight .divChild, #infoColumn .highlight .divChild { padding:1em 2em 1em; } .box .highlight.short > div, .box .highlight.short .divChild, .highlight.short .divChild { padding-top:1em; padding-bottom:1em; } .box .highlight.button, .highlight.button { border:0.1em solid #b3a992; padding:0; } #infoColumn .box .highlight.button div, #infoColumn .highlight.button div { padding:0 2em 0 2em; background:url(http://static.meet4less.co.uk/img/highlight_button.gif) repeat-x top left; } .box .highlight.button div:hover, .highlight.button div:hover { background:url(http://static.meet4less.co.uk/img/highlight_button.gif) repeat-x bottom left; } .box .highlight .hr, .highlight .hr { height:2em; border-bottom:0.1em solid #dcd7ce; display:inline; float:left; } .box .highlight .wide .hr { margin:1em 0 2.5em -2.1em; width:108.5%; } .box .highlight .hr h5, .highlight .hr h5 { margin:0.7em 0 0 1.6em !important; } #infoColumn .box form input[type=text] { width:10em; margin-right:0.8em; } #infoColumn .box form .text { width:10em; margin-right:0.8em; } .box .highlight p { margin-bottom:0; } .box .highlight a { font-size:1em; color:#64615b; font-weight:bold; } #infoColumn .box .highlight a { font-size:1.1em; } .box .highlight ul a { font-weight:normal; } .box .highlight.button a { display:block; width:100%; height:2.1em; line-height:2.1em; } .box .highlight a:hover { color:#a40607; } .box .highlight.button a { position:relative; } .box .highlight.button a .ico_accept { width:1.6em; height:1.4em; display:block; position:absolute; right:0; top:0.6em;} .box .highlight.button a .ico_warning { width:1.6em; height:1.4em; display:block; position:absolute; right:0; top:0.4em;} .box .highlight a .red { position:absolute; right:0; top:0em; } .box .highlight ul { font-size:1.1em; margin-top:1em; } .signUpEdit.box .highlight ul { margin-top:2em; } .box .highlight .jNiceWrapper ul { font-size:1em; } .box .highlight ul li { margin-bottom:0.7em; position:relative; } .box .highlight ul li.icoAccept { padding-left:2em; background:url(http://static.meet4less.co.uk/img/ico_accept.gif) no-repeat left center; } .box .highlight ul li.icoWarning { padding-left:2em; background:url(http://static.meet4less.co.uk/img/ico_warning.gif) no-repeat left center; } .box .highlight ul li.icoSelected { padding-left:2em; background:url(http://static.meet4less.co.uk/img/ico_select.gif) no-repeat left center; } .box .highlight ul li .right { float:none; position:absolute; right:0; } .box .highlight ul li .ico_accept, .box .highlight ul li .ico_warning { width:1.6em; height:1.4em; display:block; position:absolute; right:0; top:0; } .box .highlight input[type=checkbox] { margin-top:0.2em; } .box .highlight input[type=radio] { margin-top:0.2em; } /* Flash Chat - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Flash Chat - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #videoChat { height:3.35em; line-height:3.35em; text-indent:2em; font-size:1.2em; font-weight:bold; display:block; background:url(/img/button_video_chat_animated.gif) no-repeat left top; color:#CE0102; } #flashChat .main .content a,#flashChat .main .content a:visited { color:#64615b; } #flashChat .main .content a:hover { color:#CE0102; } /* My profile box - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .toggleContent .buttonOpen .toggleButton { padding:0.1em 2em 0.5em;} /* Latest Visitors box - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .latestVisitors_online { color:#648d27; } .latestVisitors_offline { color:#77191a; } .latestVisitorsList, .latestVisitorsList.marginTop { margin-top:3em; } .titleShort { max-width:14em; height:3.2em; margin-right:0.5em; overflow:hidden; display:inline; float:left; } .contentSearchResults .titleShort { max-width:30em; } /* Fantasis & Desires Pop-Up - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .signUpPreview .box .highlight a { font-size:1em; color:#a40607; font-weight:bold; } .signUpPreview .box .highlight ul a { font-weight:bold; } .signUpPreview .box .highlight ul li { padding-left:1.5em; background:url(http://static.meet4less.co.uk/img/ico_list3.gif) no-repeat left center; } /* Fantasis & Desires Page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .signUpEdit { display:none; } .signUpEdit .wide label { width:97%; font-size:1.2em; margin-bottom:1em; } .signUpEdit label { color:#6f4142; } #mainColumn .signUpEdit textarea { width:97%; } .signUpEdit .highlight ul li { padding-left:1.5em; background:url(http://static.meet4less.co.uk/img/ico_list3.gif) no-repeat left center; } .signUpEdit .highlight ul a { font-weight:bold; color:#6f4142; } /* Chat Icon Sliding Wrapper - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .ico_wrapper, .ico_wrapper li { list-style-position:outside; list-style:none; margin:0; padding:0; position:relative; } .ico_wrapper { display:inline; float:right; position:relative; width:1.6em; margin-left:0.5em; } .ico_wrapper ul { display:none; position:absolute; top:1.6em; left:0; margin:0; padding:1em 0.5em 0em 0.5em; background:url(http://static.meet4less.co.uk/img/ico_chat_wrapper_bg.gif) repeat-x top #fff; border:0.1em solid #c5bfae; width:16em; height:auto; _height:100px; z-index:100; } .ico_wrapper li:hover ul { display:block; } .ico_wrapper li li { display:block; width:100%; min-height:1.6em; margin-bottom:1em; } .directChat .highlight .ico_wrapper li li a, .directChat .highlight .ico_wrapper li li .ico { display:inline; float:left; } .directChat .highlight .ico_wrapper li li a { height:100%; } .directChat .highlight .ico_wrapper li li .ico { height:1.6em; width:auto; padding-left:2.3em; } .box.headerInside h2 { margin-bottom:0; } .box.headerInside .content { padding-top:2em; } .box.headerInside .content.paddingTopDouble { padding-top:2.5em; } /* DIRECT CHAT .box - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .boxDC { margin-bottom:2em; } .boxDC .top { height:1.5em; background:url(http://static.meet4less.co.uk/img/box_dc_bg.gif) no-repeat left top;z-index:5; } .boxDC .top div, .boxDC .bottom div { display:inline; float:right; width:1.5em; height:1.5em; background:url(http://static.meet4less.co.uk/img/box_dc_bg.gif) no-repeat -58.5em top #fff; z-index:5;} .boxDC .bottom { height:1.5em; background:url(http://static.meet4less.co.uk/img/box_dc_bg.gif) no-repeat left bottom; } .boxDC .bottom div { background:url(http://static.meet4less.co.uk/img/box_dc_bg.gif) no-repeat -58.5em bottom #fff; } .boxDC .main { background:url(http://static.meet4less.co.uk/img/box_dc_bg.gif) repeat-y -60em; padding-left:2.1em; z-index:10; } .boxDC .content { background:url(http://static.meet4less.co.uk/img/box_dc_bg.gif) repeat-y right; padding:0.1em 2em 0.1em 0.1em; } .boxDC .content h3 { height:2.3em; font-size:1.3em; margin:0; padding:0 0.8em 0 0.8em; color:#fff; font-weight:bold; background:url(http://static.meet4less.co.uk/img/box_header.gif) repeat-x #CB0102; border:0.1em solid #cb0102; line-height:2.3em; position:relative; } .boxDC.hidden .content h3 { margin-bottom:0; } .boxDC .content .toggleContent { margin-top:1.5em; } .boxDC .content h3 a { display:block; width:100%; height:100%; color:#fff; } .boxDC .content h3 a:hover { color:#ebd5a6; } .boxDC .main .content h3 span.highlight { color:#ebd5a6; position:relative; background:none; top:0; right:0; border:none; } .boxDC .content h3 span { position:absolute; right:0.8em; top:0.5em; height:1.2em; width:1.2em; background:url(http://static.meet4less.co.uk/img/box_header_ico_hide.gif) no-repeat center; } .boxDC.hidden .content h3 span { position:absolute; right:0.8em; top:0.5em; height:1.2em; width:1.2em; background:url(http://static.meet4less.co.uk/img/box_header_ico_show.gif) no-repeat center; } . .directChat .highlight { padding:0.1em 0 0 0.1em; border:0.1em solid #dcd7ce; margin-top:0.5em; margin-bottom:0; _height:1%; } .directChat .hidden .toggleHighlight { display:none; } .directChat .highlight div { background:#f6ecce; padding:0.5em 0.5em 0.5em 1em; min-height:1.6em; } .directChat .active .highlight div { background:#f9e6e6; padding:0.5em 0.5em 0.5em 1em; min-height:1.6em; _height:1%; } .directChat .highlight.button { border:0.1em solid #b3a992; padding:0; } .directChat .highlight.button div { padding:0 2em 0 2em; background:url(http://static.meet4less.co.uk/img/highlight_button.gif) repeat-x top left; } .directChat .highlight.button div:hover { background:url(http://static.meet4less.co.uk/img/highlight_button.gif) repeat-x bottom left; } .directChat .highlight p { margin-bottom:0; } .directChat .highlight a { font-size:1.1em; color:#64615b; display:inline; float:left; line-height:1.6em; } .directChat .highlight a.name { width:18em; overflow:hidden; height:1.6em; } .directChat .highlight.button a { } .directChat .highlight a:hover { color:#a40607; } .directChat .highlight.button a { position:relative; } .directChat .fav .highlight a.name strong { padding-right:1em; background:url(http://static.meet4less.co.uk/img/ico_chat_fav_small.gif) no-repeat center right; } .directChat .fav .highlight a.name:hover strong { background:url(http://static.meet4less.co.uk/img/ico_chat_fav_small.gif) no-repeat center right; } .directChat .highlight .ico { display:inline; float:right; width:1.6em; height:1.6em; font-size:1em; margin-left:0.5em; } .ico_fav { background:url(http://static.meet4less.co.uk/img/ico_chat_fav.gif) no-repeat top left; } .ico_fav:hover { background:url(http://static.meet4less.co.uk/img/ico_chat_fav.gif) no-repeat bottom left; } .fav .ico_fav, .friend .ico_fav { background:url(http://static.meet4less.co.uk/img/ico_chat_fav_remove.gif) no-repeat top left; } .fav .ico_fav:hover { background:url(http://static.meet4less.co.uk/img/ico_chat_fav_remove.gif) no-repeat bottom left; } .ico_fav_remove { background:url(http://static.meet4less.co.uk/img/ico_chat_fav_remove.gif) no-repeat top left; } .ico_fav_remove:hover { background:url(http://static.meet4less.co.uk/img/ico_chat_fav_remove.gif) no-repeat bottom left; } .ico_info { background:url(http://static.meet4less.co.uk/img/ico_chat_info.gif) no-repeat top left; } .ico_info:hover { background:url(http://static.meet4less.co.uk/img/ico_chat_info.gif) no-repeat bottom left; } .ico_close, .closeWindow { background:url(http://static.meet4less.co.uk/img/ico_chat_close.gif) no-repeat top left; } .ico_close:hover, .closeWindow:hover { background:url(http://static.meet4less.co.uk/img/ico_chat_close.gif) no-repeat bottom left; } .ico_ban { background:url(http://static.meet4less.co.uk/img/ico_chat_ban.gif) no-repeat top left; } .ico_ban:hover { background:url(http://static.meet4less.co.uk/img/ico_chat_ban.gif) no-repeat bottom left; } .ico_note { background:url(http://static.meet4less.co.uk/img/ico_note_big.gif) no-repeat top left; } .ico_note:hover { background:url(http://static.meet4less.co.uk/img/ico_note_big.gif) no-repeat bottom left; } .boxDC .ico_accept, .barDC .ico_accept { background:url(http://static.meet4less.co.uk/img/ico_chat_accept.gif) no-repeat top left; } .boxDC .ico_accept:hover { background:url(http://static.meet4less.co.uk/img/ico_chat_accept.gif) no-repeat bottom left; } .ico_more { background:url(http://static.meet4less.co.uk/img/ico_chat_more.gif) no-repeat top left; } .ico_more:hover { background:url(http://static.meet4less.co.uk/img/ico_chat_more.gif) no-repeat bottom left; } .minimizeWindow { background:url(http://static.meet4less.co.uk/img/ico_chat_minimize.gif) no-repeat top left; } .minimizeWindow:hover { background:url(http://static.meet4less.co.uk/img/ico_chat_minimize.gif) no-repeat bottom left; } #infoColumn .original, .directChat .originalRequest, #mainColumn .original { display:none; } .directChat .chatLog, .chatLog { display:block; width:19.6em; overflow:auto; height:12em; font-size:1.2em; padding:1.3em; background:#fff; border:0.1em solid #e8e6e1; border-top:none; color:#a09d95; } .barDC .chatLog { width:88%; overflow:auto; *overflow-x:hidden; height:12em; font-size:1.2em; padding:1.3em; background:#fff; border:0.1em solid #e8e6e1; color:#a09d95; } .directChat .chatLog p, .chatLog p { font-size:1em; margin-bottom:1em; } .directChat .chatLog p p, .chatLog p p { font-size:1em; margin-bottom:0.3em; line-height:2em; color:#6d6b67; border-bottom:0.1em solid #f8f6f1; } .directChat .chatLog p .chatWith, .chatLog p .chatWith { color:#77191a; } .directChat .chatLog p .chatWith strong, .chatLog p .chatWith strong { color:#6d6b67; } .directChat .chatLog strong, .chatLog strong { font-size:1em; margin-bottom:0; margin-right:0.5em; } .directChat .inputDC, .barDC .inputDC { width:14.2em; height:2.85em; line-height:2.85em; overflow:auto; padding:0.8em 1.15em; border:0.1em solid #e8e6e1; margin-top:0.1em; background:#fff; color:#6d6b67; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:1.2em; display:inline; float:left; } .barDC .inputDC { width:14.8em; } .directChat .submitDC, .barDC .submitDC { width:5.65em; height:4.6em; font-size:1.2em; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; background:url(http://static.meet4less.co.uk/img/chat_submit_bg.gif) repeat-x top left #fff; border:0.1em solid #d7d2c7; color:#a09d95; font-weight:bold; display:inline; float:left; cursor:pointer; padding:0; margin-top:0.1em; margin-right:0; } .directChat .submitDC:hover, .submitDC:hover { color:#ce0102; } hr { margin:1.5em 0; /*color:#c5bfae; background:#c5bfae;*/ color:#dedede; background:#dedede; } .directChat hr.clear { margin:1.5em 0 !important; } .chatsWrapper { max-width:62em; _width:62em; } .directChat .infoBox { height:1.5em; margin-top:0; margin-bottom:2.5em; } .directChat .infoBox .infoBoxContent { height:1em; text-align: center; padding-bottom:2.5em; } .directChat .infoBox .infoBoxContent p { font-size:1.3em; } ul.avaitingRequestsDC, ul.avaitingRequestsDC li, ul.activeChatsDC, ul.activeChatsDC li { margin:0; padding:0; list-style-position:inside; list-style:none; } ul.avaitingRequestsDC, ul.activeChatsDC { border-top:0.1em solid #dcd8ce; } ul.avaitingRequestsDC li, ul.activeChatsDC li { font-size:1.2em; line-height:2em; border-bottom:0.1em solid #dcd8ce; overflow:hidden; } ul.avaitingRequestsDC li strong, ul.activeChatsDC li strong { margin-right:1em; } .directChat .avaitingRequestsDC a { color:#6d6b67; display:inline; float:left; } .directChat .avaitingRequestsDC a:hover { color:#ce0102; } .avaitingRequestsDC .ico, .activeChatsDC .ico { display:inline; float:right; height:1.35em; font-size:1em; width:auto; margin-top:0.3em; } .avaitingRequestsDC .ico a, .activeChatsDC .ico a { display:inline; width:1.35em; height:1.35em; float:right; margin-left:0.5em; } .avaitingRequestsDC .fullRequest { margin-bottom:0.5em; margin-top:0.5em; font-weight:bold; font-size:1em; } .setRejectMessage { margin-top:1.8em; position:relative; } .setRejectMessage .head { height:2.1em; background:url(http://static.meet4less.co.uk/img/box_header_grad01_bg.gif) repeat-x top left; border:0.1em solid #d7d2c7; padding:0 1em 0 1em; } .barDC .setRejectMessage .head { height:1.9em; } .setRejectMessage .head a { font-size:1.2em; font-weight:bold; line-height:1.8em; display:inline; float:left; } .setRejectMessage .head a.submit3 { display:inline; float:right; background:url(http://static.meet4less.co.uk/img/box_header_grad02_bg.gif) repeat-x top left; margin-left:0.95em; margin-right:-0.95em; border-left:0.1em solid #d7d2c7; border-right:0.1em solid #d7d2c7; padding:0 1em 0 1em; color:#616161; } .setRejectMessage .head .submit3:hover { color:#ce0102; } .setRejectMessage textarea.rejectMessage { font-size:1.2em; height:1.1em; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; } .directChat .summaryDC p { margin-top:0; margin-bottom:0; text-align:center; } .directChat .summaryDC p a { padding:0 0.5em 0 0.5em; white-space:nowrap; } .directChat .summaryDC p a.red:hover { color:#f10102; } .directChat .summaryDC p a.blue:hover { color:#0d63d9; } .directChat .summaryDC p a.green:hover { color:#08bc00; } /* DIRECT CHAT bar - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .barDC { position:fixed; bottom:0; width:92em; margin-left:-1em; min-height:2.6em; _height:2.6em; background:url(http://static.meet4less.co.uk/img/bar_bg.gif) repeat-x left -12.2em; z-index:99998; } .barDC .leftCorner { margin-left:-0.5em; background:url(http://static.meet4less.co.uk/img/bar_bg.gif) no-repeat top left; width:0.5em; min-height:2.6em; _height:2.6em; display:inline; float:left; } .barDC .chatLogo { width:3em; height:3em; background:url(http://static.meet4less.co.uk/img/ico_bar_chat.gif) no-repeat center; margin-top:-0.9em; display:inline; float:left; } .barDC .rightCorner { margin-right:-0.5em; background:url(http://static.meet4less.co.uk/img/bar_bg.gif) no-repeat top right; width:0.5em; min-height:2.6em; _height:2.6em; display:inline; float:right; } .barDC .content { min-height:2.4em; _height:2.4em; padding:0.2em 0.5em 0 0.5em; } .barDC .separator { display:inline; float:right; min-height:2em; _height:2em; width:0.2em; background:url(http://static.meet4less.co.uk/img/bar_separator.gif) no-repeat; margin:0 1em 0 1em; } .barDC .separator.left { float:left; } .barDC .separator.noMarginRight { margin-right:0; } .barDC .separator.noMarginLeft { margin-left:0; } .barDC .arrowLeft { display:inline; float:right; font-size:1em; width:1em; height:100%; background:url(http://static.meet4less.co.uk/img/ico_arrow_left.gif) no-repeat right 0.8em; } .barDC .arrowLeft:hover { background-position:right -4.2em; } .barDC .arrowRight { display:inline; float:right; font-size:1em; width:1em; height:100%; background:url(http://static.meet4less.co.uk/img/ico_arrow_right.gif) no-repeat left 0.8em; } .barDC .arrowRight:hover { background-position:left -4.2em; } .barDC .chatsWrapper, .barDC .indicatorsWrapper { display:inline; float:right; margin-right:0.3em; } .barDC .indicatorsWrapper { float:left; } .barDC .chat, .barDC .indicator { min-width:10em; padding-left:0.3em; margin:0.2em 0 0.2em 0; height:2em; background:url(http://static.meet4less.co.uk/img/bar_chat_bg.gif) no-repeat left top; display:inline; float:left; margin-right:1em; position:relative; } .barDC .chat { width:14.1em; margin-left:1em; margin-right:0; } .barDC .chat.open, .barDC .indicator.open { background:url(http://static.meet4less.co.uk/img/bar_chat_bg.gif) no-repeat left bottom; } .barDC .indicator { width:10em; float:left; } .barDC .chatsIndicator { margin-right:0; } .barDC .chatContent, .barDC .indicatorContent { background:url(http://static.meet4less.co.uk/img/bar_chat_bg.gif) no-repeat right top; margin-right:-0.3em; padding-right:0.3em; display:block; height:100%; } .barDC .chatContent { position:relative; } .barDC .open .chatContent, .barDC .open .indicatorContent { background:url(http://static.meet4less.co.uk/img/bar_chat_bg.gif) no-repeat right bottom; } .barDC .chatContent a, .barDC .indicatorContent a { font-size:1.1em; line-height:1.8em; color:#615d54; } .barDC .chatContent a:hover { color:#CE0102; } .barDC .chatContent .label, .barDC .indicatorContent .label { padding:0 0.5em 0 1em; margin-right:0em; display:inline; float:left; width:8.8em; *width:8.3em; overflow:hidden; white-space:nowrap; } .barDC .indicatorContent .label { width:5.1em; font-weight:bold; } .barDC .request .label, .barDC .request .indicatorContent .number { color:#628d1a; } .barDC .chatsIndicator .label, .barDC .chatsIndicator .indicatorContent .number { color:#376bb1; } .barDC .chatContent .separator, .barDC .indicatorContent .separator { margin:0.0.4em 0 0em; background:url(http://static.meet4less.co.uk/img/bar_chat_separator.gif) no-repeat center; width:0.1em; height:100%; } .barDC .chatContent .icoClose { display:inline; float:right; width:1.3em; height:100%; background:url(http://static.meet4less.co.uk/img/ico_bar_close.gif) no-repeat center; padding:0; margin:0 0.1em 0 0; } .barDC .indicatorContent .number { display:inline; float:right; width:1.5em; height:100%; padding:0; margin:0 0.1em 0 0; font-weight:bold; text-align:center; } .barDC .window { display:none; position:absolute; left:-0.1em; bottom:2.3em; background:url(http://static.meet4less.co.uk/img/bar_chat_window_bg.gif) no-repeat top; padding-top:1em; width:29.6em; } .barDC .chatContent .window { right:-0.1em; left:auto; background:url(http://static.meet4less.co.uk/img/bar_chat_window_bg_reversed.gif) no-repeat top; } .barDC .open .window { display:block; } .barDC .window .windowContent { background:url(http://static.meet4less.co.uk/img/bar_chat_window_bg.gif) no-repeat bottom; min-height:5em; margin-bottom:-0.3em; padding:0 1em 1.5em 1em; } .barDC .chatContent .window .windowContent { background:url(http://static.meet4less.co.uk/img/bar_chat_window_bg_reversed.gif) no-repeat bottom; } .barDC .window .windowContent p { margin-bottom:0.5em; } .barDC .window .ico { display:inline; float:right; width:1.6em; height:1.6em; font-size:1em; margin-left:0.5em; } .barDC .window .ico_more { margin:0; } .barDC .window .ico_wrapper ul .ico { display:inline; float:left; width:auto; height:1.6em; font-size:1em; margin-left:0.5em; padding-left:3em; } .barDC .window .ico a { font-size:1em; } .window .avaitingRequestsDC .ico, .window .activeChatsDC .ico { width:auto; font-size:1em; } .barDC .profileOnlineStatus { display:block; padding-left:15px; background-position:left center; background-repeat:no-repeat; } .barDC .profileOnlineStatus.online { background-image:url(/img/ico_online_status.gif); } .barDC .profileOnlineStatus.offline { background-image:url(/img/ico_offline_status.gif); } /* #mainColumn - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #mainColumn { padding-bottom: 3em; } /* .box2 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .box2 { margin-bottom:2em; } .box2.controlPanel { position:relative; z-index:5; } .box2 .top { height:1.5em; background:url(http://static.meet4less.co.uk/img/box2_bg.gif) no-repeat left top;z-index:5; } .box2 .top div, .box2 .bottom div { display:inline; float:right; width:1.5em; height:1.5em; background:url(http://static.meet4less.co.uk/img/box2_bg.gif) no-repeat -58.5em top #fff; z-index:5;} .box2 .bottom { height:1.5em; background:url(http://static.meet4less.co.uk/img/box2_bg.gif) no-repeat left bottom; } .box2 .bottom div { background:url(http://static.meet4less.co.uk/img/box2_bg.gif) no-repeat -58.5em bottom #fff; } .box2 .main { background:url(http://static.meet4less.co.uk/img/box2_bg.gif) repeat-y -60em; padding-left:2.1em; z-index:10; } .box2 .content { background:url(http://static.meet4less.co.uk/img/box2_bg.gif) repeat-y right top; padding:0.1em 2em 0.1em 0.1em; } .box2.controlPanel .content { padding:0.1em 0 0.1em 0.1em; } .controlPanel .topPattern { background:url(http://static.meet4less.co.uk/img/control_panel_top_pattern.gif) no-repeat left top; position:absolute; top:-4.3em; right:1em; width:18em; height:4.3em; } .box2.controlPanel .content .pattern { background:url(http://static.meet4less.co.uk/img/control_panel_pattern.gif) no-repeat right top; padding-right:2em; _height : 1%; zoom:1; } .controlPanel.hidden .content .pattern { background:none; } .box2 .highlight{ padding:0; border:none; } .box2 h2 { font-size:1.8em; height:1.65em; line-height:1.5em; padding:0 1.15em 0 1.2em; display:block; width:100%; margin-left:-1.2em; margin-top:-0.85em; background:url(http://static.meet4less.co.uk/img/header_inside_bg.gif) no-repeat left; position:relative; color:#615d54; } .box2.controlPanel h2 .expire { position:absolute; top:0; right:0; float:none; display:block; color:#ce0102; font-size:0.6em; font-weight:bold; margin-right:3.5em; } .box2.controlPanel h2 .expire:hover { color:#ff3435; } .box2.controlPanel h2 .toggleIco { display:block; width:0.85em; height:0.85em; background:url(http://static.meet4less.co.uk/img/header_ico_hide.gif) no-repeat left top; position:absolute; top:0.35em; right:0.6em; border:0.1em solid #988a78; } .controlPanel.hidden h2 .toggleIco { display:block; width:0.85em; height:0.85em; background:url(http://static.meet4less.co.uk/img/header_ico_show.gif) no-repeat left top; } .controlPanel .toggleContent { display:inline; float:left; } .controlPanel.hidden .toggleContent { display:none; } .controlPanel .shortContent { display:none; } .controlPanel.hidden .shortContent { display:block; } .controlPanel .shortContent a { font-size:1.2em; color:#64615b; font-weight:bold; margin-right:1em; display:inline; float:left; } .controlPanel .shortContent a:hover { color:#ce0102; } .controlPanel .CPButtons { margin-top:1.25em; } .controlPanel .CPButtons .submit { margin-right:1em; font-size:1em; height:1.5em; } .controlPanel .CPButtons .submit.fullWidth { width:92%; margin-right:0; text-align:center; line-height:1.5em; } .controlPanel .CPButtons label { min-width:2em; padding-right:0.5em; } #mainColumn .controlPanel .CPButtons .text { width:55%; float:left; margin-left:0.5em; } .controlPanel .CPButtons .publicUrl { margin-top:1.3em; display:inline; float:left; } #mainColumn .CPButtons .submit2.helpButton span { padding-top:0.1em; padding-right:0.8em; } .box2 .summary { margin-right:2.8em; } .box2 .summary ul, .box2 .summary li { margin:0; padding:0; list-style-position:inside; list-style:none; } .box2 .summary li { font-size:1.2em; line-height:3.5em; font-weight:bold; border-bottom:0.1em solid #ebe8e0; position:relative; } .box2 .summary li:last-child { border-bottom:none; } .box2 .summary li a { color:#64615b; display:block; padding-right:2em; list-style-position:outside; height:100%; } .box2 .summary li a:hover { color:#a40607; } .box2 .summary li .red { position:absolute; right:0; top:0; } .box2 .status { } .box2 .status .highlight { height:3em; background:url(http://static.meet4less.co.uk/img/panel_highlight_bg.gif) no-repeat left top; padding-left:1em; margin:0.5em 0 1em 0; } .box2 .status .highlight .highlightContent { height:100%; background:url(http://static.meet4less.co.uk/img/panel_highlight_bg.gif) no-repeat right top; padding-right:1em; line-height:3em; } .box2 .status .highlight .highlightContent p { line-height:2.5em; margin:0; font-weight:bold; margin-right:1.7em; min-width:5em; } .box2 .status .highlight .highlightContent label { line-height:2.5em; font-size:1.2em; margin:0; font-weight:bold; min-width:1.5em; margin-left:0.5em; padding-right:0.3em; } .box2 .status .highlight .highlightContent input { display:inline; float:left; } .box2 .status .highlightContent .smallButton { margin:0.6em 0 0 0; } .box2 .highlightContent .jNiceRadio { margin-top:0.9em; } .smallButton { height:1.8em; background:url(http://static.meet4less.co.uk/img/form_submit_small.gif) no-repeat left top; padding-left:0.3em; font-size:10px; } .smallButton a { background:url(http://static.meet4less.co.uk/img/form_submit_small.gif) no-repeat right top; padding-right:0.8em; padding-left:0.5em; margin-right:-0.3em; line-height:1.5em; display:block; height:100%; line-height:1.8em; color:#978880; font-weight:bold; } .smallButton a:hover { color:#a40607; } .slideMe .smallButton a { line-height:1.5em; } /* .box3 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .box3 { } .box3 .top { height:1em; background:url(http://static.meet4less.co.uk/img/box3_bg.gif) no-repeat left top;z-index:5; } .box3 .top div, .box3 .bottom div { display:inline; float:right; width:1.5em; height:1em; background:url(http://static.meet4less.co.uk/img/box3_bg.gif) no-repeat -58.5em top #fff; z-index:5;} .box3 .bottom { height:1em; background:url(http://static.meet4less.co.uk/img/box3_bg.gif) no-repeat left bottom; } .box3 .bottom div { background:url(http://static.meet4less.co.uk/img/box3_bg.gif) no-repeat -58.5em bottom #fff; } .box3 .main { background:url(http://static.meet4less.co.uk/img/box3_bg.gif) repeat-y -60em; padding-left:1em; } .box3 .main .content { background:url(http://static.meet4less.co.uk/img/box3_bg.gif) repeat-y right; padding:0.1em 1em 0.1em 0.1em; } .box3 .content p { margin:0; } .box3 .content p.marginBottom { margin-bottom:1em; } .box3 .content label { min-width:1em; margin-left:0.5em; } .box3 .content label.noMarginLeft { margin-left:0; } .box3 .content input { display:inline; float:left; font-size:1em; } .box3 .content input.right { display:inline; float:right;} .box3 .content .submit { height:1.65em; line-height:1.65em; font-size:1.1em; font-weight:bold; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; padding:0 0.5em 0 0.5em; } .box3 .content .text { height:1.4em; padding:0.1em 0.4em 0 0.4em; width:11.5em; display:inline; float:left; } #mainColumn .box3 .content .publicUrl .text { width:96%; margin-top:10px; } .fullWidthWrapper .box3 .content .text { float:left; } .box3 .smallButton { margin:0.2em 0 0 0; } .box3 .publicUrl .smallButton { margin:0.1em 0.5em 0 0; } /*.box3 .smallButton a { font-size:0.9em; }*/ .controlPanel form.generateCode { font-size:1.1em;} .controlPanel form.generateCode p { width:100%; } .box3 .content p.generateCode { margin:0.5em 0; width:100%; } #mainColumn .box3 .content p.generateCode .text { width:96%; } #mainColumn .fullWidthWrapper .box3 .content p.generateCode .text { width:35%; } .box3 .content .submit:last-child { margin-bottom:0; } /* .box4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .box4 { } .box4 .tabs, .box4 .tabs li, .tabs, .tabs li { margin:0; padding:0; list-style-position:outside; list-style:none; } .box4 .tabs, .tabs { padding-left:0.8em; height:2.8em; position:relative; z-index:35; } .tabs.border { border-bottom:0.1em solid #D7D2C7; padding-left:0; } .box4 .tabs li, .tabs li { display:inline; float:left; width:13.3em; height:2.8em; line-height:3.3em; text-align:center; background:url(http://static.meet4less.co.uk/img/tab_notactive.gif) no-repeat bottom center; margin-right:0.7em; } .box4.latestVisitorsList .tabs li { width:10.3em; margin-right:0.7em; background:url(http://static.meet4less.co.uk/img/tab3_notactive.gif) no-repeat bottom center; } .box4 .tabs li.warning { background:url(http://static.meet4less.co.uk/img/tab2_notactive.gif) no-repeat bottom center; } .box4.latestVisitorsList .tabs li.warning { background:url(http://static.meet4less.co.uk/img/tab4_notactive.gif) no-repeat bottom center; } .box4 .tabs li.last-child, .tabs li.last-child { margin-right:0; } .box4 .tabs li.active, .tabs li.active { background:url(http://static.meet4less.co.uk/img/tab_active.gif) no-repeat bottom left; line-height:2.9em; height:2.9em; margin-bottom:-0.1em; } .box4.latestVisitorsList .tabs li.active { background:url(http://static.meet4less.co.uk/img/tab3_active.gif) no-repeat bottom left; } .box4 .tabs li.active.warning, .tabs li.active.warning { background:url(http://static.meet4less.co.uk/img/tab2_active.gif) no-repeat bottom left; } .box4.latestVisitorsList .tabs li.active.warning { background:url(http://static.meet4less.co.uk/img/tab4_active.gif) no-repeat bottom left; } .box4 .tabs li a, .tabs li a { font-size:1.1em; font-weight:bold; color:#3c3a34; } .box4 .tabs li a:hover, .tabs li a:hover { color:#A40607; } .boxList { background:url(http://static.meet4less.co.uk/img/box4_bg_bottom.gif) no-repeat bottom center; margin-bottom:2em; padding-bottom:2em; } .boxList.noBgBottom { background:none; } .latestVisitorsList .boxList { min-height:25em; } .boxList .gold { font-weight:bold; } .boxList ul, .boxList li { margin:0; padding:0; list-style-position:outside; list-style:none; } .boxList .boxListBG { background:url(http://static.meet4less.co.uk/img/box4_bg_top.gif) no-repeat top center; } .boxList .boxListTopText { padding:2em 2em 0em 2em; margin-bottom:0; } .boxList ul { background:url(http://static.meet4less.co.uk/img/box4_bg_top.gif) no-repeat top center; /*min-height:23em;*/ padding:3em 2em 0em 2em; } #latestContent .boxList ul { min-height:8em; } .boxList ul.noBG { background:none; } .boxList ul.small { min-height:12em; } #infoColumn .boxList ul { min-height:0; padding:0; } .boxList ul li { min-height:3.9em; line-height:3.9em; padding:0.4em 21em 0.3em 0.2em !important; border-bottom:0.1em solid #d8d8d8; position:relative; } .boxList.tiny ul li { height:1.6em; min-height:0; line-height:1.6em; } .boxList.tiny2 ul li { min-height:1.6em; line-height:1.6em; } #infoColumn .boxList ul li { padding:0.4em 0.2em 0.3em 0.2em !important; } .boxList ul li:first-child { border-top:0.1em solid #d8d8d8; } .boxList ul li .photo, .photo { display:inline; float:left; overflow:hidden; /*background:url(http://static.meet4less.co.uk/img/photo_small_empty.jpg) no-repeat center; */width:3.6em; height:3.6em; border:0.1em solid #d8d8d8; margin-right:1.5em; position:relative; margin-left:0.1em; background-color:#fff; } .even { background-color:#f5f5f5; } .odd { } .photo a.online { display:none; } .boxList .online .online, .online .online, .online .photo a.online { display:block; width:0.9em; height:0.9em; position:absolute; top:2.5em; left:2.5em; background:url(http://static.meet4less.co.uk/img/ico_online_status.gif) no-repeat right bottom; } .boxList .halfOnline .online, .halfOnline .online, .halfOnline .photo a.online { display:block; width:0.9em; height:0.9em; position:absolute; top:2.5em; left:2.5em; background:url(http://static.meet4less.co.uk/img/ico_halfonline_status.gif) no-repeat right bottom; } .boxList ul li .photo img, .boxList ul li .photo a, .photo img, .photo a { width:3.6em; height:3.6em; display:block; } .photo img, .boxList ul li .photo img { width:auto; height:auto; } .boxList ul li p { line-height:1.65em; margin:0; } .boxList ul li p.marginBottom { margin-bottom:1em;; } #infoColumn .boxList ul li p { display:inline; float:left; width:70%; } #infoColumn .boxList.tiny ul li p { line-height:1.35em; display:block; float:none; padding:0 0.85em 0 0.85em; width:auto; } .boxList ul li p .red { font-weight:bold; } .boxList .icoContainer { width:20em; height:3em; margin-top:0.4em; padding-top:0.6em; } .boxList.tiny2 .icoContainer { height:1.6em; margin-top:0; padding-top:0; } .latestWinksList .boxList .icoContainer { position:absolute; top:0; right:1em; } #infoColumn .boxList .icoContainer { width:auto; height:1.5em; position:static; padding-top:0.3em; display:inline; float:left; } .boxList .icoContainer a { background-color:#fff; border:0.1em solid #d8d8d8; display:inline; float:right; padding:0 0.6em 0 2.6em; margin-left:0.5em; height:2.4em; line-height:2.4em; color:#64615b; background-position:0.5em 0.5em; background-repeat:no-repeat; } #infoColumn .boxList .icoContainer a { background-color:transparent; border:none; padding:0 0.6em 0 2.1em; margin-right:0.5em; margin-left:0; height:1.5em; line-height:1.5em; background-position:0em 0; } .boxList .icoContainer a:hover { color:#A40607; background-position:0.5em -2.1em; } .boxList .icoContainer .chat { background-image:url(http://static.meet4less.co.uk/img/ico_chat_chat.gif); padding-left:2.5em; } .boxList .icoContainer .chat span, .boxList .icoContainer .message span, .boxList .icoContainer .wink span, .boxList .icoContainer .close span, .boxList .icoContainer .ban span { margin-left:0.4em; } .boxList .icoContainer .message { background-image:url(http://static.meet4less.co.uk/img/ico_message.gif); padding-left:2.1em; background-position:0.5em 0.6em; } #infoColumn .boxList .icoContainer .message { padding-left:2.3em; background-position:0em 0.2em; } .boxList .icoContainer .message:hover { background-position:0.5em -2.3em; } .boxList .icoContainer .wink { background-image:url(http://static.meet4less.co.uk/img/ico_chat_emo.gif); padding-left:2.2em; margin-right:0; } .boxList .icoContainer .wink:hover { background-position:0.5em -2.1em; } .boxList .icoContainer .close { background-image:url(http://static.meet4less.co.uk/img/ico_close.gif); padding-left:2em; background-position:0.5em 0.4em; } .boxList .icoContainer .close:hover { background-position:0.5em -2em; } .boxList .icoContainer .access { background-image:url(http://static.meet4less.co.uk/img/ico_lock.gif); padding-left:2em; background-position:0.5em 0.4em; } .boxList .icoContainer .access:hover { background-position:0.5em -2em; } .boxList .icoContainer .ban { background-image:url(http://static.meet4less.co.uk/img/ico_ban.gif); padding-left:2em; background-position:0.5em 0.4em; } .boxList .icoContainer .ban:hover { background-position:0.5em -2em; } .boxList .icoContainer .fav { background-image:url(http://static.meet4less.co.uk/img/ico_fav.gif); padding-left:2em; background-position:0.5em 0.4em; } .boxList .icoContainer .fav:hover { background-position:0.5em -2em; } .boxList .icoContainer .makeNote { background-image:url(http://static.meet4less.co.uk/img/ico_note_big.gif); padding-left:2em; background-position:0.5em 0.4em; } .boxList .icoContainer .makeNote:hover { background-position:0.5em -4em; } .boxList .icoContainer .info { background-image:url(http://static.meet4less.co.uk/img/ico_info.gif); padding-left:2em; background-position:0.5em 0.4em; } .boxList .icoContainer .info:hover { background-position:0.5em -4em; } .boxList .icoContainer .gallery { background-image:url(http://static.meet4less.co.uk/img/ico_gallery.gif); padding-left:2em; background-position:0.5em 0.4em; } .boxList .icoContainer .video { background-image:url(http://static.meet4less.co.uk/img/ico_video.gif); padding-left:2em; background-position:0.5em 0.4em; } .boxList .icoContainer .blog { background-image:url(http://static.meet4less.co.uk/img/ico_note2.gif); padding-left:2em; background-position:0.5em 0.4em; } .boxList .icoContainer .setAccess {background-image:url(http://static.meet4less.co.uk/img/ico_lock.gif); padding-left:2em; background-position: 0.5em 0.5em; } .boxList .icoContainer .setAccess:hover { background-position:0.5em -2em; } .boxList .icoContainer .more { background-image:url(http://static.meet4less.co.uk/img/ico_chat_more2.gif); background-color:#fff; border:0.1em solid #d8d8d8; display:inline; float:right; padding:0 0.6em 0 2.6em; margin-left:0.5em; height:2.4em; line-height:2.4em; color:#64615b; background-position:0.5em 0.5em; background-repeat:no-repeat; } #infoColumn .boxList .icoContainer .more { background-color:transparent; border:none;padding:0 0.6em 0 2.1em; margin-left:0em; height:1.5em; line-height:1.5em; background-position:0em 0em; } .boxList .icoContainer .more:hover { background-position:0.5em -2.2em; color:#A40607; } .boxList .icoContainer .more ul li .ico.wink { background-position:0em 0.1em; } .boxList .icoContainer .more ul li .ico.wink:hover { background-position:0em -2.5em; } .boxList .icoContainer .more ul li .ico.message { background-position:0em 0.3em; } .boxList .icoContainer .more ul li .ico.message:hover { background-position:0em -2.6em; } .boxList .lat_v_description {margin-left:4.8em;} .boxList ul .placeholder { background:url(http://static.meet4less.co.uk/img/placeholder_line.gif) no-repeat left bottom; min-height:6em; text-align:right; padding-right:1em !important; } .boxList .placeholder p { text-align:right; line-height:5em; } .boxList .placeholder p strong { font-size:1.3em; } .searchResults .boxList .icoContainer { position:relative; width:auto; } .searchResults .boxList { background:none; } .searchResults .boxList .icoContainer { padding-top:0; top:0.2em; height:auto; right:0; } .searchResults .boxList .icoContainer a:hover { background-position:0.5em 0.4em; } /* Box4 more menu - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .boxList .icoContainer .more { position:relative; } .boxList .icoContainer .more a, #infoColumn .boxList .icoContainer .more a { float:none; padding:0; margin:0; border:none; } .boxList .icoContainer .more ul { display:none; position:absolute; top:1.8em; left:0.5em; margin:0; padding:1em 0.5em 0em 0.5em; background:url(http://static.meet4less.co.uk/img/ico_chat_wrapper_bg.gif) repeat-x top #fff; border:0.1em solid #c5bfae; width:16em; height:auto; min-height:0; _height:100px; } #infoColumn .boxList .icoContainer .more ul { top:1.3em; left:0em; padding-top:0.4em; padding-left:0.4em; z-index:10; } .boxList .icoContainer .more:hover ul { display:block; z-index:1001; } .boxList .icoContainer .more ul li { display:block; width:100%; height:auto; line-height:normal; min-height:1.6em; line-height:1.6em; margin-bottom:1em; border-bottom:none; padding:0 !important; } #infoColumn .boxList .icoContainer .more ul li { margin-bottom:0.7em; } .boxList .icoContainer .more ul li:first-child { border-top:none; } .boxList .icoContainer .more ul li a, .boxList .icoContainer .more ul li .ico { display:inline; float:left; } .boxList .icoContainer .more ul li a { height:100%; background-color:transparent; line-height:1.6em; }; .boxList .icoContainer .more ul li a span { } .more ul li a, .boxList .icoContainer .more ul li .ico { height:1.6em; width:auto; padding-left:2.3em; background-position: left top; } #infoColumn .boxList .icoContainer .more ul li a { padding-left:2.3em; height:1.6em; line-height:1.6em; display:block; } .boxList .icoContainer .more ul li .ico:hover { background-position:left bottom; } .boxList ul li.fav .fav, .boxList ul li.note .note, .boxList ul li.friend .friend { display:inline; float:left; width:1em; height:1.6em; margin-right:0.4em; cursor:pointer; } .boxList ul li.fav .fav.right, .boxList ul li.note .note.right, .boxList ul li.friend .friend.right { display:inline; float:right; } .boxList ul li.fav .fav{ background:url(http://static.meet4less.co.uk/img/ico_chat_fav_small.gif) no-repeat center; } .boxList ul li.note .note { background:url(http://static.meet4less.co.uk/img/ico_note.gif) no-repeat center; } .boxList ul li.friend .friend { background:url(http://static.meet4less.co.uk/img/ico_chat_friend_small.gif) no-repeat center; } .boxList .fav .fav, .boxList .note .note, .boxList .friend .friend { display:inline; float:left; width:1em; height:1.8em; margin-left:0.4em; cursor:pointer; } .boxList .fav .fav{ background:url(http://static.meet4less.co.uk/img/ico_chat_fav_small.gif) no-repeat center; } .boxList .note .note { background:url(http://static.meet4less.co.uk/img/ico_note.gif) no-repeat center; } .boxList .friend .friend { background:url(http://static.meet4less.co.uk/img/ico_chat_friend_small.gif) no-repeat center; } .userList .fav .fav, .userList .note .note, .userList .friend .friend { display:inline; float:left; width:1em; height:1.8em; margin-left:0.4em; cursor:pointer; } .userList .fav .fav{ background:url(http://static.meet4less.co.uk/img/ico_chat_fav_small.gif) no-repeat center; } .userList .note .note { background:url(http://static.meet4less.co.uk/img/ico_note.gif) no-repeat center; } .userList .friend .friend { background:url(http://static.meet4less.co.uk/img/ico_chat_friend_small.gif) no-repeat center; } /* Blog List fix - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .boxBlogList { background: none; margin-bottom:2em; } .boxBlogList ul { background: none; padding: 0em; } .boxBlogList ul li { padding:0.4em 1em 0.3em 0.2em !important; } .boxList.boxBlogList ul li p { line-height:3.2em; height:3.2em; } .boxList.tiny2 ul li p { line-height:1.6em; height:1.6em; } .boxList.boxBlogList ul li p.title { width:48%; overflow:hidden; line-height:1.6em; display:inline; float:left; margin-right:1em; } .boxList.clubsList ul li p.title { width:42%; margin-left:0.5em; } .boxList.boxBlogList .name { font-size:0.9em; } .boxList.boxBlogList .name a { color:#64615b; } .boxList.boxBlogList .name a:hover { color:#A40607; } .boxList.boxBlogList ul li p.date { width:20%; display:inline; float:left; overflow:hidden; } .boxList.boxBlogList .icoContainer { width:auto; } .boxList.boxStoriesList .icoContainer { width:8em; } .boxBlogList ul li.listHeader { font-size:1.2em; background:url(http://static.meet4less.co.uk/img/box_header_grad02_bg.gif) repeat-x center bottom; } .boxBlogList .listLink { display: block; } div.blogCalendarWrapper { display:inline; float:right; } .blogCalendar .boxList { _height:5em; min-height:5em; background:url(http://static.meet4less.co.uk/img/ajax_loader.gif) no-repeat center; margin-bottom:0; padding-bottom:0; } .blogCalendar .submit.years { cursor:default; position:relative; background:#f9f5ec; border:0.1em solid #dad7ce; } .blogCalendar .years:hover span { color:#615d54; } .blogCalendar .years .ico_arrow_left { display:block; width:3em; height:0.75em; position:absolute; left:1em; top:0.5em; background:url(http://static.meet4less.co.uk/img/ico_arrow_left.gif) no-repeat top left; } .blogCalendar .years .ico_arrow_right { display:block; width:3em; height:0.75em; position:absolute; right:1em; top:0.5em; background:url(http://static.meet4less.co.uk/img/ico_arrow_right.gif) no-repeat top right; } .blogCalendar .years .ico_arrow_left:hover { background-position:bottom left; } .blogCalendar .years .ico_arrow_right:hover { background-position:bottom right; } .box.headerInside .blogCalendar .content { padding-top:0; } .blogCalendar .boxList ul { background:#fff; min-height:4em; padding:0; } .blogCalendar .boxList ul li { padding:0.5em 0.2em 0.5em 0.2em !important; border-bottom:0.1em solid #dad7ce; } .blogCalendar .boxList ul li:first-child { border-top:none; } .blogCalendar .boxList ul li p { } .blogCalendar .calendarLink { font-weight:bold; } /* Email content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .boxList .content { padding:1em 3em 2em; } .boxList .commentsBox .content { padding:1em 0 0 0; } /* BLOGS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .blogPost { margin-bottom:3em; } .blogPostImages { display:inline; float:right; text-align:right; } .blogPostImages a { margin-left:1em; } .blogPostImages img { margin-bottom:1em; } .row.odd { background-color:#f5f5f5; border:0.1em solid #D8D8D8; border-left:0.1em; border-right:0.1em; line-height:2.3em; padding:0 1.5em; } .icoArrow { line-height:2.3em; background:url(http://static.meet4less.co.uk/img/ico_arrow.gif) no-repeat right center; display:inline; float:left; font-weight:bold; padding-right:1.5em; margin-right:2em; } .icoArrowUp2 { line-height:2.3em; background:url(http://static.meet4less.co.uk/img/ico_arrow_up.gif) no-repeat right center; display:inline; float:left; font-weight:bold; padding-right:1.5em; margin-right:0em; } .icoArrowReversed { line-height:2.3em; background:url(http://static.meet4less.co.uk/img/ico_arrow_reversed.gif) no-repeat left center; display:inline; float:left; font-weight:bold; padding-left:1.5em; margin-right:2em; } .icoArrowUp { line-height:2.3em; background:url(http://static.meet4less.co.uk/img/ico_arrow_up.gif) no-repeat top center; font-weight:bold; padding-top:0.5em; text-align:center; } .list .icoArrow { line-height:1.35em; display:block; float:none; font-weight:bold; padding-right:0; margin-right:0em; color:#615d54; } .list .icoArrow:hover { color:#CE0102; } .icoArrow.right { float:right; margin-right:0; } .photoPage .icoArrow, .photoPage .icoArrowReversed { margin-top:0.5em; } .photoPage .icoArrowUp { display:block; width:19em; margin:0 auto; } .icoAbuse { line-height:2.3em; background:url(http://static.meet4less.co.uk/img/ico_abuse_small.png) no-repeat right center; display:inline; float:left; font-weight:bold; padding-right:2em; margin-right:0em; } .blogInfo { line-height:3.85em; } .row.images { padding:0.5em 1em; } .row.images img, .row.images p { display:inline; float:left; } .row.images a, .row.images p { line-height:6em; margin:0; font-size:1em; } .row.images img { margin-right:2em;} form .row p { width:auto; } .blogImageList { margin-top:3em; margin-bottom:2em; } .comment { margin-top:2em; } .comment .top { _height:2.1em; min-height:2.1em; margin-bottom:-0.1em; padding-left:8em; background:url(http://static.meet4less.co.uk/img/blog_comment_box_tail.gif) no-repeat 3.5em 0; } .comment.deleted .top { background-image:url(http://static.meet4less.co.uk/img/blog_comment_del_box_tail.gif); } .comment .top p { margin-bottom:0; line-height:1.4em; font-size:1.1em; } .comment .top .icoArrow { line-height:1.5em; margin-right:1em; } .comment .top .commentDeleted { margin-right:1em; font-size:1em; } .comment .content { background:url(http://static.meet4less.co.uk/img/blog_comment_box.gif) no-repeat top center; padding-top:2em; } .comment.deleted .content { background-image:url(http://static.meet4less.co.uk/img/blog_comment_del_box.gif); } .comment .content p { background:url(http://static.meet4less.co.uk/img/blog_comment_box.gif) no-repeat bottom center; padding:0 2em 2em 2em; font-size:1.1em; margin-bottom:0; } .comment.deleted .content p { background-image:url(http://static.meet4less.co.uk/img/blog_comment_del_box.gif); } .activityStream .comment { width:24.9em; display:inline; float:right; margin-bottom:1em; margin-top:0; padding-right:12.6em; } .activityStream .comment .top { padding-left:7em; position:relative; } .activityStream .comment .top p { font-size:1em; } .activityStream .comment .top p a { font-size:1em; } .activityStream .content { background:url(http://static.meet4less.co.uk/img/as_comment_box.gif) no-repeat top center; padding-top:1em; } .activityStream .comment .content p { background-image:url(http://static.meet4less.co.uk/img/as_comment_box.gif); padding:0 3em 1.2em 1em; line-height:1em; margin-top:0.4em; } /* .header - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .header { background:url(http://static.meet4less.co.uk/img/header_bg.gif) no-repeat left top; display:block; font-size:1.8em; height:1.8em; line-height:1.8em; padding-left:1.15em; color:#615d54; margin-top:1em; position:relative; } .header span { height:100%; display:block; background:url(http://static.meet4less.co.uk/img/header_bg.gif) no-repeat right top; padding-right:1.15em; } .header.ico span { padding-left:3.2em; } .header span span, .header.ico span span { display:block; position:absolute; top:0; right:0; background:url(http://static.meet4less.co.uk/img/header_button.gif) no-repeat left top; padding-left:0.6em; padding-right:0; min-width:1em; } .header span span span, .header.ico span span span { position:relative; background:url(http://static.meet4less.co.uk/img/header_button.gif) no-repeat right top; padding:0 0.6em 0 0; } .header span span a { display:block; height:100%; font-size:0.6em; font-weight:bold; padding-right:1.5em; background:url(http://static.meet4less.co.uk/img/ico_arrow.gif) no-repeat right center; } .header.ico .ico_visitors { background:url(http://static.meet4less.co.uk/img/ico_header_visitors.gif) no-repeat top left; width:3.25em; height:2.85em; position:absolute; top:-0.7em; left:0.55em; } .header.ico .ico_news { background:url(http://static.meet4less.co.uk/img/ico_header_news.gif) no-repeat top left; width:2.65em; height:2.65em; position:absolute; top:-0.5em; left:0.8em; } .header.ico .ico_forums { background:url(http://static.meet4less.co.uk/img/ico_header_forums.gif) no-repeat top left; width:3em; height:2.9em; position:absolute; top:-0.65em; left:0.8em; } .header.ico .ico_blogs { background:url(http://static.meet4less.co.uk/img/ico_header_blogs.gif) no-repeat top left; width:2.4em; height:2.7em; position:absolute; top:-0.55em; left:0.9em; } .header.ico .ico_stories { background:url(http://static.meet4less.co.uk/img/ico_header_stories.gif) no-repeat top left; width:2.35em; height:2.15em; position:absolute; top:-0.4em; left:1.1em; } .header.ico .ico_photos_organize { background:url(http://static.meet4less.co.uk/img/ico_header_gallery_organize.gif) no-repeat top left; width:2.55em; height:2.75em; position:absolute; top:-0.55em; left:0.9em; } .header.ico .ico_photos_upload { background:url(http://static.meet4less.co.uk/img/ico_header_gallery_upload.gif) no-repeat top left; width:2.35em; height:2.15em; position:absolute; top:-0.55em; left:0.9em; } .header.ico .ico_videos_organize { background:url(http://static.meet4less.co.uk/img/ico_header_video_organize.gif) no-repeat top left; width:2.55em; height:2.75em; position:absolute; top:-0.55em; left:0.9em; } .header.ico .ico_videos_upload { background:url(http://static.meet4less.co.uk/img/ico_header_video_upload.gif) no-repeat top left; width:2.15em; height:2.35em; position:absolute; top:-0.35em; left:0.9em; } .header.ico .ico_about { background:url(http://static.meet4less.co.uk/img/ico_header_about_us.gif) no-repeat top left; width:3.25em; height:2.85em; position:absolute; top:-0.7em; left:0.55em; } .header.ico .ico_feedback { background:url(http://static.meet4less.co.uk/img/ico_header_feedback.gif) no-repeat top left; width:2.35em; height:2.55em; position:absolute; top:-0.35em; left:0.9em; } .header.ico .ico_search { background:url(http://static.meet4less.co.uk/img/ico_header_search.gif) no-repeat top left; width:2.7em; height:2.7em; position:absolute; top:-0.85em; left:0.8em; } .header.ico .ico_login { background:url(http://static.meet4less.co.uk/img/ico_header_login.gif) no-repeat top left; width:2.1em; height:2.7em; position:absolute; top:-0.7em; left:1.1em; } .header.ico .ico_contact_us { background:url(http://static.meet4less.co.uk/img/ico_header_contact.gif) no-repeat top left; width:2.8em; height:2.5em; position:absolute; top:-0.45em; left:1em; } .header.ico .ico_pass { background:url(http://static.meet4less.co.uk/img/ico_header_pass.gif) no-repeat top left; width:2.65em; height:2.7em; position:absolute; top:-0.65em; left:0.9em; } .header.ico .ico_as { background:url(http://static.meet4less.co.uk/img/ico_header_star.gif) no-repeat top left; width:2.45em; height:2.65em; position:absolute; top:-0.9em; left:0.9em; } .header.ico .ico_notes { background:url(http://static.meet4less.co.uk/img/ico_header_notes.gif) no-repeat top left; width:2em; height:2em; position:absolute; top:-0.2em; left:1.4em; } .header.ico .ico_clubs { background:url(http://static.meet4less.co.uk/img/ico_header_clubs.gif) no-repeat top left; width:2.25em; height:2.65em; position:absolute; top:-0.5em; left:1.2em; } .header.ico .ico_pricing { background:url(http://static.meet4less.co.uk/img/ico_header_pricing.gif) no-repeat top left; width:2.35em; height:2.4em; position:absolute; top:-0.35em; left:1.2em; } /* .lastVisitors - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .lastVisitors { display:inline; float:left; } .lastVisitors .placeholder { background:url(http://static.meet4less.co.uk/img/latest_visitors_bg.gif) no-repeat right bottom #EEEBE6;} .lastVisitors div { display:inline; float:left; background:#eeebe6; width:9.6em; margin-right:1em; padding:0.5em; min-height:19.5em; _height:19.5em; overflow:hidden; } .lastVisitors div:last-child, .lastVisitors div.last-child { margin-right:0; } .lastVisitors div:hover { background:#f8f4ea; } .lastVisitors div a { display:block; height:7.6em; margin-bottom:1.5em; } .lastVisitors div a img { margin:0 auto; display:block; padding:0.1em; border:0.1em solid #c4bba8; background:#fff; max-width:8.8em; max-height:7em; _width:8.8em; _height:7em;} .lastVisitors, .lastVisitors ul, .lastVisitors li { margin:0; padding:0; list-style-position:outside; list-style:none; } .lastVisitors { margin-top:2em; } .lastVisitors ul { margin:0 0.5em 0.5em 0.5em; } .lastVisitors ul li { font-size:1.1em; line-height:1.5em; } .lastVisitors ul li.name { width:6.3em; overflow:hidden; padding-right:1.5em; position:relative; } .lastVisitors ul li.name strong { width:6.3em; overflow:hidden; display:block; } .lastVisitors ul li a.arrow { font-weight:bold; padding-right:1.5em; background:url(http://static.meet4less.co.uk/img/ico_arrow.gif) no-repeat right center; height:1.5em; margin-bottom:0; } .lastVisitors ul li a.icoNote { cursor:pointer; display:inline; float:right; width:1em; height:1.5em; background:url(http://static.meet4less.co.uk/img/ico_note.gif) no-repeat center; padding:0; margin-bottom:0; margin-right:-1.5em; } #latestContent { /*min-height:37.4em; _height:37.4em; */ margin-bottom:2em; } .latestVisitorsContent, latestForumsContent, latestBlogsContent { width:57em; } #latestContent .boxList { padding-bottom:1em; } #latestContent .icoArrow { margin-top:0.5em; display:inline; float:right; font-size:1.1em; } .latestVisitorsContent .icoArrow { margin-right:0.9em; } .latestBlogsContent .icoArrow { margin-right:1.75em; } .latestForumsContent .icoArrow { margin-right:0.5em; } /* #Footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #footer { height:1.7em; background:url(http://static.meet4less.co.uk/img/bg_bottom.gif) repeat-x #d7c9ae; } #footer p { text-align:center; margin:0; padding:0; font-size:1em; line-height:1.7em; } #push { height: 1.7em; } /* SIGN-UP - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .signUp { z-index:0; position:relative; } .signUp .highlight form { margin-top:1em; margin-bottom:0.5em; } .signUp textarea { height:20em !important; } ul.signup, ul.signup li, ul.signup ul { display:block; margin:0; padding:0; list-style-position:outside; list-style:none; } ul.signup { width:108.5%; margin:1em 0 2.5em -1.9em; } #facebox ul.signup { width:99%; margin:0 0 2.5em 0; } #facebox .signup.tableHeader { margin-bottom:0; } .box .highlight ul.signup, .box .highlight ul.signup ul { margin-top:0; } .box .highlight ul.signup.tableHeader { margin-top:1em; } .box .highlight ul.signup.tableHeader li { margin-bottom:0; } ul.signup.tableHeader { margin-bottom:0; } .signup ul li { border-top:0.1em solid #cbc4b9; margin-bottom:0 !important; margin-top:-0.1em; } .signup ul li .slideMe { display:block; height:2em; line-height:2em; background-color:#f4e6d4; padding-left:2.5em; color:#534141; border-bottom:0.1em solid #cbc4b9; position:relative; } #facebox .signup ul li .slideMe { padding-left:1em; } .signup ul li .slideMe .label { min-width:15em; _width:15em; font-weight:bold; } .signup ul li .slideMe .smallButton { margin-top:0.3em; margin-left:1em; font-size:0.9em; } #facebox .signup ul li .slideMe .smallButton { margin-top:0.1em; font-size:1em; } .signup ul li .slideMe .minMaxIcon { width:22.5em; display:inline; float:right; cursor:pointer; } .signup ul li .slideMe .minMaxIcon span { display:inline; float:right; height:1.2em; width:1.2em; margin:0.3em 0.6em 0 0; background:url(http://static.meet4less.co.uk/img/header_ico_hide.gif) no-repeat right center; border:0.1em solid #988a78; cursor:pointer; } .signup ul li.hidden .slideMe .minMaxIcon span { background:url(http://static.meet4less.co.uk/img/header_ico_show.gif) no-repeat right center; } .signup ul li.hidden .signupTable { display:none; } .signUp #termsAndConditionsWrapper { margin-left:13.6em; } .signUp #termsAndConditionsWrapper a { text-decoration:underline; } #facebox .signup div { width:1.45em; height:1.45em; background:url(http://static.meet4less.co.uk/img/ico_check_off.gif) no-repeat left center; } #facebox .signup div.clear { width:auto; height:auto; background:none; } #facebox .signup div.radioSelected { background:url(http://static.meet4less.co.uk/img/ico_check_on.gif) no-repeat left center; width:1.45em; height:1.45em; } #facebox .box .highlight { border:none; margin-bottom:0; padding:0; } table.signupTable { margin-bottom:0; } #facebox table.signupTable { } /*#facebox table.signupTable thead { display:none; } */ #facebox table.signupTable tbody td { } .signupTable thead { } .signupTable thead th { background-color:#faf6f6; color:#cb0102; text-transform:uppercase; padding-left:4.55em; border-bottom:0.1em solid #ddd8d8;} .tableHeader .signupTable thead th { background:none; border:none; } .signupTable tbody { } .signupTable tbody tr.selectAll { min-height:1%; _height:1%; position:relative; } .signupTable tbody th { width:42%; padding-left:4.55em; background-color:#faf6f6; font-weight:normal; border-bottom:0.1em solid #ddd8d8; } #facebox .signupTable tbody th { padding-left:1em; font-size:0.9em; line-height:1.3em; } .signupTable tbody .selectAll th { font-weight:bold; background-color:#f9f5eb; } #facebox .signupTable tbody .selectAll th { line-height:1.8em; } .tableHeader .signupTable tbody th { background:none; font-weight:normal; border:none; } .signupTable tbody td { border-bottom:0.1em solid #ddd8d8; } .signupTable tbody td input { margin:0 auto; } .signupTable tbody td .jRadioWrapper { margin:0 auto; } .signupTable tbody td .center { width:1.1em; height:1.3em; min-height:1%; _height:1%; position:relative; } .signupTable tbody .selectAll td .center { width:1.7em; height:1.7em; min-height:1%; _height:1%; position:relative; } .signupTable tbody td.nn, .signupTable thead td.nn { text-align: center; } .signupTable tbody td.nn.textAlignLeft, .signupTable thead td.nn.textAlignLeft { text-align: left; } .signupTable.tableHeader tbody td.nn { font-size:0.8em; padding:0; width:5em; position:relative; } .signupTable.tableHeader thead td.nn { width:auto; } .signupTable.tableHeader thead td.nn strong { font-size:1.1em; } .signupTable.tableHeader tbody .selectAll td.nn { padding:0.5em 1em 0.9em 0.3em; text-align:center; background-color:#f9f5eb; } #facebox .signupTable.tableHeader tbody .selectAll td.nn { padding:0.4em 1.5em 0.4em 0.5em; } .signupTable tbody td.nn, .signupTable thead td.nn { border-left:0.1em solid #cccccc; border-bottom:0.1em solid #DDD8D8; } .signupTable tbody td.nnmale1, .signupTable thead td.nnmale1 { background-color:#eef3fa; border-left:0.1em solid #cccccc; border-bottom:0.1em solid #DDD8D8; } .signupTable tbody td.nnmale2, .signupTable thead td.nnmale2 { background-color:#dce9f9; border-left:0.1em solid #cccccc; border-bottom:0.1em solid #DDD8D8; } .signupTable tbody td.nnfemale1, .signupTable thead td.nnfemale1 { background-color:#faecfb; border-left:0.1em solid #cccccc; border-bottom:0.1em solid #DDD8D8; } .signupTable tbody td.nnfemale2, .signupTable thead td.nnfemale2 { background-color:#fadcfb; border-left:0.1em solid #cccccc; border-bottom:0.1em solid #DDD8D8; } .signupTable tbody .selectAll td.nnmale1 { background-color:#dae7fa; } .signupTable tbody .selectAll td.nnmale2 { background-color:#c6ddf9; } .signupTable tbody .selectAll td.nnfemale1 { background-color:#fadbfb; } .signupTable tbody .selectAll td.nnfemale2 { background-color:#f9cafb; } .signupTable thead .selectAll td.nn { background-color:#d3d0d0; } .tableHeader .signupTable thead td { border-top:0.1em solid #ddd8d8; border-bottom:0.1em solid #ddd8d8; } .tableHeader .signupTable thead td, .tableHeader .signupTable tbody td { font-weight:bold; text-align:center; font-size:0.9em; padding-right:0.3em; padding-left:0.3em; } .tableHeader .signupTable tbody td.nn { min-width:3.95em; _width:3.95em; } .breadcrumb, .breadcrumb li { margin:0; padding:0; list-style-position:outside; list-style:none; } .breadcrumb { margin-bottom:2em; min-height:2em; _height:2em; } .breadcrumb li { float:left; line-height:1.8em; margin-right:0.8em; font-size:1.2em; } .breadcrumb li a { } .breadcrumb li a:hover, .breadcrumb li a.active { } .breadcrumb.signupBreadcrumb { height:3.5em; background:url(http://static.meet4less.co.uk/img/breadcrumb_bg.gif) no-repeat left center; margin-bottom:3em; padding-left:2.5em; } .breadcrumb.signupBreadcrumb li { color:#efb8b8; margin:0; margin-left:0.5em; margin-right:1.7em; line-height:2.9em; font-weight:bold; list-style:disc; list-style-position:inside; } .breadcrumb.signupBreadcrumb li:hover { color:#fff; } .breadcrumb.signupBreadcrumb li a { color:#efb9b9; } .breadcrumb.signupBreadcrumb li a:hover { color:#fff; } .breadcrumb.signupBreadcrumb li.active { background:url(http://static.meet4less.co.uk/img/breadcrumb_separator.gif) no-repeat left center; padding-left:2.5em; } .breadcrumb.signupBreadcrumb li.active a { color:#fff; } .highlight .warning { display:block; height:3em; font-size:1.6em !important; font-weight:bold; line-height:2.7em; padding-left:3.5em; background:url(http://static.meet4less.co.uk/img/ico_fwd.gif) no-repeat top left; margin-bottom:0.5em; } .swingingClub { margin-top:1em; } .swingingClub select, .wide .swingingClub select { margin-left:1em; width:50%; } .swingingClub .text { height:1.1em; } #signup_finish_left { float:left; width:110px; height:400px; margin-top:20px;} #signup_finish_rigth { float:left; width:400px; margin-top:20px;} .signUp.step1 { margin-bottom:6em; } /* GALLERY - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .galleryDefaultImages, .galleryDefaultImages li { margin:0; padding:0; list-style-position:outside; list-style:none; } .galleryDefaultImages { margin:3em 0; } .galleryDefaultImages li { width:17em; display:inline; float:left; margin-left:2.9em; position:relative; } .galleryDefaultImages li:first-child, .galleryDefaultImages li.first-child { margin-left:0; } .galleryDefaultImages p { margin-bottom:0.3em; font-weight:bold; } .galleryDefaultImages .imageDefault { width:17em; height:11.1em; padding-top:1em; background:url(http://static.meet4less.co.uk/img/gallery_img_default.gif) no-repeat center; } .galleryDefaultImages .imageDefault img, .galleryDefaultImages .imageP1 img, .galleryDefaultImages .imageP2 img { margin:0 auto; display:block; } .galleryDefaultImages .imageP1 { width:17em; height:11.1em; padding-top:1em; background:url(http://static.meet4less.co.uk/img/gallery_img_person1.gif) no-repeat center; } .galleryDefaultImages .imageP2 { width:17em; height:11.1em; padding-top:1em; background:url(http://static.meet4less.co.uk/img/gallery_img_person2.gif) no-repeat center; } .boxList.galleryOrganise ul { padding-left:2em; padding-right:1em; min-height:12em; } .boxList.galleryOrganise ul.niceList2 { background:none; padding:0 3em 0 1em; min-height:0; } .boxList.galleryOrganise ul li:first-child { border-top:0; } .boxList.galleryOrganise li { display:inline; float:left; height:auto; line-height:1.5em; padding:0 !important; border-bottom:0; position:relative; background:url(http://static.meet4less.co.uk/img/gallery_img_bg.gif) no-repeat left top; width:17em; margin-right:1em; margin-bottom:1em; padding-top:1em !important; overflow:hidden; } .boxList.galleryOrganise .niceList2 li { display:block; float:none; background:url(http://static.meet4less.co.uk/img/ico_list.gif) no-repeat scroll left 0.55em; padding:0 !important; padding-left:1.7em !important; width:auto; margin-right:0; overflow: visible; font-size:1.2em; } .galleryOrganise li .content { background:url(http://static.meet4less.co.uk/img/gallery_img_bg.gif) no-repeat left bottom; position:relative; _height:13.5em; min-height:13.1em; padding:0 0.8em 1em 0.8em; } .galleryOrganise li .content p { margin:0.2em 0 0.6em 0; } .galleryOrganise form p { font-size:1.2em; } .galleryOrganise li .content a.pic { display:block; } .galleryOrganise li .content .pic img { border:0.1em solid #c3c1c1; margin:0 auto; display:block; } .galleryOrganise li .content .toolbar { position:absolute; display:none; bottom:0.1em; left:0.1em; width:16.8em; height:4.5em; background:#fff; opacity:0.9; filter: alpha(opacity = 90); } .galleryOrganise li .content:hover .toolbar { display:block; } .galleryOrganise li .content .toolbar .picFirst { display:block; width:1.6em; height:1.6em; background:url(http://static.meet4less.co.uk/img/ico_pic_first.gif) no-repeat center; position:absolute; top:0.5em; left:1.4em; } .galleryOrganise li .content .toolbar .picLast { display:block; width:1.6em; height:1.6em; background:url(http://static.meet4less.co.uk/img/ico_pic_last.gif) no-repeat center; position:absolute; top:0.5em; left:3.3em; } .galleryOrganise li .content .toolbar .picPrev { display:block; width:1.6em; height:1.6em; background:url(http://static.meet4less.co.uk/img/ico_pic_prev.gif) no-repeat center; position:absolute; top:2.4em; left:1.4em; } .galleryOrganise li .content .toolbar .picNext { display:block; width:1.6em; height:1.6em; background:url(http://static.meet4less.co.uk/img/ico_pic_next.gif) no-repeat center; position:absolute; top:2.4em; left:3.3em; } .galleryOrganise li .content .toolbar .picRemove { display:block; width:2.3em; height:2.3em; background:url(http://static.meet4less.co.uk/img/ico_pic_remove.gif) no-repeat center; position:absolute; top:1.1em; left:6.5em; } .galleryOrganise li .content .toolbar .picSettings { display:block; width:2.3em; height:2.3em; background:url(http://static.meet4less.co.uk/img/ico_pic_settings.gif) no-repeat center; position:absolute; top:1.1em; left:9.5em; } .galleryOrganise li .content .toolbar .picAccess { display:block; width:2.3em; height:2.3em; background:url(http://static.meet4less.co.uk/img/ico_pic_access.gif) no-repeat center; position:absolute; top:1.1em; left:12.5em; } .exitFacebox { display:inline; float:right; font-size:1.2em; height:1.2em; line-height:1.2em; margin-bottom:0.4em; font-weight:bold; padding-right: 2em; background:url(http://static.meet4less.co.uk/img/ico_close3.gif) no-repeat right; } .boxList.galleryOrganise .submit { height:1.7em; line-height:1.7em; font-size:1em; } .boxList.galleryOrganise a.submit { height:1.6em; line-height:1.6em; } .fullPhoto { display:block; padding:0.4em; background-color:#fff; background-position:center; background-repeat:no-repeat; border:0.1em solid #D8D8D8; } .fullPhoto img { visibility:hidden; } /* Smudge Image Pop-up - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .smudgePhoto .photoWrapper { width:57em; min-height:50.2em; _height:50.2em; position:relative; display:table; _display:inline; float:left; margin-right:2em; border:0.1em solid #D8D8D8; } .smudgePhoto .fullPhoto { vertical-align:middle; text-align:center; display:table-cell; border:none; } .smudgePhoto .fullPhoto img { visibility:visible; } .smudgePhoto .smudgeForms { display:inline; float:left; width:22.9em; } .wide .smudgeForms label { width:20%; min-width:5em; } #facebox .smudgeForms input.text, #facebox .smudgeForms select { width:73%; margin-right:0; } .smudgePhoto .box { display:inline; float:right; width:25.7em; } /* EMAILS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .boxList.clean { } .boxList.clean ul li { padding:0 !important; border:none; line-height:1.8em; height:auto; } .email .boxList ul li:first-child, .email .boxList ul li { border:none; } .boxList .buttons { border:0.1em solid #d3cab5; border-left:none; background-color:#f2f0f0; width:52.9em; display:inline; float:left; margin-bottom:1.8em; _height:2.8em; min-height:2.8em; } .boxList .buttons.noMargin { margin-bottom:0; } .boxList .buttons a { border-left:0.1em solid #d3cab5; padding:0.1em; display:inline; float:left; } .boxList .buttons a span { background-color:#f2f0f0; display:block; height:2.6em; line-height:2.6em; padding:0 1.5em 0 1.5em; } .boxList .buttons a.ico span { padding-left:3.5em; background-position: 1em 0.8em; background-repeat:no-repeat; color:#4c4c4c; font-weight:bold; } .boxList .buttons a.ico:hover span { background-position:1em -2.1em; color:#A40607;} .boxList .buttons .ico.newMail span { background-image:url(http://static.meet4less.co.uk/img/ico_message.gif); } .boxList .buttons .ico.deleteMail span { background-image:url(http://static.meet4less.co.uk/img/ico_cancel.gif); background-position:1em 0.6em; } .boxList .buttons a.deleteMail:hover span { background-position:1em -4em; } .boxList .buttons .ico.replyMail span { background-image:url(http://static.meet4less.co.uk/img/ico_mail_reply.gif); background-position:0.8em 0.4em; } .boxList .buttons a.replyMail:hover span { background-position:0.8em -3.8em; } .boxList .buttons .ico.fwdMail span { background-image:url(http://static.meet4less.co.uk/img/ico_mail_fwd.gif); background-position:0.8em 0.4em; } .boxList .buttons a.fwdMail:hover span { background-position:0.8em -3.8em; } .boxList .buttons .ico.printMail span { background-image:url(http://static.meet4less.co.uk/img/ico_print.gif); background-position:0.8em 0.5em; } .boxList .buttons a.printMail:hover span { background-position:0.8em -3.9em; } .boxList .buttons p { border-left:0.1em solid #d3cab5; padding-left:1em; display:inline; float:left; line-height:2.6em; font-size:1.1em; } .boxList .buttons p a { float:none; border:none; } .boxList .buttons .close { display:inline; float:right; border:none; padding:0; width:1.8em; height:1.8em; background:url(http://static.meet4less.co.uk/img/ico_close2.gif) no-repeat top; margin-top:0.5em; margin-right:1em; } .boxList .buttons .close:hover { background-position:bottom; } .email .message { display:block; padding:1em 1em 1.5em 1em; border:0.1em solid #d3cab5; border-top:none; min-height:12em; _height:12em; } .email .tableList .ico, .userList .ico { background-position:center; background-repeat:no-repeat; } .email .tableList .couplemale, .userList .couplemale { background-image:url(http://static.meet4less.co.uk/img/ico_couple_man.gif); } .email .tableList .couplefemale, .userList .couplefemale { background-image:url(http://static.meet4less.co.uk/img/ico_couple_woman.gif); } .email .tableList .couplehetero, .userList .couplehetero { background-image:url(http://static.meet4less.co.uk/img/ico_couple_hetero.gif); } .email .tableList .singlemale, .userList .singlemale { background-image:url(http://static.meet4less.co.uk/img/ico_single_man.gif); } .email .tableList .singlefemale, .userList .singlefemale { background-image:url(http://static.meet4less.co.uk/img/ico_single_woman.gif); } .email .legend .person { margin-right: 0.5em; float:left; } .email .legend .person.singleFemale { width:1.5em; height:1.7em; background-image:url(http://static.meet4less.co.uk/img/ico_single_woman.gif); } .email .legend .person.singleMale { width:1.5em; height:1.7em; background-image:url(http://static.meet4less.co.uk/img/ico_single_man.gif); } .email .legend .person.coupleHetero { width:2.2em; height:1.9em; background-image:url(http://static.meet4less.co.uk/img/ico_couple_hetero.gif); } .email .legend .person.coupleFemale { width:2.2em; height:1.8em; background-image:url(http://static.meet4less.co.uk/img/ico_couple_woman.gif); } .email .legend .person.coupleMale { width:2.2em; height:1.9em; background-image:url(http://static.meet4less.co.uk/img/ico_couple_man.gif); } .email .legend p { float:left;margin-right: 0.5em; } .email .legend .colorBox { margin-right: 0.5em; float:left; width:1.8em; height:1.8em; border:1px solid #9a9896; } .email .message .dateSmall { font-size:1em; } .newEmailHeader { background-color:#fafafa; border:0.1em solid #d5cdb9; border-bottom:none; min-height:2em; display:inline; float:left; width:52.8em; } .newEmailHeader .sendButton { background-color:#f9f7f1; padding:1em; border-right:0.1em solid #d5cdb9; display:inline; float:left; } .newEmailHeader .sendButton input { display:block; width:5.8em; height:5.6em; background:url(http://static.meet4less.co.uk/img/ico_send_mail.gif) no-repeat 1.4em 1.5em #fff; border:0.1em solid #d5cdb9; color:#4C4C4C; text-align:center; font-weight:bold; text-transform:uppercase; } .newEmailHeader .sendButton input:hover { color:#A40607; background-position:1.4em -4em; } .newEmailHeader .inputs { padding:1.5em 0 0 2em; display:inline; float:left; width:80%; } #mainColumn .newEmailHeader .inputs .text { margin-bottom:1em; width:70%; padding-left:0.5em; } .newEmailHeader .inputs label { width:6em; min-width:6.5em; padding-left:0.5em; height:1.7em; line-height:1.7em; background:url(http://static.meet4less.co.uk/img/form_label.gif) repeat-x bottom #efeded; border:0.1em solid #BEBCB9; border-right:none; } #mainColumn .email .boxList textarea { width:42.6em; height:20em; } .boxList ul li form p { line-height:1.65em; margin-bottom:1.5em; } .conversationList { } .boxList .mailProfile, .boxList .conversationList { margin-top:2em; } .boxList .conversationList ul, .boxList .mailProfile ul { padding-top:3em; } .boxList .conversationList ul li { padding:0.8em 1em 0.8em 5.6em !important; } .boxList .conversationList .photo { margin-left:-5em; margin-right:0; } .mailProfile .profilePhoto { margin-right:3em; } /* STORIES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .userInfo { margin-top:1em; } .userInfo h6 { color:#64615b; font-size:1.5em; } .userInfo a { font-weight:bold; } .userInfo .submit2 { display:inline; float:right; } .viewStories .icoArrow { line-height:1.8em; } /* CLUBS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .ratingBar { height:1.6em; white-space:nowrap; } .ratingBar .icoRStar { margin-left:0; margin-top:0; } .ratingBar .icoRStarHalf { margin-left:0; margin-top:0; } .ratingBar .icoRStarGrey { margin-left:0; margin-top:0; } .boxList.clubsList { margin-top:3em; } .boxList.clubsList ul li p.location { display:inline; float:left; overflow:hidden; width:22%; margin-right:1em; } .boxList.clubsList ul li p.reviews { display:inline; float:left; overflow:hidden; width:10%; text-align:center; } .boxList.clubsList ul li.listHeader p { display:inline; float:left; } .boxList.clubsList ul li.listHeader .titleHeader { width:42%; margin-left:0.5em; margin-right:0.8em; } .boxList.clubsList ul li.listHeader .locationHeader { width:22%; margin-right:0.8em; } .boxList.clubsList ul li.listHeader .reviewsHeader { width:10%; margin-right:2.3em; } .clubPage { } .clubPage .clubLogo { overflow:hidden; } .clubPage p { font-size:1.1em; } .clubPage ul { font-size:1.1em; line-height: 1.8em; } .clubPage .clubGallery { margin-top:1em; } .clubPage .clubGallery a { border:1px solid #d3d0ca; padding:0.2em; background-color:#f4f0e6; display:inline; float:left; margin-right:0.9em; margin-bottom:0.9em; } .clubPage .clubGallery a.noMarginRight { margin-right:0; } /* FORUM - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .searchForum { } .searchForum label.shortLabel { font-weight:normal; cursor:pointer; padding-left:0.3em; padding-right:0.5em; } .searchForum .jNiceWrapper.select { width:auto; margin-left:1em; } /* Page Numbers - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .pageNumbers { height:1.5em; margin:2em 0 1em 0; padding:0 2em; display:inline; float:right; } .pageNumbers a, .pageNumbers p { display:inline; float:left; padding-left:0.5em; height:1.7em; background:url(http://static.meet4less.co.uk/img/page_numbers_bg.gif) no-repeat left 0; line-height:1.7em; font-size:1.3em; color:#77736a; text-align:center; margin-right:0.5em; } .pageNumbers p { background:none; font-size:1.3em; } .pageNumbers a span { display:block; padding-left:0.2em; padding-right:0.9em; height:1.7em; background:url(http://static.meet4less.co.uk/img/page_numbers_bg.gif) no-repeat right 0; line-height:1.7em; text-align:center; } .pageNumbers a.active { background-position:left bottom; } .pageNumbers a.active span { background-position:right bottom; } .pageNumbers a:hover { background-position:left bottom; } .pageNumbers a:hover span { background-position:right bottom; } .pageNumbers a.disabled { background:none; color:#e9e7e2; } .pageNumbers a.disabled span { background:none; } /* Page Letters - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .pageLetters { height:2.2em; margin:0; margin-bottom:2em; padding:0; display:inline; float:left; list-style:none; } .pageLetters li { display:inline; float:left; padding-left:0.2em; height:2em; background:url(http://static.meet4less.co.uk/img/letter_numbers_bg.gif) no-repeat left top; line-height:2em; font-size:1.1em; margin-right:0.2em; list-style:none; } .pageLetters li a { display:block; padding-left:0.3em; padding-right:0.5em; height:2em; background:url(http://static.meet4less.co.uk/img/letter_numbers_bg.gif) no-repeat right top; text-align:center; font-weight:bold; color:#615d54; } .pageLetters li.active { background-position:left bottom; } .pageLetters li.active a { background-position:right bottom; color:#fff; } .pageLetters li:hover { background-position:left bottom; } .pageLetters li:hover a { background-position:right bottom; color:#fff; } .pageLetters li.disabled { } .pageLetters li.disabled a { color:#b3b3b3; } /* Profile Page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .profileSummary { width:57em; background:url(http://static.meet4less.co.uk/img/bg_pattern.gif) no-repeat top left; padding-top:1em; margin-bottom:2em; } .profileSummary .content { background:url(http://static.meet4less.co.uk/img/bg_pattern.gif) no-repeat bottom left; min-height:15em; _height:15em; padding:1em 2em 2em 2em; } .profileSummary .content .icoNote { width:2.6em; height:2.6em; border:0.1em solid #bbb6ab; background:url(http://static.meet4less.co.uk/img/ico_note_big.gif) no-repeat 0.5em 0.5em #fff; display:inline; float:right; } .profileSummary .content .icoNote:hover { background-position:0.5em -3.9em; } .profileSummary .content .icoReportAbuse { width:2em; height:2.1em; background:url(http://static.meet4less.co.uk/img/ico_abuse.png) no-repeat; display:inline; float:right; margin-right:1em;} .profileSummary .content .setAccess { width:2.6em; height:2.6em; border:0.1em solid #bbb6ab; background:url(http://static.meet4less.co.uk/img/ico_lock.gif) no-repeat 0.5em 0.5em #fff; display:inline; float:right; margin-right:1em; } .profileSummary .content .setAccess:hover { background-position:0.5em -2em; } .aboutMeContent ul, .aboutMeContent ol { font-size:1.2em; line-height:1.4em; } .profileSummary .ico { background-position:left; background-repeat:no-repeat; } .profileSummary .icoType { padding-left:2.1em; background-position:left; background-repeat:no-repeat; } .profileSummary .coupleMale { background-image:url(http://static.meet4less.co.uk/img/ico_couple_man.gif); } .profileSummary .coupleFemale { background-image:url(http://static.meet4less.co.uk/img/ico_couple_woman.gif); } .profileSummary .coupleHetero { background-image:url(http://static.meet4less.co.uk/img/ico_couple_hetero.gif); } .profileSummary .singleMale { background-image:url(http://static.meet4less.co.uk/img/ico_single_man.gif); } .profileSummary .singleFemale { background-image:url(http://static.meet4less.co.uk/img/ico_single_woman.gif); } .profileSummary .content h2 { font-size:1.6em; line-height:1.6em; color:#a30607; margin-bottom:0.5em; } .profileSummary .content h3 { font-size:1.2em; line-height:2.4em; margin-left:1em; } .profileSummary .profilePhotoWrapper { border-right:0.1em solid #dbd7ce; } .profileSummary .content .profilePhoto, .profilePhoto { display:inline; float:left; position:relative; } .profileSummary .content .profilePhoto a, .profilePhoto a { width:15em; height:10.1em; padding:0.2em; display:block; background-color:#fff; border:0.1em solid #D8D8D8; } .profileSummary .content .profilePhoto a, .profileDetails .content .profilePhoto a { width:20em; height:20em; } .profileSummary .content .profilePhoto img, .profilePhoto img { visibility:hidden; } .profileSummary .content .profilePhoto.online .online, .profilePhoto.online .online, .mailProfile .profilePhoto.online .online, .ifOnline.online .online { background:url(http://static.meet4less.co.uk/img/ico_profile_online.png) no-repeat center center; } .profileSummary .content .profilePhoto.halfOnline .online, .profilePhoto.halfOnline .online, .mailProfile .profilePhoto.halfOnline .online, .ifOnline.halfOnline .online { background:url(http://static.meet4less.co.uk/img/ico_profile_halfonline.png) no-repeat center center; } .profileSummary .content .profilePhoto .online, .profilePhoto .online, .mailProfile .profilePhoto .online { display:block; width:2.7em; height:2.7em; position:absolute; bottom:0.7em; right:0.7em; background:url(http://static.meet4less.co.uk/img/ico_profile_offline.png) no-repeat center center; left:auto; top:auto; } .ifOnline .online { display:inline; float:left; width:2.7em; height:2.7em; position:static; margin-right:0.3em; background:url(http://static.meet4less.co.uk/img/ico_profile_offline.png) no-repeat center center; } .profileSummary .content .profileInfo { padding-left:2em; } .profileSummary .content .profileInfo .red { font-weight:bold; } .profileSummary .content .profileInfo p { margin-bottom:0; font-size:1.1em; } .profileSummary .content .profileInfo .bigLink { margin-top:1em; } .profileButton { display:inline; float:left; height:9em; background:url(http://static.meet4less.co.uk/img/button_profile.gif) no-repeat left top; padding-left:1.5em; } .profileButton:hover { opacity:0.7; filter: alpha(opacity = 70); } .profileButton.small { width:6em; } .profileButton.disabled { width:6em; opacity:0.2; } .profileButton.checkCompatibility { width:9.5em; overflow:hidden; } .profileButton .PBcontent { display:block; height:8em; background:url(http://static.meet4less.co.uk/img/button_profile.gif) no-repeat right top; padding-right:1.5em; padding-top:1em; text-align:center; } .PBcontent .ico { background-position: center 3.1em; background-repeat:no-repeat; display:block; height:8em; } .PBcontent .icoAccess { background-image:url(http://static.meet4less.co.uk/img/ico_profile_access.gif); } .PBcontent .icoProfileNote { background-image:url(http://static.meet4less.co.uk/img/ico_profile_note.gif); } .PBcontent .icoCheckCompatibility { background-image:url(http://static.meet4less.co.uk/img/ico_profile_check.gif); } .bigLink { width:22.2em; height:2.9em; line-height:2.9em; font-size:1.2em; font-weight:bold; color:#fff; text-indent:1.6em; background:url(http://static.meet4less.co.uk/img/login_button_signup.gif) no-repeat left top; display:block; } .welcome .bigLink, .profileInfo .bigLink { background:url(http://static.meet4less.co.uk/img/login_button_signup_small_wide.gif) no-repeat left top; width:28em; } .bigLink:hover, .bigLink:focus, .bigLink:active, .bigLink:visited { color:#fff; } .bigLink:hover { background-position:bottom left; } .infoBox { display:inline; float:left; width:17em; background:url(http://static.meet4less.co.uk/img/gallery_img_bg.gif) no-repeat top; padding-top:1.5em; margin-top:1em; } .infoBox.whiteBg { background:url(http://static.meet4less.co.uk/img/gallery_img_bg2.gif) no-repeat top; } .infoBox.wide{ width:27em; } .infoBox .infoBoxContent { padding:0 1.5em 1.5em 1.5em; background:url(http://static.meet4less.co.uk/img/gallery_img_bg.gif) no-repeat bottom; } .infoBox.whiteBg .infoBoxContent { background:url(http://static.meet4less.co.uk/img/gallery_img_bg2.gif) no-repeat bottom; } .infoBox .infoBoxContent p { font-size:1.2em; } .profileInteractions { /*background:url(http://static.meet4less.co.uk/img/gradient_bg.gif) repeat-x bottom;*/ min-height:3em; _height:3em; padding-bottom:0.1em; } .profileInteractions p { display:block; margin-bottom:0.5em; } .profileInteractions p.bigButtons { margin-bottom:0em; } .profileInteractions p.bigButtons .submit { height:6.7em; background:none; border:none; padding:0; text-align:center; font-size:1em; width:7.5em; margin-right:0.5em; position:relative; background:url(http://static.meet4less.co.uk/img/button_interactions.gif) no-repeat; display:inline; float:left; } .profileInteractions p.bigButtons .submit.last { margin-right:0; } .profileInteractions p.bigButtons .submit .ico { display:block; height:6.6em; padding-top:0.1em; } .profileInteractions p.bigButtons .submit .txt { text-align:center; display:block; margin-top:4.5em; } .profileInteractions p.bigButtons .submit.disabled { opacity:0.2; cursor:default; } .profileInteractions p.bigButtons .icoMail .ico { background:url(http://static.meet4less.co.uk/img/ico_int_mail2.gif) no-repeat center 0.6em; } .profileInteractions p.bigButtons .icoWink .ico { background:url(http://static.meet4less.co.uk/img/ico_int_emo2.gif) no-repeat center 0.6em; } .profileInteractions p.bigButtons .icoTicket .ico { background:url(http://static.meet4less.co.uk/img/ico_int_lock2.gif) no-repeat center 0.6em; } .profileInteractions p.bigButtons .icoChat .ico { background:url(http://static.meet4less.co.uk/img/ico_int_chat2.gif) no-repeat center 0.7em; } .profileInteractions p.bigButtons .icoFav .ico { background:url(http://static.meet4less.co.uk/img/ico_int_star2.gif) no-repeat center 0.7em; } .profileInteractions p.bigButtons .icoFeedback .ico { background:url(http://static.meet4less.co.uk/img/ico_int_note2.gif) no-repeat center 0.8em; } #winkPanel { padding-left:1em; margin-top:2em; padding-bottom:1em; background:url(http://static.meet4less.co.uk/img/gradient_bg.gif) repeat-x bottom; } /*.wink { display:inline; float:left; height:1.6em; line-height:1.6em; background-repeat:no-repeat; padding-left:2.2em; margin-right:1em; }*/ /*.winkSmile { background-image:url(http://static.meet4less.co.uk/img/emo_smile.gif); }*/ /*.winkKiss { background-image:url(http://static.meet4less.co.uk/img/emo_kiss.gif); }*/ /*.winkLove { background-image:url(http://static.meet4less.co.uk/img/emo_love.gif); }*/ /*.winkCallme { background-image:url(http://static.meet4less.co.uk/img/emo_callme.gif); }*/ .wink { display:inline; float:left; height:2em; line-height:2em; background-repeat:no-repeat; padding-left:2em; margin-right:1em; } #winkPanel .wink { margin-right:3.5em; } #winkPanel .wink.first { margin-left:2em; } .wink.big { display:inline; float:left; height:5.4em; line-height:5.4em; background-repeat:no-repeat; padding-left:5.4em; margin-right:1em; } .winkAngry { background-image:url(/img/winks/1.png); } .winkAngry.big { background-image:url(/img/winks/1_big.png); } .winkCry { background-image:url(/img/winks/2.png); } .winkCry.big { background-image:url(/img/winks/2_big.png); } .winkHappy { background-image:url(/img/winks/3.png); } .winkHappy.big { background-image:url(/img/winks/3_big.png); } .winkLove { background-image:url(/img/winks/4.png); } .winkLove.big { background-image:url(/img/winks/4_big.png); } .winkSad { background-image:url(/img/winks/5.png); } .winkSad.big { background-image:url(/img/winks/5_big.png); } .winkSmile { background-image:url(/img/winks/6.png); } .winkSmile.big { background-image:url(/img/winks/6_big.png); } .winkSmiley { background-image:url(/img/winks/7.png); } .winkSmiley.big { background-image:url(/img/winks/7_big.png); } .winkSurprised { background-image:url(/img/winks/8.png); } .winkSurprised.big { background-image:url(/img/winks/8_big.png); } #ticketPanel { margin-top:0.5em; padding-left:1.5em; background:url(http://static.meet4less.co.uk/img/gradient_bg.gif) repeat-x bottom; } #ticketPanel p { margin-bottom:1em; } #feedbackPanel { padding-left:1.1em; background:url(http://static.meet4less.co.uk/img/gradient_bg.gif) repeat-x bottom; } #feedbackPanel #feedbackText { width:77%; } #feedbackPanel .submit { margin:1.5em 2em 1em 0; } .profileDetails { min-height:4em; margin:2em 0 3em 0; background:url(http://static.meet4less.co.uk/img/profile_details_bg_main.gif) repeat-y left; position: relative; } .profileDetails .content { background:url(http://static.meet4less.co.uk/img/profile_details_bg_bottom.gif) no-repeat left bottom; min-height:4em; padding:2em 0 2em 0; } .profileDetails .info { padding-right:2em; padding-left:2em; overflow:hidden; } .profileDetails .info p { font-size:1.1em; } .profileDetails .info h2 { margin-bottom:0; } .profileDetails .profileBg1 { background:url(http://static.meet4less.co.uk/img/profile_details_bg_bottom2.gif) no-repeat bottom left; padding-bottom:2em; margin-bottom:2em; } .profileDetails .profilePhoto { width:20em; height:20em; display:block; margin:0 auto; margin-bottom:2em; } .profileDetails .infoButtons { padding:0 2em 0 2em; border-right:0.1em solid #dedcd7; } .profileDetails .infoButtons .button { height:3.5em; line-height:3.5em; display:block; background:url(http://static.meet4less.co.uk/img/profile_button.gif) no-repeat top; margin-bottom:1em; } .profileDetails .infoButtons .button.last { margin-bottom:0; } .profileDetails .infoButtons .button span { display:block; height:3.5em; line-height:3.5em; padding:0 0.5em 0 3.7em; background:url(http://static.meet4less.co.uk/img/ico_list2.gif) no-repeat 1em 0.8em; font-weight:bold; font-size:1em; overflow:hidden; } .profileDetails .infoButtons .button:hover span { background-position:1em -3.2em; } .profileDetails .infoButtons .button.disabled { background:url(http://static.meet4less.co.uk/img/profile_button.gif) no-repeat bottom; opacity:0.8; color:#64615B; cursor:default; } .profileDetails .infoButtons .button.disabled:hover span { background-position:1em 0.8em; } .profileDetailsButtons { height:12.5em; background:url(http://static.meet4less.co.uk/img/profile_details_bg_top.gif) no-repeat top; padding-top:1.5em; } .profileDetailsButtons .forAll { margin-left:2em; } .profileDetailsButtons .private { } .profileDetailsButtons p { display:block; } .profileDetailsButtons h3 { font-weight:bold; margin-bottom:0.7em; } .profileDetailsButtons .button { display:inline; float:left; width:9.1em; margin-right:1em; height:8.1em; font-size:0.835em; font-weight:bold; text-align:center; margin-bottom:1em; } .profileDetailsButtons .button:hover { opacity:0.7; filter: alpha(opacity = 70); } .profileDetailsButtons .button.photos { background:url(http://static.meet4less.co.uk/img/button_image_gallery2.gif) no-repeat left top; } .profileDetailsButtons .button.videos { background:url(http://static.meet4less.co.uk/img/button_videos2.gif) no-repeat left top; } .profileDetailsButtons .button.blogs { background:url(http://static.meet4less.co.uk/img/button_blogs2.gif) no-repeat left top; } .profileDetailsButtons .button.private { background-position:center; } .profileDetailsButtons .button.disabled { background-position:left bottom; color:#64615B; cursor:default; } .profileDetailsButtons .button.disabled:hover { opacity:1; filter: alpha(opacity = 100); } /* Welcome Page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .welcome { float:left; display:inline; } .welcome .welcomeContent { margin-right:1.6em; } .welcome h1 { margin-bottom:0.4em; font-size:2.3em; line-height:0.9em; } .welcome h3 { font-size:1.2em; } .welcome p { text-align:justify; } .welcomeBanner .welcome p { text-align:left; margin-bottom: 10px; } .welcome .welcomeSide { display:inline; float:left; width:15.4em; } .welcome .welcomePic { margin-bottom:1em; } .welcome .welcomePic.original { display:none; } .welcome .welcomePic a { border:0.1em solid #DEDEDE; padding:0.1em; float:left; display:inline; } .welcome .welcomePic .description { font-size:1.1em; margin:0; text-align:center; } .bannerSiteTour { display:block; width:12.5em; height:5.2em; background:url(http://static.meet4less.co.uk/img/button_site_tour.gif) no-repeat left top; } .bannerSiteTour:hover { background-position: left bottom; } .bannerWelcomeTo { display:block; width:12.5em; height:18.5em; margin-top:6em; background:url(http://static.meet4less.co.uk/img/banner_welcome.gif) no-repeat left top; } .bannerSiteTour, .bannerWelcomeTo { margin-bottom:2em; } /* Features - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #featuresButtons { } #featuresButtons a { display:inline; float:left; width:14em; height:9.3em; background:url(http://static.meet4less.co.uk/img/button_features.gif) no-repeat; margin-right:1em; margin-bottom:1em; } #featuresButtons a.noMargin { margin-right:0; } #featuresButtons a span { display:block; height:100%; } .featurePayByText span { background:url(http://static.meet4less.co.uk/img/feature_pay_by_text.jpg) no-repeat center; } #featuresContent { } #featuresContent .feature { display:none; } #featuresContent .videoPlaceholder { width:27em; height:21.5em; background:url(http://static.meet4less.co.uk/img/youtube_placeholder.jpg) no-repeat; } .videoLink { font-size: 2em; font-weight: bold; margin-left: 0.5em; line-height: 4em; display: left; } #siteFeatures .siteFeaturesSmall { font-size: 0.5em; font-style: italic; } /* Features List - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .sideFeatures { width:28em; margin-right:0.5em; display:inline; float:left; margin-bottom:4em; } .sideFeatures.right { margin-right:0; margin-left:0.5em; } .sideFeatures ul, .sideFeatures li { margin:0; padding:0; list-style-position:outside; list-style:none; } .sideFeatures ul { padding-top:0.1em; background:url(http://static.meet4less.co.uk/img/features_bg.gif) no-repeat left -11.9em; } .sideFeatures.right ul { background:url(http://static.meet4less.co.uk/img/features_bg_reversed.gif) no-repeat left -11.9em; } .sideFeatures ul.noBg { background:none; } .sideFeatures li { height:4em; line-height:4em; background:url(http://static.meet4less.co.uk/img/features_bg.gif) no-repeat left bottom; padding-left:0.8em; padding-top:0.2em; } .sideFeatures li.noBg, .sideFeatures.right li.noBg { background:none; } .sideFeatures.right li { background:url(http://static.meet4less.co.uk/img/features_bg_reversed.gif) no-repeat left bottom; padding-left:0; padding-right:0.8em; } .sideFeatures li.active { background-position:left top; } .sideFeatures li a { font-size:1.4em; color:#64615B; display:block; height:2.6em; line-height:2.6em; /*background:url(http://static.meet4less.co.uk/img/ico_f_universal.gif) no-repeat left top;*/ padding-left:3em; } .sideFeatures.right li a { background-position:right top; padding-left:0; padding-right:3em; text-align:right; } .sideFeatures li a:hover, .sideFeatures li.active a { color:#CE0102; background-position: left bottom; } .sideFeatures.right li a:hover, .sideFeatures.right li.active a { background-position: right bottom; } .sideFeatures li a span { display:inline; float:left; height:2.6em; width:2.6em; background:url(/img/ico_features.gif) no-repeat -972px top; margin-left:-3em; } .sideFeatures.right li a span { float:right; margin-left:0; margin-right:-3em; } .sideFeatures li a:hover span { background-position: -972px bottom; } .sideFeatures .feature_activity_stream span { background-position: 0px top; } .sideFeatures .feature_activity_stream:hover span { background-position: 0px bottom; } .sideFeatures li.active .feature_activity_stream span { background-position: 0px bottom; } .sideFeatures .feature_admirers span { background-position: -36px top; } .sideFeatures .feature_admirers:hover span { background-position: -36px bottom; } .sideFeatures li.active .feature_admirers span { background-position: -36px bottom; } .sideFeatures .feature_advanced_search span { background-position: -72px top; } .sideFeatures .feature_advanced_search:hover span { background-position: -72px bottom; } .sideFeatures li.active .feature_advanced_search span { background-position: -72px bottom; } .sideFeatures .feature_block span { background-position: -108px top; } .sideFeatures .feature_block:hover span { background-position: -108px bottom; } .sideFeatures li.active .feature_blockr span { background-position: -108px bottom; } .sideFeatures .feature_blogs span { background-position: -144px top; } .sideFeatures .feature_blogs:hover span { background-position: -144px bottom; } .sideFeatures li.active .feature_blogs span { background-position: -144px bottom; } .sideFeatures .feature_card span { background-position: -180px top; } .sideFeatures .feature_card:hover span { background-position: -180px bottom; } .sideFeatures li.active .feature_card span { background-position: -180px bottom; } .sideFeatures .feature_comments span { background-position: -216px top; } .sideFeatures .feature_comments:hover span { background-position: -216px bottom; } .sideFeatures li.active .feature_comments span { background-position: -216px bottom; } .sideFeatures .feature_contact span { background-position: -252px top; } .sideFeatures .feature_contact:hover span { background-position: -252px bottom; } .sideFeatures li.active .feature_contact span { background-position: -252px bottom; } .sideFeatures .feature_control_panel span { background-position: -288px top; } .sideFeatures .feature_control_panel:hover span { background-position: -288px bottom; } .sideFeatures li.active .feature_control_panel span { background-position: -288px bottom; } .sideFeatures .feature_couple span { background-position: -324px top; } .sideFeatures .feature_couple:hover span { background-position: -324px bottom; } .sideFeatures li.active .feature_couple span { background-position: -324px bottom; } .sideFeatures .feature_direct_chat span { background-position: -360px top; } .sideFeatures .feature_direct_chat:hover span { background-position: -360px bottom; } .sideFeatures li.active .feature_direct_chat span { background-position: -360px bottom; } .sideFeatures .feature_fast span { background-position: -396px top; } .sideFeatures .feature_fast:hover span { background-position: -396px bottom; } .sideFeatures li.active .feature_fast span { background-position: -396px bottom; } .sideFeatures .feature_favourites span { background-position: -432px top; } .sideFeatures .feature_favourites:hover span { background-position: -432px bottom; } .sideFeatures li.active .feature_favourites span { background-position: -432px bottom; } .sideFeatures .feature_forum span { background-position: -468px top; } .sideFeatures .feature_forum:hover span { background-position: -468px bottom; } .sideFeatures li.active .feature_forum span { background-position: -468px bottom; } .sideFeatures .feature_friends span { background-position: -504px top; } .sideFeatures .feature_friends:hover span { background-position: -504px bottom; } .sideFeatures li.active .feature_friends span { background-position: -504px bottom; } .sideFeatures .feature_internal_mail span { background-position: -540px top; } .sideFeatures .feature_internal_mail:hover span { background-position: -540px bottom; } .sideFeatures li.active .feature_internal_mail span { background-position: -540px bottom; } .sideFeatures .feature_latest span { background-position: -576px top; } .sideFeatures .feature_latest:hover span { background-position: -576px bottom; } .sideFeatures li.active .feature_latest span { background-position: -576px bottom; } .sideFeatures .feature_moderation span { background-position: -612px top; } .sideFeatures .feature_moderation:hover span { background-position: -612px bottom; } .sideFeatures li.active .feature_moderation span { background-position: -612px bottom; } .sideFeatures .feature_no_adverts span { background-position: -648px top; } .sideFeatures .feature_no_adverts:hover span { background-position: -648px bottom; } .sideFeatures li.active .feature_no_adverts span { background-position: -648px bottom; } .sideFeatures .feature_notes span { background-position: -684px top; } .sideFeatures .feature_notes:hover span { background-position: -684px bottom; } .sideFeatures li.active .feature_notes span { background-position: -684px bottom; } .sideFeatures .feature_outside_link span { background-position: -720px top; } .sideFeatures .feature_outside_link:hover span { background-position: -720px bottom; } .sideFeatures li.active .feature_outside_link span { background-position: -720px bottom; } .sideFeatures .feature_pay_by_text span { background-position: -756px top; } .sideFeatures .feature_pay_by_text:hover span { background-position: -756px bottom; } .sideFeatures li.active .feature_pay_by_text span { background-position: -756px bottom; } .sideFeatures .feature_photo_gallery span { background-position: -792px top; } .sideFeatures .feature_photo_gallery:hover span { background-position: -792px bottom; } .sideFeatures li.active .feature_photo_gallery span { background-position: -792px bottom; } .sideFeatures .feature_pricing span { background-position: -828px top; } .sideFeatures .feature_pricing:hover span { background-position: -828px bottom; } .sideFeatures li.active .feature_pricing span { background-position: -828px bottom; } .sideFeatures .feature_review_system span { background-position: -864px top; } .sideFeatures .feature_review_system:hover span { background-position: -864px bottom; } .sideFeatures li.active .feature_review_system span { background-position: -864px bottom; } .sideFeatures .feature_stories span { background-position: -900px top; } .sideFeatures .feature_stories:hover span { background-position: -900px bottom; } .sideFeatures li.active .feature_stories span { background-position: -900px bottom; } .sideFeatures .feature_support:hover span { background-position: -936px top; } .sideFeatures .feature_support:hover span { background-position: -936px bottom; } .sideFeatures li.active .feature_support span { background-position: -936px bottom; } .sideFeatures .feature_video_chat span { background-position: -1008px top; } .sideFeatures .feature_video_chat:hover span { background-position: -1008px bottom; } .sideFeatures li.active .feature_video_chat span { background-position: -1008px bottom; } .sideFeatures .feature_video_gallery span { background-position: -1044px top; } .sideFeatures .feature_video_gallery:hover span { background-position: -1044px bottom; } .sideFeatures li.active .feature_video_gallery span { background-position: -1044px bottom; } .sideFeatures .feature_winks span { background-position: -1080px top; } .sideFeatures .feature_winks:hover span { background-position: -1080px bottom; } .sideFeatures li.active .feature_winks span { background-position: -1080px bottom; } .featuresContent { width:33em; display:inline; float:left; } .featuresContent .content { text-align:justify; } .featuresContent .feature { display:none; } /* #helpContent - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #infoColumn .box.helpSignUp .highlight .divChild { padding-right:0; } #helpContent, .skipThisStep .divChild p { font-size:1.1em; line-height:1.8em; padding-right:0.5em; zoom:1;} #helpContent .body { padding-right:1.5em; max-height:30em; _height:30em; overflow:auto; } /* .advancedSearch - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .advancedSearch.highlight { margin-bottom:3.5em; } .advancedSearch.box { margin-bottom:3.5em; } .advancedSearch ul, .advancedSearch li { margin:0; padding:0; list-style-position:outside; list-style:none; } .advancedSearch ul { margin:1.3em 0 0.7em 0; } .advancedSearch form p { width:48%; } .advancedSearch .halfShort { width:21em; } .advancedSearch .halfShort label { min-width:7em; } .advancedSearch .halfShort label.auto { min-width:0; } .advancedSearch .halfWide { width:26.5em; } .advancedSearch .halfWide label { min-width:7em; } .advancedSearch .halfWide label.auto { min-width:0; } .advancedSearchUl { } .advancedSearchUl .advancedSearchLi { padding:1em 1em 1em 1em; border-top:0.1em solid #e8e4da; } .advancedSearchUl li.even { background-color:#fdfbf7; } .advancedSearchUl .advancedSearchLi strong { display:inline; float:left; width:10.5em; padding-right:0.5em; line-height:1.65em; font-size:1.1em; } .advancedSearchUl .advancedSearchLi ul { width:38.6em; margin:0; display:inline; float:left; } .advancedSearchUl .advancedSearchLi ul li { border:none; padding:0; display:inline; float:left; margin-right:1em; font-size:1.1em; line-height:1.65em; } .advancedSearchLi li.results a { color:#64615B; } .advancedSearchLi li.results a:hover { color:#CE0102; } /* Notes Tooltip - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .notesAdd { } .notesAdd .header { margin-top:0.5em; } .notesAdd .notesForm { margin-top:2em; } .notesAdd #noteFormInput { height:3.5em; width:78.5%; padding-left:1em; font-size:1.2em; margin:0 1em 0 0; line-height:3.5em; border-color:#D7D2C7; } .notesAdd #noteFormSend { width:8em; height:4.6em; font-size:1.2em; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; background:url(http://static.meet4less.co.uk/img/chat_submit_bg.gif) repeat-x bottom left #fff; border:0.1em solid #d7d2c7; color:#a09d95; font-weight:bold; display:inline; float:left; cursor:pointer; padding:0; margin-right:0; } .notesAdd #noteFormSend:hover { color:#ce0102; } .notesAdd hr { margin-top:2em; margin-bottom:2em; } .notesAdd .box2 .top, .notesAdd .box2 .top div, .notesAdd .box2 .bottom, .notesAdd .box2 .bottom div { height:1.1em; } .notesAdd .box, .notesAdd .box2 { margin-bottom:1em; position:relative; } .notesAdd .box p { margin-bottom:0; } .notesAdd .noteDetails .box p { padding-right:3em; } .notesAdd table { } .notesAdd table p { margin-bottom:0; } .notesAdd table .authorDetails { width:19%; vertical-align:top; padding-left:0; } .notesAdd table .authorDetails p { font-size:1em; line-height:1.5em; } .notesAdd table .noteDetails { padding-right:0; vertical-align:top; } .notesAdd .updateNote textarea { height:3.3em; width:73% !important; padding-left:1em; font-size:1.2em; margin:0 1em 0 0; line-height:1.7em; border-color:#D7D2C7; } .notesAdd .updateNote input { width:8em; height:4.5em; font-size:1.2em; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; background:url(http://static.meet4less.co.uk/img/chat_submit_bg.gif) repeat-x bottom left #fff; border:0.1em solid #d7d2c7; color:#a09d95; font-weight:bold; display:inline; float:left; cursor:pointer; padding:0; margin-right:0; } .notesAdd .updateNote { display:none; } .notesAdd .noteDetails .removeNote { position:absolute; display:block; width:3em; height:2.55em; right:1em; top:1.5em; background:url(http://static.meet4less.co.uk/img/ico_trash.gif) no-repeat center; } /* .activityStream - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .day { border:0.1em solid #eae4d7; background-color:#f7f5f1; /*margin-top:2.5em; */margin-bottom:1.5em; } .day span { display:block; line-height:1.6em; text-align:center; font-size:1.1em; font-weight:bold; } .icoAS { display:inline; float:left; width:3.2em; height:3.6em; margin-right:1.5em; } .icoAS.blog { background:url(http://static.meet4less.co.uk/img/ico_as_blog.gif) no-repeat center; } .icoAS.newComment { background:url(http://static.meet4less.co.uk/img/ico_as_comment.gif) no-repeat center; } .icoAS.favourite { background:url(http://static.meet4less.co.uk/img/ico_as_favourite.gif) no-repeat center; } .icoAS.feedback { background:url(http://static.meet4less.co.uk/img/ico_as_feedback.gif) no-repeat center; } .icoAS.forum { background:url(http://static.meet4less.co.uk/img/ico_as_forum.gif) no-repeat center; } .icoAS.photograph { background:url(http://static.meet4less.co.uk/img/ico_as_photo.gif) no-repeat center; } .icoAS.profile { background:url(http://static.meet4less.co.uk/img/ico_as_profile_photo.gif) no-repeat center; } .icoAS.story { background:url(http://static.meet4less.co.uk/img/ico_as_story.gif) no-repeat center; } .icoAS.video { background:url(http://static.meet4less.co.uk/img/ico_as_video.gif) no-repeat center; } .icoAS.status { background:url(http://static.meet4less.co.uk/img/ico_as_status.gif) no-repeat center; } .icoAS.newWink { background:url(http://static.meet4less.co.uk/img/ico_as_wink.gif) no-repeat center; } .rowAS { margin-bottom:0.7em; padding-top:0.7em; border-top:0.1em solid #F8F6F1; display:inline; float:left; width:100%; zoom:1; } .rowAS.first { border-top:none; } .lineAS { margin-left:0.85em; display:inline; float:left; line-height:3em; width:25em; line-height:1.4em; min-height:3em; overflow:hidden; font-size:1.2em; } .lineAS p { font-size:1em; line-height:1.4em; margin-bottom:0; display:inline; } .dateAS { display:inline; float:right; line-height:1.5em; padding-right:1.5em; max-width:9.9em; _width:9.9em; text-align:right; position:relative; } .rowAS:hover .dateAS.removingPossible { } .dateAS .showComments { padding-left:1.5em; background:url(http://static.meet4less.co.uk/img/ico_comment_left.gif) no-repeat left 0.2em; } .rowAS .dateAS .icoRemoveSmall { display:none } .rowAS:hover .removingPossible .icoRemoveSmall { display:block; height:1.5em; width:2em; position:absolute; left:-3.5em; } .icoRemoveSmall { display:inline; float:right; width:1em; height:1.5em; background:url(http://static.meet4less.co.uk/img/ico_remove_small.gif) no-repeat center; } .comment .icoRemoveSmall { position:absolute; right:-2em; display:none; } .comment:hover .icoRemoveSmall { display:inline; } .activityStream { padding-bottom:1.5em; } .activityStream .submitAS { width:8em; height:4.6em; font-size:1.2em; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; background:url(http://static.meet4less.co.uk/img/chat_submit_bg.gif) repeat-x top left #fff; border:0.1em solid #d7d2c7; color:#a09d95; font-weight:bold; display:inline; float:left; cursor:pointer; padding:0; margin-right:0; } .activityStream .submitAS:hover { color:#ce0102; } .activityStream #statusText { height:3.5em; width:78.9%; padding-left:1em; font-size:1.2em; margin-top:0; margin-right:1em; line-height:3.5em; border-color:#D7D2C7; } #mainColumn .activityStream #statusText { width:36.8em; overflow:auto; } .activityStream h2 { margin-top:1em; margin-bottom:1.5em; } .activityStream .commentsBox { margin-bottom:1em; } .activityStream .commentsList { margin-bottom:1em; } #mainColumn .activityStream .commentsBox .ASComment { /*margin-left:10.2em;*/ font-size:1.1em; height:2.85em; line-height:1.4em; margin-right:0.5em; margin-top:0; padding-left:1em; width:19em; text-align:left; border-color:#D7D2C7; overflow:auto; } #mainColumn .activityStream .commentsBox .normal .ASComment { height:2.85em; line-height:1.4em; } #mainColumn .activityStream .commentsBox .small .ASComment { height:1.3em; line-height:1.3em; } .activityStream .commentsBox .submitAS { font-size:1em; height:4.4em; width:7em; } .activityStream .commentsBox .normal .submitAS { height:4.4em; } .activityStream .commentsBox .small .submitAS { height:2.7em; } .activityStream .showASComments { font-size:1.1em; margin-top:1.5em; margin-bottom:1.5em; margin-left:10.7em; width:30.2em; padding:0.6em 0 0.6em 0; border-top:0.1em solid #F8F6F1; border-bottom:0.1em solid #F8F6F1; text-align:center; } .activityStream .showASComments a { font-weight:normal; text-align:center; } .activityStream .photosAddedGroup { display:inline; float:left; margin-top:2.5em; } .activityStream .photosAdded { display:inline; float:left; margin-right:0.5em; background-color:#FFFFFF; height:3.6em; overflow:hidden; width:3.6em; font-size:0.85em; } .activityStream .photosAdded a { width:3.6em; height:3.6em; display:block; font-size:1em; } .activityStream .comment .dateAS { float:right; white-space:nowrap; } .activityStream .comment .dateAS em { float:right; white-space:nowrap; } .activityStream .commentsBox .photo { margin:2.1em 1.5em 0 0; display:inline; float:right; } .activityStream .commentForm.small { padding-left:11.2em; } /* .encouragePage - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .encouragePage { } .encouragePage .content { margin-top:2em; } .encouragePage .content h2.noMargin { margin:0; } .encouragePage div.right { display:inline; float:right; } .encouragePage .encourageMap { min-height:34.7em; background:url(http://static.meet4less.co.uk/img/encourage_map_watermark.gif) no-repeat 30em -20em; padding:3em 0 3em 0; } .encouragePage .encourageMap .content { margin-top:0; } .encouragePage .encourageMap .content .niceList2 li { font-size:1.2em; line-height:2.2em; background-position:left 0.85em; } .encouragePage .features { background:url(http://static.meet4less.co.uk/img/encourage_page_shadow.gif) no-repeat top center; padding:3em 2em 0 2em; } .encouragePage .features .feature { width:24em; padding:1.5em 1.5em 0 1.5em; margin-right:2.5em; background:url(http://static.meet4less.co.uk/img/encourage_placeholder.gif) no-repeat top center; display:inline; float:left; min-height:14em; margin-bottom:2em; } .encouragePage .features .feature img { margin-bottom:0.5em; } .encouragePage .features .feature p { margin-bottom:0.5em; text-align:justify; } .encouragePage .features .feature.last { margin-right:0; margin-bottom:3em; } .encouragePage .features h2 { margin-bottom:1.5em; } .encouragePage .needToKnow { padding:0 1em; margin-top:3em; text-align:justify; } .encouragePage .centerButton { width:26.6em; margin:0 auto; margin-top:2em; margin-bottom:3em; font-size:1.01em; } .encouragePage .map { width:22em; height:34.4em; background:url(http://static.meet4less.co.uk/img/encourage_map.gif) no-repeat left top; margin-left:3em; position:relative; } .encouragePage .map #marker { width:2.1em; height:2.1em; background:url(http://static.meet4less.co.uk/img/ico_encourage_map_marker.png) no-repeat left top; position:absolute; left:50%; top:50%; visibility:hidden; } .encouragePage .map .mapTooltip { position:absolute; left:3em; top:-5.5em; width:32.7em; background:url(http://static.meet4less.co.uk/img/encourage_tooltip.gif) no-repeat left top; padding-top:2em; visibility:hidden; } .encouragePage .map .mapTooltip .tooltipContent { background:url(http://static.meet4less.co.uk/img/encourage_tooltip.gif) no-repeat left bottom; padding:0 2em 2em 2em; margin-bottom:-0.5em; } .encouragePage .map .mapTooltip .tooltipContent p { margin-bottom:0; } .encouragePage .map .mapTooltip .tooltipContent img { margin-right:1em; } .encouragePage .map .mapTooltip .tooltipContent h3 { font-size:1.6em; font-weight:bold; color:#77191a; margin-bottom:0; display:inline; float:left; width:80%; } .encouragePage .map .mapTooltip .tooltipContent h5 { font-size:1.2em; font-weight:bold; color:#615d54; margin-bottom:0; line-height:2em; display:inline; float:left; } .encouragePage .map .mapTooltip .tooltipContent .info { margin-top:1em; } .encouragePage .map .mapTooltip .tooltipArrow { width:2.1em; height:2.5em; position:absolute; left:-2em; top:50%; } .encouragePage .map .mapTooltip .tooltipArrow .fixPosition { position:absolute; top:-1.15em; width:2.1em; height:2.5em; background:url(http://static.meet4less.co.uk/img/encourage_tooltip_arrow.gif) no-repeat center; } .encouragePage .box.headerInside .content { margin-top:0; } /* .winkFacebox - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .winkFacebox { } .winkFacebox .wink { margin-left:4.4em; margin-bottom:2em; } .winkFacebox .wink.first { margin-left:0; } /* .loginBox - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .loginBox .niceList2 li { line-height:2.51em; background-position:left 0.9em; } /* FORMS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ form { } label { display:inline; float:left; min-width:8.3em; _width:8.3em; padding-right:0.8em; height:1.8em; line-height:1.8em; margin:0em 0; } .wide label { width:29%; } .wideLabel label { width:40%; } .signUp .wideLabel label { width:42%; } .shortLabel label, label.shortLabel { width:auto; min-width:1em; } .wide .reset label { width:auto; } label.short { min-width:6.5em; } label.auto { width:auto; min-width:0; } .desc { display:inline; float:left; font-size:1em; } .wide .desc { width:68%; } form p, .box .highlight form p, .niceForm p { margin-bottom:0.9em; display:inline; float:left; font-size:1.1em; width:100%; } form p:last-child, .box .highlight form p:last-child { margin-bottom:0; } input, textarea { font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; } input[type=checkbox], input[type=radio] { -moz-appearance:none; } textarea.long {height:20em;} .wide input, .wide select { margin-right:1.5em; } .wide select { width:62%; } .wide .jNiceWrapper select { width:100%; } .shortSelect select { width:10%; } #mainColumn .wideSimple .text { width:78.5%; } .wideSimple input[type=text] { width:78.5%; } #mainColumn .wideSimple .text.short, #mainColumn .text.short { width:28%; } .wideSimple input[type=text].short { width:28%; } #mainColumn .wideSimple .text.veryShort, .veryShort, #mainColumn .text.veryShort { width:30%; } .wideSimple input[type=text].veryShort { width:30%; } #mainColumn .wideSimple textarea, .wideSimple .textarea { width:76%; } .submit { display:inline; float:left; height:1.65em; line-height:1.65em !important; text-align: center; padding:0 0.5em 0 0.5em; border:0.1em solid #b3a992; background:url(http://static.meet4less.co.uk/img/form_submit02.gif) repeat-x top left #d7c9ad; color:#615d54; cursor:pointer; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; } input[type=submit] { display:inline; float:left; height:1.65em; line-height:1.65em; padding:0 0.5em 0 0.5em; border:0.1em solid #b3a992; background:url(http://static.meet4less.co.uk/img/form_submit02.gif) repeat-x top left #d7c9ad; color:#615d54; cursor:pointer; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; } .submit.disabled { opacity:0.5; _filter: alpha(opacity = 50); } .submit[disabled=disabled] { opacity:0.5; } .submit.full { display:block; float:none; } .submit.center { text-align:center; } .submit:hover { color:#ce0102; } input[type=submit]:hover { color:#ce0102; } .submit.disabled:hover, .submit[disabled=disabled]:hover { color:#615d54; } .submit.alongWithPagination { margin:0.9em 0 1em; } .submit.ico { height:2em; line-height:2em; margin-right:0.5em; } .submit.ico span { display:block; height:2em; padding-left:2em; } .submit.icoBlur { margin-right:2em; } .submit.icoBlur span { background:url(http://static.meet4less.co.uk/img/ico_b_blur.gif) no-repeat left center; } .submit.icoReset span { background:url(http://static.meet4less.co.uk/img/ico_b_reset.gif) no-repeat left center; } .submit.icoUndo span { background:url(http://static.meet4less.co.uk/img/ico_b_undo.gif) no-repeat left center; } .submit.icoAccept { margin-right:0; } .submit.icoAccept span { background:url(http://static.meet4less.co.uk/img/ico_b_accept.gif) no-repeat left center; } .submit2 { background:url(http://static.meet4less.co.uk/img/form_submit01.gif) no-repeat left top !important; padding:0 0 0 0.55em !important; display:inline; float:left; height:1.9em; font-size:1em; } #infoColumn .submit2 input, #infoColumn .submit2 span, #mainColumn .submit2 input, #mainColumn .submit2 span, .submit2 a { background:url(http://static.meet4less.co.uk/img/form_submit01.gif) no-repeat right top; padding:0 0.5em 0 0; border:none; margin:0 -0.5em 0 0; cursor:pointer; color:#534141; font-weight:bold; font-size:0.91em; display:block; line-height:1.9em; height:2.1em; } .submit2.normal a { font-weight:normal; } #infoColumn .submit2 input, #mainColumn .submit2 input { height:2em; padding-bottom:0.2em; } #mainColumn .generateCode .submit2 input { padding-bottom:0.5em; } #infoColumn .submit2 span, #mainColumn .submit2 span { padding:0 0.75em 0 0; } #infoColumn .submit2 input:hover, #infoColumn .submit2 span:hover, #mainColumn .submit2 span:hover, #mainColumn .submit2 input:hover, .submit2 a:hover { color:#CE0102; } a.submit2 { font-size:0.9em; padding:0 0 0 0.8em !important; } .submit2.right { margin-right:0.5em; } .helpVideo, .smallHelp { background:url(/img/button_help_video.gif) no-repeat left top; width:80px; height:18px; line-height:17px; padding-bottom:1px; font-size:11px; border:none; cursor:pointer; text-align:center; color:#615D54; } .helpVideo:hover, .smallHelp:hover { color:#CE0102; } .helpVideo.marginTop, .smallHelp.marginTop { margin-top:6px; } .helpVideo.marginRight, .smallHelp.marginRight { margin-right:10px; } .helpVideo.marginRightDouble, .smallHelp.marginRightDouble { margin-right:20px; } .submit3 { display:inline; float:left; height:1.65em; line-height:1.65em; padding:0.2em 1em 0.2em 1em; border:0.1em solid #dcd7ce; background:#f9f5eb; color:#64615b; cursor:pointer; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:1em; font-weight:bold; } input[type=text] { height:1.3em; font-size:1.1em; background:url(http://static.meet4less.co.uk/img/form_input_txt.gif) repeat-x bottom left #fff; width:auto; border:0.1em solid #bebcb9; display:inline; float:left; cursor:text; } .text, textarea { height:1.3em; font-size:1.1em; background:url(http://static.meet4less.co.uk/img/form_input_txt.gif) repeat-x bottom left #fff; width:auto; border:0.1em solid #bebcb9; display:inline; float:left; cursor:text; } #mainColumn .text { width:60%; } #mainColumn input[type=text], #mainColumn input[type=password] { width:60%; } #mainColumn .text.short, input[type=text].short { width:40%; } #mainColumn input[type=text].short { width:40%; } #mainColumn textarea, .textarea { width:57.6%; height:5em; } #mainColumn textarea.long { height:22.2em; } #mainColumn textarea.fullWidth, #infoColumn textarea.fullWidth { width:98%; } #facebox textarea { width:80%; margin-bottom:1em; } #mainColumn .login { margin-bottom:2em; } #infoColumn .login #remember { margin-right:0.5em; } #infoColumn .login .text { width:8.4em !important; } #infoColumn .login label { min-width:5.4em; _width:5.4em; } #infoColumn .login a { font-weight:normal; color:#77191a; } #infoColumn .login a:hover { color:#FF3435; } #infoColumn .login p { width:auto; } .logoutArea { margin-top:-3.65em; display:block; height:3.5em; z-index:50; position:relative; } .logoutArea p { margin-bottom:0em; display:block; height:1.65em; } .text:focus { border:1px solid #9a9896; } /* Tables - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ table.niceTable { font-size:1.1em; border-top:0.1em solid #d8d8d8; } table.niceTable tbody tr.odd { background:#f5f5f5; } table.niceTable tbody tr td { border-right:0.1em solid #d8d8d8; border-bottom:0.1em solid #d8d8d8; padding:0.8em 1em 0.8em 0.5em;} table.niceTable tbody tr td:last-child { border-right:0; } table.niceTable tbody tr a { display:block; height:100%; color:#615d54; } table.niceTable tbody tr a:hover { color:#a40607; } table.tableList { font-size:1.2em; border-top:0.1em solid #cfcfcf; border-right:0.1em solid #cfcfcf; } .tableList thead tr { background-color:#f4e6d4; } .tableList thead tr th { border-left:0.1em solid #cfcfcf; border-bottom:0.1em solid #cfcfcf; } .tableList thead tr th.check { padding:0.4em 0.5em 0.4em 1em; } .tableList tbody tr { background-color:#f2f0f0; } .tableList tbody tr.unread { background-color:#F9F5EA; } .tableList tbody tr.unread_bold { background-color:#F9F5EA; } .tableList tbody tr.unread_blue { background-color:#E4ECF7; } .tableList tbody tr.unread_pink { background-color:#F8EBF5; } .tableList tbody th { background-color:#fbfbf9; } .tableList tbody th.check { padding:0.4em 0.5em 0.4em 1em; } .tableList tbody tr td, .tableList tbody tr th { border-left:0.1em solid #cfcfcf; border-bottom:0.1em solid #cfcfcf; } .tableList tbody tr.unread td { font-weight:bold; } .tableList tbody tr.unread_bold td { font-weight:bold; } .tableList tbody tr.unread td.date { font-weight:normal; } .tableList tbody tr td a { color:#64615b; } .tableList tbody tr td a:hover { color:#A40607; } table.tableForum { font-size:1.1em; border-spacing:0em 0em; border-collapse:collapse; } table.tableForum tbody { margin-top:0.1em; } .tableForum thead tr { } .tableForum thead tr th { border:0.1em solid #615d54; background:url(http://static.meet4less.co.uk/img/forum_header.gif) repeat-x top left #615d54; line-height:2em; min-height:2em; _height:2em; color:#fff; padding:0.4em 1em 0.4em 1em; white-space:nowrap; } .tableForum thead tr th.first-child, .tableForum thead tr th:first-child { background-position:top right; } .tableForum thead tr th a.ico_reply { padding-left:2.4em; color:#fff; background:url(http://static.meet4less.co.uk/img/ico_forum_reply.gif) no-repeat left 0.3em; line-height:1.8em; display:inline; float:right; } .tableForum thead tr th a.ico_reply:hover { color:#f6ce77; } .tableForum tbody tr { } .tableForum tbody tr td, .tableForum tbody tr th { border:0.1em solid #dcd7ce; padding:0.7em 1em 0.7em 1em; } .tableForum tbody tr th { background-color:#f9f5eb; } .tableForum tbody tr th.head { background-color:#fff; height:2.6em; padding:0.1em 0 0.1em 0; } .tableForum tbody tr th.head p { background:url(http://static.meet4less.co.uk/img/forum_header2.gif) repeat-x bottom #ebe4d3; padding:0 0.85em 0 0.85em; margin:0; height:2.1em; line-height:2.1em; } .tableForum tbody tr th.ico p { padding-left:2.6em; } .tableForum tbody tr th.ico .arrow { background:url(http://static.meet4less.co.uk/img/ico_arrow.gif) no-repeat center; display:inline; float:left; margin-left:-1.7em; width:0.7em; height:2.1em; } .tableForum tbody tr th.info { width:10em; vertical-align:top; } .tableForum tbody tr th.info p { margin-bottom:0; line-height:1.5em; } .tableForum tbody tr th.info a { color:#615d54; } .tableForum tbody tr th.info a:hover { color:#cb0102; } .tableForum tbody tr th.info img { margin-bottom:0.5em; margin-top:0.5em; } .tableForum tbody tr td { background:url(http://static.meet4less.co.uk/img/forum_threat_bg.gif) repeat-x bottom #fff; } .tableForum tbody tr td.forumContent { vertical-align:top; } .tableForum tbody tr td.ico p { padding-left:3em; font-size:1em; } .tableForum tbody tr td .thread { background:url(http://static.meet4less.co.uk/img/ico_forum_threat.gif) no-repeat left center; } .tableForum tbody tr td .thread.active, .tableForum tbody tr td .thread.true { background:url(http://static.meet4less.co.uk/img/ico_forum_threat_active.gif) no-repeat left center; } .tableForum tbody tr td p { margin:0; font-size:1.1em; line-height:1.5em; } .tableForum tbody tr td p .title { text-decoration:underline; } .tableForum tbody tr .date { } .tableForum tbody tr .date span { display:block; white-space:nowrap; line-height:1.3em; font-size:0.9em; } .icoThread { background:url(http://static.meet4less.co.uk/img/ico_forum_lastpost.gif) no-repeat right center; display:inline; float:left; font-weight:bold; padding-right:1.8em; font-weight:normal; } .tableForum tbody tr td a { color:#64615b; } .tableForum tbody tr td a:hover { color:#A40607; } .tableForum tbody tr td .info { color:#bcb4a1; margin-bottom:1.9em; margin-top:0.3em; font-size:0.9em; display:block; font-weight:normal; line-height:1em; } .tableForum tbody tr th .info { font-size:0.9em; display:block; font-weight:normal; line-height:1.5em; } .tableForum tbody tr.statusBar th, .tableForum tbody tr.statusBar td { padding:0; } .tableForum tbody tr.statusBar th .submit, .tableForum tbody tr.statusBar td .submit { border:none; text-align:center; height:1.8em; line-height:1.8em; } .tableForum tbody tr.statusBar th .submit.arrowTop span { background:url(http://static.meet4less.co.uk/img/ico_arrow_top.gif) no-repeat 1em 0.55em; display:block; padding-left:1.1em; } .tableForum tbody tr.statusBar th .submit.arrowTop:hover span { background-position:1em -3.7em; } .tableForum tbody tr.statusBar td .submit.icoQuote span { background:url(http://static.meet4less.co.uk/img/ico_forum_quote.gif) no-repeat 0.5em 0.3em; display:block; padding-left:2.4em; padding-right:1em; } .tableForum tbody tr.statusBar td .submit.icoQuote:hover span { background-position:0.5em -3.4em; } .tableForum tbody tr.statusBar td .submit.icoEdit span { background:url(http://static.meet4less.co.uk/img/ico_forum_edit.gif) no-repeat 0.4em 0.2em; display:block; padding-left:2.4em; padding-right:1em; border-right:0.1em solid #fff; } .tableForum tbody tr.statusBar td .submit.icoEdit:hover span { background-position:0.4em -3.4em; } .tableForum tbody tr.statusBar td .submit.icoDelete span { background:url(http://static.meet4less.co.uk/img/ico_forum_delete.gif) no-repeat 0.4em 0.2em; display:block; padding-left:2.4em; padding-right:1em; border-right:0.1em solid #fff; } .tableForum tbody tr.statusBar td .submit.icoDelete:hover span { background-position:0.4em -3.4em; } .tableForum tbody tr.statusBar td .submit.icoReportAbuse span { font-weight:normal; background:url(http://static.meet4less.co.uk/img/ico_abuse_small.png) no-repeat 0.4em 0.35em; display:block; padding-left:2.2em; padding-right:1em; ; border-right:0.1em solid #fff; } .tableResults { margin-top:2em; border:0.1em solid #e9e9e9; border-width:0.1em 0 0.1em 0em; } .tableResults thead th { background:url(http://static.meet4less.co.uk/img/box_header_grad02_bg.gif) repeat-x bottom; font-size:1.2em; line-height:2em; font-weight:bold; color:#77191a; } .tableResults tbody td, .tableResults tbody th { font-size:1.1em; } .tableResults tbody td { border:0.1em solid #e9e9e9; border-width:0.1em 0 0 0; } .tableResults tbody tr.even td { background-color:#f5f5f5; } .box .tableResults tbody td {padding:0.4em 0.4em 0.4em 0.4em;} /* UserList - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .boxList .userListWrapper, .boxList .boxListContent { padding:1em 1.5em 0em; background:url(http://static.meet4less.co.uk/img/box4_bg_top.gif) no-repeat center top; min-height:13em; } /* .latestStoriesContent .boxList .boxListContent, .latestForumsContent .boxList .boxListContent { min-height:30em; } */ .activityStream .boxList .userListWrapper { padding:2.5em 1.5em 0em; min-height:25em; } .userList { margin-top:2em; border:0.1em solid #e9e9e9; border-width:0.1em 0 0.1em 0em; } .userList thead th { background:url(http://static.meet4less.co.uk/img/box_header_grad02_bg.gif) repeat-x bottom; font-size:1.2em; line-height:2em; font-weight:bold; color:#77191a; } .boxList .userList { margin-bottom:0.5em; } .userList tr.unread td a, .userList tr.unread td p { font-weight:bold; } .userList td, .userList th { text-align:left; padding:0.4em 0.4em; } .userList tbody td, .userList tbody th { font-size:1em; } .userList tbody td { border:0.1em solid #e9e9e9; border-width:0.1em 0 0 0; } .userList tbody tr.even td { background-color:#f5f5f5; } .userList tbody td {padding:0.4em 0.4em 0.4em 0.4em;} .userList tbody td p, .userList tbody th p { margin:0; } .userList .photo { margin-right:0; } .userList .profileName { white-space:nowrap; } .userList .profileName a { display:inline; float:left; } .userList p { font-size:1.1em; } .userList td.online { background:url(http://static.meet4less.co.uk/img/ico_online_status.gif) no-repeat center; } .userList td.halfOnline { background:url(http://static.meet4less.co.uk/img/ico_halfonline_status.gif) no-repeat center; } .userList .onlineStatus { text-align:center; } .userList .boxList { background:none; white-space:nowrap; } .userList .boxList .icoContainer { padding-top:0; margin-top:0.2em; height:auto; width:14em !important; white-space:nowrap; float: right;} .userList .boxList .icoContainer a:hover { background-position:0.5em 0.5em; } .userList .boxList .icoContainer .more { margin-right:0.5em; background-color:#FFFFFF; background-position:0.6em 0.5em; padding:0 0 0 2.6em;} .userList .boxList .icoContainer .wink { padding-left:2em; } form.advancedSearch { } form.advancedSearch p { } #mainColumn .advancedSearch input.text { width:90%; } #mainColumn .advancedSearch .text.short { width:29%; } form.advancedSearch .submit.right { float:right; display:inline; } form.advancedSearch select.doNotStyle { width:90%; } .latestForums { margin-top:1em; } table.latestForums tbody tr td { padding: 0.9em 1em 0.9em 0.5em;} .latestForums .date, .latestForums .name { width:20%; text-align:center; white-space:nowrap; } .latestForums .topic { font-weight:bold; } .latestForumsContent, .latestBlogsContent, .latestVisitorsContent { } .latestForumsContent h2, .latestBlogsContent h2, .latestVisitorsContent h2 { margin-top:0; margin-bottom:0; } .latestVisitorsContent .empty .photo, .latestVisitorsContent .empty .icoContainer { visibility:hidden; } /* Lists - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .niceList, .noList { list-style:none; margin:0; list-style-position:inside; } .niceList { list-style-position:outside; } .niceList ul li, .viewBlogList .niceList li { font-size:1.2em; line-height:2.3em; padding-left:1.7em; padding-right:8em; background:url(http://static.meet4less.co.uk/img/ico_list.gif) no-repeat left 0.9em; border-bottom:0.1em solid #ebebeb; position:relative; } .viewBlogList .niceList li { background-position:left center; padding-left:1.7em !important; padding-right:8em !important; font-size:1.1em; padding-top:0.5em; padding-bottom:0.5em; line-height:2.3em; min-height:2.3em; } .boxList.viewBlogList ul li:first-child { border-top:none; } .niceList li:last-child { border-bottom:none; } .niceList li a { display:block; height:100%; color:#615d54; } .niceList li a:hover { color:#a40607; } .niceList li span { font-weight:bold; position:absolute; top:0; right:0; } .profileEdit .noList { margin-top:2em; } .noList li { font-size:1.2em; line-height:2.3em; } .profileEdit .noList li { border-bottom:0.1em solid #ebebeb; padding:0 1em; } .profileEdit .noList h3 { margin-bottom:0; line-height:2.5em; font-size:1.3em; } .profileEdit .noList .submit { margin-top:0.7em; } .profileEdit li:hover { background-color:#F5F5F5; } .niceList2 { list-style:none; margin:0; list-style-position:inside; list-style-position:outside; } .niceList2 li { font-size:1.1em; line-height:1.6em; padding-left:1.7em; background:url(http://static.meet4less.co.uk/img/ico_list.gif) no-repeat left 0.55em; position:relative; } .niceList2 li a { display:block; height:100%; color:#615d54; } .niceList2 li a:hover { color:#a40607; } .niceList2 li span { font-weight:bold; position:absolute; top:0; right:0; } .feedbackList { list-style:none; margin:0; list-style-position:inside; border-top:0.1em solid #dcd7ce; margin-top:2em; } .feedbackList li { font-size:1.2em; line-height:2em; border-bottom:0.1em solid #dcd7ce; position:relative; padding-left:0.5em; padding-right:0.5em; } .feedbackList li.even { background-color:#f9f5eb; } .feedbackList li { padding-right:7em; } .feedbackList li .feedbackStars { margin-right:-6em; display:inline; float:right; } /* .page404 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .page404 { min-height:37em; _height:36em; margin-top:3em; padding-top:4em; padding-left:31em; background:url(/misc/img/pic_404.gif) no-repeat center top; } .page404 h1 { font-size:3em; } .page404 p { font-size:1.4em; padding-right:5em; line-height:1.8em; text-align:justify; } .page404 .backButton, .backButton { width:22.1em; height:3.35em; line-height:3.35em; text-indent:5em; font-size:1.2em; font-weight:bold; display:block; background:url(/misc/img/button_back.gif) no-repeat left top; padding-right:10em; margin-top:3em; } .feedback404 { padding:0 7em 3em 31em; } .feedback404 h2 { margin-bottom:0.8em; } .feedback404 textarea { width:97%; height:7em; } .feedback404 .submit { width:12em; display:block; float:none; font-size:1.2em; } /* .maintenancePage - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .maintenancePage { min-height:37em; _height:36em; margin-top:3em; padding-top:4em; padding-left:38em; background:url(/misc/img/pic_maintenance.gif) no-repeat center top; } .maintenancePage h1 { font-size:3em; } .maintenancePage p { font-size:1.4em; padding-right:5em; line-height:1.8em; text-align:justify; } /* .activationPage - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .activationPage { margin-top:3em; padding-top:4em; padding-bottom:14em; background:url(http://static.meet4less.co.uk/img/page_shadow.gif) no-repeat center bottom; } .activationPage .content { padding-left:25em; background:url(http://static.meet4less.co.uk/img/ico_accept_big.gif) no-repeat 7em 0em; min-height:10em; } .activationPage.reject .content { background:url(http://static.meet4less.co.uk/img/ico_reject_big.gif) no-repeat 7em 0em; } .activationPage .backButton { margin-top:4em; padding-right:0; } .icoSuccess { background:url(http://static.meet4less.co.uk/img/ico_accept_big.gif) no-repeat 0 center; min-height:9em; _height:9em; padding-top:1em; padding-left:15em; } .icoReject { background:url(http://static.meet4less.co.uk/img/ico_reject_big.gif) no-repeat 1em center; min-height:9em; _height:9em; padding-top:1em; padding-left:15em; } /* Debug - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .debugMessage { max-height:9em; width:100%; overflow:auto; line-height:1.5em; display:block; } .debugMessage p { margin:0; font-size:1em; line-height:1.5em; } /* ICONS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .ico_accept { background:url(http://static.meet4less.co.uk/img/ico_accept.gif) no-repeat; } .ico_warning { background:url(http://static.meet4less.co.uk/img/ico_warning.gif) no-repeat; } .dp-choose-date { display:inline; float:left; width:1.6em; height:1.6em; background:url(http://static.meet4less.co.uk/img/ico_date.gif) no-repeat; text-indent:-3000px; } .icoStar { display:inline; float:right; width:0.8em; height:0.7em; margin-left:0.2em; margin-top:0.5em; background:url(http://static.meet4less.co.uk/img/ico_star.gif) no-repeat; } .icoRStar { display:inline; float:left; width:1.6em; height:1.6em; margin-left:0.3em; margin-top:0.5em; background:url(http://static.meet4less.co.uk/img/ico_star_rating.gif) no-repeat; } .icoRStarHalf { display:inline; float:left; width:1.6em; height:1.6em; margin-left:0.3em; margin-top:0.5em; background:url(http://static.meet4less.co.uk/img/ico_star_rating_half.gif) no-repeat; } .icoRStarGrey { display:inline; float:left; width:1.6em; height:1.6em; margin-left:0.3em; margin-top:0.5em; background:url(http://static.meet4less.co.uk/img/ico_star_rating_grey.gif) no-repeat; } #userRatingBar { width:13em; height:2.4em; margin-left:3.5em; margin-top:0.5em; } #userRatingBar .red { display:inline; float:left; width:1.6em; margin-left:0.5em; margin-top:0.45em; font-size:1.5em; } .icoClose { display:inline; font-size:1.2em; float:left; height:1.65em; line-height:1.65em; padding-right:1.8em; margin-right:1em; background:url(http://static.meet4less.co.uk/img/ico_close3.gif) no-repeat right 0.3em; } /* Upload JS progress bar - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #spaceused1_pbText {font-size:1.7em;line-height:20px;padding-left:6px;position:absolute;} /* Fancy Box select person - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .popup .select_person_box { width:15em; height:10.1em; float:left; margin-left: 1.3em; margin-bottom:4.5em; } .popup .select_person_box_disabled { position: relative; } .popup .select_person_box_disabled .ico_warning_disabled { width: 2.2em; height: 2.3em; position: absolute; top: 1em; left: 1em; } .popup .divChild .no_padding_left { margin-left: 0 } .popup .select_person_box span { display:block; text-align:center; margin-top:10.5em; font-size:1.1em; font-weight:bold} .popup .select_person_box i { display:block; text-align:center; font-size:1.1em; } .select_person_box:hover {color:#CE0102; opacity:0.8;} /* Tooltip - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #tooltip { position: absolute; z-index: 100001; border: 1px solid #d8d8d8; background-color: #fff; color:#4c4c4c; font-size:0.8em; padding: 0.4em; } #tooltip h3, #tooltip div { margin: 0; } #tooltip .tooltipContent { max-height:320px; overflow:hidden; } #tooltip.pretty, #tooltip.fancy { border: none; background-color:transparent; } #tooltip.pretty .tooltipContent { border: none; width: 210px; padding:20px; padding-bottom:2px; min-height: 10px; font-size:10pt; line-height:18px; } #tooltip.pretty.small .tooltipContent { width: 136px; padding:5px; } #tooltip.pretty h3 { margin-bottom: 0.75em; font-size: 11pt; line-height:18px; font-weight:bold; width: 200px; padding:0 10px; color:#77191a; text-align:left; } #tooltip.pretty.small h3 { font-size:11px; color:#4c4c4c; width:120px; padding-right:5px; margin-bottom:0; } #tooltip.pretty .tooltipContent div { width: 200px; padding:0 10px; padding-bottom:0; text-align: left; } #tooltip.pretty.small .tooltipContent div { width: 125px; padding:0 10px; padding-bottom:0; text-align: left; } #tooltip.fancy .tooltipContent { background: url('/img/tooltip_shadow2.png') no-repeat top; padding-top: 60px; min-height: 10px; _height:10px; } #tooltip.fancy.small .tooltipContent { background: url('/img/tooltip_shadow.png') no-repeat top; padding-top: 55px; } #tooltip.fancy .tooltipBottom { background: url('/img/tooltip_shadow2.png') no-repeat bottom; height:25px; } #tooltip.fancy.small .tooltipBottom { background: url('/img/tooltip_shadow.png') no-repeat bottom; height:15px; } #tooltip.fancy.viewport-bottom .tooltipContent { background: url('/img/tooltip_shadow2_reversed.png') no-repeat top; padding-top:20px; padding-bottom: 1px; min-height: 10px; _height:10px; } #tooltip.small.viewport-bottom .tooltipContent { background: url('/img/tooltip_shadow_reversed.png') no-repeat top; min-height:15px; _height:15px; } #tooltip.fancy.viewport-bottom .tooltipBottom { background: url('/img/tooltip_shadow2_reversed.png') no-repeat bottom; padding-bottom:30px; height:25px; } #tooltip.small.viewport-bottom .tooltipBottom { background: url('/img/tooltip_shadow_reversed.png') no-repeat bottom; padding-bottom:20px; height:30px; } #tooltip.fancy.viewport-right .tooltipContent { background: url('/img/tooltip_shadow2_right.png') no-repeat top; padding-top: 60px; min-height: 10px; _height:10px; } #tooltip.fancy.viewport-right.small .tooltipContent { background: url('/img/tooltip_shadow_right.png') no-repeat top; padding-top: 55px; } #tooltip.fancy.viewport-right .tooltipBottom { background: url('/img/tooltip_shadow2_right.png') no-repeat bottom; height:25px; } #tooltip.fancy.viewport-right.small .tooltipBottom { background: url('/img/tooltip_shadow_right.png') no-repeat bottom; height:15px; } #tooltip.fancy.viewport-right.viewport-bottom .tooltipContent { background: url('/img/tooltip_shadow2_reversed_right.png') no-repeat top; padding-top:20px; padding-bottom: 1px; min-height: 10px; _height:10px; } #tooltip.small.viewport-right.viewport-bottom .tooltipContent { background: url('/img/tooltip_shadow_reversed_right.png') no-repeat top; min-height:15px; _height:15px; } #tooltip.fancy.viewport-right.viewport-bottom .tooltipBottom { background: url('/img/tooltip_shadow2_reversed_right.png') no-repeat bottom; padding-bottom:30px; height:25px; } #tooltip.small.viewport-right.viewport-bottom .tooltipBottom { background: url('/img/tooltip_shadow_reversed_right.png') no-repeat bottom; padding-bottom:20px; height:30px; } .galleryTooltip img { max-width:320px; max-height:220px; } /* GROWL - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .tooltipBoxSmall { width:260px; min-height:36px; } .tooltipBoxSmall .top { width:100%; height:14px; background:url(http://static.meet4less.co.uk/img/shape_tooltip_small2.png) no-repeat top left; } .tooltipBoxSmall .bot { width:100%; height:14px; background:url(http://static.meet4less.co.uk/img/shape_tooltip_small2.png) no-repeat -518px bottom; } .tooltipBoxSmall .content { background:url(http://static.meet4less.co.uk/img/shape_tooltip_small2.png) repeat-y -259px 0px; position:relative; padding:0 4px 0 4px; } .tooltipBoxSmall .content .gradient { background:url(http://static.meet4less.co.uk/img/shape_tooltip_small2.png) no-repeat -4px -14px; min-height:56px; padding:8px 20px 8px 20px; } .tooltipBoxSmall .content .gradient strong { color:#a40607; } .tooltipBoxSmall .content h2 { color:#625946; margin-bottom:18px; text-align:left; } .tooltipBoxSmall .content h2 span { color:#625946; font-size:14px; } .tooltipBoxSmall .content p { margin-bottom:0; line-height:18px; font-size:14px; color:#625946; text-align:left; } .tooltipBoxSmall .content p.marginBottom { margin-bottom:1em; } .tooltipBoxSmall .content p strong { margin-bottom:10px; } .tooltipBoxSmall p img.left { margin:0 10px 0 0; } /* welcome banners - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #welcome_banner_popup_content {max-height:485px; overflow:auto; padding-right:30px;text-align:justify; font-size:1.2em} #welcome_banner_popup_content p { line-height:18px} #welcome_banner_popup_content h2 { font-size:2.2em; font-weight:bold; text-align:center; margin:0; } #welcome_banner_popup_content h3 { font-size:1.4em; font-weight:bold; } #welcome_banner_popup_content ul li { font-size:1.2em; margin:10px; line-height:18px;} #welcome_banner_popup_content .line { margin:10px 0 30px 0;} #banner_acceptable, #banner_contact, #banner_privacy, #banner_terms, #banner_chat { height:62px; width:150px; margin-bottom:10px; display:block; } #banner_acceptable { background: url('/img/banner_acceptable.jpg') no-repeat top; } #banner_contact {background: url('/img/banner_contact.jpg') no-repeat top;} #banner_privacy {background: url('/img/banner_privacy.jpg') no-repeat top;} #banner_terms {background: url('/img/banner_terms.jpg') no-repeat top;} #banner_chat {background: url('/img/banner_chat.jpg') no-repeat top;} /* reCaptcha - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #captcha_message { margin-left:9.3em} .recaptchatable .recaptcha_image_cell, #recaptcha_table { background-color:#fff !important; } #recaptcha_table { float:left; width:300px; margin:-1.7em 0 0 9.3em !important; border-color: #fff !important; } #recaptcha_response_field { border-color: #bebcb9 !important; background-color:#000 !important; } /* Google Chrome Frame - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #placeholder { z-index:100; } /* Common styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .left { display:inline; float:left; } .right { display:inline; float:right; } input[type="submit"].right { display:inline; float:right; } .bold { font-weight:bold; } .normal { font-weight:normal; } .center { margin:0 auto; text-align:center; } .block { display:block; min-height:0.1em; } .textAlignLeft { text-align:left; } .textAlignRight { text-align:right; } .textAlignCenter { text-align:center; } .red { color:#a40607; } .red2 { color:#ce0102; } .red3 { color:#77191a; } .blue { color:#0a4ca6; } .green { color:#068a00; } .gold { color:#9e8242; } .grey { color:#64615b; } .grey2 { color:#bfbfbf; } .strong { font-weight:bold; } .justify { text-align:justify; } .hide { display:none; } .hide2 { margin-left:-9000px; } .noMargin { margin-top:0; margin-bottom:0; } .noMarginBottom { margin-bottom:0; } .marginBottom { margin-bottom:1em; } .marginBottomDouble { margin-bottom:2em; } .marginLeftRight { margin-left:0.6em; margin-right:0.6em; } .marginLeft { margin-left:1em; } .marginLeftDouble { margin-left:2em; } .marginLeftSmall { margin-left:0.5em; } .marginRight { margin-right:1em; } .marginRightDouble { margin-right:2em; } .marginRightSmall { margin-right:0.5em; } .marginTop { margin-top:1em; } .marginTopDouble { margin-top:2em; } .marginTopMicro { margin-top:0.1em; } .paddingLeft { padding-left:1em !important; } .paddingLeftDouble { padding-left:2em !important; } .paddingRight { padding-right:1em !important; } .paddingRightDouble { padding-right:2em; } .paddingTop { padding-top:1em; } .paddingTopDouble { padding-top:2em; } .noMarginTop { margin-top:0 !important; } .redInput { background: #ce0102 !important; color: #fff; } .capitalize { text-transform: capitalize; } .smallText { font-size: 0.8em; } .smallTextDouble { font-size: 0.7em; } .averageText { font-size: 1.1em; } .smallH2 { font-size: 1.5em; }; .baseSize { font-size: 10px; } .contentLeftPadding { padding-left: 2.1em !important; } .contentRightPadding { padding-right: 1.05em !important; } .clearPadding { padding: 0 !important; } .loading { min-width:30px; min-height:30px; background:url(http://static.meet4less.co.uk/img/ajax_loader.gif) no-repeat center #fff; } .noWordWrap { white-space:nowrap; } .overflowHidden { overflow:hidden; } #singlePerson { background: url(http://static.meet4less.co.uk/img/empty_filler.gif) bottom left no-repeat; width: 35.6em; height: 18em; font-size: 10px; position: absolute; bottom: 0px; left: 0px; } #advSearchHelp { display: none; } #linkhide { display: none; } #flashcontent { float: left; font-size: 10px; height: 2.8em; overflow: hidden; }