/* $Id: 16.css 7901 2010-07-01 09:58:15Z ftp-dbuzz $ */
@import url("/css/i2/0/skeleton.r7726.css");

/* test */

/*--- 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: #333;
	background-color: #FFF;
}

body#feed_featured {
	background-color:transparent;
	background-image: none;
}

div#container {
	margin: 0px auto;
	padding:1em 0px;
	text-align:left;
	width:980px;
}

div#header {
	padding: 0;
	height: 93px;
	border: 1px solid #CCC;
	border-bottom:5px solid #f9a61a;
	margin-bottom:1em;
}

body#splash div#pageHeader {
	display: none;
}

div#pageHeader {
	font-size: 1.6em;
	font-weight: normal;
	border-bottom: 1px dotted #666;
	padding: 0.8em 0 0.2em 0;
	color: #000;
	margin-bottom: 0.5em;
}

div#bodybg {
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
}

div#wrapper {
	width: 980px;
	margin: 0px auto;
	padding: 0px;
}

div#content {
	float:left;
	padding-top:1em;
	width:70em;
	padding-bottom: 1em;
}

/*--- 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: #FF8A00;
	text-decoration: none;
}

a:visited {
	color: #FF8A00;
	text-decoration: none;	
}

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

a:active {
	color: #FF8A00;
	text-decoration: none;	
}

div#content a:link, div#content a:visited, div#content a:hover, div#content a:active {
	font-weight: bold;
}

div#secondary a:link, div#secondary a:visited, div#secondary a:hover, div#secondary a:active {
	font-weight: bold;
}

/*--- 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 {
	padding: 0.3em;
	font-size: 3em;
	line-height: 1em;
	font-weight: bold;
}

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

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

h3 {
	margin: 0 0 0.5em 0;
	padding: 0.1em 0.4em 0.1em 0;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.6em;
	color: #333;
}

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

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

#header div#logo {
	float: left;
	width:220px;
	height:93px;
}

#header h1 a {
	color:#FBFBFB !important;
	display: block;
	font-size: 1em;
	text-decoration: none;
	background:transparent url("/pics/i2/16/chrome/datelondon_logo.gif") no-repeat scroll left 0;
	text-indent:-580em;
	width:220px;
	height:93px;
}

#header div#logo h1 {
	padding: 0;
	line-height:normal;
}

p#strapline {
	color:#333;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:24px;
	float:left;
	margin:0;
	padding:20px 0 10px 0;
	width:100%;
}

p#strapline span.highlight {
	color: #ff8a00;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:26px;
	font-style:italic;
}

/*---- Evening standard header logos ---*/

#header div#headerES {
	float:left;
	padding-top:30px;
}

#header div#headerES span#logoLabel {
	float: left;
}

#header div#headerES span#logoES {
	float: left;
}

#header span#logoES a {
	background:transparent url("/pics/i2/16/chrome/es_logo.gif") no-repeat 0 0px;
	width:114px;
	height:60px;
	display:block;
	cursor:hand;
}

/*--- log in box ------------*/

div#loginBox.box {
	color: #333333;
	display: block;
	float: right;
	padding: 10px 1em 5px 5px;
	position: relative;
	text-align: right;
	width:350px;
}

div#loginBox h4 {
	margin:0;
	padding:0;
	position:relative;
	left:25px;
	margin-bottom:5px;
}

div#loginBox div.c {
	display: none;
}

form#loginForm fieldset, form#logoutForm fieldset {
	text-align: right;
	margin: 0;
	padding: 0;
	border: none;
	position:relative;
	top:-5px;
}

div#loggedInBox {
	display: block;
	float: right;
	padding-right: 1em;
	padding-top: 0.7em;
	position: relative;
	text-align: right;
	width: 25em;
}

div#loggedInBox h4 {
	display: inline;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

div#loggedInBox p.name {
	display: inline;
	font-weight: bold;
	margin-left: 0;
	padding-left: 0.3em;
}

div#loggedInBox a {
	clear: both;
	color: #333333;
	display: block;
	font-weight: bold;
	text-align: center;
	width: 59px;
	margin: 6px 0 0 220px;
	font-size: 12px;
	background: transparent url("/pics/i2/16/chrome/logout_bg.gif") no-repeat left top;
	height:26px;
	padding-top:5px;
	text-decoration:none;
}

/* login and logout forms */

form#loginForm input.t {
	width: 10em;
	margin-right: 0.5em;
}

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

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

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

div#navigation {
	width: 100%;
}

body#splash div#navigation ul.secondLevel, body#splash div#navigation ul.thirdLevel, body#join div#navigation ul.secondLevel, body#join div#navigation ul.thirdLevel, body#help_safety div#navigation ul.secondLevel, body#help_safety div#navigation ul.thirdLevel {
	display:none;
}

div#navigation a {
	font-weight: bold;
	text-decoration: none;
	color: #FAFAFA;
}
div#navigation ul.firstLevel {
	float:left;
	width:100%;
	height:30px;
	background: #333 url("/pics/i2/16/chrome/nav_first_ulbg.gif") repeat-x scroll left top;
}

div#navigation ul.firstLevel li {
	margin: 0;
	text-transform: uppercase;
	font-size:11px;
	font-weight:normal;
	margin-top:2px;
	float:left;
	height:24px;
}

div#navigation ul.firstLevel li a, div#navigation ul.firstLevel li.last a {
	font-size: 1.1em;
	border-left: 1px solid #919191;
	float:left;
	float:left;
	height:14px;
	padding: 5px 15px;
}

div#navigation ul.firstLevel li a:hover {
	text-decoration: none;
	background-color:#5b5b5b;
	border-left: 1px solid #919191;
}

div#navigation ul.firstLevel li.on {
	background-color: #f9A61A;
	height:28px;
	margin-top:0;
}

div#navigation ul.firstLevel li.on a {
	color: #000;
	background-color:#F9A61A;
	border:none;	
}

div#navigation ul.secondLevel {
	float:left;
	width:100%;
	height:25px;
	background: #FFF url("/pics/i2/16/chrome/nav_second_ulbg.gif") repeat-x scroll left top;
	vertical-align:middle;
}

div#navigation ul.thirdLevel {
	float:left;
	width:100%;
	height:25px;
	background-color:#ebebeb;
}

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

div#navigation ul.secondLevel li a, div#navigation ul.thirdLevel li a {
	padding: 5px 8px;
	font-size: 1em;
	color: #333;
	height:15px;
	border-right: 1px solid #919191;
}

div#navigation ul.secondLevel li a:hover, div#navigation ul.thirdLevel li a:hover {
	color: #000;
	background-color:#d5d5d5;
	text-decoration: none;
}

div#navigation ul.secondLevel li.on a, div#navigation ul.thirdLevel li.on a {
	color: #000;
	background-color:#F9A61A;
	text-decoration: none;
}

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

div#secondary {
	float:left;
	margin:0 -17.5em 0 0;
	width:17.1em;
}

div#secondary .box {
	margin-bottom: 1em;
	color: #646464;
}

div#secondary h4 {
	margin: 0 0 0.3em 0;
	padding: 0 0 0.2em 0;
	color: #333;
	border-bottom: 1px solid #f9a61a;
}

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

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

div#footer {
	padding: 1.0em 1em;
	color: #333;
	border-top: 4px solid #f9a61a;
	margin-top:2.0em;
}

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

div#footer a {
	text-decoration: underline;
	font-weight: normal;
}

div#footer span#totop {
	position: absolute;
    left: -999em;
    width: 1em;
    overflow: hidden;
}

div#footer p#copyright {
	float: none;
	text-align: center;
}

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

/*--- Home page ------------*/

body#home div#wrapperbg {
	width: 980px; /* fix for IE 5 */
	border: 0;	
}

body#home div#primary {
	float: left;
	width: 980px;
	margin-top: 10px;
}

body#home div#extra {
	float: right;
	width: 372px;
	margin-bottom: 0.9em;
	margin-top: -0.2em;
}

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

body#home div#quickSearchBox {
	height:230px;
}

body#home div#pageHeader {
	display:none;
}

body#home div#homeContent {
	width: 980px;
	float: left;
	background: #FFF url("/pics/i2/16/chrome/homecontent_bg.gif") repeat-x scroll left bottom;
}

div#homeSession {
	float:left;
	width:598px;
	height: 230px;
}

body#home div#homeBox {
	float:left;
	width:550px;
	margin-left:20px;
}

#homeImage {
	float:left;
	text-align: center;
	width: 135px;
	height:135px;
	padding-top:15px;
	border: 2px solid #cecece;
	background: #f3f3f3 url("/pics/i2/16/chrome/homeImage_bg.gif") repeat-x scroll left top;
}

#homeViewProfile {
	text-align: center;
	margin-top: 8px;
	font-size: 105%; 
}

#yourProfileBox ul { 
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 1.9em;
	margin-left: 150px;
	padding-left: 0.8em;
}

#yourProfileBox ul li {
	min-height:22px;
	padding-left:25px;
	padding-bottom:0.4em;
}

#yourProfileBox li#history { 
	background: url("/pics/i2/16/chrome/home_history_icon.gif") left top no-repeat;
	color: #333;
}

#yourProfileBox li#favourites {
	background: url("/pics/i2/16/chrome/home_fav_icon.gif") left top no-repeat;
	color: #333;
}

#yourProfileBox li#fans {
	background: url("/pics/i2/16/chrome/home_fans_icon.gif") left top no-repeat;
	color: #333;
}

#yourProfileBox li#messages { 
	background: url("/pics/i2/16/chrome/contactSmall_off.gif") left top no-repeat;
	color: #333;
}

#yourProfileBox li#matches {
	background:transparent url("/pics/i2/16/chrome/home_matches_icon.gif") no-repeat left top;
	color:#333333;
}

#yourProfileBox span {
	color:#333333;
	font-weight:bold;
	font-size:1.4em;
}

#home #yourProfileBox p.callToAction {
	margin-top:-2.8em;
	width:210px;
	margin-left:19em
}

#yourProfileBox p.callToAction span, p#subscribeNow span {
	display:block;
	background:transparent url("/pics/i2/16/chrome/button_large_right.gif") no-repeat scroll right center;
	height:50px;
	margin:0 auto;
	font:inherit;
	text-align: center;
	cursor: pointer;
	font-size: 2em;
	margin-right: 10px;
}

