/* CSS Reset */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
a:focus { outline:0; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }

/* Layout (with the help of csscreator.com) */ 
body { background: url(/images/background-new.gif) repeat-x #b7dbf1; color:#000; font:0.84em/1.333 Tahoma,Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; text-align:center; }
#pagewidth { margin:0 auto; text-align:left; width:980px; } 
#leftcol { float:left; position:relative; width:170px; padding-right:20px; }
#twocols { float:right; position:relative; width:790px; }
.rightcol { float:right; position:relative; width:385px; }
.maincol { display:inline; float:left; position:relative; width:385px; }


/* Links */ 
a:link { color: #00aeef;}
a:visited { color: #848;}
a img { border: none;}

/* Headings & other text */ 
#pagewidth h2 { color:#00aeef; font:bold 1.8em "Trebuchet MS",Verdana,sans-serif; }

body strong { font-weight:bold; }
body em { font-style:italic; }

/* Homepage (not logged in) */ 
#home-twocols { float:left; position:relative; width:840px; }

#home-fullwidth { position:relative; width:980px; }

#home-top { background:url(/images/home-couple.jpg) no-repeat left bottom; height:160px; padding-left:230px; text-align:right; } 
#home-top h2 { color:#2288bb; font:bold 2.3em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; padding:15px 0 0 0; }
#home-top h2 strong { color:#06689d; }
#home-top p { color:#738393; font-size:1em; line-height:1.3; padding:10px 2px 0 10px; text-indent:-20px; }
#home-top div { float:right; margin:43px 0 0 20px; width:130px; }

#home-top2 { background:url(/images/home-couple2.jpg) no-repeat left bottom; height:120px; padding-left:230px; text-align:right; margin-bottom:0 } 
#home-top2 h1 { color:#2288bb; font:bold 1.9em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; padding:7px 0 0px 0; }
#home-top2 h1 strong { color:#06689d; }
#home-top2 p { color:#738393; font-size:1.05em; line-height:1.2; padding:10px 2px 0 30px; }


#home-boxes { background:url(/images/home-boxes-btm.gif) no-repeat left bottom; padding-bottom:8px; margin-bottom:20px; }
#home-left { background:url(/images/home-box1-top.gif) no-repeat; display:inline; float:left; padding-top:8px; position:relative; width:330px; }
#home-join { background:#fff; border:2px solid #4c8ab5; border-width:0 2px; padding:10px 0px 8px 18px; }
#home-join h2 { color:#1D68AD; font-size:2.45em; padding-left:2px; }
#home-join h2 strong { color:#b33; font-family:"Trebuchet MS"; font-size:1.2em; text-transform:uppercase; }
#home-join p { color:#738393; font-size:1em; line-height:1.2; margin:0; padding:4px 0 0 2px; }
#home-join form { font-size:0.9em; padding-top:18px; }
#home-join form div { clear:both; min-height:24px; }
#home-join form div span { color:#6099c4; display:block; font-size:0.8em; font-style:italic; padding:2px 24px 3px 0; text-align:right; }
#home-join form div span strong { color:#e52325; font-size:0.9em; }
#home-join form div span em { color:#3b9032; font-size:0.9em; }
#home-join div.textinput label { color:#004477; display:block; float:left; width:75px; margin:2px 10px 0 0; text-align:right; }
#home-join div.textinput input { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:0.9em; 
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:2px; vertical-align:middle; width:190px; }
#home-join div.textinput select { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:0.9em; 
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:0; vertical-align:middle; width:150px; }
#home-join div.gender { color:#004477; padding:5px 0 8px; }
#home-join div.gender label.genderstart { display:block; float:left; width:75px; margin:2px 10px 0 0; text-align:right }
#home-join div.gender select { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:0.9em; 
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:0; vertical-align:middle; }
#home-join div.dropdowns { padding:5px 0 5px; }
#home-join div.dropdowns label { color:#004477; display:block; float:left; width:75px; margin:2px 10px 0 0; text-align:right }
#home-join div.dropdowns select { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:0.9em; 
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; vertical-align:middle; }
#home-join div.checkbox { font-size:0.9em; margin-left:80px; }
#home-join div.checkbox input { padding-bottom:20px; margin-right:5px; float:left }
#home-join div.checkbox label { color:#3f71a3; }
#home-join div.checkbox a { color:#3f71a3; }
#home-join div.submit { margin:10px 20px 0 0; text-align:center; }

#home-middle { float:right; position:relative; width:490px; }
#home-login { background:url(/images/home-box2-top.jpg) no-repeat #3e81b5; margin-bottom:20px; padding-top:8px;  }
#home-login form { background:url(/images/home-box2-btm.gif) no-repeat left bottom; padding:10px 20px 22px 20px; position:relative; }
#home-login form h2 { color:#fff; float:left; font-size:1.9em; line-height:1; margin:0; padding:0 16px 0 0; width:auto; }
#home-login form div.logininput { float:left; margin:3px 11px 0 0; position:relative; width:140px; }
#home-login form div.logininput input { border:1px solid #085491; color:#1f4c6f; height:15px; font-size:0.9em; margin:0; padding:2px 4px; vertical-align: baseline; width:130px; }
#home-login form label.overlabel { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#fff; }
#home-login form label.overlabel-apply { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; position:absolute; top:4px; left:5px; z-index:1; color:#777; }
#home-login form p#reminder { clear:both; color:#9bbfde; display:block; float:left; font-size:0.8em; margin:0 0 0 0; padding:5px 0 0 246px; text-align:right; width:12em; }
#home-login form p#reminder a { color:#a8cbe7; }
#home-login-btn { display:inline; float:left; margin:2px 0 0; padding:0; vertical-align:middle; }
#home-login form div#remember { bottom:19px; color:#a8cbe7; font-size:0.8em; right:242px; margin:0; position:absolute; } 
#home-login form div#remember input { vertical-align:middle; }
#home-login form p#error { color:#fff; display:block; font-size:0.8em; margin:-8px 0 3px 0; padding:0 0 0 90px; }
#home-login form p#error img { float:left; vertical-align:middle; margin-right:5px; }
#home-login form p#error a { color:#fff; }

#home-error { background:url(/images/home-box3-top.gif) no-repeat; margin-bottom:10px; padding-top:8px;  }
#home-error-btm { background:url(/images/home-box3-btm.gif) no-repeat left bottom; padding-bottom:8px; }
#home-error-brd { background:#fff; border:2px solid #4c8ab5; border-width:0 2px; padding:10px 18px 10px 18px; }
#home-error img { float:left; margin-right:10px; }

#home-members { background:url(/images/home-box3-top.gif) no-repeat; margin-bottom:20px; padding-top:8px;  }
#home-members h2 { font-size:1.9em; }
#home-members-btm { background:url(/images/home-box3-btm.gif) no-repeat left bottom; padding-bottom:8px; }
#home-members-brd { background:#fff; border:2px solid #4c8ab5; border-width:0 2px; padding:8px 0 15px 25px; }
#home-members ul { padding-top:10px; }
#home-members li { background:#fff; color:#06689d; float:left; font-size:0.8em; line-height:1.2; width:110px; }
#home-members li a { text-decoration:none; }
#home-members li span { border:1px solid #a8bcd0; display:block; height:69px; width:69px; }
#home-members li span span { border:1px solid #fff; display:block; height:67px; overflow:hidden; width:67px; }
#home-members li strong { display:block; padding-top:5px; font-weight:normal; }

