/* CSS framework to reset browser defaults */
/* CSS document last edited on Oct 13, 2007 by Jenn Huang */

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
table {
    border-spacing:0;
}
fieldset,img,abbr,acronym {
    border: 0;
} 
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    /* font-style:normal; */
    /* font-weight:normal; */
}

ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
a {
    text-decoration: none;
    outline: none;
	color: #24507f;
}
hr {
    border:0;
    height:1px;
    background-color:#000;
    color:#000;
}
a img,:link img,:visited img {
    border:none;
}
address {
    font-style:normal;
}




/* CSS document last edited on Oct 13, 2007 by Jenn Huang */
/* Reedited on Oct 16 2007 by Jenn Huang - need to find out what the .tpl-submit-button2 class set was used for - not in current set of documents */

a { /* controls the general text links (dark blue color) */
    color: #0F1673;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

a:hover { /* controls the hover state for general text links (dark blue color) */
    color: #0F1673;
    text-decoration: underline;
}

a.asText{ /*return later*/
 color:inherit;
}

a.linkGrey{ /* controls the large user name text on the right column (featured, etc.) */
 color:#444;
}

.overflowed{ /* seems to be a general overflow class */ /*return later */
 overflow:hidden;
}

p{ /* general appearance for all text within paragraphs */
	font:normal 12px/18px "Trebuchet MS", sans-serif;
	}

h2.Title { /*return later*/
    background: url(../images/bgs/header-1.gif) center repeat-x;
    text-align: center;
    display:block;
}


h2.Title span{ /*return later*/
    background: White;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Georgia;
    font-size: 100%;
    letter-spacing: 2px;
    font-weight: normal;
    color: #dc1b3a;
    display:inline;
}

.txtPageHeading{ /*return later*/
    text-align: center;
    background: white;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Georgia;
    font-size: 100%;
    letter-spacing: 2px;
    font-weight: normal;
    color: #dc1b3a;
}

h3.Title1 { /*return later*/
    border: 1px solid #cecccc;
    border-bottom: none;
    height: 30px;
    text-align: center;
}

h3.Title1 span { /*return later*/
    position: relative;
    top: -12px;
    background: White;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Georgia;
    font-size: 100%;
    letter-spacing: 2px;
    font-weight: normal;
    color: #dc1b3a;
}

.noneFont{ /*return later*/
 font-size:1px;
 line-height:0px;
}

.rowOdd { /*return later*/
 background-color:#f0f0f0;
}

.rowEven { /*return later*/
 background-color:#fff0f0;
}

.rowOddBig { /*return later*/
 background-color:white;
}

.rowEvenBig { /*return later*/
 background-color:#fff0f0;
}

.popupPlaced{ /*return later*/ /*appears to be a universal class*/
 visibility:hidden;
 z-index:1000;
 position:absolute;
 background-color:white;
 border: 1px solid black;
 padding:10px;
}

.popup{ /*return later*/ /*appears to be a universal class*/
 display:none;
 z-index:1000;
 position:absolute;
 background-color:white;
 border: 1px solid black;
 padding:10px;
}
.rowSeparator{ /*return later*/
 height:1px;
}

.rowSeparator td{ /*return later*/
 padding:0px;
 background-color:#ffe0e0;
}

.rowSeparatorWhite{ /*return later*/
 height:1px;
}

.rowSeparatorWhite td{ /*return later*/
 padding:0px;
 background-color:#ffffff;
}

.pictureAbout{ /*return later*/
 border:1px solid #e0e0e0;
 background-color:#f0f0f0;
}

.unvisible{ /*return later*/ /*appears to be a universal class*/
 visibility:hidden;
 position:absolute;
}

div.separator{ /*this div acted as horizontal line. IMO its better using styled <hr> but i think it've been used broadly*/
 height:1px !important;
 _overflow:hidden;
 background-color:#ddd;
 margin:5px;
}

.button{ /*return later*/ /*appears to be a universal class*/
 background-color:#f0f0f0;
}

.msg{ /*return later*/ /*appears to be a universal class*/
 font-weight:bold;
 text-align:center;
}

.txtHeadingLeftBox,.txtHeading,.txtHeading2,.txtHeadingRightBox{ 
 font-weight:bold;
 padding-left:10px;
}

.txtHeadingBig { /*return later*/
   font-weight: bold;
   color: #02026a;
}

.linkPageHeadingCur{ /*return later*/
 font-weight:bold;
}

.linkPageHeading{ /*return later*/
 text-decoration:underline;
}

.linkLeftNavCur{ /*return later*/
 font-weight:bold;
}

.Persona{ /*return later*/
    font-family: Georgia;
    font-weight: bold;
    color: #1b1174;
}

.infoAjax{ /*return later*/
 padding-left:10px;
 margin-left:10px;
 border-left:solid 3px #ddd;
 margin-top:3px;
 margin-bottom:3px;
}

#tpl-place-links{ /*return later*/
 height:20px;
 margin:5px;
}

#tpl-place-links .ttpl-item,#tpl-place-links .ttpl-item:hover,#tpl-place-links .ttpl-item-selected{ /*return later*/
 float:left;
 padding-left:10px;
 padding-right:10px;
 margin-left:3px;
 margin-right:3px;
 width:50px;
 text-align:center;
}

#tpl-place-links .ttpl-item{ /*return later*/
 border:solid 1px #ddd;
 border-bottom-width:0px;
}

#tpl-place-links .ttpl-item:hover{ /*return later*/
 border:solid 1px #abe;
 border-bottom-width:0px;
 background-color:#e0efff;
}

#tpl-place-links .ttpl-item-selected{ /*return later*/
 font-weight:bold;
}

.status{ /*return later*/
 color:#8af;
 font-weight:bold;
}

.inbox{ /*return later*/
 float:left;
 width:150px;
 text-align:center;
 
}
.sent{ /*return later*/
float:left;
 width:150px;
 text-align:center;
}
.compose{ /*return later*/
 float:left;
 width:250px;
 text-align:center;
}
.msg_str{ /*return later*/
 float:left;
 width:250px;
 text-align:center;
}

.error{ /*return later*/
 color:red;
}

.share-with-friends-popup,#signup .vote-song-popup,#signup .comment-list-popup,#signup .news-comment-popup{ /*return later*/
 background-color:#fff;
 border:solid 1px #ddd;
 padding:10px;
 position:absolute;
 margin-left:-300px;
 margin-top:-100px;
 width:300px;
 height:230px;
 text-align:left;
 overflow:hidden;
 display:block;
 z-index:1000;
}

#popupShareWithFriends .higher{ /*return later*/
 font-size:100%;
 
}

#popupShareWithFriends .pswf-title{ /*return later*/
 font-weight:bold;
 text-align:center;
 margin-left:70px;
}

#popupShareWithFriends .pswf-caption{ /*return later*/
 width:95px;
 float:left;
 text-align:right;
 height:20px;
}

#popupShareWithFriends input,#popupShareWithFriends textarea{ /*return later*/
 width:180px;
 display:block;
 margin-bottom:5px;
 margin-left:110px;
}

.comment .quoteL{ /*return later*/
 background: url(../images/bgs/review-quotes.gif) no-repeat;
 width:35px;
 height:25px;
 float:left;
} 

.popupReviewForward{ /*return later*/
 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;
}

.tpl-submit-button{ /*return later*/
 height:40px;
 text-align:center;
 display:block;
}

.tpl-submit-button .tpl-sb-left{ /*return later*/
 float:left; 
 height:30px;
 width:5px;
 background-image: url(../images/buttons/button-L.gif);
}

