/* $Id: 19.css 10996 2011-09-16 09:26:05Z warren $ */
@import url("/css/i1/0/skeleton.r10000.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: #000000;
}

div#container {
	padding: 1em 0;
}

div#header {
	width: 97.8em;
	width: 98.5em\9; /* IE8 hack only */
	#width: 98.5em; /* IE6/7 hack only */
	background: #000000 url("/pics/i1/19/chrome/header_right_19.jpg") no-repeat scroll top right;
	border: 1px solid #D20107;
}

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

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

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.unavailableMsg, 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;
}

/*--- 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 {
	height: 2.4em;
	padding: 0;
	font-size: 3.5em;
	text-indent: -200em;
	background: url("/pics/i1/19/chrome/header_left_19.gif") no-repeat scroll top left;
	overflow: hidden;
}

h1 a {
	display: block;
	width: 4.5em;
	height: 2.4em;
}

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.3em 0.4em 0.2em 0.4em;
	font-size: 1.5em;
	color: #000000;
	background-color: #FFEECC;
	border: 1px solid #C90000;
}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
	color: #000000;
	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 {
	background-color: #E7E7E7;
}

div#navigation a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

div#navigation a:hover {
	text-decoration: underline;
}

div#navigation ul.firstLevel li {
	margin: 0 0.3em 0 0;
	background-color: #E7E7E7;
}

div#navigation ul.firstLevel li a {
	padding: 0.4em 0.6em;
	font-size: 1.2em;
}

div#navigation ul.firstLevel li a:hover {
	color: #F4C963;
}

div#navigation ul.firstLevel li.on {
	background-color: #F4C963;
}

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

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

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

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

div#navigation ul.secondLevel li.on a, div#navigation ul.thirdLevel li.on a {
	color: #D11515;
	background-color: #F4C963;
}

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

div#secondary .box, body#info_mobile div#ctaTertiary {
	margin-bottom: 1em;
	padding: 0.5em;
	color: #666666;
	border: 1px solid #C90000;
	background-color: #FFEECC;
}

div#secondary h4, body#info_mobile div#ctaTertiary h2 {
	margin: 0 0 0.3em 0;
	padding: 0 0 0.2em 0;
	color: #000000;
	text-align: center;
	border-bottom: 1px solid #000000;
}

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

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

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

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

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

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

div#footer {
	padding: 0.6em 1em;
	color: #000000;
	background-color: #F4C963;
}

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

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

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

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

/* div#quickSearchBox */
div#quickSearchBox h3, body#splash1024 div#loginBox h4, body#splash1024 div#joinBox h4, body#splash1024 div#tellafriendBox h4 {
	margin: 0;
	color: #FFFFFF;
	background-color: #C90000;
}

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

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

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

div#quickSearchBox fieldset span.gender {
	display: block;
	width: auto;
	margin-right: 0.3em;
	margin-left: 7em;
	padding-top: 0.2em;
}

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 0.4em 0.6em;
	text-align: center;
	background-color: #FFF6E3;
}

div#quickSearchBox button {
	font-size: 1.3em;
	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 #C90000;
}

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

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

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

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

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

div.intro h3 {
	padding: 0;
	background: none;
	border: none;
}

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

/*--- 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 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: #000000;
	background: #EDF4F9 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: 55px;
}

/* 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;
	border: 2px solid #F3F3F3;
}

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

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: 1px solid #E7E7E7;
}

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: #FDF9F0;
	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.8em 0 0 0;
	background-color: #FDF9F0;
}

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

body#profile_base form.delete div.note {
	margin-bottom: 0;
	min-height: 60px;
}

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 0.2em 0.4em;
	font-size: 1.4em;
	line-height: 1.1em;
	color: #000000;
	background-color: #E7E7E7;
}

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

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: 12em;
	padding: 0.1em;
	border: 1px solid #C90000;
}

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-color: #A30022;
	border: 1px solid;
	border-color: #999999 #CCCCCC #F7F9FA #CCCCCC;
	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 {
	background-color: #D2002A;
}

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

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

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

table tr.multiline td {
	padding-bottom: 0.2em;
}

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

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

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

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

table.basic th {
	padding: 0.5em;
}

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

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

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

table th.h2 {
	color: #000000;
	background-color: #E7E7E7;
}

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

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

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

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

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

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

table.popular td.details h3 {
	padding: 0.1em 0.4em;
	border: 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;
}

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

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

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

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

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

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;
	#padding-bottom: 0.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#submitOptions {
	background-position: 1em 0.5em;
}

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

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

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

fieldset#subscribeOptions tr.multilineSelected td.options {
	background: url("/pics/i1/19/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/19/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/19/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/19/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/19/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/19/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/19/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/19/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/19/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/19/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/19/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: 1px solid #F4C963;
}

fieldset#continuousBoxOptions h4, fieldset#giftBoxOptions h4, fieldset#vouchersBoxOptions h4 {
	background-color: #F4C963;
	color: #A30022;
}

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

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

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

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

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

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

#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 0 0.5em 0;
	padding: 0.4em 0.8em;
	font-weight: bold;
	line-height: 1.1em;
	color: #0000AA;
	background-color: #F3F3F3;
}

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: 12em;
	height: 9.5em;
	padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;
	background-color: #FFEECC;
	border: 1px solid #C90000;
}

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

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

table#gallery td.c {
	padding: 0.3em 0.4em;
}
/*---------------------------------------*/

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

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

