/* $Id: 10.css 8485 2010-09-08 11:14:06Z vincent $ */
@import url("/css/i1/0/skeleton_1024.css");

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

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

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

html {
	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: #D4D6D7 url("/pics/i1/10/chrome/body_BG.gif") left top repeat-x;
}

div#container {
	padding-bottom: 2em;
	background-color: #FFFFFF;
}

div#header {
	height: 100%;
	background: #DDDEDF url("/pics/i1/10/chrome/header_BG.gif") left top repeat-x;
}

div#wrapper {
	clear: both;
}

div#padder {
	padding: 1em 0 1em 1em;
}

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

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

div#secondary {
	overflow: hidden;
}

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

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

fieldset label {
	font-size: 1.2em;
	font-family: "Arial", "Verdana", "Geneva", 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 {
	font-size: 1em;
	font-family: "Arial", "Verdana", "Geneva", 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;
}

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

a:visited {
	color: #7D0B1B;
}

a:hover {
	color: #585D5F;
}

a:active {
	color: #C51119;
}

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

.small {
	font-size: 0.8em;
}

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

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

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

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

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

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

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

h1, h2, h3, h4, h5 {
	position: relative;
	font-family: "Arial", "Verdana", "Geneva", sans-serif;
	font-weight: bold;
}

h1 {
	display: block;
	height: 4.1em;
	font-size: 2em;
	text-indent: -300em;
	text-decoration: none;
	background: url("/pics/i1/10/chrome/header_10.gif") 0 0 no-repeat;
	overflow: hidden;
}

h1 a {
	display: block;
	position: relative;
	width: 21em;
	height: 4.1em;
	text-decoration: none;
	color: #FFFFFF !important;
}

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

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

h3 span {
	font-size: 0.8em;
	font-weight: normal;
}

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

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

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

div#navigation {
	width: 98em;
	background: url("/pics/i1/10/chrome/nav_top_BG.gif") repeat-x left top;
}

div#navigation ul.firstLevel, div#navigation ul.secondLevel, div#navigation ul.thirdLevel {
	width: 98em;
}

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

div#navigation ul.firstLevel li {
	height: 27px;
	background: url("/pics/i1/10/chrome/nav_top_link_L.gif") left top no-repeat;
}

div#navigation ul.firstLevel li a {
	display: block;
	padding: 7px 13px 4px 13px;
	font-size: 1.1em;
	color: #FFFFFF;
	background: url("/pics/i1/10/chrome/nav_top_link_R.gif") right top no-repeat;
}

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

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

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

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

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

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

div#navigation ul.secondLevel, div#navigation ul.thirdLevel {
	background: url("/pics/i1/10/chrome/nav_bot_BG.gif") 0 0 repeat-x;
}

div#navigation ul.thirdLevel {
	margin-top: -0.5em\9; /* IE8 hack only */
}

div#navigation ul.secondLevel li, div#navigation ul.thirdLevel li {
	height: 26px;
	background: url("/pics/i1/10/chrome/nav_bot_link_L.gif") left top no-repeat;
}

div#navigation ul.secondLevel li.last a, div#navigation ul.thirdLevel li.last a {
	background: url("/pics/i1/10/chrome/nav_bot_link_last_right.gif") right top no-repeat;
}

div#navigation ul.secondLevel li a, div#navigation ul.thirdLevel li a {
	padding: 0.5em 1.6em 0.4em 1.3em;
	font-size: 1em;
	height: 15px;
	color: #FFFFFF;
	background: url("/pics/i1/10/chrome/nav_bot_link_R.gif") right top no-repeat;
}

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

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

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

div#secondary .box {
	margin-bottom: 1em;
	color: #000000;
	border-bottom: 1px solid #AAAAAA;
	background: #E6E6E7 url("/pics/i1/10/chrome/sec_bg.gif") bottom left repeat-x;
}

div#secondary h4 {
	margin: 0 0 0.3em 0;
	padding: 0.3em;
	text-align: center;
	font-size: 1.3em;
	color: #FFFFFF;
	background: #525759;
}

div#secondary p {
	font-size: 1.1em;
	line-height: 1.6em;
	padding: 0.4em;
}

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

div#footer {
	height: 13em;
	color: #FFFFFF;
	background-color: #A7A9AC;
}

div#footer img { 
	padding: 0;
	margin: 0;
}

