﻿*
{
	border: 0px;
	font-size: 8pt;
	outline: none;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
}

html, body
{
	height: 100%;
	width: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	color: #1c405e;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(../img/misc/half_bg2.jpg) repeat-y top left;
}

.html
{
	overflow: hidden;
}

.body
{
	overflow: scroll;
}


select, input
{
	border-top: 0px;
	padding: 1px;
}

select
{
	border: solid 1px #ec068d;
	margin-bottom: 10px;
}

.wrapper
{
	position: relative;
	width: 1020px;
	margin: 0 auto; /* center, not in IE5 */
}

.container
{
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	width: 1020px;
	background-color: #1c405e;
	height: auto !important; /* not IE */
	float: left;
	padding-bottom: 40px;
}

.content
{
	position: relative;
	padding: 10px 10px 10px 15px;
	margin-top: 35px;
	margin-bottom: 20px;
	text-align: left;
	width: 604px;
	float: left;
	border: solid 3px #d3df46;
	background-color: #fff;
	left: 210px;
	min-height: 750px;
}

.footer
{
	position: absolute;
	height: 20px;
	width: 630px;
	bottom: 0px;
	left: 210px;
	background-color: #1c405e;
	margin-bottom: 30px;
}

.footer a
{
	padding: 0px 15px;
	background: url(../img/misc/tds_heart_12x11.gif) no-repeat left bottom;
	margin: 0px 10px 0px 20px;
	color: #fff;
	font-weight: normal;
}

.footer .divider
{
	height: 16px;
	width: 1px;
	font-size: 0em;
	background-color: #54b7e8;
}

.header
{
	width: 980px;
	height: 115px;
}

.header_banner
{
	width: 850px;
	height: 154px;
	background: url(../img/misc/tds_banner01.jpg) no-repeat top left;
	position: absolute;
	top: 0px;
	left: 49px;
}

.header_left
{
	width: 49px;
	height: 115px;
	background: url(../img/misc/tds_leftpanel_top01.gif) no-repeat top left;
	position: absolute;
	top: 0px;
	left: 0px;
}

.clickable_logo
{
	display: block;
	position: absolute;
	top: 20px;
	left: 50px;
	width: 380px;
	height: 90px;
	cursor: pointer;
	z-index: 9;
	font-size: 0em;
}

a
{
	text-decoration: none;
	color: #ec068d;
	font-weight: bold;
}

.heading, .heading a
{
	font-size: 10pt;
	font-weight: bold;
	color: #54b7e8;
}

.subheading
{
	font-weight: bold;
	color: #1c405e;
	text-align: left;
	padding-bottom: 5px;
}

.subheading2
{
	font-weight: bold;
	color: #54b7e8;
	text-align: left;
	padding-bottom: 5px;
	font-size: 10pt;
}

.percentage
{
	font-size: 10pt;
	font-weight: bold;
	color: #54b7e8;
}

