/*-- box -------*/
#invitebox{
	background:#fdfeff url(../images/bgs/makevisit/makeavisit-topbox_bg.gif) bottom repeat-x;
	position:relative;
	border:1px solid #cecccc;
	margin:0;padding:0;
	}

#invitebox h4 {
	color: #24507f;
	font-size: 16px;
	font-weight: bold;
	}

/* css for msg & invite pages */
/*navigation bar */
.detail-nav-r,
.detail-nav-l{ /*setting for rounded corner box nav-bar using sliding door technique*/
	width:330px;
    height: 48px;
    margin:0 auto;
    display: block;
	}
.detail-nav-r{ /*the right background of the roundcorner */
	background:transparent url(../images/bgs/detail-nav/details_nav_bgr.png) right no-repeat;
	}
.detail-nav-l{ /*the left part of the roundcorner */
	background:transparent url(../images/bgs/detail-nav/details_nav_bgl.png) left no-repeat;
	}


.detail-nav { /*Controls the appearance of the navigation bar on messages page & invitation page*/
	width:100%;
	margin:12px auto;
    }

.detail-nav .submenu { /* Controls the spacing and appearance of the text within the nav-sub-bar: same taste and neighbors */
    font-family: "Trebuchet MS";
    font-size: 12px;
    font-weight: normal;
	margin:0 4px;
}

.detail-nav .submenu div { /* Controls the containing div which houses the text: same taste and neighbors */
    float: left;
    list-style-type: none;
    height: 40px;
	width:107px;
	padding-top:8px;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
}

.detail-nav .submenu div.selected { /* Button for the selected linke: atm - Same taste */
    background: url(../images/bgs/detail-nav/detail_nav_active.png) no-repeat top;
}

.detail-nav-l .submenu a { /* unselected text  color */
    color: #2a73b7; 
	line-height:18px;
}
.detail-nav .submenu div.selected a{ /* Same Taste Text */
    color: #fff !important;
}

/* mail/msg lists/archive */
.msg_list{ /*table for list msg & invites */
	width:550px;
	margin:20px auto 24px;
	font:normal 11px/24px "Trebuchet MS", sans-serif;
	}
	.msg_list tr.msgrow_evn { /*zebra style for rows, different color for even row*/
		background-color:#effcfe;
		}
	.msg_list td, .msg_list th{ /*general td alignment for this table */
		text-align: left;
		padding:0 2px;
		}	
	.msg_list thead{ /* head table list msg&invites, usually it contain column's label/header */
		color:#24507f;
		font-weight:bold;
		}
	.msg_list tbody{ /*style for the list msg&invites table body */
		color:#000;
		font-weight:normal;
		}
		.msg_list tbody a{ /*links on the table body */
			color:#000;		
			}
	.msg_list .chklist{ /* style for checkbox container */
		text-align:center;
		width:24px;
		}	
		.msg_list .chklist input{ /* style for checkbox */
			vertical-align:middle;
			}
	.msg_list .msgaddrs{/* style for address container */
		width:140px;
		}
	.msg_list td.msgsubject{/* style for subject container */
		font-weight:normal;
		
		}	
		.msg_list .msgsubject .msgtitle{ /*msg title */
			font-weight:normal; 
			}
		.msg_list .msgsubject .msgexcerpt{ /* a little bit of msg that shown on the msg list */
			color:#333;font-size:11px; 
			}	
	.msg_list .msgdate{/* style for date container */
		width:80px;
		}
	.msg_list .msgdel{/* style for date container */
		color:#dc1b3a;
		text-transform:uppercase;
		}
		.msg_list .msgdel a{ /*for delete so its red */
			color:#dc1b3a;
			}
			.msg_list tfoot th.msgdel{ /*delete header*/
				padding:14px 0;
				}


/*for peding invite list customization */

.msg_list#pending_invite{ /*table width for pending invite lists*/
	width:450px;
	}
	.msg_list#pending_invite .msgaddrs{ /*address column adjsutmen for pending list*/
		width:260px;
		}


/*form input for invite&msg page, no blue background but white/no-bg with inputs with thin border*/
.form_inv-msg{ /*general form invite or send msg class */
			width:100%;
			_height:100px;
			position:relative;
			z-index:810;
			color:#24507f;		
			}


	.form_inv-msg_cont{ /*container wrapper*/
	padding:12px 32px 16px;
	margin:0 auto;
	position:relative;
	}
	
	body #container .column#center #featuredbox .form_inv-msg_cont div{
	zoom:1; /*IE7 fix*/
	}
	
	
	.form_inv-msg_cont .form_row{ /*form row */
		clear:both;
		margin:4px auto;
		font-size:14px;
		color:#24507f;
		}
		.form_inv-msg_cont .form_row p.import{ /* the inset for import addresses from webmail services on the invite form */
			font-size:13px;
			margin:12px 0;
			font-weight:bold;
			line-height:24px;
			}
			.form_inv-msg_cont .form_row p.import a img, .form_inv-msg_cont .form_row p.import a{ /*adjsuting vertical position */
				vertical-align:bottom;
				}
		.form_inv-msg_cont .lft{ /* the left column of the form invite&msg */
			float:left;
			text-align:left;
			padding-top:4px;
			color:#24507f;
			font-weight:bold;
			width:12%;
			}
		.form_inv-msg_cont .rgt{ /* the right column of the form invite&msg */
			/*margin-left:16%;*/
			float:right;
			width:82%;
			margin-left:2%;
			}
		.form_inv-msg_cont input.textinput,
		.form_inv-msg_cont div.textinput{ /* the input field column of the form invite&msg */
				display: block;
				font-weight:bold;
				font-size: 14px;
				font-family:"Trebuchet MS", sans-serif;
				width:100%;
				padding:4px 0px 4px 4px;
				/*color: #d2d6db;*/	
				color:#999;
				border: 1px solid #c7dadf;
				margin-bottom:10px;
				}
				.form_inv-msg_cont div.textinput{
					min-height:24px;
					_height:24px;
					line-height:24px;
					width:100%;
					position:relative;
					_position:static;
					*left:7px;
					}
				#changeloc_search input.textinput:hover,
				.form_inv-msg_cont div.textinput:hover{ /* the input field hover effect of the form invite&msg */
					border-color: #2092fa;
					}
			.form_inv-msg_cont span.tabstop{ /*the tabs/btn_dest stopped */
				position:static;
				display:block;
				}
				.form_inv-msg_cont span.tabstop input {
					border:none;
					min-height:24px;
					_height:24px;
					line-height:24px;
					}
	 .form_inv-msg_cont div.divinput{ /* the input field column of the form invite&msg */
				display: block;
				float: left;
				width:99%;
				padding:4px 0px 4px 4px;
				color:#999;
				border: 1px solid #c7dadf;
				margin-bottom:10px;
				}

		.form_inv-msg_cont input.textinputnoborder{ /* the input field column of the form invite&msg */
				display: block;
				font-weight:bold;
				font-size: 14px;
				color: #000;
				font-family:"Trebuchet MS", sans-serif;
				width:99%;
				border: 0px;
				}

		div.reseiverblock { /*style for review rows text-copy on user-reply, user review*/
			float: left;
			height:25px;
			text-align:center;
			vertical-align:middle;
			background: url(../images/buttons/btn2_c.png);
			font-weight:bold;
			font-size: 14px;
			font-family:"Trebuchet MS", sans-serif;
			color:#FFF;
		}
				
				#changeloc_search input.textinput:hover{ /* the input field hover effect of the form invite&msg */
					border-color: #2092fa;
					}			

	.form_inv-msg_cont textarea.msg{ /* the input field column of the form invite&msg -- textarea to input msg text*/
		margin:0 auto;
		border:1px solid #c7dadf;
		font-weight:bold;
		font-size:14px;
		font-family:"Trebuchet MS", sans-serif;
		padding:4px 0px 4px 4px;
		color:#999;
		text-align:left;
		width:100%;
		}
	.form_inv-msg_cont input.textinput.darkgrey, .form_inv-msg_cont textarea.msg.darkgrey{ /*different style for particular field */
					color:#333;
					}
		.form_inv-msg_cont div.spot_act{ /*action buttons -- cancel or invite/send */
			clear:both;
			margin-top:12px;
			height:32px;
			_height:0px;
			/*padding:2px 6px 0 10px;*/
			font-size:16px;
			font-weight:bold;
			color:#000;
			}
		.form_inv-msg_cont div.spot_act input.btn_ok{ /*ok button == invite or send */
				float:right;
				vertical-align:middle;
				height:27px;
				padding:6px 0;
				position:relative;
				_position:static;
				right:-2px;
				}
		.form_inv-msg_cont div.spot_act a.cancel{ /*cancel button(links) */
			font-size:11.5px;font-weight:normal;
			line-height:38px;
			float:left;
			font-weight:bold;
			}

	/* " to : " field state 
	btn_dest is buttton style for mail destination. like the one used on facebook
		*/
	input#msg_to{ /*removing borders on inline input on destination bos*/
	border:0px solid #fff;
		
		}
	
	.btn_dest,
	.btn_dest_l,
	.btn_dest2,
	.btn_dest2_l{
		height:20px;
		float:left;
		display:block;
		font:bold 12px/20px "Trebuchet MS", sans-serif;
		color:#24507F;
		float:left;
		text-decoration:none;
		}
	.btn_dest,
	.btn_dest2{
		margin:2px 2px;
		}
	
	.btn_dest{
		background:transparent url(../images/buttons/msg/btn_dest.gif) right no-repeat;
		}
		.btn_dest:hover{
		text-decoration:none;
			}
	.btn_dest_l{
		background:transparent url(../images/buttons/msg/btn_dest_l.gif) left no-repeat;
		padding:0 12px;
		
		}
		.btn_dest_l a.btn_dele .img{
			vertical-align:middle;
			}
			.btn_dest_l a.btn_dele{
			cursor:pointer;
			margin-left:6px;
			margin-bottom:12px;
				}
	.btn_dest2{
		background:transparent url(../images/buttons/msg/btn_dest2.gif) right no-repeat;
	
		}
	.btn_dest2_l{
		background:transparent url(../images/buttons/msg/btn_dest2_l.gif) left no-repeat;
		padding:0 12px;
		color:#fff;
		}
			.btn_dest2_l a.btn_dele .img{
			vertical-align:middle;
			}
			.btn_dest2_l a.btn_dele{
			cursor:pointer;
			margin-left:6px;
			margin-bottom:12px;
				}
				
	.autosuggest#msgdest{
		*clear:left;
		position:absolute;
		/*margin-top:6px;
		margin-left:-5px;
		margin-right:26px;
		*margin-top:4px;
		*width:100%;
		_margin:14px 0 0 28px;*/
		width:100%;
		background:#fff;
		z-index:850;margin-left:-5px;
		}
		.form_inv-msg .autosuggest#msgdest ul.sugst_list{
			width:100%;
			*overflow-x:hidden;
			}
		.form_inv-msg .autosuggest#msgdest ul.sugst_list li{
			*clear:left;
			display:inline-block;
			min-width:100%;
			*min-width:980px;
			_width:980px;
			}
		
/*form for find member*/			
.form_inv-msg#find_member{ /*find member form wrapper */
		width:550px;
		margin:0 auto;
		}
		.form_inv-msg#find_member .form_inv-msg_cont .form_row { /*find member searchbox row */
			white-space:nowrap;
			}
			.form_inv-msg#find_member .form_inv-msg_cont .form_row p{ /*find member searchbox row text*/
				margin:0 auto 8px;
				font-weight:bold;
				}
		.form_inv-msg#find_member .form_inv-msg_cont input.textinput{ /*find member texinput */
			width:420px;
			display:inline;
			vertical-align:middle;
			float:left;	
			margin-right:12px;
			}
			.form_inv-msg_cont div.spot_act input.btn_invite{ /*find member searchbox button */
				display:inline;
				vertical-align:middle;
				}
/*style for msg details */
div.msgdetail { /*style for review rows text-copy on user-reply, user review*/
	background: url(../images/icon-quote-l.png) no-repeat;_background-image:url(../images/icon-quote-l.gif);
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	color: #3d3c3c;
	text-align:left;
	padding-left:18px;
	margin:12px 0;
}

#msg_detail {
	margin: 18px;
}

#msg_left {
	width: 125px;
	margin-right: 5px;
}

html>body #msg_left {
	width: 115px;
	margin-right: 10px;
}

#msg_right {
	margin-left: 164px;
	position: relative;
	top: -5px;
	font-size: 12px;
}
.msg_nav{ /* navigation element above msg -- i.e "back to inbox"*/
	
	text-align: center;
	margin: 12px 0;
	
	}
	

.msg_nav a {
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	
}

.msg_nav span.anglequot {
	font-size: 24px;
	line-height: 24px;
}

.msg_nav a.prev, .msg_nav a.next {
	padding: 3px 10px;
}





/* user-friend profile page styles -----------*/

#userbox #header_main {
	background: #24507f;
	height: 23px;
	display: inline;
	color: #fff;
	padding: 5px;
	margin-left: 0px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	/* add these below */
	position: relative;
	_z-index: 300;top:-4px;
}

#userbox #header_main a {
	color: #fff;
}

#user_stats {
	background: url(../images/bg-merchantstats.png) repeat-x;
	height: 30px;
	width: 100%;
	border-bottom: 1px solid #cecccc;
	font-size: 12px;
	color: #24507f;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;

}

#user_stats li {
	display: inline;
	line-height: 30px;
	padding: 0 0 0 10px;
}

#user_detail {
	margin: 18px 18px 12px;
}

#user_detail img.photo{
	border:3px solid #B3DEF9;
	}

#user_left {
	width: 178px;
	margin-right: 5px;
	text-align: center;
}

html>body #user_left {
	width: 178px;
	margin-right: 10px;
}

#user_right {
	margin-left: 186px;
	position: relative;
	top: -5px;
	font-size: 12px;
}

#user_right h3 {
	font: bold normal 24px Georgia, "Times New Roman", Times, serif;
	color:#2b2b2b;
}
#user_right h4 {
	font: italic normal 16px/20px Georgia, "Times New Roman", Times, serif;
}
#user_address {
	font-size: 14px;
	margin: 18px 0;
	line-height: 18px;
	vertical-align: middle;
}
#user_description {
	font-size: 12px;
	line-height: 18px;
}

.divider {
	background: transparent url(../images/divider.png) no-repeat center center;
	height: 18px;
	margin: 4px 0;
}

#btn_user {
	width:150px;
	margin:12px auto;
}

#btn_user li {
	display: block;
	margin: 2px auto;
	height: 22px;
}

#btn_user li a{
	margin:0 auto;

	width: 150px;
	/*text-indent: -9999px;*/
	display: block;
	text-align:left;
	font:bold 11.5px/22px "Trebuchet MS", sans-serif;
	color:#24507f;
	padding-left:24px;
	}
	
/*user's action buttons ------------*/
#btn_usr_msgme a {
	background: url(../images/buttons/action-button/btn-usr-msgme.png) no-repeat;

}

#btn_usr_followme a {
	background: url(../images/buttons/action-button/btn-usr-followme.png) no-repeat;

}

#btn_usr_friendme a {
	background: url(../images/buttons/action-button/btn-usr-friendme.png) no-repeat;
}

/*passport - the box that popped up when the user avatar on recently box hovered */
.passport
{
	background:#e9f5f8;
	border:1px solid #b3def9;
	width:120px;
	position:absolute;
	font-style:normal;
	z-index:800;
	padding:6px;
	text-align:left;
	}
	
	.passport_cont{
		margin:0 auto;
		position:relative;
		color:#222;
		}
	.passport_cont img.avatar{
		border:3px solid #e0e0e0;
		}		
	.passport_cont h4.username{
		font: bold 14px/18px Georgia, "Times New Roman", Times, serif;
		}	
		.passport h4.username a{
			color:#2b2b2b;
			}
	.passport_cont h5.location{
		font: normal 12px/16px "Trebuchet MS", arial;
		}
		
	.passport_cont .diet-icon{
		margin:2px 0;
		}
	.passport_cont .shoutboxsmall{
		margin:2px auto;
		}


.passport_pointerdown{ /*currently isnot used, but ahmad keep it for archival purpose - just in case we need this later on - see the html at ahmad/video-state_2-altpassport (this is not used - just keep this one just in case).html */
	background:transparent url(../images/event_box/passport_pointerdown_t.png) 4px 100% no-repeat;
	_background-image:url(../images/event_box/passport_pointerdown.png);
	height:18px;
	position:relative;
	top:20px;
	margin-top:-18px;
	}
.passport_btn_close{
	position:absolute;
	top:1px;
	right:2px;
	}


/* widget style */
.widget{
	margin:0;
	padding:4px;
	width:260px;
	background: url(../images/bgs/widgetbg.jpg) top left repeat-x;
	/*border:1px solid #366291;*/
	}
.wdgt_hdr{
	background-color:#366291;
	background-image: url(../images/bgs/standalone/stdaln_hdrbg.jpg);
	margin:0;
	padding:6px 4px;
	}
	.wdgt_hdr p{
		font: normal 14px/18px "Trebuchet MS", arial;
		color:#fff;

		}
	.wdgt_hdr a{
		color: #fff;
		font: bold 12px/18px "Trebuchet MS", arial;
	}	
.wdgt_cont_wrap{
	background:transparent url(../images/logo_wdgt.gif) left bottom no-repeat;
	}
.wdgt_cont{
	margin:0;
	}
.wdgt_usr{
	background:transparent url(../images/event_box/widget-down-arrow.png) 75% -3px  no-repeat; 
	width:100px;
	float:right;
	text-align:right;
	padding-top:16px;
	}
	.wdgt_usr h4.username{
		font: bold 14px/18px Georgia, "Times New Roman", Times, serif;
		}	
		.wdgt_usr h4.username a{
			color:#2b2b2b;
			}
	.wdgt_usr h5.location{
		font: normal 12px/18px "Trebuchet MS", arial;
		color:#2b2b2b;
		}
	.wdgt_usr h5.meta{
		font: bold 14px/18px "Trebuchet MS", arial;
		color:#366291;
		}
			
	.wdgt_usr .diet-icon{
		display:inline;
		padding:0;
		margin:2px 0;
		}
	.wdgt_usr .shoutboxsmall{
		margin:2px auto;
		}

