/* $Id: 100.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: #FFFFFF;
}

div#container {
	background: #99CCFF url("/pics/i1/100/chrome/header_left.gif") no-repeat left top;
	z-index: 1;
}

div#header {
	background: transparent url("/pics/i1/100/chrome/header_right.gif") no-repeat right top;
	z-index: 2;
}

div#wrapperbg {
	background-color: #FFFFFF;
	border-left: 17.9em solid #99CCFF;
	border-left: 18.6em solid #99CCFF\9; /* IE8 hack only */
	#border-left: 18.5em solid #99CCFF; /* IE6/7 hack only */
	border-right: 1px solid #3399FF;
}

/*--- 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 {
	position: relative;
	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: #0076DF;
}

a:visited {
	color: #0076DF;
}

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

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

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

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

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

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

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 {
	height: 97px;
	padding: 0;
	text-indent: -300em;
	overflow: hidden;
	z-index: 3;
}

h1 a {
	display: block;
	width: 13em;
	height: 2.1em;
	margin-top: 1.5em;
	margin-left: 6em;
	outline: none;
	z-index: 4;
}

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

h3, body#splash1024 div#languagesBox h4, body#splash1024 div#loginBox h4, body#splash1024 div#joinBox h4, body#splash1024 div#tellafriendBox h4 {
	margin: 0 0 0.5em 0;
	padding: 0.4em;
	font-size: 1.5em;
	line-height: 0.8em;
	color: #FFFFFF;
	background-color: #FA3C3B;
}

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 {
	width: 100%;
	z-index: 10;
}

div#navigation ul.firstLevel, div#navigation ul.secondLevel, div#navigation ul.thirdLevel {
	width: 86em;
	width: 86.7em\9; /* IE8 hack only */
	#width: 86.7em; /* IE6/7 hack only */
}

div#navigation ul.firstLevel {
	margin-left: 12em;
}

div#navigation ul.secondLevel, div#navigation ul.thirdLevel {
	padding-left: 12em;
}

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

div#navigation ul.firstLevel li {
	padding-left: 5px;
	background: url("/pics/i1/100/chrome/nav_left.gif") top left no-repeat;
}

div#navigation ul.firstLevel li a {
	padding: 0.4em 0.9em 0.3em 0.6em;
	background: url("/pics/i1/100/chrome/nav_right.gif") top right no-repeat;
	[padding: 0.4em 0.9em 0.3em 0.6em;
	padding: 0.4em 0.9em 0.4em 0.6em;] /* Chrome hack only */
}

/* IE6 hack only */
* html div#navigation ul.firstLevel li a {
	padding: 0.3em 0.6em;
}

/* IE7 hack only */
*:first-child+html div#navigation ul.firstLevel li a {
	padding: 0.3em 0.6em;
}

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

div#navigation ul.firstLevel li.on a {
	background: url("/pics/i1/100/chrome/nav_right_on.gif") top right no-repeat;
}

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

div#navigation ul.secondLevel {
	background: url("/pics/i1/100/chrome/second_level_navBg.gif") repeat-x left top;
}

div#navigation ul.secondLevel li a {
	padding: 0.6em 0.8em 0.7em 0.8em;
	[padding: 0.6em 0.8em 0.7em 0.8em;
	padding: 0.7em 0.8em;] /* Chrome hack only */
}

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

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

div#navigation ul.secondLevel li.last, div#navigation ul.thirdLevel li.last {
	background: none;
}

div#navigation ul.thirdLevel {
	background: url("/pics/i1/100/chrome/third_level_navBg.gif") repeat-x left top;
}

/* IE6 hack only */
* html div#navigation ul.thirdLevel {
	margin-top: -1px;
}

/* IE7 hack only */
*:first-child+html div#navigation ul.thirdLevel {
	margin-top: -1px;
}

div#navigation ul.thirdLevel li a {
	padding: 0.5em 0.8em 0.6em 0.8em;
	[padding: 0.5em 0.8em 0.6em 0.8em;
	padding: 0.6em 0.8em;] /* Chrome hack only */
}

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

div#secondary .box, body#info_mobile div#ctaTertiary {
	margin-bottom: 1em;
	padding: 0.3em;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #6699FF;
}

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

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

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

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

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

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

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

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

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

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

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