div#footerLeft {
	float: left;
	height: 13em;
	background: #A7A9AC url("/pics/i1/10/chrome/24Logo.gif") no-repeat 22px 12px;
	padding-left: 147px;
}

div#footerLeft ul {
	position: relative;
	float: left;
	list-style: none;
	margin: 10px 0 0 0;
}

div#footerLeft ul li {
	width: 8em;
	margin: 0;
	padding-left: 0.5em;
	line-height: 1.5em;
	text-align: left;
}

div#footerLeft ul li ul {
	margin: 0;
}

div#footerLeft ul li.out {
	position: relative;
	float: left;
	border-right: 1px solid #FFFFFF;
}

div#footerLeft ul li.last {
	border-right: none;
}

div#footerLeft ul li.out ul li a {
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
}

div#Badge {
	position: relative;
	float: left;
	width: 57px;
	height: 67px;
	margin-top: 10px;
	background: transparent url("/pics/i1/10/chrome/badge.gif") no-repeat left top;
}

*div#Badge {
	margin-left: -40px;
}


div#footerRight {
	position: relative;
	float: right;
	width: 30.4em;
	height: 12em;
	padding: 0.5em 2em 0.5em 0;
	background-color: #A7A9AC;
	text-align: right;
}

*div#footerRight {
	width: 26em;
}


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

div#footer a {
	color: #FFFFFF;
	text-decoration: underline;
}

div#footer p#copyright {
	float: none;
	margin-top: 0.5em;
	line-height: 1.3em;
	text-align: right;
}

div#footer span#totop {
	float: none;
	font-size: 1.2em;
	padding-right: 0.1em;
}

div#footer img.poweredBy {
	margin-right: 0.1em;
	float: right;
	margin-top: 0.6em;
}

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

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

div#quickSearchBox h3 {
	margin: 0;
}

div#quickSearchBox fieldset {
	border: 0;
	background: #D6D7D9 url("/pics/i1/10/chrome/qSearch_BG.gif") top left repeat-x;
	margin: 0;
}

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;
	line-height: 1.6em;
	text-align: center;
	background-color: #E6E7E8;
}

div#quickSearchBox button {
	font-size: 1.5em;
	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 {
	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.narrative h4 {
	overflow: hidden;
	width: auto;
}

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

div.intro {
	margin-bottom: 1em;
	padding: 1em 1em 0.1em 1em;
	color: #000000;
	background: url("/pics/i1/10/chrome/intro_BG.gif") bottom left repeat-x;
	border: 1px solid #DEE0E0;
	height: 4.8em; /* fix for IE */
}

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

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 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: #E0DEDE url("/pics/i1/10/chrome/info.gif") 10px 10px no-repeat;
}

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

/* 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;
	min-height: 6em;
}

/* success */
div.success {
	color: #006633;
	background: #DEFFDE url("/pics/i1/10/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;
	background-color: #F8E3E3;
}

div.message p.message {
	padding: 0.5em;
	margin-bottom: 0;
	border: 2px solid #F8E3E3;
}

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: 2px solid #F8E3E3;
}

div.dialogue h4 {
	padding: 0.4em 0.5em;
	font-size: 1.1em;
	background-color: #F8E3E3;
	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;
}

div.dialogue span.unavailableMsg {
	font-weight: 700;
}

fieldset#mailHead {
	margin-bottom: 0;
	background-color: #F0F0E4;
}

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

h3.article {
	margin-bottom: 0;
}

p#articleDate {
	padding: 0.2em 0;
}

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

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

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

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

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

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

fieldset.buttons {
	background-color: #DFE3E6;
	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 {
	margin: -1.7em 0 0 0;
	float: right;
	border: solid 1px #CBCBCB;
}

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

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

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

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

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

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

label.i {
	display: none;
}

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

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

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

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

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

span.compulsory {
	color: #CC0000;
}

span.hidden {
	color: #00C300;
}

form h4 {
	margin: 0;
	padding: 0.3em 0.4em;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.1em;
	color: #FFFFFF;
	background-color: #808183;
}

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#mail_conversations form#form1 div.c, body#profile_delete form#form1 div.c, body#profile_photos form#form2 div.c {
	height: 5px;
}

div#secondary form#loginForm button {
	margin-top: 0.5em;
}

div#secondary span#loginSeparator {
	display: none;
}

