/*
Title:     content styles for screen media
Author:    steve@divinemass.com
Updated:   September 2nd 2008

Index:
(Y) 1. base styles (all pages)
(Y) 2. copy styles (content pages only - overrides base styles)
(Y) 3. definition list (dl) styles
(Y) 4. table styles
(Y) 5. form styles
(N) 6. common elements (tabs, containers and pagelinks)
(Y) 7. homepage logged out

*/

/* 1. base styles
---------------------------------------------------------- */

#content h3 strong, #content h4 strong {
 color: #999; }

#content h3.black, #content h4.black {
 display: block;
 margin: 0 0 1.4em 0;
 padding: 8px 6px 8px 30px;
 font-size: 100%;
 color: #eee;
 background: #333 url(../images/common/h3-bg.gif) no-repeat 0 0; }

#content h3.sand, #content h4.sand {
 display: block;
 margin: 0 0 1.4em 0;
 padding: 6px 6px 6px 30px;
 font-size: 100%;
 background: #F3EEAA url(../images/common/cupid-icon.gif) no-repeat 8px 50%;
 color: #990000; }

#content h3.icon, #content h4.icon {
 display: block;
 margin: 10px 0 1.4em 0;
 padding: 0 0 0 22px;
 font-size: 125%;
 background: url(../images/common/cupid-icon.gif) no-repeat 0 50%; }

#content h3.icon-white, #content h4.icon-white {
 display: block;
 margin: 10px 0 1.4em 0;
 padding: 0 0 0 22px;
 font-size: 125%;
 color: #fff;
 background: url(../images/common/cupid-icon-white.gif) no-repeat 0 50%; }

#content h5 {
 display: block;
 margin: 0 0 1.4em 0;
 font-size: 100%;
 color: #990000; }

#content h3.tight, #content h4.tight, #content h5.tight {
 margin: 0; }

#content ul {
 margin: 0 0 0 5px;
 padding: 0; }

#content ul li {
 display: block;
 padding: 0 0 1em 23px;
 list-style: none;
 background: url(../../assets/images/common/bullet.gif) no-repeat 0 2px; }

/*

#content h3 .showhide {
 float: right;
 width: 16px;
 height: 16px;
 margin: 5px 8px 0 0;
 background: url(../images/common/showhide-icon.gif) no-repeat 0 0; }

#content h3 .showhide a {
 display: block;
 width: 16px;
 height: 16px; }

*/

#content a:link, #content a:visited {
 text-decoration: underline;
 color: #0088CC; }

#content a:hover {
 color: #006699; }


#content ul {
 margin: 0 0 0.3em 0; }
 
#content ul li {
 display: block;
 padding: 0 0 1em 18px;
 list-style: none;
 background: url(../images/common/tick-icon.gif) no-repeat 0 2px; }

/* 6. common elements (including tabs, containers and pagelinks)
--------------------------------------------------------------- */

/* rounded grey coloured container used in join page etc */

.grey-container-top {
 display: block;
 height: 7px;
 background: url(../images/common/grey-container-top.gif) no-repeat 0 0; }

.grey-container {
 display: block;
 padding: 11px;
 background: #666;
 color: #fff;
 border-left: 7px solid #ddd;
 border-right: 7px solid #ddd; }

.grey-container-bottom {
 display: block;
 margin: 0 0 1.3em 0;
 height: 7px;
 background: url(../images/common/grey-container-bottom.gif) no-repeat 0 0; }

/* rounded sand coloured container used in news, about etc */

.sand-container-top {
 display: block;
 height: 7px;
 background: url(../images/common/sand-container-top.gif) no-repeat 0 0; }

.sand-container {
 display: block;
 padding: 11px;
 background: #FFFFCC;
 border-left: 7px solid #F3EEAA;
 border-right: 7px solid #F3EEAA; }

.sand-container-bottom {
 display: block;
 margin: 0 0 1.3em 0;
 height: 7px;
 background: url(../images/common/sand-container-bottom.gif) no-repeat 0 0; }

/* rounded sand coloured container used in news, about etc */

.error-container-top {
 display: block;
 height: 7px;
 background: url(../images/common/error-container-top.gif) no-repeat 0 0; }

.error-container {
 display: block;
 min-height: 87px;
 padding: 11px 11px 11px 130px;
 background: #FFCCCC url(../images/characters/error.gif) no-repeat bottom left;
 border-left: 7px solid #CC6666;
 border-right: 7px solid #CC6666; }

.error-container-bottom {
 display: block;
 margin: 0 0 1.3em 0;
 height: 7px;
 background: url(../images/common/error-container-bottom.gif) no-repeat 0 0; }

#search-tools {
 display: block;
 width: 648px;
 padding: 6px 10px 2px 10px;
 background: url(../images/common/silver-fade.gif) 0 50% no-repeat;
 float: left; }

#search-tools label {
 display: inline;
 font-weight: bold;
 padding: 0 0 0 18px;
 background: url(../images/common/save-icon.gif) no-repeat 0 50%; }

#search-tools form {
 display: inline; }

