/* $Id: 23.css 10996 2011-09-16 09:26:05Z warren $ */
@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: transparent url("/pics/i1/23/chrome/body_bg.gif") repeat-x;
}

div#container {
	background: url("/pics/i1/23/chrome/logo.gif") no-repeat 0 34px;
}

div#header {
	background: url("/pics/i1/23/chrome/5fmdating.gif") no-repeat right top;
}

div#wrapperbg {
	border-left-color: #636365;
	border-right: 1px solid #EEEEEE;
}

body#splash1024 div#wrapperbg {
	border-right: none;
}

div#content {
	border-top: 1px solid #EEEEEE;
}

body#splash1024 div#content {
	border-top: none;
}

/*--- 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: #1D1D1D;
}

a:visited {
	color: #551A8B;
}

a:hover {
	color: #FF0000;
}

a:active {
	color: #FF0000;
}

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

.small {
	font-size: 0.8em;
}

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

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-weight: bold;
}

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

h1 {
	display: block;
	width: 6.5em;
	#width: 4em; /* IE6/7 hack only */
	height: 6em;
	#height: 3.8em; /* IE6/7 hack only */
	text-indent: -300em;
}

h1 a {
	display: block;
	position: absolute;
	top: 1.7em;
	#top: 1em; /* IE6/7 hack only */
	left: 0;
	width: 6.5em;
	#width: 4em; /* IE6/7 hack only */
	height: 4.3em;
	#height: 2.8em; /* IE6/7 hack only */
	text-decoration: none;
	color: #FFFFFF !important;
}

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

h3, body#splash1024 div#loginBox h4, body#splash1024 div#joinBox h4, body#splash1024 div#tellafriendBox h4 {
	margin: 0 0 0.5em 0;
	padding: 0.7em 0.4em 0.5em 0.4em;
	font-size: 1.4em;
	color: #B90005;
	background: url("/pics/i1/23/chrome/left_head_bg.gif") repeat-x;
	border-bottom: 2px solid #666666;
}

.box h3, body#splash1024 .box h4 {
	text-transform: uppercase;
}

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

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;
}

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

div#navigation {
	width: 85em;
	width: 85.7em\9; /* IE8 hack only */
	#width: 85.7em; /* IE6/7 hack only */
	margin-left: 13em;
	margin-top: -8.6em;
	#margin-top: -8.9em; /* IE6/7 hack only */
	background: url("/pics/i1/23/chrome/nav_top_bg.gif") repeat-x;
}

div#navigation a {
	font-size: 0.9em;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}

div#navigation ul.firstLevel li {
	height: 50px;
	border-right: 1px solid #D8D8D8;
}

div#navigation ul.firstLevel li a {
	padding: 17px 16px;
	font-weight: bold;
}

div#navigation ul.firstLevel li a:hover, div#navigation ul.firstLevel li.on a {
	background: url("/pics/i1/23/chrome/nav_top_bg_on.gif") repeat-x;
}

div#navigation ul.firstLevel li.on a {
	color: #B90005;
}

div#navigation ul.secondLevel {
	height: 40px;
	background: #FFFFFF url("/pics/i1/23/chrome/nav_second_bg.gif") repeat-x;
}

div#navigation ul.thirdLevel {
	margin-top: -1.5em;
}

div#navigation ul.secondLevel li a, div#navigation ul.thirdLevel li a {
	padding: 1em;
	color: #B90005;
}

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

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

div#secondary .box, body#info_mobile div#ctaTertiary {
	margin-bottom: 1em;
	padding: 0.5em;
	color: #666666;
	border-bottom: 1px solid #CCCCCC;
	background: #EEEEEE url("/pics/i1/23/chrome/left_head_bg.gif") repeat-x;
}

div#secondary h4, body#info_mobile div#ctaTertiary h2 {
	margin: 0 0 0.5em 0;
	padding: 0 0 0.2em 0;
	text-transform: uppercase;
	text-align: center;
	color: #7C7C7C;
	background: #EEEEEE url("/pics/i1/23/chrome/left_head_bg.gif") repeat-x;
	border-bottom: 1px solid #CCCCCC;
}