body#profile_match form#frmMM div.c, body#mail_message form#form2 div.c, body#subscribe_how form#form11 div.c, body#subscribe_now form#form11 div.c {
	height: 10px;
}

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

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

p#noJSPrompt, form#customiseResults span.note, body#find_new form#form1 span.note, body#find_modified form#form1 span.note {
	display: block;
	margin-top: 1em;
	color: #888888;
}

p#noJSPrompt {
	font-size: 1em;
}

/* profile forms */
body#profile_match div#geographicInformation select#mProvinceID, 
body#profile_match div#geographicInformation select#mCityID {
	display: block;
	clear: both;
	margin-top: 0.6em;
}

body#profile_me div#relationshipsChildren td.label, body#partners_gallery form#form1 td.label {
	width: 12em;
	padding-right: 1em;
}

body#profile_me div#relationshipsChildren span#relationships {
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}

body#profile_me div#narrativeQuestions input#headline {
	width: 47em;
}

body#profile_match fieldset#gender table.full {
	width: 30%;
}

body#profile_match select#geoMatchingMethod {
	margin: 0.5em 0 1.5em 0;
}

/* Form Positioning for widened layouts */

body#profile_base div.res1024 form#form1 table, body#profile_me div.res1024 div#geographicInformation table, body#profile_me div.res1024 div#physicalDescription table,
 body#profile_me div.res1024 div#vices table, body#profile_me div.res1024 div#educationProfession table, body#profile_me div.res1024 div#matchCountry table
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

body#profile_base form#form1 fieldset.buttons {
	margin: 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;
}

/* Form Positioning for widened layouts */
body#profile_base form#form1 table, body#profile_me div#geographicInformation table, body#profile_me div#physicalDescription table,
body#profile_me div#vices table, body#profile_me div#educationProfession table, body#profile_me div#matchCountry table {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

fieldset table {
	margin-left: auto;
	margin-right: auto;
}

/* forms where the labels are right-aligned */
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 {
	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.4em;
	border: none;
}

/* IE6 hack only */
* html form#loginForm fieldset br {
	display: none;
}

/* IE7 hack only */
*:first-child+html form#loginForm fieldset br {
	display: none;
}

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

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

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

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

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

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

body#partners_copy form table input {
	width: 38em;
}

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

button, input.inputTypeSubmit {
	padding: 0.3em 0.6em;
	font: bold 1.1em "Verdana", "Geneva", "Kalimati", sans-serif;
	[font-size: 1.1em;
	font-size: 1.2em;] /* Chrome hack only */
	width: auto; /* Ref: http://jehiah.cz/archive/button-width-in-ie */
	overflow: visible;
	color: #FFFFFF;
	background: #CB240F url("/pics/i1/10/chrome/button_BG.gif") top left repeat-x;
	border: 2px solid;
	border-color: #914143 #801517 #801517 #801517;
}

p button {
	font-size: 1em;
}

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

button:hover, input.inputTypeSubmit:hover {
	border-top: 2px solid #801517;
	border-bottom: 2px solid #914143;
	background: #CB240F url("/pics/i1/10/chrome/button_BG_ON.gif") bottom left repeat-x;
}

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

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

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

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

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


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

table td {
	font-family: "Arial","Helvetica","Nimbus Sans L",sans-serif;
}

caption, th {
	font-weight: bold;
}

th.c {
	padding: 2em;
}

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

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

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

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

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

table.basic th {
	padding: 0.5em;
}

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

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

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

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

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

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

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

table.popular th.rank, table.popular th.details, table.popular th.photo {
	color: #FFFFFF;
	background-color: #C51119;
}

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

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

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

table.popular td.details h3 img.speaker {
	margin-left: 0.2em;
}

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

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

div.pagingBox a:link, div.pagingBox a:visited, div#backToProfile a:link, div#backToProfile a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

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

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

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

/* forms where the labels are long, with a select box alongside */
body#join form#form1 table input#agree, table.selector select {
	margin-right: 0.7em;
}

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

form table {
	margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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: 16.9em; /* IE6 only hack */
}

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

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

body#splash1024 div#ctaWrapper {
	background-color: #DDDDDF;
	border: none;
}

body#splash1024 .splash_one div#ctaWrapper .ctaSecondary {
	background-image: url("/pics/i1/10/chrome/splash_header_10.jpg");
	height: 28.1em;
	width: 40.8em;
}