.wdgt_foot{
	}
	
/*twitter popup*/
.twitterlink{ 
	width:320px;
	text-align:right;
	margin-left:-290px; /*to keep the spot yourself btn centered*/
	position:relative;
	z-index:830;
	}
/* pop ups --------------------------*/
.pop_twitter{
	position:absolute;
	right:0;
	width:320px;
	top:24px;
	display: none;
	}
	.pop_twitter_arrow{
		background:transparent url(../images/event_box/twitterpopup/twtr_poparrw.gif) 275px 100% no-repeat;
		height:13px;
		width:320px;
		position:relative;
		z-index:850;
		}
	.pop_twitter_cont{
	margin-top:-1px;
	padding:12px 14px;
	background:#f7fbfc url(../images/event_box/twitterpopup/twtr_popbg.gif) 0 100% repeat-x;
	border:1px solid #CECCCC;
	z-index:830;
	position:relative;
	font-size:11px;
	}
	
	.pop_twitter_cont p.caption{
		font: italic 11px/15px "Trebuchet MS",sans-serif;
		color: #24507F;
		text-align:left;
		}
	
	.pop_twitter_cont div.twitter_act{
			height:20px;
			_height:0px;
			margin:12px 0 0 0;
			padding:2px 0px 0;
			}
	.pop_twitter_cont div.twitter_act input.btn_ok{
				float:right;
				vertical-align:middle;
				height:20px;
				}
	.pop_twitter_cont div.twitter_act a.cancel{
			font-size:11.5px;font-weight:normal;
			line-height:20px;
			color:#366291;
			float:left;
			}
			
	.pop_twitter_cont .form_row{
			clear:both;
			margin:6px 0px;
			font-size:11px;
			color:#4B5154;
			}
			.pop_twitter_cont .form_row .lft{
				float:left;
				text-align:right;
				color:#4B5154;
				width:100px;
				line-height:24px;
				position:relative;
				}
			.pop_twitter_cont .form_row .rgt{
				margin-left:120px;
				}
			.pop_twitter_cont  .form_row select.textinput,
			.pop_twitter_cont .form_row input.textinput{
					display: block;*display:inline-block;
					width:160px;*width:155px;
					font-weight:normal;
					font-size: 11px;
					font-family:"Trebuchet MS", sans-serif;
					vertical-align:middle;
					height:16px;
					padding:4px 4px;
					/*color: #d2d6db;*/	
					color:#333;
					border: 1px solid #ccc;
					margin-bottom:0;
					}
					.pop_twitter_cont .form_row select.textinput:hover,
					.pop_twitter_cont .form_row input.textinput:hover{
						border-color: #2092fa;
						}






/* base grid*/
.login#register{
	position:relative;
	top:-38px;_top: -58px; /*IE6*/
	width: 386px;
	/*background:transparent url(../images/bgs/login/contentbg.png) repeat-y;*/
	background:transparent url(../images/bgs/login/loginbox_bg.gif) bottom repeat-x;
	margin:0 auto;
	min-height:100px;
	border:1px solid #d8d6d6;
	z-index:10;
}

.loginbox1{
	background:transparent url(../images/bgs/login/loginbox_bl.gif) left bottom no-repeat;
	position:relative;
	bottom:0px;
	left:0px;
	z-index:20;
	}
	
	.login#register .loginbox1{
		bottom:-1px;
		left:-1px;
		}
	
	
.loginbox2{
	background:transparent url(../images/bgs/login/loginbox_br.gif) bottom  right no-repeat;
	position:relative;
	z-index:20;
	right:0px;
	}
	
	.login#register .loginbox2{
		right:-2px;
		}
 

#loginbox-alt {
	/*background:transparent url(../images/bgs/login/contentbg_btm.png) center bottom no-repeat;*/
	padding:42px 27px 32px;
	position: relative;
	z-index: 9;
	overflow-x:hidden;
	}
	
.txtHeadingBig {
	display:block;
    font-family: sans-serif;
    font-size: 34px;
    font-weight: bold;
	color:#24507f;
	margin:0 0 18px;
}

.txtHeading {
	padding: 0;
}


.login#register .login_row{
	clear: both;
	width:326px;
	margin:0 auto;
	}

.login#register p,
#loginbox-alt p{
	font:normal 14px/18px "Trebuchet MS", sans-serif !important;
	}
		

/* step 2 & 3 ---*/
#register2{ /* container */
	position:relative;
	top:-38px;_top: -58px; /*IE6*/
	width: 400px; 
	margin:-1px auto 0;
	min-height:376px;
	z-index:10;
}

.required{
	float:left;
	display:block;
	width:4px;
	}

/*form input for registration process*/
.form_reg{ /*general form invite or send msg class */
			width:100%;
			position:relative;_position:static;
			z-index:810;
			color:#24507f;		
			}
	
	.form_reg_cont{ /*container wrapper*/
	padding:12px 0px 32px;
	margin:0 auto;
	position:relative;
	font-size:14px;
	color:#222;
	}
	.form_reg_cont p{
		font-size:14px;
		margin-bottom:12px;
		}
	.form_reg_cont h3.stitle{
		font-size:20px;
		font-weight:bold;
		color:#222;
		}
	.form_reg_cont .form_row{ /*form row */
		position:relative;
		clear:both;
		margin:4px auto;
		font-size:14px;
		display:block;
		min-height:36px;
		}
		.form_reg_cont .form_row p.import{ /* the inset for import addresses from webmail services on the invite form */
			font-size:13px;
			margin:12px 0;
			font-weight:bold;
			line-height:24px;
			}
			.form_reg_cont .form_row p.import a img, .form_reg_cont .form_row p.import a{ /*adjsuting vertical position */
				vertical-align:bottom;
				}
		.form_reg_cont .lft{ /* the left column  */
			float:left;
			text-align:left;
			padding-top:4px;
			color:#222;
			font-weight:bold;
			}
		.form_reg_cont .rgt{ /* the right column */

			margin-left:142px;
			_margin-left:130px;
			_overflow:hidden;
			}
			.form_reg_cont .rgt,
			.form_reg_cont .rgt input[type=radio] {
				line-height:22px;
				vertical-align:middle;
				}
				.form_reg_cont .rgt span.radiogroup{
					line-height:22px;
					vertical-align:middle;
					*top:2px;
					*postion:relative;
					}
			
		.form_reg_cont .form_row .hovertxt{
			position:absolute;
			top:0;
			right:-140px;_right:0;
			width:120px;
			color:#24507f;
			font-size:14px;
			}
		
		.form_reg_cont input.textinput, 
		.form_reg_cont textarea.textinput, 
		.form_reg_cont select{ /* the input field column */
				display: block;
				font-size: 14px;
				font-family:"Trebuchet MS", sans-serif;
				width:100%;
				padding:4px 0px 4px 4px;
				/*color: #d2d6db;*/	
				color:#999;
				border: 1px solid #c7dadf;
				margin-bottom:14px;
				*float:left;
				*display:inline;
				}
				.form_reg_cont input.textinput:hover,
				.form_reg_cont textarea.textinput:hover,
				.form_reg_cont input.inlineinput:hover{ /* the input field hover effect  */
					border-color: #2092fa;
					}
		.form_reg_cont select{
			width:264px;
			}
			
		/*style for input dates */	
			.form_reg_cont select.date{
				padding:0;
				display:inline !important;
				vertical-align:middle;
				margin:0;
				float:left;
				}
			.form_reg_cont select.month{
				width:5em;
				}
			.form_reg_cont select.day{
				width:4em;
				margin-left:0.5em;
				}
			.form_reg_cont select.year{
				width:4.4em;
				margin-left:0.5em;
				}
			.form_reg_cont select.time,
			.form_reg_cont select.minutes{
				width:3.5em;
				margin-left:0.5em;
				}
				.form_reg_cont select.minutes{
					width:3.4em;
					}
		.form_reg_cont input.inlineinput{
				font-size: 14px;
				font-family:"Trebuchet MS", sans-serif;
				padding:4px 0px 4px 4px;
				/*color: #d2d6db;*/	
				color:#999;
				border: 1px solid #c7dadf;
				margin:0;
			}
		
		.form_reg_cont span.radiogroup{/*style for radio button group on registration form*/
			display:block;
			font-size:14px;
			width:100%;
			}
			.form_reg_cont span.radiogroup label{
				color:#888;
				}

	.form_reg_cont textarea.msg{ /* the input field column -- textarea to input msg text*/
		margin:0 auto;
		border:1px solid #c7dadf;
		font-weight:bold;
		font-size:14px;
		font-family:"Trebuchet MS", sans-serif;
		padding:4px 0px 4px 4px;
		color:#999;
		text-align:left;
		width:99%;
		}
	
	.form_reg_cont input.textinput.darkgrey, .form_reg_cont textarea.msg.darkgrey{ /*different style for particular field */
					color:#333;
					}
		.form_reg_cont div.spot_act{ /*action buttons -- cancel or submit */
			clear:both;
			height:32px;_height:42px;
			/*padding:2px 6px 0 10px;*/
			font-size:16px;
			font-weight:bold;
			color:#000;
			width:100%;
			}
		.form_reg_cont div.spot_act input.btn_ok{ /*ok button == submit */
				float:right;
				vertical-align:middle;
				height:40px;
				padding:0 0;
				position:relative;_position:static;
				right:-6px;
				}

		.form_reg_cont div.spot_act a.cancel{ /*cancel button(links) */
			font-size:21px;
			line-height:40px;
			float:left;
			font-weight:bold;
			color:#24507f;
			}
			.form_reg_cont div.spot_act a.cancel .pos{
				font-size:12px;
				line-height:40px;
				vertical-align:middle;
				color:#888;
				}

.form_reg_cont .half1{
	width:188px;
	margin:0 12px 0 0;
	float:left;
	}
.form_reg_cont .half2{
	width:188px;
	margin:0 0 0 12px;
	float:right;
	}
	.form_reg_cont .half1,
	.form_reg_cont .half2,
	.form_reg_cont .half2 .label,
	.form_reg_cont .half1 .label
	{
		display:block;
		font:bold 14px "Trebuchet MS", sans-serif;
		color:#000;
		margin-bottom:4px;
		}
	.form_reg_cont .half1 select, 
	.form_reg_cont .half2 select
	{
		width:100%;
		margin-bottom:6px;
		}
		
		
a.add_pref{
	direction:block;
	height:24px;
	margin:4px 0;
	color:#888;
	font-weight:normal;
	cursor:pointer;
	}
	a.add_pref img{
		vertical-align:middle;
		}

a.add_icon{
	direction:block;
	height:24px;
	margin:4px 0;
	color:#888;
	font-weight:normal;
	cursor:pointer;
	}
	a.add_icon img{
		vertical-align:middle;
		}
	a.add_icon small{
		font-size:11px;
		margin-left:4px;
		}

.chkbox{
	vertical-align:middle;
	color:#999;
	}
.txtemphasis{
	color:#24507F;
	font-weight:bold;
	}





.member-search{
 float:none;
 text-align:center;
 height:30px;
 padding:5px;
 border-bottom:solid 3px #ddd;
 margin-bottom:5px;
}

.member-search .title{
 margin-left:10px;
 margin-right:10px;
 font-weight:bold;
 float:left;
 margin-top:3px;
}

.member-search .description{
 float:left;
 margin-right:10px;
 margin-top:6px;
 font-size:12px;
}


.member-search .textfield{
 float:left;
 margin-right:10px;
 font-size:100%;
 font-weight:bold;
 font-family:Trebuchet MS;
 padding-left:3px;
}

.member-search .submit{
 float:left;
 margin-top:4px;
}


.stdaln_body{
	background:#fdfefe url(../images/bgs/standalone/standalonebg.jpg) top left repeat-x;
	}
	
/* to preserve source-order independence for Gecko */
	.container{position:relative;}
	.container{_position:static;} /* for IE < 7 */
	#stdaln_cont_wrap .container{position:static;} 
	#stdaln_cont_wrap {width:100%;}
	
.standalone{
	margin:0;
	padding:0;
	}
	
.stdaln_hdr{
	background-color:#366291;
	background-image: url(../images/bgs/standalone/stdaln_hdrbg.png);
	margin:0;
	padding:12px 4px;
	}
	.stdaln_hdr p{
		font: normal 14px/18px "Trebuchet MS", arial;
		color:#fff;
		}
	.hdrcont{
		margin:12px 0;
		}
	
	.review.stdaln_rev{
	background-image:url(../images/bgs/standalone/stdaln_quotebg.jpg) !important;
	color:#fff !important;
	min-height: 42px;
	_height:52px;
	padding-left:42px;
	margin-left:4px;
	font-size:12px;
	line-height:16px;
	margin-top:12px;
	letter-spacing:0.1px;
	}

.stdaln_wrap{
	width:511px;
	margin:0 auto;
	padding:0;
	color:#fff;
	}
	.stdaln_wrap.hdrcont{
		margin:24px auto;
		*margin-bottom:0;
		*top:12px;
		}
		.reviewcont{
			margin-left:110px;
			}
	.stdaln_wrap .merchant_pic img{
		border:3px solid #B3DEF9;
		}
	.stdaln_wrap h4.stdaln_item{
		font: bold 18px/24px Georgia, "Times New Roman", Times, serif;
		color:#fff;
		}
		.stdaln_wrap h4.stdaln_item a,
		.stdaln_wrap h4.stdaln_item a:visited{
			color:#fff;
			}
	
.stdaln_cont_wrap{
	margin:0 auto;
	padding:0;
	position:relative;
	}
	
.userside{
	float:right;
	background:transparent url(../images/bgs/standalone/stdaln_arrow.png) 80px -4px  no-repeat;
	width:120px;
	}

	.stdaln_usr{
		margin:0 auto;
		text-align:right;
		padding-top:16px;
		}
		.stdaln_usr h4.username{
			font: bold 14px/18px Georgia, "Times New Roman", Times, serif;
			}	
			.stdaln_usr h4.username a{
				color:#2b2b2b;
				}
		.stdaln_usr h5.location{
			font: normal 12px/18px "Trebuchet MS", arial;
			color:#2b2b2b;
			}
		.stdaln_usr h5.meta{
			font: bold 14px/18px "Trebuchet MS", arial;
			color:#366291;
			}
				
		.stdaln_usr .diet-icon{
			clear:right;
			margin:2px 0;
			float:right;
			}
	
.contside{

	float:left;
	margin-right:-140px;
	margin-top:12px;
	}
	
.stdaln_cont{
	margin-right:140px;
	}
	.stdaln_cont .passport_cont {
		color:#222;
		}
	/* the map box */
.mapbox {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 zoom:1;
}

.mapbox .content,
.mapbox .t,
.mapbox .b,
.mapbox .b div {
	background:transparent url(../images/bgs/standalone/mapbox.png) no-repeat top right;
	 _background-image:url(../images/bgs/standalone/mapbox.gif);
}

.mapbox .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:12px 14px 0px 0px;
}

.mapbox .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.mapbox .b {
 /* bottom */
 position:relative;
 width:100%;
 *width:346px;
 _width:100%;
}

.mapbox .b,
.mapbox .b div {
 height:14px; /* height of bottom cap/shade */
 font-size:1px;
}

.mapbox .b {
 background-position:bottom right;
}

.mapbox .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.mapbox .hd,
.mapbox .bd,
.mapbox .ft {
 position:relative;
}

.mapbox .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.stdaln_foot{
	margin:24px auto;
	text-align: right;
	}
.stdaln_foot2{ /*erick want to update the standalone footer form.. but i would like to retain the old form as backup.. justincase*/
	margin-left:372px; text-align:left; _margin-left:424px;
}
.stdaln_foot2 .stdaln_follow{
			font: italic 11px/24px 'Trebuchet MS', arial;
			white-space:nowrap;
			left:8px;
			position:relative;
			top:-8px;
			*top:-14px;
		}
/*standalone video*/

.stdaln_vid{
	margin:6px 0 0;
	}


/*standalone replybox, & new commentsyst */
.stdaln_replies{
	color:#3c3c3c;
}
.stdaln_add_cmnt{
	text-align:left;
	font: normal 14px/24px 'Trebuchet MS', arial;
	color:#999;
}
.stdaln_rep_title{
	text-align:center;
	font:bold 18px/24px 'Trebuchet MS', arial;
	color:#1e416f;
	text-transform:uppercase;
	margin-bottom:24px;
}
.stdaln_replies #replybox .inner{
	width:80%;
}

	.row.hilite{
	background-color:#366291;
	border:none;
	color:#fff ;
	margin-bottom:18px;
	}
	.hilite div.review1{
		background-image:url(../images/bgs/standalone/stdaln_quotebg.jpg);
		min-height:28px;
		_height:28px; /* IE6 didn't understand min-height */
	}
	.row.hilite h4,
	.row.hilite p,
	.row.hilite a{
		color:#fff;
		}

/*restting values for threaded comment in the hilighted comment */
.row.hilite .reply_comment,
.row.hilite .reply_comment h4,
.row.hilite .reply_comment p,
.row.hilite .reply_comment a
	{ 
		color:#3D3C3C;	
	}
	.row.hilite .reply_comment p.user_stats{
		color:#5A5959;
	}
	.row.hilite .reply_comment h4{
		color:#333;
	}
	
.hilite .reply_comment div.review1{
	background:transparent url(../images/icon-quote.png) no-repeat scroll 0 0;
}


