/*
 * Main body and layout 
 */

body, td {
    color: #000000;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 11px;
}

img {
	border:0;
	-ms-interpolation-mode:bicubic;}

#leftnavi {
	background-color: #ffffff;
}

#contentpane {
	background-color: #ffffff;
}

#content {
	
}

#chart {margin: 7px}

.leftnavicell {
	padding: 5px;
}

/*  */

input, select, textarea {
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 11px;
}

/*  */

.error {
	color: red;
    font-weight: bold;
}

.success {
	color: green;
    font-weight: bold;
}

.inline {
	display: inline;
}

.pad-kill {
	padding: 0;
}

.tab {
    color: inherit;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}

.tabselect {
    color: inherit;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}

.naviitem {
	font-weight: bold;
}

/*  */

.tableTitle1 {
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}

.tableTitle1 a {
    color: inherit;
    text-decoration: underline;
    padding: 0px;
}

.tableTitle1 a:hover {
    text-decoration: none;
}

.tableTitle1 td {
    color: inherit;
}

.tableTitle2 {
    font-size: 11px;
    font-weight: bold;
}

.tableTitle2 a {
    color: inherit;
    text-decoration: underline;
    padding: 0px;
}

.tableTitle2: ahover {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#uploadform {
	margin: auto; width: 360px; padding-bottom: 15px;
}

#other_ways {
	text-align: center;
} 

#other_ways_webcam {
	text-align: center; width: 504px;
} 



/* Not Interested (TBNT) */

#not-interested-msg-send {
	width: 100%;
	display: block;
	text-align: center;
	}
#not-interested-msg-send table {
	width: 86%;
	margin: 0 auto;
	text-align: left;
	}
#not-interested-msg-send .intro {
	font-size: 110%;
	}
#not-interested-msg-send .preview .altrow {
	padding: 5px;
	}
#not-interested-msg-send .preview-content {	
	padding: 12px;
	height: 110px;
	overflow-y: scroll;
	}




/*** IM ***/

.chat-details { color: red; }
.chat-active {
    background: #fff url(../s365-waves/images/icons/16x16/plain/message.gif) right center no-repeat;
}
.chat-selected {
    background-color: #EFFAFF;
}
.chat-new {
    background: #fff url(../s365-waves/images/icons/16x16/plain/message-flash.gif) right center no-repeat;
}
#outputList {
    margin: 0;
    padding: 0;
}
#outputList li {
    margin: 0 0 1em 0;
    list-style: none;
}
.msgGF {
    padding-left: 20px;
    font-weight: bold;
    background: white url(../s365-waves/images/icons/16x16/plain/user3.gif) left top no-repeat;
}
.msgGM {
    padding-left: 20px;
    font-weight: bold;
    background: white url(../s365-waves/images/icons/16x16/plain/user1.gif) left top no-repeat;
}
.msgGI {
    padding-left: 20px;
    font-weight: bold;
    background: white url(../s365-waves/images/icons/16x16/plain/about.gif) left top no-repeat;
}
.msgGS {
    padding-left: 20px;
    font-weight: bold;
    background: white url(../s365-waves/images/icons/16x16/indicator.gif) left top no-repeat;
    font-style: italic;
    font-weight: normal;
}
.msgDate {
    /*font-style: italic;*/
    display: none;
}
li.list-male span {
    background: url(../s365-waves/images/icons/16x16/plain/user1.gif) left center no-repeat;
    padding-left: 20px;
    height: 16px;
}
li.list-female span {
    background: url(../s365-waves/images/icons/16x16/plain/user3.gif) left center no-repeat;
    padding-left: 20px;
    height: 16px;
}
li.list-fav span {
    background: url(../s365-waves/images/icons/16x16/plain/star_yellow.gif) left center no-repeat;
    padding-left: 20px;
    height: 16px;
}
#imMsg {
	/*
	width: 90% !important;
	width: 100%;
	*/
	width: 480px;
	height: 53px;
}
/* this is to squish the lists together */
.navbar ul {
    padding: 0;
    list-style: none;
    background-color: white;
}
.navbar h4 {
	font-size: 1.1em;
}
#knockknock ul { padding: 5px 0; margin: 0; }
#knockknock li {
	 margin: 2px 0;
	 height: 16px;
}
table.smilies td {
	padding-right: 20px;
}
table.smilies tt {
	font-size: 120%;
}

