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

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

a img, :link img, :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-size:11px; 
	color:#000000;
	margin:10px 0px;
	font-family:"Trebuchet MS",Verdana,Arial,Geneva,sans-serif; 
	background: #aaaaff url("/pics/i1/52/chrome/body_bg.gif") repeat-x;
}


div#container {
	padding: 1em 0;
}


div#header {
	background: #c3f4d3 url("/pics/i1/52/chrome/logo.gif") 0 0 no-repeat;
	padding-bottom: 0.7em;
	}

div#wrapperbg {
	background-color: #FFF;
	border-left: 13.5em solid #e8ffe8;
}

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

p, span, ul, ol, dd, legend, label, input, select, textarea, button, table {
	font: 12px "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
}

p {
	margin: 0 0 1.3em 0;
	line-height: 1.3em;
	font-family:"Trebuchet MS",Verdana,Arial,Geneva,sans-serif; 
	font-size:13px;
}

ul, ol {
	margin: 0 0 1em 3em;
}

li {
	margin: 0 0 0.5em 0;
	font-size: inherit;
	line-height: 1.3em;
}

dt {
	margin: 0 0 0.1em 0;
	font-size: 1.3em;
	font-weight: bold;
}

dd {
	margin: 0 0 1em 0;
}

abbr, acronym, span.abbr {
	font-weight: inherit;
	border-bottom: 1px dotted #FFF;
	cursor: help;
}

/*--- links ------------*/

a {
	font-size: inherit;
	font-family:Verdana,Arial,Geneva,sans-serif;
}

a:link {
	color: #551A8B;
	text-decoration: underline;
}

a:visited {
	color: #551A8B;
}

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

a:active {
	color:#FF0000;
	
}

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

.small {
	font-size: 0.8em;
}

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

span.username {
	font-weight: bold;
}

pre, code {
	font-family: "Courier New", "Courier", "FreeMono", monospace;
	color: #555;
	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;
}

/**** zebra and rounded corners ***/

tr.alt td {
	background: #f2f0f9;
}

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

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

h1 {
	text-decoration: none;
	color: #FFF !important;
	height: 72px;
	padding: 0;
	text-indent: -300em;
	overflow: hidden;
}

h1 a {
	display: block;
	width: 350px;
	height: 50px;
	margin-left: 55px;
	outline: none;
}

h2 {
	margin: 0 0 0.4em 0;
	font-size: 1.5em;
	font-weight: bold;
}

h3 {
	padding: 0 10px;
	margin-top: 5px;
	margin-bottom:  2px;
	line-height: 1.2em;
	color:#003366; 
	font-size:11px; 
	font-weight:bold; 
	text-align:left; 
	background-color: #C6F4D5;
	font-family:Verdana,Arial,Geneva,sans-serif; 
	border-bottom: 2px solid #A1C7AE;
}

h3 span.tl {
	background: url("/pics/i1/52/chrome/box_tl.gif") left 0 no-repeat;
	margin-top: 10px;
	margin: 0 -10px 0 -10px;
}

h3 span.tr {
	background: url("/pics/i1/52/chrome/box_tr.gif") right 0 no-repeat;
	
}

h4 {
	margin: 0 0 0.3em 0;
	font-size: 1.1em;
	font-weight: bold;
}

h5 {
	margin: 0.5em 0 0.3em 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #888;
}

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

div#navigation {
	background: #b9f2cc url("/pics/i1/52/chrome/logo_bot.gif") no-repeat;
}

div#navigation a {
	font-size: 9px; 
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}


div#navigation ul.firstLevel li {
	margin: 0 0.3em 0 0;
	background: url("/pics/i1/52/chrome/menu_off_right.gif") left 0 no-repeat;
	background-color: #b9f2cc;
	padding-left: 3px;
}

div#navigation ul.firstLevel li a {
	padding: 0.4em 0.6em;
	font-size: 11px;
	color: #333333;
	background: url("/pics/i1/52/chrome/menu_off_left.gif") right 0 no-repeat;
}

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

div#navigation ul.firstLevel li.on a {
	color: #ff0000;
	background: #81da9e url("/pics/i1/52/chrome/menu_on_right.gif") right 0 no-repeat;
}

div#navigation ul.firstLevel li.on a:hover, div#navigation ul.firstLevel li a:hover {
	color: #00521d; 
	text-decoration: underline;
}

div#navigation ul.firstLevel li.on a {
	color: #00521d;
	text-decoration: underline;
}

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

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