.tpl-submit-button .tpl-sb-right{ /*return later*/
 float:right;
 height:30px;
 width:5px;
 text-indent:-1000em;
 line-height:0px;
 background-image: url(../images/buttons/button-R.gif);
}

.tpl-submit-button .tpl-sb-center{ /*return later*/
 padding-top:4px;
 height:25px;
 color:white;
 font-weight:bold;
 background-image: url(../images/buttons/button-C.gif);
 cursor:pointer;
 float:left;
}

/*-- tpl submit btn 2 ---------*/
.tpl-submit-button2{ /* return later - could not be found in the entire dietout.com folder */
 height:25px;line-height:25px;
 text-align:center;
 display:block;
}

.tpl-submit-button2 .tpl-sb-left{ /* return later - could not be found in the entire dietout.com folder */
 float:left;
 height:25px;
 width:7px;
 background-image: url(../images/buttons/btn2_l.png);
}

.tpl-submit-button2 .tpl-sb-right{ /* return later - could not be found in the entire dietout.com folder */
 float:right;
 height:25px;
 display:inline;
 width:7px;
 text-indent:-1000em;
 line-height:0px;
 background-image: url(../images/buttons/btn2_r.png);
}

.tpl-submit-button2 .tpl-sb-center{ /* return later - could not be found in the entire dietout.com folder */
 height:25px;
 color:white;
 font-weight:bold;
 background-image: url(../images/buttons/btn2_c.png);
 cursor:pointer;
 float:left;
}
/*-- tpl submit btn 2 ---------*/

.selected{ /*return later*/
 font-weight:bold;
}

#container .tdMain .tpl-merchant-view-profile .tmvp-short .tmvp-info img.photo{ /*return later*/
 float:right;
 border:solid 3px red;
}

.activity_div{ /*return later*/
	float:right;
	width:230px;
	text-align:center;
	border:1 solid #000000;
	border-color:#CCCCCC;
	border-style:solid;
	border-width: thin;
	font-size: 80%;
}
.activity_sel_part{ /*return later*/
	
	text-align:center;
	height:25;
}
.activity_unsel_part{ /*return later*/
	
	text-align:center;
	height:25;
}
.activity_item_div{ /*return later*/
	vertical-align: top;
	width:80;
	text-align:justify;
	
}

.shout_filter_div{ /*return later*/
	vertical-align: top;
	/*margin:0 30 0 30;*/
	text-align:right;
	
}
.pending_check{ /*return later*/
  text-align:center;
  float: left;
  width:50px;
}

table.popularity { /*return later*/
	width: 100%;
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
}

table.popularity td { /*return later*/
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
}

table.noneborder td{ /*return later*/
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: none;
	padding-left: 0px;
	padding-right: 7px;
	padding-top: 0px;
}

div.googlemap { /*return later*/
 overflow:hidden;
 border:solid 10px #c3dff5;
}

/*popup for the gmap pins*/
.pop_gmap
{
	background:#f5faff url(../images/event_box/map_popup/map_popup_bg.png) top repeat-x;
	border:1px solid #d8d6d6;
	width:120px;
	position:absolute;
	font-style:normal;
	z-index:800;
	padding:6px 6px;
	text-align:left;
	}
	
	.pop_gmap_cont{
		margin:0 auto;
		position:relative;
		color:#222;
		background:transparent;
		}
	.pop_gmap_cont h4.username{
		font: bold 14px/18px Georgia, "Times New Roman", Times, serif;
		}	
		.pop_gmap h4.username a{
			color:#2b2b2b;
			}
	.pop_gmap_cont h5.location{
		font: normal 12px/16px "Trebuchet MS", arial;
		}
		
	.pop_gmap_cont .diet-icon{
		margin:2px 0;
		}
	.pop_gmap_cont .shoutboxsmall{
		margin:2px auto;
		}


.pop_gmap_pointer{ 
	background:transparent url(../images/event_box/map_popup/pin_pointer_t.png) 4px 100% no-repeat;
	_background-image:url(../images/event_box/map_popup/pin_pointer.png);
	height:18px;
	margin-top:-18px;
	position:relative;
	top:24px;
	left:-23px;
	}
	
.pop_gmap_btn_close{
	position:absolute;
	top:1px;
	right:2px;
	}

table.sales { /*return later*/
	width: 100%;
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
}

table.sales th { /*return later*/
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	font-weight: bold;
}

table.sales td { /*return later*/
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding-left: 20px;
	padding-right: 7px;
	padding-top: 7px;
}

table.sales .neighborhood { /*return later*/
	padding-left: 10px;
}

table.sales .customer { /*return later*/
	width: 70px;
    text-align: right;
	padding-right: 10px;
}

table.sales .avg_order { /*return later*/
	width: 80px;
    text-align: right;
	padding-right: 10px;
}

table.sales .total { /*return later*/
	width: 80px;
    text-align: right;
	padding-right: 10px;
}

table.sales .dietpref { /*return later*/
	width: 140px;
	padding-left: 10px;
}

fieldset.sales-nav { /*return later*/
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding: 7px;
    text-align: right;
}

fieldset.sales-nav legend{ /*return later*/
	color:#FF0066;
	font-weight:bold;
}

.errorMsg { /*return later*/
	color: red;
}


.info { /*return later*/
	width:100%;
}

.divider { /*styled divider on top box*/
	clear:right;
	background: transparent url(../images/divider.png) no-repeat center center;
	height: 18px;
	margin-bottom: 18px;
	
}

.row { /* controls the height of the rows shown in the middle column - seems to affect "featured" */
	border-top: 1px solid #cecccc;
	clear: both;
	padding: 18px;
	position:relative;
	*position:static;
	_display:inline-block;
}

.even { /* controls the blue colored background for alternate rows */
	background: #f7fbfc url(../images/row-even-bg.png) repeat-x left bottom;
	clear: both;
}

.odd { /* controls the brightgreenish(yellow) colored background for alternate rows */
	background: #fffffd url(../images/row-odd-bg.png) repeat-x left bottom;
	clear: both;
}

.reply_comment { /* contrel the look of reply post on threaded comment*/
	background: #F0F0F0;
	clear: both;
	border-top:none;
	margin:6px 6px 6px 41px;
	height:100%;
	color:#000;
	}

.replylink{
	margin:4px 0 0;
	text-align:right;
	}
.replylink a{
	text-align:right;
	margin-left:41px;
	}
	
.replythread {
	padding: 4px 18px;
	text-align:right;
	float:right;
}

.replythread .inner{
	margin-left:24px;
	line-height:18px;
	font-size:12px;
	padding:0;
	width:272px;
}

.replythread .inner form{
	display:block;
	}
.replythread .replytxt{	
	border: 1px solid #999999;
	display:block;
	width:100%;
	height: 120px;
	font: 12px "Trebuchet MS", Arial, sans-serif;
	padding:6px;
	color: #7e7e7e;
	}	
input.btn_reply {
	color:#fff;
	background:#53A0E4;
	font:normal 12px/18px "Trebuchet MS", Arial, sans-serif;
	border: 1px solid #436A95;
	margin-right:-13px;
}

/*
button.btn_reply {background: transparent url(../images/btn-send.png) no-repeat;}
*/		
	
.middle_col { /*return later*/
	margin: 0 150px 0 118px;
	padding-right: 18px;
}

.middle_col h4, .middle_col_1 h4 { /*return later*/
	font: bold 16px Georgia, "Times New Roman", Times, serif;

}

.middle_col h5, .middle_col_1 h5  { /*return later*/
	font: italic 12px Georgia, "Times New Roman", Times, serif;
}

