/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, font, img, 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;
}
/* remember to define focus styles! */
:focus {outline: 0;}


/* ==================================================================== */
/* -------------BASIC BODY STYLES------------- */
/* ==================================================================== */
body {line-height: normal;font-family: Arial, Helvetica, sans-serif;font-size: 12px;background-color:#f5fff1;}


div#container {width:940px;margin:0 auto;padding:0px 9px;background-color:#fff;border-left:1px #c6e5b9 solid;border-right:1px #c6e5b9 solid; }
div#containerbottom {width:960px;margin:0 auto 20px;}

a {color: #085790;text-decoration:none;}
a:hover {text-decoration:underline;}

h1 {font-size: 32px;font-family:Georgia, "Times New Roman", Times, serif;color:#1a7e0e;font-weight:normal;}
h2 {font-size: 24px;font-family:Georgia, "Times New Roman", Times, serif;color:#1a7e0e;font-weight:normal;}
h3 {font-size: 18px;font-family:Georgia, "Times New Roman", Times, serif;color:#1a7e0e;padding-bottom: 0;margin-bottom: 0;font-weight:normal;}
h4 {font-size: 14px;font-family:Georgia, "Times New Roman", Times, serif;color:#1a7e0e;padding-bottom: 0;margin-bottom: 0;}

/* MAIN IS THE 2/3rds WIDTH MAIN COLUMN */
div#main {width: 620px;padding:0;margin: 0;float: left; z-index: 0;}

div#mainLeft {float:left;width:280px;}
html>body div#mainLeft {width:300px;padding-right:20px;}

div#mainRight {float:right;width:300px;}
	
p.first {margin-top:0;padding-top:0;}


/* SIDEBAR IS 300px ON ALL PAGES EXCEPT PROFILE */
div#sidebar {width: 300px;float: right;padding: 0;margin: 0;}



/* ==================================================================== */
/* ------------- TOP NAVIGATION STYLES ------------------ */
/* ==================================================================== */
div#header {width: 960px;margin:0 auto 0;position:relative;z-index:10;}

#header div#searchbox {font-family:Arial, Helvetica, sans-serif; position:absolute;right:0;top:145px;width:350px;z-index:1;}
#header #searchbox label {color:#fff;font-size:11px;font-weight:bold;text-transform:uppercase;margin-top:0px;}
#header #searchbox input {width:120px;border:#032f4f 1px solid;height:14px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
#header #searchbox a {text-decoration:underline;color:#fff;}

ul, li {margin:0;padding:0;}
#divNav {background: transparent url(http://static.eharmony.com/assets/advice/images/header/eharmony-advice-top-logo6.gif) no-repeat top left;margin: 0;padding: 0;height: 221px;width: 960px;position:relative;}
#nav {position: absolute;top: 145px;width: 960px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;border-left:1px #367117 solid;}

#header #login{width:100%; height:26px; right:0; top:0; text-align: right; padding:0; margin:0;}
#header #login .button{height:22px; margin-top:4px; margin-left:10px; text-align:left; text-indent:-9999px; text-transform:uppercase; display:block; float:right; position:relative;}
#header #login .login-button{width:108px; background: transparent url(http://static.eharmony.com/assets/advice/images/header/loginbuttons-sprites.gif) 0 0 no-repeat;}
#header #login .login-button:hover{background: transparent url(http://static.eharmony.com/assets/advice/images/header/loginbuttons-sprites.gif) 0 -30px no-repeat;}
#header #login .login-button:focus{background: transparent url(http://static.eharmony.com/assets/advice/images/header/loginbuttons-sprites.gif) 0 -60px no-repeat;}
#header #login .logout-button{width:70px; background: transparent url(http://static.eharmony.com/assets/advice/images/header/loginbuttons-sprites.gif) -130px 0 no-repeat;}
#header #login .logout-button:hover{background: transparent url(http://static.eharmony.com/assets/advice/images/header/loginbuttons-sprites.gif) -130px -30px no-repeat;}
#header #login .logout-button:focus{background: transparent url(http://static.eharmony.com/assets/advice/images/header/loginbuttons-sprites.gif) -130px -60px no-repeat;}
#header #login p{margin:0; padding:9px 0 0; font-size:11px; float:right; position:relative;}

/*add selectors for the other li's and background-positions*/
#nav li {background: transparent url(http://download.eharmony.com/advice/images/navtop/nav-tab-bg-off.gif) top left repeat-x;border-right:1px #367117 solid;margin: 0;float: left;display: block;padding:0 3px 0 4px;}
#nav li.toplevel {border-top:1px #367117 solid;padding-top:1px;text-transform:uppercase;font-size:14px;}
#nav li.toplevel ul {text-transform:none;}
#nav li li {border-right:0;}
#nav li a {background:transparent;text-decoration: none;color: #d9f0d0;font-weight: bold;display: block;padding: 7px 20px 6px 12px;float:left;line-height:100%;}


body#home #nav li#navHome a,
body.datingadvice #nav li#navDatingAdvice a,
body.discussionboards #nav li#navDiscussionBoards a,
body.myprofile #nav li#navPeople a,
body.makefriends #nav li#navPeople a,
body.groups #nav li#navGroups a,
body.dateplanner #nav li#navDatePlanner a{color: #1a7e0e;}

body#home #nav li#navHome ul.subnav,
body.datingadvice #nav li#navDatingAdvice ul.subnav,
body.discussionboards #nav li#navDiscussionBoards ul.subnav,
body.myprofile #nav li#navPeople ul.subnav,
body.makefriends #nav li#navPeople ul.subnav,
body.groups #nav li#navGroups ul.subnav,
body.dateplanner #nav li#navDatePlanner ul.subnav{display: block;}


#nav li:hover ul.subnav, #nav li.over ul.subnav {display: block;z-index: 6000;background: transparent url(http://download.eharmony.com/advice/images/navtop/subnav-bg-over-2.gif) no-repeat top left;}
#nav li#navHome:hover ul.subnav, #nav li#navHome.over ul.subnav {display: block;z-index: 6000;background: transparent url(http://download.eharmony.com/advice/images/navtop/subnav-bg-over-blank.gif) no-repeat top left;}
#nav li a {display: block;position: relative;height: 24px;}


/*HOVER STATES*/
#nav li:hover, #nav li.over {background:transparent url(http://download.eharmony.com/advice/images/navtop/nav-tab-bg-over.gif) top left repeat-x;}
#nav li a:hover, #nav li:hover a, #nav li.over a {color:#fff;}

body#home #nav li#navHome, body#home #nav li#navHome:hover,
body.datingadvice #nav li#navDatingAdvice, body.datingadvice #nav li#navDatingAdvice:hover,
body.discussionboards #nav li#navDiscussionBoards, body.discussionboards #nav li#navDiscussionBoards:hover,
body.myprofile #nav li#navPeople, body.myprofile #nav li#navPeople:hover,
body.makefriends #nav li#navPeople, body.makefriends #nav li#navPeople:hover,
body.groups #nav li#navGroups, body.groups #nav li#navGroups:hover,
body.dateplanner #nav li#navDatePlanner, body.dateplanner #nav li#navDatePlanner:hover
{background: transparent url(http://download.eharmony.com/advice/images/navtop/nav-tab-bg-on.gif) top left repeat-x;}

body#home #nav li#navHome a,
body.datingadvice #nav li#navDatingAdvice a,
body.discussionboards #nav li#navDiscussionBoards a,
body.myprofile #nav li#navPeople a,
body.makefriends #nav li#navPeople a,
body.groups #nav li#navGroups a,
body.dateplanner #nav li#navDatePlanner a{color:#1a7e0e;}

body#home #nav li#navHome a:hover, body#home #nav li#navHome:hover a,
body.datingadvice #nav li#navDatingAdvice a:hover, body.datingadvice #nav li#navDatingAdvice:hover a,
body.discussionboards #nav li#navDiscussionBoards a, body.discussionboards #nav li#navDiscussionBoards:hover a,
body.myprofile #nav li#navPeople a, body.myprofile #nav li#navPeople:hover a,
body.makefriends #nav li#navPeople a, body.makefriends #nav li#navPeople:hover a,
body.groups #nav li#navGroups a, body.groups #nav li#navGroups:hover a,
body.dateplanner #nav li#navDatePlanner a, body.dateplanner #nav li#navDatePlanner:hover a
{color:#1a7e0e;}

body#home #nav li#navHome .subnav a:hover,
body.datingadvice #nav li#navDatingAdvice .subnav a:hover,
body.discussionboards #nav li#navDiscussionBoards .subnav a:hover,
body.myprofile #nav li#navPeople .subnav a:hover,
body.makefriends #nav li#navPeople .subnav a:hover,
body.groups #nav li#navGroups .subnav a:hover,
body.dateplanner #nav li#DatePlanner .subnav a:hover,

body#home #nav li#navHome:hover .subnav a,
body.datingadvice #nav li#navDatingAdvice:hover .subnav a,
body.discussionboards #nav li#navDiscussionBoards:hover .subnav a,
body.myprofile #nav li#navPeople:hover .subnav a,
body.makefriends #nav li#navPeople:hover .subnav a,
body.groups #nav li#navGroups:hover .subnav a,
body.dateplanner #nav li#navDatePlanner:hover .subnav a,

body#home #nav li#navHome.over .subnav a,
body.datingadvice #nav li#navDatingAdvice.over .subnav a,
body.discussionboards #nav li#navDiscussionBoards.over .subnav a,
body.myprofile #nav li#navPeople.over .subnav a,
body.makefriends #nav li#navPeople.over .subnav a
body.groups #nav li#navGroups.over .subnav a,
body.dateplanner #nav li#navDatePlanner.over .subnav a
{background-image:none;}

/* SUBNAV */
#nav ul.subnav {display: none;margin:0 0 0 -1px;padding:4px 0 0 3px;position:absolute;top:32px;left:0px;background: transparent url(http://download.eharmony.com/advice/images/navtop/subnav-bg-white-2.gif) no-repeat top left;height:33px;width:957px;} /*z-index:5000; can be used for site skins */
html>body #nav ul.subnav {left:0;}
#nav li#blank {width:0px;margin:0;padding:0;border:0;}
html>body #nav li#blank {width:0px;}
#nav #blank ul.subnav {display:block;background: #ffffff url(http://download.eharmony.com/advice/images/navtop/subnav-bg-blank.gif) no-repeat top left;}

body.datingadvice #nav li#navDatingAdvice ul.subnav,
body.discussionboards #nav li#navDiscussionBoards ul.subnav,
body.myprofile #nav li#navPeople ul.subnav,
body.makefriends #nav li#navPeople ul.subnav,
body.groups #nav li#navGroups ul.subnav,
body.dateplanner #nav li#navDatePlanner ul.subnav
{background: transparent url(http://download.eharmony.com/advice/images/navtop/subnav-bg-white-2.gif) no-repeat top left;}

body#home #nav li#navHome ul.subnav
{background: transparent url(http://download.eharmony.com/advice/images/navtop/subnav-bg-white-2.gif) no-repeat top left;}



#nav .subnav li {background-image:none;background-position:top left;background-repeat:no-repeat;}
#nav li#navDatingAdvice .subnav {}
#nav li#navDiscussionBoards .subnav {padding-left:160px;width:800px;}
#nav li#navPeople .subnav{ width: 900px; padding-left: 59px;}
#nav li#navPeople .subnav li { width: auto;}
#nav li#navGroups .subnav {padding-left:225px;width:735px;}
#nav li#navDatePlanner .subnav {padding-left:300px;width:610px;}

#nav li ul.subnav a
 {display: block;background: transparent;font-size:13px;border: none;float: left; /*ie doesn't inherit the float*/color: #edfae8;width: auto;padding:7px 12px 0px 10px;line-height:110%;height:22px;}

body#home #nav li#navHome ul.subnav a,	
body.datingadvice #nav li#navDatingAdvice ul.subnav a,
body.discussionboards #nav li#navDiscussionBoards ul.subnav a,
body.myprofile #nav li#navPeople ul.subnav a,
body.makefriends #nav li#navPeople ul.subnav a,
body.groups #nav li#navGroups ul.subnav a,
body.dateplanner #nav li#navDatePlanner ul.subnav a {color:#1a7e0e;background:none;}

#nav li ul.subnav a:hover {color:#326a1a;}

#nav li .subnav a:hover, #nav .subnav li:hover a, #nav .subnav li.over a {background-image:none;}

#nav li#navDiscussionBoards ul.subnav li#nav-daboards, #nav li#navDiscussionBoards ul.subnav li#nav-otboards {width:180px;}
#nav li#navDiscussionBoards ul.subnav li ul.subsubnav li {width:160px;}
#nav li#navDiscussionBoards ul.subnav li#nav-daboards:hover, #nav li#navDiscussionBoards ul.subnav li#nav-daboards.over, #nav li#navDiscussionBoards ul.subnav li#nav-otboards:hover, #nav li#navDiscussionBoards ul.subnav li#nav-otboards.over {background: url(http://download.eharmony.com/advice/images/navtop/subsubnav-tab-bg.gif) no-repeat top left;}

body.discussionboards #nav li#navDiscussionBoards ul.subnav li#nav-daboards:hover, body.discussionboards #nav li#navDiscussionBoards ul.subnav li#nav-daboards.over, body.discussionboards #nav li#navDiscussionBoards ul.subnav li#nav-otboards:hover, body.discussionboards #nav li#navDiscussionBoards ul.subnav li#nav-otboards.over {background: url(http://download.eharmony.com/advice/images/navtop/subsubnav-tab-bg-white.gif) no-repeat top left;}



body.datingadvice #nav li#navDatingAdvice ul.subnav a:hover,
body.discussionboards #nav li#navDiscussionBoards ul.subnav a:hover,
body.myprofile #nav li#navPeople ul.subnav a:hover,
body.makefriends #nav li#navPeople ul.subnav a:hover,
body.groups #nav li#navGroups ul.subnav a:hover,
body.dateplanner #nav li#navDatePlanner ul.subnav a:hover
 {color:#e97300;}

body.dating li#nav-dating,
body.relationships li#nav-relationships,
body.askadatingexpert li#nav-askadatingexpert,

body.aboutyou li#nav-aboutyou,
body.usingeharmony li#nav-usingeharmony,
body.successstories li#nav-successstories,

body.viewprofile li#nav-viewprofile,
body.editprofile li#nav-editprofile,
body.accountsettings li#nav-accountsettings,
body.mymessages li#nav-mymessages,

body.myfriends li#nav-myfriends,
body.groups li#nav-groups,
body.findpeople li#nav-findpeople,
body.listactive li#nav-listactive,
body.listnew li#nav-listnew,
body.creategroup li#nav-creategroup,

body.dbfaq li#nav-dbfaq,
body.dbcalendar li#nav-dbcalendar
 {background: url(http://download.eharmony.com/advice/images/navtop/subnav-tab-left-on-2.gif) no-repeat bottom left;}

body.dating ul#nav li#navDatingAdvice ul.subnav li#nav-dating a,
body.relationships ul#nav li#navDatingAdvice ul.subnav li#nav-relationships a,
body.askadatingexpert ul#nav li#navDatingAdvice ul.subnav li#nav-askadatingexpert a,
body.aboutyou ul#nav li#navDatingAdvice ul.subnav li#nav-aboutyou a,
body.usingeharmony ul#nav li#navDatingAdvice ul.subnav li#nav-usingeharmony a,
body.successstories ul#nav li#navDatingAdvice ul.subnav li#nav-successstories a,

body.findpeople ul#nav li#navPeople ul.subnav li#nav-findpeople a,
body.viewprofile ul#nav li#navPeople ul.subnav li#nav-viewprofile a,
body.editprofile ul#nav li#navPeople ul.subnav li#nav-editprofile a,
body.accountsettings ul#nav li#navPeople ul.subnav li#nav-accountsettings a ,
body.mymessages ul#nav li#navPeople ul.subnav li#nav-mymessages a,

body.myfriends ul#nav li#navPeople ul.subnav li#nav-myfriends a,
body.groups ul#nav li#navPeople ul.subnav li#nav-groups a,
body.listactive ul#nav li#navGroups ul.subnav li#nav-listactive a,
body.listnew ul#nav li#navGroups ul.subnav li#nav-listnew a,
body.creategroup ul#nav li#navGroups ul.subnav li#nav-creategroup a,

body.dbfaq ul#nav li#navDiscussionBoards ul.subnav li#nav-dbfaq a,
body.dbcalendar ul#nav li#navDiscussionBoards ul.subnav li#nav-dbcalendar a
 {background-image:url(http://download.eharmony.com/advice/images/navtop/subnav-tab-right-on-2.gif);background-repeat: no-repeat; background-position: bottom right;}


/* SUBSUBNAV -- THE DROP-DOWN MENU */
#nav li ul.subnav li {position:relative;}

#nav ul.subsubnav {display: none; position: absolute;top:27px;left:0px;background-color:#5c9741;padding:0 10px 10px 10px;width:160px;}
body.discussionboards #nav ul.subsubnav {background-color:#e5e5e5;}

#nav li ul.subnav li ul.subsubnav li {float:none;background-color:#72b74e;border-top:1px #95d879 solid;margin:0;padding:1px 0;}
body.discussionboards #nav li ul.subnav li ul.subsubnav li {background-color:#f5f6f6;border-top:1px #aaa dotted;}


#nav li ul.subnav li ul.subsubnav li:first-child{border-top:none;}

#nav ul.subnav li:hover ul.subsubnav, #nav ul.subnav li.over ul.subsubnav  {display: block;}

#nav li ul.subnav li ul.subsubnav a {display:block;font-size:11px;float:none;color:#fff;padding:5px 10px;margin:0;height:13px;background-color:#72b74e;}
#nav li ul.subnav li ul.subsubnav a:hover {color:#fff;}

body.discussionboards #nav li ul.subnav li ul.subsubnav a {background-color:#f5f6f6;}

body.datingadvice #nav li#navDatingAdvice ul.subnav li ul.subsubnav a:hover,
body.discussionboards #nav li#navDiscussionBoards ul.subnav li ul.subsubnav a:hover,
body.myprofile #nav li#navPeople ul.subnav li ul.subsubnav a:hover,
body.makefriends #nav li#navPeople ul.subnav li ul.subsubnav a:hover,
body.groups #nav li#navGroups ul.subnav li ul.subsubnav a:hover,
body.dateplanner #nav li#navDatePlanner ul.subnav li ul.subsubnav a:hover
 {background-color:#fff;}
 
 #nav li ul.subnav li ul.subsubnav a:hover {background-color:#2d6d12;}

#nav li#navDiscussionBoards ul.subnav li ul.subsubnav li:hover {background-image:none;background-color:#72b74e;}
body.discussionboards #nav li#navDiscussionBoards ul.subnav li ul.subsubnav li:hover {background-color:#f5f6f6;}


span.nolink {display:block;float:left;font-size:13px;padding:7px 12px 0 10px;height:22px;line-height:110%;color:#fff;}
#nav li#navDatePlanner .subnav {padding-left:50px;width:910px;}
.dateplanner span.nolink {color:#666;}




/* ==================================================================== */
/* ------------- WIDGETS ------------------ */
/* ==================================================================== */

/* =================== LOGIN/SIGNUP SiDEBAR WIDGET FORM ====================== */
/* These could use some cleaning up -- some redundancy in here due */
#nlform label, #login-form label {color:#3a8922;font-size:11px;font-weight:bold;display:block;margin-top:5px;line-height:100%;}
#nlform input, #login-form input {border:1px #bde2ad solid;}

div#loginsignup {background: transparent url(http://download.eharmony.com/advice/images/loginsignup-widget-bg.gif) no-repeat top left;position:relative;z-index:20;}
#loginsignup ul.tabbox {position: relative;top: 0px;width:285px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin-left:15px;}
body>html #loginsignup ul.tabbox {width:300px;}
#loginsignup li {float: left;display: block;margin-right:4px;}
li#login-panel.selected {height:214px;}
#loginsignup li h4 {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;position:relative;z-index:9999;}

#loginsignup li a.tablink {position:relative;z-index:9999;color:#6e6c64;font-weight: bold;display: block;width:75px;padding: 7px 0 6px 0;float:left;line-height:100%;text-align:center;background: transparent url(http://download.eharmony.com/advice/images/loginsignup-tab-off.gif) no-repeat top left;cursor: default;}

#loginsignup li a.tablink:hover {background: transparent url(http://download.eharmony.com/advice/images/loginsignup-tab-over.gif) no-repeat top left;text-decoration:none;cursor:pointer;}

#loginsignup div.tabpanel {position:absolute;padding:8px 18px 0px 18px;top:21px;left:-15px;width:264px;background: transparent url(http://download.eharmony.com/advice/images/loginsignup-bg.gif) no-repeat top left; display: none;color:#fff;font-weight:normal;font-size:11px;}

#loginsignup div#login-form, #loginsignup div#nlform {min-height:130px;height:auto !important;height:130px;margin-bottom:20px;}
div.bottomimage {position:absolute;z-index:10;bottom:0px;left:0;height:20px;width:300px;padding-bottom:1px;background:transparent url(http://download.eharmony.com/advice/images/loginsignup-bottom.gif) no-repeat bottom left;}

#loginsignup .selected .tabpanel {display: block; overflow: auto;}
#loginsignup li.selected a.tablink, #loginsignup li.selected a.tablink:hover {color:#fff;background: transparent url(http://download.eharmony.com/advice/images/loginsignup-tab-on.gif) no-repeat top left;cursor: default; }

#loginsignup .tabpanel h5 {font-size:14px;font-weight:bold;margin:6px 0;}
#loginsignup .tabpanel a {color:#fff;text-decoration:underline;}
#loginsignup .tabpanel label {color:#fff;}
#loginsignup .tabpanel input.pr_text {width:180px;}
#nlform #benefits table {width:235px;font-size:12px;line-height:130%;}

.live_check { display: block; font-weight: bold; font-size: 10px; color: red; }
#loginsignup #nlform label, #loginsignup #login-form label {font-size:11px;margin-top:3px;font-family:"arial narrow","trebuchet ms","arial";}
#loginsignup #nlform table.pr_table_input td, #loginsignup #login-form table.pr_table_input td {vertical-align:top;padding-bottom:4px;}
#loginsignup #nlform td.reglabel, #loginsignup #login-form td.reglabel  {width:95px;text-align:right;padding-right:3px;}
#loginsignup #login-form td.reglabel  {width:65px;}
#loginsignup #nlform input, #loginsignup #nlform select, #loginsignup #login-form input, #loginsignup #login-form select {font-size:11px;}
#loginsignup #nlform select, #loginsignup #login-form select {font-size:10px;border:1px #c9e8bc solid;padding:0;}
.live_check {color:#ff0;margin:-3px 0 3px 0;text-align:center;}
li#signup-panel.selected {height:299px;}
#loginsignup div#nlform {min-height:180px;}
/* target ie6 */
*li#signup-panel.selected {height:305px; }
* html #loginsignup div#nlform {height:230px;margin-bottom:10px;}
/* target ie7 */
*:first-child+html li#signup-panel.selected {height:305px;}
*:first-child+html #loginsignup div#nlform {min-height:230px;margin-bottom:10px;}
/* target safari */
@media all and (min-width:0px) {body:not(:root:root) #sidebar #loginsignup.widget {margin-bottom:20px} }


/* LOGGED-IN WIDGET */
#accountlinks ul {list-style:none;float:left;margin:0;}
#accountlinks li {float:left;font-weight:normal;padding:2px 8px;border-left:1px #c5c3b6 solid;}
#accountlinks ul>li:first-child {border-left:none;padding-left:0;}
#accountlinks ul>li:last-child {padding-right:0;}
#mygroups {clear:both;}
.widgetbody #mygroups li {margin:0;}
#loggedin {position:relative;}
#loggedin div.logout {position:absolute;width:50px;top:13px;right:10px;}
#mygroups h4 {margin-top:10px;margin-bottom:0;color:#1a7e0e;font-size:11px;border:none;}
.widgetbody #mygroups li {font-weight:normal;color:#000;}



/* OTHER WIDGETS */
#sidebar div.widget {margin-bottom:10px;border:1px #e8e8e7 solid;background-color:#f9f9f9;}
div.widgetbody {padding:10px;font-size:11px;background:transparent url(http://download.eharmony.com/advice/images/widget-bg-gray.gif) no-repeat top left;}
.widgetbody ul {margin:0 0 0 16px;padding:0;}
#nlform div.widgetbody {background-image:url(http://download.eharmony.com/advice/images/sidebar_bg_signup.jpg);}
.widgetbody li {color: #085790;margin:0 0 8px 0;padding:0;line-height:120%;font-weight:bold;}
.widgetbody h4 {font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;color:#333;border-bottom:1px #e3e2dc solid;padding:0 0 4px 5px;margin:0 0 6px -5px;}
.widgetbody p {margin:5px 0;line-height:140%;}

#forum_hot_topics_widget ul {list-style:none;}
#forum_hot_topics_widget .widgetbody ul {margin:0;}


#polls div {padding-bottom:5px;}

/* DISCUSSION TOPICS WIDE WIDGET */
#discussiontopicswide .topiclist tr td {line-height:130%;}
#discussiontopicswide td.topic {padding:5px 3px 5px 8px;border-top:1px solid #ddefd5;}
#discussiontopicswide td.numviews, #discussiontopicswide td.numposts {text-align:center;padding:5px 4px 4px 4px;border-top:1px solid #ddefd5;vertical-align:top;border-right:1px solid #ddefd5;overflow:hidden;}
#discussiontopicswide .topiclist {font-size:11px;}
#discussiontopicswide .topiclist a {background:none;padding:2px 0px;}
#discussiontopicswide th.topic, #discussiontopicswide td.topic {border-left:1px #deefd6 solid;border-right:1px solid #DDEFD5;}
#discussiontopicswide th.numposts, #discussiontopicswide th.numviews {width:45px;}
#discussiontopicswide th.topic {border-bottom:none;color:#1a7e0e;font-size:10px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;text-transform:none;text-align:left;}
#discussiontopicswide a.threadcat {font-size:10px;}
#discussiontopicswide a.threadname {font-weight:bold;}
#discussiontopicswide th.numposts, #discussiontopicswide th.numviews {font-weight:normal;color:#3a8922;text-transform:none;font-size:10px;text-align:center;border-bottom:none;border-right:1px solid #DDEFD5;}
#discussiontopicswide th.topic, #discussiontopicswide th.numposts, #discussiontopicswide th.numviews {padding:4px 3px 3px 3px;background-color:#f4f9f2;border-top:none;}
#discussiontopicswide table {border-top:1px solid #61b13f;}


/* =============================   ADS   ================================= */
div#adtop {width: 960px;margin:0 auto;text-align:center;}
div#adtop table { width:100%; text-align: center }
div#adbottom {width:960px;text-align:center;margin:15px auto 15px;}
div#adbottom table { width:100%; text-align: center }
#mainRight div.ad {margin-bottom:15px;}
#sidebar div.ad {text-align:center;padding:0 0 10px 0;}
#article-body div.inlinead {width:300px;float:left;margin:10px 20px 10px 0px;}
p.adnotice {font-size:9px;color:#666;text-transform:uppercase;text-align:center;}
#article-body p.adnotice {margin:0;color:#666666;font-size:9px;text-align:center;text-transform:uppercase;line-height:10px;font-family:arial,helvetica,sans-serif;}
#footer p.adnotice {color:#fff;}
#sidebar .ad {text-align:center;}
#adtop728x90 {position:absolute;z-index:500;top:25px;left:232px;}

/*Drop Down Ad Code */
.drop-ad {margin-left:-10px; margin-bottom:5px;}
.drop-ad2 {margin-left:-20px; margin-bottom:5px;}
/*End Drop Down Ad Code */



/* COMMENT AND POST STYLES */
div#comments {margin:20px 0px 20px 0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
div.post {padding:0 0 5px 0;position:relative;width:100%;margin-bottom:10px;border:1px #e0e0e0 solid;background-color:#f6f6f6;}
div.pprofile {float:left;width:110px;}
.pprofile img.avatar {margin:0 7px 5px 25px;padding:3px;border:1px #bbb solid;}
#comments .pprofile p, #searchresults .pprofile p, #article-comments .pprofile p {font-size:9px;margin:0 5px 3px 0px;line-height:130%;text-align:center;}
#article-comments-hd {margin-top:15px;}
.pprofile p a {border-bottom:1px #085790 dotted;}
.pprofile p a:hover {border-bottom:1px #085790 solid;text-decoration:none;}
div.ptitle {font-size:12px;padding:6px 6px 6px 25px;background-color:#ededed;margin-bottom:7px;}
.ptitle a.screenname {font-weight:bold;border-bottom:1px #085790 dotted;}
.ptitle a.screenname:hover {text-decoration:none;border-bottom:1px #085790 solid;}
div.ptopic {width:468px;float:left;}
.ptopic h2 {font-size:20px;margin:0;}
#searchresults div.post {margin-bottom:5px;}
#searchresults .pmessage p {margin:0;}
div.watchtopic {width:200px;text-align:right;font-size:11px;font-weight:bold;float:right;margin:0 0 10px 0;}
div.watchtopicchk {display:none}

div.pmessage {float:left;width:468px;padding-left:15px;margin-top:3px;margin-bottom:10px;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:150%;min-height:90px;height:auto !important;height:90px;border-left:1px #e0e0e0 solid;}
.pmessage p {margin-bottom:12px;}
div.pmessagebottom {clear:left;margin-left:126px;}
div.ptimestamp {width:200px;float:left;font-size:11px;font-style:italic;color:#666;}
div.preplyto {width:150px;float:right;font-weight:bold;font-size:10px;}
p.pcontentflag {margin-top:8px;background-image:url(http://download.eharmony.com/advice/images/icon-report-content.gif);background-position:left;background-repeat:no-repeat;padding:1px 0 3px 20px;font-weight:normal;}


div.pquote {padding:0;margin:0 0 8px 0;font-size:11px;border:1px #e0e0e0 solid;line-height:normal;}
div.pquotetitle {background-color:#ededed;padding:3px 10px 3px 10px;}
div.pquotebody {padding:7px 10px;background-color:#fff;}
div#preview_post {background-color:#fdfcf1;border:1px #dcd8b2 dotted;border-top:none;padding:10px;}

#comments div.ad {padding:0 0 0 125px;}
#comments div.ad .adnotice {margin-left:-125px;}

div.post.moderator {background-color:#f5fff2;border:1px #c7e5bb solid;}
.moderator div.ptitle {background-color:#c7e5bb;background-image:url(http://download.eharmony.com/advice/images/post-moderator-title-bg.jpg);background-position:top left;}
.moderator div.pmessage {border-left:1px #c7e5bb solid;}

div.post.commleader {background-color:#f4f9fc;border:1px #b8d8eb solid;}
.commleader div.ptitle {background-color:#cae4f2;background-image:url(http://tornado.ehcontent.com/advice/images/post-commleader-title-bg.gif);background-position:top left;}
.commleader div.pmessage {border-left:1px #b8d8eb solid;}


.pdeletecomment {background-image:url(http://download.eharmony.com/advice/images/icons/comment_delete.png);background-position:left center;background-repeat:no-repeat;font-weight:normal;
margin-top:8px;padding:1px 0pt 3px 20px;}



/* ===================PAGINATION=================== */
div.pagecontrol {border-top: #ccc 1px dotted; font-size: 12px; padding-bottom: 7px;line-height: 130%; border-bottom: #ccc 1px dotted; background-color: #fbfbfb; text-align: center}
div.pagecontroltop {padding-top:5px;padding-bottom:10px;height:15px;}
.pagecontroltop div.pagecontrol {margin:0;background-color:#FFFFFF;border:medium none;font-size:12px;line-height:130%;padding-bottom:7px;padding-right:10px;text-align:right;width:605px;}
.pagecontrol p {margin: 7px 0px 0px 0px}
.pagecontroltop .pagecontrol p {margin:0}
.catnav {color: #1a7e0e}
.catnav a {color: #1a7e0e}
.topicsnav a {font-size: 10px; color: #000}
p.threadnav a {text-decoration: underline}
p.threadnav .threadpage a {font-weight: bold; text-decoration: none}
p.threadnav .threadpage a:hover {text-decoration: underline}



/* BOTTOM NAVTREE */
div#navtree {width:940px;margin:0 auto;padding:1px 9px 20px 9px;border:1px #c6e5b9 solid;background-color:#f6f6f6;border-top:1px #e1e1e1 solid;}
div#navtreehd {border-bottom:1px #e1e1e1 solid;margin-bottom:7px;}
div.navtreecat {width:125px;float:left;padding-right:25px;}
#navtree a {font-weight:bold;}
#navtree h4, #navtree h5 {color:#444;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:normal;}
#navtree h4 a, #navtree h5 a {color:#444;font-weight:normal;}
#navtree h4 a:hover, #navtree h5 a:hover {color:#444;}
#navtree h4 {padding-bottom:2px;border-bottom:1px #e1e1e1 solid;margin-bottom:7px;}
#navtree h5 {font-size:13px;margin-bottom:4px;}
div.navtreesubcat {width:100px;float:left;}
#navtree ul {list-style:none;font-size:11px;}
#navtree li {margin-bottom:5px;}


/* FOOTER */
div#advice-footer {width:960px;margin:2px auto;padding:0px 0px 10px 0px;background-color:#61b13f;background-image: url(http://download.eharmony.com/advice/images/footer-bg.jpg);background-repeat:no-repeat;background-position:top left;text-align:center;color:#fff;font-size:11px;}
#advice-footer ul {list-style:none;padding:11px 0;border-bottom:1px #a2d98a solid;}
#advice-footer li {display:inline;margin:0;padding: 0 8px 0 0;}
#advice-footer li a  {color:#fff;font-size:11px;font-weight:bold;margin-right:8px;}
#advice-footer .bottomlinks {margin-top:60px;padding:0 20px;color:#000;}
#advice-footer div.patent {float:right;width:450px;text-align:right;}
#advice-footer div.copyright {float:left;width:450px;text-align:left;color:#000;font-size:11px;}
#advice-footer div.copyright a {color:#085790;font-size:11px;}
#advice-footer div.copyright a:hover {color:#085790;text-decoration:underline;font-size:11px;}



/* P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */
.clearfix:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;}
.clearfix {display: inline-block; /* Fixes IE/Mac */}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	



/* ============================================================*/
/* RANDOM STYLES - perhaps temporary - to work with pringo */
/* ============================================================*/
div#ehFAQ {display:none;}
.usingeharmony div#ehFAQ {display:block;}

#container h1.pr_header {display:none;}

div#pr_extraNav {display: block;}

div.ajax_stars {margin:0;padding:0;}
div.ajax_stars img { border-width: 0px }

h2.error { font-size:14px;color:#FF0000;text-align:left }
div#article-body h2.error { font-size:14px;color:#FF0000;text-align:left }

input.pr_text { width: 100%; border-color: #666; border-width: 1px; border-style: solid} 
textarea.pr_textarea { width: 100%; border-color: #ccc; border-width: 1px; border-style: solid} 

.note_yellow, .note_red, .note_green {margin:0 20px 20px 20px;padding:15px;font-size:14px;font-weight:bold;}
.note_yellow {color:#cc0000;background-color:#fffccc;border:1px #fde6a0 solid;}
.note_red {color:#cc0000;background-color:#f5e3e2;border:1px #f0b2b2 solid;}

div.feedback {width:600px;margin:15px 0;padding-top:16px;font-size:14px;min-height:75px;height:auto !important;height:75px;}
.feedback p {margin-left:88px;}
.feedback p.feedback-hd {font-size:16px;text-transform:uppercase;font-weight:bold;margin-bottom:3px;}

div.feedback.error {background:transparent url(http://download.eharmony.com/advice/images/feedback-bg-error.gif) top left no-repeat;}
div.feedback.error p {color:#c00;}


div#photorequirements {margin-left:400px;margin-right:100px;border:1px #c6c6c6 solid;background-color:#f9f9f9;padding:10px;}
#photorequirements p {margin-top:0;}

div.watchtopic {width:200px;text-align:right;font-size:11px;font-weight:bold;float:right;margin:0 0 10px 0;display:block;}
div.watchtopicchk {display:block;}

div.photo.centered {text-align:center;}

div.inappropriate {margin:0 auto;width:190px;padding:0px 0px 0px 15px;border:1px #ccc solid;background-color:#efefef;text-align:center;background-image:url(http://download.eharmony.com/advice/images/post-exclamation-gray.gif);background-position:10px 50%;background-repeat:no-repeat;}
.groups .inappropriate {margin-top:40px;}

a.inappropriatelink {color:#333;display:block;padding:10px 10px 10px 5px;}



/* EDITABLE SELECT */
.selectBoxArrow{margin-top:1px;float:left;position:absolute;right:1px;}	
.selectBoxInput{border:0px;padding-left:1px;height:16px;position:absolute;top:0px;left:0px;}
.selectBox{border:1px solid #7f9db9;height:20px;}
.selectBoxOptionContainer{position:absolute;border:1px solid #7f9db9;height:100px;background-color:#FFF;left:-1px;top:20px;visibility:hidden;overflow:auto;}
.selectBoxAnOption{font-family:arial;font-size:12px;cursor:default;margin:1px;overflow:hidden;white-space:nowrap;}
.selectBoxIframe{position:absolute;background-color:#FFF;border:0px;z-index:999;}	
div.autocomplete {position:absolute;width:auto;background-color:white;border:1px solid #888;margin:0px;padding:0px;height:300px;overflow-y:auto; }
div.autocomplete ul {list-style-type:none;width:auto;margin:0px;padding:0px;}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {list-style-type:none;display:block;margin:0;padding:2px;cursor:pointer;}




/* BUTTON STYLES */
.pr_button, .buttonsubmit, .buttoninput {background-color:#1a7e0e;
border-color:#c2e7b2;border-style:solid;border-width:1px;color:#fff;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:12px;font-weight:bold;padding:2px 15px 3px;text-align:center;margin-right:10px;}

.buttoninput {font-weight:normal;padding:2px 5px 3px;margin-right:0px;}




/* ==================================================================== */
/* FEATURED MEMBERS AND FEATURED GROUPS WIDGETS */
/* ==================================================================== */
.widget h4 a {color:#333;}
#mainLeft  #featmembers .widgetbody {background-image:none;margin-top:0px; border: 1px solid #e5e5e5; background-color: #f3f3ee; width: 250px;}
#mainLeft  #newmembers .widgetbody {background-image:none;margin-top:0px; border: 1px solid #e0e0e0; background-color: #eeeee6; width: 250px; margin-bottom: 7px;}
#mainRight  #featgroups .widgetbody {background-image:none;margin-top:15px;}
#newmembers .widgetbody p, #featmembers .widgetbody p, #featgroups .widgetbody p {margin:0;}
.featmem {margin-top:10px;}
#mainLeft .featmem .member-info { width: 185px; float:left;color: #444;}
.member-info { width: 210px; float:right;color: #444;}
.miname {font: bold 14px Arial, Helvetica, sans-serif; }

.locationposts {font-weight:bold;margin:2px 0px;}
.locationposts span {font-weight:normal;margin-left:8px;border-left:1px #444 solid;padding:0px 8px;}
.larger-quote {margin-top:2px 0;font: italic 11px Arial, Helvetica, sans-serif; line-height: 13px;text-align: left; }

.profile-link-cont1 {margin: 5px 0 0 0;}

#featmembers .pprofile img.avatar, #featgroups .pprofile img.avatar {border:1px solid #bbb;margin:0pt 7px 5px 0px;padding:3px;background-color:#fff;}
#featmembers div.pprofile, #featgroups div.pprofile {float:left;width:65px;}

.memberdivider {width:220px;border-top:1px dotted #999;height:1px;clear: both;margin:8px auto 13px auto;}

.connectnow {text-align:center;clear:both;margin:10px 0;font-size:12px;font-weight:bold;display:none;}
.connectnow a {text-decoration:underline;}


/* Featured member and groups widgets look different on Groups and People homepages */
.groupshome #mainRight  .widgetbody h4 a {font-size:14px;color:#333;}
.groupshome #mainRight .widgetbody, .groupshome #mainRight #featgroups .widgetbody {background-image:none;margin-top:0px;padding-left:0px;padding-right:0;}
#newmembers .widgetbody p, #featmembers .widgetbody p, #featgroups .widgetbody p {margin:0;}
.featmem {margin-top:10px;}
#mainRight  #featgroups .widgetbody .member-info { width: 150px; float:right;color: #444;}
html>body #mainRight  #featgroups .widgetbody .member-info {padding-right:15px;}
#mainRight  #featgroups .widgetbody .miname  {font-size:12px;}
#mainRight  #featgroups .memberdivider {border:none;margin:5px auto 5px;}
.miname {font: bold 14px Arial, Helvetica, sans-serif; }

.groupshome #mainRight .widgetbody ol {margin-left:23px;font-size:12px;}
.groupshome #mainRight .widgetbody li {margin-bottom:5px;font-weight:normal;color:#666;}
.groupshome #mainRight .widgetbody li.listmore {font-weight:bold;}

.horz-widget .pprofile img.avatar, #newmembers .pprofile img.avatar, #featmembers .pprofile img.avatar, #featgroups .pprofile img.avatar {border:1px solid #bbb;margin:0pt 7px 5px 0px;padding:3px;background-color:#fff;}
#newmembers div.pprofile, #featmembers div.pprofile, #featgroups div.pprofile {float:left;width:65px;}

.memberdivider {width:220px;border-top:1px dotted #999;height:1px;clear: both;margin:8px auto 13px auto;}

.connectnow {text-align:center;clear:both;margin:10px 0;font-size:12px;font-weight:bold;display:none;}
.connectnow a {text-decoration:underline;}

/*Group Guidelines */
.guidelines {color:#383827;margin:0 0 5px;}
.guidel-list {color:#383827;margin:5px 0 0 20px;}
.guidel-list li {margin:0 0 10px 0;}


/* DIALOG BOX */
#dialog {position:absolute; width:425px; padding:10px; z-index:200; background:#fff;}
#dialog-header {display:block; position:relative; width:411px; padding:4px 6px 5px; height:22px; font-size:14px; font-weight:bold;text-align:center;text-transform:uppercase;}
#dialog-header-wide {display:block; position:relative; width:650px; padding:4px 6px 5px; height:22px; font-size:14px; font-weight:bold;text-align:center;text-transform:uppercase;}
#dialog-title {}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(images/dialog_close.gif) no-repeat;display:none;}
#dialog-content {display:block; padding:6px; color:#666666; font-size:14px;text-align:center;}
#dialog-content-wide {display:block; padding:6px; color:#666666; font-size:14px;text-align:center;}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#FFF; opacity:.75; filter:alpha(opacity=75); z-index:100}
.errordialog {background:#fff url(images/error_bg.jpg) bottom right no-repeat; border:1px solid #924949; border-top:none}
.errordialogheader {background:url(images/error_header.gif) repeat-x; color:#6f2c2c; border:1px solid #924949; border-bottom:none}
.warning {background:#fff url(images/warning_bg.jpg) bottom right no-repeat; border:1px solid #c5a524; border-top:none}
.warningheader {background:url(images/warning_header.gif) repeat-x; color:#957c17; border:1px solid #c5a524; border-bottom:none}
.success {background:#fff url(images/success_bg.jpg) bottom right no-repeat; border:1px solid #60a174; border-top:none}
.successheader {background:url(images/success_header.gif) repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none}
.prompt {background:#ffffe5; border:1px solid #e8c744; border-top:none; height: 200px}
.prompt-wide {background:#ffffe5; border:1px solid #e8c744; border-top:none; width:650px; height:500px}
.promptheader {background:url(http://download.eharmony.com/advice/images/dialog-prompt-hd.gif) repeat-x; color:#3a2e00; border:1px solid #e8c744; border-bottom:none}
 .logindialog {width:600px; height:400px}
.logintitle { width:600px; }
.loginheader {background:url(http://download.eharmony.com/advice/images/dialog-prompt-hd.gif) repeat-x; color:#3a2e00; border:1px solid #e8c744; border-bottom:none; width:600px; }



#dialog-content p {line-height:150%;margin-bottom:14px;}
p.dialogbuttons {margin-top:20px;line-height:100%;font-size:12px;font-weight:bold;}

a.linkbutton {height:16px;padding:7px;border:1px #d0d0d0 solid;margin:0 15px;font-weight:bold;background:#f9f9f9 url(http://download.eharmony.com/advice/images/button-gray-bg.gif) repeat-x top left;*height:19px;*padding-top:3px;*background-image:url(http://download.eharmony.com/advice/images/button-gray-ie-bg.gif);}

a.linkbutton:hover {text-decoration:none;border:1px #ccc solid;background-image: url(http://download.eharmony.com/advice/images/button-gray-bg-over.gif);*background-image:url(http://download.eharmony.com/advice/images/button-gray-ie-bg-over.gif);}
.linkbutton img {padding-right:7px;position:relative;top:4px;}

a.linkbutton.large {height:20px;padding:11px 16px 11px 11px;font-size:16px;font-weight:bold;}
.linkbutton.large img {padding-right:14px;position:relative;top:1px;}

#status_form_text {font-weight:bold;}

/* Sponsored Site Skin CSS */

.siteskin {background:#E4FAFD url(http://tornado.ehcontent.com/advice/GTD-Site-Skin-v7.jpg) no-repeat fixed center top;}
.siteskin #divNav {background: none; height:175px;margin:0;padding:0;position:relative;width:960px;}
.siteskin #divNav { _margin-top: -15px;  }
.siteskin #header { *margin:0 auto 0; } 
#siteskin-link{ display:block;height:100%;width:100%;position:fixed;left:0;top:0;z-index:0;text-indent:-5000em;}
.siteskin #adtop, .siteskin #header, .siteskin #navtree, .siteskin #advice-footer {z-index:20;position:relative;}
.siteskin #DBsubnav { position:relative; z-index:20; }
.siteskin #container { z-index:20; position:relative; }
.siteskin #nav {top:115px; *top:100px; z-index:10;}
.siteskin #searchbox {top:115px !important; *top:100px !important; z-index:10000 !important;}

#siteskin-logo a {display:block; width:360px; height:88px; text-decoration:none;}
#siteskin-logo {position:absolute; width:360px; height:88px; top:18px; left:300px;}
/* End Sponsored Site Skin CSS */

/* Sponsored Site Skin CSS - Canada */

.siteskin_ca {background:#E4FAFD url(http://static.eharmony.com/assets/advice/images/skins/GTD-Site-Skin-CA-v1.jpg) no-repeat fixed center top;}
.siteskin_ca #divNav {background: none; height:175px;margin:0;padding:0;position:relative;width:960px;}
.siteskin_ca #divNav { _margin-top: -15px;  }
.siteskin_ca #header { *margin:0 auto 0; } 
#siteskin-link{ display:block;height:100%;width:100%;position:fixed;left:0;top:0;z-index:0;text-indent:-5000em;}
.siteskin_ca #adtop, .siteskin #header, .siteskin #navtree, .siteskin #advice-footer {z-index:20;position:relative;}
.siteskin_ca #DBsubnav { position:relative; z-index:20; }
.siteskin_ca #container { z-index:20; position:relative; }
.siteskin_ca #nav {top:115px; *top:100px; z-index:10;}
.siteskin_ca #searchbox {top:115px !important; *top:100px !important; z-index:10000 !important;}

#siteskin-logo a {display:block; width:360px; height:88px; text-decoration:none;}
#siteskin-logo {position:absolute; width:360px; height:88px; top:18px; left:300px;}
/* End Sponsored Site Skin CSS */