/* new who's online listing */
#who_filter {margin: 10px 0 0 10px; font-size: 90%}
#who-userlist {list-style: none; padding: 0; margin: 0; width: 531px}
#who-userlist li {border: 1px solid #CCC; padding: 5px; margin: 0 4px 4px 0; float: left}
#who-userlist li .member-title {margin: 0 0 3px 0; position: relative}
#who-userlist li h2 {font-size: 1em; margin: 0 0 2px 0}
#who-userlist li h2.who-fav {padding-left: 18px; background: transparent url(../s365-waves/images/icons/16x16/plain/star_yellow.gif) no-repeat left center}
.who-list-profile {margin-top: 5px}
.who-img-link {float: left; width: 90px; height: 90px; margin: 0 auto; margin-bottom: 3px; overflow: hidden}
.who-img-link img {width: 90px; border: 0}
.who-img-male {background: url(../s365-waves/images/nopic-male.jpg) right center}
.who-img-female {background: url(../s365-waves/images/nopic-female.jpg) right center}
.who-profile {padding-left: 5px; float: left; width: 154px; font-size: 70%}
#who-userlist li .talk-link {clear: both; margin: 2px; text-align: left}
.talk-link a {display: block; padding-left: 18px; background: transparent url(../s365-waves/images/icons/16x16/plain/message-trans.gif) no-repeat scroll left center}
.talk-link a:hover {background-image: url(../s365-waves/images/icons/16x16/plain/message.gif)}
#who-userlist li .who-profile {display: block}
#who-userlist li.collapsed .who-profile {display: none}
.who-list-age-m, .who-list-looking-m, .who-list-loc-m {font-weight: bold}

/* credit pages */
#credit_balance {border: 1px solid #DDD; background-color: #EEE; padding: 10px; margin: 30px auto 40px auto; font-size: 120%; width: 60%; text-align: center}
#credit_balance .credit_count {font-size: 150%; font-weight: bold}
#credit_statement {width: 100%; border-collapse: collapse; margin-bottom: 20px}
#credit_statement th {padding: 7px}
#credit_statement td {padding: 7px; vertical-align: top}
#credit_statement .statement_line_date td {font-weight: bold; border-top: 1px solid #CCC; border-bottom: 1px dotted #DDD; background-color: #E9E9E9}
#credit_statement .statement_cell_time {text-align: right; color: #AAA}
#credit_statement .statement_cell_detail {width: 350px}
#credit_statement .statement_cell_detail .cell_detail_info {font-style: italic}
#credit_statement tr.statement_line_last td {border-bottom: 1px solid #CCC}

