/* $Id: 1.css 11283 2011-11-14 10:33:04Z 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: "Verdana", "Arial", "Geneva", sans-serif;
	color: #003366;
	background: #336699 url("/pics/i1/1/chrome/body_bg_tile.gif") 0 0 repeat-x;
}

div#header {
	background: #003366 url("/pics/i1/1/chrome/header_bg.gif") top right no-repeat;
}

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

/*--- 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;
	font-family: "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
}

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

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;
	color: #0000FF;
	text-decoration: underline;
}

a:link {
	color: #0044B5;
}

a:visited {
	color: #0044B5;
}

a:hover {
	color: #FF0000;
	text-decoration: underline;
}

a:active {
	color: #FF0000;
}

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

.small {
	font-size: 0.8em;
}

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

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

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

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

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

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

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

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

/*--- headings ------------*/
h1, h2, h3, h4, h5 {
	position: relative;
	font-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 {
	width: 3.4em;
	height: 2.9em;
	padding: 0;
	font-size: 3.5em;
	text-indent: -200em;
	background: transparent url("/pics/i1/1/chrome/matchmaker_logo.gif") left 0 no-repeat;
	overflow: hidden;
}

h1 a {
	display: block;
	width: 3.4em;
	height: 2.9em;
	outline: none;
}

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

h3, body#splash1024 div#loginBox h4 {
	margin: 0 0 0.5em 0;
	padding: 0.2em 0.4em;
	font-size: 1.5em;
	line-height: 1.6em;
	_height: 1.6em; /* IE6 hack only */
	color: #003366;
	background-color: #FEE0A3;
	border-bottom: 2px solid #FACF9C;
}

/* IE7 hack only */
*:first-child+html h3 {
	line-height: 1.2em;
	padding: 0.4em;
}

div.tab h3 {
	font-size: 1.2em;
}

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

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

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

div#navigation {
	background-color: #003366;
}

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

div#navigation ul.firstLevel li {
	margin: 0 0.3em 0 0;
	padding: 0 0 0 0.4em;
	background: url("/pics/i1/1/chrome/nav_topleft_off.gif") left 0 no-repeat;
}

div#navigation ul.firstLevel li a {
	padding: 0.4em 0.6em 0.4em 0.3em;
	font-family: "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	font-size: 1.2em;
	background: url("/pics/i1/1/chrome/nav_topright_off.gif") right 0 no-repeat;
}

div#navigation ul.firstLevel li.on {
	background: url("/pics/i1/1/chrome/nav_topleft_on.gif") left 0 no-repeat;
}

div#navigation ul.firstLevel li.on a {
	color: #FF0000;
	background: url("/pics/i1/1/chrome/nav_topright_on.gif") right 0 no-repeat;
}

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

div#navigation ul.secondLevel li a, div#navigation ul.thirdLevel li a {
	padding: 0.6em 0.8em;
	font-size: 1em;
	color: #000000;
	font-family: "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
}

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

div#navigation ul.secondLevel li.on a, div#navigation ul.thirdLevel li.on a {
	color: #000000;
	background-color: #EDAE36;
	text-decoration: underline;
}

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

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

div#secondary h4, body#info_mobile div#ctaTertiary h2 {
	margin: 0 0 0.3em 0;
	padding: 0 0 0.2em 0;
	color: #003366;
	text-align: center;
	background-color: #FEDE9E;
}

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

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

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

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

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

div#footer {
	padding: 0.6em 1em;
	color: #FFFFFF;
	background: url("/pics/i1/1/chrome/body_bg_tile.gif");
}

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

div#footer p {
	font-family: "Trebuchet MS", "Verdana", "Arial", "Geneva", sans-serif;
	font-size: 1.1em;
}

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

div#footer a {
	color:#CCCCCC;
}

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

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

div#footer span#totop a {
	padding-right: 1.6em;
}

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

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

/* div#quickSearchBox */
div#quickSearchBox h3 {
	margin: 0;
}

div#quickSearchBox fieldset {
	margin: 0;
	background: #FFEECC url("/pics/i1/1/chrome/search_tile_bg.gif") repeat-x;
	border: none;
}

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

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

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

div#quickSearchBox p#moreOptions {
	margin: 0;
	padding: 0.3em 1em;
	background-color: #FFEECC;
}

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#featuredBox div.profile, body#splash1024 div#featuredBox .profile {
	padding: 1em;
	border-bottom: 1px solid #003366;
}

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

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

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

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

div.intro {
	height: 4.8em; /* fix for IE */
	margin-bottom: 1em;
	padding: 1em 1em 0.1em 1em;
	background: url("/pics/i1/1/chrome/intro_tile_bg.gif") repeat-x;
}

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

html>body div.intro, html>body div#splashDateOfTheDay div#featuresBox { /* 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: 1.9em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
}

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

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

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

div.info 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: #000000;
	background: url("/pics/i1/1/chrome/info.gif") 0 0 no-repeat;
}