body#splash1024 div#ctaAction {
	padding-left: 5.4em;
}

body#splash1024 .intro {
	background: none;
	border: none;
	margin-bottom: 0;
	padding: 0 1em 0.1em;
}

body#splash1024 div#welcomeBox h2 {
	margin-bottom: 1em;
}

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

body#splash1024 div#welcomeBox ul li {
	background: url("/pics/i1/10/chrome/check_10.gif") no-repeat;
	list-style-type: none;
	margin-left: 0;
	padding-left: 2.5em;
}

div#splashDateOfTheDay ul li {
	background: url("/pics/i1/10/chrome/check_107.gif") no-repeat;
	list-style-type: none;
	margin-left: 0;
	padding-left: 2em;
}

div#splashDateOfTheDay div#profileInfo div#headlineWrapper {
	padding: 1em 0 0;
}

body#splash1024 div#featuredBox .profile {
	padding: 0 1em;
}

body#splash1024 div#featuredBox .profile, body#splash1024 div#loginBox, body#splash1024 div#languagesBox {
	background: url("/pics/i1/10/chrome/qSearch_BG.gif") repeat-x scroll left top #E7E6EB;
}

body#splash1024 .splash_one div#featuredBox .photo a, div#splashDateOfTheDay div#featuredBox .photo a {
	width: 10.2em !important;
}

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

body#splash1024 div#quickSearchBox button {
	float: right;
}

body#splash1024 div#splashDateOfTheDay div#splashFreeTrial span a {
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	width: 6em;
}

div#splashDateOfTheDay div#profileInfo p#profileCTA {
	font-size: 1.8em;
	margin: 0.5em 0 0;
}

body#splash1024 div#tabsContainer div#howItWorksVisual .padder {
	float: right;
	height: 19.3em;
	overflow: hidden;
	padding: 0;
}

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

fieldset#subscribeOptions {
	font-family: "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
}

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

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

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

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

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

fieldset#subscribeOptions h4 {
	color: #000000;
	background-image: url("/pics/i1/0/chrome/subsBullet1.gif");
	font-size: 1.5em;
	[font-size: 1.5em; /* Chrome only hack */
	font-size: 1.6em;]
}

fieldset#subscribeOptions {
	padding: 0.7em 0.8em 0.7em 0.8em;
}

fieldset#paymentOptions {
	padding: 0.7em 0 0.7em 0.9em;
}

/* IE6 only hack */
* html fieldset#paymentOptions {
	padding: 0.7em 0 0.7em 0.8em;
}

fieldset#paymentOptions h4 {
	color: #000000;
	text-align: left;
	background-image: url("/pics/i1/0/chrome/subsBullet2.gif");
	font-size: 1.5em;
	[font-size: 1.5em; /* Chrome only hack */
	font-size: 1.6em;]
}

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

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

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

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

fieldset#subscribeOptions tr.multilineSelected td.options {
	background: url("/pics/i1/10/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/10/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/10/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/10/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/10/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/10/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/10/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/10/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/10/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/10/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/10/chrome/saving_bg2lineSelected.gif") 0 0 no-repeat;
}

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

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

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

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

p#subscribeNow {
	padding: 1em;
	text-align: center;
}

p#subscribeNow a {
	padding: 0.6em 0.9em 0.6em 0.9em;
	font: bold 1.4em "Verdana", "Geneva", "Kalimati", sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	width: auto; /* Ref: http://jehiah.cz/archive/button-width-in-ie */
	overflow: visible;
	background: #CB240F url("/pics/i1/10/chrome/button_BG.gif") top left repeat-x;
	border: 2px solid;
	border-color: #914143 #801517 #801517 #801517;
}

p#subscribeNow a:hover {
	border-top: 2px solid #801517;
	border-bottom: 1px solid #914143;
	background: #CB240F url("/pics/i1/10/chrome/button_BG_ON.gif") bottom left repeat-x;
}

p#subscribeNow a:hover  {
	background-color: #D6D5D5;
}

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

fieldset#continuousBoxOptions h4, fieldset#giftBoxOptions h4, fieldset#vouchersBoxOptions h4 {
	background-color: #555658;
	color: #FFFFFF;
}

form#giftProceed {
	display: inline;
}

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

fieldset#subscribeOptions tr.multiline div.strapline {
	height: 9.2em;
	padding-top: 1.2em;
	padding-bottom: 0.3em;
}