div#navigation ul.secondLevel li.on a, div#navigation ul.thirdLevel li.on a, div#navigation ul.secondLevel li a:hover, div#navigation ul.thirdLevel li a:hover {
	color: #00521d; 
	text-decoration: underline;
}

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

div#secondary .box {
	margin-bottom: 1em;
	color: #000;
	border-bottom: solid 2px #9c00ce;
	padding: 0.3em;
	background:#c0c0ff;
	font-family:Verdana,Arial,Geneva,sans-serif;
	
}

div#secondary .ad img {
	width: 128px;
}

div#secondary #loggedInBox .name{
margin-bottom:3px;
}

div#secondary #loggedInBox button{
font-size: 0.9em;
}

div#secondary #loggedInBox fieldset {
margin-bottom:-10px;
}

div#secondary h4 {
	margin: 0 0 0.3em 0;
	padding: 0 0 0.2em 0;
	color:#003366; 
	font-size: 1em;
	background-color: #aaaaff;
	font-weight:bold; 
	text-align:center;
	padding-left: 5px;
	padding-bottom:3px;
	border-bottom:#003366 1px solid;
}

div#secondary p {
	font-size:10px;
	font-family:Verdana,Arial,Geneva,sans-serif;
	font-size:10px;
}

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

div#footer {
	padding: 0.6em 1em;
	color: #9900cc;
	background: #C6F4D5;
}

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

div#footer a {
	color: #9900cc;
}

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

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

div#content .box {
	margin-bottom:  1em;
	margin-top:  5px;
}

/* div#quickSearchBox */
div#quickSearchBox h3 {
	margin: 0;
	
	background-color: #C6F4D5;
}

div#quickSearchBox fieldset {
	background-color: #e8ffe8;
	border: 0;
	padding-left: 17px;
}

div#quickSearchBox button {
	font-size: 1em;
	font-weight: bold;
}

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

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

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


/* div#featuredxBox */

div#featuredBox div.profile {
	padding: 10px 10px 0 10px;
	padding-right: 10px;
	background: #c6f4d5 url("/pics/i1/52/chrome/profile_bottom.gif") 0 0 repeat-x;
}

div#featuredBox div.profile span.bl {
	margin: 0 -10px;
	background: url("/pics/i1/52/chrome/profile_bl.gif") left 0 no-repeat;
}

div#featuredBox div.profile span.br {
	background: url("/pics/i1/52/chrome/profile_br.gif") right 0 no-repeat;
}

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

div#featuredBox div.narrative p {
	margin-bottom: 0.3em;
}


div#featuredBox div.narrative h4 img.speaker {
	margin-left: 0.5em;
	vertical-align: -0.3em;
	border: 0 !important;
}

div#featuredBox h3 {
	margin-bottom: 0.5em;
}

div#featuredBox div.narrative h4 {
	padding: 0;
	border: none;
}

div#featuredBox div.narrative p {
	margin-bottom: 0.3em;
}



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

div.intro {
	margin-bottom: 1em;
	padding: 10px 10px 1px 10px;
	color: #00521D;
	background-color: #E8FFE8;
	min-height: 10px; /* fix for IE */
}

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

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

div.info, div.note, div.tip, div.err, div.success {
	margin-bottom: 1em;
	padding: 10px 10px 1px 60px;
	min-height: 48px;
}

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

/* info */
div.info {
	color: #00521D;
	background: #bdbded url("/pics/i1/52/chrome/info.gif") 10px 10px no-repeat;
}

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

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

/* tip */
div.tip {
	color: #555;
	background: #e8ffe8 url("/pics/i1/52/chrome/tip.gif") 5px 13px no-repeat;
	min-height: 55px;
}

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

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

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

div.message {
	margin-bottom:  1em;
	border:  2px solid #ABABE4;
	border-top: none;
}


div.message a {
	color: #000;
}

div.message p.date {
	margin-bottom: 0;
	padding: 0.2em 0.7em;
}

div.message p.message {
	padding: 0.5em;
	margin-bottom: 0;
}

div.message ol, div.alert ul {
	margin-bottom: 0;
}

h3.message {
	margin-bottom: 0;
}

fieldset#mailMessage textarea {
	width: 99%;
	height: 20em;
}

/*--- conversation dialogue ------------*/

div.dialogue {
	margin-bottom: 1em;
	border:  2px solid #ABABE4;
}

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

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

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