#content .profile_photo {
 width: 97px;
 height: 106px;
 margin: 5px;
 padding: 5px 0 0 5px;
 background: url(member-photo-frame.gif) no-repeat top center; }

#content .profile_photo img {
 border: 1px solid #888; }

.multipleselect {
 clear: left;
 margin: 0.7em 0 0 0;
 padding-left: 19px; }

.multipledelete {
 clear: left;
 padding-left: 23px; }
 
 /* 7. homepage logged out
---------------------------------------------------------- */

#welcome-banner {
 margin-bottom: 10px;
 padding: 35px 38px 0 368px;
 width: 214px;
 height: 132px;
 background-color: #666;
 background-repeat: no-repeat;
 background-position: 0 0;
 overflow: hidden; }

#welcome-banner .links-container {
 height: 105px;
 overflow: hidden; }

#welcome-banner p {
 font-size: 135%;
 padding: 0 0 1.5em 0;
 line-height: 1.5em;
 text-align: center; }

#welcome-banner a:link, #welcome-banner a:visited {
 font-weight: bold;
 text-decoration: underline;
 color: #990000; }

#welcome-banner a:hover {
 color: #77BBEE; }

 /* 7. events
---------------------------------------------------------- */

#events-banner {
 margin-bottom: 1.4em;
 padding: 45px 280px 0 172px;
 width: 230px;
 height: 164px;
 background: url(../images/banners/events.jpg) no-repeat 0 0;
 color: #000;
 overflow: hidden; }

#events-banner p {
 font-size: 135%;
 padding: 0 0 1.4em 0;
 line-height: 1.4em; }

#events-banner a:link, #events-banner a:visited {
 font-weight: bold;
 text-decoration: underline;
 color: #990000; }

#events a:hover {
 color: #77BBEE; }

 /* 7. subscribe
---------------------------------------------------------- */

#subscribe-banner {
 margin-bottom: 1.4em;
 padding: 45px 280px 0 172px;
 width: 230px;
 height: 164px;
 background: url(../images/banners/subscribe.jpg) no-repeat 0 0;
 color: #000;
 overflow: hidden; }

#subscribe-banner p {
 font-size: 125%;
 padding: 0 0 1.4em 0;
 line-height: 1.4em; }

#subscribe-banner a:link, #subscribe-banner a:visited {
 font-weight: bold;
 text-decoration: underline;
 color: #990000; }

#subscribe-banner a:hover {
 color: #77BBEE; }

#subscribe-panel {
 float: right;
 width: 170px;
 padding: 0 30px 0 20px;
 text-align: center; }

#subscribe-panel h5 {
 font-size: 130%;
 font-weight: bold;
 margin: 0 0 1em 0;
 padding: 0;
 line-height: 1.3em; }

#subscribe-panel .addrefferer {
 background: url(../../assets/images/common/add-icon.gif) no-repeat 1em 4px; }

 /* 7. about
---------------------------------------------------------- */

#about-intro {
 display: block;
 padding: 0 270px 0 0;
 background: url(../images/aboutus/couple.jpg) no-repeat bottom right; }

#about-intro blockquote {
 margin: 0 10px 0 0;
 padding: 10px 20px 1.4em 40px;
 background: url(../images/common/blockquote-66.gif) no-repeat 0 12px }

#about-us img {
 float: left;
 padding: 0 20px 0 10px; }

 /* 7. news
---------------------------------------------------------- */