#home-testimonials { background:url(/images/home-box4-top.jpg) no-repeat #b0d9f1; color:#39688f; padding:18px 20px 4px; }
#home-testimonials img { float:right; margin:10px 5px 0 15px; }
#home-testimonials p { font-size:0.9em; line-height:1.2; margin-bottom:8px; }
#home-testimonials h3 { font:bold 1.3em "Trebuchet MS",Verdana,sans-serif; margin:0; padding:0; }
#home-testimonials h3 a { color:#bc1c20; text-decoration:none; }

#home-text { color:#384048; padding:0 5px; }
#home-text h1 { color:#0e3d62; font-size:1.3em; padding:15px 0; }
#home-text p { font-size:0.9em; line-height:1.2; padding-bottom:12px; }
#home-text a { color:#145ca1; }

#home-rightcol { float:right; position:relative; width:120px; padding-left:20px; }
#letterbox { background:url(/images/home-letterbox.jpg) no-repeat; color:#06689d; font-size:0.9em; height:58px; line-height:1.2; margin:3px 0 27px; padding:62px 5px 0; text-align:center; }

/* Header */ 
#header { background:url(/images/cartoon.jpg) no-repeat 218px 23px; height:143px; position:relative; width:100%; } 
#header2 { height:143px; position:relative; width:100%; } 
#logo { left:8px; position:absolute; top:12px; z-index:1; }
#logo2 { left:3px; position:absolute; top:25px; z-index:1; }
#header p { color:#006297; font-family:Arial, Helvetica, sans-serif; font-size:1em; letter-spacing:0.5px; left:92px; position:absolute; top:48px; z-index:2; }
#header2 p { color:#006297; font-family:'Comic Sans MS', Verdana, sans-serif; font-size:1em; left:78px; position:absolute; top:40px; z-index:2; }
#banner { float:right; padding-left:10px; }
#leader {width:728px; height:90px;float:right; margin-bottom:20px; border:0px dotted #FFFFFF}
#onlinehelp { float:left; padding:10px 15px 0 0; }
#topbar, #topbar2 { background: url(/images/topbar-new.jpg) no-repeat #7a80a8; color:#e4e5ff; font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande",Verdana,sans-serif; font-size:0.9em; height:26px; position:absolute; top:96px; width:100%; }
#topbar a { color:#e4e5ff; border-bottom:1px solid #aeb0de; text-decoration:none; }
#topbar span { color:#b3afd0; padding:0 5px; }
#topbar strong { color:#c4c6f2; font-weight:normal; }
#topbar-users { float:left; padding:5px 15px; }
#topbar-users-home { float:right; padding:5px 15px; }
#topbar-users-home a { color:#dff1fc; border-bottom:1px solid #85b0d0; text-decoration:none; }
#topbar-login { float:right; padding:5px 15px; }

/* Left Navigation */
#leftnav { background:url(/images/leftnav-top.gif) no-repeat left top; font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande",Verdana,sans-serif; margin-bottom:20px; padding-top:8px; width:170px; }
#leftnav div { background:url(/images/leftnav-btm.gif) no-repeat left bottom; padding-bottom:8px;}
#leftnav ul { background:#fff; border:2px solid #4c8ab5; border-width:0 2px; padding:4px 17px 11px; }
#leftnav li { border-bottom:1px solid #d8e1ea; padding:4px 0; }
#leftnav li.extranav { font-size:1.15em; font-weight:bold; }
#leftnav li.extranav a { color:#00497F; }
#leftnav a { color:#2f72a7; text-decoration:none; }
#leftnav a.home { color:#00aeef; }

#leftcol p { margin:10px 0; padding:0; }

#skyscraper { text-align:center; }