.middle_col .price, .middle_col_1 .price { /*return later*/
	font: italic 16px Georgia, "Times New Roman", Times, serif;
}
.middle_col_1 .price { /*return later*/
	margin:0 0 12px;
}

.right_col .name{
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	}
.right_col .userinfo{
	font: bold 12px "Trebuchet MS";
	margin:4px 0 2px;
	}
.right_col .last_act, .last_act{
	font: italic 12px "Trebuchet MS";
	}
	
/*--on top box-*/
#merchant_detail h4 { /*return later*/
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	
}

#merchant_detail h5  { /*return later*/
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	
}

#merchant_detail .price, .price { /*return later*/
	font: italic 14px/18px Georgia, "Times New Roman", Times, serif;
}
#merchant_detail .price { /*return later*/
	margin:0 0 12px;
}

/*-------*/

.floatleft { /* universal classes */
	float: left;
}

.floatright { /* universal classes */
	float: right;
}

.clear { /* universal classes */
 clear: both;
 _overflow:hidden;
 line-height: 1px;
 height: 1px;
 font-size: 1px;
}

.clearleft{
	clear:left;
	}
.clearright{
	clear:right;
	}

.spacer{ /* horizontal spacer using clear fix, tuned so it'd be consistant on IE6 too*/
	clear:both;
	margin:0 !important;
	padding:0 !important;
	height:12px;
	_height:6px;
	_overflow:hidden;
	}
	
.bordergrey  { /* universal classes */
	border: 1px solid #cecccc;	
}

.noborder{
	border:none;
	}
.red { /* universal classes */
	color: #d72138;
}

.allcaps { /* universal classes */
	text-transform: uppercase;
}


/*------SHALL BE REORGANIZED------*/

#invite-tables-list { /*return later*/
	width:100%;
}

#invite-tables-list .tdLeftBar { /*return later*/
	float:left;
}

#invite-tables-list .tdMain { /*return later*/
	
	margin-left:290px;
}

#invite-tables-list .tdMain .emails .box .content { /*return later*/
	background:#FFFEE5; 
	width: 470px; 
	padding:10px;
}

#leftbar { /*return later*/
	width:100%;
}

#leftbar .header .left{ /*return later*/
	float:left;
	width:10px;
	min-height:35px;
	
}
#leftbar .header .title{ /*return later*/
	width:250px;
	background-color: #EDEDED;
	margin-left:10px;
	min-height:35px;
	text-align:center;
	font-weight:bold;
}
#leftbar .header .right{ /*return later*/
	margin-left:260px;
	margin-top:-35px;
}
#leftbar .txtHeaderRect .content{ /*return later*/
	float:top;	
}

.bordertop { /* controls the hr bar at the top "featured member",etc. */
	border-top: 1px solid #cccccc;
}

h3.headeroverborder, .headeroverborder { /* controls the appearance of the actual text on the top (featured member) etc. */
	color: #dc1b3a;
	text-transform: uppercase;
	font: normal 13pt Georgia, "Times New Roman", Times, serif;
	text-align: center;
	top: -10px;
	position: relative;
}

h3.headeroverborder span, .headeroverborder span { /* controls the white background behind the text (featured member) to prevent the bar from being seen */
	padding: 0 10px;
	background-color: #fff;
	*position:relative;
}


.bold{ /* appears to be a universal class */
 font-weight:900;
}

/*-- common ---------------------- */
.text-center{ /* appears to be a universal class */
	text-align:center;
	}

.text-right{
	text-align:right;
	}
.text-left{
	text-align:left;
	}	

.order-popup{ /*return later*/
 background-color:#fff;
 border:solid 1px red;
 display:block;
 overflow:hidden;
 width:400px;
 height:160px;
}


/*freguently used btn style */

/*global style btn darkblue height:25px this is the simplification of tpl-submit-button using ALA's Sliding Door */
.btn_drkblu,
.btn_drkblu_l{
	display:block;
	height:25px;
	text-transform:uppercase;
	font:bold 12px/25px "Trebuchet MS", sans-serif;
	color:#fff;
	float:left;
	text-decoration:none;
	cursor:pointer;
	}
	
.btn_drkblu{
	background:transparent url(../images/buttons/commons/btn_darkblue_bg.png) right no-repeat;
	}
	.btn_drkblu:hover{
		text-decoration:none;
		}
	.btn_drkblu_l{
		background:transparent url(../images/buttons/commons/btn_darkblue_bgl.png) left no-repeat;
		padding:0 8px;
		}
	

/*button light blue (big one) like on the registration pages*/
.btn_liteblue1{
	background:transparent url(../images/buttons/commons/btn_liteblue_bg.png) no-repeat;
	}
	a.btn_liteblue1{
		display:block;
		width:126px;
		height:39px;
		color:#fff;
		text-align:center;
		line-height:39px;
		font-size:16px;
		text-transform:uppercase;
		}
		a.btn_liteblue1:hover{
			color:#fff;
			}
		a.btn_liteblue1 span{
			}

/*btn for footer (the darkblue roundcorner bg on some of footer item), using ala's sliding door*/
/* -- not used-- because we had an inline on footer, this style employ floatbox
.btn_foot,
.btn_foot_l{
	display:block;
	height:18px;
	text-transform:uppercase;
	font:bold 12px/18px "Trebuchet MS", sans-serif;
	color:#fff;
	float:left;
	text-decoration:none;
	cursor:pointer;
	}
	
.btn_foot{
	background:transparent url(../images/buttons/commons/btn_foot.gif) right no-repeat;
	}
	.btn_foot:hover{
		text-decoration:none;
		}
	.btn_foot_l{
		background:transparent url(../images/buttons/commons/btn_foot_l.gif) left no-repeat;
		padding:0 8px;
		}

*/
/*-- button/pop-up-activator placement ----*/
.btn_right{
	float:right;
	margin:20px 20px 0 0;
	}
.btn_left{
	float:left;
	margin:20px 0 20px 20px;
	}


/* -- review rows style------------------------*/
div.review_wrap	{ /*return later*/
	clear:both;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	color: #3d3c3c;
	position:relative;
	top:12px;
	margin-bottom:12px;
	}
	div.review_wrap.pic{ /*return later*/
		margin-left:114px;
		}
div.review1 { /*style for review rows text-copy on user-reply, user review*/
	background: url(../images/icon-quote.png) 0 0 no-repeat;
	_background-image:url(../images/icon-quote.gif);
	font:italic 15px Georgia, "Times New Roman", Times, serif;
	color: #3d3c3c;
	text-align:left;
	padding-left:35px;
	margin:12px 0 12px 50px;
	min-height:22px;
	_height:22px; /* IE6 didn't understand min-height */
}
div.review1 p{
	font:italic 12px/18px Georgia, "Times New Roman", Times, serif;
	}

/* review wrap for song page */
div.review_wrap.song{
	clear:left; position:relative; top:12px;
	}
/* review on rows with col_1(alternate middle column width liquid left) */
	.middle_col_1 .review {
		margin-top:8px;
		margin-left: 120px;
		*margin-left: 0px;
		padding-left: 35px;
		background: url(../images/icon-quote.png) no-repeat;
		font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
		color: #3d3c3c;
		min-height:22px;
		_height:22px;
		}

/* comment on video review  */
	.middle_col_1 .vid_review, .vid_review, .pict_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;
		}		


/** tabs status------- */
.tab_status{ /*return later*/
	font-size:12px;
	font-style:italic;
	margin:6px 12px 6px 18px;
	}

/* icon shoutreward ------*/
.icon_shoutreward{ /*return later*/
	position:relative;_position:static;
	top:2px;
	}
/* user stats ----------*/
.user_stats{ /*return later*/
	margin:6px 0 0;
	font-size:11px;
	line-height:16px;
	}