div.dialogue div.footer a {
	margin-right: 1em;
}

div.dialogue div.footer img {
	vertical-align: -3px;
}

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

/* profile form padding */
body#profile_match select, body#profile_me select, body#mail_conversations select{
margin: 0.3em;}

body#profile_match input, body#profile_me input, body#mail_conversations input{
margin: 0.3em;
}

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

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

fieldset.buttons {
	background-color: #e8ffe8;
	border: none;
	font-size: 1em;
}

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

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

fieldset.last {
	margin-bottom: 0;
}

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

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

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

label.i {
	display: none;
}

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

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

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

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

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

span.compulsory {
	color: #C00;
}

span.hidden {
	color: #00C300;
}

form h4 {
	margin: 0;
	padding: 0.1em 0.4em;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.1em;
	color: #000;
	background-color: #c7b7ff;
}

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

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

body#profile_match form#frmMM div.c {
	height: 1em;
}

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

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

form#loginForm input.t {
	width: 9em;
	border-style:solid; 
	border-width:2px; 
	border-color:#3399cc;
}

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

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

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

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

button, input.inputTypeSubmit {
	padding: 0.1em 0.2em 0.2em 0.2em;
	font: bold 1em "Verdana", "Geneva", "Kalimati", sans-serif;
	color: #000;
	background: #df59de url("/pics/i1/52/chrome/button_bg.gif") 0 0 repeat-x;
	border-top: 1px solid #df59de;
	border-right: 1px solid #df59de;
	border-bottom: 1px solid #df59de;
	border-left: 1px solid #df59de;
	width: auto; /* Ref: http://jehiah.cz/archive/button-width-in-ie */
	overflow: visible;
}

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

button:hover, input.inputTypeSubmit:hover {
	color: #fff;
	background: #df59de url("/pics/i1/52/chrome/button_bg_on.gif") 0 0 repeat-x;
}

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

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

td, th {
	padding: 0.3em;
}

table th, table caption {
	font-weight: bold;
}

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

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

table.basic caption {
	padding: 0.5em;
	color: #FFF;
	background-color: #ce00ce;
}

table.basic th {
	padding: 0.5em;
}

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

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

table th.h1 {
	color: #FFF;
	background-color: #ce00ce;
}

table th.h2 {
	color: #FFF;
	background-color: #dd99ff;
}

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

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

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

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

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

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

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

form table {
	margin-bottom: 0;
}

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

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

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

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

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

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

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

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

/* saved searches */

div#savedSearchNew {
	border-top: 1px solid #CCC;
}

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

fieldset#subscribeOptions tr.multilineSelected div.strapline, fieldset#subscribeOptions tr.multiline div.strapline {
	width: 26em;
}

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

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

table#tblPeriod .mainHeading {
	font-size: 25px;
}

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

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

fieldset#subscribeOptions h4 {
	margin-bottom: 0.2em;
	color: #036;
	height: 38px;
	font-size: 1.4em;
	background: transparent url("/pics/i1/52/chrome/subsBullet1.gif") no-repeat;
	padding: 0.7em 0 0 3em;
}

fieldset#paymentOptions h4 {
	margin-bottom: 0.2em;
	color: #036;
	height: 38px;
	background: transparent url("/pics/i1/52/chrome/subsBullet2.gif") no-repeat;
	padding: 0.7em 0 0 3em;
}

fieldset#submitOptions {
	background: transparent url("/pics/i1/52/chrome/subsBullet3.gif") no-repeat scroll 0.6em 0.5em;
	border: 1px solid #E8FFE8;
}

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

fieldset#subscribeOptions tr.multiline div.strapline {
	padding-top: 0.2em;
}

fieldset#subscribeOptions tr#row1month.multiline div.strapline, fieldset#subscribeOptions tr#row3days.multiline div.strapline {
	padding-top: 0.1em;
}

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

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

fieldset#subscribeOptions div.packageHead {
	color: #036;
}

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

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

fieldset#subscribeOptions tr.multilineSelected div.packageHead {
	color: #ce00ce;
}

fieldset#subscribeOptions tr#row1month.multiline td.radio, fieldset#subscribeOptions tr#row3days.multiline td.radio {
	background: url("/pics/i1/52/chrome/subs_bgRadioNarrow.gif") repeat-x;
	height: 40px;
	border: none;
}

