/* $Id: 67.css 11372 2011-12-15 09:55:59Z garth $ */
@import url("/css/i1/0/skeleton.css");

/*--- reset ------------*/

a img, a:link img, a:visited img {
	border: none;
}

/*--- page layout framework ------------*/

html, body {
	height: 100%;
	margin-bottom: 1px; /* forces the vertical scrollbar for short pages to avoid "page jump" */
}

body {
	font-family: "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	color: #000000;
	background-color: #E6E6E6;
}

div#container {
	padding: 1em 0;
}

div#header {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right center;
}

div#wrapperbg {
	background-color: #FFFFFF;
	border-left-color: #EFEFEF;
}

/*--- element defaults ------------*/

p, span, li, dd, legend, textarea, input, optgroup, caption, select, table {
	font-size: 1.2em;
	font-family: "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
}

fieldset label {
	font-size: 1.2em;
}

table input, table textarea, table select, div fieldset table td table, table span, p span,
div fieldset table label, fieldset li label, fieldset ul li label, ul li p, td p, dd ul li, dd p, ul li p, ol li p, optgroup {
	font-size: 1em;
	font-family: "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
}

p {
	margin: 0 0 1.3em 0;
	line-height: 1.3em;
}

sup {
	padding: 0 0.5em;
	font-size: inherit;
	vertical-align: middle;
}

ul, ol {
	margin: 0 0 1em 2em;
	font-size: inherit;
}

/* IE6 only hack */
* html ol {
	margin-left: 2.5em;
}

/* IE7 only hack */
*:first-child+html ol {
	margin-left: 2.5em;
}

li {
	margin: 0 0 0.6em 0;
	line-height: 1.3em;
}

dt {
	margin: 0 0 0.1em 0;
	font: bold 1.5em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
}

dd {
	margin: 0 0 1em 0;
}

abbr, acronym, span.abbr {
	font-weight: inherit;
	border-bottom: 1px dotted #FFFFFF;
	cursor: help;
}

/*--- links ------------*/

a {
	font-size: inherit;
}

a:link {
	color: #5555DC;
}

a:visited {
	color: #551A8B;
}

a:hover {
	color: #F00F00;
}

a:active {
	color: #F00F00;
}

/*--- paragraphs ------------*/

.small {
	font-size: 0.8em;
}

.nb, span.footnote {
	color: #CC0000 !important;
}

/* span.unavailableMsg */
span.username, span.amount {
	font-weight: bold;
}

pre, code {
	font-family: "Courier New", "Courier", "FreeMono", monospace;
	color: #555555;
	background-color: #FFFED8;
}

pre {
	margin: 0 2em 1em 2em;
	padding: 0.8em 1em;
}

/*--- rounded corners ------------*/

span.tl, span.tr, span.bl, span.br {
	height: 5px;
	font-size: 0;
	line-height: 0;
	display: block;
}

/*--- bullet lists ------------*/

body#profile_photos form ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*--- headings ------------*/
h1, h2, h3, h4, h5 {
	position: relative;
	font-family: "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	font-weight: bold;
}

h1 {
	width: 28em;
	height: 82px;
	padding: 0;
	font-size: 3.5em;
	text-indent: -200em;
	background: url("/pics/i1/67/chrome/logo.gif") no-repeat scroll right top;
	overflow: hidden;
}

h1 a {
	display: block;
	width: 14.8em;
	height: 82px;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	background: url("/pics/i1/67/chrome/menschen.gif") no-repeat scroll left top;
}

h2 {
	margin: 0 0 0.4em 0;
	font-size: 1.7em;
}

h3, body#splash1024 div#languagesBox h4, body#splash1024 div#loginBox h4 {
	margin: 0 0 0.5em 0;
	padding: 0.3em 0.4em;
	font-size: 1.5em;
	color: #FFFFFF;
	background-color: #CFCFE7;
}

body#splash1024 div#languagesBox h4, body#splash1024 div#loginBox h4 {
	color: #000000;
}

body#splash1024 div#featuredBox h3 {
	background-color: #9F9ED8;
}

h3 a:link, h3 a:visited, h3 a:active {
	color: #FFFFFF;
	text-decoration: none;
}

h3 a:hover {
	text-decoration: underline;
}

h4 {
	margin: 0 0 0.3em 0;
	font-size: 1.3em;
}

h5 {
	margin: 0.5em 0 0.3em 0;
	padding: 0;
	font-size: 1.2em;
	color: #888888;
}

/*--- navigation / tabs navigation ------------*/

div#navigation, ul#tabsNav {
	background-color: #FFFFFF;
}

div#navigation a, ul#tabsNav a {
	font-weight: bold;
	text-decoration: none;
}

div#navigation ul.firstLevel li, ul#tabsNav li {
	margin: 0 0.3em 0 0;
}

div#navigation ul.firstLevel li a, ul#tabsNav li a {
	padding: 0.4em 0.6em;
	font-size: 1.2em;
	color: #000000;
	background-color: #CFCFE7;
}

div#navigation ul.firstLevel li a:hover, div#navigation ul.firstLevel li.on a, ul#tabsNav li a:hover, ul#tabsNav li.on a {
	color: #000000;
	background-color: #B9E1E0;
}

div#navigation ul.secondLevel, div#navigation ul.thirdLevel {
	background-color: #B9E1E0;
}

div#navigation ul.secondLevel li a, div#navigation ul.thirdLevel li a {
	padding: 0.45em 0.8em;
	font-size: 1em;
	color: #000000;
}

div#navigation ul.secondLevel li a:hover, div#navigation ul.thirdLevel li a:hover {
	color: #000000;
	background-color: #CCCCCC;
}

div#navigation ul.secondLevel li.on a, div#navigation ul.thirdLevel li.on a {
	color: #000000;
	background-color: #6AC1D0;
}

/*--- #secondary ------------*/

div#secondary .box, body#info_mobile div#ctaTertiary {
	margin-bottom: 1em;
	color: #666666;
	border-bottom: 1px solid #AAAAAA;
}

body#info_mobile div#ctaTertiary {
	background-color: #EFEFEF;
}

div#secondary h4, body#info_mobile div#ctaTertiary h2 {
	margin: 0 0 0.3em 0;
	padding: 0 0 0.2em 0;
	color: #000000;
}

body#info_mobile div#ctaTertiary h2 {
	margin-bottom: 0.5em;
	padding: 0.2em 0 0.3em 0;
	font-size: 1.3em;
	text-align: center;
	background-color: #B9E1E0;
}

div#secondary p {
	font-size: 1.1em;
}

div#secondary p.name {
	font-size: 1.3em;
	font-weight: bold;
}

div.ad img {
	display: block;
	margin: 0 auto;
}

/*--- footer ------------*/

div#footer {
	padding: 0.6em 1em;
	color: #333333;
	background-color: #CFCFE7;
}

div#footer p {
	font-size: 1.1em;
}

div#footer p#copyright {
	line-height: 1.3em;
}

div#footer a {
	color: #5555DC;
}

div#footer img.poweredBy {
	margin-top: 0.3em;
}

div#footer span#totop {
	font-size: 1.2em;
}

/*--- home page container boxes ------------*/

div#content .box, div#quickSearchBox {
	margin-bottom: 1em;
}

body#splash1024 div#quickSearchBox {
	margin-bottom: 0;
}

/* div#quickSearchBox */
div#quickSearchBox h3 {
	margin: 0;
	color: #FFFFFF;
	background-color: #9E9ED9;
}

div#quickSearchBox fieldset {
	margin: 0;
	background-color: #CFCFE7;
	border: none;
}

div#quickSearchBox label {
	font-size: 1.2em;
}

div#quickSearchBox label.o {
	font-size: 1.1em;
}

div#quickSearchBox fieldset div#mCountryWrapper label, div#quickSearchBox fieldset div#mProvinceWrapper label {
	float: left;
	margin-right: 0.3em;
}

div#quickSearchBox p#moreOptions {
	margin: 0;
	padding: 0.3em 1em;
	text-align: center;
	background-color: #E9E9F3;
}