/* std user avatar style - the blue frame around useravatar pic --*/
img.user_avatar 
{	border: 3px solid #b3def9;
	vertical-align: middle;
	margin-right: 5px;
	position:relative;
}

/*search nav bar alternative, this was the new filter/navbar alternative on the searchrows that erick assigned me to do on 2007/10/25   */
.search_navbar2 { /*Controls the appearance of the navigation bar on messages page & invitation page*/
	margin:12px auto;
	text-align:center;
	width:520px;
    }
	.search_navbar2 a:hover{
		}
.search_navbar2-r,
.search_navbar2-l{ /*setting for rounded corner box nav-bar using sliding door technique*/
    height: 48px;
    margin:0 auto;
    display: block;
	}
.search_navbar2-r{ /*the right background of the roundcorner */
	background:transparent url(../images/bgs/detail-nav/details_nav_bgr.png) right no-repeat;
	}
.search_navbar2-l{ /*the left part of the roundcorner */
	background:transparent url(../images/bgs/detail-nav/details_nav_bgl.png) left no-repeat;
	}

.search_navbar2 ul.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;
	float:left;
}

.search_navbar2 ul.submenu li,
.search_navbar2 ul.submenu li a,
.search_navbar2 ul.submenu li a span{ /*this to style different sized button / i.e: liquid width... i'm using ala's sliding door technique - but with 2 door*/
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	float:left;
	margin:0;
	padding:0;
	height:48px;
	display:block;
	line-height:32px;
}


	.search_navbar2 ul.submenu li{ /* Controls the containing div which houses the text: same taste and neighbors */
		float: left;
		list-style-type: none;
	}
	.search_navbar2 ul.submenu li a span{ /* adding some space between text & button's border */
		padding:0 10px;
	}
	
.search_navbar2 .submenu li.selected { /* Button for the selected linke: atm - Same taste */
    background: url(../images/bgs/detail-nav/detail_nav_activebg.png) no-repeat 50% 0;
}

	.search_navbar2 .submenu li.selected a{ /* Same Taste Text */
		color: #fff !important;
		 background: url(../images/bgs/detail-nav/detail_nav_activel.png) left no-repeat;
	}
	.search_navbar2 .submenu li.selected a span{
		
		background: url(../images/bgs/detail-nav/detail_nav_activer.png) right no-repeat;
		}
.search_navbar2-l .submenu a{ /* unselected text  color */
    color: #2a73b7; 
	line-height:18px;
}


/*search navbar alt-end */




/* std user input form -- this is the standard darkblue usr input form--*/
/*------------ spot form --------------*/
/* pop spot form ---------------- */
.form_usr_input_wrap{ /* the up pointing arrow/triangle on the middle */
	background:transparent url(../images/event_box/pop_spot_arrow2.gif) 50% 0 no-repeat;
	padding-top:14px;
	}
	.form_usr_input_wrap_right{ /* the up pointing arrow/triangle on the right */
		clear:both;
		background:transparent url(../images/event_box/pop_spot_arrow2.gif) 92% 0 no-repeat;
		padding-top:14px;_padding-top:8px;
		}
.form_usr_input{
			width:100%;
			_height:100px;
			background:#366291;
			position:relative;
			z-index:810;
			}
	.form_usr_input p{	
		color:#fff;
		font-size:14px;
		margin:10px 0;
		}		
	.form_usr_input_cont{
	padding:12px 16px;_padding:2%;_width:94%;
	margin:0 auto;
	position:relative;
	}
	.form_usr_input_cont .form_row{
		clear:both;
		margin:6px auto;
		font-size:14px;
		color:#fff;
		}
		.form_usr_input_cont .lft{
			width:14%;
			float:left;
			text-align:right;
			color:#fff;
			padding-top:4px;
			}
		.form_usr_input_cont .rgt{
			margin-left:16%;
			/*width:82%;
			*margin-left:2%;
			*margin-right:4px;*/
			}
		.form_usr_input_cont select.textinput,
		.form_usr_input_cont input.textinput{
				display: block;
				font-weight:normal;
				font-size: 14px;
				font-family:"Trebuchet MS", sans-serif;
				width:99%;
				padding:4px 0px 4px 4px;
				/*color: #d2d6db;*/	
				color:#333;
				border: 1px solid #ccc;
				margin-bottom:0;
				}
				.form_usr_input_cont select.textinput:hover,
				#changeloc_search input.textinput:hover{
					border-color: #2092fa;
					}
		
					
		.inlineinput2{
			font-weight:normal;
			font-size: 14px;
			font-family:"Trebuchet MS", sans-serif;
			padding:4px 0px 4px 4px;
				/*color: #d2d6db;*/	
			color:#333;
			border: 1px solid #ccc;
			margin-bottom:0;
			}
	.form_usr_input_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%;_width:97%;
		}
	
		.form_usr_input_cont div.spot_act{
			clear:both;
			height:32px;
			_float:left;
			/*padding:2px 6px 0 10px;*/
			font-size:16px;
			font-weight:normal;
			}
		.form_usr_input_cont div.spot_act input.btn_ok{
				float:right;
				vertical-align:middle;
				height:21px;
				padding:6px 0;
				position:relative;
				_position:static;
				right:-2px;
				}
		.form_usr_input_cont div.spot_act a.cancel{
			font-size:11.5px;font-weight:normal;
			line-height:38px;
			color:#fff;
			float:left;
			}
/** pop spot input autosuggest --------------------- */
.form_usr_input .autosuggest{
	position:absolute;
	z-index:1000 !important;
	background:#fff;
	_margin-left:10px;
	}
	.form_usr_input .autosuggest ul, .autosuggest li{
		position:relative;
		z-index:9999;
		float:left;
		height:1%;
		}
	.form_usr_input .autosuggest ul.sugst_list{
		display:block;
		width:200px;
		border:1px solid #366291;
			}
			.form_usr_input .autosuggest ul.sugst_list li{
				display:block;
				width:200px;
				}
				.form_usr_input .autosuggest ul.sugst_list li a{
					display:block;
					font-size:14px;
					padding:6px 12px;
					color:#666;
					}
					.form_usr_input .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*/
						.form_usr_input .autosuggest ul.sugst_list li a.toplist{
							padding-top:5px;
							}
							.form_usr_input .autosuggest ul.sugst_list li a.toplist:hover{
								border-top:none !important;
								}
						.form_usr_input .autosuggest ul.sugst_list li a.btmlist{
							padding-bottom:5px;
							}
							.form_usr_input .autosuggest ul.sugst_list li a.btmlist:hover{
								border-bottom:none !important;
								}
								
					.form_usr_input .autosuggest ul.sugst_list li a span.location{
						font-size:11px;
						}
						
						.form_usr_input .autosuggest ul.sugst_list li a span.light{
							background:#a4ecfc;
							font-weight:bold;
							}
							
					ul.sugst_list li a span.merc_link{
						font-weight:bold;
						color:#24507F;
						display:block;
						font-size:12px;
						}	
						ul.sugst_list li a span.merc_link:hover{
							text-decoration:underline;
							}
					span.shout_this{
						background:#fff; position:absolute; right:4px; top:2px; height:24px; width:24px;text-align:center; 
						*right:-6px;
						}	
						span.shout_this img{
							position:relative; top:2px;*top:3px; left:2px;
							}
					
						
		/*for "place notfound on record" state */
				li#notfound{
					display:block;
					font-size:12px;
					padding:6px 12px;
					*margin:0;
					color:#666;
					}
					li#notfound span.light{
							background:#a4ecfc !important;
							font-weight:bold !important;
							}
					li#notfound a.nf_add{
						display:inline !important;
						padding:0;
						font-weight:bold;
						color:#24507F;
						}	
						li#notfound a.nf_add:hover{
							border:0;
							padding:0;
							background:none;
							text-decoration:underline;
							}	