fieldset#subscribeOptions tr#row1month.multiline td.options, fieldset#subscribeOptions tr#row3days.multiline td.options {
	background: url("/pics/i1/52/chrome/subs_bgOptionsNarrow.gif") right top repeat-x;
	height: 40px;
	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/52/chrome/subs_bgRadioNarrowSelected.gif") repeat-x;
	height: 80px;
	border: none;
}

fieldset#subscribeOptions tr#row1month.multilineSelected td.options, fieldset#subscribeOptions tr#row3days.multilineSelected td.options {
	background: url("/pics/i1/52/chrome/subs_bgOptionsNarrowSelected.gif") right top repeat-x;
	height: 80px;
	border: none;
}

fieldset#subscribeOptions tr#row1month.multilineSelectedVoucher td.radio, fieldset#subscribeOptions tr#row3days.multilineSelectedVoucher td.radio {
	background: url("/pics/i1/52/chrome/subs_bgRadioSelected.gif") repeat-x;
	height: 120px;
	border: none;
}

fieldset#subscribeOptions tr#row1month.multilineSelectedVoucher td.options, fieldset#subscribeOptions tr#row3days.multilineSelectedVoucher td.options {
	background: url("/pics/i1/52/chrome/subs_bgOptionsSelected.gif") right top repeat-x;
	height: 120px;
	border: none;
}

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 {
	width: 125px;
	height: 8em;
	margin-right: 0;
	background: url("/pics/i1/52/chrome/saving_bg2lineSelected.gif") 0 0 no-repeat;
}

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

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

fieldset#subscribeOptions tr#row1month.multilineVoucher td.radio, fieldset#subscribeOptions tr#row3days.multilineVoucher td.radio {
	background: url("/pics/i1/52/chrome/subs_bgRadio.gif") repeat-x;
	height: 120px;
	border: none;
}

fieldset#subscribeOptions tr#row1month.multilineVoucher td.options, fieldset#subscribeOptions tr#row3days.multilineVoucher td.options {
	background: url("/pics/i1/52/chrome/subs_bgOptions.gif") right top repeat-x;
	height: 120px;
	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 {
	width: 95px;
	height: 6em;
	margin-right: 1.5em;
	margin-top: 1.6em;
	background: url("/pics/i1/52/chrome/saving_bg2line.gif") 0 0 no-repeat;
}

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

fieldset#subscribeOptions tr.multilineSelected td.options div.hedgeHog {
	width: 125px;
	height: 8em;
	margin-right: 0;
	background: url("/pics/i1/52/chrome/saving_bg2lineSelected.gif") 0 0 no-repeat;
}

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

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

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.2em "Verdana", "Geneva", "Kalimati", sans-serif;
	color: #FFF;
}

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: 4px 7px;
	font: bold 1.3em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	text-decoration: none;
	color: #000;
	background: #df59de url("/pics/i1/52/chrome/button_bg.gif") 0 0 repeat-x;
	border-top: 1px solid #df59de;
	border-right: 1px solid #df59de;
	border-bottom: 1px solid #df59de;
	border-left: 1px solid #df59de;
}

p#subscribeNow a:hover {
	color: #fff;
	background: #df59de url("/pics/i1/52/chrome/button_bg_on.gif") 0 0 repeat-x;
}

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

fieldset#continuousBoxOptions h4, fieldset#giftBoxOptions h4, fieldset#vouchersBoxOptions h4 {
	background-color: #C6F4D5;
	border-bottom: 2px solid #A1C7AE;
	color: #036;
}

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

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

form#giftProceed {
	display: inline;
}


/*--- 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:  #000;
	text-align:  center;
}

td#requiredTip div span,td#optionalTip div span {
	background-color:  #FFF;
}

table#profileStatus tr#profileStatusTips td#requiredTip,table#profileStatus tr#profileStatusTips td#optionalTip {
	background:  url("/pics/i1/52/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/52/chrome/profileNav_bg_br.gif") right top no-repeat;
	height:  2.5em;
	padding-top:  0.3em;
	padding-right:  0.3em;
	font-size:  1em;
	text-align:  center;
}

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 {
	background:  url("/pics/i1/52/chrome/profileNav_arrow.gif") 50% 50% no-repeat;
	width:  2em !important;
}

table#profileStatus td a {
	display:  block;
	font-size:  1em;
	text-align:  center;
	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:  #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:  10em;
	background-color:  #FFEDED;
	border:  1px dotted #F00;
}

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

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

div#galleryWrapper {
	width: 100px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #E8FFE8;
	border: 1px solid #C0C0FF;
}

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

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: #00521D;
	background-color: #f9ecff;
}

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

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

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

div.resultBox .stats  {
	padding-left: 1em;
}

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

div.resultBox .actions {
	width: 16em;
}

div.resultBox .actions ul {
	margin: 0;
	padding: 0.5em 0 0.7em 0.5em;
	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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.resultBox li.voiceRecButton a:hover {
	background: url("/pics/i1/0/chrome/voiceRec_on.gif") 4px 3px 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;
}

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

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

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

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

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

div.hr { /* horizontal rule */
	height: 1px;
	line-height: 1px;
	border-top: 1px solid #CCC;
}

