/* MAIN STYLES */
body {
  background-color:#fff;
  color:#777;
  }

h2 {
  color:#f70;
  font-family:verdana,arial,helvetica,sans-serif;
  }

h3 {
  font-family:verdana,arial,helvetica,sans-serif;
  }

p {color:#777;}

.pageText {
  color:#777;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

div.pageText table {font-size:12px;}

div.pageText p, div.pageText ul {color:#777;}

.displayErrorText {
  color:#c00;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  }

.displayAdminText {
  color:#f70;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  }
  

/* MAIN LINK STYLES */

a:link {color:#a81;}
a:visited {color:#a81;}
a:active {color:#a81;}
a:hover {color:#ca3;}


/* HEADER STYLES */

#headerCenter {
  background-image:url('/images/thestranger/personals/header-center.gif');
  background-position:center;
  background-repeat:no-repeat;
  }

.headerBgColor {
  background-color:#fff9ed;
  /*background-image:url('/images/portlandmercury/personals/header-background.gif');*/
  }

.topNavBar {
  background-color:#000;
  color:#fff;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  }

.topNavBar a {
  display:block;
  padding:4px;
  color:#fff;
  text-decoration:none;
  }

.topNavBar a:visited {
  color:#fff;
  }

.topNavBar a:active {
  color:#f70;
  }

.topNavBar a:hover {
  color:#f70;
  }


/* FOOTER NAV STYLES */

.footerNav {
  background-color:#000;
  /*background-image:url('');*/
  }

.footerNav div {
  padding:10px;
  color: #fff;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

.footerNav a:link {
  color:#fff;
  }

.footerNav a:visited {
  color:#fff;
  }

.footerNav a:hover {
  color:#fff;
  text-decoration:none;
  }


/* LEFT NAV PROFILE STYLES */
.leftNavColumn {
  background-color:#fff;
  border-right:1px solid #ddc;
  }

.userNameBox {
  background-color:#540;
  color:#fff;
  padding:8px 4px 8px 0;
  font-family:verdana,arial,helvetica,sans-serif;
  font-weight:bold;
  font-size:12px;
  text-align:center;
}

.profileLastActive {
  padding:4px;
  background-color:#ddc;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  font-weight:bold;
  }

.profileNav {
  margin-top:12px;
  background-color:#fff;
  }

.profileNav td {
  background-color:#ddc;
  color:#999;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:10px;
  font-weight:bold;
  }

.profileNav td img {
  vertical-align:bottom;
  }

.profileNav a {
  color:#540;
  text-decoration:none;
  }

.profileNav a:visited {
  color:#540;
  }

.profileNav a:hover {
  color:#fff;
  }

.basicsBox {
  border:0;
  }

.basicsBoxHeader {
  background-color:#ddc;
  color:#000;
  padding:6px;
  font-size:12px;
  font-weight:bold;
  }

.basicsBox td {
  font-family:verdana,arial,helvetica,sans-serif;
  padding-bottom:4px;
  }

.basicsCategory {
  padding-left:10px;
  font-size:11px;
  }

.basicsResponse {
  padding-left:4px;
  font-size:11px;
  font-weight:bold;
  }

#basicsBoxCharacteristics {}
#basicsBoxProfile {}
#basicsBoxHabits {}
#basicsBoxPersonality {}


/* SPACER COLUMN STYLES */

.spacerColumn {
  background-color:#fff;
  }


/* MAIN BODY PROFILE STYLES */

.mainContentColumn {
  padding-top:12px;
  background-color:#fff;
  }

.adTitle {
  margin-bottom:12px;
  font-family:verdana,arial,helvetica,sans-serif;
  font-weight:bold;
  font-size:12px;
  }

.adBody {
  margin-top:2px;
  color:#777;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

.profileSectionHeader {
  /*width:80%;*/
  background-color:#ccb;
  color:#000;
  padding:4px;
  font-family:verdana,arial,helvetica,sans-serif;
  font-weight:bold;
  font-size:12px;
}

.profileSectionBody {
  color:#777;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

.profileSectionBody strong {
  font-weight:bold;
  }

.profileSectionBody ol {
  margin-top:0;
  }  

#Profile strong {}
#Essay strong {}
#FillInBlank strong {}
#ThisOrThat strong {}


/* RIGHT NAVBAR STYLES */

.rightNavColumn {
  background-color:#ccb;
  padding-bottom:12px;
  }

.rightNavColumn form div {
  padding:2px 0;
  }

.rightNavColumn td {
  color:#540;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

.rightNavHeaders {
  margin:0 0 6px;
  /*width:90%;*/
  background-color:#000;
  background-image:url('/images/portlandmercury/personals/header-spacer.gif');
  background-repeat:no-repeat;
  background-position:2% 50%;
  color:#fff;
  padding:4px;
  text-align:center;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  }

.rightNavHeaders div {
  background-image:url('/images/portlandmercury/personals/header-spacer.gif');
  background-repeat:no-repeat;
  background-position:98% 50%;
  }

.rightNavColumn a {
  color:#540;
  }

.rightNavColumn a:visited {
  color:#540;
  }

.rightNavColumn a:hover {
  color:#777;
  }

.memberLoginText a {
  text-decoration:underline;
  }

form {
  margin:0;
  }

#quickSearch select, #quickSearch input {
  font-size:11px;
  }

#viewAd input {
  font-size:11px;
  }


/* RESULTS PAGE STYLES */

.searchCriteria {
  padding:4px;
  text-align:center;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  }

.searchRefine {
  padding:4px;
  text-align:center;
  }

.searchRefine a {
  color:#000;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  }

.resultsTable {
  background-color:#f5f6ee;
  border-bottom:2px solid #ccb;
  }

.resultsPersonHeader {
  padding:3px 9px;
  background-color:#ccb;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  }

.resultsPersonHeader a {
  color:#540;
  text-decoration:none;
  }

.resultsPersonHeader a:visited {
  color:#540;
  }

.resultsPersonHeader a:hover {
  color:#540;
  }

.resultsPersonActive {
  color:#540;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:10px;
  font-weight:bold;
  }
  
td.resultsPersonDetails {
  padding:4px;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

.resultsPersonHeadline {
  font-weight:bold;
  }

.resultsPersonMore {
  font-size:11px;
  }

.resultsPersonMore a {
  color:#a81;
  }

.resultsPersonMore a:visited {
  color:#a81;
  }

.resultsPersonMore a:hover {
  color:#ca3;
  }

table.resultsPersonSubMenu {
  background-color:#ccb;
  font-family:verdana,arial,helvetica,sans-serif;
  }

table.resultsPersonSubMenu td img {
  vertical-align:bottom;
  }

table.resultsPersonSubMenu td {
  color:#777;
  font-size:10px;
  white-space:nowrap;
  }

table.resultsPersonSubMenu td a {
  color:#540;
  text-decoration:none;
  font-weight:bold;
  }

table.resultsPersonSubMenu td a:visited {
  color:#540;
  }

table.resultsPersonSubMenu td a:hover {
  color:#540;
  }

.resultsNone {
  color:#000;
  text-align:center;
  font-family:verdana,arial,helvetica,sans-serif;
  font-weight:bold;
  }

.resultsPageNav {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  text-align:center;
  }

.resultsPageNav a {
  color:#a81;
  }

.resultsPageNav a:visited {
  color:#a81;
  }

.resultsPageNav a:hover {
  color:#ca3;
  }

.resultsPageNav a b {
  color:#000;
  }

/* PLACE AD STYLES */

.printAdPageHighlight {
  background-color:#eee;
  padding:0 12px 2px 12px;
  margin-bottom:12px;
  }

.loginFormText {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  }

.loginFormText .noteText {
  font-size:10px;
  }

.loginFormText td.question {
  text-align:right;
  font-weight:bold;
  }

.placeAdFormText {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  }

.placeAdFormText .noteText {
  font-size:11px;
  }

.placeAdFormText td.question {
  text-align:right;
  font-weight:bold;
  }

.placeAdQuestionText {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  }

.placeAdQuestionText strong {
  font-weight:bold;
  }

#profileFieldID {
  background-color:#ccc;
  }

h3.questionSectionName {
  margin-bottom:0;
  padding:4px;
  background-color:#f70;
  color:#fff;
  font-size:12px;
  }

td.onlineAdHeader {
  padding:8px;
  background-color:#f70;
  color:#fff;
  font-weight:bold;
  }

p.onlineAdHeader {
  padding:8px;
  background-color:#f70;
  color:#fff;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  }


/* FEATURES COMPARISON TABLE STYLES */

.featureTable {
  border-bottom:1px solid #000;
  font-family:verdana,arial,helvetica,sans-serif;
  }

.featureTable th {
  background-color:#000;
  color:#fff;
  font-size:12px;
  text-align:center;
  }

.featureTable td {
  font-size:11px;
  }

.featureTable td span {
  cursor:help;
  font-weight:bold;
  }

.featureTable .keyRowColor {
  background-color:#d4c1c5;
  color:#000;
  font-weight:bold;
  }

.featureTable .keyRowColor span {
  color:#000;
  }

.featureTable .mainRowColor {
  background-color:#fff;
  }

.featureTable .altRowColor {
  background-color:#e9e1df;
  }


/* SEARCH PAGE STYLES */

h3.searchPage {
  margin-bottom:0;
  color:#f70;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  }

.searchPageText {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

.searchPageText td {
  font-size:11px;
  }

.searchPageText table {
  border:1px solid #000;
  }

  
/* MISCELLANEOUS PAGE STYLES */

#contactUsForm {padding-left:150px;} /* Contact Template */

#pageBody { /* Page Class template */
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  }

/* IMAGE GALLERY STYLES */

.galleryUserName {
  padding:4px;
  background-color:#ccb;
  color:#fff;
  font-family:verdana,arial,helvetica,sans-serif;
  font-weight:bold;
  font-size:11px;
  }

.galleryUserName a:link {
  color:#000;
  text-decoration:none;
  }

.galleryUserName a:visited {
  color:#000;
  text-decoration:none;
  }

.galleryUserInfo {
  padding:2px;
  background-color:#f5f6ee;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;  
  font-weight:bold;
  }

.myAccountHeader {
  padding:3px 9px;
  background-color:#540;
  color:#fff;
  font-family:verdana,arial,helvetica,sans-serif;
  font-weight:bold;
  }

.myAccountReminders {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }


/* MESSAGE MODE STYLES */

.messageTable {
  border-top:1px solid #000;
  }

.messageTable td {
  border-bottom:1px solid #000;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

.messageHeader {
  padding:8px;
  background-color:#540;
  color:#fff;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  }

.messageBox {
  background-color:eed;
  }

.messageTitle {
  margin-bottom:0;
  padding:3px;
  font-family:verdana,arial,helvetica,sans-serif;
  font-weight:bold;
  font-size:12px;
  }

.messageBody {
  margin:0 auto;
  padding:6px;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

ul.messageMenu {
  display:block;
  margin-top:0;
  padding-bottom:6px;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

.messageDataTable td {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

td.mainMessageRowColor {
  background-color:#fff;
  }

td.altMessageRowColor {
  background-color:#ddc;
  }

.moreMessageText {
  text-align:right;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  font-weight:bold;
  }

/* POPUP STYLES */

#popupContent {
  margin:8px;}


/* HOME PAGE STYLES */

h2.homePage {
  font-family:verdana,arial,helvetica,sans-serif;
  }

h3.homePage {
  margin:0;
  padding:3px 6px;
  background-color:#f70;
  color:#fff;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  }

h4.homePage {
  margin:0;
  padding:3px;
  background-color:#ccb;
  color:#fff;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

h4.homePage a {
  color:#000;
  text-decoration:none;
  }

h4.homePage a:visited {
  color:#000;
  }

h4.homePage a:hover {
  color:#000;
  }

p.homePage {
  margin:9px auto;
  color:#777;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  text-align:justify;
  line-height:16px;
  }

.featuredProfile {
  background-color:#fff9ed;
  }

.homePageProfile {
  color:#777;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

.homePageProfileText {
  margin-bottom:4px;
  padding:2px 4px;
  color:#777;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

.homePageHeadline {
  padding:2px 4px;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  font-weight:bold;
  }

.homeMoreText {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

#featuredMembers {
  margin-bottom:6px;
  background-color:#000;
  }

/*#welcomeHeadline {
  height:183px;
  background-color:transparent;
  background-image:url('/images/portlandmercury/personals/welcome.gif');
  background-repeat:no-repeat;
  background-position:center center;
  }
#welcomeHeadline span {display:none;}*/

#whatsNewHeadline {
  margin-bottom:6px;
  }


/* I SAW YOU RESULTS STYLES (PERSONALS ONLY) */
.sawYouFormText {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

.sawYouResults {
  padding-bottom:4px;
  border-bottom:2px solid #000;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

#sawYouIntro {
  color:#f70;
  font-weight:bold;
  }

form.sawYouForm table {
  margin:0;
  padding:0 4px;
  background-color:#eee;
  }

.sawYouResultsTable {
  background-color:#f5f6ee;
  }

.sawYouResultsHeadline {
  padding:3px;
  background-color:#ccb;
  color:#f70;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  }

.sawYouResultsBody {
  margin-top:10px;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

.sawYouResultsDate {
  padding-bottom:6px;
  color:#540;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  font-weight:bold;
  }

.sawYouResultsData {
  margin:4px auto;
  color:#666;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  font-weight:bold;
  }

.sawYouResultsGenders {
  margin:4px auto;
  color:#666;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  font-weight:bold;
  }

/* PAGE ID STYLES */

#pageMembership td {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:11px;
  }

#pageJoin h3 {color:#f70;}

#pageSearch h3 {color:#f70;}

#pagePlaceAd h3 {color:#f70;}

#pagePlaceISawYouAd h3 {color:#f70;} /* PERSONALS ONLY */

#pageMyAccount table.pageText div {margin:4px 0;}


/* TEASER AD STYLES */

#personalsTeaserAd {
  width:130px;
  margin:0 auto;
  overflow:hidden;
  background-color:#fef9ed;
  text-align:center;
  }

.teaserAdPhoto {
  padding:5px 0;
  text-align:center;
  }

.teaserAdUsername, .teaserAdBody {
  padding:0 5px;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:10px;
  }

.teaserAdUsername {
  font-weight:bold;
  }

.teaserAdBody {
  padding-bottom:5px;
  }


/* ********* */
.onlineNow {color:#f00;}

/* Top Banner Ad Style */
#topBanner {
  margin:0; /* don't need a margin around the div */
  padding:4px; /* this is inside the div; may or may not be wanted */
  background-color:#fff9ed; /* could be an image instead if they want */
  border-bottom:1px solid #000;
  text-align:center;
  }