div.textinfo {
	/*server generated infos on the darkblue userinput form */
	font-weight:normal;
	font-size: 14px;
	font-family:"Trebuchet MS", sans-serif;
	background:#fff;
	border:1px solid #ccc;
	color:#333;
	margin:0 auto;
	padding:4px;
	_left:4px;
	}
	div.textinfo h4{
		font-size:16px;
		font-weight:bold;
		}

/* pop up button -- this for the button that triggered out the pop up form, i decide to attach the "arrow" to the button instead of the form, because the button position might change so */
/*spot banner */
.pop_btn_wrap{
	width:100%;
	text-align:center;
	font-weight:bold;
	height:43px;
	*padding-bottom:18px;
	}
	.pop_btn_wrap img{
	vertical-align:middle;
	margin:0 4px;
	}
	a.btn_popform,
	.btn_popform{
		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;
		}
		
.pop_btn_right{ /*pop up btn on the right*/
	width:100%;
	text-align:center;
	font-weight:bold;
	height:28px;
	float:right;
	}

span.radiogroup{ /*style for radio button group*/
	font-size:14px;
	line-height:18px;
	_float:left;
	_height:24px;
	}
	 
	span.radiogroup input[type="radio"],
	span.radiogroup label{
		vertical-align:middle;
		margin:0 4px;
		}

/*aboutus page*/
div.aboutus{}
div.aboutus .abtHeadingBig{
	display:block;
    font-family: sans-serif;
    font-size: 34px;
    font-weight: bold;
	color:#24507f;
	margin: 12px 0 4px;
		}
div.aboutus p{
	font:normal 14px "Trebuchet MS", sans-serif;
	line-height:143%;
	}
	
div.aboutus a{
	font-weight:bold;
	color:#2C5887;
	text-decoration:underline;
	}

	


/* CSS document last edited on Oct 13, 2007 by Jenn Huang */

#footer {/* controls the footer height and structure - also controls the color */ /* universal id */
    clear: both;
	min-height:75px;
	_height:75px;
    /*background: #24507f;*/
	background:#204a77;
    text-align: center;
	font:normal 12px/18px "Trebuchet Ms", sans-serif;
	color:#fff;
}

	#footer span {/* controls the text within the footer */ /* does not affect the links in merchant-updated-pop-final.html */
		font-size: 11px;
		color: White;
	}
	
	#footer a{/* controls the appearance of the footer links */
		color: #fff;
		font-size:11px;
	}
	
	#footer a:hover{/* controls the hover state of the footer links */
		text-decoration: underline;
	}
	
	#footer p{
		font:bold 12px/18px "Trebuchet Ms";
		letter-spacing:0.5px;
		}
#footer  .footer_c{	/*footer content*/
	position:relative;
	top:20px;
	text-align:center;
	background:#204a77;
	}
#footer  .footer_copyright{
	color:#A7BFE0;
	}
#footer .rndbg1{
	background:url(../images/buttons/commons/foot-feedback-bg.gif) left no-repeat;
	height:18px;
	text-align:center;
	line-height:18px;
	padding:4px 8px;
	*padding:4px 9px;
	}
	#footer .rndbg1:hover{
		text-decoration:none;
		}
		
.btn_feedback{}
.btn_feedback_act{
	    background:transparent url(../images/event_box/pointertop_ft.gif) 50% 20px no-repeat;
		*background-position:50% 24px;
		padding-bottom:38px;
		vertical-align:top;
	}

.ft_fdbackwrap{
	width:856px;
	margin:auto;
	text-align:left;
	_position:relative;
	}
					
.pop_spot_usr#ft_fdback2 {
	position:relative;
	margin-top:12px;
	width:618px;
	}
	
	.ft_fdback_cont2{
		}
		
.pop_spot_usr#ft_fdback2 .form_row{
	text-align:left; 
	margin:6px 12px 6px 0;
	_margin:6px 0;
	}
	
.pop_spot_usr#ft_fdback2 .spot_act,
.pop_spot_usr#ft_fdback .spot_act{
text-align:left;
margin-right:16px;
_margin-right:0;
}




/* CSS document last edited on Oct 13, 2007 by Jenn Huang */
/*
#wrapper{ 
  margin:0;
  padding:0 250px 0 180px;
} 
*/ /*double defined, plz checkout the schemauser.css for wrapper setting*/
#header { /* main header area in the document. Universal ID */
  height: 70px;
	padding: 20px 10px 20px 20px;
}

/*#header div.inner { <-- why is this here?
}*/

#identity { /* div containing the logo - should be fixed in the future: redundant */
  float: left;
}

#identity img { /* controls the position of the logo */
    border: none;
    float: left;
    display: block;
}

#identity h1 { /* title text to the right of the logo: what's hot in your neighborhood? */
	color: #0596d5;
	font-size: 15px;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
	font-weight: bold;
}

#user-info .header-signup-song{ /* return later */
 border:solid 1px white;
 background: url(../images/header-signup-song1.gif) no-repeat;
 width:219px;
 height:66px;
}

#user-info .header-signin-song{ /* return later */
 border:solid 1px #94B7D8;
 background1: url(../images/header-signin-song.gif) no-repeat;
 background-color:#E2F1FF;
 width:219px;
 height:66px;
 font-size:100%;
}

#user-info .header-signin-song .first_name{ /* return later */
 padding-left:15px;
 padding-top:9px;
}

#user-info .header-signin-song .logout{ /* return later */
 margin-left:150px;
 width:70px;
 height:25px;
 display:block;
 background:no-repeat url(../images/buttons/log-out.gif) 0px 5px;
}


#user-info .header-signup-song .signup-link{ /* return later */
 margin-left:10px;
 margin-top:24px;
 cursor:pointer;
 width:59px;
 height:16px;
}

#user-info { /* controls the containing div for the user info - upper right corner */
    width: 264px;
    float: right;
    display: inline;
	position:relative;
	right:6px;
}

#user-info .user-avatar{ /* controls the user avatar image */
    float: left;
	position:relative;
	top:3px;
	width:60px;
	height:60px;
	border:1px solid #e0e0e0;
}

#user-info .user-avatar img{ /* controls the user avatar image (img) border - should fix in the future: redundant -attribute can be transferred */
    border:1px solid #eee;
	width:60px;
	height:60px;
	/*padding:2px;*/
}

#user-info .user-avatar img:hover{ /* controls the hover state of the user avatar image (img) border */
    border:1px solid  #99f;
	/*border:2px solid #94B7D8;*/
}

#user-info .user-avatar .diet-icon, .diet-icon { /* return later */
    padding-left: 4px;
    display: block;
    clear: both;
	cursor:pointer;
}

#user-info .user-info-bubble, .user-info-bubble { /* controls the user-info's "talk bubble" - does not affect position of the avatar */
	width: 178px;
    height: 68px;
    float: right;
    padding-left: 18px;
	background: url(../images/user-info-bubble_2.gif) no-repeat;
}

#user-info .user-info-bubble .welcome-message, .user-info-bubble .welcome-message { /* controls the user info welcome text "welcome etc." - should be removed: redundant when tranferred to parent #div */
    color: #555;
    font-size: 14px;
	 line-height:18px;
	 font-weight: bold;
	 position: relative;
	 top:2px;
}