#yourProfileBox p.callToAction span a, p#subscribeNow span a {
	display:block;
	background: url("/pics/i2/16/chrome/button_large_left.gif") left no-repeat; 
	color: #fff;
	height: 50px;
	line-height: 50px;
	margin-right:25px;
	padding:0 0 0 26px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

p.callToAction span a:hover, p.callToAction span a:visited {
	text-decoration: none;
	color: #fff;
}

div#content p.callToAction span a {
	font-weight: normal;
	font-size: 0.85em;
}

body#home div#homeSearch {
	float:left;
	width:300px;
	padding: 0;
	border-left: #FFFFFF solid 8px;
	border-right: #FFFFFF solid 8px;
	background: #FFF url("/pics/i2/16/chrome/homesearch_bg.gif") repeat-x scroll left bottom;
}

body#home #quickSearchBox h3 {
	display:none;
}

body#home div#homeSearch h3 {
	text-align: left;
	line-height:1em;
	padding: 7px 0 0 10px;
}

body#home #splashLine {
	clear:both;
	height: 20px;
}

body#home div#featuredBox {
	float:left;
	width:598px;
}

/*-----home featured profiles------*/

body#home div#featuredBox div.profile {
	float:left;
	margin-left: 30px;
	overflow:hidden;
	padding: 0 0.4em 0.6em 0.3em;
	width:10em;
}

body#home div#featuredBox div.profile h4 {
	font-size:1.3em;
}

body#home div#featuredBox div.narrative {
	float:left;
	height:80px;
	margin-top:10px;
	overflow:hidden;
	width:100px;
	padding-left: 4px;
}

body#home div#featuredBox div.photo {
	float:left;
}

body#home div#featuredBox h3 {
	border-bottom:1px solid #AAA;
	font-size:1.4em;
	line-height:1.3em;
	padding:0;
	margin-bottom: 20px;
	color:#333;
	padding-bottom:3px;
}

div#fpMore {
	background: transparent url("/pics/i2/16/chrome/fpmore.gif") no-repeat scroll left 0;
	float:right;
	font-size:12px;
	margin-top:-42px;
	padding-left:20px;
	text-align:right;
	height:18px;
}

body#home div#featuredBox  div#fp1 {
	margin-left:0px;
}

/* div#didyouknowBoxBox */

div#didyouknowBoxSD {
	font: bold 13px Arial; 
	float: left;
	text-decoration: none;
	vertical-align: middle;
	width: 95%;
}

div#didyouknowBox {
	padding: 3px 9px 3px 9px;
	text-align: center;
}

div#didyouknowBox h3 {
	border-bottom: 1px solid #AAA;
	font-size: 1.3em;
	padding: 0 0 3px 0;
	line-height: 1.2em;
	margin-bottom:20px;
	color:#333;
}

div#didyouknowBox h4 {
	font-size: 1em;
}

div#didyouknowBox div#storyID_969 {
	background: transparent url("/pics/i2/16/chrome/lock.gif") no-repeat left top;
	padding-top: 3px;
	padding-bottom:5px;
}

div#didyouknowBox div#storyID_970 {
	background: transparent url("/pics/i2/16/chrome/cart.gif") no-repeat left 8px;
	padding-top: 20px;
}

div#didyouknowBox div#storyID_969 h4, div#didyouknowBox div#storyID_969 p, div#didyouknowBox div#storyID_970 h4, div#didyouknowBox div#storyID_970 p {
	padding-left: 50px;
}

div#didyouknowBox .last {
	border-top: 1px dotted #AAA;
}

/*--- splash page container boxes ------------*/

body#splash #wrapperbg, body#splash #content {
	float: none;
	width: auto;
	border: none;
}
body#splash #content {
	float: none;
	width: 980px;
	border: none;
	padding: 0 0em 1em 0em;
}

div#splashContent {
	width: 978px;
	float:left;
	border: 1px solid #CCC;
	border-top:none;
	height:296px;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

body#splash div#splashintro {
	float: right;
	width: 976px;
	margin:0;
	padding:0;
	height:294px;
	border:0px solid #ff0000;
}

body#splash div#splashfeaturesBox {
	margin:0;
	padding:0 0 10px 0;
	width:350px;
	float:left;
	border:0px solid #ff0000;
	position:relative;
	right:25px;
	z-index:100;
}

* html body#splash div#splashfeaturesBox { width:335px; }

#splashImagerotation {
	float:left;
	width:342px;
	height:296px;
	boder:0px solid #000;
}

#splashImagerotation .Pic {
	width:346px;
	height:296px;
	background: #FFF url("/pics/i2/16/chrome/splashContent_image.jpg") no-repeat;
	border:0px solid #FF0000;
	position:relative;
	left:-2px;
}

#splashContent .backgroundStrip {
	width:978px;
	height:296px;
	border:0px solid #ff0000;
	background: #FFF url("/pics/i2/16/chrome/bg_gradient_splash.jpg") repeat-x;
	background-position:bottom;
}

#splashContent .findYourdate {
	float:right;
	display:inline;
	border:0px solid #FFFFFF;
	padding:0px !important;
	margin:0px !important;
	margin-top:10px !important;
	background: url("/pics/i2/16/chrome/bg_find_date_mid.jpg") center repeat-y;
	position:relative;
	right:10px;
	width:275px;
}

* html #splashContent .findYourdate { width:inherit; }

#splashContent .findYourdate .Top {
	background: url("/pics/i2/16/chrome/bg_find_date_top.jpg") no-repeat;
	background-position:top center !important;
	width:275px !important;
	padding:0px !important;
	margin:0px !important;
	height:10px;
}

* html #splashContent .findYourdate .Top { width:inherit; position:relative; left:6px; }

#splashContent .findYourdate .Bottom {
	background: url("/pics/i2/16/chrome/bg_find_date_btm.jpg") no-repeat;
	background-position:bottom center !important;
	width:275px  !important;
	padding:0px !important;
	margin:0px  !important;
}

* html #splashContent .findYourdate .Bottom { width:inherit; }

* html body#splash div#quickSearchBox form#form1 { width:inherit; }

* html div#quickSearchBox fieldset { width:inherit; }

* html body#splash div#quickSearchBox fieldset { width:inherit; }

#splashContent .findYourdate h3 { position:relative; left:23px; margin-bottom:0px ! important; }

div#quickSearchBox label.f { }

#splashContent .findYourdate label { width: 100px ! important; text-align:right ! important; border:0px solid #ccc; padding-top:2px; }

#splashContent .findYourdate select { float:right; }

#splashContent .findYourdate input { float:right; }

#splashContent .findYourdate #genderWrapper select { width:140px ! important; }

#splashContent .findYourdate #mGenderWrapper select { width:140px ! important; }

#splashContent .findYourdate #genderWrapper { border:0px solid #ccc;  width:250px; height:25px; }

#splashContent .findYourdate #mGenderWrapper { border:0px solid #ccc; width:250px; height:25px; }

#splashContent .findYourdate #ageWrapper { border:0px solid #ccc; width:250px; height:25px; }

#splashContent .findYourdate #ageWrapper label { } 

#splashContent .findYourdate #ageWrapper select { }

body#splash div#quickSearchBox label.to { float:left; width:auto ! important;  position:relative; left:20px; }

body#splash div#quickSearchBox select#mAgeMin { float:left; position:relative; left:9px; }

body#splash div#quickSearchBox select#mAgeMax { float:left; position:relative; left:34px; }

#splashContent input#mHasPhoto { float:left; margin:0px ! important; padding:0px ! important; }

 #splashContent label.o { width:auto ! important;  margin:0px ! important; position:relative; left:5px; padding:0px ! important; }

#splashContent .findYourdate span#mRangeIDSpan { border:0px solid #ccc; width:250px; height:25px; }

#splashContent .findYourdate span#mRangeIDSpan select { width:140px ! important; }

#splashContent .findYourdate span#mPostCodeSpan input { width:136px ! important; }

#splashContent .findYourdate span#mPostCodeSpan { border:0px solid #ccc; width:250px; height:25px; margin-left:0px ! important; }

#splashContent .findYourdate #mHasPhotoWrapper { 
	border:0px solid #ccc; width:138px; height:10px ! important; position:relative; left:109px; 
}

#splashContent .findYourdate #quickSearchButton { 
	border:0px solid #ccc;
}

div#quickSearchBox button {

}

div#splashPic {
	width:346px;
	height:296px;
	position:relative;
	left:-2px;
}

.splash-stock-1 {
	background: url("/pics/i2/16/chrome/splashContent_image.jpg") no-repeat left top;
}

#splashContent .findYourdate #dividingLine {
display:none;
}

body#splash div#splashfeaturesBox p#headlineoffer {
	color: #333;
	font-size: 1.6em;
	font-weight:bold;
	margin:0;
	padding:10px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}

body#splash div#splashfeaturesBox p#headlineoffer span {
	color: #f9a61a;
	font-size: 170%;
	font-weight:bold;
}

body#splash div#splashfeaturesBox h3 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.4em;
	color: #333;
	padding-top:10px;
}

div#splashfeaturesBox ul {
	font-size: 1.3em;
	color:#333;
	margin:0;
	padding:5px 0 10px 10px;
}

div#splashfeaturesBox ul li {
	font-size: 0.9em;
	list-style-type:none;
	padding: 0 0 0 20px;
	background:transparent url("/pics/i2/16/chrome/splashbullet.gif") no-repeat scroll 0 5px;
	margin:0 0 10px 0;
}

div#splashButtons{
	height: 45px;
	width: 313px;
	display: block;
	float:left;
	background: transparent url("/pics/i2/16/chrome/splashfeaturesCta.gif") no-repeat scroll 0 0;
}

body#splash p.callToAction span a {
	color: #FFF;
	float: left;
	text-align: center;
	width:313px;
	height:45px;
	padding: 8px 15px 0 5px;
	font-size:23px;
	text-decoration:none;
}

body#splash p.callToAction span {
	height:45px;
	width:313px;
	color: #4f4f4f;
	text-align:center;
	font-weight:bold;
}

body#splash #splashLine {
	clear: both;
	height:20px;
}

body#splash div#splashFeatured {
	float:left;
	width: 980px;
	height:220px;
	background: #FFF url("/pics/i2/16/chrome/splashfeed_bg.gif") repeat-x left bottom;
	border: 1px solid #a1a1a1;
}

/*---SPLASH FEED FEATURED--- */

body#splash div#splashFeatured iframe#iframe1 {
	width: 100%;
	height: 221px;
}