.stdaln_replies .add_comment{
	padding: 4px 0px;
	margin-bottom:12px;
	}

			.stdaln_replies .add_comment .inner{
			
				line-height:18px;
				font-size:12px;
				padding:0;
			}
			 .stdaln_replies_act{
			 	text-align:right;
			 	}
			
			.stdaln_replies .add_comment .inner form{
				display:block;
				}
			.stdaln_replies .add_comment .replytxt{	
				border: 1px solid #999999;
				display:block;
				width:98%;
				height: 120px;
				font: 12px "Trebuchet MS", Arial, sans-serif;
				padding:6px;
				color: #7e7e7e;
				}
			 .stdaln_replies .add_comment input.btn_reply{
			   margin-right:0;
			 }
			.stdaln_replies .add_comment .act_rate{
				margin-top:12px;
				text-align:left;
				}
			.stdaln_replies .add_comment .starcapt{
				color:#999; position:relative; top:-2px;
				}
				

/* new reply comment system */
.replies{
	color:#3c3c3c;
}
.replies_add_cmnt{
	text-align:left;
	font: normal 14px/24px 'Trebuchet MS', arial;
	color:#999;
}
#featuredbox.searchres h3.replies_title,
#featuredbox.searchres h3.replies_title span{
	text-align:center;
	font:bold 18px/24px 'Trebuchet MS', arial;
	color:#1e416f;
	text-transform:uppercase;
	margin-bottom:12px;
}
.replies .inner{
}

.replies .add_comment{
	margin-bottom:12px;
	}

			.replies .add_comment .inner{
				line-height:18px;
				font-size:12px;
				padding:0;
				margin:0;
				position:relative;
			}
			
			.replies .add_comment .inner form{
				display:block;
				}
			.replies .add_comment .replytxt{	
				border: 1px solid #999999;
				height: 120px;
				width:98%;
				font: 12px "Trebuchet MS", Arial, sans-serif;
				color: #7e7e7e;
				padding:6px;
				}
			 .replies_act{
			 	text-align:right;
			 	}
			 .replies .add_comment input.btn_reply{
			   margin-right:0;
		
			 }
			.replies .add_comment .act_rate{
				margin-top:4px;
				text-align:left;
				}
			.replies .add_comment .starcapt{
				color:#999; position:relative; top:-2px;
				}
				
				
.user-info{
}

.user-info .avatar{
 float:right;
 width:110px;
 text-align:center;
 margin-right:10px;
}

.user-info .avatar img{
}

.user-info .as-friend{
 margin-right:120px;
 float:top;
}

.user-info .comments{
 margin-right:120px;
}

.user-info .comments .action{
 margin-top:0px;
 padding:0px;
 width:100%;
 text-align:left;
 font-weight:bold;
}

.user-info .comments .title{
 width:100px;
 float:left;
 font-weight:200;
 letter-spacing:1.5px;
}

.user-info .comments .text{
 margin-left:10px;
}

.user-info .data{
 margin-right:120px;
 padding:10px;
}

.user-info .links{
 margin-right:120px;
 font-weight:bold;
}

.user-info .links a{
 font-weight:300;
}





/* from profile */


.add_place{
 margin-left:px;
 margin-top:10px;
}

.add_place .status{
 color:#5050ff;
 height:25px;
 overflow:hidden;
}

.add_place .edit-row,.edit .edit-row-required{
 padding:5px;
}

.add_place .edit-row .name{
 float:left;
 text-align:right;
 width:200px;
 
 padding-right:10px;
}

.add_place .edit-row-required .name{
 float:left;
 width:100px;
 padding-right:10px;
 font-weight:bold;
 text-align:right;
 margin-right:25px;
 margin-left:530px;
}

.add_place .edit-row .value,.edit .edit-row-required .value{
  float:right;
 width:100px;
 padding-right:10px;
 font-weight:bold;
 text-align:right;
 margin-right:25px
}

.add_place .submit{
 float:right;
 margin-left:150px;
 padding-top:10px;
 padding-bottom:10px;
}
.add_place .comments{
 padding:7px;
 margin-left:25px;
 border-left:solid 3px #ddd;
 margin-bottom:20px;
}


/*form for adding new place on spot yourself */
/*this css depends on css/lib/user/register */

.form_reg_cont.addplace1{
	margin-right:4px;
	_margin-right:0;
	}
.form_reg_cont.addplace1 input{
	position:relative;
	}
.form_reg_cont.addplace1 .form_row{
	
	}
	
.form_reg_cont.addplace1 select.selectinput{ /* the input field column */
				display: block;
				font-size: 14px;
				font-family:"Trebuchet MS", sans-serif;
				width:102%;
				padding:4px 0px 4px 4px;
				/*color: #d2d6db;*/	
				color:#999;
				border: 1px solid #c7dadf;
				margin-bottom:14px;
				}

				.form_reg_cont.addplace1 select.selectinput:hover{ /* the input field hover effect  */
					border-color: #2092fa;
					}
.form_reg_cont.addplace1 textarea.msginput{
				font-size: 14px;
				font-family:"Trebuchet MS", sans-serif;
				padding:4px 4px 4px 4px;
				/*color: #d2d6db;*/	
				color:#999;
				border: 1px solid #c7dadf;
				margin:0 0 14px 0;
				display:inline-block;
				width:99%;
				_display:inline;
				_width:auto;
				*margin-top:-20px;
	}




.tdMain #home {
	width: 890px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 260px;
}

.tdMain #home #message{
 	background: url(../images/bgs/home/message.jpg);
	width: 870px;
	height: 270px;
	margin-left: 15px;
	z-index: 1;
	top: 159px;
	position: absolute;
	clear: both;
	
}

.tdMain #home #message .main-message {
	margin-left: 50px;
	margin-top: 20px;
}

.tdMain #home #message ul {
	margin-left: 50px;
	margin-top: 20px;
}

.tdMain #home #message ul li {
	height: 26px;
	list-style: none;
	background: url(../images/icons/blue-star.gif) no-repeat left;
	padding-left: 40px;
	margin-bottom: 8px;
	padding-top: 6px;
	font-size: 100%;
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #555656;
	
}

.tdMain #home #message .big-button {
	position: absolute;
	top: 150px;
	right: 50px;
	border: none;
}

.tdMain #home #left {
	width: 420px;
	display: block;
	position: absolute;
	padding-left: 20px;
}

.tdMain #home #left h2 {
	background: url(../images/bgs/header-1.gif) center repeat-x;
	text-align: center;
}

.tdMain #home #left h2 span {
	background: White;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Georgia;
	font-size: 90%;
	letter-spacing: 2px;
	font-weight: normal;
	color: #dc1b3a;
}

.tdMain #home #left .news {
	display: block;		
	margin-top: 10px;
}

.tdMain #home #left .news-box {
	width: 80px;
	height: 120px;
	margin: 3px;	
	text-align: center;
	float: left;
	display: block;
	position: relative;;
}

.tdMain #home #left .news-box .photo{
	border: 4px double #ddd;
	padding: 2px;	
}

.tdMain #home #left .news-details {
	float: right;
	margin: 5px;
	display: block;
	width: 320px;
}

.tdMain #home #left .news-details .news-title {
	font-family: Georgia;
	font-weight: bold;
	color: #4b5154;
}

.tdMain #home #left .news-details .news-info {
	font-size: 80%;
	margin-top: 10px;
	color: #4b5154;
}


.tdMain #home #right {
	width: 420px;
	display: block;
	float: right;
	padding-right: 8px;
	padding-top: 9px;
	margin-bottom: 20px;
}

.tdMain #home #right  h3 {
	border: 1px solid #cecccc;
	border-bottom: none;
	height: 30px;
	text-align: center;
}

.tdMain #home #right h3 span {
	position: relative;
	top: -12px;
	background: White;
	padding-left: 10px;
	padding-right: 10px; 
	font-family: Georgia;
	font-size: 90%;
	letter-spacing: 2px;
	font-weight: normal;
	color: #dc1b3a;
}

.tdMain #home #right .featured-members {
	border: 1px solid #cecccc;
	border-top: none;
	height: 400px;
	padding-left: 10px;
}

.tdMain #home #right .featured-members .member {
	display: block;
	width: 48%;
	height: 100px;
	float:left;
}

.tdMain #home #right .featured-members .member-box {
	width: 80px;
	height: 100px;
	margin: 5px;	
	text-align: center;
	float: left;
}

.tdMain #home #right .featured-members .member-box .photo{
	border: 4px solid #eeefef;
	margin: 3px;	
}



.tdMain #home #right .featured-members .member-info {

}

.tdMain #home #right .featured-members .member-info .name {
	font-family: Georgia;
	font-weight: bold;
	display: block;
	padding-top: 15px;
	line-height: 10px;
}

.tdMain #home #right .featured-members .member-info .location {
	font-family: "Trebuchet MS";
	font-size: 70%;
	padding-left: 14px;
	background: url(../images/icons/star.gif) no-repeat left;
	top: -3px;
}

.tdMain #home #right .featured-members .member-info .diet-icon {
	display: block;
	margin-top: 2px;
}


/*spot banner */
.spotbanner{
	text-align:center;
	font-weight:bold;
	padding-bottom:20px;
	*margin-top:-20px;
	}
	.spotbanner span{
	text-align:center;
	margin:0 auto;
	}
	.spotbanner img{
	vertical-align:middle;
	margin:0 4px;
	}
	.spotbanner a:hover{
		text-decoration:none;
		}
		
	a.btn_spotyourself{
		background:transparent url(../images/event_box/pop_spot_arrow2.gif) 50% 30px no-repeat;
		display:block;
		*display: inline-block;		
		width:122px;
		height:25px;
		padding-bottom:24px;
		margin:0 auto -23px;
		*margin-bottom:0;
		*position:relative;
		*top:23px;
		*z-index:700;
		}

.formbtn {
	text-align:center;
	font-weight:bold;
	margin-bottom:-5px;
	}
	.formbtn img{
	vertical-align:middle;
	margin:0 4px;
	}
	.formbtn a:hover{
		text-decoration:none;
		}
		
	a.btn_inputform{
		
		background:transparent url(../images/event_box/pop_spot_arrow2.gif) 50% 30px no-repeat;
		display:inline-block;
		width:122px;
		height:25px;
		padding-bottom:25px;
		*position:relative;
		*top:23px;
		*z-index:700;
		
		}



/* style for brand new home page -- added 20071025 by ahmad -- */

#center.column .welcome-message,
#center.column .welcome-message p { /* new welcome msg */
    color: #010101;
	font:bold 14px/20px "Trebuchet MS", sans-serif;
}
	#center.column .welcome-message p{
		margin:0px 0 24px;
		}
	
#center.column .welcome-message ul,
#center.column .welcome-message ul li{ /* the list style on welcome msg */
	font-size:14px;
	color:#24507f;
	}
	#center.column .welcome-message ul li{
		line-height:32px;
		margin:6px 0;
		}
		#center.column .welcome-message ul li img.bul{
			vertical-align:middle;
			margin-right:6px;
			}


/*------------ spot form --------------*/
/* pop spot form ---------------- */
.pop_spot_usr_wrap{
	background:transparent url(../images/event_box/pop_spot_arrow2.gif) 50% 0 no-repeat;
	padding-top:14px;
	}
.pop_spot_usr{
			width:100%;
			_height:100px;
			background:#366291;
			position:relative;
			z-index:150;
			}
	.pop_spot_usr div{	
		}		
	.pop_spot_usr_cont{
	padding:12px 16px;
	margin:0 auto;
	position:relative;
	}
	.pop_spot_usr_cont .form_row{
		clear:both;
		margin:6px auto;
		font-size:14px;
		}
		.pop_spot_usr_cont .lft{
			width:14%;
			float:left;
			text-align:right;
			color:#fff;
			padding-top:4px;
			}
		.pop_spot_usr_cont .rgt{
			margin-left:16%;
			*display:inline-block;
			*margin:0 12px;
			
			}
		.pop_spot_usr_cont input.textinput,
		.pop_spot_usr_cont .textinput,
		.pop_spot_usr_cont select.option{
				display: block;
				font-weight:normal;
				font-size: 14px;
				font-family:"Trebuchet MS", sans-serif;
				width:99%;
				padding:4px 0px 4px 4px;
				/*color: #d2d6db;*/	
				color:#777;
				border: 1px solid #ccc;
				margin-bottom:0;
				background:#fff;
				}
				.pop_spot_usr_cont input.textinput:hover,
				.pop_spot_usr_cont select.option:hover,
				.pop_spot_usr_cont .textinput:hover{
					border-color: #2092fa;
					}
				.pop_spot_usr_cont select.option{
					display:inline;
					width:auto;
					}
	.pop_spot_usr_cont textarea.msg{
		margin:0 auto;
		border:1px solid #fcfcfc;
		font-weight:normal;
		font-size:14px;
		font-family:"Trebuchet MS", sans-serif;
		padding:4px 0px 4px 4px;
		color:#777;
		text-align:left;
		width:99%;
	
		}
		.pop_spot_usr_cont textarea.msg.disabled{
			background-color:#ccc;
			}
		.pop_spot_usr_cont div.spot_act{
			clear:both;
			height:32px;_height:0px;
			/*padding:2px 6px 0 10px;*/
			font-size:16px;
			font-weight:normal;
		
			}
		.pop_spot_usr_cont div.spot_act input.btn_ok{
				float:right;
				vertical-align:middle;
				height:21px;
				padding:6px 0;
				position:relative;_position:static;
				right:-2px;
				}
		.pop_spot_usr_cont div.spot_act a.cancel{
			font-size:11.5px;font-weight:normal;
			line-height:38px;
			color:#fff;
			float:left;
			}
/** pop spot input autosuggest --------------------- */
.pop_spot_usr .autosuggest{
	position:absolute;
	z-index:1000 !important;
	background:#fff;
	*margin-left:10px;
	}
	.autosuggest ul, .autosuggest li{
		position:relative;
		z-index:9999;
		float:left;
		height:1%;
		}
	.autosuggest ul.sugst_list{
		display:block;
		width:200px;
		border:1px solid #366291;
		
			}
			.autosuggest ul.sugst_list li{
				display:block;
				width:200px;
				}
				.autosuggest ul.sugst_list li a{
					display:block;
					font-size:14px;
					padding:6px 12px;
					color:#666;
					}
					.autosuggest ul.sugst_list li a:hover{
						text-decoration:none;
						background:#e9f5f8;
						border-top:1px solid #366291;
						border-bottom:1px solid #366291;
						border-collapse:collapse;
						padding:5px 12px;
						}
						/*setting so the border didn't doubled on the topmost or bottom list items*/
						.autosuggest ul.sugst_list li a.toplist{
							padding-top:5px;
							}
							.autosuggest ul.sugst_list li a.toplist:hover{
								border-top:none !important;
								}
						.autosuggest ul.sugst_list li a.btmlist{
							padding-bottom:5px;
							}
							.autosuggest ul.sugst_list li a.btmlist:hover{
								border-bottom:none !important;
								}
								
					.autosuggest ul.sugst_list li a span.location{
						font-size:11px;
						}
						
						.autosuggest ul.sugst_list li a span.light{
							background:#a4ecfc;
							font-weight:bold;
							}
/*form filter, its the filter on the top of the darkblue form like we had on video upload page */
.form_filter{
	*width:100%;
	}
	ul.form_filter_list{
		display:block;
		background:transparent url(../images/event_box/form_filter/topfilter_bg.png) repeat-x;
		height:29px;
		}
	ul.form_filter_list li{
		float:left;
		display:block;
		padding:0 12px;
		margin:0 4px;
		line-height:29px;
		}
		ul.form_filter_list li.filter_active{
			background:transparent url(../images/event_box/form_filter/topfilter_arrow.png) 50% 2px no-repeat;
			}
		
		ul.form_filter_list li a, ul.form_filter_list li a:visited, ul.form_filter_list li a:hover{
			 color: #2a73b7;
			 font-weight:bold;
			}

/*rev 0715 - be sure to delete the old one if this is selected as fixed*/
ul.form_filter_list2{
		display:block;
		background:transparent url(../images/event_box/form_filter/topfilter_bg2.png) repeat-x;
		height:38px;
		}

ul.form_filter_list2 li{
		float:left;
		display:block;
		padding:9px 12px 0;
		margin:0 4px;
		line-height:29px;
		}
		
ul.form_filter_list2 li.filter_active{
			background:transparent url(../images/event_box/form_filter/topfilter_arrow2.png) 50% 0 no-repeat;
			}

ul.form_filter_list2 li a, ul.form_filter_list2 li a:visited, ul.form_filter_list2 li a:hover{
			 color: #2a73b7;
			 font-weight:bold;
			}			
			
/*for video page */
.feat_vid_cont{
margin: 18px 18px 0px;
padding:0;
position: relative;
}
.featured_vid{
	widht:511px;
	margin: 4px auto 24px;
	text-align:center;
	
}

/*here's the ribbon style just incase we need it for saomething else, didn't work on videos*/
/* .feat_vid_ribbon{
	width:113px;
	height:145px;
	position: absolute;
	right:8px;
	top:-39px;
	background:transparent url(../images/event_box/feat_vid_ribbon.png) no-repeat;
}
	.feat_vid_ribbon h4{
		color:#24507F;
		font: bold 14px/18px "Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif;
		margin:0pt;
		padding:0pt;
		position:relative;
		text-align:center;
		top:12px;
	}
	*/
	
.vid_review{ /*dependance on the same class name on lib_main.css */
	
}
.feat_vid_review{
	width:511px; text-align:left; margin: 0 auto;
	font-size: 12px;
	line-height: 18px;
}



/*
	.pop_spot_usr_cont#form_vid_cont .lft{
			width:18%;
			float:left;
			text-align:right;
			color:#fff;
			padding-top:4px;
			}
		.pop_spot_usr_cont#form_vid_cont .rgt{
			margin-left:20%;*width:80%;
			*margin-left:2%;
			*margin-right:4px;
			}*/
	.pop_spot_usr_cont#form_vid_cont .lft{
		
		}
	.pop_spot_usr_cont#form_vid_cont .rgt .form_filter{
		*margin-left:11px;
		}