#user-info .user-info-bubble img, .user-info-bubble img { /* controls the vertical alignment of the buttons inside the user-info bubble - should be transferred to parent #user-info div */
    vertical-align: middle;
    border: none;
}


#user-info .user-info-bubble .mail-message, .user-info-bubble .mail-message { /* controls the text regarding new messages: should be re-tested/fixed in the future */
    font-size: 60%;
    font-weight: bold;
    vertical-align: middle;
}

#user-info .user-info-bubble .join-message, .user-info-bubble .join-message { /* the message when the user not logged in */
	color: #134d83;
	font-size: 95%;	
	padding-top: 10px;
	display: block;
	padding-bottom: 5px;
	font-weight: bold;
}

#user-info a { /* universal css declaration: removes all default inherited properties for all links */
    border: 0px;
    padding: 0px;
    margin:0 0 0px;

}




/* CSS document last edited on Oct 13, 2007 by Jenn Huang */

body { /* general document body css attributes */
  font: 100% "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
  color: #000;
  min-width: 990px;
  }


#wrapper{ /* general document wrapper css attributes */ /* should be revisited - padding can be sorted with the container */
  margin:0;
  padding:0 250px 0 180px;
  
}

#container{ /* general document container div - needs to be tested on to see if there is an alternative way to apply hacks */
  float:left;
  width:100%;  
  border-left:180px solid #fff;
  border-right:250px solid #fff;
  margin-left:-180px;
  margin-right:-250px;
  display:inline; /* So IE plays nice */
  font: 100% "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
  color: #000;
  margin-bottom:32px; /*giving a little more space between content & footer*/
}


#left,div.tdLeftBar{ /* controls the position of the left side column - this can be fixed to work better */
  float:left;
  width:180px;
  margin-left:-180px;
  position:relative;
}

#center,.tdMain{ /* controls the way the center area affects the left and right columns - can be fixed to work better */
  float:left;
  width:100%;
  /*min-width: 650px;*/
  margin-right:-100%;
  zoom:1;
}

#center1,.tdMain1{ /* return later */
  float:left;
  width:100%;
  min-width: 650px;
  margin-right:-10%;
}

#right,.tdRightBar{ /* controls the positioning of the right side column - can be edited for better positioning */
  float:right;
  width:250px;
  margin-right:-250px;
  position:relative;
}
#center.merchant { /* return later */
	margin-top: 0px;/*was -22px*/
}



/* CSS document last edited on Oct 13, 2007 by Jenn Huang */

#nav-bar { /* controls the main navigation bar - does not seem to greatly affect the positioning of the contents however */
  width: 100%;
  height: 50px;
  margin: 0 0 38px 0;
  background: url(../images/bgs/nav-bg.gif) repeat-x;
  float: none;
  clear: both;
  display: block;
	position: relative;
	z-index: 700;
}

#nav-bar .main-menu { /* controls the main navigation text - unhighlighted (what's hot, order food, etc. */
    float: left;
    font-family: "Trebuchet MS";
    font-size: 100%;
    font-weight: bold;
}

#nav-bar .main-menu div { /* controls the div containing all the text for the navigation bar - redundant: code can be cleaned up */
    float: left;
    list-style-type: none;
    height: 57px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 13px;
}

#nav-bar .main-menu div.selected { /* div of the selected part of the main navigation bar: innefficient - can be made cleaner without the extra class */
    background: url(../images/bgs/nav-bg-selected.gif) no-repeat top;
}
#nav-bar .main-menu div.selected a{ /* controls the appearance of the currently selected text selection */
    color: #555;
}

#nav-bar .main-menu a { /* controls the appearance of the menu links - default color */
    color: #2a73b7;
}
#nav-bar .search-box { /* controls the position of the search button (misleading class name) */
    float: right;
    padding: 10px;
}

#nav-bar .search-box .input-search { /* controls the appearance and position of the search box - code should be fixed in the future */
    position:absolute;
    margin-left:-260px;
    height: 30px;
    width: 250px;
    background: url(../images/bgs/search-bg.gif) no-repeat;
    color: #777;
    font-family: sans-serif;
    font-size: 115%;
    border: none;
    vertical-align: top;
    padding-left: 5px;
    padding-top: 5px;
}


/* NavBar Merchant */

#nav-bar-client { /* return later */
    width: 100%;
    height: 50px;
    margin: 0 0 38px 0;
    background: url(../images/bgs/nav-bg-client.gif) repeat-x;
    float: none;
    clear: both;
    display: block;
}

#nav-bar-client .main-menu { /* return later */
    float: left;
    font-family: "Trebuchet MS";
    font-size: 100%;
    font-weight: bold;
}

#nav-bar-client .main-menu div { /* return later */
    float: left;
    list-style-type: none;
    height: 57px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 13px;
}

#nav-bar-client .main-menu div.selected { /* return later */
    background: url(../images/bgs/nav-bg-selected-client.gif) no-repeat top;
}
#nav-bar-client .main-menu div.selected a{ /* return later */
    color: #bcdbff;
}

#nav-bar-client .main-menu a { /* return later */
    color: #fff;
}

#nav-bar-client .main-menu a:hover { /* return later */
    color: #bcdbff;
}






/* CSS document last edited on Oct 13, 2007 by Jenn Huang */
.tdLeftBar #submenu, #submenu{ /* return later */ /* why is the .tdLeftBar being called if the submenu ID is being specified universally? */
    background: url(../images/bgs/left/left-bg.gif) repeat-y;
    display: block;
    clear: both;
  }

.tdLeftBar1 #submenu .top, #submenu .top{ /* return later */ /* why is the .tdLeftBar being called if the #submenu .top class is being specified universally? */
    width: 100%;
    height: 13px;
    background: url(../images/bgs/left/left-top.gif) 0 0px no-repeat;
    display: block;
}

.tdLeftBar1 #submenu .bottom, #submenu .bottom{ /* return later */ /* why is the .tdLeftBar being called if the #submenu .bottom is being specified universally? */
    width: 100%;
    height: 13px;
    background: url(../images/bgs/left/left-bottom.gif) 0 100% no-repeat;
    display: block;
}

.tdLeftBar #submenu .header{ /* return later */
    width: 100%;
    margin-left: 15px;
    background: url(../images/icons/star.gif) left no-repeat;
    padding-left: 20px;
    margin-bottom: 8px
}

.tdLeftBar #submenu .header span{ /* return later */
    font-size: 100%;
    font-weight: bold;
    color: #26a4db;
    padding-right: 15px;
    background: url(../images/icons/star.gif) right no-repeat;
}

.tdLeftBar #submenu .item{ /* return later */
    width: 172px;
    height: 24px;
    padding-left: 15px;
    font-size: 85%;
    font-weight: bold;
}

.tdLeftBar #submenu .count-item{ /* return later */
    width: 142px;
    height: 24px;
    padding-left: 15px;
    font-size: 85%;
    font-weight: bold;
    margin-right:62px;
}

.tdLeftBar #submenu .count-value{ /* return later */
    float:right;
    width: 42px;
    height: 24px;
    font-size: 85%;
    font-weight: bold;
    text-align:right;
    padding-right:29px;
}

.tdLeftBar #submenu .item-selected{  /* return later */
    width: 172;
    background: url(../images/bgs/left/left-selected.gif) left no-repeat;
    height: 24px;
    font-size: 85%;
    font-weight: bold;
    padding-left: 15px;
    color: #222;
}

.tdLeftBar #submenu .count-item-selected{ /* return later */
    background: url(../images/bgs/left/left-selected.gif) left no-repeat;
    width: 172;
    height: 24px;
    padding-left: 15px;
    font-size: 85%;
    font-weight: bold;
    color: #222;
}