div#footer a {
	color: #000000;
}

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

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

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

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

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

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

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

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

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

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

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

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

div#howitworksBox p, div#storiesBox p, div#didyouknowBox p, div#yourProfileBox p {
	padding: 0 0.3em;
}

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

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

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

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

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

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

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

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

div.intro h3 {
	padding: 0;
	background: none;
	color: #065073;
}

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

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

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

div.info span.tl, div.info span.tr, div.info span.bl, div.info span.br,
div.note span.tl, div.note span.tr, div.note span.bl, div.note span.br,
div.tip span.tl, div.tip span.tr, div.tip span.bl, div.tip span.br,
div.err span.tl, div.err span.tr, div.err span.bl, div.err span.br,
div.success span.tl, div.success span.tr, div.success span.bl, div.success span.br,
div.gift span.tl, div.gift span.tr, div.gift span.bl, div.gift span.br {
	display: none;
}

div.info h4, div.note h4, div.tip h4, div.err h4, div.success h4, div.success gift {
	margin-bottom: 0.1em;
	padding: 0;
	font: bold 1.4em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	border: none;
}

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

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

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

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

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

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

div.message {
	margin-bottom: 1em;
}

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 {
	margin-bottom: 1em;
	border: 2px solid #E8F5FF;
}

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

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

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: #FCF4F3;
	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: #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 {
	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;
	color: #000000;
	background-color: #99CCFF;
}

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

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

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

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

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

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

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

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

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

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

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

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

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.2em 0.3em 0.3em 0.3em;
	font: bold 1.1em "Verdana", "Geneva", "Kalimati", sans-serif;
	color: #FFFFFF;
	background: #2B91B5 url("/pics/i1/100/chrome/button_tile_off.gif") 0 0 repeat-x;
	border: 1px solid;
	border-color: #3398CC #3398CC #1E7CAC #1E7CAC;
	overflow: visible;
	cursor: pointer;
}

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

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

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

p button {
	font-size: 0.9em;
}

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

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

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

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

caption, th {
	font-weight: bold;
}

th.c {
	padding: 2em;
}

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

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

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

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

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

table.basic th {
	padding: 0.5em;
}

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

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

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

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

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

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

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

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

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

table.popular td.details h3 {
	background: none;
	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;
}

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 td.key {
	white-space: nowrap;
}

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

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

form table {
	margin-bottom: 0;
}

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

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

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

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

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

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

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

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

form.searchForm fieldset#checkBoxes input.o {
	#margin-left: 15.6em;
}

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

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

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, fieldset#submitOptions {
	border: 1px solid #99CCFF;
}

fieldset#subscribeOptions h4 {
	color: #000000;
	background: transparent url("/pics/i1/100/chrome/subsBullet1.gif") no-repeat;
}

fieldset#paymentOptions h4 {
	background: transparent url("/pics/i1/100/chrome/subsBullet2.gif") no-repeat;
}

fieldset#submitOptions {
	background: transparent url("/pics/i1/100/chrome/subsBullet3.gif") no-repeat scroll 0.6em 0.5em;
}

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

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

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

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

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

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

div#giftBoxContent {
	background: url("/pics/i1/100/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/100/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/100/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/100/chrome/profileNav_arrow.gif") 50% 50% no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

/*--- 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 {
	padding-left: 1.5em;
	font-weight: bold;
}

/*--- div.resultBox ------------*/
div.resultBox {
	border: 1px solid #E8F5FF;
	border-top: 0;
}

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;
	padding: 0.3em 0.5em;
	font-size: 1.6em;
	background-color: #ECC2BD;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--- find gallery ----------------------*/
div#galleryWrapper {
	width: 12em;
	height: 9.5em;
	padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #3366CC;
}

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

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

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

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

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

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

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

p.totop {
	text-align: right;
}

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

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

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

#toolTipContainer p {
	margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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


/*--- header ------------*/
#profileHead {
	background: url("/pics/i1/100/chrome/head_bg_left.gif") left bottom no-repeat;
}

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

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

#photoThumb #photoContainer {
	position: relative;
	padding: 3px;
	background: url("/pics/i1/100/chrome/thumb_bg.gif") 0 0 repeat-x;
}

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

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

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

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

#profileInfo h2 {
	display: inline;
	font-size: 3em;
	line-height: 0.8em;
	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 #D4ECFF;
}

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