body#feed_featured.splash div#featuredHead h3 {
	padding: 10px 0 5px 15px;
	float:left;
	width:100%;
	background:none;
	height: 20px;
	color:#333;
	font-size:1.5em;
	font-weight:bold;
}

body#feed_featured.splash div#featuredBox div.profile {
	float:left;
	margin:0.5em 0em 0em 1.5em;
	overflow:hidden;
	width:100px;
}

body#feed_featured.splash div#featuredBox div.photo {
	float:left;
	background-color:#FFFFFF;
	border: 2px solid #c9c8c8;
	padding:7px;
}

body#feed_featured.splash div#featuredBox div.narrative {
	float:left;
	width:100px;
}

body#feed_featured.splash div#featuredBox div.narrative p {
	display:none;
}

body#feed_featured.splash div#featuredBox div.narrative h4 {
	margin: 0;
	padding: 8px 0 0 0;
	text-align: center;
	font: bold 1.2em "Arial", "Helvetica", "Nimbus Sans L", sans-serif;
}

body#feed_featured.splash div#featuredBox div.narrative h4 a {
	color:#06267b;
}

body#feed_featured.splash div#featuredBox div.narrative h4 a:hover {
	color:#06267b;
	text-decoration:none;
}

body#feed_featured.splash div.reload {
	float:right;
	width:25%;
	font-size: 12px;
	margin-top: -25px;
	text-align: right;
	padding-right: 20px;
}

div.reload {
	font-weight: bold;
}

/* div#quickSearchBox */

div#quickSearchBox h3 {
	margin: 0;
	background-color: transparent;
}

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

div#quickSearchBox button {
	margin-left: 8.9em;
	*margin-left: 9.3em;
}

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

div#quickSearchBox p#moreOptions {
	display:none;
}

div#quickSearchBox label {
	font-size:1.1em;
	max-width:15em;
	text-align:right;
	vertical-align:top;
}

div#quickSearchBox fieldset select#gender, select#mGender, select#mRangeID, input#mPostCode {
	width:124px;
}

div#quickSearchBox div.c {
	height:5px;
}

div#quickSearchBox fieldset select {
	border:1px solid #AFCDFB;
	margin-left:0.5em;
}

div#quickSearchBox select#mAgeMin, div#quickSearchBox select#mAgeMax {
	width:46px;
}

div.ukPostCode {
	float:left;
	text-align:right;
	width:230px;

}

div#quickSearchBox fieldset div.ukPostCode select {
	
}

div#quickSearchBox .ukPostCode .f {

}

span#mPostCodeSpan {
	display:block;
	float:right;
	margin-left:0.4em;
	margin-top:0.3em;
}

body#home span#mPostCodeSpan {
	display:block;
	float:right;
	margin-left:0em;
	margin-top:0.5em;
}

span#mPostCodeSpan input#mPostCode {
	width:120px;
	margin-right:1px;
}

div#quickSearchBox fieldset input#mHasPhoto {

}

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

/* Spalsh page div#quickSearchBox */

body#splash div#splashSearch{
	width:370px;
	float: right;
	min-height:220px;
	border: 1px solid #a1a1a1;
	background: #FFF url("/pics/i2/16/chrome/splashfeed_bg.gif") repeat-x left bottom;
}

body#splash div#quickSearchBox {
	padding:0;
	text-align: center;
	float:left;
}

body#splash div#quickSearchBox h3 {
	display: none;
}
	
div#splashSearch  h3, div#homeSearch h3 {
	text-align: left;
	line-height:1em;
	padding: 15px 0 0 10px;
	color:#333;
}

body#splash #genderWrapper {
	width:100px;
	float:left;
}

body#splash #mGenderWrapper {
	width:126px;
	float:left;
}

body#splash #ageWrapper {
	width:120px;
	float:left;
}

body#splash div#quickSearchBox #ageWrapper label.f {
	width:120px;
	clear: right;
	float:left;
}

body#splash div#quickSearchBox .ukPostCode  span#mRangeIDSpan .f {
	float:left;
	width:50px;
}

body#splash div#quickSearchBox .ukPostCode  span#mPostCodeSpan .f {
	float:left;
	width:100px;
}

body#splash div#quickSearchBox div.c {
	clear:right;
	height:0px;
	display: none;
}

body#splash div#quickSearchBox label {
	text-align: left;
}

body#splash div#quickSearchBox fieldset #gender_wide select#gender {
	width:80px;
}

body#splash div#dividingLine {
	border-bottom:1px dotted #999;
	clear:left;
	width: 348px;
	margin-bottom:10px;
	height:15px;
}

body#splash div.ukPostCode {
	float:left;
	text-align:left;
	width:226px;
}

body#splash span#mRangeIDSpan
{
	float:left;
	width:98px;
}

body#splash span#mPostCodeSpan {
	width:100px;
	float: left;
	margin-top:0px;
}

body#splash div#mHasPhotoWrapper {
	float:left;
	width:120px;
}

body#splash div#quickSearchBox fieldset input#mHasPhoto {

}

body#splash div#quickSearchBox label.o {
}

body#splash div#quickSearchBox button {
	clear:both;
	margin-right:11em;
	margin-left:0px;
}

body#splash div#quickSearchBox fieldset select {
	margin-left:0px;
}

body#splash div#quickSearchBox fieldset div.ukPostCode select {
	margin-left:0px;
	width: 84px;
}

body#splash div#quickSearchBox select#gender {
	width: 80px;
}

body#splash div#quickSearchBox select#mGender {
	width: 108px;
}

body#splash span#mPostCodeSpan input#mPostCode {
	width: 100px;
}

body#splash div#quickSearchBox fieldset {
	padding-right:0;
	padding-top:6px;
}

body#splash div#quickSearchBox select#mAgeMin {
	width:42px;
}

body#splash div#quickSearchBox select#mAgeMax {
	width:48px;
}

body#splash div#quickSearchBox label.to {
	padding: 0 0.5em 0 0.7em;
	position:relative;
	top:3px;
}

body#splash div#mProvinceWrapper {
	width:200px;
	float:left;
}

body#splash div#mCountryWrapper {
	width:200px;
	float:left;
	margin:0;
	padding:0;
}

body#splash div#mProvinceWrapper select#mProvinceID {
	width:200px;
	height:4em;
}

body#splash div#mProvinceWrapper select#mCountryID {
	width:200px;
	height:4em;
}

body#splash div#quickSearchBox fieldset button {
	margin-top:10px;
	font-size:1.1em;
}

/* reduce the height of the non-uk dropdown on the loggedinHomepage */

body#home div#mCountryWrapper {
	padding-left:8px;
}

body#home div#mCountryWrapper select#mCountryID {
	height: 5em;
	*height: 6em;
	padding:0;
	margin:0;
	width:175px;
}

body#home div#mProvinceWrapper {
	padding-left:8px;
}

body#home div#mProvinceWrapper select#mProvinceID {
	height: 5em;
	*height: 6em;
	padding:0;
	margin:0;
	width:175px;
}

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

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

div.intro p {
	font-weight: bold;
}

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: 20px 10px 1px 90px;
	min-height: 68px;
}

html > body div.info, html > body div.note, html > body div.tip, html > body div.err, html > body div.success {
	height:auto;
	min-height:68px;
}

div#tipOuter div.tip, div#infoOuter div.info {
	height:68px;
}

div#geographicLocation div.tip {
	height:68px;
}

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: #06267b;
	background: transparent url("/pics/i2/16/chrome/info.gif") 10px 10px no-repeat;
	height:68px;
}

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

/* note */

div.note {
	color: #C00;
	background: transparent url("/pics/i2/16/chrome/note.gif") 10px 10px no-repeat;
	height: 68px;
}

/* tip */

div.tip {
	color: #06267b;
	background: transparent url("/pics/i2/16/chrome/tip.gif") 10px 10px no-repeat;
	min-height: 68px;
}

/* err */

div.err {
	color: #C00;
	background: transparent url("/pics/i2/16/chrome/err.gif") 10px 13px no-repeat;
	min-height: 68px;
}

/* success */

div.success {
	color: #339900;
	background: transparent url("/pics/i2/16/chrome/success.gif") 10px 13px no-repeat;
	min-height: 68px;
}

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

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

div.message a {
	color: #0B0B0B;
}

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

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

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 #CCC;
	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: #FFF url("/pics/i2/16/chrome/buttons_bg.gif") repeat-x scroll left bottom;
	border: 1px solid #ffd080;
	
}

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: #CCC;
	width: auto;
}

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: #0A0A0A;
	padding: 0 5px;
}

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;
	display: block;
}

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, body#profile_photos h3#ul {
	margin: 0;
	font-size: 1.5em;
	font-weight: bold;
	color: #2E2E2E;
	background: #FFF url("/pics/i2/16/chrome/subheadbg.gif") repeat-x scroll 0 0;
	height:26px;
	padding: 0.4em 0.4em 0.5em;
}

table td.label {
	white-space: nowrap;
	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, body#profile_photos form h4, body#profile_photos h3#ul {
	margin-bottom: 0.4em;
}

body#profile_base form h4, body#profile_me form h4, body#profile_match form h4, body#profile_depth form h4, body#profile_photos form h4, body#profile_photos h3#ul {
	border: 1px solid #CCC;
	height: 17px;
	line-height: 1.2em;
}

body#profile_base form#form1 h4, body#profile_me div#geographicInformation h4, body#profile_me div#physicalDescription h4, body#profile_me div#relationshipsChildren h4, body#profile_me div#vices h4, body#profile_me div#educationProfession h4, body#profile_me div#matchCountry h4{
	border-bottom: none;
}

body#profile_photos h3#conditions, body#profile_photos h3#etiquette, body#profile_photos h3 {
	color:#333;
	background-color:none;
	font-size:14px;
	background:none;
}

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

fieldset#matchCountry legend{
	margin-top: -2px;
}

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

form.delete fieldset {
	margin-top: 3em;
	background-color: #FFEDED;
	border: 1px solid #d26363;
	color:#990000;
}

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

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

button, a.button, input.inputTypeSubmit{
	padding: 0.1em 0.2em;
	font: bold 103% "Arial", "Helvetica", sans-serif;
	color: #333;
	background-color: #f9a61a;
	border: 1px solid #f9a61a;
	width: auto; /* Ref: http://jehiah.cz/archive/button-width-in-ie */
	overflow: visible;
}