/*tabbed maincontent on home */
#tab_maincont{
	text-align:right;
	margin:12px 6px 3px;
	*margin-bottom:5px;
	}
#tab_maincont ul.tabs{
	position:relative;
	z-index:100;
	}
	#tab_maincont ul.tabs li.tabitem{
		padding:0 6px 14px;
		margin:0 2px;
		display:inline;
		line-height:18px;
		text-align:center;
		}
	#tab_maincont ul.tabs li.tabitem.selected{
		background:transparent url(../images/buttons/tab_arrow_home.png) bottom center no-repeat;
		}
	#tab_maincont ul.tabs li.tabitem a{
		text-align:center;
		color:#777777;
		font:bold 12px/18px "Trebuchet MS", Tahoma, sans-serif;
		}
		#tab_maincont ul.tabs li.tabitem.selected a{
			color:#134D83;
			}






/* Edited by Jenn Huang on October 16 2007 */

/*  makevisitbox detail - ahmad ------------------------------------------------------------------ */

#makevisit_steps { /* ul containing the steps above the map search (1 search a place on the map, 2 share the occasion, 3 hang out... */
	width:100%;
	font-size: 13px;
	line-height:15px;
	color: #24507f;
	overflow: hidden;
	font-weight: bold;
	margin:4px 0 12px;
	white-space:nowrap;
}

	#makevisit_steps li { /* controls the li */
		display: block;
		padding: 0 10px;
		width:28%;
		margin:0 0.5%;
		float:left;
		white-space:normal;
	}
	#makevisit_steps li img{ /* controls the img elements (1) */
		float:left;
		vertical-align:middle;
		margin:0 4px 0 0;
		}

#makevisitbox, .gradbox { /* controls the container div for the map, search fields, etc. sometimes used elsewehre for it has round corner. Does not included 2nd half of the page (results, most popular, etc.)*/
	background:#fdfeff url(../images/bgs/makevisit/makeavisit-topbox_bg.gif) bottom repeat-x;
	position:relative;
	border:1px solid #cecccc;
	margin: 0; padding:0;
	*display:inline-block;
	/* width:100%; so the IE has has layout */
	}
.makevisitbox_wrapper1{ /* controls a wrapping div for the map area and search fields */
	background:transparent url(../images/bgs/makevisit/makeavisit_topbox_bl.gif) left bottom no-repeat;
	position:relative;
	left:-1px;
	bottom:-1px;
	margin:0;padding:0;
	zoom:1;
	}
.makevisitbox_wrapper2{ /* see above - why have two divs with only almost no difference, I don't know */
	background:transparent url(../images/bgs/makevisit/makeavisit_topbox_br.gif) right bottom no-repeat;
	position:relative;
	right:-2px;
	margin:0;padding:0;
	zoom:1;
	}
.makevisitbox_detail{ /* seems to contain the actual search box and map */
	padding:0 1px 12px 0;
	position:relative;
	}
	#makevisitbox_searchbox{ /* search box area above the map */
		width:98%;
		height:60px;
		background:#E9F5F8;
		font-size: 14px;
		font-weight: bold;
		padding:6px 1% 0px;
		/*min-width:455px;*/
		}
		#makevisitbox_searchbox .lft,#makevisitbox_searchbox .mid{ /* input fields, left and right respectively */
			width:44%;
			float:left;font-weight:
			}
				#makevisitbox_searchbox .lft{ margin:0 1% 0 2%;}
				#makevisitbox_searchbox .mid{ margin:0 2% 0 1%; }
			* html #makevisitbox_searchbox .lft, * html #makevisitbox_searchbox .mid{
				width:40%;
				}
				
				
				
			#makevisitbox_searchbox .lft p,#makevisitbox_searchbox .mid p{ /* controls the searchbox text - where are you going, etc. */
				margin:0px 0 4px;
				}
			#makevisitbox_searchbox input.textinput{ /* controls the appearance of the text area input */
				display: block;
				font-weight:bold;font-size: 14px;
				width:90%;
				padding:4px 12px;
				color: #777;
				border: 1px solid #ccc;
				margin-bottom:0;
				}
				#makevisitbox_searchbox input.textinput:hover{ /* controls the hover state of the input fields */
					border-color: #2092fa;
					}
		#makevisitbox_searchbox div.btn{ /* controls the "go" button */
				padding-top:22px;
				}
				#makevisitbox_searchbox div.btn input{ /* controls the button marked "go" */
					vertical-align:bottom;
					}
		#makevisitbox_map{ /* div containing the divs containing the google map */
			margin:0 14px;
			}
	
			#makevisitbox_map #mapimg{ /* the div within the div - this one actually contains the map */
				text-align:center;
				}
				#makevisitbox_map #mapimg img{/* this was dummy to be replaced by the actual map program */
					vertical-align:middle;
					}
	
/*popular places box------------------------------------------------------------------ */
/* need to revisit - seems unfinished */
.pin_number{
	background:transparent url(../images/bullets/makeavisit-bluepins_2.gif) top left no-repeat;
	float:left;
	width:22px;
	height:34px;
	margin-left:12px;
	color:#fff;
	font-size:9px;
	text-align:center;
	}
	.pin_number span{
		margin-left:-4px;
		}
.middle_col {
	margin: 0 150px 0 148px;
	padding-right: 18px;
}


.middle_col h4 {
	font: bold 16px Georgia, "Times New Roman", Times, serif;

}
.middle_col .meta{
	font: normal 14px/18px "Trebuchet MS", Arial, sans-serif;
	position:relative;
	}
	
.makevisit .right_col {
	width: 150px;
	text-align: right;
	font-size: 11px;
	color: #5a5959;
}

/* the code below is moved to common.css , its used on some other page not only makevisit*/
/*
.right_col p .name{
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	}
.right_col p .userinfo{
	font: bold 12px "Trebuchet MS";
	margin:4px 0 2px;
	}
.right_col p.last_act{
	font: italic 12px "Trebuchet MS";
	}*/




.content_div{
	float:left;
	width: auto;
}

/*style for pop up on ordering food */

/* pop up window for order*/
#pop_overlay {
  position: absolute;
  z-index:1100;
  top: 0px;
  left: 0px;
  background-color:#9ED9FB;
  filter:alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;
}

#pop_window {
  position: absolute;
  background-color: #fefefe;
  z-index: 1102;
  display:none;
  border: 4px solid #5380AF;
  text-align:center;
  padding:15px 0px;
}

#pop_title{
    margin-top:12px;
    height:32px;
    position:relative;
}
	#pop_title h4{
		color: #24507f;
		font:bold 18px/20px "Trebuchet MS", sans-serif;
		text-align: center;
		margin: 0 ;
		padding: 0 ;
		position:relative;
		top:2px;
		}

#pop_content{
  clear:both;
  padding:2px 15px 15px 15px;
  /*padding:0px;*/
  text-align:left;
}

div#standalone-item{
    position:relative;
    text-align:left;
    padding:15px;
}


.category-description{
    margin-bottom: 3px;
    padding-bottom: 2px;
    padding-top: 15px;
    font-weight: bold;
    text-align: left;
}

div#standalone-category{
    position:relative;
    text-align:left;
    padding: 15px;
    border: 1px solid #0A78BD;
    background-color: #EDFBFE;
}
.standalone-category{
	 position:relative;
    text-align:left;
    padding: 15px;
    border: 1px solid #0A78BD;
    background-color: #EDFBFE;
	}
div#standalone-category ul li,
.standalone-category ul li{
	margin:3px 0;
	}
	
/*pop up content*/
p.order_label_checkbox_group{
    clear: both;
    float: none;
    position: relative;
    font-size:14px;
    margin-top:2px;
	line-height:18px;
	height:18px;
}

p.order_label_checkbox_group input{
    padding-right: 45px;
	margin-top:2px;
	*margin-top:0;
    width:15px;
	vertical-align:middle;
	float:left;
}

p.order_label_checkbox_group label {
    text-align:left;
    display: block;
    margin-left: 20px;
    padding-right:10px;
	vertical-align:middle;
	line-height:18px;
	
}
p.order_label_checkbox_group .price{
    position:absolute;
    left:120px;
    top:0px;
}
p.order_label_checkbox_group select,
p.order_label_checkbox_group span{
	line-height:18px;
	vertical-align:middle;
	}
.varprice_1,.varprice_2,.varprice_3,.varprice_4,.varprice_5,.varprice_6,.varprice_7,.varprice_8,.varprice_9{
    position:absolute;
    left:0px;
    top:0px;
    color:#DCFBB9;
    font-size: 85%;

}

div#item-note{
    margin-top:15px;
    border-top:#255180 1px solid;
    position:relative;
    padding-bottom:15px;
}

div#item-note .itemnote{
    position:relative;
    margin-top:15px;
    height:52px;
	display: block;
	font-weight:bold;
	font-size: 14px;
	font-family:"Trebuchet MS", sans-serif;
	width:98%;
	padding:4px 0px 4px 4px;
	color:#999;
	border: 1px solid #c7dadf;
	margin-bottom:0;
}
div#item-buttons {
text-align:right;
}
div#item-buttons .quantity {
	line-height:24px;
	height:24px;
}

.quantity {
	margin:0 12px;
	position:relative;
	top:-2px;
}
div#item-buttons .quantity input {
    width:4em;
	border: 1px solid #c7dadf;
	vertical-align:middle;
}

div#item-buttons .additembutton{
	float:right;
}






#order-list{
}

#order-list .order-item{
 padding-right:5px;
}

#order-list .order-item .rest{
 margin-right:150px;
}

#order-list .order-item .date{
 float:right;
 font-style:italic;
 width:150px;
 text-align:right;
 font-size:101%;
}

#order-list .order-item .links{
 padding:5px;
}

#order-list .order-item .links a{
 text-decoration:underline;
}

#order-list .order-item .items{
 font-weight:bold;
}

#order-list .order-item .info{
 padding-left:10px;
}





#picture-list .link{
 text-align:right;
 padding-right:10px;
}

#picture-list .picture-edit{

}

#picture-list .picture-edit .caption-value{
 visibility:hidden;
 position:absolute;
 margin-left:110px;
}

#picture-list .picture-edit .caption{
 font-weight:bold;
 margin-left:-10px;
}

#picture-list .picture-edit .value{

}

#picture-list .picture-edit .submit{
 visibility:hidden;
 position:absolute;
 margin-left:110px;
 margin-bottom:10px;
}

#picture-list .picture-info{
    float:top;
    padding:5px;
}

#picture-list .picture-info .picture {
    width:100px;
    float:left;
}
#picture-list .picture-info .info{
    margin-left:110px;
    margin-right:110px;
    min-height:200px;

}
#picture-list .picture-info .action {
    width:100px;
    float:right;
    margin-top:-200px;
}

#picture-list .action {
    width:100px;
    float:right;
}

#picture-list .unvisible {
    margin-top:-200px;
    margin-left:110px;
}


div.middle_col_1.copy{
	font:normal 14px/18px "Trebuchet MS";
	margin-left:118px;
	margin-right:86px !important;
	}
	div.middle_col_1.copy h4{
		font-size:16px;
		font-family:Georgia, serif;
		font-weight:bold;
		}
	div.middle_col_1.copy p{
		}

div.mypict_btn{
	}
	div.mypict_btn input.btn{
		margin:0 2px;
		}
#mypic_inputbox{
	background:#366291;
	width:100%;
	overflow:visible;
	float:left;
	margin:10px 0 18px;
	}
	#mypic_inputbox .inputform{
		margin:8px 14px 14px 14px;
		}
	#mypic_inputbox h4.label{
		font:bold 14px/24px "Trebuchet MS", serif;
		color:#fff;
		margin:0 0 0;
		}
	#mypic_inputbox input.file{
		margin:0 0 12px;
		}
		#mypic_inputbox input.btn{
			margin:0px 8px 2px 0;
			}
	#mypic_inputbox textarea.text{
		width:98% !important;
		border:1px solid #ccc;
		margin-bottom:10px;
		padding:6px;
		color:#999;
		font-weight:bold;
		overflow:hidden;
		}
		#mypic_inputbox textarea.text.title{
			height:16px;
			}

#place-list{
 float:top;
}


/* Last Edited by Jenn Huang on Oct 16 2007 */
/* Need to revisit the add merchant pop up box - could not find a relevant matching html to use */
/* However, there is a separate css document which seems to contain similar classes and id's - will return in the future to check */


.btn{  /* the div containing the search fields and search button when searching (for a place - seen on the make a visit page */
	vertical-align:middle;
	padding:2px 0;
	}
	
#center.searchres{ /* controls the appearance/size of the text in the #center div, with the .searchres (search results?) class */
  /*min-width: 550px;*/
  font-size:12px;
}

#center.searchres .changeloc{ /* controls the div that shows up above the map when search results are displayed */
	position:relative;
	height:32px;
	}
	#center.searchres .changeloc p{ /* controls the default appearance of the text within the .changeloc div */
		font-size:14px;
		vertical-align:middle;
		direction:block;
		line-height:25px;
		}
		#center.searchres .changeloc input.btn{ /* controls the button labeled "change location" above the map when search results are displayed */
			vertical-align:middle;
			display:block;
			height:25px;
			}
		#center.searchres .changeloc a{ /* default appearance for any links within the .changeloc div */
			font-weight:bold;
			}

#popup_changeloc{ /* controls the AJAX popup div containing the change location fields and options*/
	position:absolute;
	background:#366291;
	width:100%;
	overflow:visible;
	float:left;
	z-index:500;
	}
	#popup_changeloc #changeloc_search{ /* controls the div within the AJAX popup for the housing search fields specifically */
	background:#366291;
	color:#fff;
		}
	#changeloc_search{ /* not quite sure why this is here - this background is blue, while the one above is closer to black. This one overwrites the former? */
		width:98%;
		height:60px;
		background:#E9F5F8;
		font-size: 14px;
		font-weight: bold;
		padding:6px 1% 0px;
		/*min-width:455px;*/
		}
		#changeloc_search .lft,#changeloc_search .mid{ /* controls the divs housing the change location search fields - left and right fields respectively */
			width:41%;
			float:left;
			}
				#changeloc_search .lft{ margin:0 1% 0 2%;}
				#changeloc_search .mid{ margin:0 2% 0 1%; }
			* html #changeloc_search .lft, * html #changeloc_search .mid{ /* looks like this is for IE6 - should be revisited for cleaning */
				width:38%;
				}
				
			#changeloc_search .lft p,#changeloc_search .mid p{ /* controls the labels above the search fields - "where are you going" and "where is it located" */
				margin:0px 0 4px;
				}
			#changeloc_search input.textinput{ /* controls the appearance of the text within the input fields */
				display: block;
				font-weight:bold;font-size: 14px;
				width:90%;
				padding:4px 12px;
				color: #d2d6db;
				border: 1px solid #ccc;
				margin-bottom:0;
				}
				#changeloc_search input.textinput:hover{ /* controls the hover state of the search fields */
					border-color: #2092fa;
					}
		#changeloc_search div.btn{ /* controls the button labeled "go" - related to the search fields */
				padding-top:22px;
				}
				#changeloc_search div.btn input{ /* controls the appearance of the "go" button - not quite sure why another css statement is required */
					vertical-align:bottom;
					}
		#popup_changeloc div.chgloc_act{ /* controls the div which houses the other popup options, such as "primary", "add/edit saved locations", and "cancel" */
			text-align:left;
			margin:6px;
			background:#366291;
			font-size: 14px;
			font-weight: bold;
			}
			#popup_changeloc div.chgloc_act ul{ /* controls the appearance of (atm) the "primary" text in the popup box - maybe for multiple elements as well? */
				margin:6px 0 12px 12px;
				}
			#popup_changeloc div.chgloc_act ul li a{ /* controls the appearance of (atm) the "primary" text in the popup box - maybe for multiple elements as well? */
				color:#9eebfc;
				}
				#popup_changeloc div.chgloc_act a{ /* controls the appearance of (atm) the "primary" text in the popup box - maybe for multiple elements as well? */
					color:#fff;
					}
				#popup_changeloc div.chgloc_act a.meta{ /* controls the appearance of (atm) the "primary" text in the popup box - maybe for multiple elements too? */
					font-size:12px;
					color:#fcfcfc;
					}

#featuredbox.searchres{ /* controls the main containing box which houses the search results - shows up below the google map */
	margin-top:32px;
	*float:none;
	}
		
	.searchres.bordergrey{
		*float:none;
		_width:100%;
		}
	.searchres.bordergrey div.row{
		}
#featuredbox.searchres h3{ /* controls the main title text - "showing results (number) of (number) for (searched)" */
	font-size:15pt;
	position:relative;
	top:-14px;
	}
	#featuredbox.searchres h3{ /* seems to overwrite the above size */
		font-size:15pt;
		}
		#featuredbox.searchres h3 span{ /* seems to overwrite the former sizes, but calling span twice (span inside a span), making this irrelevant (why?) */
			font-size:12pt;
			}
			

h3.searchstatus {
	font: 15pt/30px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #dc1b3a;
	text-align: center;
	top: -10px;
}

