/* $Id: 16.css 8115 2010-07-30 11:59:41Z 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: 70% "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	color: #000;
	background-color: #FFF;
}

div#container {
	padding: 1em 0;
}

div#header {
	background: url("/pics/i1/16/chrome/header.jpg") 0 0 no-repeat;
}

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

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

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

a:link {
	color: #3398CC;
}

a:visited {
	color: #3398CC;
}

a:hover {
	color: #004467;
}

a:active {
	color: #004467;
}

/*--- headerLinks ---*/
div#partnerContent {
	width: 792px; 
	margin: 1em 0 0 0; 
	padding: 0;
}

td.headerLinks {
	padding: 1.5px;
	vertical-align: middle;
}

div.headerLinks {
	text-align: center; 
	padding: 4px 10px 4px 10px; 
	background: #FFFFCC; 
	border-top: 1px solid #000; 
	border-left: 1px solid #000; 
	border-right: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	text-align: center;
	height: 48px;
}

div.headerLinksMatch {
	text-align: center; 
	padding: 2px 10px 2px 10px; 
	background: #9CC; 
	border-top: 1px solid #000; 
	border-left: 1px solid #000; 
	border-right: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	text-align: center;
	height: 35px;
}


div.headerLinks a:link, div.headerLinks a:visited, div.headerLinksMatch a:link, div.headerLinksMatch a:visited {
	color: #00F;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

div.headerLinks a:hover, div.headerLinksMatch a:hover {
	color: #F00;
	text-decoration: underline;
}

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

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

h1 {
	height: 40px;
	padding: 0;
	font-size: 2em;
	text-indent: -999em;
	margin-left: 490px;
	text-align: right;
}

h1 a {
	display: block;
	outline: none;
}

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

h3 {
	margin: 1em 0 0.5em 0;
	padding: 0.1em 0.4em;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.6em;
	color: #036;
	background-color: #9CC;
	border: 1px solid #39C;
}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
	color: #000;
	text-decoration: none;
}

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

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

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


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

div#navigation {
	
	margin-left: 120px;
	margin-top: -4px;
	width: 650px;
}

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

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

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

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

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

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

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

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

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

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

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

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

div#secondary .box {
	margin-bottom: 1em;
	color: #000;
	background-color: #9CC;
	border: 1px solid #39C;
	padding: 0.3em;
}

div#secondary h4 {
	margin: 0 0 0.3em 0;
	padding: 0 0 0.2em 0;
	color: #000;
	text-align: center;
	border-bottom: 1px solid #036;
}

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

div#secondary a {
	font-size: inherit;
}

div#secondary a:link {
	color: #004467;
}

div#secondary a:visited {
	color: #004467;
}

div#secondary a:hover {
	color: #000;
}

div#secondary a:active {
	color: #000;
}

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

div#footer {
	padding: 0.6em 1em;
	color: #000;
	background-color: #9CC;
}

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

div#footer a {
	color: #000;
}

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

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

/* div#quickSearchBox */
div#quickSearchBox h3 {
	margin: 0;
	text-align: center;
	border: none;
}

div#quickSearchBox fieldset {
	background: #9CC;
	border: 0;
	margin: 0;
}

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

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

div#quickSearchBox p#moreOptions {
	margin: 0;
	padding: 3px 10px 3px 10px;
	line-height: 1.6em;
	text-align: center;
	background-color: #9CC;
	font-size:1em;
}

/* div#storiesBox */
div#storiesBox {
	background: #9CC;
	padding: 4px;
}

div#storiesBox h3 {
	border: 0;	
	text-align: center;
	border-bottom: 1px solid #036;
}

div#storiesBox blockquote {
	margin-bottom: 1em;
}

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

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

div.intro {
	margin-bottom: 1em;
	padding: 10px 10px 1px 10px;
	color: #065073;
	background-color: #E8F5FF;
	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: #065073;
	background: #E8F5FF url("/pics/i1/0/chrome/info.gif") 10px 10px no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

h3.article {
	margin-bottom: 0;
}

p#articleDate {
	padding: 0.2em 0;
}

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

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