button:hover, a.button:hover, input.inputTypeSubmit:hover {
	color: #333;
	background-color: #f9a61a;
	border: 1px solid #f9a61a;
	text-decoration: none;
}

button[disabled], button[disabled]:hover, a.button[disabled], a.button[disabled]:hover {
	color: #fff;
	background-color: #afaeae;
    cursor: not-allowed;
	border: 1px solid #a2a0a0;
}

a.button {
	text-decoration: none;
}

/*----INPUT TYPE ROUNDED BUTTONS----*/

input.inputTypeSubmitDisabled[disabled], input.inputTypeSubmitDisabled[disabled]:hover, input.inputTypeSubmitRounded[disabled],  input.inputTypeSubmitRounded[disabled]:hover {
	cursor: not-allowed;
}

input.inputTypeSubmitRounded {
	font: bold 103% "Arial", "Helvetica", sans-serif;
	background: url("/pics/i2/16/chrome/button_left.gif") no-repeat;
	padding-left: 15px;
	margin-right: 9px;
	padding-right: 4px;
	border: 0;
	color: #333;
	height: 26px;
	/* used to catch the buttonAppendage */
	position: relative;
	cursor: pointer;
	text-align: center;
	*padding: 0;
	*margin: 0 9px 0 0;
}

span.buttonAppendage {
	background: url("/pics/i2/16/chrome/button_right.gif") no-repeat;
	position: absolute;
	display: inline;
	margin-left: -11px;
	width: 11px;
	height: 26px;
}

input.inputTypeSubmitRounded[disabled], input.inputTypeSubmitRounded[disabled]:hover {
	font: bold 103% "Arial", "Helvetica", sans-serif;
	background: url("/pics/i2/16/chrome/button_left.gif") no-repeat;
	padding-left: 15px;
	margin-right: 9px;
	padding-right: 4px;
	border: 0;
	color: #999999;
	height: 26px;
	/* used to catch the buttonAppendage */
	position: relative;
	cursor: not-allowed;
	text-align: center;
	*padding: 0;
	*margin: 0 9px 0 0;
}

span.buttonAppendageDisabled {
	background: url("/pics/i2/16/chrome/button_right.gif") no-repeat;
	position: absolute;
	display: inline;
	margin-left: -11px;
	width: 11px;
	height: 26px;
}

/* ROUNDED BUTTONS */

button.roundedButton {
	font: bold 103% "Arial", "Helvetica", sans-serif;
	background: url("/pics/i2/16/chrome/button_right.gif") right no-repeat;
	cursor: pointer;
	font-weight: bold;
	padding: 0 6px 0 0;
	text-align: center;
	margin-left: 0.2em;
	border: 0px;
}

button.roundedButton span {
	background: url("/pics/i2/16/chrome/button_left.gif") left no-repeat;
	height: 27px;
	line-height: 27px;
	color: #333;
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 10px 8px 0 12px;
	font: bold 103% "Arial", "Helvetica", sans-serif;
}

body#splash div#quickSearchBox button.roundedButton {
	width:230px;
}

* html body#splash div#quickSearchBox button.roundedButton {
	width:130px;
}

body#splash div#quickSearchBox button.roundedButton {
	font: bold 12px "Arial", "Helvetica", sans-serif !important;
	background: none;
}

body#splash div#quickSearchBox button span {
	background: url("/pics/i2/16/chrome/qs_button.gif") no-repeat;
	width:140px;
	height:35px;
	padding:8px 0 0 10px;
	position:relative;
	left:52px;
	top:10px;
	display:block;
	color:#fff;
}

/* DISABLED ROUNDED BUTTONS */

button[disabled].roundedButton {
	font: bold 103% "Arial", "Helvetica", sans-serif;
	background: url("/pics/i2/16/chrome/button_disabled_right.gif") right no-repeat;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	padding: 0 6px 0 0;
	text-align: center;
	margin-left: 0.2em;
	color:#FFF;
	padding:0px ! important;
}

button[disabled].roundedButton span {
	background: url("/pics/i2/16/chrome/button_disabled_left.gif") left no-repeat;
	height: 27px;
	line-height: 27px;
	color: #FFF;
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 10px 8px 0 12px;
	font: bold 103% "Arial", "Helvetica", sans-serif;
}

div#loginBox button.roundedButton {
	background: url("/pics/i2/16/chrome/button_right.gif") right no-repeat;
	border: 0;
	cursor: pointer;
	padding: 0 5px 0 0;
	text-align: center;
	margin-left:0;
	*margin-bottom: -8px;
}

div#loginBox button.roundedButton span {
	background: url("/pics/i2/16/chrome/button_left.gif") left no-repeat;
	height: 26px;
	line-height: 26px;
	color: #333;
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 8px 8px 0 12px;
	font: bold 103% "Arial", "Helvetica", sans-serif;
	*margin-bottom: -2px;
}

div#giftBtn span {
	display: block;
	background: transparent url("/pics/i2/16/chrome/button_right.gif") no-repeat scroll right center;
	height: 26px;
	width: 10em;	
	margin: 0 auto;
	padding: 0 4px 8px 0;
	_padding: 0;
	font: inherit;
	text-align: center;
	cursor: pointer;
}

div#giftBtn span a {
	display: block;
	background: url("/pics/i2/16/chrome/button_left.gif") left no-repeat; 
	color: #333;
	height: 26px;
	line-height: 26px;
	margin-right: 4px;
	padding: 8px 4px 0 8px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	font: bold 103% "Arial", "Helvetica", sans-serif;
}

/*----Button fixes-----*/

div#savedSearchOptions input {
	margin-right:0.5em;
}

body#find_search div.resetSearch, body#find_search div.clearSearch {
	float:left;
	margin-right:0.4em;
}

body#find_search div.advancedSearch {
	float:right;
}

body#find_search div.resetSearch {
	width: 180px;
}

form.searchForm label, form.searchForm input, form.searchForm #basicSearchCriteria select {
	float: left;
}

fieldset.buttons input {
	float: none;
}

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

table.basic caption {
	padding: 0.5em;
	color: #333;
	background-color: #f9a61a;
}

table.basic th {
	padding: 0.5em;
}

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

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

table th.h1 {
	color: #333;
	background-color: #f7a800;
}

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

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

/* paging */
div.pagingBox {
	margin-bottom: 1em;
	margin-top: 0.5em;
	clear: both;
}

table.paging {
	margin-top: 0.1em;
	text-align: center;
	background: #ffe9bb url("/pics/i2/16/chrome/pagination_bg.gif") repeat-x scroll 0 0;
	border: 1px solid #FFD080;
}

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

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

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

body#join select#mGender {
	width:auto;
}

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

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

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

form.searchForm h4{
	background-color: #FFFFFF;
	height:22px;
	border: 1px solid #d3d3d3;
	border-bottom: none;
	padding: 0.6em 0.4em 0em 0.4em;
}

form.searchForm fieldset select#gender{
	width:124px;
}

form.searchForm fieldset#checkBoxes {
	margin:0.8em 0 0;
	padding:0.6em 0 0 0em;
	*padding: 1em;
}

/* forms where the labels are right-aligned */

body#join form#form1 td.label, body#profile_base form#form1 td.label, body#profile_me div#geographicInformation td.label, body#profile_me div#physicalDescription td.label, body#profile_me div#hivStatus td.label, body#profile_me div#matchCountry td.label, body#help_contact form#form2 td.label, 
body#help_tellFriend form#form1 td.label, body#find_tellFriend form#form1 td.label, body#find_search form#form1 td.label, body#affiliates_details form#form1 td.label, body#affiliates_join form#form2 td.label, body#affiliates_access form#form1 td.label, body#partners_details form#form1 td.label, 
body#partners_copy form td.label, body#profile_match fieldset#hivStatus td.label, body#profile_voice form#form1 table.voice td.label, body#subscribe_how form#form1 td.label, body#partners_gallery form#form1 td.label, fieldset#mailHead td.label {
	padding-right: 1em;
	width: 19em;
	text-align: right;
}

body#profile_match select#wHeight, body#profile_match select#wBodyType, body#profile_match select#wLooks, body#profile_match select#wHair, body#profile_match select#wEyes, body#profile_match select#wEthnicity
, body#profile_match select#wHomeLanguage, body#profile_match select#wLanguages, body#profile_match select#wReligion, body#profile_match select#wRelationship, body#profile_match select#wHaveKids, body#profile_match select#wWantKids, body#profile_match select#wEating, body#profile_match select#wSmoking, body#profile_match select#wDrinking, body#profile_match select#wEducation, body#profile_match select#wOccupation, body#profile_match select#wIncome, body#profile_match select#wStarSign, body#profile_match select#wNationality, body#find_search select#mGender, body#find_search select#mAgeMin, body#find_search select#mAgeMax, body#find_search select#mCountryID, body#find_search select#mProvinceID, body#find_search select#mCityID {
	margin-top: 0.3em;	
}

body#profile_voice textarea#ivrTxtMsg {
	height:5em;
	width:50%;
}

body#profile_voice form span.note {
	display:block;
	font-size:0.9em;
}

/* post code */

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

div#postCode {
	float:left;
	padding-bottom:0.3em;
	width:48em;
}

/* saved searches */

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

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

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

body#subscribe_why p.callToAction {
	display:block;
	margin:0.7em 130px;
	text-align:center;
}

body#subscribe_rates p.callToAction { 
	width:200px;
}

div.SecurepaymentButton {
	margin:0.4em 0;
	text-align:center;
}

fieldset#subscribeOptions {
	padding: 8px;
}

fieldset#paymentOptions {
	padding: 8px;
}

body#subscribe_now div#content{
	width: 980px;
	margin: 0 auto;
}

body#subscribe_now div#wrapperbg{
	 width: 980px;
	 border: none;
	 margin: 0 auto;
}

body#subscribe_now div#primary {
	float: left;
	width: 980px;
}

table#table3 {
	border: none;
	margin:0;
	padding:0;
}

fieldset#subscribeOptions, fieldset#paymentOptions {
	color: #2d2c2c;
	background-color:#99CC99;
	border: 1px solid #666666;
	background: #eeeeee url("/pics/i2/16/chrome/options_bg.gif") left bottom repeat-x;
}

fieldset#paymentOptions {
	height:408px;
}

fieldset#paymentOptions h4, fieldset#subscribeOptions h4 {
	height:28px;
	padding: 0.2em 0.2em 0.2em 2.2em;
	border:none;
	color:#2e2e2e;
}