div#quickSearchBox button {
	font-size: 1.2em;
	font-weight: bold;
}

div#quickSearchBox div.ukPostCode span {
	float: left;
	margin-right: 0.2em;
	font-size: 1em;
}

div#quickSearchBox div.ukPostCode span label span {
	margin-right: 0.3em;
	#margin-right: 0; /* IE6 only hack */
}

/* IE7 hack only */
*:first-child+html div#quickSearchBox div.ukPostCode span label span {
	display: block;
	margin-right: 0.3em;
}

/* div#storiesBox */
div#storiesBox blockquote {
	margin-bottom: 1em;
	border-bottom: 1px solid #CCCCCC;
}

div#storiesBox blockquote p.cite {
	margin-bottom: 0.8em;
	font-weight: bold;
}

div#storiesBox p.cite span.date {
	font-size: 1em;
	font-weight: normal;
}

/* div#featuredBox */
div#featuredBox div.profile {
	padding: 1em;
	border-bottom: 1px solid #CCCCCC;
}

div#featuredBox div.last {
	border-bottom: none;
}

div#featuredBox div.narrative h4 {
	width: auto;
	overflow: hidden;
}

/*--- intro message ------------*/

div.intro {
	height: 4.8em; /* fix for IE */
	margin-bottom: 1em;
	padding: 1em 1em 0.1em 1em;
	color: #0000AA;
	background-color: #E8F5FF;
}

body#splash1024 div.intro {
	background: none;
}

html>body div.intro { /* reset for other browsers */
	min-height: 4.8em;
	height: auto;
}

div.intro h4 {
	font-size: 1.9em;
}

/*--- alerts ------------*/

div.info, div.note, div.tip, div.err, div.success, div.gift {
	margin-bottom: 1em;
	padding: 1em 1em 0.1em 6em;
	height: 4.8em;
}

html>body div.info, html>body div.note, html>body div.tip, html>body div.err, html>body div.success, html>body div.gift { /* reset for other browsers */
	min-height: 4.8em;
	height: auto;
}

div.info h4, div.note h4, div.tip h4, div.err h4, div.success h4, div.success gift {
	margin-bottom: 0.1em;
	padding: 0;
	font-size: 1.4em;
	border: none;
}

/* info */
div.info {
	color: #0000AA;
	background: #E8F5FF url("/pics/i1/0/chrome/info.gif") 10px 10px no-repeat;
}

/* note */
div.note {
	color: #CC0000;
	background: #FFEDED url("/pics/i1/0/chrome/note.gif") 10px 10px no-repeat;
}

/* tip */
div.tip {
	color: #555555;
	background: #FFFED8 url("/pics/i1/0/chrome/tip.gif") 15px 13px no-repeat;
	min-height: 5.5em;
}

/* err */
div.err {
	color: #CC0000;
	background: #FFEDED url("/pics/i1/0/chrome/err.gif") 10px 13px no-repeat;
}

/* success */
div.success {
	color: #063063;
	background: #DEFFDE url("/pics/i1/0/chrome/success.gif") 10px 13px no-repeat;
}

/*--- mail message ------------*/

div.message, div.dialogue {
	margin-bottom: 1em;
	border: 2px solid #D4ECFF;
}

div.message a {
	color: #000000;
}

div.message p.date {
	margin-bottom: 0;
	padding: 0.2em 0.7em;
}

div.message p.message {
	margin-bottom: 0;
	padding: 0.5em;
}

div.message ol, div.alert ul {
	margin-bottom: 0;
}

h3.message {
	margin-bottom: 0;
}

fieldset#mailMessage textarea {
	width: 99%;
	height: 20em;
}

div.replyPanel {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #666666;
}

/*--- conversation dialogue ------------*/

div.dialogue h4 {
	padding: 0.4em 0.5em;
	background-color: #D4ECFF;
	border: none;
}

div.dialogue p.conversation {
	padding: 0.6em;
	margin-bottom: 0;
}

div.dialogue div.footer {
	padding: 0.4em 0.7em;
	border-top: 1px solid #D4ECFF;
}

div.dialogue div.footer a {
	margin-right: 1em;
}

div.dialogue div.footer img {
	vertical-align: -3px;
}

div.dialogue div.footer span.note {
	font-size: 0.9em;
	color: #888888;
}

/*--- articles ------------*/

h3.article {
	margin-bottom: 0;
}

p#articleDate {
	padding: 0.2em 0;
}

div.article p#author {
	margin-bottom: 0;
	font-weight: bold;
}

/*--- forms ------------*/

fieldset {
	position: relative;
	margin: 0 0 1em 0;
	padding: 0.7em;
	border: 1px solid #B9E1E0;
}

fieldset.single label, fieldset.single select {
	margin-bottom: 0.4em;
}

fieldset.single select {
	margin-top: 0.5em;
}

fieldset.single * {
	vertical-align: middle;
}

fieldset.single label, fieldset.single input, fieldset.single select {
	margin-right: 0.7em;
}

fieldset.buttons {
	background-color: #D9F3F2;
	border: none;
}

body#profile_depth select, body#profile_match select {
	margin-left: 0.4em;
	margin-top: 0.3em;
}

body#profile_depth select#quickNav, body#profile_match select#quickNav {
	margin-left: 0;
}

body#mail_inbox form#form1 fieldset.buttons, body#mail_outbox form#form1 fieldset.buttons {
	float: right;
	margin: -1.7em 0 0 0;
	background-color: #FFEDED;
}

fieldset.delete {
	background-color: #FFEDED;
	border: none;
}

fieldset.last {
	margin-bottom: 0;
}

legend {
	margin: -1em 0 1em -0.6em; /* fix for IE */
	font-weight: bold;
	color: #000000;
}

html>/**/body legend { /* reset for other browsers */
	margin: 0;	
}

input.o { /* override for check boxes and radio buttons */
	margin-right: 0.5em;
	vertical-align: middle;
}

label.i {
	display: none;
}

form span.note {
	font-size: 1em;
}

table span.note {
	font-size: 0.9em;
}

form#customiseResults span.note {
	display: block;
	margin-top: 0.6em;
}

form table.selector span.note {
	margin-top: 1em;
}

div.key p {
	font-size: 1.1em;
}

span.compulsory {
	color: #CC0000;
}

span.hidden {
	color: #00C300;
}

form h4 {
	margin: 0;
	padding: 0.3em 0.4em;
	font-size: 1.4em;
	color: #000000;
	background-color: #B9E1E0;
}

table td.label {
	white-space: nowrap;
	padding-right: 1em;
}

body#profile_base form#form2 h4, body#profile_me div#culturalCharacteristics h4, body#profile_me div#narrativeQuestions h4, body#profile_match form#frmMM h4, body#profile_depth form#frmMM h4 {
	margin-bottom: 0.6em;
}

div#loginBox div.c, div#quickSearchBox div.c, body#find_search #basicSearchCriteria div.c, body#profile_match form#frmMM div.c {
	height: 5px;
}

body#profile_match form#frmMM fieldset.toolTips div.c {
	height: 0;
}

/* forms where the labels are long, with a select box alongside */
body#profile_me table.selector td.label {
	width: 22em;
}

body#profile_match table.selector label, body#profile_depth table.selector label {
	display: inline;
	margin-right: 1em;
}

body#profile_base table.selector label {
	display: block;
	margin-right: 1em;
}

body#profile_me table.selector label {
	display: block;
	float: right;
	margin-right: 1em;
}

body#join form#form1 table input#agree, table.selector select {
	margin-right: 1em;
}

/* forms where the labels are right-aligned */
body#help_contact form#form2 td.label, body#help_report form#form2 td.label, body#help_tellFriend form#form1 td.label, body#find_tellFriend form#form1 td.label, body#profile_base form#form1 td.label, body#join form#form1 td.label,
body#profile_me form#form1 td.label, body#login_forgotten form#form1 td.label {
	padding-right: 1em;
	width: 22em;
	text-align: right;
}