fieldset#subscribeOptions tr.multilineSelected div.strapline {
	height: 9.4em;
	padding-top: 1em;
	padding-bottom: 0.7em;
}

fieldset#subscribeOptions tr.multiline td.radio, fieldset#subscribeOptions tr.multiline td.options {
	height: 10.8em;
}

fieldset#subscribeOptions tr.multilineSelected td.radio, fieldset#subscribeOptions tr.multilineSelected td.options {
	height: 12em;
}

fieldset#subscribeOptions tr#row1month.multiline td.radio, fieldset#subscribeOptions tr#row3days.multiline td.radio, 
fieldset#subscribeOptions tr#row1month.multiline td.options, fieldset#subscribeOptions tr#row3days.multiline td.options {
	height: 6em;
}

fieldset#subscribeOptions tr#row1month.multilineSelected td.radio, fieldset#subscribeOptions tr#row3days.multilineSelected td.radio, 
fieldset#subscribeOptions tr#row1month.multilineSelected td.options, fieldset#subscribeOptions tr#row3days.multilineSelected td.options {
	height: 9.3em;
}

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

fieldset#subscribeOptions tr#row1month.multilineSelectedVoucher td.options div.hedgeHog div.saving2line,
fieldset#subscribeOptions tr#row3days.multilineSelectedVoucher td.options div.hedgeHog div.saving2line,
fieldset#subscribeOptions tr.multilineSelected td.options div.hedgeHog div.saving2line {
	padding: 2.6em 0em 0em 2.4em;
}

fieldset#subscribeOptions tr#row3months.multilineSelected td.options div.hedgeHog div.saving2line {
	padding: 3.4em 0em 0em 2.4em;
}

fieldset#subscribeOptions tr.multiline div.strapline {
	height: 10.2em;
	padding-top: 1em;
	padding-bottom: 0.5em;
}

fieldset#subscribeOptions tr.multilineSelected div.strapline {
	height: 10.9em;
	padding-top: 1em;
	padding-bottom: 0.5em;
}

fieldset#subscribeOptions tr#row12months.multiline div.packageHead {
	font-size: 1.7em;
}

fieldset#subscribeOptions tr.multiline div.packageSubHead, fieldset#subscribeOptions tr.multilineSelected div.packageSubHead {
	font-size: 1.2em;
}

fieldset#subscribeOptions span.value {
	font-size: 1.4em;
}

fieldset#subscribeOptions tr.multilineSelected span.value {
	font-size: 1.5em;
}

fieldset#subscribeOptions span.subsInvoiced {
	font-size: 1.1em;
}

fieldset#subscribeOptions td.radio span.period {
	font-size: 1.3em;
}

span.subsDiscount {
	font-size: 1.2em;
}

span.percentsave {
	font-size: 1em;
}

/*--- 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 {
	background: url("/pics/i1/10/chrome/profileNav_bg_bl.gif") left top no-repeat;
	height: 1.2em;
	padding-left: 0.3em;
}

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

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

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

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

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

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: #CBCCCE;
	border: 1px solid #9D9D9D;
}

table#profileStatus td.complete a:hover {
	background-color: #9D9D9D;
}

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

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

table#profileStatus td.summary a {
	background-color: #F96C6E;
	border: 1px solid #801415;
}

table#profileStatus td.summary a:hover {
	background-color: #d12224;
	color: #FFFFFF;
}

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

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

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

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

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

span#newSearch a {
	padding-left: 1.5em;
	font-weight: bold;
}

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

div#galleryWrapper {
	width: 12.2em;
	#width: 11.9em;
	height: 9.5em;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
	background-color: #DFE3E6;
	border: 1px solid #A7A9AC;
}

table#gallery tr.alt td {
	background-color: #FFFFFF;
}

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

/*--- find gallery ----------------------*/
div.profileWrapperMale, div.profileWrapperFemale {
	margin-right: 0.8em;
	#margin-right: 0;
	[margin-right: 0.8em; /* Chrome and Opera hack */
	margin-right: 0.9em;]
}

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

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

div.resultBox {
	border: 1px solid #CCCCCC;
	float: left;
	width: 38.2em;
	min-height: 30em;
	padding-bottom: 1em;
	background: #FFFFFF url("/pics/i1/10/chrome/search_BG.gif") bottom left repeat-x;
}