fieldset#subscribeOptions h4 {
	background: transparent url("/pics/i2/16/chrome/subsoptions_number.gif") left top no-repeat;
}

fieldset#paymentOptions h4 {
	background: transparent url("/pics/i2/16/chrome/paymentoptions_number.gif") left top no-repeat;
}

fieldset#subscribeOptions div.strapline {
	margin:0;
	padding:0;
	float: left;
}

fieldset#subscribeOptions tr#row6months.multilineSelected {
	height:148px;
}

fieldset#subscribeOptions tr#row6months.multilineSelected td.radio {
	background: transparent url("/pics/i2/16/chrome/selectedrow_tdradiobg.gif") left top no-repeat;
}

fieldset#subscribeOptions tr#row6months.multilineSelected td.options {
	background: transparent url("/pics/i2/16/chrome/selectedrow_tdoptionsbg.gif") right top no-repeat;
}

fieldset#subscribeOptions tr#row6months.multiline {
	height:148px;
}

fieldset#subscribeOptions tr#row6months.multiline td.radio {
	background: transparent url("/pics/i2/16/chrome/selectedrow_tdradiobg.gif") left top no-repeat;
}

fieldset#subscribeOptions tr#row6months.multiline td.options {
	background: transparent url("/pics/i2/16/chrome/selectedrow_tdoptionsbg.gif") right top no-repeat;
}

fieldset#subscribeOptions tr#row3months.multiline {
	height:135px;
}

fieldset#subscribeOptions tr#row3months.multiline td.radio {
	background: transparent url("/pics/i2/16/chrome/3monthsrow_tdradiobg.gif") left top no-repeat;
}

fieldset#subscribeOptions tr#row3months.multiline td.options {
	background: transparent url("/pics/i2/16/chrome/3monthsrow_tdoptionsbg.gif") right top no-repeat;
}

fieldset#subscribeOptions tr#row1month.multiline {
	height:90px;
}

fieldset#subscribeOptions tr#row1month.multiline td.radio {
	background: transparent url("/pics/i2/16/chrome/1monthrow_tdradiobg.gif") left top no-repeat;
}

fieldset#subscribeOptions tr#row1month.multiline td.options {
	background: transparent url("/pics/i2/16/chrome/1monthrow_tdoptionsbg.gif") right top no-repeat;
}

fieldset#subscribeOptions tr#row3days.multilineSelected {
	height:76px;
}

fieldset#subscribeOptions tr#row3days.multilineSelected td.radio {
	background: transparent url("/pics/i2/16/chrome/3daysrow_tdradiobg.gif") left top no-repeat;
}

fieldset#subscribeOptions tr#row3days.multilineSelected td.options {
	background: transparent url("/pics/i2/16/chrome/3daysrow_tdoptionsbg.gif") right top no-repeat;
}

fieldset#subscribeOptions td.radio, fieldset#subscribeOptions td.options {
	padding-left: 0.7em;
	vertical-align: middle;
}

body#subscribe_now form#subscribeFrm sup {
	color:#FF0000;
}

fieldset#subscribeOptions tr#row1month.multiline div.hedgeHog {
	display:none;
}

fieldset#subscribeOptions td.radio span.period {
	font-size: 1.2em;
	font-weight:bold;
	color: #2d2c2c;
}

fieldset#subscribeOptions div.packageHead {
	font-size: 1.6em;
	color: #2d2c2c;
}

fieldset#subscribeOptions tr.multilineSelected div.packageHead {
	font-size: 1.6em;
	font-weight:bold;
	color: #ff8a00;
}

fieldset#subscribeOptions div.packageSubHead, fieldset#subscribeOptions tr.multilineSelected div.packageSubHead {
	font-size: 1.1em;
	font-weight:bold;
}

fieldset#subscribeOptions span.value, fieldset#subscribeOptions tr.multilineSelected span.value {
	font-size: 1.6em;
	display:block;
	padding:7px 0 0 0;
}

fieldset#subscribeOptions tr.multilineSelected span.value {
	font-weight: bold;
}

fieldset#subscribeOptions td.options span.subsDiscount {
	font-size: 1.6em;
}

fieldset#subscribeOptions td.options span.percentsave {
	font-size:100%;
	color:#ff8a00;
}

fieldset#subscribeOptions tr.multilineSelected td.options span.subsDiscount {
	font-size: 1.6em;
	font-weight: bold;
}

fieldset#subscribeOptions tr.multilineSelected td.options span.percentsave {
	font-size:100%;
	font-weight: bold;
}

fieldset#subscribeOptions span.subsInvoiced {
	display:block;
	padding: 2px 0 0 0;
	font-size:0.9em;
	color:#666666;
	float:left;
}

fieldset#subscribeOptions span.amount {
	font-size:0.9em;
	color:#666666;
}

fieldset#subscribeOptions div.hedgeHog {
	float:right;
	padding-right: 30px;
}

fieldset#subscribeOptions div.saving2line {
	width:100px;
	height:100px;
}

fieldset#subscribeOptions p.hedgehogContent {
	font-weight:bold;
	text-align:center;
}

fieldset#subscribeOptions span.hedgehogSave {
	display: block;
	font-weight:bold;	
	text-align:center;
	padding:0;
	margin:0;
	margin-bottom: -3px;
}

fieldset#subscribeOptions div#saving6months p.hedgehogContent {	font-size:2.2em; color:#FFF; padding-top:22px;}
fieldset#subscribeOptions div#saving6months span.hedgehogSave { color:#FFF; font-size:0.7em;}

fieldset#subscribeOptions div#saving3months p.hedgehogContent {	font-size:1.6em; color:#777777;	padding-top:30px;}
fieldset#subscribeOptions div#saving3months span.hedgehogSave { color:#777777;}

fieldset#subscribeOptions div#saving6months {
	background: transparent url("/pics/i2/16/chrome/6months_hedgehog.gif") left top no-repeat;
}

fieldset#subscribeOptions div#saving3months {
	background: transparent url("/pics/i2/16/chrome/3months_hedgehog.gif") 11px 10px no-repeat;
}

/* cards */
fieldset#paymentOptions div#cards {
	padding:10px 0 0 0;
	margin:0;
	float:left;
}

fieldset#paymentOptions div#cards div.payOption {
    margin: 0 0.2em 2em 0.2em;
    width: 90px;
    text-align: center;
    height: 60px;
}

fieldset#paymentOptions div#cards div.payOption input {
    float: left;
    margin-left: 37px;
}

fieldset#paymentOptions div#cards label {
	width: 90px;
	height: 30px;
	padding-bottom:8px;
}

/* collapsable boxes */
div#altMethodsBox {
	float: left;
	margin:0;
	padding:8px 0 10px 0;	
}

div#altMethodsBox p {
	padding:0 0 0 10px;	
}

div#giftBox, div#continuousBox, div#vouchersBox {
	width: 652px;
	margin:0;
	padding:0 0 10px 0;
}

fieldset#giftBoxOptions, fieldset#continuousBoxOptions, fieldset#vouchersBoxOptions {
	border: #CCC 1px solid;
	margin:0;
	padding:0;
	width: 642px;
	float:left;
}

fieldset#continuousBoxOptions h4, fieldset#giftBoxOptions h4, fieldset#vouchersBoxOptions h4 {
	float:left;
	width: 632px;
	margin:0;
	padding:0;
	display:inline;
	padding-left:10px;
	padding-top: 5px;
	border:none;
}

div#giftBox div.collapse, div#vouchersBox div.collapse, div#continuousBox div.collapse {
	margin-right:10px;
	padding-top:5px;
	height:15px;
	width:15px;
	cursor:pointer;
}

div#giftBox p, div#continuousBox p { 
	margin:0; 
	padding:5px 5px 10px 5px;
}

/* proceed buttons */
body#subscribe_now div#subscribeCTA { 
	background: transparent url("/pics/i2/16/chrome/subsBtn_whole.gif") no-repeat scroll left center;
	width:167px;
	height:49px;
	margin: 15px auto;
}

body#subscribe_now div#subscribeCTA button {
	background:none;
	border:none;
	width:167px;
	height:49px;
	cursor:pointer;
	display: block;
	font-size:2.0em;
	font-weight:bold;
	text-align: center;
}

body#subscribe_now div#subscribeCTA button span {
	display: block;
	background: none; 
	height: 49px;
	width: 167px;
	color:#FFFFFF;
}

p.subscribeLegend, div.subs3and1Msg { 
	float:left;
	width: 600px;
}

p.subscribeLegend sup {
	float: left;
	position:absolute;
	font-size: 1.2em;
	left:1px;
}

p.subscribeLegend {
	padding-left:10px;	
}
body#subscribe_now form#subscribeFrm span.subHeadLegend {
	font-size: 1.2em;
	position:absolute;
	padding:0 0 0 2px;
}
/*--- subscribe process ------------*/
span.faxNum {
	font-size:1.2em;
	font-weight:bold;
}
p.accountName {
	font-size:1.3em;
	font-weight:bold;
}
p.info {
	background-color:#F2F9FF;
	border-left:2px solid #5BAAE8;
	color:#1D5886;
	padding:1em;
}
.nb{
	color: red;
	font-weight: bold;
}
/* how to subscribe */
body#subscribe_how table#table1 td div.cards {
	padding: 0 0.5em 0.5em 0.5em;
	width: 210px;
	text-align: center;
}

body#subscribe_how table#table1 td img {
	vertical-align: middle;
}

body#subscribe_how table#table1 td {
	padding: 1em;
}

body#subscribe_how form#form11 label {
	width: 2em;
	display: block;
	float: left;
	text-align: right;
	font-weight: bold;
}

body#subscribe_how form#form11 input {
	float: left;
}

body#subscribe_how form#form11 p {
	margin-left: 6em;
	margin-bottom: 0;
}

fieldset#subscribeNow {
	background-color: #DEFFDE;
	border: none;
}

body#subscribe_how div#profileHead {
	margin-bottom: 1em;
}

form#giftProceed {
	display: inline;
}

/*--- Why subscribe------------*/
div#whyContent {
	float:left;
	width:42em;
}
body#subscribe_why div#featuredProfiles {
	float: right;
}

div#whyContent h3{
	margin: 0;
	font-size: 1.5em;
	line-height: 1.1em;
	background-color: #FFFFFF;
	height:26px;
	padding: 0.6em 0.4em 0em 0.4em;
}