/* login and logout forms */
form#loginForm fieldset, form#logoutForm fieldset {
	margin: 0;
	padding: 0 0 1em 0;
	border: none;
}

form#loginForm input.t {
	width: 13em;
}

form#loginForm label {
	font-size: 1.1em;
}

form#loginForm a {
	font-size: 0.9em;
}

textarea#mNarrative, textarea#narrative {
	width: 99%;
	height: 15em;
}

body#partners_copy form#form2 textarea {
	width: 90%;
	height: 5.5em;
}

body#partners_copy form#form3 textarea {
	width: 99%;
	height: 20em;
}

/*--- buttons ------------*/

button, input.inputTypeSubmit {
	width: auto;
	padding: 0.1em 0.4em;
	font-size: 1.1em;
	overflow: visible;
	[font-size: 1.1em;
	font-size: 1.2em;] /* Chrome hack only */
}

button[disabled], button[disabled]:hover, input.inputTypeSubmit[disabled] {
	cursor: not-allowed;
}

p button {
	font-size: 1em;
}

/* #photosBox */
#photosBox ul, #photosBox li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

/*--- tables ------------*/

table {
	margin-bottom: 1em;
	empty-cells: show;
	border-collapse: collapse;
}

caption, th, td {
	padding: 0.3em;
	font-size: inherit;
	font-family: "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
}

caption, th {
	font-weight: bold;
}

th.c {
	padding: 2em;
}

table.padder td {
	padding-bottom: 0.6em;
}

/*--- zebra rows --------------*/
tr.alt td {
	background-color: #F1FEFE;
}

table.profile tr.alt td {
	background-color: #F1FEFE;
}

/* default basic table */
table.basic {
	margin-bottom: 1.5em;
	border-bottom: 1px solid #CFCFE7;
	border-left: 1px solid #CFCFE7;
}

table.basic caption {
	padding: 0.5em;
	color: #FFFFFF;
	background-color: #1966A2;
}

table.basic th {
	padding: 0.5em;
}

table.basic td {
	padding: 0.3em 0.4em;
}

table.basic th, table.basic td {
	border-top: 1px solid #CFCFE7;
	border-right: 1px solid #CFCFE7;
}

table th.h1 {
	color: #FFFFFF;
	background-color: #308ED7;
}

table th.h2 {
	color: #FFFFFF;
	background-color: #CFCFE7;
}

table th.h3 {
	background-color: #F4F4FB;
}

/* popular profiles */
table.popular {
	vertical-align: top;
	margin-bottom: 1.5em;
}

table.popular td, table.popular th {
	padding: 0.3em 0.4em;
	border: 2px solid #FFB229;
}

table.popular th.rank, table.popular th.details, table.popular th.photo {
	font-size: 1em;
	background-color: #FFD589;
}

table.popular th.photo, table.popular td.photo {
	width: 10em;
	text-align: center;
}

table.popular td.rank {
	width: 3em;
	font-weight: bold;
	text-align: center;
	background-color: #FFE8BE;
}

table.popular td.details h3 {
	padding: 0;
	font-size: 1.3em;
	background-color: transparent;
}

table.popular td.details h3 a {
	color: #000000;
}

table.popular h3 span {
	display: none;
}

table.popular td.picture img {
	vertical-align: middle;
}

/* paging */
div.pagingBox {
	margin-bottom: 1em;
	text-align: center;
}

table.paging {
	margin: 0;
	text-align: center;
	background-color: #DADAEC;
}

table.paging td {
	padding: 0.4em 0.7em;
	border: none;
}

table.paging td.l {
	width: 20%;
	text-align: left;
}

table.paging td.c {
	width: 60%;
	text-align: center;
}

table.paging td.r {
	width: 20%;
	text-align: right;
}

/* profile */
table.profile {
	margin: 0;
}

table.profile td.key {
	white-space: nowrap;
}

/* tables in a form */
form table, form table td, form table th {
	border: none;
}

fieldset#provinces label, fieldset#cities label {
	float: left;
}

form table {
	margin-bottom: 0;
}

form table td, form table th {
	padding: 0;
}

/*--- search ------------*/

form.searchForm label {
	font-weight: bold;
}

form#form2 div#postCode {
	padding-top: 0;
}

form#form2 div#postCode label {
	padding-top: 0.2em;
}

form#form2 div#postCode label, form#form2 div#postCode select {
	float: left;
	width: auto;
}

form#form2 label#postCodeLabel {
	padding-top: 0.1em;
}

form.searchForm div#postCode label, form.searchForm div#postCode select {
	margin-bottom: 5px;
}

form.searchForm fieldset#checkBoxes label.o {
	font-weight: normal;
}

fieldset.wrapper fieldset {
	border: none;
	border-bottom: 1px solid #B9E1E0;
}

fieldset.wrapper fieldset.last {
	border-bottom: none;
}

div.toggleMoreOptions {
	width: 2.1em;
	height: 2.1em;
}

p.selectedOptions {
	width: 32em;
}

form.searchForm div.moreOptions label {
	font-weight: normal;
}

/* submit buttons */
button.clearSearch, button.resetSearch, input.clearSearch, input.resetSearch {
	font-size: 1.1em;
}

/* post code & height */
form.searchForm div#postCode label, div#exactHeight label {
	font-weight: normal;
}

div#physical fieldset#height div#exactHeights, div#physical fieldset#height div#exactHeights label, div#physical fieldset#height div#exactHeights select {
	font-size: 1.1em;
}

/*--- subscribe ------------*/

div#primarySub div#primaryBoxSub fieldset#subscribeOptions form h4 {
	background: none;
	padding: 0.5em;
}

form#subscribeFrm table#tblPeriod {
	border: 1px solid #FF0000;
}

table#tblPeriod .mainHeading {
	font-size: 2.5em;
}

table#table3 {
	border: none;
	padding: 0.2em;
}

fieldset#subscribeOptions, fieldset#paymentOptions, fieldset#submitOptions {
	border: 1px solid #CFCFE7;
}

fieldset#subscribeOptions h4 {
	color: #000000;
	background-image: url("/pics/i1/67/chrome/subsBullet1.gif");
}

fieldset#paymentOptions h4 {
	color: #000000;
	background-image: url("/pics/i1/67/chrome/subsBullet2.gif");
}

fieldset#submitOptions {
	background-image: url("/pics/i1/67/chrome/subsBullet3.gif");
}

fieldset#subscribeOptions tr.multiline td.radio {
	background: url("/pics/i1/67/chrome/subs_bgRadio.gif") repeat-x;
	border: none;
}

fieldset#subscribeOptions tr.multiline td.options {
	background: url("/pics/i1/67/chrome/subs_bgOptions.gif") right top repeat-x;
	border: none;
}

fieldset#subscribeOptions tr.multilineSelected td.radio {
	background: url("/pics/i1/67/chrome/subs_bgRadioSelected.gif") repeat-x;
	border: none;
}

fieldset#subscribeOptions tr.multilineSelected td.options {
	background: url("/pics/i1/67/chrome/subs_bgOptionsSelected.gif") right top repeat-x;
	border: none;
}

fieldset#subscribeOptions tr#row1month.multiline td.radio, fieldset#subscribeOptions tr#row3days.multiline td.radio {
	background: url("/pics/i1/67/chrome/subs_bgRadioNarrow.gif") repeat-x;
	border: none;
}

fieldset#subscribeOptions tr#row1month.multiline td.options, fieldset#subscribeOptions tr#row3days.multiline td.options {
	background: url("/pics/i1/67/chrome/subs_bgOptionsNarrow.gif") right top repeat-x;
	border: none;
}

fieldset#subscribeOptions tr#row1month.multiline td.radio p, fieldset#subscribeOptions tr#row3days.multiline td.radio p,fieldset#subscribeOptions tr#row1month.multiline td.options p, fieldset#subscribeOptions tr#row3days.multiline td.options p {
	margin-bottom: 0.9em;
}

fieldset#subscribeOptions tr#row1month.multilineSelected td.radio, fieldset#subscribeOptions tr#row3days.multilineSelected td.radio {
	background: url("/pics/i1/67/chrome/subs_bgRadioNarrowSelected.gif") repeat-x;
	border: none;
}