body#info_mobile div#ctaTertiary h2 {
	font-size: 1.3em;
	text-transform: none;
}

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

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

div#secondary form#quickNavForm select {
	width: 12.6em;
}

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

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

div#footer {
	padding: 0.6em 1em;
	color: #CCCCCC;
	background-color: #222222;
}

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

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

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

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

div#footer a {
	color: #7F7F7F;
	text-decoration: none;
}

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

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

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

div#primary .box, div#extra .box {
	background-color: #EEEEEE;
	border: 4px solid #D6D6D6;
}

div#primary .box p {
	padding: 0.5em;
}

/* div#quickSearchBox */
div#quickSearchBox h3, body#splash1024 div#loginBox h4, body#splash1024 div#joinBox h4, body#splash1024 div#tellafriendBox h4 {
	margin: 0;
}

div#quickSearchBox h3 {
	text-transform: uppercase;
}

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

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

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 0.6em;
	background-color: #EEEEEE;
}

div#quickSearchBox p#moreOptions span.tl, div#quickSearchBox p#moreOptions span.tr, div#quickSearchBox p#moreOptions span.bl, div#quickSearchBox p#moreOptions span.br {
	display: none;
}

div#quickSearchBox button {
	font-size: 1.1em;
	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.profile, body#splash1024 .splash_three div#featuredBox .profile {
	padding: 1em;
	border-bottom: 1px solid #CCCCCC;
}

div#featuredBox div.last, body#splash1024 .splash_three div#featuredBox .last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

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

div#featuredBox div.profile span.tl, div#featuredBox div.profile span.tr, div#featuredBox div.profile span.bl, div#featuredBox div.profile span.br {
	display: none;
}

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

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

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

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

div.intro h4 {
	font: bold 1.7em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
}

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

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

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 span.tl, div.info span.tr, div.info span.bl, div.info span.br,
div.note span.tl, div.note span.tr, div.note span.bl, div.note span.br,
div.tip span.tl, div.tip span.tr, div.tip span.bl, div.tip span.br,
div.err span.tl, div.err span.tr, div.err span.bl, div.err span.br,
div.success span.tl, div.success span.tr, div.success span.bl, div.success span.br,
div.gift span.tl, div.gift span.tr, div.gift span.bl, div.gift span.br {
	display: none;
}

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: bold 1.4em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	border: none;
}

/* info */
div.info {
	color: #1D1D1D;
	background: transparent url("/pics/i1/23/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;
}

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

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

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

div.message, div.dialogue {
	margin-bottom: 1em;
	background-color: #F6F6F6;
}

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;
}

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

div.dialogue div.footer {
	padding: 0.4em 0.7em;
}

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 ------------*/

form {
	width: 100%; /* fix for IE 5 */
}

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

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: #EFEFEF;
	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;
}

body#profile_base form.delete div.note {
	min-height: 60px;
	margin-bottom: 0;
	background: url("/pics/i1/23/chrome/note_delete.gif") 4px 2px no-repeat;
}

body#profile_delete form#form1 div.note {
	margin: 1em 0 0 0;
}

body#profile_base form.delete div.note span {
	display: none;
}

body#profile_delete form#form1 textarea#userComment {
	width: 99.5%;
	height: 10em;
	margin-top: 0.4em;
}

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 {
	margin-top: 0.6em;
	display: block;
}

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;
	line-height: 1.1em;
	color: #000000;
	background-color: #CCCCCC;
}

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: 12.1em;
}

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; /* Ref: http://jehiah.cz/archive/button-width-in-ie */
	padding: 0.3em 0.4em 0.4em 0.4em;
	font: bold 1.1em "Verdana", "Geneva", "Kalimati", sans-serif;
	color: #FFFFFF;
	background: #A92832 url("/pics/i1/23/chrome/button_tile_off.gif") 0 0 repeat-x;
	border: 1px solid;
	border-color: #FFBF95 #FFE1C6 #FFE1C6 #FFE1C6;
	overflow: visible;
	[font-size: 1.1em;
	font-size: 1.2em;] /* Chrome hack only */
}