#news-intro {
 display: block;
 padding: 0 320px 10px 0;
 background: url(../images/news/paper-cup.jpg) no-repeat bottom right; }

 /* 7. join
---------------------------------------------------------- */

#join-benefits {
 padding: 0 0 10px 265px;
 background: url(../images/signup/couple.jpg) no-repeat bottom left; }

#join-option-1, #join-option-2 {
 min-height: 140px;
 padding: 15px 11px 15px 11px; }

#join-option-1 h4, #join-option-2 h4 {
 margin: 0 0 1.1em 0;
 padding: 0;
 font-size: 120%; }

#join-option-1 p, #join-option-2 p {
 margin: 0 0 1.1em 0;
 padding: 0; }

#join-option-1 .polaroid, #join-option-2 .polaroid {
 float: left;
 padding: 0 11px 11px 0; }

#join-option-1 .post-it, #join-option-2 .post-it {
 float: right;
 padding-left: 11px; }

#join-option-1 a:link, #join-option-1 a:visited, #join-option-2 a:link, #join-option-2 a:visited {
 text-decoration: underline;
 color: #fff; }

#join-option-1 a:hover, #join-option-2 a:hover {
 color: #fff; }

 /* 7. myaccount
---------------------------------------------------------- */

#myaccount-options {
 min-height: 170px;
 background: #FFFFCC url(../images/characters/myaccount.gif) no-repeat bottom left; }

#myaccount-options #set-1 {
 float: left;
 margin: 0 50px 0 180px; }

#myaccount-options #set-2 {
 float: left; }

#myaccount-options ul {
 margin: 0 20px 0 0; }

#myaccount-options .option-1 {
 background: url(../images/common/add-icon.gif) no-repeat 0 25%; }

#myaccount-options .option-2 {
 background: url(../images/common/locked.gif) no-repeat 0 25%; }

#myaccount-options .option-3 {
 background: url(../images/common/events-icon.gif) no-repeat 0 25%; }

#myaccount-options .option-4 {
 background: url(../images/common/email-icon.gif) no-repeat 0 25%; }

#myaccount-options .option-5 {
 background: url(../images/common/cross-icon.gif) no-repeat 0 25%; }

#myaccount-options .option-6, #myaccount-options .option-7, #myaccount-options .option-8 {
 background: url(../images/common/login-details-icon.gif) no-repeat 0 25%; }

#myaccount-options .option-9 {
 background: url(../images/common/save-icon.gif) no-repeat 0 25%; }

 /* 7. contact
---------------------------------------------------------- */

#contact-intro {
 padding-left: 200px;
 min-height: 130px;
 background: #FFFFCC url(../images/characters/contact.gif) no-repeat bottom left; }

 /* 7. signup steps
---------------------------------------------------------- */

#signup-steps ol {
 margin: 0;
 padding: 0; }

#signup-steps li {
 display: inline;
 padding: 0 40px 0 16px;
 list-style: none;
 background: url(../images/common/pagelinks_icon.gif) no-repeat 0 35%; }

#signup-steps .completed {
 background: url(../images/common/tick-icon.gif) no-repeat 0 35%; }

 /* 7. faqs
---------------------------------------------------------- */

#faq-links {
 padding: 5px 161px 5px 11px;
 background: #FFFFCC url(../images/characters/faqs.gif) no-repeat bottom right; }

#faqs {
 padding: 0; }

#faqs a:link, #faqs a:visited {
 text-decoration: underline;
 color: #fff; }

#faqs a:hover {
 color: #fff; }

 /* 7. advanced search
---------------------------------------------------------- */

#advanced-search legend {
 display: none; }

#advanced-search h4 {
 display: block;
 margin: 0;
 padding: 8px 0 8px 30px;
 font-size: 95%;
 color: #eee;
 background: #666 url(../images/common/h4-bg.gif) no-repeat 0 50%; }

 /* 7. edit profile
---------------------------------------------------------- */

#edit-profile legend {
 display: none; }

#edit-profile h4 {
 display: block;
 margin: 0;
 padding: 8px 0 8px 30px;
 font-size: 95%;
 color: #eee;
 background: #666 url(../images/common/h4-bg.gif) no-repeat 0 50%; }