body#subscribe_why iframe#iframe1 {
	height:520px;
	width:295px;
}
body#feed_featured.subscribe_why div#featuredBox div.profile {
	border-bottom:1px dotted #AAAAAA;
	margin-bottom:0.5em;
	width:290px;
}
body#feed_featured.subscribe_why div#featuredBox div.photo {
	float:left;
	margin-bottom:0.5em;
	padding:7px;
	background-color:#FFF;
	border:2px solid #CCCCCC;
}
body#feed_featured.subscribe_why div#featuredBox div.narrative {
	float:left;
	padding-left:10px;
	width:120px;
}

body#feed_featured.subscribe_why div#featuredHead h3 {
	background-color: #FFFFFF;
	margin-bottom:1em;
	padding: 0.1em 0em 0.2em 0em;
	border-bottom: 1px solid #AAAAAA;
	color:#333;
}

body#subscribe_why p.callToAction {
	display:block;
	margin:0.7em 120px;
	text-align:center;
	width: 220px;
}

div#benefitsBox ul, div#whyContent ul {
	padding: 0px;
	margin: 0.5em 0 0 1em;
}

div#benefitsBox li, div#whyContent li {
	background:transparent url("/pics/i2/16/chrome/splashbullet.gif") no-repeat scroll left 5px;
	line-height:1.6em;
	list-style-type:none;
	margin-left:0;
	padding-left:25px;
}
/*--- 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;
	margin: 0;
	border: none;
}

table#profileStatus caption {
	padding-bottom: 1.2em;
	color: #333;
	text-align: left;
	font-size: 1.2em;
}

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/i2/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/i2/16/chrome/profileNav_bg_br.gif") right top no-repeat;
	height: 2.5em;
	padding-top: 0.8em;
	padding-right: 0.3em;
	font-size: 0.9em;
	text-align: center;
}

table#profileStatus tr#profileStatusTips td#requiredTip div span, table#profileStatus tr#profileStatusTips td#optionalTip div span {
	font-size: 1em;
	padding:3px;
}

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

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

table#profileStatus td a {
	display: block;
	padding: 0.3em 0;
	font-size: 1em;
	color: #333;
	text-align: left;
	text-decoration: none;
	outline: none;
}

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

table#profileStatus td span.on {
	font-weight: bold;
	color:#000;
}

table#profileStatus td span.state img, div#profileStatusKeys span img {
	height: 12px;
	width: 12px;
}

table#profileStatus td.incomplete a, table#profileStatus td.complete a, table#profileStatus td.optional a {
	background:transparent url("/pics/i2/16/chrome/profileNav_bg_complete.gif") repeat-x scroll left bottom;
	border: 1px solid #ecb62f;
}

table#profileStatus td.complete a:hover, table#profileStatus td.incomplete a:hover, table#profileStatus td.optional a:hover {
	background: transparent url("/pics/i2/16/chrome/profileNav_bg_hover.gif") repeat-x scroll left bottom;
	border: 1px solid #cccccc;
	color:#000;
}

table#profileStatus td.summary a {
	background:#ED1B2E url("/pics/i2/16/chrome/profileNav_bg_summaryInac.gif") repeat-x scroll left bottom;
	border: 1px solid #cc0e00;
	font: #ffffff;
}

table#profileStatus td.summary a:hover {
	background:#FEB0B1 url("/pics/i2/16/chrome/profileNav_bg_summaryInac_h.gif") repeat-x scroll left bottom;
	border: 1px solid #cc0e00;
	font: #ffffff;
}

table#profileStatus td.completed a {
	background:#B5B5B5 url("/pics/i2/16/chrome/profileNav_bg_summary.gif") repeat-x scroll left bottom;
	border: 1px solid #339900;
	color: #FFF;
	padding-left: 1px;
}

table#profileStatus td.completed a:hover {
	background:#A8D900 url("/pics/i2/16/chrome/profileNav_bg_summary_h.gif") repeat-x scroll left bottom;
	border: 1px solid #339900;
	color: #FFF;
}

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

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

table#profileStatus td span.state {
	display: block;
	width: 100%;
}

table#profileStatus td.complete span.state {
	background: url("/pics/i2/16/prf/tick.gif") 50% 50% no-repeat;
}

table#profileStatus td.optional span.state, table#profileStatus td.incomplete span.state {
	background: url("/pics/i2/16/prf/cross.gif") 50% 50% no-repeat;
}

table#profileStatus td span.label {
	display: block;
	color: #333;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
}
table#profileStatus td.completed span.label, table#profileStatus td.summary span.label, table#profileStatus td.summary span.desc {
	color: #FFF;
}

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

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

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

table#profileStatus td.summary {
	width: 120px;
}

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

div#profileStatusKeys {
	padding-top: 0.2em;
	color: #333;
	font-size: 0.9em;
	margin-top: -11.1em;
	float: right;
	text-align: right;
}

div#profileStatusKeys span {
	padding-left: 1.0em;
	color: #333;
}

div#profileStatusKeys span#keyIncomplete {
	background: url("/pics/i2/16/prf/cross.gif") 0 0 no-repeat;
	margin-left: 1em;
}

div#profileStatusKeys span#keyComplete {
	background: url("/pics/i2/16/prf/tick.gif") 0 0 no-repeat;
}
/*--- profile search results ------------*/
div.resultBox {
	border: 1px solid #CCC;
	float: left;
	width: 33.8em;
	background:#f6f5f5 url("/pics/i2/16/chrome/resultBox_bg.gif") repeat-x scroll left bottom;
}

body#find_search span#newSearch span, body#find_byName span#newSearch span, body#find_keyword span#newSearch span {
	background:transparent url("/pics/i2/16/chrome/searchAgain.gif") no-repeat scroll 95px -40px;
	cursor:pointer;
	display:block;
	height:33px;
	margin:0 0 0.3em auto;
	text-align:center;
	width:9.7em;
}

body#find_search span#newSearch span a, body#find_byName span#newSearch span a, body#find_keyword span#newSearch span a {
	background:transparent url("/pics/i2/16/chrome/searchAgain.gif") no-repeat scroll left -3px;
	cursor:pointer;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:33px;
	line-height:29px;
	margin-right:15px;
	padding:0;
	text-align:right;
	text-decoration:none;
	color:#FFFFFF;
}

div.alt {
	margin-left: 2em;
}

div.resultBox .head {
	position: relative; /* fix for <= IE 6 */
	background: #f7f6f6 url("/pics/i2/16/chrome/head_bg.gif") repeat-x scroll right bottom;
}

div.resultBox .head h3 {
	margin: 0;
	font-size: 1.6em;
	padding: 0 0.5em;
	background:none;
	background-color:none;
}
div.resultBox .head h3 a {
	text-decoration: none;
}

div.resultBox .photo {
	padding-left:0.6em;
	text-align:left;
}
div.resultBox .head p.headline {
	margin: 0 0 0.5em 0;
	padding: 0.4em 0.8em;
	font-weight: bold;
	line-height: 1.1em;
	color: #333;
	border: none;
}

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

div.resultBox .stats {
	padding-left: 1em;
	width: 20em;
}
div.resultBox .key {
	font-weight:bold;
}
div.resultBox .stats p {
	margin: 0;
	padding: 0.3em 0;
	border-bottom: 1px dotted #a6a6a6;
}

div.resultBox .actions {
	width: 32em;
	float: left;
	clear: both;
}
div.resultBox .actions ul li.removeButton,div.resultBox .actions ul li.addFavButton {
	margin-left:0.2em;
}
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: none;
	float: left;
}
div.resultBox .actions ul li.starBarInPlace{
	display: none;
}
div.resultBox .actions ul li a {
	height: 22px; /* for <= IE 6 */
	margin: 0 0 2px 0;
	padding: 2px 0 0 28px;
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	width: auto;
}

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

div.resultBox .contactButton, div.resultBox .removeButton, div.resultBox .addFavButton, div.resultBox .remFavButton{
	width: 170px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.resultBox li.voiceRecButton a:hover {
	background: url("/pics/i2/16/chrome/voiceRec_on.gif") 4px 3px no-repeat;
}

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

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

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

div.resultBox .narrative p {
	padding: 0 0.8em 0.1em 0.8em;
	font-size: 1em;
}

/*--- 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: #00A;
	background-color: #fbf6e6;
}

div.tellafriendMsg blockquote {
	border-left: 2px solid #f9a61a;
	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:#fdf2d0;
	border: 1px solid #dec882;
}

#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;
	font-size: 0.8em;
	color: #FBFBFB;
	background: url("/pics/i2/16/chrome/tooltip.gif") 0 0 no-repeat;
	vertical-align: text-top;
	text-indent: -200em;
	cursor: help;
	width: 21px;
	height:21px;
}

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;
	width: auto;
}

/* profile - mail_message */

body#mail_message div#backToProfile {
	background:#CCCCCC url("/pics/i2/16/chrome/pagination_bg.gif") repeat-x scroll 0 0;
	clear:right;
	float:right;
	margin:1em 0;
	padding:0.4em 0.7em;
	width:68%;
	border: 1px solid #ffd080;
}
body#mail_message div#adminBox {
	display:none;
}

div.messagePanel {
	clear:both;
	float:left;
	margin-top:15px;
	width:100%;
}

body#mail_message div.messagePanel {
	clear:right;
	float:right;
	width:49em;
}

body#mail_message div.replyPanel div.messagePanel {
	clear:right;
	float:right;
	width:70em;
}

.ratingStar_l {
	border: none;
}

body#mail_message div.replyPanel {
	border-top:1px solid #AAAAAA;
	padding-top:5px;
}

body#mail_message div.extraPanel {
	float:left;
	margin-top:1em;
	width:auto;
}

div.extraPanel {
	margin:0;
	padding:0;
	width:100%;
}

body#mail_message #actionsPrimaryLinks {
	margin-left:0.5em;
	padding:0.3em 0 0.5em;
	width:220px;
}

/* buttons fieldset */

fieldset.toolTips button {
	float: left;
	width: auto;
}

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

html>/**/body span.realign, x:-moz-any-link {
   top: -0.5em;
	right: 2.0em;
}

/* reset for those in abbr elements */

abbr span.toolTip {
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
	color: #FAFAFA;
	font-size: 1em;
	font-weight: bold;
	text-indent: 0;
	background: none;
	width: auto;
	height: auto;
	border: none;
}

/*----Polariod shadow effect---*/