h3.searchstatus span {
	background: #fff;
	padding: 5px 10px;
	font-size:12pt;
}

	
#featuredbox.searchres #src_toprow{ /* controls the div housing the "narrow search" button and the related text */
	clear: both;
	background:transparent url(../images/bgs/search/search_featured_top_bg.png) bottom repeat-x;
	border-bottom:1px solid #cecccc;
	/*padding: 0px 18px 9px;*/ padding:0 1% 9px;
	position:relative;
	min-height:32px;
	_height:100%;
	*float:none;
	font-size:14px;
	text-align:center;
	width:98%;
	}
	.searchres.bordergrey #src_toprow {/* alternate to controls the div housing the "narrow search" button and the related text */
	clear: both;
	/*padding: 0px 18px 9px;*/ padding:0 1% 9px;
	position:relative;
	min-height:32px;
	_height:100%;
	*float:none;
	font-size:14px;
	text-align:center;
	width:98%;
		}
	
	#featuredbox.searchres #src_toprow span,
	.searchres.bordergrey #src_toprow span{ /* controls the text within the span within the #src_toprow div */
		font-size:14px;
		}

		
	/** add - 20070928 ------------------**/
	#src_toprow a.redlink{	/* return later - not immediately obvious what this is for, although it seems to be for links within the #src_toprow div */
		color:#dc1b3a !important;
		font-weight:bold !important;
		}	
	.src_redbtn{ /* controls the "narrow search" red button */
		vertical-align:text-bottom;
		position:relative;
		top:5px;
		}
	.src_narrow{ /* controls the text adjacent to the "narrow search" red button */
		vertical-align:text-top;
		position:relative;
		margin-bottom:12px;
		}
	.src_cancel{ /* html shows this exists, but it does not seem to be present in the current state - probably commented out */
		display:block;
		text-align:left;
		margin-left:6px;
		clear:both;
		}
		
	#src_btmrow { /* controls the container div below the search results, holds the "didn't find..." text and the "add it" button */
		border:none;
		}
	#src_btmrow h4{ /* controls the appearance of the text "didn't find what you were looking for?" */
		font-size:16px;
		font-weight:bold;
		color:#265281;
		}

#featuredbox.searchres #src_toprow .src_toprow_col{ /* toprow filter column default to have 5 column */
	float:left;
	font-size:14px;
	margin:0 1.2%;
	width:17%;_width:16%;
	*position:relative;*z-index:80;
	*overflow:visible;
	}
	
	.g7{
		/*toprow column setting to have 7 column i.e on the schedule/weekly. */
		margin:0 1.2%;
		width:13%;_width:12%;
		}
	
	#featuredbox.searchres #src_toprow .src_toprow_col h4{ /* return later - seems to affect a search result page that I am currently not aware of */
		font-size:16px;
		font-weight:bold;
		color:#dc1b3a;
		text-align:left;
		}
	#featuredbox.searchres #src_toprow .src_toprow_col ul{ /* return later - seems to affect a search result page that I am currently not aware of */
		text-align:left;
		}
	#featuredbox.searchres #src_toprow .src_toprow_col ul li{ /* return later - seems to affect a search result page that I am currently not aware of */
	font-size:12px;
	font-weight:bold;
	position:relative;
		}
		#featuredbox.searchres #src_toprow .src_toprow_col ul li a{ /* return later - seems to affect a search result page that I am currently not aware of */
			font-size:12px;
			color:#333333;
			}
	a.src_viewall{ /* return later - seems to affect a search result page that I am currently not aware of */
		color:#dc1b3a;
		position:relative;
		z-index:120;
		}
		a.src_viewall img.src_viewall_icon{ /* return later - seems to affect a search result page that I am currently not aware of */
			vertical-align:middle;
			}
		a.src_viewall#act{ /* return later - seems to affect a search result page that I am currently not aware of */
			background:transparent url(../images/bgs/search/vieall_panel_arrow.png) center bottom no-repeat;
		    padding-bottom:14px;
			position:relative;
			z-index:80;
			}
		a.src_viewall#act img.src_viewall_icon{ /* return later - seems to affect a search result page that I am currently not aware of */
			display:none;
			}
			
.view_all_panel_wrap{
	/*clear:both;
	background:transparent url(../images/bgs/search/vieall_panel_arrow.png) bottom center 0 no-repeat;
	padding-top:20px;
	
	z-index:150;
	float:left;
	width:99% !important;*/
	position:relative;
	}
	.view_all_panel_wrap.arrowright{
		background:#fff url(../images/bgs/search/vieall_panel_arrow.png) 93% 0 no-repeat;
		}
	.view_all_panel div{
		*overflow:visible;
		}		
.view_all_panel{ /* the roundcorner box with arrow that popped up when view all links or opening hours button cliced */
	position:relative;*position:static;
	clear:both;
	z-index:50;
	margin:0 12px 12px;
	}
	.view_all_panel .view_arrow{
		height:16px;
		width:20px;
		background:transparent url(../images/bgs/search/vieall_panel_arrow.png) 0 0 no-repeat;
		position:absolute;
		right:64px;
		z-index:500;
		}
		
	.view_all_panel#openinghour,
	.view_all_panel#openinghour div{ /*filter for opening hour - on merchant profile rev 1122 */
		}
		
/** panel roundcorner box -----*/
.view_all_panel_cont { /* return later - seems to affect a search result page that I am currently not aware of */
 position:relative;
 margin:0px auto;
 padding:6px 6px 0;
 min-width:8em;
 /*max-width:760px;*/
 max-width:98%;
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 /*margin-bottom:0.5em; /* spacing under dialog */
}
/* return later - seems to affect a search result page that I am currently not aware of */
.view_all_panel_cont .content,
.view_all_panel_cont .t,
.view_all_panel_cont .b,
.view_all_panel_cont .b div {
 background:transparent  url(../images/bgs/search/vieall_panel_bg.png) no-repeat top right;
  _background-image:url(../images/bgs/search/vieall_panel_bg.gif);
}

.view_all_panel_cont .content { /* return later - seems to affect a search result page that I am currently not aware of */
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:14px 0 4px;
}

.view_all_panel_cont .t { /* return later - seems to affect a search result page that I am currently not aware of */
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.view_all_panel_cont .b { /* return later - seems to affect a search result page that I am currently not aware of */
 /* bottom */
 position:relative;
 width:100%;
 float:left;
}
/* return later - seems to affect a search result page that I am currently not aware of */
.view_all_panel_cont .b,
.view_all_panel_cont .b div {
 height:8px; /* height of bottom cap/shade */
 font-size:1px;
}
/* return later - seems to affect a search result page that I am currently not aware of */
.view_all_panel_cont .b {
 background-position:bottom right;
}
/* return later - seems to affect a search result page that I am currently not aware of */
.view_all_panel_cont .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
 *float:left;
}
/* return later - seems to affect a search result page that I am currently not aware of */
.view_all_panel_cont .hd,
.view_all_panel_cont .bd,
.view_all_panel_cont .ft {
 position:relative;
}
	
/** panel roundcorner box end-----*/
	
/* return later - seems to affect a search result page that I am currently not aware of */	
	
	#featuredbox.searchres #src_toprow .view_all_panel_cont ul li
	,#featuredbox.searchres #src_toprow .view_all_panel_cont ul li a{
		font-size:12px;
		}
	.view_all_panel_cont ul{
		margin-left:12px;
		zoom:1;
		}
	.view_all_panel_cont ul h4{
		}
	.view_all_panel_cont ul li{
		float:left; 
		width: 150px;
		text-align:left;
		}
	
	
	.view_all_panel_cont_wrap{ /*necessary to address IE 7 */
		margin:12px;
		zoom:1;
		font-size:12px;
		}	
		
		
	.view_all_panel_cont .view_panel_col{ /*panel content column - standard is to have 5 column */
		float:left;
		font-size:12px;
		margin:0 1%;
		width:17%;_width:16%;
		*position:relative;
		*overflow:hidden;
		zoom:1;
		*display:inline;
		}
		.view_panel_col.g7{ /* 7column */
			margin:0 1%;
			width:12% !important;
			
			}
		.view_all_panel_cont .view_panel_col ul{
				margin:0 auto;
				width:100%;
				}
		.view_all_panel_cont .view_panel_col h4{
			color:#333;
			font:bold 14px/18px "Trebuchet MS", sans-serif;
			text-align:left;
			}
		.view_all_panel_cont .view_panel_col ul li{
				width:98% !important;
				*clear:left;
				}
		.view_all_panel_cont .view_panel_col ul li a{
			*display:inline;
			*text-align:left;
			}
		
/**featuredbox---------------------*/
.merchant_pic{ /* image container used for the search results in the "places" page */
	float:left;
	min-height:100px;
	margin-right:12px;
	/**position:relative;*/
	/*text-align:center;*/
	}
	.row .merchant_pic{
		width:100px;
		height:100px;
		margin-bottom:32px;
		float:left;
		}
		.row .merchant_pic img{
			border:3px solid #E0E0E0;
			}
		.row .merchant_pic img.icon{
			border:none;
			margin:2px 0;
			}
	  .row .merchant_pic .diet-icon-box{
	  
	  		}
/**featuredbox---------------------*/
.user_pic{ /* image container used for the search results in the "places" page */
	float:left;
	min-height:100px;
	margin-right:12px;
	/**position:relative;*/
	/*text-align:center;*/
	}
	.row .user_pic{
		width:100px;
		height:100px;
		margin-bottom:32px;
		float:left;
		}
		.row .user_pic img{
			border:3px solid #B3DEF9;
			}
		.row .user_pic img.icon{
			border:none;
			margin:2px 0;
			}
	  .row .merchant_pic .diet-icon-box{
	  
	  		}
	  
/**pin number update -------------------*/
.pin_number_1{ /* controls appearance for the pin used for the merchant results */
	background:transparent url(../images/bullets/bluepins_trans.png) top left no-repeat;
	_background-image: url(../images/bullets/makeavisit-bluepins_2.gif); /*adjustment for IE 6*/
	width:22px;
	height:34px;
	color:#fff;
	font-size:9px;
	text-align:center;
	position:relative;
	height:100px;
	float:left;
	margin-right:6px;
	}
	.pin_number_1 span{ /* controls the text for the pin */
		margin-left:-4px;
		position:relative;
		top:2px;
		}

.middle_col_1 { /* controls the div containing the details for the merchant (En Japanese, 5 miles, visited 40 times) */
	margin: 0 150px 0 0;
	float:none;
	position:relative;
	left:6px;
}
.middle_col_1 h4 { /* merchant name (En Japanese) */
	font: bold 16px Georgia, "Times New Roman", Times, serif; }
	.middle_col_1 h4 a{
		color:#333;
		}
.middle_col_1 .meta{ /* merchant details (5 miles, visited 40 times) */
	margin-bottom:12px;
	font: normal 14px/18px "Trebuchet MS", Arial, sans-serif;
	}
.middle_col_1 .shoutboxsmall{ /* contains the data for the small shoutbox container (999) underneath the merchant meta data */
	float:none;
	display:inline;
}
.meta .neighborhood{ /* not immediately clear - maybe for a more accurate (google maps?) search result */
	font-size:12px;
	}
/*** for searchresult tabbed -----------*/
.searchres_tab{ /* redundant tab - for container should we need it */
	}

/* tabbed search */
ul#src_tab{ /* targets tabs in the search pages - orders, places, spottings, bookings - controls the ul */
	display:block;
	float:left;
	/*margin:0 0 0 10px;*/
	margin:0;
	padding:0;
	position:relative;
	bottom:-8px;
	height:32px !important;
	margin-top:-7px !important;
	z-index:100;
	}
	
	/*\*/
	html*ul#src_tab { /*adjusting the vertical position for safari */
		bottom:-9px;
		}
	/**/
		
	ul#src_tab { /*countering for IEs */
	 	*bottom:-8px !important;
	 	_bottom:-9px;
	 	}
	
	
	
	
	ul#src_tab li{ /*controls the size of the li */
	padding:0;
	margin:0;
	height: 32px !important;
	display:block !important;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	float:left;
	}

	ul#src_tab li a{ /* controls the links within */
		display:block;
		padding:3px 12px;_padding:2px 12px;
		color:#333;
		/*background:#fff url(../images/bgs/search/tab_bg.png) bottom repeat-x;
		border-width:1px 0px 0 1px;
		border-style:solid;
		border-color:#ccc;*/
		}
		ul#src_tab li a.last{ /* controls the last link in the list - currently bookings */
			/*border-width:1px 1px 0 1px;*/
			}
	ul#src_tab li a#current { /* controls the appearance of the current category in the list - colored blue */
		/*background: #24507f;*/
		/*background: #24507f;
		color: #fff !important;
		border-color: #24507f;*/
		border-width:1px 1px 0 1px;
		border-style:solid;
		border-color:#ccc;
		border-bottom:1px solid #fff;
		color:#DD1636;
	}

/*reply share placement----------*/
.reply_share{ /* div containing div which contains the star rating, number of replies, and the forward link */
	position:relative;
	display:inline;
	}
	.reply_share div.rating{ /* actual div containing the actual input (star, replies, forward) */
		/*margin-top:52%;*/
		vertical-align:middle;position:relative;
		}
	.reply_share .user_stats{ /* controls the "2 weeks ago" text if the results are user-related (usually for reviews) */
		position:relative;
		top:-12px;
		right:4px;
		font-style:oblique; 
		}
		
.rating{ /* general version of the rating conntainer div stars & links */
	float: right; 
	margin-top: 10px;
	line-height: 12px;
	text-align:right;
	
}

/*\*/
	html*.rating { /*adjusting position for safari & IE7 */
		/*margin-left:-300px;*/
		}
	/**/
	
	* html .rating{
		/*display:inline;*/
		}


.rating div,
.rating_text div.tpl-estimation { /* sets the display to inline for the rating div - we need to set display:inline so it didn't crumble on IE6 */
display: inline;
}



.rating .star { /* targets the star rating system in the search results */
	display: inline;
	padding-right: 2px;
}



.star div{ /* targets the containing div for the stars */
	background: url(../images/star-lightgrey.png) 0 0 no-repeat;
	height: 12px;
	width: 12px;
	display: block;
	float: left;
	text-indent:-9999px !important;
	margin-right: 3px;
	position:relative;
}
.star div span{ /* all the stars are contained within a span */
	display:none;
	}
.star div.dark_star { /* controls the image of the stars */
	background: url(../images/star-darkblue.png) no-repeat;
}

.rating a{
	font-style:normal;
	}

.rating_text a { /* controls the appearance of the rating text - replies and forward */
	padding: 0 5px;
	font-size: 12px;
	font-style:normal;
	font-weight: bold;
	color: #24507f;
	height: 18px;
	*position:relative;
	*top:-3px;
}

.rating_text .ratethis{
	color:#444; 
	font-size:14px; 
	font-weight:bold;
}

.user_stats{ /* controls the appearance of the "2 weeks ago" text */
	font-style:italic;
		}

/*---------- pop up add merchant ---------*/
/* this for pop up box that show when you click on the add merchant button on the bottom of the middle section of the search page */

#pop_add_merchant_wrap{ 
	width:100%;
	background:#366291;
	margin:0;
	padding:0;
	font-size:13px;
	}
#pop_add_merchant_wrap div{
	}	
#addMerchant{
	font-size:13px;
	}

.pop_add_merch{ /*this is the pop box container, do its againts web nature (it goes up instead of down) expect it to need to adjustment for specific browser */
			width:100%;
			position:absolute;
			background:#366291;
			margin-left:-20px;
			z-index:810;
			background:transparent url(../images/event_box/pop_spot_arrow2-down.gif) 97% 100% no-repeat;				
			padding-bottom:14px;font-size:13px;
			}
			
	/*\*/ 
	html*.pop_add_merch{ /* adjsutment for safari */
		margin-top:34px;
		}
	/**/
	html:first-child .pop_add_merch{ /*adjustment for opera*/
		margin-top:34px;
		}	
	
	html .pop_add_merch{
		*margin-top:8px;
		}
	* html .pop_add_merch{
		margin-top:0px;
		left:4px;
		_margin-left:0;
		}
		
	* html .pop_add_merch div{
		position:relative;
		}	
			
	.pop_add_merch_cont{
	padding:12px 16px;
	margin:0 auto;background:#366291;
	position:relative;
	_width:100%;
	}
	.pop_add_merch_cont .form_row{
		clear:both;
		margin:4px auto;
		font-size:14px;
		padding:1px 0;
		white-space:nowrap;
		}
		
		.pop_add_merch_cont .lft{
			width:20%;
			float:left;
			text-align:right;
			color:#fff;
			padding-top:4px;
			white-space:normal;
			}
		.pop_add_merch_cont .rgt{
			margin-left:22%;*width:75%;
			*margin-left:2%;
			*margin-right:4px;
			}
			.pop_add_merch_cont .rgt input, .pop_add_merch_cont .rgt textarea{
				}
		.pop_add_merch_cont input.textinput {
				display: block;
				font-weight:normal;
				font-size: 14px;
				font-family:"Trebuchet MS", sans-serif;
				width:100%;
				padding:4px 0px;
				/*color: #d2d6db;*/	
				color:#333;
				border: 1px solid #ccc;
				margin-bottom:0;
				}
				#changeloc_search input.textinput:hover{
					border-color: #2092fa;
					}
				.pop_add_merch_cont select.textinput{
				display: block;
				font-weight:normal;
				font-size: 14px;
				font-family:"Trebuchet MS", sans-serif;
				width:100%;
				/*color: #d2d6db;*/	
				color:#333;
				border: 1px solid #ccc;
				margin-bottom:0;
					}
					.pop_add_merch_cont select.textinput {
						*position:relative;
						*left:12px;
						}

	.pop_add_merch_cont textarea.msg{
		margin:0 auto;
		border:1px solid #fcfcfc;
		font-weight:normal;
		font-size:14px;
		font-family:"Trebuchet MS", sans-serif;
		padding:4px 0;
		color:#777;
		text-align:left;
		width:100%;
		}
	
		.pop_add_merch_cont div.spot_act{
			clear:both;
			height:32px;_height:0px;
			/*padding:2px 6px 0 10px;*/
			font-size:16px;
			font-weight:normal;
		
			}
		.pop_add_merch_cont div.spot_act input.btn_ok{
				float:right;
				vertical-align:middle;
				height:21px;
				padding:6px 0;
				position:relative;_position:static;
				right:-2px;
				}
		.pop_add_merch_cont div.spot_act a.cancel{
			font-size:11.5px;font-weight:normal;
			line-height:38px;
			color:#fff;
			float:left;
			}