div.resultBoxOuter div.alt {
	margin-left: 1em;
}

div.resultBox div.body  {
	padding: 0 1em 0 1em;
}

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

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

.res1024 div.resultBox .stats {
	width: 20em;
}

div.resultBox .head h3 {
	margin: 0;
	padding: 0 0.5em;
	font-size: 1.6em;
	font-weight: 400;
	background-color: #D4D5D7;
}

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

div.resultBox .head p.headline {
	font-weight: 400;
	padding: 0;
	font-size: 1.2em;
	padding: 0.4em 0.5em;
	background: #B8B9BB;
}

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

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

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

div.resultBox .photo {
	width: 10em;
	height: 12em;
}

div.resultBox .stats   {
	float: none;
	width: 21em;
	margin-left: 11.6em;
}

div.resultBox div.actions {
	clear: both;
	float: left;
	width: 14em;
}

div.resultBox div.narrative {
	float: right;
	width: 20em;
}

div.resultBox .narrative p {
	border: none;
}

div.resultBox .stats .key {
	color: #000000;
	font-weight: 700;
	font-size: 1em;	
}

div.resultBox .stats p {
	margin: 0;
	padding: 0.3em 0;
	font-size: 1.1em;
}

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

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

div.resultBox .actions ul li a {
	height: 19px; /* for <= IE 6 */
	margin: 0 0 2px 0;
	padding: 2px 0 0 28px;
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

div.resultBox .actions ul li a:hover {
	text-decoration: underline;
}

div.resultBox li.userRatingWidget div {
	margin-left: -1em;
}

div.resultBox li.userRatingWidget p.note {
	font-size: 1em;
}

div.resultBox .actions ul li a {
	padding: 0 0 0 2.6em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--- 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 { /* horizontal rule */
	height: 1px;
	line-height: 1px;
	border-top: 1px solid #CCCCCC;
}

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

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

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

div#noteAndScoreBox 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: #E7E7E9;
	border: 1px solid #C1C0C5;
}

#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: #E7E7E9;
	border: 1px solid #C1C0C5;
	vertical-align: text-top;
	cursor: help;
}

fieldset.buttons span.toolTip {
	float: right;
}

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

fieldset span.toolTip {
	font-size: 1em;
}

table span.toolTip {
	font-size: 0.8em;
}

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

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

/* 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 */
	padding: 0.2em 0.5em 0.2em 0.5em\9; /* IE8 hack only */
	font-size: 1em\9; /* IE8 hack only */
	right: 1em;
	right: 0.6em\9; /* IE8 hack only */
	margin: 0;
}

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

/* Profile Box Setup */
#extras {
	position: relative;
	float: left;
	width: 18.5em;
	margin: 0 1em 0 0;
	position: relative; /* fix for <= IE 6 */
}

#extras .box {
	float: left;
	width: 18.1em;
	margin: 0;
	padding: 0;
	border: 2px solid #C1C0C5;
}

#extras .box p, div#noteBox a, div#noteBox form {
	padding: 0.8em 0.5em;
}

div#profileWrapperBG {
	position: relative;
	float: right;
	width: 58.5em;
}

/*--- header ------------*/
#profileHead {
	padding: 1em;
	background: #F5F7F6 url("/pics/i1/10/chrome/profile_BG.gif") bottom left repeat-x;
	border: 1px solid #969799;
	min-height: 10px; /* fix for IE */
}

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

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

#actionsPrimary, #actionsSecondary { 
	background: #F5F7F6 url("/pics/i1/10/chrome/profile_BG.gif") bottom left repeat-x;
}

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

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

#profileInfo p#headline {
	margin-bottom: 0.5em;
	padding: 0.4em 0;
	font-weight: bold;
	line-height: 1.1em;
	color: #000000;
}

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

div#about tr.alt td, div#match tr.alt td, div#depth tr.alt td {
	background-color: #F1F1F1;
}

div#photosBox h4 {
	display: none;
}

div#photosBox div#primaryPhoto {
	margin: 0.5em 0;
}

div#photosBox ul li a, div#noteAndScoreBox h4 {
	padding: 0.5em 0;
	display: block;
	background-color: #C1C0C5;
	text-align: center;
	color: #FFFFFF;
	font-size: 1em;
}

div#photosBox ul li a {
	background: #848484 url("/pics/i1/10/chrome/h4_photos.gif") 6px 6px no-repeat;
}