input.inputTypeSubmit {
	padding: 0.3em 0.6em 0.4em 0.5em;
}

button:hover, input.inputTypeSubmit:hover {
	color: #FFFFFF;
	background: #A92832 url("/pics/i1/23/chrome/button_tile_on.gif") 0 0 repeat-x;
}

button:active, input.inputTypeSubmit:active {
	color: #A92832;
}

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 {
	position: relative;
	margin-bottom: 1em;
	empty-cells: show;
	border-collapse: collapse;
}

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

caption, th {
	font-weight: bold;
}

th.c {
	padding: 2em;
}

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

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

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

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

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

table.basic th {
	padding: 0.5em;
}

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

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

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

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

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

/* popular profiles */
table.popular {
	vertical-align: top;
	margin-bottom: 1.5em;
	border: none;
	border-right: 1px solid #676767;
	border-bottom: 1px solid #676767;
}

table.popular td, table.popular th {
	padding: 0.3em 0.4em;
	border: none;
	border-left: 1px solid #676767;
	border-top: 1px solid #676767;
}

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

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

table.popular td.rank {
	width: 3em;
	color: #000000;
	text-align: center;
	background-color: #F3F3F3;
}

table.popular td.details h3 {
	font: bold 1.6em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	background: none;
}

table.popular h3 span {
	display: none;
}

table.popular td.details p.headline {
	font-weight: bold;
}

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

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

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

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

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;
	border: none;
}

table.profile th, table.profile td {
	border: none;
}

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 #CCCCCC;
}

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;
}

/* 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;
}

/* saved searches */
div#savedSearchNew {
	border-top: 1px solid #CCCCCC;
}

/*--- 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.box {
	background-color: #FAFAFA;
}

fieldset#subscribeOptions.box, fieldset#paymentOptions, fieldset#submitOptions {
	border: 1px solid #CECECE;
}

fieldset#subscribeOptions.box table p {
	padding: 0;
}

fieldset#submitOptions {
	background-position: 1em 0.5em;
}

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

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

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

fieldset#subscribeOptions tr.multilineSelected td.options {
	background: url("/pics/i1/23/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/23/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/23/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/23/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/23/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/23/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/23/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/23/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/23/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/23/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/23/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: #FFFFFF;
}

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: none;
}

fieldset#continuousBoxOptions h4, fieldset#giftBoxOptions h4, fieldset#vouchersBoxOptions h4 {
	height: 1.5em;
	color: #B90005;
	background: transparent url("/pics/i1/23/chrome/left_head_bg.gif") repeat-x scroll 0 0;
	border-bottom: 3px solid #636365;
}

form#giftProceed {
	display: inline;
}

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: #E5FFE5;
}

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;
	color: #000000;
	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/23/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/23/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/23/chrome/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: #E33C33;
	border: 1px solid #960B04;
}

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

table#profileStatus td.complete a {
	background-color: #A7E333;
	border: 1px solid #73AF00;
}

table#profileStatus td.complete a:hover {
	background-color: #73AF00;
}

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

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

table#profileStatus td.summary a {
	background-color: #FFF5C5;
	border: 1px solid #68ACE1;
}

table#profileStatus td.summary a:hover {
	background-color: #68ACE1;
}

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

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

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

form.delete fieldset {
	margin-top: 5em;
	background-color: #FFEDED;
	border: 1px solid #FF0000;
}

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

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

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

span#newSearch a {
	font-size: 1.2em;
	font-weight: bold;
}

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

div.resultBox div.body  {
	border: 2px solid #EEEEEE;
	border-top: 0;
}

#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.9em;
}

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

div.resultBox .head h3 {
	margin: 0;
	padding: 0 0.5em;
	font-size: 1.6em;
}

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: #1D1D1D;
	background-color: #EEEEEE;
}

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;
}

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

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

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

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;
}

/* IE7 hack only */
*:first-child+html div#galleryWrapper {
	width: 12.9em;
}

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: #1D1D1D;
	background-color: #EEEEEE;
}

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