fieldset#subscribeOptions tr#row1month.multilineSelected td.options, fieldset#subscribeOptions tr#row3days.multilineSelected td.options {
	background: url("/pics/i1/67/chrome/subs_bgOptionsNarrowSelected.gif") right top repeat-x;
	border: none;
}

fieldset#subscribeOptions tr#row1month.multilineVoucher td.radio, fieldset#subscribeOptions tr#row3days.multilineVoucher td.radio {
	background: url("/pics/i1/67/chrome/subs_bgRadio.gif") repeat-x;
	border: none;
}

fieldset#subscribeOptions tr#row1month.multilineVoucher td.options, fieldset#subscribeOptions tr#row3days.multilineVoucher td.options {
	background: url("/pics/i1/67/chrome/subs_bgOptions.gif") right top repeat-x;
	border: none;
}

fieldset#subscribeOptions tr#row1month.multilineSelectedVoucher td.radio, fieldset#subscribeOptions tr#row3days.multilineSelectedVoucher td.radio {
	background: url("/pics/i1/67/chrome/subs_bgRadioSelected.gif") repeat-x;
	border: none;
}

fieldset#subscribeOptions tr#row1month.multilineSelectedVoucher td.options, fieldset#subscribeOptions tr#row3days.multilineSelectedVoucher td.options {
	background: url("/pics/i1/67/chrome/subs_bgOptionsSelected.gif") right top repeat-x;
	border: none;
}

fieldset#subscribeOptions tr.multiline td.options div.hedgeHog, fieldset#subscribeOptions tr#row1month.multilineVoucher td.options div.hedgeHog, fieldset#subscribeOptions tr#row3days.multilineVoucher td.options div.hedgeHog {
	background: url("/pics/i1/67/chrome/saving_bg2line.gif") 0 0 no-repeat;
}

fieldset#subscribeOptions tr.multilineSelected td.options div.hedgeHog, fieldset#subscribeOptions tr#row1month.multilineSelectedVoucher td.options div.hedgeHog, fieldset#subscribeOptions tr#row3days.multilineSelectedVoucher td.options div.hedgeHog {
	background: url("/pics/i1/67/chrome/saving_bg2lineSelected.gif") 0 0 no-repeat;
}

div.saving2line p {
	width: 5em;
	text-align: center;
	font: bold 1.3em "Verdana", "Geneva", "Kalimati", sans-serif;
	color: #333333;
}

div.saving2line p span.hedgehogSave {
	font: bold 1.1em "Verdana", "Geneva", "Kalimati", sans-serif;
}

fieldset#subscribeOptions tr.multilineSelected td.options div.hedgeHog div.saving2line p {
	width: 6em;
	text-align: center;
	font: bold 1.4em "Verdana", "Geneva", "Kalimati", sans-serif;
	color: #FFFFFF;
}

fieldset#subscribeOptions tr.multilineSelected td.options div.hedgeHog div.saving2line p span.hedgehogSave {
	font: bold 1.2em "Verdana", "Geneva", "Kalimati", sans-serif;
}

fieldset#giftBoxOptions, fieldset#continuousBoxOptions, fieldset#vouchersBoxOptions  {
	border: 1px solid #CFCFE7;
}

fieldset#continuousBoxOptions h4, fieldset#giftBoxOptions h4, fieldset#vouchersBoxOptions h4 {
	background-color: #EFEFEF;
	color: #000000;
}

form#giftProceed {
	display: inline;
}

fieldset#paymentOptions div#cards div.payOption {
	background: transparent url("/pics/i1/67/chrome/paymentMethod_bg.gif") no-repeat scroll 0 0;
}

fieldset#subscribeOptions tr.multiline td.options div.hedgeHog div.saving2line,
fieldset#subscribeOptions tr#row1month.multilineVoucher td.options div.hedgeHog div.saving2line,
fieldset#subscribeOptions tr#row3days.multilineVoucher td.options div.hedgeHog div.saving2line {
	padding: 1.7em 0 0 1.8em;
}

/*--- live chat ------------*/

p#startChatting {
	padding: 1em;
	text-align: center;
	background-color: #D9F3F2;
}

p#startChatting a {
	font-size: 1.5em;
}

/*--- modify profile ------------*/

table#profileStatus {
	border: none;
	margin-bottom: 1em;
}

table#profileStatus td, table#profileStatus th {
	padding: 0;
	border: none;
}

table#profileStatus caption {
	padding-bottom: 1em;
	font-weight: bold;
	text-align: center;
}

td#requiredTip div span, td#optionalTip div span {
	background-color: #FFFFFF;
}

table#profileStatus tr#profileStatusTips td#requiredTip, table#profileStatus tr#profileStatusTips td#optionalTip {
	height: 1.2em;
	padding-left: 0.3em;
	background: url("/pics/i1/67/chrome/profileNav_bg_bl.gif") left top no-repeat;
}

table#profileStatus tr#profileStatusTips td#requiredTip div, table#profileStatus tr#profileStatusTips td#optionalTip div {
	height: 2.5em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	font-size: 1em;
	text-align: center;
	background: url("/pics/i1/67/chrome/profileNav_bg_br.gif") right top no-repeat;
}

table#profileStatus tr#profileStatusTips td#requiredTip div span, table#profileStatus tr#profileStatusTips td#optionalTip div span {
	font-size: 1em;
}

table#profileStatus td.arrow span {
	display: none;
}

table#profileStatus td.arrow {
	width: 2em !important;
	background: url("/pics/i1/67/chrome/profileNav_arrow.gif") 50% 50% no-repeat;
}

table#profileStatus td a {
	display: block;
	padding: 0.8em;
	font-size: 1em;
	color: #000000;
	text-decoration: none;
	text-align: center;
}

table#profileStatus span.desc {
	display: block;
	text-align: center;
}

table#profileStatus td.incomplete a {
	background-color: #FFEDED;
	border: 1px solid #FF9795;
}

table#profileStatus td.incomplete a:hover {
	background-color: #FF9795;
}

table#profileStatus td.complete a {
	background-color: #D3FFD3;
	border: 1px solid #89C789;
}

table#profileStatus td.complete a:hover {
	background-color: #89C789;
}

table#profileStatus td.optional a {
	background-color: #FFDFC7;
	border: 1px solid #FFB880;
}

table#profileStatus td.optional a:hover {
	background-color: #FFB880;
}

table#profileStatus td.summary a {
	background-color: #E8F5FF;
	border: 1px solid #95D0FF;
}

table#profileStatus td.summary a:hover {
	background-color: #95D0FF;
}

table#profileStatus td.on a {
	font-weight: bold;
}

table#profileStatus td.on a:hover {
	cursor: not-allowed;
}

/*--- profile_photos ------------*/

div.photoSection fieldset.photoVisibility {
	margin-top: 1em;
}

/*--- profile search results ------------*/

span#newSearch a {
	padding-left: 1.5em;
	font-weight: bold;
	background: url("/pics/i1/67/chrome/search.gif") 3px center no-repeat;
}

/*--- div.resultBox ------------*/
div.resultBox .head {
	position: relative; /* fix for <= IE 6 */
}

div.resultBox div.body {
	min-height: 28em;
	border: 1px solid #E8F5FF;
	border-top: none;
}

#photoThumb #photoContainer a, #photosBox #primaryPhoto a, div.resultBox .photo a, body#find_morePhotos div.photo, body#find_gallery a.photo, div#featuredBox div.photo a, body#find_popular table.popular td.photo a {
	display: block;
}

body#find_gallery a.photo, body#find_popular table.popular td.photo a, body#find_morePhotos div.photo {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.photo a {
	font-size: 0.8em;
}

div.resultBox .photo a {
	font-size: 1.1em;
}

div.resultBox .head h3 {
	margin: 0;
}

div.resultBox .head h3 a {
	text-decoration: none;
}

div.resultBox .head p.headline {
	margin: 0;
	padding: 0.4em 0.8em;
	font-weight: bold;
	line-height: 1.1em;
	color: #0000AA;
	background-color: #E8F5FF;
}