.tdLeftBar #submenu .item a { /* return later */
    color: #134d83;
}


.tdLeftBar #submenu .item a:hover { /* return later */
    color: #001d4c;
}

.tdLeftBar .credit { /* return later */
    color: #328c0a;
    font-family: Georgia;
    font-size: 130%;
    padding-left: 30px;
    font-style: italic;
}

.tdLeftBar .item-credit{ /* return later - seems to be related to the left side menu: menu and credit */ /* appears to be redundant */
    width: 172;
    height: 24px;
    font-size: 70%;
    font-weight: bold;
    padding-left: 15px;
    padding-top: 5px;
    color: #222;
}

#left #submenu { /* controls the border, general size and padding around the left side menu */
	/*width: 160px;
	border-top: 1px solid #cecccc;
	border-right: 1px solid #cecccc;
	border-bottom: 1px solid #cecccc;
	border-left-style: none;
	padding: 13px 0;*/
	background-color: #fff;
	width: 172px;
  }

#left #submenu .header{ /* controls the general position of the menu and credit headers in the left side menu */
    margin-left: 15px;
    background: url(../images/icons/star.gif) left no-repeat;
    padding-left: 20px;
    margin-bottom: 8px
}

#left #submenu .header span{ /* controls the header text and the star bullet */
    font-size: 100%;
    font-weight: bold;
    color: #26a4db;
    padding-right: 15px;
    background: url(../images/icons/star.gif) right no-repeat;
}

#left #submenu .item{ /* controls the sub-text in the left side menu - psd shows them to be indented: should modify in the future */
	height: 24px;
	padding-left: 15px;
/*	text-indent: 18px;*/ /* commented out for now - check with erick which one to follow */
	font-size: 85%;
	font-weight: bold;
	text-transform: capitalize;
}

#left #submenu .count-item{ /* return later */
    width: 142px;
    height: 24px;
    padding-left: 15px;
    font-size: 85%;
    font-weight: bold;
    margin-right:62px;
}

#left #submenu .count-value{ /* will return later - seems to be redundant */
    float:right;
    width: 42px;
    height: 24px;
    font-size: 85%;
    font-weight: bold;
    text-align:right;
    padding-right:29px;
}

#left #submenu .item-selected, #left #submenu .item#selected{ /* return later - seems to be redundant */
    background: url(../images/bgs/left/left-selected.gif) left no-repeat;
    height: 24px;
    font-size: 85%;
    font-weight: bold;
    padding-left: 15px;
    color: #222;
}

#left #submenu .count-item-selected{ /* return later - seems to be redundant again */
    background: url(../images/bgs/left/left-selected.gif) left no-repeat;
    height: 24px;
    padding-left: 15px;
    font-size: 85%;
    font-weight: bold;
    color: #222;
}

#left #submenu .item a { /* return later */
    color: #134d83;
}


#left #submenu .item a:hover { /* controls the link hover state in the left side menu */
    color: #001d4c;
}

#left .credit { /* controls the appearance and the positioning of the green credit numbers in the left side menu */
    color: #328c0a;
    font-family: Georgia;
    font-size: 130%;
    padding-left: 30px;
    font-style: italic;
}

#left .item-credit { /* controls the appearance of the lower text below the green credit numbers (redeem it for free food!) */
    height: 24px;
    font-size: 70%;
    font-weight: bold;
    padding-left: 15px;
    padding-top: 5px;
    color: #222;
}

/* the brand_desc */

#left #submenu .bdesc{
	margin:12px 12px 12px 18px;
	}
	#left #submenu .bdesc p{
		font:bold 16px/24px "Trebuchet MS", sans-serif;
		color:#888;
		}




/* from _root */


.link-box{
 font-family:"Trebuchet MS";
 font-style:none;
 line-height:15px;
 z-index:500;
}

.link-box span.link-pref-popup{
/*overflow:auto;*/
 font-size:100%;
 font-family:"Trebuchet MS";
 font-style:none;
 line-height:15px;
 margin-left:-150px;
 margin-top:-10px;
 padding:0px;
 position:absolute;
 border:solid 1px #ddd;
 z-index:1000;
 background-color:white;
}

.link-box span.link-pref-popup div{
   z-index:1000;

}
.link-box .title{
   text-align:center;
}

.link-box .link-pref-popup .link-pref-info{
 margin:0px;
 padding:0px;
 width:100%;
 background-color:white;
 border:solid 1px #ddd;
 font-style:normal;

}

.link-box .link-pref-popup .link-pref-info .row{
 overflow:hidden;
}

.link-box .link-pref-popup .link-pref-info .address_image{
 float:left;
 width:20px;
 height:20px;
 margin-right:5px;
 
}
.link-box .link-pref-popup .link-pref-info .description{
text-align:left;
/* float:left;*/
 width:200px;
 margin-left:10px;
}




.current-total {
	margin-top:10px;
}

.current-total .header .top-left{
	
	float:left;
}

.current-total .header .top-right{
	
	float:right;
	margin-top:-24px;
}


.current-total .header .title{
	text-align:center;
	flaot:left;
	background-color: #E6E6E6;
	border:1px solid #E6E6E6;
}


.current-total .content {
	margin-top:5px;
	padding:5px;
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
}

.current-total .content .tax{
	float:left;
	width:100%;
	text-align:left;
	font-weight:bold;
}

.current-total .content .total-price{
	text-align:left;
	font-weight:bold;
}

.current-total .hr {
	border: 0;
	border-top: 1px dashed #ccc;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-top:10px;
}

.checkout {
	margin-left:5px;
	margin-top:5px;
	float:left;
}




.diet-icon-box{
 font-family:"Trebuchet MS";
 font-style:normal;
 line-height:15px;
 cursor:pointer;
 position:relative;
 padding:1px;
 z-index:90;
}

.diet-icon-box .diet-pref-popup{
 font:normal 100%/140% "Trebuchet MS";
 line-height:15px;
 padding:0px;
 position:absolute;
 width:200px;
 border:solid 1px #ddd;
 z-index:120;
 background-color:#f0f0f0;
 border:solid 1px #a6b1b8;
 text-align:left;
 _float:left;
}

.diet-icon-box span.diet-pref-popup div{
 /*z-index:1000;*/
}

.diet-icon-box .diet-pref-popup .diet-pref-info{
 margin:0px;
 padding:0px;
 width:100%;
 /*background-color:#EDF5F7;
 border:solid 1px #526275;*/
 font-style:normal;
 color:#222;
}

.diet-icon-box .diet-pref-popup .diet-pref-info .title{
 border:none;
 font-style:none;
 color:#111;
 text-align:left;
 background-color:#d4d4d4;
 border-bottom:solid 1px #a6b1b8;
 line-height:15px;
 font-size:11px;
 text-transform:uppercase;
 padding:6px 2px;
 margin:0;
}
	.diet-icon-box .diet-pref-popup .diet-pref-info .title img{
		vertical-align:text-top;
		margin:0 4px;
		}
	.diet-icon-box .diet-pref-popup .diet-pref-info .title .btn_close{
		position:absolute;
		right:0;
		top:4px;
		}
	
.diet-icon-box .diet-pref-popup .diet-pref-info .text{
 /*background: url(../../images/event_box/pop_spot_arrow2-down.gif) 0% -8px no-repeat;*/
 border:none;
 padding:10px;
 font-style:normal !important;
}
	.diet-icon-box .diet-pref-popup .diet-pref-info .text p{
		 font-style:normal !important;
		}

.diet-icon-box .diet-pref-popup .diet-pref-info .FAQ{
 border:none;
 font-size: 80%;
 background-color:#ddd;
 text-align:center;
}