/* 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 {
	margin: 0 0 1em 0;
	padding: 0.7em;
	border: 1px solid #9CC;
	position: relative;
}

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

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

fieldset.buttons {
	background-color: #EFEFEF;
	border: none;
}

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

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

fieldset.last {
	margin-bottom: 0;
}

legend {
	margin: -1em 0 1em -0.6em; /* fix for IE */
	font-weight: bold;
	color: #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: #9CC;
}

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

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

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

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

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

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.3em 0.4em 0.4em 0.4em;
	font: bold 1em "Verdana", "Geneva", "Kalimati", sans-serif;
	color: #FFF;
	margin-left: 5px;
	/*text-align: center;*/
	background: #2886a9 url("/pics/i1/16/chrome/button_tile_off.gif") 0 0 repeat-x;
	border-top: 1px solid #3398CC;
	border-right: 1px solid #3398CC;
	border-bottom: 1px solid #1E7CAC;
	border-left: 1px solid #1E7CAC;
	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: #38AFCF url("/pics/i1/16/chrome/button_tile_on.gif") 0 0 repeat-x;
}

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

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

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

td, th {
	padding: 0.3em;
}

th.c {
	padding: 2em;
}

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

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

table.basic th {
	padding: 0.5em;
}

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

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

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

table th.h2 {
	color: #036;
	background-color: #DFDFDF;
}

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

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

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

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

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

select {
	margin: 1px;
}

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

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

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

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

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

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

fieldset#paymentOptions div#cards div.payOption {
	background: transparent url("/pics/i1/16/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.2em;
}

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

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

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

fieldset#subscribeOptions tr.multilineSelected td.options {
	background: url("/pics/i1/16/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/16/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/16/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/16/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/16/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/16/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/16/chrome/subs_bgOptionsSelected.gif") right top repeat-x;
	height: 120px;
	border: none;
}

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

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

fieldset#subscribeOptions tr#row1month.multilineVoucher td.radio, fieldset#subscribeOptions tr#row3days.multilineVoucher td.radio {
	background: url("/pics/i1/16/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/16/chrome/subs_bgOptions.gif") right top repeat-x;
	height: 120px;
	border: none;
}

fieldset#subscribeOptions tr#row1month.multilineVoucher td.options div.hedgeHog, fieldset#subscribeOptions tr#row3days.multilineVoucher td.options div.hedgeHog {
	width: 125px;
	height: 8em;
	margin-right: 0;
	background: url("/pics/i1/16/chrome/saving_bg2line.gif") 0 0 no-repeat;
}

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

fieldset#subscribeOptions tr.multiline td.options div.hedgeHog {
	width: 95px;
	height: 6em;
	margin-right: 1.5em;
	margin-top: 1.6em;
	background: url("/pics/i1/16/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/16/chrome/saving_bg2lineSelected.gif") 0 0 no-repeat;
}

fieldset#subscribeOptions tr.multiline td.options div.hedgeHog div.saving2line {
	padding: 1.7em;
}

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

p#subscribeNow a {
	padding: 4px 7px;
	font: bold 1.3em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	text-decoration: none;
	color: #FFF;
	background: #A92832 url("/pics/i1/16/chrome/button_tile_off.gif") 0 0 repeat-x;
	border-top: 1px solid #3398CC;
	border-right: 1px solid #3398CC;
	border-bottom: 1px solid #1E7CAC;
	border-left: 1px solid #1E7CAC;
}

p#subscribeNow a:hover {
	background: #A92832 url("/pics/i1/16/chrome/button_tile_on.gif") 0 0 repeat-x;
}

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

fieldset#continuousBoxOptions h4, fieldset#giftBoxOptions h4, fieldset#vouchersBoxOptions h4 {
	background-color: #99CCCC;
	color: #035;
}

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

table#profileStatus td a {
	display: block;
	font-size: 0.9em;
	text-align: center;
	color: #000;
	padding-left: 1px;
}

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