div.resultBox .head p.modifyNote {
	position: absolute;
	top: 0.1em;
	right: 0.5em;
	font-size: 1em;
	line-height: 1em;
}

p.modifyNote span.modifySince, p.modifyNote span.newSince {
	font-size: 0.6em;
	font-weight: bold;
}

p.modifyNote span.modifySince {
	color: #FF0000;
}

p.modifyNote span.newSince {
	color: #00C300;
}

div.resultBox .stats p {
	margin: 0;
	padding: 0.3em 0;
	border-bottom: 1px solid #EFEFEF;
}

div.resultBox .actions ul {
	margin: 0;
	padding: 0.5em 0 0.7em 0.5em;
	list-style-type: none;
}

div.resultBox .actions ul li {
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.resultBox .actions ul li a {
	float: left;
	height: 1.9em; /* for <= IE 6 */
	margin: 0 0 0.2em 0;
	padding: 0.2em 0 0 2.8em;
	font-size: 0.9em;
	font-weight: bold;
}

html>body div.resultBox .actions ul li a { /* fix for other browsers */
	min-height: 1.9em;
	height: auto;
}

div.resultBox .userNote {
	margin-top: 0.3em;
}

div.resultBox .userNote p {
	padding: 0 0 0.5em 0;
	border-bottom: 2px solid #EFEFEF;
}

div.resultBox li.contactButton a {
	background: url("/pics/i1/0/chrome/contactSmall_off.gif") 2px 4px no-repeat;
}

div.resultBox li.contactButton a:hover {
	background: url("/pics/i1/0/chrome/contactSmall_on.gif") 2px 4px no-repeat;
}

div.resultBox li.addFavButton a {
	background: url("/pics/i1/0/chrome/addFav_off.gif") 0 0 no-repeat;
}

div.resultBox li.addFavButton a:hover {
	background: url("/pics/i1/0/chrome/addFav_on.gif") 0 0 no-repeat;
}

div.resultBox li.remFavButton a {
	background: url("/pics/i1/0/chrome/remFav_off.gif") 0 0 no-repeat;
}

div.resultBox li.remFavButton a:hover {
	background: url("/pics/i1/0/chrome/remFav_on.gif") 0 0 no-repeat;
}

div.resultBox li.chatButton a {
	background: url("/pics/i1/0/chrome/chat_off.gif") 0 0 no-repeat;
}

div.resultBox li.chatButton a:hover {
	background: url("/pics/i1/0/chrome/chat_on.gif") 0 0 no-repeat;
}

div.resultBox li.tellFriendButton a {
	background: url("/pics/i1/0/chrome/tellFriend_off.gif") 0 0 no-repeat;
}

div.resultBox li.tellFriendButton a:hover {
	background: url("/pics/i1/0/chrome/tellFriend_on.gif") 0 0 no-repeat;
}

div.resultBox li.addBlockButton a {
	background: url("/pics/i1/0/chrome/addBlock_off.gif") 0 0 no-repeat;
}

div.resultBox li.addBlockButton a:hover {
	background: url("/pics/i1/0/chrome/addBlock_on.gif") 0 0 no-repeat;
}

div.resultBox li.remBlockButton a {
	background: url("/pics/i1/0/chrome/remBlock_off.gif") 0 0 no-repeat;
}

div.resultBox li.remBlockButton a:hover {
	background: url("/pics/i1/0/chrome/remBlock_on.gif") 0 0 no-repeat;
}

div.resultBox li.removeButton a {
	background: url("/pics/i1/0/chrome/remove_off.gif") 0 0 no-repeat;
}

div.resultBox li.removeButton a:hover {
	background: url("/pics/i1/0/chrome/remove_on.gif") 0 0 no-repeat;
}

/*--- find gallery ----------------------*/
div#galleryWrapper {
	width: 13em;
	height: 9.5em;
	padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;
}

table#gallery {
	width: 65em;
	margin: 0;
}

/* IE6 hack only */
* html table#gallery {
	width: 64.9em;
}

table#gallery td.c {
	padding: 0;
}
/*---------------------------------------*/

/*--- images ------------*/

img.message, img.profile, img.profile_del, img.new, img.vmail, img.recycle {
	vertical-align: middle; /* removes extra space below image */
}

img.tick {
	width: 13px;
	height: 13px;
}

img.cross {
	width: 13px;
	height: 13px;
}

img.message {
	width: 18px;
	height: 13px;
}

img.profile, img.profile_del {
	width: 11px;
	height: 14px;
}

img.new {
	width: 16px;
	height: 16px;
}

img.ask {
	width: 13px;
	height: 13px;
}

img.quickplay {
	width: 15px;
	height: 15px;
}

img.vmail {
	width: 14px;
	height: 14px;
}

img.recycle {
	width: 16px;
	height: 15px;
}

img.gender {
	padding: 0 5px;
}

img.noPic {
	width: 100px;
	height: 100px;
}

/*--- misc elements ------------*/

div.hr {
	height: 1px;
	line-height: 1px;
	border-top: 1px solid #CCCCCC;
}

div.tellafriendMsg {
	color: #0000AA;
	background-color: #E8F5FF;
}

div.tellafriendMsg blockquote {
	padding-left: 1em;
	border-left: 2px solid #5BAAE8;
}

div.story span.date {
	font-size: 0.8em;
	font-weight: normal;
}

div#noteBox a, div#ratingBox a {
	font-size: 1.1em;
}

/*--- help_faq ------------*/

div#questions {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #CCCCCC;
}

div#answers h3 {
	margin-bottom: 1em;
}

p.totop {
	text-align: right;
}

/*--- tooltips ------------*/

#toolTipContainer {
	padding: 0.7em 1em;
	color: #555555;
	background-color: #FFFED8;
	border: 1px solid #CCCCCC;
}

#toolTipContainer p, #toolTipContainer ul {
	font-size: 0.9em;
}

#toolTipContainer p {
	margin: 0;
}

#toolTipContainer ul {
	margin: 1em 1em 0 1.5em;
}

table.toolTips input, table.toolTips select {
	float: left;
}

span.toolTip {
	display: block;
	float: right;
	padding: 0.2em 0.5em;
	font-size: 0.8em;
	color: #555555;
	background-color: #FFFED8;
	border: 1px solid #EEEEEE;
	vertical-align: text-top;
	cursor: help;
}

body#chat table caption span.toolTip {
	margin-top: -1.5em;
}

/* buttons fieldset */
fieldset.toolTips button {
	float: left;
}

fieldset.toolTips span.toolTip {
	float: right;
	margin-top: 0.2em;
	padding: 0.2em 0.5em;
	font-size: 1em;
}

/* instances where span.toolTip appears below the associated field(s) and needs to be brought back into place */
span.realign {
	position: absolute;
	top: -0.5em;
	top: 0.4em\9; /* IE8 hack only */
	right: 1em;
	right: 0.6em\9; /* IE8 hack only */
	margin: 0;
	padding: 0.2em 0.5em\9; /* IE8 hack only */
	font-size: 1em\9; /* IE8 hack only */
}

body:last-child span.realign {
	top: -2.3em;
	[top: -2.3em; /* Chrome only hack which affects Opera but unavoidable */
	top: -0.4em;]
	padding: 0.2em 0.4em;
	font-size: 1em;
	right: 1.3em;
	[right: 1.3em; /* Chrome only hack which affects Opera but unavoidable */
	right: 0.7em;]
}

body:last-child span.realign {
	padding: 0.1em 0.4em 0.2em 0.4em;
	font-size: 1em;
}

/* IE6 hack only */
* html span.realign {
	top: -0.5em;
	right: 0.6em;
}

/* IE7 hack only */
*:first-child+html span.realign {
	top: -0.5em;
	right: 0.7em;
}

/* reset for those in abbr elements */
abbr span.toolTip {
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	text-indent: 0;
	background: none;
	width: auto;
	height: auto;
	border: none;
}

/*--- profile ------------*/