.advertising
{
	width: 160px;
	color: #fff;
	text-align: center;
	height: 100%;
	float: right;
	padding-left: 10px;
	padding-right: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.advertising *
{
	padding-top: 5px;
}

.logon
{
	height: 170px;
	padding-top: 25px;
	position: relative;
}

.logon .subheading
{
	margin: 0px;
	padding: 0px;
}

.logon .register
{
	position: absolute;
	bottom: 10px;
	left: 0px;
}

.selectedRow td
{
	background-color: #f0c;
}

.leftpanel
{
	text-align: left;
	float: left;
	width: 210px;
	background: url(../img/misc/tds_leftpanel_centre01.gif) left top repeat-y;
	height: auto !important; /* non-IE browsers */
	height: 100%; /* IE6: treated as min-height*/
	min-height: 100%; /* non-IE browsers */
	position: absolute;
	left: 0px;
	top: 0px;
}

.lhscomponent
{
	width: 200px;
	position: relative;
}

.lhscomponent a
{
	color: #ec068d;
	font-weight: bold;
}

.componentbody
{
	border: solid 3px #ec068d;
	background-color: #fff;
	width: 180px;
	padding-left: 10px;
}

.completeness
{
	position: absolute;
	width: 84px;
	top: 55px;
	height: 114px;
}

.link
{
	color: #54b7e8;
}

.rightlinklist
{
	float: right;
	width: 165px;
	text-align: right;
	padding-right: 15px;
}

.rightlinklist div
{
	padding-bottom: 5px;
}

.feature
{
	width: 187px;
	position: relative;
}

.feature div
{
	background-color: #1c405e;
	text-align: right;
	border: 0px;
	margin: 0px;
	padding: 3px 3px;
	padding-right: 15px;
}

.feature a
{
	color: #fff;
}

.lozenge
{
	margin-top: -3px;
}

/* START: imagebrowser control */
.imagebrowser
{
	display: block;
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
	font-size: 0em;
}

.imagebrowser span
{
	position: absolute;
}

.overlayprev
{
	cursor: pointer;
	width: 18px;
	height: 18px;
	background-image: url(../img/misc/tds_photo_arrows_previous01.jpg);
	bottom: 0px;
	right: 18px;
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;
}

.overlaynext
{
	cursor: pointer;
	width: 18px;
	height: 18px;
	background-image: url(../img/misc/tds_photo_arrows_next01.jpg);
	bottom: 0px;
	right: 0px;
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;
}

.overlayprev:hover
{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.overlaynext:hover
{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}


/* END: imagebrowser control */

/* START: Search widget */
.search
{
	height: 250px;
}
.search_header
{
	width: 30px;
	display: inline-block;
}
/* END: Search widget */

.contentitem
{
	border-top: solid 2px #d3df46;
	border-right: solid 2px #d3df46;
}

.myflirts
{
	width: 216px;
	position: relative;
	height: 170px;
	padding-top: 15px;
	padding-right: 10px;
}

.morerecommendations
{
	width: 589px;
	position: relative;
	margin-left: 3px;
	margin-bottom: 15px;
	padding-right: 5px;
	color: #1c405e;
	padding-top: 10px;
}

/* START: recentlyadded */
.recentlyadded
{
	height: 92px;
	width: 187px;
	position: relative;
	border-top: solid 2px #1c405e;
	border-right: solid 2px #1c405e;
	border-bottom: solid 2px #1c405e;
}

/* END: recentlyadded */

.fullwidthframe
{
	width: 600px;
	position: relative;
}

.halfwidthframe
{
	width: 300px;
	position: relative;
}

/* START: Navigation */
.tabstrip
{
	width: 760px;
	position: absolute;
	top: 115px;
	right: 50px;
	float: right;
}

.tabstrip ul
{
	margin: 0;
	list-style: none;
	padding: 3px 12px 0px;
}
.tabstrip li
{
	float: left;
}

.tabstrip .current
{
	padding-left: 4px;
	background: url(../img/nav/tds_prim_nav_tab_leftcorner01.gif) no-repeat left top;
}
.tabstrip .current a
{
	padding-left: 10px;
	background: url(../img/nav/tds_prim_nav_tab_rightcorner01.gif) no-repeat right top;
}

.tabstrip a
{
	float: left;
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 12px 9px 0px 9px;
	height: 30px;
}

.tabstrip a *
{
	vertical-align: top;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/.tabstrip a
{
	float: none;
}
/* End IE5-Mac hack */.tabstrip a:hover
{
}

.heart
{
	padding-left: 3px;
}
/* END: Navigation */

.subnav
{
	height: 25px;
	vertical-align: bottom;
}

.subnav a
{
	padding-right: 10px;
}

/* START: PrettyTextBox */
.pt_r
{
	background: url(../img/forms/tds_form_textbox1_right.gif) no-repeat top right;
	width: 10px;
	height: 18px;
	margin-left: -5px;
	display: inline-block;
	vertical-align: top;
}

.pt_t
{
	margin: 0px 5px 10px 0px;
	background: url(../img/forms/tds_form_textbox1_left.gif) no-repeat top left;
	height: 18px;
	vertical-align: top;
	padding-left: 5px;
}

.pt_tt
{
	color: #a77890;
}

.pt_ta
{
	padding: 5px 0px 5px 5px;
	margin: 0px 5px 10px 0px;
	overflow: auto;
	/*width: 541px;*/
	width:431px;
	height: 236px;
	border: solid 1px #ec068d;
	/* background: url(../img/forms/tds_messages_write_panel01.gif) no-repeat top left; */
}

.smalltextarea
{
	height: 107px;
	width: 247px;
	border: solid 1px #ec068d;
	/* background: #fff url(../img/forms/tds_summarise_box.gif) no-repeat top left; */
}


/* End: PrettyTextBox */

/* Start: Slider */
.slider, .slider-bar, .slider-handle
{
	border: 0;
	padding: 0;
	margin: 0;
	color: #000;
}
.slider
{
	width: 140px;
	height: 16px; /*background: url(../img/slider/slider_bg2.gif) no-repeat -300px;*/
}
.slider-bar
{
	width: 150px;
	height: 16px;
	background: url(../img/slider/slider_track2.gif) no-repeat 5px;
}
.slider-handle
{
	width: 15px;
	height: 16px;
	cursor: move;
	background: url(../img/slider/slider_gripper2.gif) no-repeat;
	top: -2px;
}
/* End: Slider */

/* START: Prettycheckbox */
.pcb
{
}

.pcb span
{
}

.pcb img
{
	z-index: 9;
	vertical-align: text-bottom;
}

/* END: Prettycheckbox */

.flirt_container
{
	position: relative;
	width: 285px;
	height: 124px;
	margin-bottom: 15px;
}

.flirt_image
{
	position: absolute;
	left: 0px;
	top: 10px;
}

.flirt_sweet
{
	position: absolute;
	top: 5px;
	right: 5px;
}

.flirt_content
{
	position: absolute;
	top: 5px;
	left: 95px;
}

.flirt_actions
{
	position: absolute;
	left: 95px;
	bottom: 0px;
}

.inputgroup
{
	position: relative;
	background-color: #d6dadf;
	padding: 15px;
	margin-top: 15px;
	margin-right: 15px;
}

.inputgroupicon
{
	position: absolute;
	top: -10px;
	left: 0px;
	z-index: 5;
}

.inputgroupiconheading
{
	position: absolute;
	left: 50px;
	top: 5px;
}

.stepbuttons
{
	width: 600px;
	text-align: right;
	padding: 10px 0 0 0;
	vertical-align: top;
}

.stepbuttons *
{
	vertical-align: middle;
}


.sectionheading
{
	color: #ec068d;
	margin-top: 15px;
	font-weight: bold;
}

.progressbar *
{
	height: 12px;
	font-size: 0em;
}

.rfi /* required field indicator */
{
	padding: 0px 2px 1px 0px;
}

.tt
{
	display: none;
	border: solid 2px #ec068d;
	background-color: #fff;
	position: absolute;
	padding: 5px;
	padding-right: 15px;
	z-index: 20;
	left: 0px;
	color: #1c405e;
	text-align: left;
}

.tti /* tooltip icon */
{
	cursor: pointer;
}

.ttc /* tooltip close icon */
{
	cursor: pointer;
	position: absolute;
	top: 2px;
	right: 2px;
}

.validationerror
{
	color: #54b7e8;
	background: url(../img/misc/tds_error_field.gif) no-repeat right;
	width: 240px;
}

.sectiondescription
{
	width: 580px;
	padding-top: 5px;
}

.heartlist
{
	list-style: none;
}

.heartlist li
{
	background: url(../img/misc/tds_heart_11_9.gif) no-repeat 0 0.5em;
	padding-bottom: 5px;
	padding-left: 15px;
}

.heartlistwhite
{
	list-style: none;
}

.heartlistwhite li
{
	background: url(../img/misc/tds_heart_11_9.gif) no-repeat 0 0.5em;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size:10pt;
}

.landingpage
{
	padding-left: 5px;
	padding-top: 10px;
}
.landingpage *
{
	font-size: 10pt;
}

.faq_q
{
	font-size: 10pt;
	font-weight: bold;
	padding-top: 5px;
}

.faq_a
{
	padding-bottom: 25px;
}


.traits
{
	position: absolute;
	top: 160px;
	right: 0px;
	height: 85px;
}

.traits_cta
{
	position: absolute;
	top: 10px;
	right: 10px;
	height: 150px;
}

.traits_summary
{
	width: 267px;
	background-color: #d3df46;
	margin-right: 10px;
	margin-top: 10px;
	padding: 10px;
	height: 85px;
	position: relative;
}

.traits_summary ul
{
	list-style: none;
}

.traits_summary ul li
{
	background: url(../img/misc/tds_heart_11_9_green.gif) no-repeat 0 0.5em;
	padding-bottom: 5px;
	padding-left: 15px;
}


.secondary_tabstrip
{
	width: 590px;
	height: 25px;
	float: left;
	border-bottom: 3px solid #54b7e8;
}


.secondary_tabstrip span
{
	background: url(../img/nav/tds_prof_nav_leftcorner.gif) no-repeat left top;
	float: left;
	display: block;
	padding-left: 8px;
	padding-top: 0px;
	padding-bottom: 5px;
	height: 20px;
}
.secondary_tabstrip span a
{
	background: url(../img/nav/tds_prof_nav_rightcorner.gif) no-repeat right top;
	display: block;
	float: left;
	padding-right: 10px;
	padding-top: 7px;
	height: 18px;
}

.secondary_tabstrip .current
{
	background: url(../img/nav/tds_prof_nav_leftcorner_on.gif) no-repeat left top;
	height: 23px;
}
.secondary_tabstrip .current a
{
	background: url(../img/nav/tds_prof_nav_rightcorner_on.gif) no-repeat right top;
	height: 21px;
	cursor: default;
}

.secondary_tab_container
{
	width: 590px;
	float: left;
}

.cr_title
{
	position: relative;
	background-color: #d6dadf;
	padding: 5px 0 5px 15px;
	margin-top: 5px;
	margin-right: 15px;
	cursor: pointer;
}

.cr_title span
{
	display: inline-block;
}

.cr_title_pink
{
	position: relative;
	background-color: #D13C8C;
	padding: 5px 0 5px 15px;
	margin-top: 5px;
	margin-right: 15px;
	cursor: pointer;
	color:#fff;
}

.cr_title_pink span
{
	display: inline-block;
}

.cr_body
{
	position: relative;
	background-color: #dde2e9;
	margin-right: 15px;
	padding: 5px 15px 5px 15px;
}

.cr_plus
{
	position: absolute;
	top: 10px;
	left: 5px;
	z-index: 2;
}

.cr_expand
{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
}

.cr_actions
{
	text-align: right;
	margin-right: 15px;
}
.cr_actions *
{
	text-align: right;
	margin-left: 5px;
}

.cr_collapse
{
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 2;
	cursor: pointer;
}

.addthis
{
	text-align: right;
	padding-right: 15px;
	padding-top: 15px;
}

.ps_title
{
	color: #ec068d;
	font-weight: bold;
	font-size: 10pt;
}

.ps_body
{
	position: relative;
	width: 285px;
	height: 124px;
	margin-bottom: 15px;
}

.ps_photo
{
	position: absolute;
	top: 5px;
	left: 0px;
}

.ps_content
{
	position: absolute;
	top: 5px;
	left: 95px;
	color: #1c405e;
	font-weight: normal;
}

.ps_buttons
{
	position: absolute;
	bottom: 5px;
	left: 95px;
}

.ps_heading
{
	font-weight: bold;
}

.sorter
{
	position: relative;
	background-color: #d6dadf;
	padding: 5px 0 0 15px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	height: 21px;
}

.sortertext
{
	position: absolute;
	left: 10px;
	top: 3px;
}

.sorterorder
{
}

.itemcount
{
	text-align: center;
	padding-top: 10px;
}

.pager
{
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
}

.pager a, .pager span
{
	padding: 0px 5px 0px 5px;
}

.sectionblurb
{
	padding-top: 20px;
	font-weight: bold;
}

.specialrecommendation
{
	width: 285px;
	position: relative;
}

/*.photoholder
{
	position: relative;	
	background-color: #fff;
	width: 126px;
	height:  200px;
	padding: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	z-index: 1;
	display: inline-block;
}

.photo
{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}

.photo_action
{
	position: absolute;
	bottom: 30px;
	left: 10px;
	z-index: 3;
}

.photo_delete
{
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 3;
}
*/




.manageusers
{
	position: relative;
	background-color: #fff;
	padding: 10px;
	width: 285px;
	margin: auto;
}

.mp_widget_title
{
	position: absolute;
	top: 10px;
	left: 10px;
}

.mp_widget_displayname
{
	position: absolute;
	left: 10px;
	top: 30px;
	font-weight: bold;
}

.mp_widget_signout
{
	position: absolute;
	right: 15px;
	top: 60px;
}

.mp_widget_pic
{
	position: absolute;
	left: 10px;
	bottom: 10px;
}

.mp_widget_edit
{
	position: absolute;
	right: 15px;
	top: 45px;
}

.mp_widget_trueself
{
	position: absolute;
	right: 15px;
	bottom: 10px;
	width:75px;
	text-align:right;
}

.mp_points_balance
{
	position:absolute;
	right:15px;
	top:90px;
	width:100px;
	text-align:right;
}

.toprecommendation
{
	width: 340px;
	height: 161px;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
}

.toprecommendation *
{

	font-weight: normal;
	color: #1c405e;
	margin: 0px;
	padding: 0px;
}

.tr_heading
{
	font-weight: bold;
	color: #54b7e8;
}

.tr_subheading
{
	font-weight: bold;
}

.tr_pic
{
	position: absolute;
	top: 10px;
	left: 0px;
}

.tr_content
{
	position: absolute;
	left: 130px;
	top: 10px;
	height: 161px;
}

.tr_action
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #ec068d;
	font-weight: bold;
	width: 210px;
}

.tr_action a
{
	color: #ec068d;
	font-weight: bold;
}

.selector
{
	font-weight: normal;
	font-size: 7pt;
}

.page_banner
{
	position: absolute;
	top: 20px;
	left: 20px;
}

.home_cta
{
	position: absolute;
	top: 165px;
	right: 20px;
}

.home_cta div
{
	padding-bottom: 20px;
}

.home_text
{
	position: absolute;
	top: 165px;
	left: 20px;
	width: 285px;
	font-size: 10pt;
}

.home_text *
{
	font-size: 10pt;
}

.home_hottopics
{
	position: absolute;
	top: 500px;
}


.disclaimer
{
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 7pt;
}

.l_home_text
{
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 15px;
}
.l_home_cta
{
	padding-top: 20px;
}
.l_home_hottopics
{
	width: 200px;
	height: 160px;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
}

.l_home_ht_image
{
	position:absolute;
	top: 0px;
	left: 0px;
}

.l_home_ht_title
{
	position:absolute;
	top: 5px;
	left: 0px;
	padding-left: 80px;
	font-weight: bold;
	font-size: 10pt;
}
.l_home_ht_summary
{
}

.recommendation_message
{
	padding-left: 15px;
	padding-top: 15px;
}

.adv_srch
{
	display: inline-block;
}
.a_s_i
{
	padding-left: 5px;
	padding-right: 5px;
}

.fb_link
{
	margin-top: 15px;
	margin-left: 95px;
}

.veil 
{
	position:absolute;
	z-index:501;
	top:-10px;
	left:0px;
	/*width:100% !important;
	width:130%;
	height:112% !important;*/ /* For Saf/Fx */
	width:3000px;
	height: 2000px; /* IE6 expand this if needed */
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
	overflow:hidden;
	background-color:white;
}
.profileTraits
{
	height:90px;
	width:170px;
}
.profileDetailsContainer
{
	position:absolute;
	top:0px;
	left:237px;
	padding:10px;
	width:342px;
	height:289px;
	background:url(/res/img/backgrounds/tds_profile_bg.gif) no-repeat;
}
.messagePaperclip
{
	position: absolute; 
	left: 55px; 
	top: -11px;
}
.TDS_Left_VerticalBanner
{
	margin:15px 0 0 76px;
}
.TDS_Top_Banner
{
	position:absolute;
	left:540px;
	top:40px;
	width:486px;
}