a.polaroidL {
	background: transparent url("/pics/i2/16/chrome/polaroid_left.gif") no-repeat top left;
	display: block;
	float: left;
	/*line-height: 104px; /* This value + 16px + 14px (top and bottom padding of SPAN) must equal height of Photo background (default is 134px) */
	height: 126px;  /*Height of Photo background height */
	padding-left: 6px; /* Width of left Shadow image */
	text-decoration: none;
	vertical-align: middle;
	cursor: hand;
}
span.polaroidR {
	background: transparent url("/pics/i2/16/chrome/polaroid_right.gif") no-repeat top right;
	display: block;
	padding: 12px 12px 14px 6px; 
	cursor: hand;
}

body#find_gallery table#gallery span.polaroidL {
	background: transparent url("/pics/i2/16/chrome/polaroid_left.gif") no-repeat top left;
	display: block;
	float: left;
	height: 126px; 
	padding-left: 6px; 
	text-decoration: none;
	vertical-align: middle;
	cursor: hand;
}

body#find_gallery table#gallery span.polaroidR {
	background: transparent url("/pics/i2/16/chrome/polaroid_right.gif") no-repeat top right;
	display: block;
	padding: 12px 12px 14px 6px; 
	cursor: hand;
}

body#find_gallery table#gallery  img.photoShield {
	top: 0;
}

body#home div#featuredBox div.photo span.polaroidL {
	background: transparent url("/pics/i2/16/chrome/polaroid_left.gif") no-repeat top left;
	display: block;
	float: left;
	height: 126px; 
	padding-left: 6px; 
	text-decoration: none;
	vertical-align: middle;
	cursor: hand;
}
body#home div#featuredBox div.photo span.polaroidR {
	background: transparent url("/pics/i2/16/chrome/polaroid_right.gif") no-repeat top right;
	display: block;
	padding: 12px 12px 14px 6px; 
	cursor: hand;
}

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

div#profileHead {
	padding: 1em;
}

div#profileBg {
	float: left;
	width: 19.5em;
}

#profileHead #profileInfo {
	position:static; /*fix for IE6*/
}

#profileInfo h2 {
	display: inline;
	font-size: 2.0em;
	line-height: 0.8em;
	color:#669900;
	font-weight:bold;
}

#profileInfo img.gender {
	padding-left: 3px;
	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.2em;
	color: #333;
	font-size: 1.1em;
}

#profileInfo p#details, #profileInfo p#lastModify, #profileInfo p#lastLogin {
	margin: 0;
	padding: 0;
}

#profileInfo p#lastModify {
	padding-top:5px;
	padding-bottom:3px;
}

#profileInfo p#details {
	display: none;
}
#profileInfo p#lastLogin {
	padding-bottom: 15px;
	border: none;
	float: left;
}

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

/* #photosBox */

#photosBox {
	background:url("/pics/i2/16/chrome/profilepic_bg.gif") top left repeat-x;
	padding:1em;
	text-align:center;
	border:solid 2px #b4b4b4;
	width: 180px;
	float:left;
	clear:left;
}

#photosBox h4.prof {
	display:none;
}

#photosBox #primaryPhoto {
	text-align:center;
}

#photosBox #primaryPhoto a {
	display: block;
	overflow: hidden;
	text-decoration: none;
	color: #000;
	text-align:center;
	margin:0 auto;
	outline: none;
}

#photosBox ul {
	padding: 0;
	display:block;
	float:left;
	margin-left:8px;
}

#photosBox ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	display: block;
}

#photosBox li a {
	background:transparent url("/pics/i2/16/chrome/viewphotos.gif") no-repeat scroll 0 0;
	padding-left: 28px;
	float: left;
	height: 19px;
}

div#voiceBox {
	clear: both;
}

/* TWO_WAY MATCH */

#matchScore {
	color: #333;
	float: right;
	font-size: 1em;
	margin: 0.8em 0.5em 0.8em 0;
	text-align: right;
	width: 500px;
}

#matchScore #matchee p, #matchScore #matcher p {
	margin: 0;
	padding: 3px 0 0 0;
	clear: both;
	font-size: 0.9em;
}

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

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

#matchScore #twoway {
	margin-top:0;
	text-align:center;
	float: left;
}

#matchScore #twoway p {
	clear:both;
	font-size:0.9em;
	margin:10px 0 0 0;
	padding:40px 0pt 0 0;
	background: transparent url("/pics/i2/16/chrome/twoway_heart.gif") no-repeat scroll right 0;
	text-align: center;
	height: 20px;
	width:100px;
}

#matchScore #twoway h5 {
	margin-bottom:0px;
	margin-left:15px;
	margin-top:0px;
	width:100px;
	font-size: 1.2em;
	display: block;
	color: #c41016;
}

#matchScore #matchee {
	float:left;
	margin-top:28px;
	text-align:right;
	width:183px;
}

#matchScore #matcher {
	float:right;
	margin-top:28px;
	width:183px;
}

#matchScore #matchee .graph {
	background: url("/pics/i2/16/chrome/match_greybar.gif") 0 0 no-repeat;
	padding: 1px;
	width: 183px;
	height: 9px;
	float: right;
	padding-right: 0px;
}

#matchScore #matcher .graph {
	background: url("/pics/i2/16/chrome/match_greybar.gif") 0 0 no-repeat;
	padding: 1px;
	width: 183px;
	height: 9px;
	float: left;
}

#matchScore #matchee .graph #matcheeG {
	background: url("/pics/i2/16/chrome/matchee_greenbar.gif") repeat-x right 0;
	height: 9px;
	margin-right: 2px;
}

#matchScore #matcher .graph #matcherG {
	background: url("/pics/i2/16/chrome/match_greenbar.gif") repeat-x 0 0;
	height: 9px;
}

span.percentage {
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:bold;
	line-height:0.8em;
}

#matchScore #twoway span.percentage {
	color:#FFFFFF;
	font-size:1.5em;
	font-weight:bold;
	line-height:0.8em;
	display: block;
	margin-top: -15px;
	width: 75px;
	text-align: center;
	float: right;
}

div#matchee span.percentage, div#matcher span.percentage {
	color:#cc0000;
	font-size:1.3em;
	font-weight:bold;
	line-height:0.8em;
}

table.profile {
	border:medium none;
	empty-cells:show;
	margin:0pt;
}

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

table.profile td, table.profile th {
	padding: 0.4em 0 0.2em 0;
	border: none;
	border-bottom: 1px dotted #DDDDDD;
}

table.profile tr.last td {
	border: none;
}

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

#actionsPrimary, #actionsSecondary {
	clear: left;
	float: left;
	margin-top: 0;
	margin-left: 4px;
	padding: 0 0 0 1em;
	width: 19.5em;
}

#actionsPrimaryLinks, #actionsSecondaryLinks {
	margin-top:1em;
	border: 1px solid #ffd080;
	float:left;
	width:196px;
	padding:6px;
}

#actionsPrimaryLinks ul li, #actionsSecondaryLinks ul li { 
	margin-bottom: 0px;
}

#actionsPrimaryLinks ul li a, #actionsSecondaryLinks ul li a {
	float: left;
	height: 22px; /* fix for <= IE 6 */
	margin: 0;
	padding: 2px 0 0 30px;
	font-weight: bold;
	width: auto;
}

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

#actionsSecondaryLinks ul li p {
	float: left;
	height: 19px; /* fix for <= IE 6 */
	margin: 0;
	padding: 2px 0 0 30px;
	color: #666;
	font-weight: bold;
	width:auto;
}

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: #333;
	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 {
	background: none;
}

#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: none;
	color: #FF8A00;
	width: auto;
}

#actionsSecondaryLinks ul li span.note a:hover {
	color: #ff8a00;
	text-decoration:underline;
}

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

#actionsPrimaryLinks ul li#favourite, #actionsPrimaryLinks ul li#tellFriend, #actionsSecondaryLinks ul li#block, #actionsPrimaryLinks ul li#block, #actionsSecondaryLinks ul li#invPrivPhotos, #actionsSecondaryLinks ul li#favPrivPhotos {
    float:left;
	padding: 0.2em 0.3em;
}

#actionsSecondaryLinks ul li#favPrivPhotos p {
	line-height:14px;
}

#actionsSecondaryLinks ul li#favPrivPhotos span.note {
	padding-top:5px;
}

div#actionsPrimary div#contact {
	border: 1px solid #99cc33;
	background: #f7f7f7 url("/pics/i2/16/chrome/actionsprimary_contactbg.gif") left bottom repeat-x;
	float:left;
	width:196px;
	padding: 6px;
}

#contact a.contactButton {
	padding: 0 0 0 38px;
	font-size: 1.7em;
	font-weight: bold;
	background: url("/pics/i2/16/chrome/contact_off.gif") 0 1px no-repeat;
	color: #669900;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#adminBox, #profileHead #profileInfo, div#voiceBox, div#noteAndScoreBox {
	padding-left: 5px;
}

/*--- Find photos ------------*/

body#find_morePhotos div#backToProfile {
	background:#FFD080 url("/pics/i2/16/chrome/pagination_bg.gif") repeat-x scroll 0 0;
	border:1px solid #FFD080;
	clear:right;
	margin:0.3em 0 1em 240px;
	padding:0.4em 0.7em;
}
body#find_morePhotos #matchScore {
	display:none;
}
body#find_morePhotos div#profileBg {
	display:none;
}

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

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

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

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

div#tabsContainer {
	margin-top: 1em;
	position: relative; /* fix for IE */
	width: 48em;
	float: right;
	clear: right;
}

div#tabsContainer.collapsed div.tab .padder, div#tabsContainer.expanded .padder p, div#tabsContainer.expanded .padder h4, div#tabsContainer.expanded .padder h5, div#tabsContainer.expanded .padder .photo {
	padding: 0.8em;
	margin: 0;
}

div#tabsContainer div.tab div.padder {
	border:solid 1px #626262;
	background-color: #fff;
	position: relative;
	bottom: 1px;
	right: 0px;
	color: inherit;
	background: transparent url("/pics/i2/16/chrome/tabcontainerbg.gif") repeat-x scroll left bottom;
}

div#tabsContainer.collapsed div.tab {
	border: none;
}

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

div.expanded div.tab{
	background:#fff;
	margin-left: 2px;
	margin-top: 2px;
	border: 1px solid #FFFFFF;
}

div#tabsContainer.expanded table.profile td, table.profile th {
	padding: 0.4em 0.4em 0.2em 0.4em;
}

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