/*--- header ------------*/
#profileHead {
	min-height: 1em; /* fix for IE */
	padding: 1em;
	background-color: #F1F1F1;
}

#photoThumb #photoContainer {
	position: relative;
	padding: 3px;
}

/* for photoShield */
#photoThumb #photoContainer a, #photosBox #primaryPhoto a {
	display: block;
	text-decoration: none;
	color: #000000;
	overflow: hidden;
}

#photosBox #primaryPhoto a {
	margin-left: auto;
	margin-right: auto;
}

#profileInfo {
	height: 1%; /* fix for <= IE 6 */
}

html>body #profileInfo { /* reset for other browsers */
	height: auto;
}

#profileInfo h2 {
	display: inline;
	font-size: 3em;
	line-height: 0.8em;
}

#profileInfo img.gender {
	padding-left: 5px;
	vertical-align: 3px;
}

#profileInfo p#headline {
	margin: 0;
	padding: 0.4em 0;
	font-weight: bold;
	line-height: 1.1em;
	color: #0000AA;
	border-bottom: 1px solid #CCCCCC;
}

#profileInfo p.details {
	margin-bottom: 0;
	padding: 0.4em 0;
}

#matchScore {
	margin-top: 1em;
}

#matchScore #matchee p, #matchScore #matchee p span.percentage, #matchScore #matcher p, #matchScore #matcher p span.percentage, #matchScore #twoway p {
	clear: both;
	margin: 0;
	padding: 3px 0 0 0;
	font-size: 1em;
	color: #000000;
}

#matchScore #matchee p {
	margin-right: 3px;
	text-align: right;
}

#matchScore #matcher p {
	margin-left: 3px;
	text-align: left;
}

#matchScore #twoway p {
	text-align: center;
}

#matchScore #twoway h5 {
	color: #000000;
	font-weight: normal;
}

#matchScore #matchee .graph {
	background: url("/pics/i1/67/chrome/matchbg.gif") right 0 no-repeat;
}

#matchScore #matcher .graph {
	background: url("/pics/i1/67/chrome/matchbg.gif") left 0 no-repeat;
}

#matchScore #matchee .graph #matcheeG {
	background: url("/pics/i1/67/chrome/matchee.gif") right 0 no-repeat;
}

#matchScore #matcher .graph #matcherG {
	background: url("/pics/i1/67/chrome/matcher.gif") left 0 no-repeat;
}

span.percentage {
	font: bold 2.5em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	color: #CC0000;
	line-height: 0.8em;
}

#profileInfo p#details, #profileInfo p#lastModify, #profileInfo p#lastLogin {
	margin-bottom: 0;
	padding: 0.2em 0;
	font-size: 1.1em;
	border-bottom: 1px solid #CCCCCC;
}

#profileInfo p#lastLogin {
	padding-bottom: 0;
	border: none;
}

#profileInfo span.date {
	font-size: 1em;
	font-weight: bold;
}

#profileInfo span.loggedIn, div.resultBox .stats span.loggedIn {
	font-size: 1em;
	font-weight: bold;
	color: #00C300;
}

#profileInfo p#details span {
	padding: 0 0.5em;
}

/*--- actions ------------*/

#actionsPrimary, #actionsSecondary {
	padding: 1em 0.5em;
	border: 1px solid #CFCFE7;
}

#actionsSecondaryLinks {
	padding: 0.3em 0.5em 0 0.8em;
}

#actionsPrimaryLinks ul li {
	margin-bottom: 3px;
}

#actionsSecondaryLinks ul li {
	margin-bottom: 5px;
}

#actionsPrimaryLinks ul li a, #actionsSecondaryLinks ul li a {
	float: left;
	height: 1.7em; /* fix for <= IE 6 */
	margin: 0;
	padding: 0 0 0.1em 2.5em;
	font-weight: bold;
}

html>body #actionsPrimaryLinks ul li a, html>body #actionsSecondaryLinks ul li a { /* fix for other browsers */
	min-height: 1.7em;
	height: auto;
}

li.addFavButton a {
	background: url("/pics/i1/0/chrome/addFav_off.gif") 0 0 no-repeat;
}

li.addFavButton a:hover {
	background: url("/pics/i1/0/chrome/addFav_on.gif") 0 0 no-repeat;
}

li.remFavButton a {
	background: url("/pics/i1/0/chrome/remFav_off.gif") 0 0 no-repeat;
}

li.remFavButton a:hover {
	background: url("/pics/i1/0/chrome/remFav_on.gif") 0 0 no-repeat;
}

li.chatButton a {
	background: url("/pics/i1/0/chrome/chat_off.gif") 0 0 no-repeat;
}

li.chatButton a:hover {
	background: url("/pics/i1/0/chrome/chat_on.gif") 0 0 no-repeat;
}

li.tellFriendButton a {
	background: url("/pics/i1/0/chrome/tellFriend_off.gif") 0 0 no-repeat;
}

li.tellFriendButton a:hover {
	background: url("/pics/i1/0/chrome/tellFriend_on.gif") 0 0 no-repeat;
}

li.addBlockButton a {
	background: url("/pics/i1/0/chrome/addBlock_off.gif") 0 0 no-repeat;
}

li.addBlockButton a:hover {
	background: url("/pics/i1/0/chrome/addBlock_on.gif") 0 0 no-repeat;
}

li.remBlockButton a {
	background: url("/pics/i1/0/chrome/remBlock_off.gif") 0 0 no-repeat;
}

li.remBlockButton a:hover {
	background: url("/pics/i1/0/chrome/remBlock_on.gif") 0 0 no-repeat;
}

li.addInvPhotoButton p, li.addInvPhotoButton a {
	background: url("/pics/i1/0/chrome/addPhoto_off.gif") 0 0 no-repeat;
}

li.addInvPhotoButton a:hover {
	background: url("/pics/i1/0/chrome/addPhoto_on.gif") 0 0 no-repeat;
}

li.remInvPhotoButton p, li.remInvPhotoButton a {
	background: url("/pics/i1/0/chrome/remPhoto_off.gif") 0 0 no-repeat;
}

li.remInvPhotoButton a:hover {
	background: url("/pics/i1/0/chrome/remPhoto_on.gif") 0 0 no-repeat;
}

li.addFavPhotoButton p {
	background: url("/pics/i1/0/chrome/addPhoto_off.gif") 0 0 no-repeat;
}

li.remFavPhotoButton p, li.remFavPhotoButton a {
	background: url("/pics/i1/0/chrome/remPhoto_off.gif") 0 0 no-repeat;
}

li.remFavPhotoButton a:hover {
	background: url("/pics/i1/0/chrome/remPhoto_on.gif") 0 0 no-repeat;
}

li.noFavPhotoButton a, li.noFavPhotoButton p, li.noInvPhotoButton a, li.noInvPhotoButton p {
	background: url("/pics/i1/0/chrome/noPhotos.gif") 0 0 no-repeat;
}

#actionsPrimaryLinks ul li#chat {
	background: url("/pics/i1/0/chrome/noChat.gif") 0 0 no-repeat;
}

#actionsSecondaryLinks ul li p, #actionsPrimaryLinks ul li p {
	float: left;
	height: 1.6em; /* fix for <= IE 6 */
	margin: 0;
	padding: 0.2em 0 0 2.5em;
	color: #666666;
	font-weight: bold;
}

html>body #actionsSecondaryLinks ul li p, html>body #actionsPrimaryLinks ul li p { /* fix for other browsers */
	min-height: 1.6em;
	height: auto;
}

#actionsSecondaryLinks ul li span.note, .userRatingWidget p.note {
	width: 80%;
	margin: -0.3em 0 0 1.4em; /* fix for <= IE 6 */
	padding: 0;
	font-size: 0.9em;
	font-weight: normal;
	color: #888888;
	line-height: 1.1em;
}

html>body #actionsSecondaryLinks ul li span.note { /* fix for other browsers */
	margin: -0.3em 0 0 2.8em;
}

#actionsSecondaryLinks ul li span.note a {
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
	font-size: 1em; /* fix for <= IE 6 */
	font-weight: normal;
	text-decoration: underline;
	color: #444444;
}