#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 {
	color: #4D4D4D;
	font-weight: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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: #3366CC;
	background-color: #80C6E8;
}

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

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

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

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

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

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

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

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

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

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

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

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

li.unsuccessful {
	color: #CC0000;
	background: #FFEDED url("/pics/i1/100/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;
}

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

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

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

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

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

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

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

div#ctaAction a.ctaActionButton {
	font: bold 1.9em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background: #2886A9 url("/pics/i1/100/chrome/button_tile_off.gif") 0 0 repeat-x;
	border: 1px solid;
	border-color: #3398CC #3398CC #1E7CAC #1E7CAC;
}

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

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

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

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

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

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

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

body#splash1024 div#wrapperbg {
	width: 97.8em;
	width: 98.5em\9; /* IE8 hack only */
	#width: 98.5em; /* IE6/7 hack only */
	border-left: 1px solid #3399FF;
}

body#splash1024 div#content {
	width: 95.8em;
	width: 96.5em\9; /* IE8 hack only */
	#width: 96.5em; /* IE6/7 hack only */
	padding: 1em;
}

body#splash1024 div#primaryWrapper, body#splash1024 .splash_three_extra {
	width: 65.8em;
	width: 66.5em\9; /* IE8 hack only */
	#width: 66.5em; /* IE6/7 hack only */
}

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

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

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

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

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

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

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

/* #welcomeTextBox */
body#splash1024 div#welcomeTextBox {
	width: 35.8em;
	width: 36.5em\9; /* IE8 hack only */
	#width: 36.5em; /* IE6/7 hack only */
	background-color: #E8F5FF;
}

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

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

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

body#splash1024 div#splashDateOfTheDay div#featuresBox ul {
	margin-right: 0.5em;
}

body#splash1024 div#featuresBox div#ctaAction {
	width: 100%;
	margin: 1em 0;
}

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

body#splash1024 div#splashDateOfTheDay div#featuresBox div#ctaAction p#ctaParagraph {
	margin-bottom: 1.3em;
}

/* #tabsContainer */
body#splash1024 .collapsed {
	width: 65.8em;
	width: 66.5em\9; /* IE8 hack only */
	#width: 66.5em; /* IE7 hack only */
	_width: 65.8em; /* IE6 hack only */
}

/* IE6 hack only */
* html body#splash1024 div#tabsContainer.collapsed div.tab .padder {
    width: 63.9em;
}

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

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

body#splash1024 .splash_three div#featuredBox .last {
	margin-bottom: 0;
	padding-bottom: 0;
	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;
}

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

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

/* #joinBox / #tellafriendBox*/
body#splash1024 div#joinBox, body#splash1024 div#tellafriendBox {
	width: 32.4em;
	width: 32.7em\9; /* IE8 hack only */
	#width: 32.7em; /* IE6/7 hack only */
	background-color: #F5F5F5;
}

body#splash1024 div#loginBox h4, body#splash1024 div#joinBox h4 {
	color: #000000;
	background-color: #99CCFF;
}

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

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

body#splash1024 div#languagesBox {
	background-color: #D5D5D3;
}

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

body#splash1024 div#splashDateOfTheDay div#featuresBox div#ctaAction {
    margin: 0 auto;
}

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 #CCCCCC;
	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: 15.4em;
	width: 15.6em\9; /* IE8 hack only */
	#width: 15.6em; /* IE6/7 hack only */
}

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

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

div#splashDateOfTheDay div#featuresBox {
	background-color: #D5D5D3;
}

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

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

@media print {

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

body {
	font-size: 60%;
	text-align: left;
	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#secondary {
	display: none;
}

div#primary {
	width: 58%;
}

div#extra {
	width: 38%;
}

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

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

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

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

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

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

div#navigation {
	display: none;
}

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

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

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

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

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

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

div.intro {
	background-image: none;
}

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

form#customiseResults {
	display: none;
}

.resultBox .stats {
	width: auto;
}

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

div.pagingBox {
	display: none;
}

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

#actionsPrimary, #actionsSecondary {
	display: none;
}

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

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

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

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

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

ul#tabsNav {
	display: none;
}

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

.tab {
	display: block !important;
	margin: 0 0 2em 0;
	padding: 0;
	border: 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;
}

}