/* gift pages */
#giftshop {font-family: Helvetica, Arial, sans-serif;}
.gifttoph3 {position:relative; margin-top:10px}
.gifttoph3 span {font-size:12px; font-weight: bold; color: black; position: absolute; right:0; top:6px}
.gifttoph3 span em {font-style: normal; color: red}
.gifth3 {border:0; padding:9px 0 9px 0; margin:0}
#giftprofile, #giftmessage, #giftsend { background-color:#EEE; padding: 10px; border: #999 solid 1px;}
#giftphoto {float:left; height:62px; width:62px }
#giftprofiletext {float: right; width: 432px; padding: 0 0 0 8px}
#giftmembershortprof {margin-top:8px}
#giftshop {margin-top:10px; border-top: #999 solid 1px; border-bottom: #999 solid 1px}
#giftshoptop {text-align:left; position: relative; background-color:#EEE; padding:0 8px 0 8px; margin:0}
#giftshoptop span {color: black; position:absolute; right:8px}
#giftshoptop span a {text-decoration: none}
#giftshoptop span em {font-style:normal; text-decoration: underline}
#giftshopbody {float: left; margin: 8px; padding:0}
#chosengiftcost, #giftmessagelabel {font-size:13px; font-weight: bold; color: black}
#chosengiftcost em {font-style: normal; color: red}
#giftmessagelabel {line-height: 3em; font-size:120%; font-weight: bold; color: black}
.giftwrapper {float: left; margin:0 9px 5px 9px}
.transpgiftimg {background-image: none; background-repeat: no-repeat; width: 64px; height: 64px}
#chosengiftsubtag, .giftsubtag {text-align: center; padding: 3px; color: #999}
.gift_bg_plain {float: left; margin:3px 15px 5px 15px; border:#FFFFFF solid 1px; }
.gift_bg_highlight {float: left; margin:3px 15px 5px 15px; border: #FFDF70 solid 1px; background-color:#EFFAFF}

/* Personality Profile Process graph */

.graph{
	padding:10px 0 20px 20px; text-align: center;
}

.graph_thin_green {	
	position:relative;
	width:512px;
	height:23px;
}

.graph_thin_green_open {
	height: 23px;
	width: 12px;
	position:absolute;
	top:0;
	left:0;
	background: transparent url("../s365-waves/images/lifestyle/graphs/graph_thin_green_open.gif") no-repeat 0 0; 
}

.graph_thin_green_close {
	height: 23px;
	width: 11px;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
	background:url("../s365-waves/images/lifestyle/graphs/graph_thin_green_close.gif") no-repeat 0 0; 
}

.graph_thin_green_bar {
	height: 23px;
	position:absolute;
	top:0;
	left:12px;
	width: 500px;
	background:transparent url("../s365-waves/images/lifestyle/graphs/graph_thin_middle.gif") repeat-x 0 0;
	line-height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #249816;
	border:10px; 
}

.graph_thin_green_bar strong {
		height: 15px;
		margin-top: 4px;
		line-height: 15px;
		background: transparent url("../s365-waves/images/lifestyle/graphs/graph_thin_green.gif") repeat-x 0 0;
		border-right: 1px solid #249816;
		color: #000000;
		text-align:center; 
		display:block;
		float:left;
}

.graph_thin_green_bar b {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height: 49px;
		color: #000000;
		padding-left: 3px; 
}	

/* messages */
.altrow.unread {font-weight:bold;}
.altrow.read,.altrow.read a strong {font-weight:normal;}

/**
 * Video profiles
 */

.vid_holder {
	position: relative;
	margin: 0;
}
.vid_holder h4 {
	margin: 0;
}
.video_delete {
	display: block;
	position: absolute;
	right: 0.5em;
	top: 0.5em;
}
.player_wrapper {
	margin-left: 100px;
}

/**
 * Auto-delete message
 */

.msgs-will-be-deleted {
	color: #999;
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

/* Cancellation / Deletion pages */

ul#benefits {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#benefits li {
	clear: left;
}
ul#benefits h4 {
	clear: left;
	line-height: 24px;
	cursor: default;
	float: left;
	width: 250px;
}
ul#benefits .benefit {
	line-height: 120%;
}
ul#benefits img {
	margin-right: 5px;
	display: block;
	float: left;
}
ul#benefits a {
	display: block;
	cursor: help;
}
.benefit-detail {
	width: 200px;
	background: #fff;
	border: #03629C solid 1px;
	padding: 5px;
	line-height: 120%;
	text-align: left;
	z-index:1000;
}
.benefit-detail p {
	margin: 0;
    z-index:1000;
}

.support-inline-helpbox {
	float:right;
	display:block;
	margin:0 0 10px 10px;
	padding:5px 7px 5px 5px;
	border:1px solid #0077BD;
}