div.story span.date {
	font-size: 0.9em;
	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: #CCCCCC;
	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: #CCCCCC;
	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.4em;
	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 {
	background: url("/pics/i1/23/chrome/head_bg_left.gif") left bottom no-repeat;
}

#profileBg {
	position: relative;
	padding: 0 10px;
	background: url("/pics/i1/23/chrome/head_bg_right.gif") right bottom no-repeat;
}

#profileBg span.tl, #profileBg span.tr, #profileBg span.bl, #profileBg span.br {
	height: 10px;
}

#profileBg span.tl {
	margin: 0 -10px;
	background: url("/pics/i1/23/chrome/head_bg_tl.gif") left 0 no-repeat;
}

#profileBg span.tr {
	background: url("/pics/i1/23/chrome/head_bg_tr.gif") right 0 no-repeat;
}

#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: 2.7em;
	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: #003366;
	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: #4D4D4D;
}

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

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

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

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

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

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

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

span.percentage {
	font: bold 2.5em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	color: #2D79B4;
	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 #DDDDDD;
}

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

#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 {
	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-size: 1.9em;
	font-weight: bold;
	background: url("/pics/i1/0/chrome/contact_off.gif") 0 0 no-repeat;
}

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

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

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

#contact.noContact {
	cursor: not-allowed;
}

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

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

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

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

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 #676767;
}

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

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

ul#tabsNav li {
	margin: 0 0.3em 0 0;
	padding: 0;
}

ul#tabsNav li a {
	padding: 0.4em 0.7em;
	font-weight: bold;
	text-decoration: none;
	color: #676767;
	background-color: #F3F3F3;
}

ul#tabsNav li a:hover {
	color: #FFFFFF;
	background-color: #CCCCCC;
}

ul#tabsNav li.on a {
	color: #FFFFFF !important;
	background-color: #676767;
}

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

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

#aboutTable table td.key, #match table td.key, #depth table td.item {
	padding-left: 0.5em;
	color: #666666;
	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 0.8em 0.5em;
	border: 2px solid #999999;
}

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

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

div.tab h4.prof {
	padding: 0.1em 0.3em 0.3em 0.3em;
	margin: 0 -0.7em 0.8em -0.7em;
	color: #000000;
	background-color: #999999;
}

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

/*--- 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: #FFFFFF;
	background-color: #676767;
	cursor: pointer; /* for Opera */
}

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

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

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

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

p#tabToggle a#collapseAnchor:hover, div#toggleView a.collapseAnchor:hover, div.toggleMoreOptions a.collapseAnchor:hover {
	background: #676767 url("/pics/i1/23/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: #CCCCCC !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: #006633;
	background: #D3FFD3 url("/pics/i1/23/prf/tick.gif") 0.5em 0.5em no-repeat;
}

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

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

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

div#ctaWrapper h3 {
	height: 2em;
	font-size: 1.7em;
	line-height: 2em;
}

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.8em "Verdana", "Geneva", "Kalimati", sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background: #A92832 url("/pics/i1/23/chrome/button_tile_off.gif") 0 0 repeat-x;
	border: 1px solid;
	border-color: #FFBF95 #FFE1C6 #FFE1C6 #FFE1C6;
}

div#ctaAction a.ctaActionButton:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background: #CF384D url("/pics/i1/23/chrome/button_tile_on.gif") 0 0 repeat-x;
}

div#ctaAction a.ctaActionButton span {
	line-height: 1.3em;
	padding: 0.5em 1em;
	font-family: "Verdana", "Geneva", "Kalimati", sans-serif;
}

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

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

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

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

body#splash1024 div#content {
	width: 100%;
	padding: 1em 0;
}

body#splash1024 div#primaryWrapper {
	width: 68em;
	width: 68.7em\9; /* IE8 hack only */
	#width: 68.7em; /* IE6/7 hack only */
}