div.tellafriendMsg {
	color: #00521D;
	background-color: #eecdfe;
}

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

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

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

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

p.totop {
	text-align: right;
}

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

#toolTipContainer {
	padding: 0.7em 1em;
	color: #555;
	background-color: #c7b7ff;
	border: 1px solid #CCC;
}

#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: #555;
	background-color: #FFFED8;
	border: 1px solid #EEE;
	vertical-align: text-top;
	cursor: help;
}

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

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

body#mail_voice table#table2 span.toolTip, body#mail_vmessage table#table2 span.toolTip {
	margin: 0 auto;
	float: none;
}

/* buttons fieldset */
fieldset.toolTips button {
	float: left;
	font-size: 1em;
}

fieldset.toolTips span.toolTip {
	float: right;
	margin-top: 0.2em;
}

/* instances where span.toolTip appears below the associated field(s) and needs to be brought back into place */
span.realign {
	position: absolute;
	margin: 0;
	top: 1.7em;
	right: 1em;
}

body:last-child span.realign {
	top: -0.5em;
	right: 1.5em;
}

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

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

/*--- header ------------*/

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

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

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

#profileBg span.tl {

	margin:  0 -10px;
	background:  url("/pics/i1/52/chrome/head_bg_tl.gif") left 0 no-repeat;
}

#profileBg span.tr {
	background:  url("/pics/i1/52/chrome/head_bg_tr.gif") right 0 no-repeat;
}
#profileInfo h2 {
	display:  inline;
	font-size:  1.8em;
	line-height:  0.8em;
}

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

#profileInfo img.voice {
	position:  absolute;
	top:  0;
	right:  0;
}

#profileInfo p#headline {
	margin:  0;
	padding:  0.4em 0;
	font-weight:  bold;
	line-height:  1.1em;
	color:  #7400AD;
	border-bottom:  1px solid #CCC;
}

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

#matchBox,#selfBox {
font:  12px "Arial","Helvetica","Nimbus Sans L",sans-serif;
}
#matchScore {
	margin-top:  1em;
}

#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;
	font-size:  0.9em;
	color:  #4D4D4D;
	clear:  both;
}

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

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

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

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

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

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

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

span.percentage {
	font:  bold 2.4em "Arial","Helvetica","Nimbus Sans L",sans-serif;
	color:  #2D79B4;
	line-height:  1em;
}

#profileInfo p#details,#profileInfo p#lastModify,#profileInfo p#lastLogin {
	margin-bottom:  0;
	padding:  0.2em 0;
	font-size:  1em;
	border-bottom:  1px solid #CCC;
}

#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-weight: bold;
	color: #00C300;
}

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


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

#actionsPrimary, #actionsSecondary {
	margin-top: 1em;
	padding: 1em 0.5em;
	border: 1px solid #fad4ff;
}

#actionsSecondary {
	margin-top: 30px;
	margin-bottom: 1em;
}

#actionsPrimaryLinks, #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: 19px; /* fix for <= IE 6 */
	margin: 0;
	padding: 2px 0 0 30px;
	font-weight: bold;
}

html>body #actionsPrimaryLinks ul li a, html>body #actionsSecondaryLinks ul li a { /* fix for other browsers */
	min-height: 19px;
	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.addBuddyButton a {
	background: url("/pics/i1/0/chrome/addBuddy_off.gif") 0 0 no-repeat;
}

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

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