#signup{
 background-color:white;
 position:relative;
 margin-top:0px;
}

#signup .song .links a.loosed-button
{
 text-decoration:none;
}

#signup .center-box{
 width:590px;
 margin-top:0px;
 margin-left:auto;
 margin-right:auto;
}

#signup .song{
 text-align:center;
 height:30px;
}

#signup .center{
 text-align:center;
 margin-left:170px;
 margin-right:250px;
}

#signup .informer {
 float:right;
 width:190px;
 margin-top:35px;
 margin-bottom:35px;
 padding-left:10px;
 padding-bottom:10px;
 border:solid 1px #ddd;
}

#signup  .title{
 font-weight:bold;
}

#signup .informer .title{
 padding-left:10px;
}

#signup .invite {
 background: url(../images/song-add-new3.gif) no-repeat top left;
 margin:0px;
 padding:0px;
}

#signup .center .empty-height{
 height:175px;
}

#signup .center .signup-click{
 width:250px;
 height:30px;
 margin-left:320px;
 cursor:pointer;
 display:block;
}

#signup .center .signup-click:hover{
 text-decoration:none;
}

#signup .invite .recent-songs{
}

#signup .invite .edit{
 margin:0px;
 padding:0px;
 height:365px;
}

#signup .invite .edit input.song{
 width:350px;
 height:23px;
 text-align:left;
 margin-top:94px;
 margin-left:1px;
 border:0px;
 font-size:125%;
 padding:0px;
}

#signup .invite .edit input.artist{
 width:350px;
 height:25px;
 text-align:left;
 margin-top:17px;
 margin-left:1px;
 border:0px;
 font-size:125%;
 padding:0px;
}

#signup .invite .edit textarea.comments{
 width:330px;
 height:110px;
 text-align:left;
 margin:0px;
 margin-top:19px;
 margin-left:1px;
 padding:0px;
 border:0px;
 overflow:auto;
}

#signup .invite .edit .submit{
 margin-top:25px;
 margin-left:auto;
 margin-right:auto;
 width:305px;
 height:32px;
 padding:0px;
 cursor:pointer;
}

#signup .center .center-song{
 background:no-repeat url(../images/song-center4.gif);
 height:230px;
}

#signup .center .news-title{
 height:75px;
 background:no-repeat url(../images/song-news-pointer.gif);
}

#signup .center .pics-title{
 height:75px;
 background:no-repeat url(../images/song-pictures-pointer1.gif);
 color:white;
 text-align:center;
 font-size:125%;
 line-height:15px;
}



#signup .center .news{
 border-bottom:solid 1px #ddd;
 margin-bottom:10px;
 margin-top:0px;
}

#signup .center .pics{
 border:solid 1px #ddd;
 border-top-width:0px;
 margin-bottom:10px;
 margin-top:-10px;
 overflow:hidden;
}

#signup .center  #pics-list{
 overflow:hidden;
 display:block;
}

#signup .center #pics-preview{
 display:none;
 margin:5px;
 padding:0px;
}

#signup .center img#pics-preview-img{
 margin-top:20px;
 margin-bottom:20px;
   cursor:pointer;
 width:577px;
}

#signup .center .pics img{
 margin:14px;
 padding:2px;
 border:double 4px #ddd;
 cursor:pointer;
 display:inline;
}

#signup .center .pics img:hover{
 border-color:#40a0d0;
}
#signup .center .news .item-even,#signup .center .news .item-odd{
 text-align:left;
 margin-bottom:0px;
 border:solid 1px #ddd;
 border-bottom-width:0px;
}

#signup .center .news .item-even{
 background-color:#F6FBFC;
}

#signup .center .news .left{
 width:80px;
}

#signup .center .news .data{
 margin:0px;
 padding:0px;
 display:block;
 margin-left:86px;
 text-align:left;
 width:auto;
}

#signup .center .news .title{
 margin-left:10px;
 color:#0F1673;
 margin-top:5px;
}

#signup .center .news .createAt .bufferCreateAt{
 height:5px;
 line-height:0px;
 //height:0px;
}

#signup .center .news .createAt{
 margin-left:20px;
 width:50px;
 height:50px;
 border:solid 1px #ddd;
 background-color:white;
 text-align:center;
 color:red;
 font-family:Georgia;
 font-size:110%;
 padding:0px;
 overflow:hidden;
 line-height:1;
}

#signup .center .news .text{
 margin:10px;
 font-size:90%;
 margin-top:0px;
}

#signup .center .news .commentIt{
 margin-right:10px;
 font-size:90%;
 text-align:right;
}

#signup .center .news .comment{
 margin-right:10px;
}

#signup .center .news .commentList{
 margin-top:10px;
 border-left:solid 1px #ddd;
 border-right:solid 1px #ddd;
}

#signup .center .news .comment-item img{
 float:left;
}
#signup .center .news .comment-item{
 overflow:hidden;
 margin-left:10px;
 margin-right:10px;
 margin-top:5px;
 font-size:90%;
}

#signup .center .news .comment-item .header{
 margin-left:45px;
 font-weight:bold;
 color:#3EA0F8;
}

#signup .center .news .comment-item .header span{
 color:#24507F;
}

#signup .center .news .comment-item .text{
 margin:2px;
 margin-left:45px;
 font-style:italic;
}

#signup .center .news .comment-item .header .date{
 float:right;
}


#signup #comments-left{
 padding-left:70px;
 font-weight:bold;
}

#signup .confirm, #signup .sync{
  font-size:130%;
  margin-top:150px;
  margin-right:200px;
  margin-left:10px;
}

#signup .matched{
  margin-top:50px;
  padding-left:20px;
}

#signup .vote-song-popup{
 background-color:#fff;
 margin-left:0px;
 margin-top:-150px;
 height:130px;
 width:270px;
}

#signup .news .popupSongsLogin{
 margin-left:-200px;
 margin-top:-100px;
}

#signup .news-comment-popup{
 width:280px;
 height:200px;
 visibility:hidden;
 overflow:hidden;
 margin-top:-200px;
 margin-left:-200px;
}

#signup .comment-list-popup{
 background-color:#fff;
 margin-left:-100px;
 margin-top:-400px;
 height:400px;
 width:300px;
 overflow:auto;
}

#signup .recent-songs{
}

#signup .recent-songs h2{
 margin-top:20px;
 margin-bottom:20px;
}
#signup .recent-songs .list{
 text-align:center;
}

#signup .recent-songs .title{
 padding:50px;
 padding-left:100px;
}

#signup .recent-songs .song{
 height:140px;
 background-image: url(../images/song-from5.gif);
 margin-bottom:10px;
}


#signup .recent-songs .song .links{
 float:right;
 margin-right:20px;
 margin-top:-2px;
 font-size:90%;
}

#signup .recent-songs .song .links a{
 text-decoration:underline;
}

#signup .recent-songs .song .about{
 margin-left:59px;
 padding:0px;
 width:520px;
 height:30px;
 overflow:hidden;
}

#signup .recent-songs .song .about .artist,#signup .recent-songs .song .about .title{
 padding:0px;
 font-weight:bold;
 float:left;
 font-size:100%;
 color:#0F1673;
 width:auto;
 margin-top:12px;
}

#signup .recent-songs .song .about .vote-links{
 float:right;
 padding-right:10px;
 font-size:75%;
}

#signup .recent-songs .song .about .vote-links .mild{
 text-decoration:underline;
 color:#999;
}
#signup .recent-songs .song .about .vote-links .hot{
 color:red;
 padding-right:10px;
 text-decoration:underline;
}

#signup .recent-songs .song  .comment{
 color:#555;
 float:none;
 width:520px;
 margin-left:60px;
 margin-top:10px;
 height:60px;
 text-align:left;
 line-height:18px;
}

#signup .recent-songs .song  .links{
 float:right;
}

#signup .recent-songs .song  .comment .quoteR{
 background: url(../images/bgs/review-quotes.gif) no-repeat;
 width:30px;
 height:25px;
 border:solid 1px #ddd;
 display:inline;
 overflow:auto; 
} 

#signup .recent-songs .song .vote{
 float:left;
 width:70px;
 height:50px;
 margin-top:-15px;
 margin-left:-5px;
 z-index:1000;
 padding-top:0px;
 font-size: 120%;
 color: red;
 font-family: georgia;
 font-style:italic;
 text-align:center;
}

#signup .recent-songs .song .vote .hot{
 font-size:50%;
 display:block;
 margin-top:3px;
 font-style:normal;
}

#signup .recent-songs .song .vote .lose{
 font-size:50%;
 display:block;
 margin-top:3px;
 font-style:normal;
 color:#f90;
}

#signup .recent-songs .song .vote a{
 font-style:normal;
 color:#999;
 font-size:75%;
 margin-top:20px;
}

#signup .recent-songs .song .count{
 float:left;
	font-size: 120%;
	color: red;
	font-family: georgia;
}

#signup .recent-songs .song .count a{
 text-decoration:underline;
}

#signup .recent-songs .song .added{
 float:none;
 text-align:left;
 padding-left:65px;
 margin-top:0px;
 font-size:90%;
 color:#999;
}


#signup .recent-songs .song .comment-list-popup .bad, #signup  .recent-songs .song .comment-list-popup .good
{
 text-align:right;
 width:40px;
 font-size:90%;
}

#signup .recent-songs .song .comment-list-popup .date
{
 border:solid 0px #fff;
 font-size:90%;
}

#signup .recent-songs .song .comment-list-popup .comment
{
 float:none;
 margin-bottom:3px;
 border-bottom:solid 1px #ddd;
}

#signup .left .about{
 border:solid 1px #eee;
 border-left:solid 0px #fff;
}
#signup .left .title{
 background-color:#eee;
}
#signup .left .text{
 padding:5px;
}

#signup .left{
 float:left;
 width:165px;
 margin-top:10px;
}

#signup .right #popupShareWithFriends{
 margin-top:200px;
}

#signup .right-numerical-list{
 background-color:#e9f6ff;
 width:213px;
 margin-left:2px;
 margin-top:0px;
 margin-bottom:10px;
}

#signup .right{
 float:right;
 width:233px;
 margin-top:20px;
}

#signup .right .links{
 padding-left:0px;
 background: url(../images/signup-links.gif) no-repeat;
 height:117px;
}

#signup .right .links .links-top{
 height:23px;
}

#signup .right .links a{
 display:block;
 font-size:100%;
 padding-left:55px;
 height:25px;
 color:#24507F;
 font-weight:bold;
}

#signup .right .links a.selected{
 font-weight:bold;
 color:#3C93D0;
 background: url(../images/signup-links-selected.gif) no-repeat;
}



#signup .center .corner{
 background: url(../images/corner1.gif) no-repeat;
 background-color:#000;
 margin-left:auto;
 margin-right:auto;
 width:50px;
 padding:0px;
 height:28px;
 margin-top:-2px;
}

#signup #song-reg-unvisible{
 display:none;
}


#accordion{
 background-color:#e9f6ff;
 width:213px;
 margin-left:2px;
 margin-top:0px;
 margin-bottom:10px;
}

#accordion span.atStart,.right-numerical-list .rnl-title{
 color:#24507F;
 font-size:100%;
 font-weight:900;
 text-align:center;
 float:none;
 display:block;
 margin-top:7px;
 margin-bottom:4px;
}

#accordion div.atStart{
 margin:5px;
}

#accordion span.atStart a{
 color:#24507F;
}

#accordion .title{
 color:#0086ef;
 margin-left:4px;
}

.right-numerical-list b{
 font-family:Georgia;
 margin-left:5px;
 margin-right:5px;
 font-weight:100;
}

.right-numerical-list a{
  font-family: "Trebuchet MS";
	font-weight: bold;
	color: #24507f;
}

.right .event-details{
 margin-left:20px;
 width:199px;
 height:415px;
 background: url(../images/song-about3.jpg) no-repeat;
 z-index:1000;
}

.event-details .google-link{
 cursor:pointer;
 width:70px;
 margin-top:270px;
 margin-left:10px;
 height:15px;
 padding:0px;
 overflow:hidden;
}

 .event-details .shadatek-link{
 padding:0px;
 cursor:pointer;
 margin-top:45px;
 margin-left:10px;
 width:55px;
 height:15px;
 overflow:hidden;
}

 .event-details .share-link{
 overflow:hidden;
 padding:0px;
 cursor:pointer;
 width:125px;
 height:15px;
 margin-top:25px;
 margin-left:10px;
}

.right .event-details{
}

.song .vote-button,.song .voted-button,.song .losed-button 
{
 margin-left:15px;
 margin-top:15px;
 display: block; 
 width: 48px; 
 height: 17px; 
 line-height: 13px; 
 border:medium none; 
 margin-bottom: 5px; 
 background:transparent url(../images/song-vote2.gif) no-repeat scroll 0pt; 
 background-position: 0 0px; 
 text-indent: -1000em; 
}

.featured-guest .vote .voted-button,.featured-guest .vote .losed-button{
 margin-left:5px;
}

.featured-guest .vote .hot{
 display:block;
}

.song .vote-button:hover 
{
 background-position: 0 -17px; 
}

.song .voted-button
{
 background-position: 0 -34px; 
 cursor:default;
}

.song .losed-button
{
 background-position: 0 -51px; 
 cursor:default;
}


#popupMatchedSongList,#popupSongsLogin,.popupSongsLogin{
 position:absolute;
 width:300px;
 height:500px;
 background-color:#fff;
 border:solid 1px #ddd;
 visibility:hidden;
 top:200px;
 left:100px;
}
.popupReviewForward{
 position:absolute;
 width:650px;
 height:500px;
 background-color:#fff;
 border:solid 1px #000;
 visibility:visible;
 top:150px;
 left:200px;
 margin: 10px 10px 10px 10px;
 z-index:inheritauto;
}

#popupSongsLogin,.popupSongsLogin{
 height:120px;
 top:auto;
 left:auto;
 margin-left:-80px;
 margin-top:-70px;
}

.popupSongsLogin{
 margin-left:0px;
 margin-top:0px;
}

#popupMatchedSongList .list{
}

#popupMatchedSongList .list .row{
 overflow:hidden;
}

#popupMatchedSongList .list .row .user{
}

#popupMatchedSongList .list .row .user .photo{
 float:left;
 margin:10px;
 padding:0px;
 width:30px;
}

#popupMatchedSongList .list .row .user .name{
 height:15px;
}

#popupMatchedSongList .list .song{
 font-weight:bold;
}

#popupMatchedSongList .list .song .song{
 float:left;
 width:auto;
}

#popupMatchedSongList .list .song .artist{
 width:auto;
 padding-left:10px;
}

#popupMatchedSongList .submit{
 margin:10px;
 float:none;
}

#popupMatchedSongList .title{
 text-align:center;
}

/*marketing text inset i.e: for add-song page ----*/
.inset{
	background:#f6fafb url(../images/bgs/inset_bg_blue1.png) bottom repeat-x;
	color:#0f3e72;
	font:normal 12px/14px "Trebuchet MS", sans-serif;
	width:104px;
	padding:12px;
	border:3px solid #92e9fc;
	}
	.inset p{
		font-weight:bold;
		text-align:center;
		}





/* from profile-edit */


#diet-info{
}

#diet-info .row{
 overflow:hidden;
}

#diet-info .first{
 float:left;
 width:250px;
 text-align:left;
 margin-right:50px;
}

#diet-info .last{
 /*float:left;*/
 margin-left:305px;
 width:250px;
 margin-right:5px;
 
}
#diet-info .btnfirst{
 float:left;
 width:90px;
 text-align:left;
 margin-left:50px;
 margin-right:50px;
}

#diet-info .btnlast{
 /*float:left;*/
 margin-left:250px;
 width:90px;
 margin-right:5px;
 
}






.address-list{
}

.address-list .link{
 text-align:right;
 padding-right:20px;
 margin-bottom:-5px;
 margin-top:10px;
}

.address-list .address-item{
 margin-left:20px;
}

.address-list .address-item .title{
 font-weight:bold;
}

.address-list .address-item .data{
 padding-left:10px;
}

.address-list .address-item .link{
 text-align:left;
 padding-left:0px;
 margin-top:0px;
}





/* CSS Document */
#blog-edit{
}

#blog-edit .border{
  border-left: solid 1px #dddddd;
  border:solid 1px #dddddd;
  margin:10px 10px 10px 10px;
  padding:10px 10px 10px 10px;
  z-index:500;
}

#blog-edit .title{
  position:relative;
  color:#669900;
  top:-22px; 
  font:"Courier New", Courier, mono;
  font-weight:bold;
  background-color:#FFFFFF;
  width:180px;
  left:30px;
  z-index:600;

}

#blog-edit .name{
 font-weight:bold;
 width:200px;
 float:left;
 margin-left:70px;
}

#blog-edit .value{
 padding-bottom:5px;
 min-height:25px;
}





/* edit profile global style */
.edit_profile_cont{
	width:90%;
	margin:0 auto;
	}
	
	
/*profile_edit location/ address */
.address{
	font:normal 14px "Trebuchet MS", sans-serif;
	}
.address_status{
	font:bold 14px "Trebuchet MS", sans-serif;
	color:#b4c2d2;
	}
	.address h2#address_primary.address_status{
		color:#2c5887 !important;
		}
.address p{
	color:#000;
	font-size:14px;
	}


/*add location form*/
#edit_location {
	height:auto; /*IE6*/
	}
#edit_location .form_row {
	width:100%;
	}
#edit_location .form_row .lft{
	width:22%; 	
	text-align:left;
	color:#fff;
	padding-top:4px;
	}
	
#edit_location .form_row .rgt{
	margin-left:24%;
	*width:65%;
	*margin-left:2%;
	*margin-right:4px;
	}

#edit_location .form_row .rgt input{
	}