.support-inline-helpbox p {
	padding:0 0 5px 26px;
	margin:0;
}

/* Mobile Payments */
#mobile-payment {
	padding: 0 7px 20px 7px;
}

#itelebill-iframe {
	padding-left: 48px;
}

.process-bar {
	text-align: center;
	padding: 15px 0 35px 0;
}

/**
 * New-style payment page styles
 */

#alt-payment-wrapper {
	text-align: center;
}
#alt-payment-text {
	display: block; margin-top: 4px;
}
#paypal-link {
	cursor:pointer;
}

.highlightBox {background-color:#EFFAFF;padding: 10px 10px 0 10px;border:solid 1px #ABADAD;}
#payment-wrapper h5{font-size:110%;height:1%;margin-top:0.8em;margin-right:80px;margin-bottom:0;}
#payment-wrapper .results{padding:15px 25px 0.5em;border:1px solid #067abf;margin:1em 0 0 0;background-color:white;}
#payment-wrapper .member-photo img,#payment-wrapper img.member-photo{border:1px solid #03629C;}
#payment-wrapper #upg-help{padding:0 80px 0.5em 10px;border-bottom-width:0px;}
#payment-wrapper #upg-help img{margin-right:1ex;}
#secure-box ul li.tableTitle1{font-size:10px;*padding-bottom:0;}
#secure-box{height:1%;position:relative;width:680px;margin-bottom:1em;left:10px;}
#secure-box #upg-secure{position:absolute;top:-28px;right:24px;border:1px solid #ABADAD;}
#secure-box .upg-column{padding-top:1em;float:left;display:inline;}
#secure-box h3{font-weight:bold;font-size:120%;border-bottom:0;margin-bottom:0.7em;}
#secure-box li#upg-features h3{color:#000;margin-top:0;padding-top:0;}
#secure-box .upg-column{height:1%;}
#secure-box #upg-column1{width:306px;margin-right:20px;margin-left:12px;}
#secure-box #upg-column1 ul{padding:0;margin:0;}
#secure-box #upg-column2{width:315px;}
#secure-box ul{list-style:none;padding-left:0;}
#secure-box ul li{margin-bottom:1em;height:1%;}
#secure-box ul li{padding:10px;position:relative;}
#secure-box ul li#upg-features ul li{background:transparent url(images/payment/icn-feat-tick.png) no-repeat left top;padding:0 0 0 23px;margin-left:5px;margin-bottom:0.5em;}
#secure-box ul li#upg-features{background-color:#fff;color:#000000;}
#secure-box ul li span.tableTitle2{color:#666;font-size:110%;}
#secure-box ul li.upg-opt-default span.tableTitle2{font-size:120%}
#secure-box ul li span.upg-radio-choose{float:left;width:55%;*width:50%;height:100%;display:inline;padding-top:0.3em;}
#secure-box ul li span.upg-radio-choose input{display:inline;}
#secure-box ul li span.upg-radio-choose label{position:absolute;top:0px;left:0px;padding:12px 0 10px 40px;font-size:120%;width:87%;cursor:pointer;}
#secure-box ul li span.upg-radio-choose label span.upg-period-days{font-size:70%;display:block;}
#secure-box ul li span.upg-opt-info{margin-left:55%;*margin-left:50%;display:block;font-size:80%;}
#secure-box ul li span.upg-opt-info span.tableTitle2 strong{font-size:170%;font-weight:normal;}
#secure-box .upg-offer-code span{display:block;padding:0.5em 0;}
#secure-box .upg-offer-entry{margin-bottom:1em;}
#secure-box .upg-offer-entry span{background-color:#fff;margin-top:0.5em;padding:0.8em 0.3em 0.8em 10px;}
#secure-box .upg-offer-entry #upg-promocode{width:110px;}
#secure-box .upg-offer-code input.button{font-size:11px;}
#secure-box .upg-month-detail {padding:10px;background:#fff;position:relative;color:#000000;border:solid 1px #ABADAD;}
#secure-box form fieldset{border:1;margin:0;padding:0;}
#secure-box fieldset.pay-form{background:#fff;padding:1em 10px;margin-bottom:1em;}
#secure-box .pay-form .card-details label{width:95px;float:left;display:inline;text-align:right;margin-right:8px;padding-top:0.4em;color:#000;}
#secure-box .pay-form div{margin-bottom:0.5em;}
#secure-box .pay-form input[type='text'],#secure-box .pay-form textarea{width:160px;}
#secure-box .pay-form div .upg-textarea{position:absolute;top:0.3em;}
#secure-box #pay-card-num-label{background:#fff url(images/payment/icn-secure-mini.png) no-repeat left center;}
#secure-box .pay-form input.button{font-size:1.5em;}
#secure-box .card-types{height:1%;margin:0 !important;}
#secure-box .card-types .card-clear{clear:both;margin:0;}
#secure-box .card-types span{position:relative;text-align:center;width:55px;float:left;height:60px;display:inline;}
#secure-box .card-types table{width:100%;}
#secure-box .card-types td{vertical-align:top;text-align:center;width:25%;padding:0 0 10px 5px;margin:0;}
#secure-box .card-types td img{display:inline;cursor:pointer;}
#secure-box #alt-pay-methods{margin:0;}
#secure-box ul li.upg-opt-default{*padding-bottom: 8px;}
#secure-box ul li.upg-opt-default span.upg-opt-info{margin-left:65%;*margin-left:60%;font-weight:normal;padding-top:0.5em;}
#secure-box ul li.upg-opt-default span.upg-opt-info span.tableTitle2{color:#fff;height:1%;}
#secure-box ul li.upg-opt-default .upg-radio-choose small{font-size:70%;}
#secure-box ul li.upg-opt-default .upg-radio-choose label{font-size:130%;white-space:nowrap;width:86%;}
#secure-box ul li.upg-opt-default .upg-radio-choose label span.upg-period{font-size:120%;}
#secure-box ul li.upg-opt-default .upg-radio-choose label span.upg-period-days{display:inline;}
#secure-box ul li.upg-opt-default .upg-radio-choose .upg-saving{display:inline-block;margin-top:0.5em;padding:0.4em 8px 0.2em;color:#0167A2;text-transform:uppercase;border:none;font-size:80%;}
#secure-box ul li.upg-opt-default .upg-opt-info span.tableTitle2 strong{font-size:280%;font-weight:normal;}
#secure-box .red {color: #f00;}

/* email validation */
#verify-wrapper{padding: 10px 30px 30px 20px;}
#verify-detail{margin:15px 0 25px 40px;}
#verify-detail div{margin-bottom:3px;}
#verify-detail div span{display:inline-block;width:150px;}
#detail-id{font-size:150%;}
#verify-instr-h{padding:10px;margin:20px 90px;}
#verify-instr{display:block;line-height:1.5em;font-weight:normal;background-image:url('images/id_card_ok.png');background-repeat:no-repeat;margin:5px 10px;padding-top:0px;padding-left:65px;*height:50px;min-height:45px;}
#verify-instr .vi-extra{font-size: 80%;}

/* notification settings */
.settings-form{margin-top:20px;}
.form-settings{margin:6px 10px 16px 10px;}
.form-settings table{padding:6px;width:100%;border:0;border-collapse:collapse;}
.form-settings td{padding:3px 6px;}
.form-settings th{border:10px;font-size:70%;}
.form-settings th.settings-heading{text-align:left;width:260px;padding-bottom:5px;}
.form-settings th.on-off-heading{width:40px;text-align:center;}
.form-settings td.on-off{width:40px;text-align:center;}
.form-settings tr.footnote td{padding:5px 2px;font-size:60% !important;}
.form-settings .submit-bar{text-align:right;margin-right:10px;}