li.remBuddyButton a:hover {
	background: url("/pics/i1/0/chrome/remBuddy_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, li.addFavPhotoButton a {
	background: url("/pics/i1/0/chrome/addPhoto_off.gif") 0 0 no-repeat;
}

li.addFavPhotoButton a:hover {
	background: url("/pics/i1/0/chrome/addPhoto_on.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: 19px; /* fix for <= IE 6 */
	margin: 0;
	padding: 2px 0 0 30px;
	color: #666;
	font-weight: bold;
}

html>body #actionsSecondaryLinks ul li p { /* fix for other browsers */
	min-height: 19px;
	height: auto;
}

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

html>body #actionsSecondaryLinks ul li span.note { /* fix for other browsers */
	margin: -3px 0 0 30px;
}

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

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

#contact .contactButton {
	padding: 0 0 0 38px;
	font-size: 1.7em;
	font-weight: bold;
	background: url("/pics/i1/0/chrome/contact_off.gif") 0 3px no-repeat;
}

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

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

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

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

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

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

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

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:  #9C00CE;
	background-color:  #E8FFE8;
}

ul#tabsNav li a:hover {
	color:  #FFF;
	background-color:  #B8B8EA;
}

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

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

#aboutTable table td.key, #match table td.key, #depth table td.item {
	padding-left: 0.5em;
	color: #666;
	vertical-align: top;
}

#aboutTable table td.key {
	width: 10em;
}

#match table td.key {
	width: 24em;
}

#depth table td.item {
	width: 12em;
}

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

#aboutTable table td.match, #match table td.match {
	width: 20px;
	text-align: center;
}

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

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

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

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

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

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

/* headings */
div.tab h4.prof, div#depth table.profile caption, div#narratives h4 {
	padding: 0.2em;
	font-size: 1.1em;
	text-align: center;
	color: #036;
	background-color: #E8F5FF;
}

/* headings */
div.tab h4.prof,div#depth table.profile caption,div#narratives h4 {
	padding:  0.2em;
	font-size:  1.1em;
	text-align:  center;
	color:  #7400AD;
	background-color:  #f7e7ff;
}

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

p#tabToggle a,div#toggleView a,div.toggleMoreOptions a {
	padding:  3px 7px 4px 23px;
	font-weight:  bold;
	text-decoration:  none;
	text-transform:  lowercase;
	color:  #9C00CE;
}

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

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

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

p#tabToggle a#collapseAnchor:hover,div#toggleView a.collapseAnchor:hover,div.toggleMoreOptions a.collapseAnchor:hover {
	background:  #D9F url("/pics/i1/52/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:  21px;
	height:  21px;
	text-indent:  -300em;
	background-position:  center center !important;
	outline:  none;
}

div.toggleMoreOptions {
	width:  21px;
	height:  21px;
}

p#tabToggle a:hover,div#toggleView a:hover,div.toggleMoreOptions a:hover {
	color:  #FFF;
	background-color:  #B2B2F0 !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: 176px;
	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: #555;
}

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

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

/*--- CTA elements ------------*/
div#ctaWrapper h3 {
	font-size: 1.2em;
	margin-left: 0.3em;
}

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

p#profileCTA a span {
	padding: 8px 12px;
	font: bold 1.5em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	color: #000;
	background: #df59de url("/pics/i1/52/chrome/button_bg.gif") 0 0 repeat-x;
	border-top: 1px solid #df59de;
	border-right: 1px solid #df59de;
	border-bottom: 1px solid #df59de;
	border-left: 1px solid #df59de;
	width: auto; /* Ref: http://jehiah.cz/archive/button-width-in-ie */
	overflow: visible;
}

p#profileCTA a:hover span {
	color: #000;
	background: #DF59DE url("/pics/i1/40/chrome/button_bg_on.gif") 0 0 repeat-x;
}


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

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

/*
 * Only change to display block and uncomment the background declaration should you want to enable the background image.
 * The border is just to show the space that the image will show.
 */
body#help_charter div#pageImg {
	display: none;
	width: 100%;
	height: 10em;
	margin-bottom: 2em;
	/*background: transparent url("/pics/i1/0/help/photos/charter.gif") top left no-repeat;*/
	border: 1px solid #000000;
}

body#help_charter ul#charterList {
	list-style-type: none;
}

@media print {

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

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

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

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

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

div#footer {
	background-color: #FFF;
	border-top: 2px solid #CCC;
	
}

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

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

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

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

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

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

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

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

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

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

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

div#tabsContainer div.tab h3 {
	padding: 0;
	display: block !important;
	font: bold 1.4em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	color: #000;
	background: none;
	border-bottom: 2px solid #CCC;
}

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

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

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

}

#buttons {
font-size: 0.7em;
}