/*edit profile section form with dark blue background*/
#edit_profile1{
	height:auto; /*IE6*/
	}
#edit_profile1 .form_row .lft{
	width:18%; *width: 120px;
	float:left;
	text-align:left;
	color:#fff;
	padding-top:4px;
	}
	
#edit_profile1 .form_row .rgt{
	margin-left:20%;
	*width:70%;
	*margin-left:2%;
	*margin-right:4px;
	}


/*profile_edit profile this dependant & derived from the form_reg found on the register.css*/ 

#form_edit_profile{
	width: 100%;
	margin:0 auto;
	}


#form_edit_profile.form_reg .form_reg_cont .form_row {
	display:block;
	clear:both;
	width:100%;
	float:left !important;
	margin:4px auto;
	}
	
	#form_edit_profile .form_row .lft{
		font-weight:bold;
		width:32%;
		}
	#form_edit_profile .form_row .rgt{
		margin-left:34%;
		/*width:82%;
		margin-left:2%;*/
		}

#form_edit_profile input.textinput{
	width:55%;
	}
	
#form_edit_profile .form_row .rgt small{
	font-size:11px;
	}
#form_edit_profile .user-avatar img{
	border:1px solid #ccc;
	margin:12px 12px 12px 0;
	}


#form_edit_profile .form_reg_cont .half1, 
#form_edit_profile .form_reg_cont .half2{
	width:46%;
	}


/* notification page  style */
#form_edit_notify { /*profile_edit profile this dependant & derived from the form_reg found on the register.css*/ 
	
	}
#form_edit_notify .form_row { 
	padding:0 24px;
	min-height:18px;
	font-size:14px;
	line-height:14px;
	*float:left;
	}
	#form_edit_notify .form_row input{
		vertical-align:middle;
		}


/*filter dropdowns wrapper for the edit taste/preference page */
select.filterpref{
	display: inline;
	font-weight:normal;
	font-size: 14px;
	font-family:"Trebuchet MS", sans-serif;
	color:#333;
	border: 1px solid #ccc;
	padding:2px;
	margin:0 0 0 12px;
					}




/* from profile - entourage */


#favorite-list{
 width:100%;
 line-height:15px;
}

#favorite-list strong{
 color:black;
}

#favorite-list .favorite-info{
 float:top;
 padding:5px;
}

#favorite-list .favorite-info .picture{
 text-align:center;
 float:left;
 width:110px;
}

#favorite-list .favorite-info .see{
 float:right;
 width:110px;
 text-align:right;
 line-height:20px;
 padding-right:5px;
}

#favorite-list .favorite-info .see a{
 margin-right:-5px;
}

#favorite-list .favorite-info .data{
 margin-left:120px;
 margin-right:120px;
 min-height:120px;
}



#followers-list {
    width:100%;
    line-height:15px;
}

#followers-list .followers-info .picture {

    float:left;
    width:110px;
}
#followers-list .followers-info {


    min-height:150px;
}

#followers-list .followers-info .info {

}





.user-list{
}




/* from profile-songs */


#reply-songs .user-songs {
    background: url(../../images/bgs/right/box-bg.gif) repeat-y left;
    margin-bottom: 25px;
}

#reply-songs .user-songs {
    margin-left: 10px;
    margin-right: 25px;
}

#reply-songs .user-songs .title b{
    background: url(../../images/icons/wave.gif) left no-repeat;
    padding-left: 20px;
}

#reply-songs .user-songs .title span{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    letter-spacing: 1px;
    color: #24507f;
    padding-right: 20px;
    background: url(../../images/icons/wave.gif) right no-repeat;
}

#reply-songs{
 text-align:center;
}

#reply-songs .center-box{
 margin-right:300px;
 margin-left:10px;
}


#reply-songs .featured-guest{
 text-align:left;
 width:590px;
 margin-left:auto;
 margin-right:auto;
}

#reply-songs .user-songs{
 float:right;
 width:250px;
 background-color:#E9F5F8;
}
#reply-songs .user-songs .title{
 padding:0px;
 margin:0px;
 text-align:center;
 font-size:100%;
 font-weight:900;
 text-align:center;
 margin-bottom:10px;
}
#reply-songs .user-songs .song .about{
 margin:3px;
 margin-left:60px;
 text-align:left;
}

#reply-songs .user-songs .song{
 overflow:hidden;
}

#reply-songs  .comeback,#signup-songs .comeback{
 text-align:left;
 margin-left:20px;
 position:relative;
}

#reply-songs .reply{
 text-align:center;
 width:590px;
 margin-left:auto;
 margin-right:auto;
}

#reply-songs .reply .list {
 text-align:left;
}

#reply-songs .reply .list .song {
 width:590px;
 height:140px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:10px;
 background-image: url(../../images/song-reply.gif);
}

#reply-songs .reply .list .song .marginHorizontal{
 height:10px;
 margin:0px;
 padding:0px;
 line-height:1px;
}

#reply-songs .reply .added{
 float:left;
 overflow:hidden;
 width:80px;
 margin-top:0px;
 text-align:center;
}

#reply-songs  .reply .list .song .comment{
 margin-right:5px;
 text-align:left;
 overflow:hidden;
 margin-left:0px;
 margin-top:0px;
 display:inline;
}

#reply-songs .reply .about{
 margin-left:100px;
}

#reply-songs  .paginate-show{
 margin-bottom:10px;
}

#reply-songs .tune{
 width:590px;
 height:213px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:10px;
 text-align:left;
}
#reply-songs .tune .reply-box{
 text-align:center;
 width:590px;
 height:213px;
 background-image: url(../../images/song-form-reply4.gif);
}

#reply-songs .tune div.title{
 height:50px;
}

#reply-songs .tune div.title div.pad_title{
 color:white;
 font-size:125%;
 margin-top:10px;
 float:left;
 width:100%;
}

#reply-songs .tune .right{
 float:right;
 width:100px;
}

#reply-songs .tune .vote{
 margin-top:20px;
 float:right;
 padding-right:10px;
}

#reply-songs .tune .vote .row{
 width:127px;
 height:31px;
 border:solid 1px transparent;
 margin-left:3px;
 margin-top:-5px;
 margin-bottom:17px;
}

#reply-songs .tune .vote div#vote_submit{
 background: url(../../images/button-song-reply.gif) no-repeat;
 margin-top:40px;
 border:0px;
 cursor:pointer;
}

#reply-songs .tune .vote div#vote_submit:hover{
}

#reply-songs .tune .vote .text{
 border-color:red;
 cursor:pointer;
}

#reply-songs .tune #reply_submit{
 visibility:hidden;
 position:absolute;
}

#reply-songs .tune .submit{
 visibility:hidden;
 position:absolute;
}

#reply-songs .tune .text{
 margin-right:100px;
 margin-top:10px;
 margin-left:5px;
}

#reply-songs .tune .text textarea{
 padding:0px;
 margin:0px;
 height:130px;
 width:400px;
}



#reply-songs .reply .rated-mild{
 float:right;
 margin-right:5px;
 margin-top:-7px;
 background-image: url(../../images/song-mild.gif);
 border:0px;
 width:40px;
 height:40px;
}

#reply-songs .reply .comment{
 margin-left:20px;
 margin-top:10px;
}

#reply-songs{
 position:relative;
}


#reply-songs .user-songs .vote .vote-box{
 background-color:white;
 height:40px;
 border:solid 1px #ddd;
}

#reply-songs .user-songs .vote,#reply-songs .song .vote{
 margin-left:4px;
 font-size: 120%;
 color: red;
 font-family: georgia;
 font-style:italic;
 text-align:center;
 float:left;
}

#reply-songs .song .vote{
 width:55px;
}

#reply-songs .user-songs .vote{
 width:45px;
}

#reply-songs .user-songs .vote .hot,#reply-songs .song .vote .hot{
 font-style:normal;
 font-size:10pt;
}


#reply-songs .user-songs .vote .vote-button,#reply-songs .song .vote .vote-button{
 margin-left:5px;
 margin-top:5px;
 margin-bottom:10px;
}

#reply-songs .user-songs .vote .vote-button,#reply-songs .user-songs .vote .losed-button{
 margin-left:1px;
 margin-top:5px;
 margin-bottom:10px;
}

#reply-songs .user-songs .vote .count{
 border:solid 1px #ddd;
 background-color:#fff;
}

#reply-songs .user-songs .vote .hot{
 display:block;
 font-size:50%;
 margin-bottom:10px;
}

#reply-songs .featured-guest .song .vote{
 float:right;
}

#reply-songs .user-songs .song { 
display:block; 
overflow:hidden; 
clear: both; 
}
 
.featured-guest .song .data{
 margin-right:60px;
}
.featured-guest{
 overflow:hidden;
}

.featured-guest .date{
 color:#aaa;
 margin-top:5px;
}

.featured-guest .comment{
 color:#555;
}

.featured-guest .avatar{
 float:left;
 width:150px;
 height:100px;
 text-align:center;
}

.featured-guest .avatar .gender-icon{
 width:50%;
 height:60%;
 border:double 4px #ddd;
 display:block;
 margin-left:auto;
 margin-right:auto;
}

.featured-guest .avatar .nie{
 margin-left:auto;
 margin-right:auto;
 width:170px;
 background-color:#eef;
 border:solid 1px #aaf;
}

.featured-guest .links{
 float:right;
 margin-right:20px;
}

.featured-guest .about{
 font-family: Georgia;
 font-weight: bold;
 color: #1b1174;
 margin-top:4px;
 margin-bottom:4px;
}





#signup-songs{
}

#signup-songs .gender{
 margin-left:210px;
}
#signup-songs .left{
 float:left;
 width:165px;
 margin-top:10px;
}

#signup-songs .right #popupShareWithFriends{
 margin-top:200px;
}

#signup-songs .right{
 background-color:#e9f6ff;
 width:213px;
 margin-left:2px;
 margin-top:0px;
 margin-bottom:10px;
}

#signup-songs .right{
 float:right;
 width:233px;
 margin-top:20px;
}

#signup-songs .right span.atStart{
 color:#24507F;
 font-size:100%;
 font-weight:900;
 text-align:center;
 float:none;
 display:block;
 margin-top:7px;
 margin-bottom:4px;
}

#signup-songs .right{
 margin-right:10px;
}

#signup-songs .center{
 margin-right:263px;
 margin-left:175px;
 margin-top:0px;
}

#signup-songs .center .buffer{
 height:20px;
}

#signup-songs .signup-button{
 background-image: url(../../images/buttons/big-sign-up.gif);
 width:148px;
 height:45px;
 border:0px;
 margin-left:65px;
 cursor:pointer;
}






/* from views */


/*-- activity module Jenn -----------*/

#activitybox .activitydesc { /* Text blurb to the right of the user avatar / photos */
	margin-left: 40px;
	font-size:11px;
	line-height:14px;
	margin-right: 4px;
	/*position:relative;
	top:-2px;*/
	}
	
#nav-sub-bar.activity,
#nav-sub-bar2.activity,
.nav-sub-bar.activity { /*Controls the appearance of the box containing the same taste and neighbors navigation links underneath the title -Activity-*/
    width: 179px;
    height: 48px;
    margin: 12px auto 0;
    background: url(../images/bgs/makevisit/activity_bg.png) center no-repeat;
    float: none;
    clear: both;
    display: block;
}

#nav-sub-bar.activity .sub-menu,
#nav-sub-bar2.activity .sub-menu,
.nav-sub-bar.activity .sub-menu { /* Controls the spacing and appearance of the text within the nav-sub-bar: same taste and neighbors */
    font-family: "Trebuchet MS";
    font-size: 12px;
    font-weight: normal;
	margin:0 9px;
}

#nav-sub-bar.activity .sub-menu div,
#nav-sub-bar2.activity .sub-menu div,
.nav-sub-bar.activity .sub-menu div  { /* Controls the containing div which houses the text: same taste and neighbors */
    float: left;
    list-style-type: none;
    height: 40px;
	width:80px;
	padding-top:8px;
	cursor:pointer;
	font-weight:bold;
}

#nav-sub-bar.activity .sub-menu div.selected,
#nav-sub-bar2.activity .sub-menu div.selected,
.nav-sub-bar.activity .sub-menu div.selected { /* Button for the selected linke: atm - Same taste */
    background: url(../images/bgs/makevisit/activity_act.png) no-repeat top;
}

#activitybox #nav-sub-bar .sub-menu a { /* unselected text  color */
    color: #2a73b7; 
}

#nav-sub-bar.activity .sub-menu div.selected a,
#nav-sub-bar2.activity .sub-menu div.selected a,
.nav-sub-bar.activity .sub-menu div.selected a{ /* Same Taste Text */
    color: #fff !important;
}



#activitybox .sub-menu div { /* Container div for Same Taste Text and Neighbors Text */
	width: 106px;
	text-align: center;
	padding: 4px 0 0 0;
}

#activitybox .inner { /* div containing the avatars and text blurbs inside the activity box */
	padding: 8px;
	font-size: 11px;
}

#activitybox .innerrow{ /* div controling the each line of avatars and text blurbs inside the activity box */
	float:left;
	width:168px;
	}
	#activitybox .innerrow img.user_avatar,
	#activitybox .innerrow img.user-avatar{
		border:3px solid #B3DEF9;
		vertical-align:middle;
		}	



/** entourage module box ------------------- */
.ent_inner{
	margin: 8px 0 16px;
}
#entouragebox ul.ent_box_usrlist {
	display:block;
	padding:12px;_padding:12px 8px;
	
	float:left;
	}
	#entouragebox ul.ent_box_usrlist li{
		display:block;
		float:left;
		margin:3px;
		}
		#entouragebox ul.ent_box_usrlist li a{
			}
			#entouragebox ul.ent_box_usrlist li a img{
				border:3px solid #fff;
				}

#entouragebox .innerrow{
	clear:both;
	padding:6px;
	font-size:11px;
	margin:0;
	}
#entouragebox img.user-avatar{
	border:3px solid #eee;
	display:block;
	float:left;
	margin:8px 2px;
	}
#entouragebox .entouragedesc{
	margin-left:66px;
	}
	#entouragebox .entouragedesc h4{ /*for user name on entourage box */
		margin-top:2px;
		color:#2b2b2b;
		text-align:left;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		text-transform:uppercase;
		}
		#entouragebox .entouragedesc h4 a{
			color:#2b2b2b;
			}
	#entouragebox .entouragedesc h5{/*for user neighborhood on entourage box */
		margin:0px 0 7px;
		padding:0;
		line-height:14px;
		}
		#entouragebox .entouragedesc h5 img{
			vertical-align:middle;
			line-height:14px;
			}
	#entouragebox .entouragedesc p{
		margin:2px 0;
		font-size:11px;
		line-height:15px;
		}




#featuredmember,
#featuredevent {
	font-size: 11px;
	color: #4b5154;
}

#featuredmember .user-avatar-wrap,
#featuredevent .user-avatar-wrap,
.user-avatar-wrap
{
border:2px solid #efefef;
padding:2px;
float:left;
margin-right: 10px;
}

#featuredmember .user-avatar,
#featuredevent .user-avatar,
.landing .user-avatar
 {
	float: left;
	border:2px solid #efefef;
	padding:2px;
}

#featuredmember h4,
#featuredevent h4 {
	font: bold 15px Georgia, "Times New Roman", Times, serif;
	color: #4b5154;	
	margin-bottom: 9px;
}






#hotbox .inner {
	margin: 18px;
}

#hotbox h5 {
	font-size: 13px;
	color: #0596d5;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:2px;
}

#hotbox ol {
	font: 11px Georgia, "Times New Roman", Times, serif;
	color: #414142;
	list-style: decimal;
	margin-left: 20px;
}

#hotbox ol li {
	font: bold 11px/14px "Trebuchet MS", Arial, sans-serif;
	color: #414142;
	text-transform: uppercase;
}

	#hotbox ol li a{
		color: #414142;
		}





.tdRightBar .community-action {
    min-height: 100px;
    line-height: 14px;
}

.tdRightBar .community-action .photo{
    border: 1px solid #ddd;
    padding: 3px;
    margin: 3px;
    float: left;
}

.tdRightBar .community-action .photo:hover{
    border: 4px solid #fff;
    padding: 0px;
    margin: 3px;
    float: left;
}

.tdRightBar .community-action span{
    font-size: 80%;
    padding-right: 10px;
    display: block;
    padding-top: 10px;
}

.tdRightBar .community-action .diet-icon{
    border: 0px;
    float: none;
    display: block;
    clear: both;
    padding-top: 3px;
    margin: 0px;
    margin-left: 5px;
}




#recommendbox .inner {
	text-align: center;
	font-size: 12px;
	margin-top: 10px;
}

#recommendbox {
	font: bold 12px "Trebuchet MS", Arial, sans-serif;
}


#recommendbox .inner h5 {
	text-align: center;
	margin: 10px;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
}





#expertbox .inner {
	margin: 18px;
	font-size: 11px;
	color: #24507f;
}
#expertbox .inner p{
	font-style:italic;
	}

.expertavatar {
	border: 4px solid #f7fcfd;	
}

#expertbox h5 {
	font: bold 15px Georgia, "Times New Roman", Times, serif;
	color: #393838;
}

.expertdesc {
	margin-left: 65px;
	font-size: 12px;
	color: #66696c;
}




#hotbox .inner {
	margin: 18px;
}

#hotbox h5 {
	font-size: 13px;
	color: #0596d5;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:2px;
}

#hotbox ol {
	font: 11px Georgia, "Times New Roman", Times, serif;
	color: #414142;
	list-style: decimal;
	margin-left: 20px;
}

#hotbox ol li {
	font: bold 11px/14px "Trebuchet MS", Arial, sans-serif;
	color: #414142;
	text-transform: uppercase;
}
	#hotbox ol li a{
		color: #414142;
		}