div.boxOuterDiv {
	text-align: center;
}

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

table.toolTips select {
	margin-right: 0.4em;
}

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.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 {
	min-height: 1em; /* fix for IE */
	padding: 1em;
	background-color: #FFEECC;
	border: 1px solid #C90000;
}

#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.6em;
	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;
	color: #C90000;
	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 {
	color: #000000;
	text-align: center;
}

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

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

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

#matchScore #matcher .graph #matcherG {
	background: url("/pics/i1/19/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 #CCCCCC;
}

#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.7em 2em;
	font-size: 1.9em;
	font-weight: bold;
	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;
}

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

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

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: #C90000;
	background-color: #FFEDD1;
}

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

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

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

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

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

div.tab h4.prof {
	padding: 0.2em;
	margin: 0 -0.7em 0.8em -0.7em;
	color: #0000AA;
	background-color: #F3F3F3;
}

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

/*--- 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: #000000;
	background-color: #F4C963;
	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: #F4C963 url("/pics/i1/19/chrome/expand_off.gif") 6px center no-repeat;
}

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

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

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

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

/*--- CTA elements ------------*/
div#ctaWrapper h3 {
	margin-top: 0;
	padding-top: 0;
	font-size: 1.7em;
	line-height: 1.1em;
	color: #D11515;
	background: none;
	border: none;
}

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.7em "Verdana", "Geneva", "Kalimati", sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #A30022;
	border: 1px solid;
	border-color: #999999 #CCCCCC #F7F9FA #CCCCCC;
}

div#ctaAction a.ctaActionButton:hover {
	text-decoration: underline;
	background-color: #D2002A;
}

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

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

body#info_mobile div#ctaWrapper h3 {
	margin-left: 0;
	padding: 0 0 0.2em 0;
}

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

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

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

body#splash1024 .splash_three div#welcomeBox {
    width: 64em;
	width: 64.7em\9; /* IE8 hack only */
	#width: 64.7em; /* IE6/7 hack only */
	padding: 1em;
}

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

/* #loginBox */
body#splash1024 div#loginBox {
	background-color: #FFF6E3;
}

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

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

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

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

body#splash1024 form#loginForm button {
    margin-right: 0;
}

/* #welcomeTextBox */
body#splash1024 div#welcomeTextBox {
	width: 36em;
	width: 36.7em\9; /* IE8 hack only */
	#width: 36.7em; /* IE6/7 hack only */
	background-color: #EDF4F9;
}

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

/* #featuresBox */
body#splash1024 div#featuresBox {
	width: 36em;
	width: 36.7em\9; /* IE8 hack only */
	#width: 36.7em; /* IE7 hack only */
	_width: 34.7em; /* IE6 hack only */
	margin-right: 1em;
	margin-bottom: 0;
	background-color: #FFF6E3;
}

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

body#splash1024 div#featuresBox div#ctaAction {
	width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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: 15.1em\9; /* IE8 hack only */
	#width: 15.1em; /* IE6/7 hack only */
	margin-bottom: 0;
	padding: 1em;
	text-align: center;
	border-right: 1px solid #C90000;
	border-bottom: none;
}

div#splashDateOfTheDay div#featuredBox div#fp1.profile {
	padding-left: 0;
}

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

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

body#splash1024 div#splashDateOfTheDay div#featuredBox .profile h4 {
    width: 12.4em;
	width: 12.7em\9; /* IE8 hack only */
	#width: 12.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#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%;
}

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

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

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

h3 {
	padding: 0;
}

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

.resultBox .actions {
	display: none;
}

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

}