h6 {
	border-bottom:1px solid #ffd080;
	font-size:1.6em;
	margin-bottom:0.5em;
	padding:0.3em 0 0.2em 0.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}

div#summary div#narrativeMore h6 span {
	padding-left: 28em;
	*padding-left: 28.6em;
}

div#summary div#aboutMore h6 span {
	padding-left: 30em;
}

div#private h3, div#public h3, div#summary h3, div#about h3, div#narratives h3, div#match h3, div#depth h3 {
	background-color:#FFFFFF;
	border-bottom:1px solid #CCC;
	height:24px;
	padding:0.1em 0 0.1em 0.3em;
	background: url("/pics/i2/16/chrome/subheadbg.gif") repeat-x scroll left top;
	color:#333;
}

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

ul#tabsNav {
	position:relative;
	z-index:100;
}
ul#tabsNav li {
	margin: 0 0.3em 0 0;
	padding: 0;
}

div#content ul#tabsNav li a:link, div#content ul#tabsNav li a:visited, div#content ul#tabsNav li a:hover, div#content ul#tabsNav li  a:active{
 	color: #FFFFFF;
}

ul#tabsNav li a {
	padding: 0.3em 0.8em 0.3em 0.8em;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color:#515151;
}

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

ul#tabsNav li.on a {
	background-color:#FFF;
	background:transparent url("/pics/i2/16/chrome/tab_on_right.gif") no-repeat scroll right 0;
	color:#ff8a00 !important;
}

ul#tabsNav li.on {
	background:#FFFFFF url("/pics/i2/16/chrome/tab_on_left.gif") no-repeat scroll left 0;
	border: 0px;
}
ul#tabsNav li a:visited {
	color:#ff8a00; 
}

/*--- tabs ------------*/
div#depth table.profile {
	margin-bottom: 1em;	
}

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

/*--- expand/collapse toggle ------------*/
div#toggleView {
	margin-right:1em;
} 

div#toggleView a { 
	padding: 0 0 0 28px;
	margin-left: 0.2em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 24px;
	height: 26px;
	width:113px;
	font-size: 1.2em;
	text-decoration: none;
	text-transform: lowercase;
	color:#FFFFFF;
}

div.toggleMoreOptions a {
	padding: 3px 7px 4px 28px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	color: #fff;
}

div#toggleView a.expandAnchor {
	background: transparent url("/pics/i2/16/chrome/toggleView_expand.gif") 0 center no-repeat;
}

div.toggleMoreOptions a.expandAnchor {
	background: #FFFFFF url("/pics/i2/16/chrome/expand_off.gif") 6px center no-repeat;
}

div#toggleView a.collapseAnchor {
	background: transparent url("/pics/i2/16/chrome/toggleView_collapse.gif") 0 center no-repeat;
}

div.toggleMoreOptions a.collapseAnchor {
	background: #FFFFFF url("/pics/i2/16/chrome/collapse_off.gif") 6px center no-repeat;
}

div#toggleView a.expandAnchor:hover {
	background: transparent url("/pics/i2/16/chrome/toggleView_expandh.gif") 0 center no-repeat;
}

div.toggleMoreOptions a.expandAnchor:hover {
	background: #FFFFFF url("/pics/i2/16/chrome/expand_on.gif") 0 center no-repeat;
}

div#toggleView a.collapseAnchor:hover {
	background: transparent url("/pics/i2/16/chrome/toggleView_collapseh.gif") 0 center no-repeat;
}

div.toggleMoreOptions a.collapseAnchor:hover {
	background: #FFFFFF url("/pics/i2/16/chrome/collapse_on.gif") 6px center no-repeat;
}

div.toggleMoreOptions {
	float: left;
	position: relative;
	width: 9em;
	margin-left: -14em;
}

div.toggleMoreOptions a {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	text-indent: -300em;
	background-position: center center !important;
	outline: none;
}

div.toggleMoreOptions a:hover {
	color: #fff;
	background-color: #FFFFFF !important;
}

/* headings */

div.tab h4.prof, div#depth table.profile caption, div#narratives h4 {
	font-size: 1.1em;
	text-align: left;
	color: #333;
}

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

p#tabToggle a {
	padding: 4px 0 0 30px;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	text-transform: lowercase;
	color: #FFFFFF;
	margin-bottom: 1em;
	float: right;
	cursor: pointer; /* fix for Opera */
	margin:0;
	width:98px;
	height:26px;
}

p#tabToggle a#expandAnchor {
	background: transparent url("/pics/i2/16/chrome/tabToggle_expand_on.gif") right top no-repeat;
	width:98px;
}

p#tabToggle a#expandAnchor:hover {
	background: transparent url("/pics/i2/16/chrome/tabToggle_expand_off.gif") right top no-repeat;
}

p#tabToggle a#collapseAnchor {
	background: transparent url("/pics/i2/16/chrome/tabToggle_collapse_off.gif") right top no-repeat;
	width:98px;
}

p#tabToggle a#collapseAnchor:hover {
	background: transparent url("/pics/i2/16/chrome/tabToggle_collapse_on.gif") right top no-repeat;
}

p#tabToggle a:hover {
	color: #FFFFFF;
} 

/*--- popular profiles ------------*/
table.popular {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	float: left;
	margin-bottom: 1.5em;
	margin-right: 1.5em;
	width: 45%;
}

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

table.popular th.rank, table.popular th.details, table.popular th.photo {
	color:#EE283A;
	font-weight:bold;
}

table.popular td.photo {
	text-align:center;
}

/*--- 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: #fff4d8 url("/pics/i2/0/ajaxActivity.gif") 0.5em 0.4em no-repeat;
	color: #555;
}

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

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

/* 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.story {
	border: 1px solid #CCC;
	width: 33.8em;
	float: left;
	margin-bottom: 1em;
	border-top: none;
}
div.story h3{
	margin: 0;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.1em;
	color: #333;
	background: #EFEFEF url("/pics/i2/16/chrome/subheadbg.gif") repeat-x scroll;
	height:26px;
	padding: 0.6em 0.4em 0em 0.4em;
	border-top: 1px solid #CCC;
}
body#info_success div.story p {
	padding:0.4em;
}
body#home div#storiesBox blockquote, body#spalsh div#storiesBox blockquote {
	padding-left: 0.2em;
}

/* body#gallery */

body#find_gallery tr.alt td {
	background-color:#FFFFFF;
}
body#find_gallery table#gallery td.c {
	width: 12em;
}
body#find_gallery table#gallery td h4 {
	border:medium none;
	margin:0.6em 0 0.3em 0.2em;
	text-align: left;
	clear: both;
}
body#find_gallery table#gallery td p.headline {
	font-size:0.9em;
	margin:0.4em 0.4em;
	text-align: left;
}
body#find_gallery table#gallery {
	border-collapse:separate;
	border-spacing:2em;
}
body#find_gallery table#gallery td {
	/*height:15em;*/
	text-align:center;
}
body#find_gallery div#galleryAlign div#galleryWrapper{
	width: 100%;
	margin: auto;
}
body#find_gallery div#galleryAlign{
	width: 100%;
	margin: 0;
	text-align: center;
}

body#find_gallery div#galleryAlign img{
	outline:none;
}

body#find_gallery div#galleryAlign a {
	text-decoration:none;
	outline:none;
}

/*----Adcode---*/
div#adSlot_home {
	float:right;
	margin-bottom:1em;
	text-align:center;
	width:300px;
	margin-right: 0.5em;
}

span#adSlot_header {
	float:none;
	text-align:center;
	margin-bottom: 1.4em;
	display:block;
}
div#adSlot_contentTop.mediumRectangle {
	float:right;
	height:250px;
	margin-bottom:2em;
	margin-left:1em;
	width:300px;
}

body#help_report div.intro p, body#help_privacy div.intro p {
	font-weight:normal;
}

body#help_report div.intro h4.sub {
	font-size:1.2em;
	font-weight:bold;
}

body#mail_write fieldset#mailHead span.note {
	display: inline;
}

body#profile_photos fieldset.photoVisibility {
	margin-top:5px;
}

/*--- CTA elements ------------*/
div#ctaWrapper {
	border: 1px solid #a1a1a1;
	margin:0 0 10px 0;
	padding:0;
	width:95%;
	background: url("/pics/i2/16/chrome/options_bg.gif") left bottom repeat-x;
}

div#ctaWrapper div#ctaBg {
	margin:0;
	padding:10px;
	float: left;
	width:95%;
}

div#ctaSecondaryProfile {
	margin-right: 10px;
}

body#find_profile div#ctaPrimary {
	float:left;
}

div#ctaBg h3 {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:25px;
	border-bottom: 1px solid #a1a1a1;
	border-top: none;	
	background:none;
	width:90%;
	float:left;
}

div#ctaWrapper div#ctaContent {
	margin:0;
	padding:0;
	float:left;
	width:98%;
}

div#ctaBg h2 {
	color:#ff8a00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

div#ctaAction {
	padding:10px 0 10px 0;
	float: left;
}

div#ctaAction p#profileCTA a.ctaActionButton {
    /* Sliding right image */
    background: transparent url('/pics/i2/16/chrome/ctaAction_buttonright.gif') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 45px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 51px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:normal;
}

div#ctaAction p#profileCTA a.ctaActionButton span {
	/* Background left image */ 
	background: transparent url('/pics/i2/16/chrome/ctaAction_buttonleft.gif') no-repeat; 
	display: block;
	line-height: 39px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 2px 0px 5px 18px;
	font-size:1.2em;
	font-weight:normal;
} 

div#ctaAction p#profileCTA a.ctaActionButton:hover span {
	text-decoration:none;
}

div#ctaAction p#ctaMemberAccess { 
	clear:both; 
	padding:0; 
	margin:0;
	padding-top:10px;
	*padding-top:0px;
}

body#find_morePhotos div.ctaExtra {
	width:200px;
	height:80px;
	padding: 10px 0 0 0;
}

body#find_morePhotos div#ctaExtra_1 {
	background: url("/pics/i2/16/chrome/ctaExtra1.gif") left no-repeat;
}

body#find_morePhotos div#ctaExtra_2 {
	background: url("/pics/i2/16/chrome/ctaExtra2.gif") left no-repeat;
}

div#ctaSecondaryProfile.noPicP1 {
	display: none;
}

/*--- #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 ul#charterList {
	list-style-type: none;
}

@media print {

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

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

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

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

/*--- 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: #0A0A0A;
	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;
}

}