#yourfriends.bordergrey{
	_position:relative;
	z-index:50;
	*overflow-x:hidden;
	}


#yourfriends .friendsstatus {
	width: 100px;
	margin-right: 10px;
	font: italic bold 15px Georgia, "Times New Roman", Times, serif;
	color: #454444;
	text-align: right;
	_height: 50px;
	*position:relative;
}


.friendsrow {
	margin-left: 110px;
	font-size: 13px;
	color: #5a5959;
}
	.friendsrow .innerrow{
		font-style: italic;
		}
	.friendsrow p{
		font-size: 13px;
		font-style: italic;
		color: #5a5959;
		margin-left:36px;
		}

hr.hor_div{
	height:1px;
	background:#ccc;
	margin:6px 0;
	}
		
.innerrow {
	margin-bottom: 8px;
	_margin-bottom:0;
}

.friendsrow .review,
.review {
	margin-top:4px;
	margin-left: 45px;
	padding-left: 35px;
	background: url(../images/icon-quote.png) no-repeat;
	font: italic 11px/16px Georgia, "Times New Roman", Times, serif;
	color: #3d3c3c;
	min-height:22px;
}

* html .friendsrow .review { /* IE 6 didn't understand min-height, so we set height & it'll stretch on its own when needed*/
	height:22px;
	}

.friendsrow .vid-prev, .vid-prev{
	margin-top:12px;
	margin-left:45px;
	_margin-bottom:0;
	_padding-bottom:0;
	font: italic 11px/16px Georgia, "Times New Roman", Times, serif;
	color: #3d3c3c;
	min-height:100px;
	_height:100px
	}

	
.readon {
	font: bold 12px "Trebuchet MS", Arial, sans-serif;
	color: #48494a;
	padding-left: 5px;
}


img.thumb{
	width:32px;
	height:32px;
	/*border: 3px solid #24507F;*/
	border:3px solid #B3DEF9;
	vertical-align: middle;
	margin-right: 14px;
	float:left;
	*position:relative;
	}

select.filter{
	display: block;
	font-weight:normal;
	font-size: 14px;
	font-family:"Trebuchet MS", sans-serif;
	width:120px;
	/*color: #d2d6db;*/	
	color:#333;
	border: 1px solid #ccc;
	padding:2px;
	margin:0 0 0 12px;
					}




/* from client */


/*-----lib/client/login.css-----*/
/* base grid*/

#login_wrap{
	margin:-2px -234px 0 -165px; /*countering the #wrapper's padding:0 250px 0 180px; */
	}

.login {
	position:relative;
	top:-38px;_top: -58px; /*IE6*/
	width: 856px;
	background:transparent url(../images/bgs/login/contentbg.png) repeat-y;
	margin:0 auto 20px;
	z-index:1;
}

.login #loginbox{
	background:transparent url(../images/bgs/login/contentbg_btm.png) center bottom no-repeat;
	padding:42px 27px 32px;
	position:relative;
	overflow-x:hidden;
	/*width:777px;*/
	}
	
.txtHeadingBig {
	display:block;
    font-family: sans-serif;
    font-size: 34px;
    font-weight: bold;
	color:#24507f;
	margin:0 0 18px;
}

.txtHeading {
	padding: 0;
}

.login_left_col{
	width:360px;
	position:relative;
	display:inline;
	z-index:30;
	}
.login_right_col{
	margin:0 0 0 372px;
	width:420px;
	display:inline; /*IE6 stuff*/
	position:relative;
	top:-20px;*top:0px;
	z-index:25;
	}
.login_row{
	clear: both;
	}

/* nav-bar customization -------------------------------------- */

.login-w {
	width:880px;
	margin:0 auto;
	}
#nav-bar .login-w .main-menu div {
    float: left;
    list-style-type: none;
    height: 57px;
	padding:13px 9px 0;
}

#nav-bar .login-w .search-box {
	margin-left: 5px;
}



#nav-bar .login-w  .search-box .input-search {
	margin-left:-190px;
	width: 180px;
	background: url(../images/bgs/login-search-bg.gif) no-repeat;
}

/* elements details -------------------------------------------------- */

/*  login form ------------------------------------------------------------------ */
div.login_handlers {
	display:block;
	font-size:14px;
	line-height:24px;
	font-weight: bold;
	margin-bottom:10px;
}

div.login_handlers a{
	margin: 0;
	padding: 0;
}

div.login_handlers small{
	position: relative;
	font-weight:normal;
	font-size:11px;
}

div.login_handlers input{
	vertical-align:middle;
}

.loginfields{
	display: block;
	font-size: 24px;
	font-weight:bold;
	width:311px;
	line-height:34px;
	height:34px;
	padding:0 6px;
	color: #d2d6db;
	border: 1px solid #ccc;
	margin-bottom:0;
}

.loginfields:hover{
	border-color: #2092fa;
}

.button_login{
	vertical-align:middle;
	margin-left:20px;
	}

.textfield{
	display: block;
	font-size: 24px;
	font-weight:bold;
	width:311px;
	line-height:34px;
	height:34px;
	padding:0 6px;
	color: #d2d6db;
	border: 1px solid #ccc;
	margin-bottom:0;
}

.textfield:hover, .textfield:focus {
	border-color: #2092fa;
}

/*  login desc ------------------------------------------------------------------ */

.login_right_col p{
	font-family:"Trebuchet MS";
	font-size:14px;
	line-height:25px;
	vertical-align:top;
	text-align:justify;
}

.login_right_col p.taglines {
	font-size:20px;
	color: #24507f;
	font-weight:normal;
	*padding-top:12px;
}

.login_right_col p.taglines span.title {
	font-weight:bolder;
}
/* logout ------------------------------------------------------------------- */


.txtHeadingBig2 {
	display:block;
	color:#24507f;
	margin:0 0 18px;
	font: bold 26px Myriad, "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
}

.listtar {
	/*margin-left: 30px;
	_margin-left: 16px;*/
	margin-left:0;
	float:left;
	list-style:none;
	width:87%;
}

.listtar li{
	float:left;
	clear:left;
	/*font:normal 16px/26px "Trebuchet MS", Arial, sans-serif;*/
	color: #555656;
	/*list-style: url(../images/icons/blue-star.gif) none outside;*/
	list-style:none !important;
	background:url(../images/icons/blue-star.gif) left no-repeat;
	padding-left: 38px;
	margin:0px 0 24px;
	width:100%;
}
.listtar li img{
	vertical-align:middle;
	margin-right:12px;
	}
.listtar li h3{
	font-size:16px;
	color:#111;
	font-weight:bold;
	}
.listtar li p{
	font-size:16px;
	font-weight:normal;
	color:#555656;
	}

.log_cont_wrap{ /* for updated logout design by erick @ 20071023 below the box we have 2 column*/
	clear:both;
	position:relative;
	width: 856px; 
	margin:-6px auto 0px;
	font-size:13px;
	}
	
.log_cont_wrap .lftcol{ /*left column*/
	float:left;
	width:620px;
	display:inline;
	}
.log_cont_wrap .rgtcol{ /*right column - modules box*/
	display:inline;
	}


#logoutbox {
	margin-top: 30px;
	padding: 0;
	width: 856px;
}

#logoutbox #newsbox {
	border-top: 1px solid #cccccc;
	width: 49%;
}

#logoutbox #featmembersbox {
	border: 1px solid #cccccc;
	width: 49%;
}

#newsbox .inner, #featmembersbox .inner {
	margin: 18px 0 0 0;
}

#newsbox h3, #featmembersbox h3 {
	color: #dc1b3a;
	text-transform: uppercase;
	font: normal 15px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin-top: -10px;
	position: relative;
	z-index: 999;
}

#newsbox h3 span, #featmembersbox h3 span {
	padding: 0 10px;
	background-color: #fff;
}

.newscontent {
	margin-left: 90px;
	font-size: 12px;
	color: #4b5154;
}

.newscontent h4, .newscontent .newstitle {
	margin-bottom: 6px;
	font: bold 15px Georgia, "Times New Roman", Times, serif;
}

.newscontent p {
	margin: 0 0 18px 0;
}

#featmembersbox .row {
	clear: both;
	border: none;
	padding: 0 0 30px 0;
	margin: 0 0 0 30px;
}



.membersinner {
	width: 49%;
	font: bold 12px "Trebuchet MS", Arial, sans-serif;
	color: #66696c;
}

.membersinner h4 {
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	color: #393838;
}

.membersinner .user_avatar, .membersinner1 .user_avatar  {
	margin-right: 10px;
	border: 4px solid #eeefef;
}


/* updated 20071108 featured member box altarnatives for logged-out/non-logged page*/
.membersinner1,
.membersinner2{
	width: 90%;
	margin:0px auto;
	font: bold 12px "Trebuchet MS", Arial, sans-serif;
	color: #66696c;
	}
	.membersinner2 {
		width: 94%;
		}

.membersinner1 h4,
.membersinner2 h4,
.membersinner2.rev2 h4{
	font:bold 13px/16px "Trebuchet MS", Arial, sans-serif !important;
	color: #393838 !important;
	position:static !important;
	text-align:left !important;
	overflow:visible;
	}
	.membersinner2 h4 {
		font: normal 12px/16px "Trebuchet MS", Arial, sans-serif;
		}


.membersinner1 .cont,
.membersinner2 .cont
 {
	margin-left:64px;
	}
	

.membersinner1 img.user_avatar ,
.membersinner2 img.user_avatar  {
	margin-right: 6px;
	border: 4px solid #eeefef;
}

/** mypicture**/

/** mypict & gallery  (also used for video) */
.mypictwrap, .galwrap{
	padding:1px;
	zoom:1;

	}
#mypict,#galery{
	margin:0 11px 36px;
	float:none;
	clear:both;
	}
.mypict_item, .galery_item{
	width:118px;
	height:220px;
	margin:18px 18px;
	float:left;
	}
.mypict_item .pict_cnt,
.galery_item .gal_cnt{
	border:2px solid #efefef;
	padding:2px;
	float:left;
	text-align:left;
	margin-bottom:4px;
	}
	.mypict_item .pict_cnt img,
	.galery_item .gal_cnt img{
		border:2px solid #efefef;
		padding:2px;
		width:100px;
		}
.mypict_item h4,
.galery_item h4{
	font:bold 12px/18px Georgia, Times, serif;
	color:#000;
}
	.galery_item h4.vid_title{
		font-size: 11px;	
		line-height:14px;
		}
.mypict_item h4 a,
.galery_item h4 a{
	color:#000;
	}
.mypict_item p.status,
.galery_item p.status{
	color:#5A5959;
	font:italic 11px/18px "Trebuchet MS", Arial, sans-serif;
	}

.mypict_item .rating,
.galery_item .rating{
	line-height:18px;
	}


.mypict_item .replies,
.galery_item .replies{
	text-align:left;
	margin:0;
	padding:0;
	line-height:18px;
	*margin-top:4px;
	}
	.mypict_item .replies a,
	.galery_item .replies a{
		padding:0;
		color:#24507F;
		font-size:12px;
		height:18px;
		line-height:18px;
		}	

.pict_btn,
.gal_btn{
	text-align:left;
	float:left;
	width:42px;
}
.pict_btn a.btn,
.gal_btn a.btn{
	width:21px;
	height:18px;
	margin:0;
	padding:0;
	}


/*mypict_add pic form */
.mypict_add{
	margin:0 22px 0 18px;
	}		
/** mypic reply page */
.goback{
	
}
.goback a{
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:18px;
}
.pict_nav{
	font:bold 14px/18px "Trebuchet MS", Arial, sans-serif;
	text-align:right;
}

#pict_up.gradbox { 
  margin-top:14px;
	}
#pict_up p.status{
	color:#5A5959;
	font:italic 11px/18px "Trebuchet MS", Arial, sans-serif;
	margin:0px 0;
	}

h3.pict_title{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:18px;
font-weight:bold;
line-height: 36px;
text-align:left;
}

#pict_detail {
	margin: 12px 0;
}

#pict_left {
	width: 100px;
	margin-right: 5px;
	text-align: center;
}


* html body #pict_left {
	margin:0;
	padding:0;
}

#pict_right {
	margin: 0 0 0 120px;
	position:relative;
	font-size: 12px;
	padding:0;
	*max-width:712px;
}

* html body #pict_right {
	display:inline-block;
	margin-left: 140px;
	}
	.pict_cont{
		text-align:left;
		margin:0;
		padding:0;
	}	
	


.ltblueboxarrow{
	background:transparent url(../images/event_box/arrow_pic_cmt.gif) 36px 0 no-repeat;
	margin-top:9px;
	height:9px;
	position:relative;
	z-index:150;
	bottom:-1px;
		}

.pict_review{ /*dependance on the same class name on lib_main.css */
	
}
.pict_review_cont{
	padding:12px;
	position:relative;
	z-index:80;
}
.pict_review_cont .review1{
	margin-left:20px;
	margin-right:12px;
}
.pict_review_cont .rating{
	margin-right:12px;
	}
	

/*standalone pict*/
/*this 1st alt is currently unused.. i let this one for a week to make sure as backup */
/* .stdaln_pictwrap{
	background:#fff;
	color:#3c3c3c;
	}
.stdaln_pictwrap img.stdaln_pict{
	max-width: 503px;
	border:4px solid #fff;
	text-align: center;
}	
	.stdaln_pictwrap p.user_stats{
		color:#999;
		font:italic 11px/18px "Trebuchet MS",sans-serif;
	}
	.stdaln_pictwrap .review1 p{
		color:#333;	
		}
	.stdaln_pictwrap p.last_act{
		font:normal 12px/18px "Trebuchet MS",sans-serif;
		color:#000;
		}
*/
/* the alts - be sure to dele the one that didn't needed */

.stdaln_pictwrap2{

	}
.stdaln_pictwrap2 img.stdaln_pict2{
	max-width: 503px;
	
	border:4px solid #B3DEF9;
	text-align: center;
}	
	.stdaln_pictwrap2 p.user_stats{
		color:#999;
		font:italic 11px/18px "Trebuchet MS",sans-serif;
	}
	.stdaln_pictwrap2 .review1 p{
		color:#333;	
		}
	.stdaln_pictwrap2 p.last_act{
		font:normal 12px/18px "Trebuchet MS",sans-serif;
		color:#000;
		}
	.stdaln_pictwrap2 .review1 {
		margin-left:12px;
		margin-right:12px;
		}
		
.ltblueboxarrow2{
	background:transparent url(../images/event_box/arrow_pic_cmt.png) 36px 2px no-repeat;
	margin-top:9px;
	height:9px;
	position:relative;
	z-index:150;
	bottom:-1px;
		}

a.pict_title2{
	margin:0 12px;
	font-size:14px;
	line-height:28px;
	padding:8px 13px;
	background: #D2E4F2;
	border:1px solid #97C0E0;
	cursor:pointer;
	font-weight:bold;
}
	a.pict_title2:hover{
	text-decoration:none;
	background: #C3E5FF;
	border:1px solid #fff;
	}
	
.gradbox2{
	background:#E7EFF8 url(../images/bgs/cmt_bg2.png) repeat-x center top;
	border:1px solid #CECCCC;
	margin:0pt;
}	

.pict_review_cont .rev_cont{
margin:36px 0 18px; 	
}


/* spot-comment ( kind of spot that not attached to place/merchant) */

/*spor-replies on the site */

#spot-cmt-wrap{
	background-color:#366291;
	padding:18px;
	margin-bottom:12px;
	}
#spot-cmt_detail {
}
#spot-cmt_detail.vid {
	width:511px;
	margin:0 auto;
}

#spot-cmt_detail .vid_cont{
	margin-top:3px;
	width:511px;
	height:293px;
	}

#spot-cmt_left {
	width: 100px;
	margin-right: 5px;
	text-align: center;
}


* html body #spot-cmt_left {
	margin:0;
	padding:0;
}

#spot-cmt_right {
	margin: 0 0 0 120px;
	position:relative;
	font-size: 12px;
	padding:0;
	*max-width:712px;
}

* html body #spot-cmt_right {
	display:inline-block;
	margin-left: 140px;
	}
	.spot-cmt_cont{
		text-align:left;
		margin:0;
		padding:0;
	}	
	

.spot-cmt_cont .spot-notach .ltblueboxarrow2-hor{
	}

.spot-cmt_cont .spot-notach .gradbox2{
	margin-left:6px;
	}
		
.spot-cmt_review_cont{
	padding:12px;
	position:relative;
	z-index:80;
}
.spot-cmt_review_cont .review1{
	margin-left:20px;
	margin-right:12px;
}
.spot-cmt_review_cont .rating{
	margin-right:12px;
	}
	

.goback2{
	
}
.goback2 a{
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
}
/*standalones */
.spot-notach{
	}

	.spot-notach .spotmsg{
		font:italic bold 14px/18px Georgia, "Times New Roman", Times, serif;
		color:#666;
		}
	.spot-notach p.user_stats{
		color:#999;
		font:italic 11px/18px "Trebuchet MS",sans-serif;
		text-align:right;
		margin-top:0;
	}
	.spot-notach .review1 p{
		color:#333;	
		}
	.spot-notach p.last_act{
		font:normal 12px/18px "Trebuchet MS",sans-serif;
		color:#000;
		}
	.spot-notach .review1 {
		margin-left:12px;
		margin-right:12px;
		}


.spot-notach .ltblueboxarrow2-hor{ /*the arrow is horizontal facing the user avatar */
	background:transparent url(../images/event_box/arrow_cmt-horiz.png) 0 0 no-repeat;
	width:7px;
	height:10px;
	border:12p solid red;
	float:left;
	margin-top:9px;
	position:relative;
	z-index:150;
	}
.spot-notach .gradbox2 {
	margin-left:13px;
	}


	
	/*
.pict_review_cont .user_avatar{
	
}
.pict_review_cont h4{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
}


.pict_review_cont .middle_col_1 {
	right:0;
	left:0;
}
*/