div.info h4 {
	font-size: 1.3em;
}

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

/* tip */
div.tip {
	color: #555555;
	background: url("/pics/i1/1/chrome/tip.gif") 0 0 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: transparent url("/pics/i1/1/chrome/success.gif") 0 0 no-repeat;
}

div#activeVersions.note p {
	line-height: 1.4em;
}

div#activeVersions.note ul {
	padding-top: 1em;
	margin-bottom: 0;
}
/*--- mail message ------------*/

div.message {
	margin-bottom: 1em;
	border: 1px solid #FACF9C;
}

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, div.message  {
	margin-bottom: 1em;
	border: 1px solid #FACF9C;
}

div.dialogue h4 {
	padding: 0.4em 0.5em;
	font-size: 1em;
}

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

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

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

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

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

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

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

fieldset.last {
	margin-bottom: 0;
}

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

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

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

label.i {
	display: none;
}

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

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

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

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

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

span.compulsory {
	color: #C00C00;
}

span.hidden {
	color: #00C300;
}

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

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

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

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.1em 0.2em 0.2em 0.2em;
	font: bold 1.1em "Verdana", "Geneva", "Kalimati", sans-serif;
	color: #000000;
	background: #F3B84E url("/pics/i1/1/chrome/button_red_off_tile.gif") 0 0 repeat-x;
	border: 2px solid;
	border-color: #FACF9C #BABABA #BABABA #FACF9C;
	overflow: visible;
	[font-size: 1.1em;
	font-size: 1.2em;] /* Chrome hack only */
}

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

p button {
	font-size: 1em;
}

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

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

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

caption, th, td {
	font-size: inherit;
	padding: 0.3em;
}

caption, th {
	font-weight: bold;
}

th.c {
	padding: 0 2em 0.5em 2em;
}

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

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

table.basic caption {
	padding: 0.5em;
}

table.basic th {
	padding: 0.5em;
}

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

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

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

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

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

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

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

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

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

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

table.popular td.details h3 {
	margin: 0 0 0.2em 0;
	padding: 0;
	background: none;
	border: none;
}

table.popular h3 span {
	display: none;
}

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 {
	padding: 0.4em 0 0.2em 0;
	border: none;
	border-bottom: 1px solid #FFEFE3;
}

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

div#depth table.profile caption {
	margin: 0;
	font: bold 1em "Verdana", "Geneva", "Kalimati", sans-serif;
	color: #003366;
	border-top: none;
	border-bottom: 1px solid #FFEFE3;
}

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

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

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

p.selectedOptions {
	width: 32em;
}

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

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

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

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

/* 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, fieldset#paymentOptions {
	border: 1px solid #FACF9C;
}

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

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

fieldset#submitOptions {
	background-image: url("/pics/i1/1/chrome/subsBullet3.gif");
	border: 1px solid #FACF9C;
}

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

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

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

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

fieldset#continuousBoxOptions h4, fieldset#giftBoxOptions h4, fieldset#vouchersBoxOptions h4 {
	color: #003366;
	background-color: #FEE0A3;
	border-bottom: 2px solid #FACF9C;
}

div#giftBoxContent {
	background: url("/pics/i1/1/chrome/gift_small.gif") no-repeat;
	margin: 0.5em;
}

div#giftRecipient p, div#giftBoxContent p {
	margin-left: 3.5em;
}

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/1/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/1/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/1/chrome/profileNav_arrow.gif") 50% 50% no-repeat;
}

table#profileStatus td a {
	display: block;
	padding: 0.8em;
	font-size: 1em;
	font-weight: normal;
	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_photos ------------*/

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

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

span#newSearch a {
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: underline;
}

#resultsHead span#newSearch a {
	padding-left: 1.5em;
}

/*--- div.resultBox ------------*/
div.resultBox div.body  {
	border: 1px solid #FFE5B8;
	border-top: 0;
	min-height: 28em;
}

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

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

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

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

div.resultBox .head h3 a:hover {
	color: #FF0000;
	text-decoration: none;
}

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

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;
	color: #2D79B4;
}

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: 12.2em;
	width: 12.1em\9; /* IE8 hack only */
	height: 9.5em;
	padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;
	background-color: #FFEECC;
	border: 1px solid #FACF9C;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

img.gender {
	padding: 0 5px;
}

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

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

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

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

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

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

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

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

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

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

p.totop {
	text-align: right;
}

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

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

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

#toolTipContainer p {
	margin: 0;
}

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

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

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

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

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

fieldset.toolTips span.toolTip {
	float: right;
	margin-top: 0.3em;
	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 */
	background: url("/pics/i1/1/chrome/head_bg_left.gif") left bottom no-repeat;
}

#profileBg {
	position: relative;
	padding: 0 10px;
	background: url("/pics/i1/1/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/1/chrome/head_bg_tl.gif") left top no-repeat;
}