#invite-tables-list {
	width:100%;
}

#invite-tables-list .tdLeftBar {
	float:left;
}

#invite-tables-list .tdMain {
	
	margin-left:290px;
}

#invite-tables-list .tdMain .emails .box .content {
	background:#FFFEE5; 
	width: 470px; 
	padding:10px;
}






.menu-item-special{
 cursor:pointer;
}

span.order-special{
 position:absolute;
 width:300px;
 height:100px;
 margin-left:-270px;
 margin-top:-50px;
 background-color:white;
 border:solid 1px #ddd;
 display:block;
}

span.order-special input{
 clear:left;
}

span.order-special div.box{
 height:80px;
 position:absolute;
 text-align:center;
 display:inline;
}






.current-order-box{
 width:160px;
 margin-top:10px;
 border:solid 1px #fee;
 text-align:left;
}

.current-order-box .title{
 font-weight:bold;
 padding-left:10px;
 border-bottom:solid 1px #fee;
 background-color:#fee;
}

.current-order-box .item .title{
 background-color:white;
 font-weight:bold;
 padding-left:5px;
 font-size:80%;
 margin-right:10px;
 border-bottom-width:0px;
 border-top:solid 1px #fee;
}

.current-order-box .item .delete{
 float:right;
 }

.current-order-box .item .data{
  padding-left:4px;
 }

.current-order-box  .name{
  font-weight:bold;
  float:left;
  width:50px;
  text-align:right;
 }

.current-order-box  .value{
  float:left;
 }

.current-order-box .tax{
 height:23px;
 padding-left:4px;
}

.current-order-box .total-price{
 height:23px;
 padding-left:4px;
}

/*demo page*/
#demo_wrap{
			margin:-2px -234px 0 -165px; /*countering the #wrapper's padding:0 250px 0 180px; */
	  }
	  #demo{
	  	position:relative;
		width: 856px;
		margin:0 auto 20px;
		z-index:1;
	  }
	  #demo .dividr{
	  	height:0px;
		background:none;
		border-bottom:2px solid #333;
		margin:9px 0 36px;
		color:#fff;
	  }
	   #demo h2{
	  	clear:both;
			color:#666;
			font-family : 'Trebuchet MS',Trebuchet,Verdana,Arial,sans-serif;
			font-size: 24px;
			font-weight:bold;
	  }
	  
	   #demo h3{
	  	display: inline;
	  	font-size: 28px;
	   font-weight: bold;
		/*color:#24507f;*/
		color:#202020;
		/*margin: 12px 0 18px 0px;*/
		line-height: 64px;
		text-transform:capitalize;
		background-color:#FAFDD2;
		padding:4px;
		positioN:relative;
		top:-10px;
	  }
	  
	  #demo p{
	  	color:#000000;
		font:normal 14px/20px "Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif;
		margin-bottom:18px;
	  }
	  
	  #demo img.demo_illust{
		margin: 0 18px 18px 0px;
		background-color:#FFFFFF;
		border:6px solid #DFDDDD;
		display:block;
		float:left;
		padding:8px;
		position:relative;
	  }
	  
	   #demo .demo_row{
	  	clear:left;
		padding:9px 0;
	  }



/*help page*/
#help, #cont_brdr {
	padding:0 18px;
	font-size:14px;
	}
	#help p{
		font-size:14px;
		line-height:143%;
		font-family:Arial,Helvetica,sans-serif;
	}
	
	#help h3,
	#cont_brdr h3 {
		font: normal 18px/36px Georgia, "Times New Roman", Times, serif;
		text-transform: uppercase;
		color: #dc1b3a;
		text-align: center;
		position: relative;
		top: -18px;
		}
	
		#help h3 span,
		#cont_brdr h3 span {
			background: #fff;
			padding: 5px 10px;
			}
	#help h4{
		font-size:16px;
		line-height:36px;
		color:#DC1B3A;
	}

#help a{
	color:#2C5887;
	font-weight:bold;
	text-decoration:underline;
}


#help ol.numbr{
		list-style : decimal !important;
		}
		#help ol.numbr li{
			list-style:decimal;
			margin-left:36px;
			list-style-position:inside;
		}	
	  #help ul.pointlist{
		list-style:disc !important;
		}
		#help ul.pointlist li,
		#help li.star {
			list-style-image:url(../images/icon-star.png);
			margin-left:32px;
			}
	#help ul.bullet{
		list-style:square !important;
		}
		#help li {
			margin-left:32px;
			}
	 #help li{
	 	line-height:150%;
	 	}
	 #help p{
	 	margin-bottom:1em;
		line-height:150%;
	 	}
	 #help h4{
	 	font-weight:bold;
		font-size:18px;
	 	}
	 #help img{
	 	border:3px solid #366291;
		float:left;
		margin-right:12px;
		padding:4px;
	 	}


/*new updated help -rev 1107 - need to revise the old help style and trash the unneeded */

	
					
						.featbox_wrap{
							margin-left:38px;
							}
							.featbox_wrap div{
								}
						.featbox_wrap .feat_title{
							 margin-bottom:36px;
							}	
						#help .featbox_wrap p.faq-feature{
							margin:0 18px 18px 0px;
							}	
						.help_featbox{
							background:#B3DEF9 url(../images/faq/rnd-box/header_bm.png) bottom repeat-x;
							}
							.help_featbox_hdr{
								background:#8AC9FE;
								height:48px;
								}
								
							.help_featbox_hdr_tl{
								background:url(../images/faq/rnd-box/head_tl.png) 0 0 no-repeat;
								}
							.help_featbox_hdr_tr{
								background:url(../images/faq/rnd-box/header_tr.png) 100% 0 no-repeat;
								}
								
								.help_featbox_hdr h5{
									font: normal 22px/48px Arial, Helvetica, sans-serif;
									white-space:nowrap;
									margin-left:24px;
									color:#fff;
									}
							
							.help_featbox_cont_bl{
								background:url(../images/faq/rnd-box/header_bl.png) 0 100% no-repeat;
								
								}
							.help_featbox_cont_br{
								background:url(../images/faq/rnd-box/header_br.png) 100% 100% no-repeat;
								padding-bottom:18px;
								}
								.help_featbox_cont{
								 padding:24px;*padding:24px 24px 0;
								}
								#help .help_featbox_cont p.feat_desc{
									/* *float:left;
									*margin-right:80px; */ /*used when there's images it seem to messed up in ie */
									}
								
								#help .help_featbox_cont img.scrshot{
									float:right;
									border-color:#fff;
									padding:2px;
									margin-left:12px;
									}	
		
/* bottom box on index.loggedout -rev0703 */
.idxwrap{
		position:relative;float:left;width:100%;
	 }
	 .idxwrap2{
	 	position:relative;float:right;width:48%;
	 	}
.idx_featmember_wrap{
	 	clear:both;
		margin:18px 0 0;
	 }
	
	 .idx_featmember_wrap .bodergrey{
	  padding:1px;
	 	}
	 .idx_featmember{
	 	width:21%;_width:20%;
		margin:9px 2%;
		float: left;
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #66696c;
	 }
	 	.idxwrap2 .idx_featmember{
	 	width:46%;*width:45%;
		margin:9px 2%;
		float: left;
		font: bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #66696c;
	 }
	.idx_featmember  h4{
	font:bold 13px/16px "Trebuchet MS", Arial, sans-serif !important;
	
	position:static !important;
	text-align:left !important;
	overflow:visible;
	}
	.idx_featmember  h4 a{
		color: #393838 !important;
	}
	.idx_featmember	img.user_avatar  {
			margin-right: 6px;
			border: 4px solid #eeefef;
		}