#resultsHead span#newSearch a {
	padding-left: 20px;
	font-size: 1.2em;
	font-weight: bold;
}



div#galleryWrapper {
	width: 100px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #9CC;
	border: 1px solid #36C;
}


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

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

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

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

p.modifyNote span.modifySince {
	color: #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: #065073;
	background-color: #E8F5FF;
}

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

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 */
#profileHead {
	background: url("/pics/i1/16/chrome/head_bg_left.gif") left bottom no-repeat;
}

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

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

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

#profileInfo {
	margin-top: -5px;
	/*margin-left: 130px !important; uncomment this to override the inline width */
	height: 1%; /* fix for <= IE 6 */
}

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

#profileInfo h2 {
	margin: 0;
	padding: 0;
	display: inline;
	font: normal 2.7em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	color: #000;
}

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

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

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

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

#profileInfo img.speaker {
	position: absolute;
	top: 5px;
	right: 0;
}

#profileInfo p#headline {
	margin: 0;
	padding: 0 0 0.4em 0;
	font-weight: bold;
	color: #2D79B4;
	border-bottom: 2px solid #D4ECFF;
}

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

#profileInfo p#lastModify, #profileInfo p#lastLogin {
	color: #7F7F7F;
}

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

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

#profileInfo span.date {
	color: #000;
}

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

#matchScore {
	margin-top: 0.3em;
	padding-bottom: 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 #twoway h5 {
	font-size: 0.9em;
	color: #4D4D4D;
	font-weight: normal;
}

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

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

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

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

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

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

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

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

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

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

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

tr.alt td {
	background: #F2F9FF;
}

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

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

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

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

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

table.popular td.picture img {
	vertical-align: middle;
}

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

div.tab h4.prof {
	text-align: center;
	
}

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

p#tabToggle a, div#toggleView a, div.toggleMoreOptions a {
	padding: 3px 7px 4px 23px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	color: #FFF;
	background-color: #36C;
	cursor: pointer; /* for Opera */
}

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

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

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

p#tabToggle a#collapseAnchor:hover, div#toggleView a.collapseAnchor:hover, div.toggleMoreOptions a.collapseAnchor:hover {
	background: #36C url("/pics/i1/16/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: 17px;
	height: 17px;
	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: #9CC !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/16/prf/tick.gif") 0.5em 0.5em no-repeat;
	color: #063;
}

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

/*--- Jislaaik content ------------*/

div#jislaaikBox {
	margin-top: 0px;
	width: 128px;
	border: 1px solid #39C;
	background-color: #fff;
}

div#jislaaikBox td {
	font: 10px Verdana,Arial,Geneva,sans-serif;
	background-color: #FFF;
}

div#jislaaikBox td img {
	border: 0;
}

div#jislaaikBox td p {
	color: #036;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #036;
	font-size: 1.1em;
	margin-bottom: 0.3em;
}

div#jislaaikBox td a, div#jislaaikBox td a:link, div#jislaaikBox td a:visited {
	color: #00F;
	text-decoration: none;
}

div#jislaaikBox td a:hover {
	color: #F00;
	text-decoration: underline;
}

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

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 {
	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: 10px 14px;
	font: bold 1.6em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
	color: #FFF;
	margin-left: 5px;
	background: #2886a9 url("/pics/i1/16/chrome/button_tile_off.gif") 0 0 repeat-x;
	border-top: 1px solid #3398CC;
	border-right: 1px solid #3398CC;
	border-bottom: 1px solid #1E7CAC;
	border-left: 1px solid #1E7CAC;
	width: auto; /* Ref: http://jehiah.cz/archive/button-width-in-ie */
	overflow: visible;
}

p#profileCTA a:hover span {
	color: #fff;
	background: #38AFCF url("/pics/i1/16/chrome/button_tile_on.gif") 0 0 repeat-x;
}


p#ctaMemberAccess {
	color: #D11515;
	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;
}

}