div#ratingBox {
	clear: both;
}

div#ratingBox h4, div#noteBox h4  {
	padding: 0.5em 0.4em;
	display: block;
	background-color: #848484;
	text-align: center;
	color: #FFFFFF;
}

#matchScore {
	margin-top: 1em;
}

div#noteBox h4 {
	background: #848484 url("/pics/i1/10/chrome/userNote_on.gif") 6px 6px no-repeat;
}

div#noteAndScoreBox .unwActionBar {
	margin-left: 0.5em;
	color: #000000;
	font-size: 1.2em;
}

div#narratives p, div#photosBox p {
	padding: 0 1em;
}

div#noteAndScoreBox p, div#noteAndScoreBox form {
	margin-left: 0.5em;
	color: #818286;
}

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

#matchScore {
	height: 8em;
}

#matchScore #twoway {
	width: 25%;
	margin-top: 0.7em;
	margin-left: 2em;
}

#matchScore #twoway h5 {
	font-size: 1.4em;
	margin-bottom: 0.3em;
}

#matchScore #matchee, #matchScore #matcher {
	width: 184px;
	margin-top: 2.5em;
}

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

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

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

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

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

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

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

#matchScore #twoway h5 {
	color: #BA2C20;
	margin: 0;
}

span.percentage {
	font-size: 2.8em;
	font-weight: bold;
	color: #000000;
	line-height: 2em;
}

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

#profileInfo p#lastLogin {
	padding-bottom: 0;
	border: none;
	float: left;
	margin-left: 3em;
}

#profileInfo p#lastModify {
	float: left;
}

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

#actionsPrimary {
	margin: 1em 0;
}

#actionsSecondary {
	margin: 3.5em 0 0 0;
}

#actionsPrimaryLinks {
	width: 22em;
}

#actionsPrimaryLinks, #actionsSecondaryLinks {
	padding: 0;
}

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

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/10/chrome/addFav_off.gif") 0 0 no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#contact {
	width: 25em;
}

#contact .contactButton {
	padding: 0 0 0 2.1em;
	font-size: 1.9em;
	font-weight: bold;
	color: #565658;
	text-decoration: underline;
	background: url("/pics/i1/10/chrome/contact_off.gif") 0 0 no-repeat;
}

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

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

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

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

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

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

div#backToProfile a {
	color: #FFFFFF;
	text-decoration: underline;
}

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

/*--- tab ----------------------*/

div#depth table.profile caption, div#narratives h4 {
	padding: 0.2em;
	text-align: center;
	color: #000000;
	background-color: #FFF5C5;
	font-size: 1.3em;
	[font-size: 1.3em; /* Chrome only hack */
	font-size: 1.2em;]
}

div#depth table.profile caption {
	font-size: 1.1em;
}

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

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

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

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

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

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

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

#about #aboutTable {
	margin-right: 0;
}

#about #aboutTable table {
	width: 100%;
}

div#profilePrimaryCol h3 {
	margin-top: 1em;
}

/* headings */
div.tab h4.photos {
	padding: 0.2em;
	text-align: left;
}

div.tab h4.prof {
	position: relative;
	padding: 0.1em 0.3em 0.3em 0.3em;
	margin: 0 -0.7em 0.8em -0.7em;
	text-align: center;
	color: #000000;
	font-size: 1.3em;
	[font-size: 1.3em; /* Chrome only hack */
	font-size: 1.2em;]
}

div#depth table.profile caption, div#narratives h4 {
	padding: 0.2em;
	text-align: center;
	color: #000000;
	font-size: 1.3em;
	[font-size: 1.3em; /* Chrome only hack */
	font-size: 1.2em;]
}

div#depth table.profile caption {
	font-size: 1.1em;
}

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

p#tabToggle a, div#toggleView a, div.toggleMoreOptions a {
	padding: 0.4em 0.7em 0.4em 2.2em;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	color: #525759;
	cursor: pointer; /* for Opera */
}

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

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

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

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

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

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

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: #525759 !important;
}

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

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

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

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

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

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

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

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

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

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

div#ctaWrapper {
	border: 1px solid #919191;
	background: url("/pics/i1/10/chrome/cta_BG.gif") right bottom repeat-x;
}

div#ctaWrapper h3 {
	margin-left: 0.2em;
	font-size: 1.8em;
	line-height: 1.2em;
	background: none;
	color: #C51119;
}