body#splash1024 .splash_three_extra {
	float: left;
	width: 68em;
	width: 68.7em\9; /* IE8 hack only */
	#width: 68.6em; /* IE6/7 hack only */
	margin-top: 1em;
	margin-right: 1em;
}

body#splash1024 .box {
	background-color: #F6F6F6;
}

body#splash1024 .tab .box {
	background-color: #FFFFFF;
}

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

/* IE6 hack only */
* html body#splash1024 .splash_three div#welcomeBox {
    width: 66.6em;
}

body#splash1024 .splash_three div#welcomeBox {
	padding: 1em;
}

html>body#splash1024 .splash_three div#welcomeBox {
	min-height: 0;
}

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

body#splash1024 div#welcomeBox h4 {
	margin-bottom: 0;
	font-size: 2.9em;
}

/* #loginBox */

body#splash1024 div#loginBox h4 {
	width: 19.9em;
}

body#splash1024 div#loginBox fieldset {
	width: 27.6em;
	padding: 0.7em;
}

body#splash1024 form#loginForm input.t {
    width: 8.3em;
	width: 8.6em\9; /* IE8 hack only */
	[width: 8.3em;
	width: 8.9em;] /* Chrome hack only */
}

/* IE6 hack only */
* html body#splash1024 form#loginForm input.t {
	width: 8.4em;
}

/* IE7 hack only */
*:first-child+html body#splash1024 form#loginForm input.t {
	width: 8.4em;
}

body#splash1024 form#loginForm input#username {
	margin-right: 0.3em;
}

body#splash1024 form#loginForm button, body#promo div#loginBox button, body.promo div#loginBox button {
	margin: -0.1em 0 0.7em 0.3em;
	#margin: -0.3em 0 0.7em 0.3em;
}

body#splash1024 div#fpMore {
	float: right;
}

body#splash1024 div#ctaAction {
	margin-left: 4em;
	_margin-left: 2em;
}

/* #welcomeTextBox */
body#splash1024 div#welcomeTextBox {
	width: 37.9em;
	width: 38.7em\9; /* IE8 hack only */
	#width: 38.7em; /* IE6/7 hack only */
	background-color: #CCCCCC;
}

body#splash1024 div#welcomeTextBox p {
	margin-bottom: 0;
	padding: 0.7em;
	color: #1D1D1D;
}

/* #featuresBox */
body#splash1024 div#featuresBox {
	width: 37.9em;
	width: 38.7em\9; /* IE8 hack only */
	#width: 38.7em; /* IE7 hack only */
	_width: 36.5em; /* IE6 hack only */
	margin-right: 1em;
	margin-bottom: 0;
}

body#splash1024 div#featuresBox h3 {
	width: 26.3em;
	width: 26.8em\9; /* IE8 hack only */
	#width: 26.7em; /* IE6/7 hack only */
}

body#splash1024 div#featuresBox.box div#buttons.box {
    margin-top: 1em;
	margin-left: 4em;
	_margin-left: 2em; /* IE6 hack only */
}

body#splash1024 div#featuresBox div#ctaAction {
	width: 100%;
	margin-left: 0;
}

body#splash1024 div#featuresBox div#ctaAction a.ctaActionButton {
	display: table;
	display: inline-block\9; /* IE8 hack only */
	#display: inline-block; /* IE6/7 hack only */
	float: none;
	margin: 0 auto;
	text-align: center;
}

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

/* #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;
	background: #D3060C url("/pics/i1/23/chrome/howItWorks.gif") no-repeat scroll right top;
}

/* #tabsContainer */
body#splash1024 .collapsed, body#splash1024 div#splashDateOfTheDay div#featuredBox {
	width: 68em;
	width: 68.6em\9; /* IE8 hack only */
	#width: 68.6em; /* IE6/7 hack only */
}

body#splash1024 div.splash_three .collapsed .tab {
	width: 67.8em;
	width: 68.4em\9; /* IE8 hack only */
	#width: 68.4em; /* IE6/7 hack only */
}

/* #featuredBox */
body#splash1024 div#featuredBox h3 {
	margin-bottom: 0;
}