#actionsSecondaryLinks ul li span.note a:hover {
	color: #000000;
}

#contact .contactButton {
	padding: 0 0 0 2em;
	font: bold 1.9em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	background: url("/pics/i1/0/chrome/contact_off.gif") 0 3px no-repeat;
}

#contact a.contactButton:hover {
	background: url("/pics/i1/0/chrome/contact_on.gif") 0 3px no-repeat;
}

#contact p {
	margin: 1em 0 0 0;
	font-size: 1.1em;
	color: #666666;
}

#contact p.nb {
	font-size: 0.9em;
}

li.addInvPhotoButton p, li.addFavPhotoButton p {
	font-weight: bold;
}

/*--- back to profile ------------*/

div#backToProfile {
	margin: 1em 0;
	padding: 0.4em 0.7em;
	background-color: #D9F3F2;
}

div#backToProfile p {
	margin: 0;
	padding: 0;
	text-align: center;
}

/*--- tabs setup ------------*/

div#tabsContainer {
	position: relative; /* fix for IE */
	margin-top: 1em;
}

div#tabsContainer.collapsed div.tab {
	border: 1px solid #B9E1E0;
}

div#tabsContainer.collapsed div.tab .padder {
	padding: 0.8em;
}

/*--- tabs ------------*/

div#depth table.profile {
	margin-bottom: 1em;
}

#aboutTable table td.key, #match table td.key, #depth table td.item {
	padding-left: 0.5em;
	vertical-align: top;
}

#aboutTable table td.value, #match table td.value, #depth table td.value {
	padding-right: 0.5em;
	text-align: right;
	color: #000000;
	vertical-align: top;
}

#extras .box {
	position: relative;
	padding: 0 0.5em;
	border: 2px solid #DADAEC;
}

#extras h4.prof {
	margin: 0 -0.5em;
}

#extras .box p {
	margin-bottom: 0;
	font-size: 1.2em;
}

/* headings */
div#extras h4.photos {
	padding: 0.2em;
}

div#extras h4.prof {
	padding: 0.1em 0.3em 0.3em 0.3em;
	color: #0000AA;
	background-color: #DADAEC;
}

div#depth table.profile caption, div#narratives h4 {
	padding: 0.2em;
	color: #0000AA;
	background-color: #DADAEC;
}

/*--- expand/collapse toggle ------------*/

p#tabToggle a, div#toggleView a, div.toggleMoreOptions a {
	padding: 0.3em 0.7em 0.4em 2.2em;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	color: #409FAF;
}

div#toggleView a {
	margin-left: 1em;
	font-size: 1.1em;
}

p#tabToggle a#expandAnchor, div#toggleView a.expandAnchor, div.toggleMoreOptions a.expandAnchor {
	background: #B9E1E0 url("/pics/i1/67/chrome/expand_off.gif") 6px center no-repeat;
}

p#tabToggle a#collapseAnchor, div#toggleView a.collapseAnchor, div.toggleMoreOptions a.collapseAnchor {
	background: #B9E1E0 url("/pics/i1/67/chrome/collapse_off.gif") 6px center no-repeat;
}

p#tabToggle a#expandAnchor:hover, div#toggleView a.expandAnchor:hover, div.toggleMoreOptions a.expandAnchor:hover {
	background: #4FB0C1 url("/pics/i1/67/chrome/expand_on.gif") 6px center no-repeat;
}

p#tabToggle a#collapseAnchor:hover, div#toggleView a.collapseAnchor:hover, div.toggleMoreOptions a.collapseAnchor:hover {
	background: #4FB0C1 url("/pics/i1/67/chrome/collapse_on.gif") 6px center no-repeat;
}

div.toggleMoreOptions a {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -300em;
	background-position: center center !important;
	outline: none;
}

p#tabToggle a:hover, div#toggleView a:hover, div.toggleMoreOptions a:hover {
	color: #FFFFFF;
	background-color: #4FB0C1 !important;
}

/*--- card ------------*/

body#cards_show table th.h3 {
	width: 10em;
}

body#cards_show img#card {
	float: left;
}

body#cards_show p#message {
	float: left;
	width: 22em;
	min-height: 17.6em;
	margin: 0 0 0 1em;
}

/*--- AJAX ------------*/

ul#notification li {
	padding: 0.4em 0.7em 0.4em 2.5em;
}

li#activityIndicator {
	color: #555555;
	background: #FFFED8 url("/pics/i1/0/ajaxActivity.gif") 0.5em 0.4em no-repeat;
}

li.successful {
	color: #063063;
	background: #D3FFD3 url("/pics/i1/67/prf/tick.gif") 0.5em 0.5em no-repeat;
}

li.unsuccessful {
	color: #CC0000;
	background: #FFEDED url("/pics/i1/67/prf/cross.gif") 0.6em 0.6em no-repeat;
}

/*--- CTA elements ------------*/

div#ctaWrapper ul, body#splash1024 div#welcomeBox.intro ul, div#splashDateOfTheDay div#featuresBox ul {
	margin: 0;
	padding: 0;
}

div#ctaWrapper ul li, body#splash1024 div#welcomeBox.intro ul li, div#splashDateOfTheDay div#featuresBox ul li {
	list-style-type: none;
	padding-left: 25px;
	font-size: 1.4em;
	background: transparent url("/pics/i1/67/chrome/bullet.gif") no-repeat scroll left top;
}

div#ctaWrapper ul li {
	padding-bottom: 3px;
	font-size: 1.2em;
}

body#splash1024 div#welcomeBox.intro ul li, div#splashDateOfTheDay div#featuresBox ul li {
	padding-bottom: 0;
}

body#find_block div.ctaGender1 {
	background: transparent url("/pics/i1/0/chrome/ctaBlock1.gif") no-repeat;
}

body#find_block div.ctaGender2 {
	background: transparent url("/pics/i1/0/chrome/ctaBlock2.gif") no-repeat;
}

body#find_favourites div#ctaSecondary, body#find_fans div#ctaSecondary {
	background: transparent url("/pics/i1/0/chrome/ctaFav.gif") no-repeat;
}

body#find_matches div#ctaSecondary {
	background: transparent url("/pics/i1/0/chrome/ctaMatch.gif") no-repeat;
}

body#find_history div#ctaSecondary {
	background: transparent url("/pics/i1/0/chrome/ctaHistory.gif") no-repeat;
}

body#find_morePhotos div#ctaWrapper div#ctaContent div#ctaExtra_1 {
	background: transparent url("/pics/i1/0/chrome/ctaSilhouette1.gif") no-repeat;
}

body#find_morePhotos div#ctaWrapper div#ctaContent div#ctaExtra_2 {
	background: transparent url("/pics/i1/0/chrome/ctaSilhouette2.gif") no-repeat;
}

div#ctaAction a.ctaActionButton {
	font: bold 1.9em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background: #010189 url("/pics/i1/67/chrome/ctaButton_bg.gif") repeat-x scroll left top;
	border: none;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	overflow: visible;
}

div#ctaAction a.ctaActionButton:hover {
	text-decoration: underline;
	background: #01018B url("/pics/i1/67/chrome/ctaButton_bg_hover.gif") repeat-x scroll left top;
}

div#ctaAction a.ctaActionButton span {
	line-height: 1.3em;
	padding: 0.5em 0.8em;
}

p#ctaMemberAccess {
	font-weight: bold;
	color: #FF0000;
}

/*--- #info_mobile ------------*/

body#info_mobile div#ctaSecondary {
	float: left;
	width: 150px;
	height: 350px;
	margin-bottom: 1em;
	background: transparent url("/pics/i1/2/chrome/mobilePhone.png") no-repeat scroll left top;
	_background: transparent url("/pics/i1/2/chrome/mobilePhone.gif") no-repeat scroll left top; /* IE6 hack only */
}

body#info_mobile div#ctaContent h2 {
	text-transform: uppercase;
}

body#info_mobile div#ctaTertiary ul {
	margin: 1em 0.5em 0 1.2em;
}