#ctaBg {
	padding: 1em;
	width: 96.5%;
	float: left;
} 

body#find_block div.ctaSecondary, body#find_favourites div.ctaSecondary, body#find_matches div.ctaSecondary, body#find_history div.ctaSecondary {
	width: 186px;
}

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

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

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

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

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

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

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

div#ctaContent ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

div#ctaContent li {
	list-style-type: none;
	background: url("/pics/i1/10/chrome/tick.gif") left top no-repeat;
	min-height: 1.9em;
	#height: 1.9em;
	padding-left: 2.2em;
}

div#ctaAction {
	padding: 1em 0;
	float: left;
}

p#profileCTA {
	margin: 0;
}

p#profileCTA a span, body#splash1024 div#splashFreeTrial span a {
	display: block;
	padding: 1em 0.9em 1em 0.9em;
	font: bold 1.1em "Verdana", "Geneva", "Kalimati", sans-serif;
	color: #FFFFFF;
	text-align: center;
	border: 2px solid;
	border-color: #914143 #801517 #801517 #801517;
	width: auto; /* Ref: http://jehiah.cz/archive/button-width-in-ie */
	overflow: visible;
	background: #CB240F url("/pics/i1/10/chrome/button_BG.gif") top left repeat-x;
}

p#profileCTA a:hover span, body#splash1024 div#splashFreeTrial span a:hover {
	/*text-align: center;*/
	border-top: 2px solid #801517;
	border-bottom: 2px solid #914143;
	background: #CB240F url("/pics/i1/10/chrome/button_BG_ON.gif") bottom left repeat-x;
}

div#ctaContent ul {
	padding-bottom: 0.6em;
}

p#ctaMemberAccess {
	padding-top: 0.6em;
	color: #000000;
}

p#ctaMemberAccess a {
	font-weight: 700;
}

/*----- wide layout ------------*/
.res1024 div#header {
	width: 98em;
}

/* IE7 hack only */
*:first-child+html .res1024 div#header {
	width: 98em;
}

.res1024 div#wrapperbg {
	border-left-color: #FFFFFF;
}

* html .res1024 div#secondary {
	margin: 0 0 1em -18.1em; /* IE6 only hack */
}

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

div.res1024 textarea#mNarrative,div.res1024 textarea#narrative {
	width: 60em;
	height: 15em;
}

.res1024 fieldset#subscribeOptions {
	padding: 0.7em 1.1em 0.7em 1.2em;
}

.res1024 fieldset#paymentOptions {
	padding: 0.7em 0 0.7em 1.3em;
}

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

/*--- #help_charter start -------------------*/

body#help_charter ul#charterList li {
	width: 65em;
}

* html body#help_charter ul#charterList li {
	width: 64.9em;
}

body#help_charter ul#charterList li h3 {
	font-size: 1.25em;
	background-color: #555658;
	color: #FFFFFF;
}

body#help_charter ul#charterList li h3 a {
	color: #FFFFFF;
}
	
/*--- #help_charter end -------------------*/

/* admin box - on profile_display_adminOnly.html NOT TO BE TOUCHED */
div#adminBox.box {
	width: 17.1em;
	font-size: 1em;
}

#adminBox h4.prof {
	text-align: center;
	font-size: 1.3em;
	[font-size: 1.3em; /* Chrome only hack */
	font-size: 1.2em;]
}
/* --------------------------------------------------------------- */

/*--- info pages --------*/
body#info_success h3, body#info_news h3, body#info_shopping h3, body#info_articles h3, body#info_didYouKnow h3, body#help_faq h3, body#help_privacy h3, body#help_terms h3, body#help_photos h3 {
	background-color: #555658;
	color: #FFFFFF;
}

body#info_success h3 a, body#info_news h3 a, body#info_shopping h3 a, body#info_articles h3 a, body#info_didYouKnow h3 a, body#help_faq h3 a, body#help_privacy h3 a, body#help_terms h3 a, body#help_photos h3 a { 
	color: #FFFFFF;
}

@media print {

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

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

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

div#wrapperbg {
	border-left: 0;
}

div#primary {
	width: 58%;
}

div#extra {
	width: 38%;
}

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

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

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

h3 {
	padding: 0;
}

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

div#navigation {
	display: none;
}

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

div#footer {
	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;
}

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

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

}