/* Main Column Boxes */
#boxes-top { background:url(/images/boxes-slim-btm.gif) no-repeat left bottom; padding-bottom:8px; margin-bottom:20px; }
.box-slim { background:url(/images/box-slim-top.gif) no-repeat; padding-top:8px; position:relative; }
.box-slim-brd { background:#fff; border:2px solid #4c8ab5; border-width:0 2px;  padding:8px 0 12px 20px; }
#boxes-top .box-slim ul { padding-top:10px; }
#boxes-top .box-slim li { background:#fff; color:#06689d; float:left; font-size:0.8em; line-height:1.2; width:90px; }
#boxes-top .box-slim li a { text-decoration:none; }
#boxes-top .box-slim li span { border:1px solid #a8bcd0; display:block; height:69px; width:69px; }
#boxes-top .box-slim li span span { border:1px solid #fff; display:block; height:67px; overflow:hidden; width:67px; }
#boxes-top .box-slim li strong { display:block; padding-top:5px; font-weight:normal; }

#boxes-mid { background:url(/images/boxes-slim2-btm.gif) no-repeat left bottom; padding-bottom:8px; margin-bottom:20px; }
#boxes-mid2 { background:url(/images/boxes-slim3-btm.gif) no-repeat left bottom; padding-bottom:8px; margin-top:20px; }
.box-blue { background:url(/images/box-blue-top.jpg) no-repeat #276ba2; padding:15px 22px 0; width:341px; }
#pagewidth .box-blue h2 { color:#fff }
#boxes-mid .box-blue p { color:#bcdbec; font-size:0.9em; line-height:1.3; padding:6px 0 20px; }
#boxes-mid .box-blue ul { float:left; font-size:0.9em; margin:0; padding:0; width:222px }
#boxes-mid .box-blue li { background:url(/images/bullet-blue2.gif) no-repeat 0 7px; color:#fff; padding:0 0 3px 15px; }
#boxes-mid .box-blue li a { color:#fff; }
#welcome-photo { float:left; height:110px; overflow:hidden; width:100px; margin:2px 17px 0 0; }
.box-blue2 { background:url(/images/box-blue2-btm.gif) no-repeat left bottom; color:#39688f; padding-bottom:8px; margin-bottom:20px; }
.box-blue2-top { background:url(/images/box-blue2-top.gif) no-repeat left top; color:#39688f; padding:15px 20px 8px;}
#pagewidth .box-blue2-top h2 { color:#6767a9; font-size:1.6em; padding-bottom:10px; }
.box-blue2-top li { background:url(/images/bullet-blue.gif) no-repeat 0 7px; font-size:0.9em; line-height:1.3; padding-left:15px; }
.box-blue2-top li a { color:#39688f; }
.box-blue2-top div { float:right; font-size:0.8em; line-height:1.2; margin:-30px 0 0 6px; text-align:center; width:52px; }
.box-blue2-top div img { padding-bottom:2px; }
.box-blue2-top div a { color:#2f72a7; text-decoration:none; }
#boxes-mid .box-slim { background:url(/images/box-slim2-top.gif) no-repeat; padding-top:8px; }
#boxes-mid .box-slim-brd { padding:8px 20px 8px 20px; }
#boxes-mid .box-slim-brd h2 { color:#6767a9; font-size:1.6em; padding-bottom:10px; }
#boxes-mid .box-slim-brd p { color:#296797; font-size:0.9em; line-height:1.2; }
#boxes-mid .box-slim-brd div { float:right; font-size:0.8em; margin:-30px 0 0 6px; text-align:center; width:52px; }
#boxes-mid .box-slim-brd div a { color:#2f72a7; text-decoration:none; }
 
#boxes-mid2 .box-slim { background:url(/images/box-slim2-top.gif) no-repeat; padding-top:8px; }
#boxes-mid2 .box-slim-brd { padding:8px 20px 8px 20px; }
#boxes-mid2 .box-slim-brd h2 { color:#02659b; font-size:1.6em; padding-bottom:10px; }
#boxes-mid2 .box-slim-brd p { color:#296797; font-size:0.9em; line-height:1.2; }
#boxes-mid2 .box-slim-brd div { float:right; font-size:0.8em; margin:-30px 0 0 6px; text-align:center; width:52px; }
#boxes-mid2 .box-slim-brd div a { color:#2f72a7; text-decoration:none; }

/* Wide Box */
.box-wide { background:url(/images/box-wide-top.gif) no-repeat; padding-top:8px; }
.box-wide-btm { background:url(/images/box-wide-btm.gif) no-repeat left bottom; padding-bottom:8px; }
.box-wide-brd { background:#fff; border:2px solid #4c8ab5; border-width:0 2px;  padding:8px 0 12px 20px; width:766px; }

/* Full Width Box */
.box-full { background:url(/images/box-full-top.gif) no-repeat; padding-top:8px; width:980px; }
.box-full-btm { background:url(/images/box-full-btm.gif) no-repeat left bottom; padding-bottom:8px; }
.box-full-brd { background:#fff; border:2px solid #4c8ab5; color:#3b6b90; border-width:0 2px;  padding:8px 20px 12px 20px; width:936px; }
 
/* Birthday List */
#birthdays h2 { padding-bottom:10px; }
#birthdays ul { margin:0; padding:10px 0 0; }
#birthdays li { color:#7794b2; float:left; font-size:0.8em; line-height:1.2; padding:0 9px 25px 0; width:100px; }
#birthdays li div.userphoto { border:1px solid #a8bcd0; display:block; height:69px; padding-top:0; width:69px; }
#birthdays li div.userphoto a { border:1px solid #fff; color:#b33; display:block; height:67px; overflow:hidden; width:67px; text-decoration:none; background:#ccc; }
#birthdays li div.username { display:block; padding-top:5px; font-weight:normal; }
#birthdays li div.username a { color:#00a2de; text-decoration:none; }
#birthdays li div { padding-top:2px; }
#birthdays li div a { color:#06689d; text-decoration:underline; }

/* Search Results */
.results-row { background:url(/images/boxes-slim-btm.gif) no-repeat left bottom; padding-bottom:8px; margin-bottom:20px; }
.results-row h2 { border-bottom:1px solid #cbd7e3; font-size:1.7em; margin-right:20px; }
.results-row h2 a { text-decoration:none; }
.results-row h2 span { border:1px solid #a8bcd0; display:block; float:left; height:69px; margin:13px 10px 10px 0; width:69px; }
.results-row h2 span span { border:1px solid #fff; display:block; float:none; height:67px; margin:0; overflow:hidden; width:67px; }
.results-row .box-slim { }
.results-row p.details { color:#06689d; font-size:0.8em; margin:11px 0 10px 83px; line-height:1.7; width:135px; }
.results-row p.blurb { color:#1e77a7; clear:left; font-size:0.8em; font-style:italic; margin:10px 20px 5px 0; }
.results-row .box-slim ul { font-size:0.8em; position:absolute; top:55px; right:20px; width:115px; }
.results-row .box-slim li { color:#06689d; float:none; line-height:1.2; padding:2px 0 3px 21px; }
.results-row .box-slim li a { text-decoration:none; }

/* Profile status & options */
.statusonline { background:url(/images/icons/small/online.gif) no-repeat 1px 0; color:#658ba6; font-size:0.8em; padding:1px 0 3px 21px; position:absolute; top:24px; right:0; width:115px; }
.options { font-size:0.9em; }
.options li { padding:0 0 2px 21px; }
.options li a { text-decoration:none; }
.optionprofile { background:url(/images/icons/small/view_profile.gif) no-repeat 1px 0; }
.optionmessage { background:url(/images/icons/small/compose.gif) no-repeat 0 2px; }
.optionflirt { background:url(/images/icons/small/flirt.gif) no-repeat 0 1px; }
/*below the different classes depending if user in your fav or in your maybe list or not */
.optionaddfav { background:url(/images/icons/small/favourites.gif) no-repeat 0 0; }
.optionremovefav { background:url(/images/icons/small/favourites2.gif) no-repeat 0 0; }
.optionaddcontact { background:url(/images/icons/small/contact.gif) no-repeat 0 0; }
.optionremomvecontact { background:url(/images/icons/small/contact2.gif) no-repeat 0 0; }
.optionaddmaybe { background:url(/images/icons/small/maybe.gif) no-repeat 1px 1px; }
.optionremovemaybe { background:url(/images/icons/small/maybe2.gif) no-repeat 1px 1px; }
.optionblockuser { background:url(/images/icons/small/blocked.gif) no-repeat; }
.optionunblockuser { background:url(/images/icons/small/blocked.gif) no-repeat; }
/*[end] the different classes depending  */
.optionreply { background:url(/images/icons/small/reply.gif) no-repeat 0 3px; }
.optiondelete { background:url(/images/icons/small/delete.gif) no-repeat 3px 0; }
.optionphotos { background:url(/images/icons/small/photos.gif) no-repeat 1px 0; }
.optionchat { background:url(/images/icons/small/chat.gif) no-repeat 0 1px; }
.optionim { background:url(/images/icons/small/instantmessages.gif) no-repeat 1px 1px; }

.deleteflirt { float:right; }
p.flirtdetails { clear:left; color:#617480; font-size:0.8em; font-style:italic; margin:4px 0 0; }

/* Mini Profile Window */
.mini-profile { background:url(/images/box-slim-btm.gif) no-repeat left bottom; border:4px solid #fff; padding-bottom:8px; position:relative; width:385px; text-align:left; }
.mini-profile-top { background:url(/images/box-slim-top.gif) no-repeat; padding-top:8px; position:relative; }
.mini-profile-brd { background:#fff; border:2px solid #4c8ab5; border-width:0 2px;  padding:8px 0 12px 20px; }
.mini-profile h2 { border-bottom:1px solid #cbd7e3; font-size:1.7em; margin-right:20px; }
.mini-profile h2 a { text-decoration:none; }
.mini-profile h2 span { border:1px solid #a8bcd0; display:block; float:left; height:69px; margin:13px 10px 10px 0; width:69px; }
.mini-profile h2 span span { border:1px solid #fff; display:block; float:none; height:67px; margin:0; overflow:hidden; width:67px; }
.mini-profile p.details { color:#06689d; font-size:0.8em; margin:11px 0 10px 83px; line-height:1.7; width:135px; }
.mini-profile p.blurb { color:#1e77a7; clear:left; font-size:0.8em; font-style:italic; margin:10px 20px 5px 0; }
.mini-profile ul { font-size:0.8em; position:absolute; top:55px; right:20px; width:115px; }
.mini-profile li { color:#06689d; float:none; line-height:1.2; padding:2px 0 3px 21px; }
.mini-profile li a { text-decoration:none; }
.mini-profile div.close { display:block; position:absolute; right:6px; top:6px; width:14px; }

/* Pagination */
.paging { background:url(/images/paging-bg.gif) no-repeat; color:#97b1c4; height:22px; margin:0 0 15px 0; padding:4px 12px 0; }
.paging p { font-size:0.85em; text-align:right; }
.paging p.left { float:left; font-size:0.85em; padding-top:1px; text-align:left; width:550px; }
.paging p em { color:#5681a3; font-style:normal; }
.paging p strong { color:#165a8f; padding:0 3px; }
.paging p a { padding:0 3px; text-decoration:none; }
.paging p a strong { color:#3c739d; font-size:1.2em; padding:0; }

/* Select Maximum no. of messages */
.boardmax { float:right; font-size:0.85em; text-align:right; width:200px; }
.boardmax form { text-align:right; }
.boardmax form em { color:#5681a3; font-style:normal; }
.boardmax form select { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:1em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:0; vertical-align:middle; }

/* Profile */
#profile { color:#676f76; }
#profile h2 { color:#bb3333; font:bold 1.6em "Trebuchet MS",Verdana,sans-serif; padding-bottom:6px; }

.female #profile-heading { background:url(/images/profile-header-f.jpg) no-repeat #c63838; height:50px; margin-bottom:10px; width:790px; }
.male #profile-heading { background:url(/images/profile-header-m.jpg) no-repeat #4386bb; height:50px; margin-bottom:10px; width:790px; }
#profile-heading h1 { color:#fff; float:left; font:bold 1.8em "Trebuchet MS",Verdana,sans-serif; padding:10px 0 0 15px; width:auto }
#profile-heading p { color:#fff; float:right; padding:16px 15px 0 15px; width:auto; }

.profile-left { display:inline; float:left; position:relative; width:225px; }
.prof-box-slim { background:url(/images/profile-box1-top.gif) no-repeat; margin-bottom:10px; padding-top:8px; width:225px; }
.prof-box-slim-btm { background:url(/images/profile-box1-btm.gif) no-repeat left bottom; padding-bottom:8px; width:225px; }
.prof-box-slim-brd { background:#fff; border:2px solid #4c8ab5; border-width:0 2px; padding:8px 12px 12px 12px; position:relative; width:197px; }
.profile-details { font-size:0.9em; }
.profile-details li { padding-bottom:2px; }

.profile-right { float:right; position:relative; width:555px; }
.profile-right p { padding:0 0 5px 0; }
.prof-box-wide { background:url(/images/profile-box2-top.gif) no-repeat; margin-bottom:10px; padding-top:8px; }
.prof-box-wide-btm { background:url(/images/profile-box2-btm.gif) no-repeat left bottom; padding-bottom:8px; width:555px; }
.prof-box-wide-brd { background:#fff; border:2px solid #4c8ab5; border-width:0 2px; padding:8px 12px 12px 12px; width:527px; }

.profile-right2 { float:left; position:relative; width:350px; margin-left:12px; }
.profile-right2 p { padding:0 0 5px 0; }
.prof-box-wide2 { background:url(/images/profile-box3-top.gif) no-repeat; margin-bottom:10px; padding-top:8px; }
.prof-box-wide-btm2 { background:url(/images/profile-box3-btm.gif) no-repeat left bottom; padding-bottom:8px; width:350px; }
.prof-box-wide-brd2 { background:#fff; border:2px solid #4c8ab5; border-width:0 2px; padding:8px 12px 12px 12px; width:322px; }

.profile-right3 { float:left; width:180px; margin-left:12px; background:url(/images/profile-box4-top.gif) no-repeat; margin-bottom:10px; padding-top:8px;}
.profile-right3 p { padding:0 0 5px 0; }
.prof-box-wide3 { background:url(/images/profile-box4-top.gif) no-repeat; margin-bottom:10px; padding-top:8px; }
.prof-box-wide-btm3 { background:url(/images/profile-box4-btm.gif) no-repeat left bottom; padding-bottom:8px; width:180px; }
.prof-box-wide-brd3 { background:#fff; border:2px solid #4c8ab5; border-width:0 2px; padding:8px 12px 12px 12px; width:152px; }
.prof-box-wide-brd3 h2 { }

#othermember {float:left;width:150px; margin-left:12px;}

.profile-photo { text-align:center; margin-right:-4px; }
.profile-photo a { text-decoration:none; }
.profile-photo span { background:url(/images/icons/small/zoom.gif) no-repeat; padding-left:15px; }

.flirthelp { padding-left:10px; }
.taghelp { position:absolute; right:12px; top:6px; }
.taghelp a { text-decoration:none; }

/* Blue Heading Box */
.heading-box { background:url(/images/heading-box-btm.gif) no-repeat left bottom; margin-bottom:20px; padding-bottom:8px; }
.heading-box-btm { background:url(/images/heading-box.gif) no-repeat left top; color:#fff; padding:10px 20px 4px; }
.heading-box-btm h1 { color:#fff; font:bold 2em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; padding:0; }
.heading-box-btm p { color:#c9e1ee; font-size:0.9em; line-height:1.2; margin:4px 0; }
.heading-box-plus { background:url(/images/heading-box-plus.jpg) no-repeat left top; color:#fff; padding:12px 20px 10px; }
.heading-box-plus h1 { color:#fff; font:bold 2em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; margin-bottom:6px; }
#pagewidth .heading-box-plus h2 { color:#fff }
.heading-box-plus h3 { color:#c9e1ee; font-size:1.4em; line-height:1.2; }
.heading-box-plus p { color:#c9e1ee; font-size:0.9em; line-height:1.2; margin:4px 0; }
.heading-box-plus p.highlight { color:#fff; }
.heading-box-plus p.highlight a { color:#fff; }
.heading-box-plus ul { color:#c9e1ee; font-size:0.9em; line-height:1.2; margin:4px 0; }
.heading-box-plus li { margin-top:2px; }
.heading-box-plus a { color:#c9e1ee; }

/* Static Text Box */
#statictext .box-wide-brd { color:#3b6b90; padding:8px 20px 12px 20px; width:746px; }
#statictext h2 { color:#00aeef; font:bold 1.6em "Trebuchet MS",Verdana,sans-serif; margin-bottom:10px; }
#statictext h3 { color:#175b91; font:bold 1.4em "Trebuchet MS",Verdana,sans-serif; margin-bottom:8px; }
#statictext h4 { color:#224a6a; font:bold 1.2em "Trebuchet MS",Verdana,sans-serif; margin-bottom:8px; }
#statictext p { font-size:0.9em; margin:6px 0 10px 0; }
#statictext p strong { color:#12466e; }
#statictext ul { margin:8px 0; padding:0; }
#statictext ul li { background:url(/images/bullet-blue2.gif) no-repeat 0 7px; padding:0 0 3px 15px; }
#statictext ol { list-style:decimal outside; margin:8px 0 8px 20px; padding:0; }
#statictext ol li { padding:0 0 3px 0; }

#editprofile .box-wide-brd { color:#3b6b90; padding:8px 20px 12px 20px; width:746px; }
#editprofile h2 { color:#bb3333; font:bold 1.6em "Trebuchet MS",Verdana,sans-serif; margin-bottom:10px; }
#editprofile h3 { color:#175b91; font:bold 1.4em "Trebuchet MS",Verdana,sans-serif; margin-bottom:8px; }
#editprofile h4 { color:#224a6a; font:bold 1.2em "Trebuchet MS",Verdana,sans-serif; margin-bottom:8px; }
#editprofile p { font-size:0.9em; margin:6px 0 10px 0; }
#editprofile p strong { color:#12466e; }
#editprofile th { background-color:#fff; border-bottom:1px solid #d5e7f3; color:#a33; padding:3px 0 3px; vertical-align:top; width:150px; }
#editprofile td { background-color:#fff; border-bottom:1px solid #d5e7f3; color:#175a90; height:25px; padding:0; vertical-align:top; }
#editprofilephoto { float:right; margin:0; text-align:center; width:250px; }
#editprofilephoto img { border:1px solid #ddebf5; padding:1px; margin-bottom:5px; }
#editprofilephoto strong { display:block; font-size:1.5em; padding-bottom:6px; text-decoration:underline; }
#editprofilephoto em { font-size:0.9em; }

#MoreAbout1, #MoreAbout2, #MoreAbout3, #MoreAbout4, #MoreAbout5, #MoreAbout6 { padding-top:3px; padding-bottom:4px; }
#MoreAbout7, #MoreAbout8, #MoreAbout9 { border-bottom:1px solid #d5e7f3; padding-top:3px; padding-bottom:4px; }

/* Members Online */
.online-row { background:url(/images/boxes-small-btm.gif) no-repeat left bottom; padding-bottom:8px; margin-bottom:20px; width:790px; }
.online-row .box-small { background:url(/images/box-small-top.gif) no-repeat; display:inline; float:left; margin-right:20px; padding-top:8px; width:250px; }
.online-row .last { margin-right:0 }
.online-row .box-small-brd { background:#fff; border:2px solid #4c8ab5; border-width:0 2px; padding:6px 18px 9px 18px; position:relative; width:210px; overflow:hidden}
.online-row .box-small-brd2 { background:#fff; border:2px solid #4c8ab5; border-width:0 2px; padding:6px 18px 9px 18px; position:relative; width:210px; overflow:hidden}
#pagewidth .online-row h2 { border-bottom:1px solid #cbd7e3; font-size:1.35em; }
.online-row h2 a { /*background:url(/images/icons/small/profile.gif) no-repeat 0 4px; padding-left:20px; */text-decoration:none; }
.online-row h2 a.smallprofile { float:left; margin:4px 4px 0 0; }
.online-row h2 strong { display:block; float:left; width:190px; height:23px; overflow:hidden; }
.online-row div.userphoto { border:1px solid #a8bcd0; cursor:pointer; display:block; float:left; height:69px; margin:11px 10px 7px 0; width:69px; }
.online-row div.userphoto a { border:1px solid #fff; display:block; float:none; height:67px; margin:0; overflow:hidden; width:67px; }
.online-row .box-small-brd2 div.userphoto  { border:1px solid #a8bcd0; cursor:pointer; display:block; float:left; height:69px; margin:11px 10px 37px 0; width:69px; }
.online-row .box-small-brd2 div.userphoto a { border:1px solid #fff; display:block; float:none; height:67px; margin:0; overflow:hidden; width:67px; }

/*.online-row h2 span { border:1px solid #a8bcd0; cursor:pointer; display:block; float:left; height:69px; margin:11px 10px 7px 0; width:69px; }
.online-row h2 span span { border:1px solid #fff; display:block; float:none; height:67px; margin:0; overflow:hidden; width:67px; }
.online-row .box-small-brd2 h2 span { border:1px solid #a8bcd0; cursor:pointer; display:block; float:left; height:69px; margin:11px 10px 37px 0; width:69px; }
.online-row .box-small-brd2 h2 span span { border:1px solid #fff; display:block; float:none; height:67px; margin:0; overflow:hidden; width:67px; }*/

.online-row p.details { clear:left; color:#06689d; font-size:0.8em; margin:0; padding:0; }
.online-row p.mobile { font-size:0.8em; position:absolute; top:8px; right:20px; }
.online-row .box-small ul { font-size:0.8em; position:absolute; top:40px; left:103px; width:125px; }
.online-row .box-small li { color:#06689d; float:none; line-height:1.2; padding:2px 0 3px 21px; width:104px; }
.online-row .box-small li a { text-decoration:none; }
.online-row .box-small .options li { padding:2px 0 2px 21px; }

.onlinegender { background:url(/images/paging-bg.gif) no-repeat; color:#97b1c4; height:22px; margin:0 0 15px 0; padding:4px 12px 0; }
.onlinegender p { font-size:0.9em; text-align:right; }
.onlinegender p em { color:#5681a3; font-style:normal; }
.onlinegender p strong { color:#165a8f; padding:0 3px; }
.onlinegender p a { color:#6767a9; padding:0 3px; text-decoration:none; }
.onlinegender p a strong { color:#3c739d; font-size:1.2em; padding:0; }

/* Messages */
#messageinbox .box-wide-brd { color:#3b6b90; padding:8px 20px 12px 20px; width:746px; }
#messageinbox table { border:1px solid #9bc6e4; clear:both; margin-bottom:10px; }
#messageinbox th { background:#b5dcf7; color:#185c92; font-weight:bold; padding:2px 1px 4px; }
#messageinbox th img { padding:0 3px; }
#messageinbox th a { color:#185c92; }
#messageinbox td { padding:2px 1px; }
#messageinbox td img { vertical-align:middle; }
#messageinbox table#readmessage { margin-top:10px; }
#messageinbox table#readmessage th { background:#fff; padding:0 18px 15px; width:11em; }
#messageinbox table#readmessage td { padding:0 18px 15px; }
#messageinbox table#readmessage .firstrow th, #messageinbox table#readmessage .firstrow td { padding-top:15px; }

#messageinbox form p { clear:both; }
#messageinbox form select { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:0.9em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:0; vertical-align:middle; width:150px; }
#messageinbox form div input { background:#397db1; border:1px solid #1e5d8d; color:#fff; font:bold 0.9em Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:1px 3px; vertical-align:middle; }
#messageinbox ul { margin:0; padding:10px 0; }
#messageinbox li { float:left; margin:0 10px 0 0; padding:0 0 3px 21px; text-align:left; }
#messageinbox li.rowend { margin-right:0; }
#messageinbox li img { margin-right:5px; vertical-align:middle; }
#messageinbox li a { text-decoration:none; }

.messagetd { background:#d4eaf9; }
.even { background:#f0f8fe; }

.select { text-align:center; width:40px; }
.from { text-align:left; }
.subject { text-align:left; }
.subject strong { text-decoration:underline; }
.date { text-align:left; width:130px; }
.from a, .subject a, .date a { text-decoration:none; }
.reply { text-align:center; width:50px; }
.bin { text-align:center; width:50px; }

#messageinbox form p.changefolder { clear:none; float:right; display:inline; padding-bottom:10px; text-align:right; width:300px; }
#messageinbox form p.messagepaging { clear:none; float:left; display:inline; padding-bottom:10px; width:350px; }
.movefolder { float:right; padding-bottom:5px; }
.deletebtn { float:left; padding-bottom:5px; }

/* Compose Messages */
#compose .box-wide-brd { color:#3b6b90; padding:8px 20px 12px 20px; width:746px; }
#compose form p { clear:both; padding:2px 0; }
#compose form label { color:#12466e; float:left; font-weight:normal; padding:3px 0 0; width:100px; }
#compose form select { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:0.9em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:0; vertical-align:middle; width:150px; }
#compose form div { margin-left:100px; padding:2px 0; }

form #compose p { clear:both; padding:2px 0; }
form #compose label { color:#12466e; float:left; font-weight:normal; padding:3px 0 0; width:100px; }
form #compose select { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:0.9em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:0; vertical-align:middle; width:150px; }
form #compose .box-wide-brd div { margin-left:100px; padding:2px 0; }

/* Add Event */
#addevent .box-wide-brd { color:#3b6b90; padding:8px 20px 12px 20px; width:746px; }
#addevent h2 { color:#bb3333; font:bold 1.6em "Trebuchet MS",Verdana,sans-serif; margin-bottom:10px; }
#addevent h3 { color:#175b91; font:bold 1.4em "Trebuchet MS",Verdana,sans-serif; margin-bottom:8px; }
#addevent h4 { color:#224a6a; font:bold 1.2em "Trebuchet MS",Verdana,sans-serif; margin-bottom:8px; }
#addevent p { font-size:0.9em; margin:6px 0 10px 0; }
#addevent p strong { color:#12466e; }
#addevent form p { clear:both; margin:0; padding:2px 0; }
#addevent form label { color:#12466e; float:left; font-weight:normal; padding:3px 0 0; width:100px; }
#addevent form select { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:1em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:0; vertical-align:middle; }
#addevent form div { margin-left:100px; padding:2px 0; }

/* Blocked users */
#blockedusers { border-top:1px solid #9bc6e4; margin:15px 0 10px 0; width:100%; }
#blockedusers th { border-bottom:1px solid #9bc6e4; font-weight:bold; padding:6px 2px; }
#blockedusers td { border-bottom:1px solid #9bc6e4; font-size:0.9em; padding:6px 2px; }
#blockedusers a { text-decoration:none;}

/* Boards (Message-, Jokes-, Events-) */
#board { margin-bottom:20px; }
#board .box-wide-brd { color:#3b6b90; margin-bottom:0px; padding:8px 20px 12px 20px; width:746px; }
#board table { border-top:1px solid #d0e4ef; margin:10px 0; }
#board table tr.odd td { background:#ebf6fd; }
#board table tr.even td { background:#fff; }
#board table td { border-bottom:1px solid #d0e4ef; padding:4px; vertical-align:top; }
.addmessage a { background:#397db1; border:1px solid #1e5d8d; color:#fff; display:block; float:left; font:bold 0.9em Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:5px 9px; text-decoration:none; width:auto; }
.returntop a { color:#397db1; display:block; float:right; font:bold 0.9em Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:5px 9px; width:auto; }
#board h2 { color:#bb3333; font:bold 1.6em "Trebuchet MS",Verdana,sans-serif; margin-bottom:10px; }
#board h3 { color:#175b91; font:bold 1.4em "Trebuchet MS",Verdana,sans-serif; margin-bottom:8px; }
#board h4 { color:#224a6a; font:bold 1.2em "Trebuchet MS",Verdana,sans-serif; margin-bottom:8px; }
#board p { font-size:0.9em; margin:6px 0 10px 0; }
#board a { text-decoration:underline; }
.myevents li { border-bottom:1px solid #d0e4ef; margin-bottom:8px; padding-bottom:4px; }
.myevents li ul { margin-bottom:10px; }
.myevents li li { border-bottom:0; margin-bottom:0; padding-bottom:0; }

/* Login / Join page */
#login2, #join2 { border:1px solid #b6d7ef; background:#eff6ff; float:left; height:160px; margin:15px 0 20px 0; padding:12px 15px 0; width:325px; }
#login2 { margin-right:30px; }
#login2 h2, #join2 h2 { margin-bottom:0; padding:0 0 5px; }
#login2 h4, #join2 h4 { color:#175b91; font-weight:normal; font-size:1.3em; margin:0; padding:0 0 5px; }
#login2 div, #join2 div { margin-left:80px; }
#login2 label, #join2 label { color:#12466e; float:left; font-weight:normal; padding:3px 0 0; width:80px; }
#login2 input.textinput, #join2 input.textinput { background:#fff; }

#join label { color:#12466e; float:left; font-weight:bold; padding:3px 0 0; width:80px; }
#join div { margin-left:80px; }

#statictext ul#nicknames  { margin:8px 0; padding:0; }
#statictext ul#nicknames  li { background:none; float:left; padding:0 20px 10px 0; }

#registration { }
#registration h2 { font-size:2.1em; }
#registration form { padding-top:10px; }
#registration form div { clear:both; min-height:24px; padding-bottom:4px; }
#registration form div span { color:#6099c4; display:block; font-size:0.8em; font-style:italic; padding:2px 24px 3px 115px; text-align:left; }
#registration form div span strong { color:#e52325; font-size:0.9em; }
#registration form div span em { color:#3b9032; font-size:0.9em; }
#registration div.textinput label { color:#004477; display:block; float:left; font-weight:bold; margin:2px 10px 0 0; text-align:right; width:105px; }
#registration div.textinput input { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:0.9em; 
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:2px; vertical-align:middle; width:190px; }
#registration div.textinput select { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:0.9em; 
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:0; vertical-align:middle; width:150px; }
#registration div.gender { color:#004477; padding:5px 0 8px; }
#registration div.gender label.genderstart { display:block; float:left; font-weight:bold; margin:2px 10px 0 0; text-align:right; width:105px; }
#registration div.gender select { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:0.9em; 
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:0; vertical-align:middle; }
#registration div.dropdowns { padding:5px 0 5px; }
#registration div.dropdowns label { color:#004477; display:block; float:left; font-weight:bold; margin:2px 10px 0 0; text-align:right; width:105px; }
#registration div.dropdowns select { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:0.9em; 
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; vertical-align:middle; }
#registration div.checkbox { font-size:0.9em; margin-left:110px; }
#registration div.checkbox input { padding-bottom:20px; margin-right:5px; float:left }
#registration div.checkbox label { color:#3f71a3; }
#registration div.checkbox a { color:#3f71a3; }
#registration div.submit { margin:10px 20px 0 115px; }

/* Standard form fields */
input.textinput { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:1em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:2px; vertical-align:middle; width:150px; }
textarea.textinput { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:1em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:2px; vertical-align:middle; }
input.textinput2 { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:1em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:2px; vertical-align:middle; }
input.submit { background:#397db1; border:1px solid #1e5d8d; color:#fff; font:bold 0.9em Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:1px 3px; vertical-align:middle; }
select.dropdown { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:0.9em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:0; vertical-align:middle; }
input.hideform { background:#fff; border:1px dotted #82aec8; color:#004477; font-size:1em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:2px; vertical-align:middle; }
.lightbtn { background:#d1eafa; border:1px solid #175c91; color:#175b91; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-top:10px; padding-top:1px; padding-bottom:1px; }

.standardform p { clear:both; padding:2px 0; }
.standardform label { color:#12466e; float:left; font-weight:bold; padding:3px 0 0; width:100px; }
.standardform select { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:0.9em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:0; vertical-align:middle; width:150px; }
.standardform div { margin-left:100px; padding:2px 0; }

.wideform p { clear:both; padding:2px 0; }
.wideform label { color:#12466e; float:left; font-weight:bold; padding:3px 0 0; width:150px; }
.wideform select { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:0.9em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:0; vertical-align:middle; }
.wideform input.textinput2 { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:1em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; margin-left:150px; padding:2px; vertical-align:middle; width:150px; }
.wideform div { margin-left:150px; padding:2px 0; }

/* Pop-up box */
.popupbox { background:#b7dbf1; border:2px solid #4c8ab5; padding-top:5px; }
.popupbox p { padding:0 5px 0 0; }
#popupbottom { background:#fff; display:block; padding:0 5px; text-align:right; }
#popupbottom img { vertical-align:middle; }
#popupbottom a { color: #3b6b90; text-decoration:none; }

/* Photo Gallery */
#gallery { color:#224a6a; margin-top:20px; }
.gallery-row { color:#3b6b90; padding:20px 0; }
.gallery-row div { list-style:none; float:left; width:204px; margin:0 22px; text-align:center; } 
.gallery-row div a { }
.gallery-row div img.memberphoto { background:#fff; border:1px solid #a8bcd0; padding:1px; }
.gallery-row div ul { margin-top:5px; text-align:left; }
.gallery-row div ul a { color:#3b6b90; }
.photodelete, .photoonline, .photoedit { margin-bottom:2px; padding-bottom:3px; }
.photodelete a { background: url(/images/icons/small/delete.gif) no-repeat 189px 0; display:block; padding-right:20px; }
.photoonline a { background:url(/images/icons/small/live.gif) no-repeat 189px 1px; display:block; padding-right:20px; } 
.photoedit a { background:url(/images/icons/small/photo.gif) no-repeat right top; display:block; padding-right:20px; } 
.photooffline a { background:url(/images/icons/small/offline.gif) no-repeat 189px 1px; display:block; padding-right:20px; } 
.photoonline a em, .photooffline a em { color:#657d90; display:block; font-size:0.8em; padding-bottom:3px; } 
.photobuttons { color:#fff; padding:10px 0 5px; text-align:center; }
.addphoto { margin:10px 0; }
.addphoto p { clear:left; margin:2px 0; }
.addphoto p label { display:block; float:left; font-weight:bold; width:120px; }
.addphoto div { margin:2px 0 2px 120px; }
.addphoto div input.submit { margin-top:20px; padding:3px 5px; }
#gallery .right { margin-right:20px; }

/* Tag Cloud */
#tags .box-wide-brd { color:#3b6b90; padding:8px 20px 12px 20px; width:746px; }
#tags h2 { color:#bb3333; font:bold 1.6em "Trebuchet MS",Verdana,sans-serif; margin-bottom:10px; }
#tags h3 { color:#175b91; font:bold 1.4em "Trebuchet MS",Verdana,sans-serif; margin-bottom:8px; }
#tags h4 { color:#224a6a; font:bold 1.2em "Trebuchet MS",Verdana,sans-serif; margin-bottom:8px; }
#tags p { font-size:0.9em; margin:6px 0 10px 0; }
#tags p a { color:#3b6b90; }
#tags ul { margin:8px 0; padding:0; }
#tags ul li { background:url(/images/bullet-blue2.gif) no-repeat 0 7px; padding:0 0 3px 15px; }

#tagcloud { line-height:22px; margin-bottom:20px; text-align:center; } 
#tagcloud a { text-decoration:none; } 
#tagcloud a:hover { text-decoration:underline; } 

/* Birthday Cards */
#birthdaycards .box-wide-brd { color:#3b6b90; padding:8px 0 12px 20px; width:766px; }
#birthdaycards ul { padding:16px 10px; }
#birthdaycards li { float:left; width:200px; margin:0 60px 20px 0; }
#birthdaycards li.rowend { margin-right:0; }

#birthdaycard1 { background:#ff3; border: 1px solid #000; width:575px; }
#birthdaycard1 p { color:#6633ff; margin:0; padding:4px 10px; }
#birthdaycard2 { background:#ff3d2b; border: 1px solid #000; width:575px; }
#birthdaycard2 p { color:#ff3; margin:0; padding:4px 10px; }
#birthdaycard3 { background:#000; border: 1px solid #000; width:575px; }
#birthdaycard3 p { color:#ff9933; margin:0; padding:4px 10px; }
#birthdaycard4 { border:1px solid #000; width:575px; }
#birthdaycard4 p { color:#750c1b; margin:0; padding:4px 10px; }
#birthdaycard5 { background:#00c6dd; border: 1px solid #00c6dd; width:575px; }
#birthdaycard5 p { color:#fff; margin:0; padding:4px 10px; }
#birthdaycard6 { background:#ffba00; border:1px solid #fd4b0f; width:575px; }
#birthdaycard6 p { color:#660000; margin:0; padding:4px 10px; }

/* Directory */
#directory .box-wide-brd { color:#3b6b90; padding:8px 20px 12px 20px; width:746px; }
#directory ol { list-style:none; margin:8px 0; padding:0; }
#directory ol li { border-bottom:1px solid #d8e1ea; clear:both; padding:15px 0; }
#directory h2 { color:#bb3333; font:bold 1.3em "Trebuchet MS",Verdana,sans-serif; margin-bottom:6px; }
#directory h2 img { float:right; margin:5px 0 10px 10px; }
#directory h3 { color:#175b91; font:bold 1.4em "Trebuchet MS",Verdana,sans-serif; margin-bottom:8px; }
#directory h4 { color:#224a6a; font:bold 1.2em "Trebuchet MS",Verdana,sans-serif; margin-bottom:8px; }
#directory p { font-size:0.9em; margin:6px 0 6px 0; }
#directory p strong { color:#12466e; }
#directory ol li ul { margin:0; padding:0; }
#directory ol li ul li { border:none; clear:none; color:#b33; float:left; font-weight:normal; padding:0 30px 3px 0; }
#directory ol li ul li img { vertical-align:middle; }

/* Light Blue Notification / Alert Box */
.alert-box { background:url(/images/box-alert-btm.gif) no-repeat left bottom; margin-bottom:20px; padding-bottom:8px; }
.alert-box-btm { background:url(/images/box-alert-top.gif) no-repeat left top #b8d9f1; color:#02659b; padding:12px 20px 4px; }
.alert-box h3 { color:#02659b; font:normal 1.4em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; float:left; margin:0; padding:3px 0 5px; }
.alert-box h3 strong { font-style:italic; }
.alert-box p.sent { clear:none; color:#39688f; font-size:0.9em; line-height:1.2; margin:7px 0 0; float:right; }
.alert-box p { clear:both; }
.alert-box a { color:#02659b; }
.alert-box #closenote a { padding-left:15px; margin-right:-8px; }
.alert-box #closenote p { font-size:0.9em; }
.alert-box #closenote h3 a, .alert-box #closenote p a { padding:0; margin:0; }

/* Close Box button */
#closenote { position:relative; }
#closenote a { float:right; }
#closenote p { font-size:1.2em; }
#closenote p a, #closenote h3 a { float:none; display:inline; padding:0; margin:0; position:relative; }

/* Folders */
.folders .box-wide-brd { color:#3b6b90; padding:8px 20px 12px 20px; width:746px; }
.folders p { margin:6px 0 10px 0; }
.folders td { vertical-align:middle; }

/* Generic link button */
a.button { background:#397db1; border:1px solid #1e5d8d; color:#fff; font:bold 0.9em Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:5px 9px; text-decoration:none; width:auto; }
p.button a { background:#397db1; border:1px solid #1e5d8d; color:#fff; font:bold 0.9em Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:5px 9px; text-decoration:none; width:auto; }

/* Various text styles */
.testimonial { border-top:1px solid #bed2e3; margin:15px 0 10px; padding:10px 0 0; }
.highlight { color:#c00; }
.right { text-align:right; }
.center { text-align:center; }
.imgleft { float:left; margin:0 10px 10px 0; }
.imgright { float:right; margin:0 0 10px 10px; }
.clear { clear:both; }

/* Footer */
#footer { background:url(/images/footer-bg.gif) no-repeat 0 30px; clear:both; color:#9da8b2; font-size:0.8em; height:28px; padding-top:36px; text-align:center; }
#footer a { color:#417091; padding:0 4px; text-decoration:none; }

/* Credit */
#credit { font-size:0.8em; margin:0 12px 35px; text-align:right; }
#credit a { color:#6f8696; text-decoration:none; }

 /* Status Bar */ 
#StatusBar { background:#fff; bottom:0px; border-top:2px solid #676d9c; color:#165b90; height:30px; left:0; position:fixed; width:100%; }

/* backgrounf popup - dark layer when popup appears */ 
#backgroundPopup { display:none;position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1; }

.box-wide-brd #payBlock { position:relative; }
.box-wide-brd #payBlock form { width:360px; }
.box-wide-brd #payBlock form li { background:url(/images/paging-bg-pay.gif) no-repeat; margin-bottom:10px; height:80px; padding:0 15px 0 45px; position:relative; width:300px; }
.box-wide-brd #payBlock form li h3 { color:#cc3333; font-size:1.2em; margin:0; padding:10px 0 3px;}
.box-wide-brd #payBlock form li h3 img { position:absolute; top:-10px; right:20px; }
.box-wide-brd #payBlock form li em { font-size:0.85em; font-style:italic }
.box-wide-brd #payBlock form li input { margin:0; padding:0; position:absolute; left:17px; top:33px; }
.box-wide-brd #payBlock a:link { color:#175B91; text-decoration:underline}
.box-wide-brd #payBlock a:visited { color:#175B91; text-decoration:underline}
.box-wide-brd #payBlock a:active { color:#cc3333; text-decoration:underline}
.box-wide-brd #payBlock a:hover { color:#cc3333; text-decoration:underline}
.box-wide-brd #payBlock div.upgrade { text-align:right; }
.box-wide-brd #payBlock p { font-size:0.9em; padding-top:10px; }

.box-wide-brd #payBlock #benefits { background:url(/images/paging-bg-pay2.gif) no-repeat left bottom; position:absolute; right:0; top:0; width:360px; }
.box-wide-brd #payBlock #benefits h2 { background:url(/images/paging-bg-pay2top.gif) no-repeat left top; color:#175B91; font-size:1.2em; margin:0; padding:12px 15px 12px; }
.box-wide-brd #payBlock #benefits ul { margin-top:0; padding:0 15px; }
.box-wide-brd #payBlock #benefits li { background:url(/images/bullet-red.gif) no-repeat 0 6px;  margin-bottom:0; padding-bottom:4px; }

.box-wide-brd #payBlock2   {margin-right:10px; color:#bb3333; font:bold 16px "Trebuchet MS",Verdana,sans-serif;}
.box-wide-brd #payBlock2  a:link {color:#cc3333; text-decoration:none}
.box-wide-brd #payBlock2  a:active {color:#cc3333; text-decoration:none}
.box-wide-brd #payBlock2  a:visited {color:#cc3333; text-decoration:none}
.box-wide-brd #payBlock2  a:hover {color:#cc3333;text-decoration:underline}
.box-wide-brd #payBlock2 li{background:url(/images/paging-bg-pay.jpg) no-repeat; margin-bottom:5px; height:55px; padding-top:5px;}

#payment h4 { color:#3B6B90; font-size:1.3em; font-weight:normal; margin:15px 0; }
#payment h4 strong { color:#224A6A; }
#payment form { padding-top:10px; }
#payment form p { clear:both; margin:0; padding:4px 0; }
#payment form label { color:#12466e; float:left; font-weight:normal; padding:3px 0 0; width:150px; }
#payment form input { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:1em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:2px; vertical-align:middle; }
#payment form textarea { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:1em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:2px; vertical-align:middle; }
#payment form select { background:#eff6ff; border:1px solid #82aec8; color:#004477; font-size:1em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:0; vertical-align:middle; }
#payment form select#cardtype, #payment form input#cardname, #payment form input#cardnumber { width:200px; }
#payment form div { margin-left:150px; padding:6px 0; }
#payment form div input { background:none; border:0; }

/* Girls Night In Promo Page */
#girls { background:url(/images/girls-bg.gif) repeat-x #fff; }
#girls #twocols { float:none; position:relative; margin:20px auto; width:790px; }

#girls .heading-box { background:url(/images/heading-box-girls-btm.gif) no-repeat left bottom #bf3889; }
#girls .heading-box-btm { background:url(/images/heading-box-girls.jpg) no-repeat left top; }

#girls .box-wide { background:url(/images/box-wide-top-girls.gif) no-repeat; }
#girls .box-wide-btm { background:url(/images/box-wide-btm-girls.gif) no-repeat left bottom; }
#girls .box-wide-brd { border-color:#bf3889; }

#girls .box-wide-brd { color:#6e7073; }
#girls h2 { color:#76114d; font-size:1.7em; padding-top:5px; }
#girls h3 { color:#cd1e87; font-size:1.4em; margin:15px 0 10px; }
#girls h4 { color:#bf3889; font-size:1.3em; font-weight:normal; }
#girls .box-wide-brd ul li { background:url(/images/bullet-pink.gif) no-repeat 0 7px; }

#girlspic { float:right; margin:10px 10px 0 50px; }
#girlscols { border-top:2px solid #f0bbdb; border-bottom:2px solid #f0bbdb; margin:25px 0 25px; padding:5px 0 10px; }
#girlspack { float:right; width:350px; background:#fff; }
#girlsform { float:left; width:350px; background:#fff; }

#girlslogos { position:relative; height:120px; margin-top:5px }
#girlslogos img { vertical-align:top; }
#girlslogos img#logo1 { position:absolute; top:3px; left:40px; }
#girlslogos img#logo2 { position:absolute; top:10px; left:170px; }
#girlslogos img#logo3 { position:absolute; top:45px; left:10px; }
#girlslogos img#logo4 { position:absolute; top:60px; left:105px; }
#girlslogos img#logo5 { position:absolute; top:50px; left:235px; }

#girls form { }
#girls form p { clear:both; margin:0; padding:4px 0; }
#girls form label { color:#666; float:left; font-weight:normal; padding:3px 0 0; width:80px; }
#girls form input { background:#fbf3f8; border:1px solid #d278ae; color:#76114d; font-size:1em; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:2px; vertical-align:middle; }
#girls form div { font-size:0.9em; margin-left:80px; padding:6px 0; }
#girls form div input { background:none; border:0; }

.supermember h2 {background:url (/images/super-member.gif) right no-repeat; display:block}
a.supermember:link {color:#f7bb1d; text-decoration:none; background:url (/images/super-member.gif) right no-repeat; }
a.supermember:active {color:#f7bb1d; text-decoration:none ; background:url (/images/super-member.gif) right no-repeat;}
a.supermember:visited {color:#f7bb1d; text-decoration:none ; background:url (/images/super-member.gif) right no-repeat;}
a.supermember:hover {color:#cc3333;}

.roll { background-color:#4c8ab5; color:#fff; cursor:pointer; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:1em; padding:0 2px; text-decoration:none; }
.rollhover { background-color:#fff; color:#175a90; cursor:default; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:1em; padding:0 2px; text-decoration:none; }


/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