body#splash1024 .splash_three div#featuredBox .profile {
	width: 27em;
	margin-bottom: 0;
    padding: 1em;
}

div#featuredBox div.profile span.tl, div#featuredBox div.profile span.tr, div#featuredBox div.profile span.bl, div#featuredBox div.profile span.br {
	display: none;
}

body#splash1024 .splash_three div#featuredBox .profile h4 {
	width: 12.3em;
	_width: 12em; /* IE6 hack only */
}

body#splash1024 .splash_three div#featuredBox .profile p {
	width: 13.35em;
	_width: 13em; /* IE6 hack only */
}

/* #joinBox / #tellafriendBox*/
body#splash1024 div#joinBox, body#splash1024 div#tellafriendBox {
	width: 33.5em;
	width: 33.8em\9; /* IE8 hack only */
	#width: 33.7em; /* IE6/7 hack only */
}

body#splash1024 div#joinBox p, body#splash1024 div#tellafriendBox p {
	padding: 0.7em;
}

/*--- Other boxes -----------*/

body#splash1024 div#languagesBox.box ul li {
	background: none;
}

div#newsBox.box h4 {
	font-size: 1.3em;
	margin: 0 0 0.3em 0;
	padding: 0;
	background-color: transparent;
}

/* #splashDateOfTheDay */
div#splashDateOfTheDay {
	width: 98em;
	width: 98.7em\9; /* IE8 hack only */
	#width: 98.7em; /* IE6/7 hack only */
}

div#splashDateOfTheDay div#splashFeaturedProfile {
	padding: 1em;
}

body#splash1024 div#splashDateOfTheDay div#alignProfileCTA div#ctaAction {
    margin: 1em 0 0 0;
}

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

div#splashDateOfTheDay div#alignProfileCTA div#ctaAction a.ctaActionButton span {
	padding: 6px 10px;
}

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

div#splashDateOfTheDay div#featuredBox div.profile {
	width: 14.9em;
	width: 15em\9; /* IE8 hack only */
	#width: 15em; /* IE6/7 hack only */
	margin-bottom: 0;
	padding: 1em;
	text-align: center;
	border-right: 1px solid #CCCCCC;
	border-bottom: none;
}

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

body#splash1024 div#splashDateOfTheDay div#featuredBox div.panel div.profile div.photo {
	width: 14.9em;
	width: 15em\9; /* IE8 hack only */
	#width: 15em; /* IE6/7 hack only */
}

body#splash1024 div#splashDateOfTheDay div#featuredBox .profile h4 {
    width: 11.4em;
	width: 11.7em\9; /* IE8 hack only */
	#width: 11.7em; /* IE6/7 hack only */
}

body#splash1024 div#splashDateOfTheDay div#featuredBox .profile p {
	width: 12.4em;
	width: 12.7em\9; /* IE8 hack only */
	#width: 12.7em; /* IE6/7 hack only */
}

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

/* IE7 only hack */
*:first-child+html div#splashDateOfTheDay div#featuresBox div#ctaAction {
	padding-bottom: 1.5em;
}

div#splashDateOfTheDay div#quickSearchBox {
	margin-bottom: 0;
}

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

@media print {

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

body {
	background-color: #000000;
	background-image: none;
}

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

div#header {
	background-color: #FFFFFF;
}

div#wrapper {
	width: auto;
}

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

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

div#primary {
	width: 58%;
}

div#extra {
	width: 38%;
}

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

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

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

h1 {
	margin: 0;
	padding: 0;
	font-size: 2.5em;
	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 #CCCCCC;
}

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

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

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

div.intro, div.info, div.note, div.tip, div.err, div.success {
	border: 1px solid #CCCCCC;
}

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 #CCCCCC;
}

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

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

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

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

ul#tabsNav {
	display: none;
}

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

.tab {
	display: block !important;
	margin: 0 0 2em 0;
	padding: 0;
	border: 0 !important;
}

.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 #CCCCCC;
}

/*--- 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;
}

}