body#info_mobile div#ctaTertiary div#ctaAction {
	margin: 0 0 1em 0;
}

/* --- Splash page / 1024 Layout ----- */

/* IE6 hack only */
* html body#splash1024 div#content, * html div#splashDateOfTheDay {
	width: 96.6em;
}

body#splash1024 div#ctaWrapper {
	width: 95.6em;
	width: 96.3em\9; /* IE8 hack only */
	#width: 96.3em; /* IE7 hack only */
	_width: 96.2em; /* IE6 hack only */
	border: 2px solid #000298;
}

body#splash1024 div#ctaWrapper, body#splash1024 .splash_one div#ctaPrimary, body#splash1024 div#ctaWrapper div.ctaSecondary {
    height: 282px;
}

body#splash1024 div#ctaWrapper div.ctaSecondary {
	top: 0;
	left: 0;
	width: 410px;
	background: transparent url("/pics/i1/67/chrome/splashCTA.jpg") no-repeat left top;
}

body#splash1024 .splash_one div#ctaPrimary {
    width: 546px;
}

/*--- #welcomeBox --------------------*/

body#splash1024 .splash_one div#welcomeBox {
	float: right;
	margin-bottom: 0;
	color: #000000;
}

body#splash1024 div#welcomeBox.intro h4 {
	font-size: 2em;
}

body#splash1024 div#welcomeBox div#ctaAction {
	margin: 0;
}

/* #loginBox */
body#splash1024 div#loginBox, body#splash1024 div#languagesBox {
	background-color: #EFEFEF;
}

body#splash1024 div#languagesBox h4, body#splash1024 div#loginBox h4, body#splash1024 div#featuredBox h3 {
	margin-bottom: 0;
}

body#splash1024 div#loginBox h4 {
	width: 18.55em;
	width: 18.5em\9; /* IE7/8 hack only */
	_width: 18.55em; /* IE6 hack only */
}

body#splash1024 div#loginBox form#loginForm fieldset {
	padding: 0.7em;
}

body#splash1024 form#loginForm input.t {
    margin-right: 0.2em;
}

body#splash1024 div#tabsContainer {
	margin-top: 0;
}

body#splash1024 div#tabsContainer.collapsed div.tab {
	border: 2px solid #B9E1E0;
}

body#splash1024 div#tabsContainer.collapsed div#featuredProfiles.tab .padder {
    padding: 0;
}

/* #featuredBox */
body#splash1024 div#featuredBox {
	width: 65.6em;
	width: 66.3em\9; /* IE8 hack only */
	#width: 66.3em; /* IE6/7 hack only */
	border: 2px solid #9F9ED8;
	border-top: none;
}

body#splash1024 div#featuredBox .profile {
	width: 14.3em;
	width: 14.5em\9; /* IE8 hack only */
	#width: 14.5em; /* IE6/7 hack only */
	margin-top: 1em;
	border-right: 1px solid #D1D1D1;
	border-bottom: none;
}

body#splash1024 div#featuredBox .last {
	border-right: none;
}

/* #howItWorks - Visual */
body#splash1024 div.splash_three .collapsed div#howItWorks.tab {
    height: 193px;
}

body#splash1024 div#tabsContainer div#howItWorks .padder {
	width: 100%;
	height: 193px;
	padding: 0;
	overflow: hidden;
}

body#splash1024 div#tabsContainer div#howItWorks .padder div#howitworksBox a {
	display: block;
	width: 100%;
	height: 193px;
}

body#splash1024 div#tabsContainer div#howItWorks .padder div#howitworksBox.en a {
	background: #9E9ED9 url("/pics/i1/67/chrome/howItWorks_en.gif") no-repeat scroll right top;
}

body#splash1024 div#tabsContainer div#howItWorks .padder div#howitworksBox.de a {
	background: #9E9ED9 url("/pics/i1/67/chrome/howItWorks_de.gif") no-repeat scroll right top;
}

body#splash1024 div#tabsContainer div#howItWorks .padder div#howitworksBox.nl a {
	background: #9E9ED9 url("/pics/i1/67/chrome/howItWorks_nl.gif") no-repeat scroll right top;
}


/* #splashDateOfTheDay */
div#splashDateOfTheDay div#alignProfileCTA div#ctaAction a.ctaActionButton {
	font-size: 1.4em;
}

body#splash1024 div#splashDateOfTheDay div#featuresBox {
	width: 28.6em;
	margin-bottom: 1em;
	border: 2px solid #CFCFE7;
}

div#splashDateOfTheDay div#featuresBox ul {
	margin: 0 0.5em 0 1em;
}

body#splash1024 div#splashDateOfTheDay div#featuresBox ul li {
	margin-bottom: 1em;
}

div#splashDateOfTheDay div#featuresBox div#ctaAction {
	margin: 1em 0;
}

div#splashDateOfTheDay div#featuresBox div#ctaAction p#ctaParagraph {
	margin-bottom: 0;
}

body#splash1024 div#splashDateOfTheDay div#featuredBox {
	margin-bottom: 0;
}

div#splashDateOfTheDay div#featuredBox h3 {
	margin-bottom: 0;
}

/* --------------------------------------------------------------- */

@media print {

/*--- page layout framework ------------*/

body {
	font-size: 60%;
	text-align: left;
	background-color: #FFFFFF;
	background-image: none;
}

div#container {
	margin: 0;
	width: auto;
	background: none;
}

div#wrapper {
	width: auto;
}

div#wrapperbg {
	width: auto;
	border-left: 0;
}

div#content {
	float: none;
	padding: 1em 0;
	width: auto;
}

div#secondary {
	display: none;
}

/*--- rounded corners ------------*/

span.tl, span.tr, span.bl, span.br {
	display: none;
}

/*--- headings ------------*/

h1 {
	margin: 0;
	padding: 0;
	font-size: 2.5em;
	height: 2em;
	text-indent: 0;
	background-image: none;
}

h1 a {
	text-decoration: none !important;
}

/*--- div#navigation ------------*/

div#navigation {
	display: none;
}

/*--- footer ------------*/

div#footer {
	padding: 0.8em 0 0 0;
	background-color: #FFFFFF;
	border-top: 2px solid #D4ECFF;
}

div#footer p#copyright, div#footer a {
	color: #1B1B1B;
}

div#footer span#totop {
	display: none;
}

/*--- alerts ------------*/

div.info, div.note, div.tip, div.err, div.success {
	padding: 1em 1em 0 1em;
	background-image: none;
	height: auto;
	border: 1px solid #D4ECFF;
}

div.intro {
	background-image: none;
}

/*--- profile search results ------------*/

form#customiseResults {
	display: none;
}

.resultBox .stats {
	width: auto;
}

/*--- paging ------------*/

div.pagingBox {
	display: none;
}

/*--- profile ------------*/

#actionsPrimary, #actionsSecondary {
	display: none;
}

#profileHead {
	padding: 1em;
	background: none;
	border: 2px solid #D4ECFF;
}

#profileBg {
	padding: 0;
	background: none;
}

#photoThumb #photoContainer {
	padding: 0;
	background-image: none;
	border: 1px solid #D4ECFF;
}

#extras .box {
	border: 1px solid #D4ECFF;
}

/*--- tabs navigation ------------*/

ul#tabsNav {
	display: none;
}

/*--- tabs setup ------------*/

.tab {
	display: block !important;
	border: 0;
}

.tab .padder {
	padding: 0;
}

.tab h3 {
	padding: 0;
	display: block !important;
	font: bold 1.4em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	color: #000000;
	background: none;
	border-bottom: 2px solid #D4ECFF;
}

/*--- tabs ------------*/

div.tab table td, div.tab table th, div.tab table caption {
	padding: 0.2em 0 0.1em 0 !important;
}

div.tab h4.prof, h4.photos, div#photosBox ul {
	display: none;
}

/*--- tabToggle ------------*/

p#tabToggle {
	display: none;
}

/*--- misc elements ------------*/

div.hr {
	border-top: 2px solid #CCCCCC;
}

}