#profileBg span.tr {
	background: url("/pics/i1/1/chrome/head_bg_tr.gif") right top 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: normal 3em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	line-height: 0.8em;
	color: #000000;
}

#profileInfo h2 a {
	text-decoration: none;
	color: #000000;
}

#profileInfo h2 a:hover {
	color: #FF0000;
	text-decoration: underline;
}

#profileInfo h2 a:active {
	color: #CC0000;
	text-decoration: none;
}

#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: #2D79B4;
	border-bottom: 2px solid #FF9900;
}

#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 #twoway h5 {
	font-size: 1.1em;
	color: #4D4D4D;
	font-weight: normal;
}

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

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

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

#matchScore #matcher .graph #matcherG {
	background: url("/pics/i1/1/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#lastModify, #profileInfo p#lastLogin {
	color: #7F7F7F;
}

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

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

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

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

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

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

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

#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;
	color: #2D79B4;
}

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

#actionsPrimaryLinks ul li a:hover, #actionsSecondaryLinks ul li a:hover {
	color: #1D5886;
}

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%;
	padding: 0;
	font-size: 0.9em;
	font-weight: normal;
	color: #888888;
	line-height: 1.1em;
}

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

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

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

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

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

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

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

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

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

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

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

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

ul#tabsNav li a:hover {
	color: #000000;
	background-color: #FFC36A;
}

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

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

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

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

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

p#tabToggle a, div#toggleView a, div.toggleMoreOptions a {
	padding: 0.2em 0.7em 0.4em 2.2em;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	color: #823100;
	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: #FFEFE3 url("/pics/i1/1/chrome/expand_off.gif") 6px center no-repeat;
}

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

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

p#tabToggle a#collapseAnchor:hover, div#toggleView a.collapseAnchor:hover, div.toggleMoreOptions a.collapseAnchor:hover {
	background: #EDAE36 url("/pics/i1/1/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;
}

/*--- 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/1/prf/tick.gif") 0.5em 0.5em no-repeat;
}

li.unsuccessful {
	color: #CC0000;
	background: #FFEDED url("/pics/i1/1/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 {
	font-size: 1.3em;
	line-height: 1.1em;
}

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#ctaWrapper ul {
	margin: 0;
	padding: 0;
}

div#ctaWrapper ul li, div#splashDateOfTheDay div#featuresBox ul li {
	list-style-type: none;
	padding-left: 15px;
	background: transparent url("/pics/i1/1/chrome/ctaBullet.gif") no-repeat scroll left 4px;
}

div#ctaAction a.ctaActionButton {
	font: bold 1.7em "Verdana", "Geneva", "Kalimati", sans-serif;
	color: #000000;
	text-decoration: none;
	background: #F3B84E url("/pics/i1/1/chrome/button_red_off_tile.gif") repeat-x scroll left top;
	border: 2px solid;
	border-color: #FACF9C #BABABA #BABABA #FACF9C;
}

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

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

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

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

body#info_mobile div#ctaSecondary {
	float: left;
	width: 150px;
	height: 350px;
	margin-bottom: 1em;
	background: transparent url("/pics/i1/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 div#content, * html div#splashDateOfTheDay {
	width: 96.6em;
}

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

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

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

body#splash1024 .splash_one div#ctaPrimary {
    width: 41.6em;
}

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

body#splash1024 .splash_one div#welcomeBox {
	float: right;
    width: 39em;
}

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

body#splash1024 div#welcomeBox.intro ul li {
	font-size: 1.6em;
	padding-left: 31px;
	background: transparent url("/pics/i1/1/chrome/featuresBullet.gif") no-repeat scroll left 4px;
}

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

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

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

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

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

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

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

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

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

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

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

body#splash1024 div#tabsContainer div#howItWorks .padder div#howitworksBox a {
	display: block;
	width: 100%;
	height: 193px;
	background: #D11515 url("/pics/i1/1/chrome/howItWorks.gif") no-repeat scroll right top;
}

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

div#splashDateOfTheDay div#featuresBox {
	width: 28.6em;
	border: 2px solid #FF9900;
}

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

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

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

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

@media print {

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

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

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

div#wrapper {
	width: auto;
}

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

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

div#primary {
	width: 58%;
}

div#extra {
	width: 38%;
}

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

div#secondary {
	display: none;
}

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

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

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

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

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

h3 {
	padding: 0;
}

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

div#navigation {
	display: none;
}

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

div#footer {
	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 {
	position: relative;
	padding: 0 8px 8px 8px;
	border: 2px solid #D4ECFF;
}

#extras .box p {
	margin-bottom: 0;
	font-size: 0.9em;
	color: #7F7F7F;
}

/*--- 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-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0.2em !important;
	padding-bottom: 0.1em !important;
}

/* headings */
div.tab h4.prof, div#depth table.profile caption, div#narratives h4 {
	text-align: left !important;
}

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

p#tabToggle {
	display: none;
}

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

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

}

