@charset "utf-8";
/* CSS Document */

.profilePicture {
	padding:2px;
	border:1px #CDE4F2 solid;
	background:#fff;
	width:219px;
	text-align:center;
	}

.searchBoxFriend {
	padding:4px; margin:15px 0;
	background:#0577BD;
	width:217px;
	
	
}

.searchFriends{
			padding: 2px 2px 2px 20px;
			font-family:verdana;
			font-size:11px; color:#767676;
			border:1px #BFC7D9 solid;
			background: #fff url(../images/searchIcon.jpg) no-repeat;
}


h1 .newTreat a {
			font:normal 0.5em verdana;
			margin-bottom: 1em;
			margin-top: 0.5em;
			padding:0 4px;
			color:#FC7700;
			text-decoration: underline;
			/*background:#E7F4FB;*/
			/*border-bottom:2px #0277BC solid;*/
}
h1 .newTreat a:hover {
			text-decoration:none;
			background:#0277BC;
			color:#fff;
}


/* center area */

.CategoryTitle {
			font-size: 12px;
			font-weight:bold;
			background:#EAEAF2 url(../images/PanelHeaderBlue.jpg) repeat-x;
			color:#2487C3;
			text-align:left;
			padding:8px; margin:12px 0;
			border:1px #EBEAF2 solid; 
}


/* for inner sub tab */
.SmallSubTab {
	border-bottom:1px #CEE4F1 solid;
	padding:20px 0;
	}
.SmallSubTab a{
	padding:4px; margin:0 0 0 4px;
	background:#0378BB;
	color:#fff;
	font-size:11px;
	float:right;
	text-decoration:none;
}
/* for list */

.friendContainer {
	border-bottom:1px #CEE4F1 solid;
	/*height:50px;*/
	padding:5px 0 10px 0;
	}
.friendContent {
	margin:0 0 0 10px; padding:0;
	min-height:50px;
	}
.friendName{
	color:#2588C3;
	font-size:12px;
	font-weight:bold;
	margin:0 60px 2px 60px;
	}	
	.friendName a{
		color:#2588C3;
		text-decoration:none;
		}		
	.friendName a:hover{
		color:#2588C3;
		text-decoration:underline;
		}		

.friendLocation{
	color:#777777;
	margin:0 60px;
	}
.checkBoxContainer {
	float:right;
	margin:15px 12px 0 0; padding:4px;
	background:#0476BC;
	}
.actionContainer {margin-left:60px}
.actionContainer a{text-decoration:none; font:normal 11px; color:#2588C3; }


/* Friend List for left column -----------------------------*/
.friendsList {	
	border:1px #CDE3F0 solid;
	margin:0 0 20px 0;
	}
.groupTitle {
			font-size: 11px;
			font-weight:bold;
			background:#EAEAF2 url(../images/PanelHeaderBlue.jpg) repeat-x;
			color:#2487C3;
			text-align:left;
			padding:8px; margin:0;
			border-bottom:1px #EBEAF2 solid; 
}	
.groupTitle .span{
	font:normal 10px verdana;
	color:#000;
	float:right;
	}

.friendsName {
	padding:2px 10px;
	background:#E4F1F7;
	border-top:1px #fff solid;
	color:#0177BD; font-size:11px;
	}
.friendsName a{
	padding:0;
	color:#0177BD; font-size:11px; text-decoration:none;
	}
.friendsName a:hover{
	color:#0177BD; text-decoration:underline;
	}	
		
.friendsNameLast {
	padding:6px 10px;
	background:#E4F1F7;
	color:#0177BD; font-size:11px;
	}
.friendsNameLast a{
	padding:0;
	color:#0177BD; font-size:11px; text-decoration:none;
	}
.friendsNameLast a:hover{
	color:#0177BD; text-decoration:underline;
	}	
		
.friendsName img, .friendsNameLast img{
	margin:0 10px 0 0;
	}
.friendsAction {
	padding:0 0 0 0; margin:0 0 0 0;
	}
.friendsAction a{
	padding:4px; margin:0 15px 0 4px;
	background:#CDE3F0;
	color:#0378BB;
	font-size:11px;
	float:right;
	text-decoration:none;
}
.friendsAction a:hover{
	background:#0378BB;
	color:#fff;
	text-decoration:none;
}





/* Restaurant List for left column -----------------------------*/
.restaurantList {	
	border:1px #CDE3F0 solid;
	}
.restaurantTitle {
			font-size: 11px;
			font-weight:bold;
			background:#EAEAF2 url(../images/PanelHeaderBlue.jpg) repeat-x;
			color:#2487C3;
			text-align:left;
			padding:8px; margin:0;
			border-bottom:1px #EBEAF2 solid; 
}	
.restaurantName {
	padding:2px 10px;
	background:#E4F1F7;
	border-top:1px #fff solid;
	color:#0177BD; font-size:11px;
	}
.restaurantName a{
	padding:0;
	color:#0177BD; font-size:11px; text-decoration:none;
	}
.restaurantName a:hover{
	color:#0177BD; text-decoration:underline;
	}	
		
.restaurantNameLast {
	padding:6px 10px;
	background:#E4F1F7;
	color:#0177BD; font-size:12px;
	}
.restaurantNameLast a{
	padding:0;
	color:#0177BD; font-size:11px; text-decoration:none;
	}
.restaurantNameLast a:hover{
	color:#0177BD; text-decoration:underline;
	}	
		
.restaurantName img, .restaurantNameLast img{
	margin:0 10px 0 0;
	}
.restaurantAction {
	padding:0;
	}
.restaurantAction a{
	padding:4px; margin:0 15px 0 4px;
	background:#CDE3F0;
	color:#0378BB;
	font-size:11px;
	float:right;
	text-decoration:none;
}
.restaurantAction a:hover{
	background:#0378BB;
	color:#fff;
	text-decoration:none;
}
.commentsIcon {
	float:right;
	margin-top:5px;
	}
	
	
	
	
	
	
	
/* left panel design ________________________________________________________*/	
.leftPanel {	
	border:1px #CDE3F0 solid;
	margin:0 0 30px 0;
	}
.panelTitle {
			font-size: 11px;
			font-weight:bold;
			background:#EAEAF2 url(../images/PanelHeaderBlue.jpg) repeat-x;
			color:#2487C3;
			text-align:left;
			padding:8px; margin:0;
			border-bottom:1px #EBEAF2 solid; 
}	
.panelName {
	padding:2px 10px;
	background:#E4F1F7;
	border-top:1px #fff solid;
	color:#0177BD; font-size:11px;
	}
.panelName a{
	padding:0;
	color:#0177BD; font-size:11px; text-decoration:none;
	}
.panelName a:hover{
	color:#0177BD; text-decoration:underline;
	}	
		
.panelName img, .restaurantNameLast img{
	margin:0 10px 0 0;
	}
.panelAction {
	padding:0;
	}
.panelAction a{
	padding:4px; margin:0 15px 0 4px;
	background:#CDE3F0;
	color:#0378BB;
	font-size:11px;
	float:right;
	text-decoration:none;
}
.panelAction a:hover{
	background:#0378BB;
	color:#fff;
	text-decoration:none;
}
.commentsIcon {
	float:right;
	margin-top:5px;
	}
	
	
	
	
	
	
	
	
	
/* Latest Section */
.treatpublisher {
	height:40px;
	margin:20px 0;
	}
.treatpublishSection {
	font-size: 12px;
	font-weight:bold;
	background:#EAEAF2 url(../images/PanelHeaderBlue.jpg) repeat-x;
	color:#2487C3;
	text-align:left;
	padding:8px; margin:0;
	border:1px #EBEAF2 solid;
	width:514px;
	float:right
	}
.treatpublishSection a{
	padding:2px;
	background:#CDE3F0;
	color:#0378BB;
	font-size:11px;
	text-decoration:none;
}
.treatpublishSection a:hover{
	background:#0378BB;
	color:#fff;
	text-decoration:none;
}
.treatpublishSection a.current{
	padding:2px;
	background:#0378BB;
	color:#fff;
	font-size:11px;
	text-decoration:none;
}

.shareLink {float:right; margin-top:55px}
.publisher {
	height:68px;
	margin:20px 0 50px 0;
	}
.publishSection {
	font-size: 11px;
	font-weight:bold;
	background:#EAEAF2 url(../images/PanelHeaderBlue.jpg) repeat-x;
	color:#2487C3;
	text-align:left;
	padding:8px; margin:0;
	border:1px #EBEAF2 solid;
	width:514px;
	float:right;
	}	
.publishSection a {
	background:#CDE3F0;
	color:#0378BB; font-weight:normal; font-size:11px; text-decoration:none;
	padding:4px 8px; margin:-10px 0 0 0;
	}
.publishSection a:hover {
	background:#0378BB;
	color:#fff; text-decoration:none;
	}
	


/*userName */			
.userArea {
	margin:0;
	
	}
.userImage {
	float:left;
	/*background:#000;*/
	height:40px; width:40px;
	margin-left:0px;
	}
.userPublishSection {
	font-size: 11px;
	font-weight:bold;
	color:#2487C3;
	text-align:left;
	padding:0 4px 0 4px; margin:0;
	width:461px;
	float:right;
	background:/*#F6FAFE*/ #E7F4FB;
	}	
.userName {
	font-size: 11px;
	font-weight:bold;
	color:#2487C3;
	text-align:left;
	margin:5px 0
	}
.userName a{
	color:#2487C3;
	text-decoration:none;
	}		
.userName a:hover{
	color:#0377BB;
	text-decoration:underline;
	}		

.userName span{
	color:#000; font:normal 11px verdana; 
	margin-left:5px;
	}
.when{
	color:#777; font:normal 11px verdana;
	margin-top:5px; 
	}	
	
/* user comments */
.viewAllComments {
	font:normal 11px verdana;
	color:#2487C3;
	text-align:left;
	background:#F0F7FB;
	padding:4px 4px 4px 60px;
	border-bottom:1px #EBEAF2 solid;
	width:405px;
	float:right;
	/*margin:5px 0 0 0;*/
}
.viewAllComments a{
	background:#2487C3 url(../images/whiteArrow.gif) no-repeat right; color:#fff;
	padding:2px;
	width:100px;
	text-decoration:none;
	}
.viewAllComments a:hover{
	color:#fff; 
	text-decoration:none;
	}	
.userComments {
	font-size: 11px;
	font-weight:bold;
	color:#2487C3;
	text-align:left;
	padding:0 0;
	border-bottom:1px #EBEAF2 solid;
	width:468px;
	float:right;
	margin:5px 0 0 0;
}
.userImage {
	float:left;
	/*background:#000;*/
	height:40px; width:40px;
	margin-right:0px
	}
	
.commentBy {
	font-size: 11px;
	font-weight:bold;
	color:#000;
	text-align:left;
	padding:5px 0;
	}
.commentBy p{
	font-size: 11px;
	color:#5E5E5E;
	text-align:left;
	font-weight:normal;
	padding:5px 0;
	}	
.commentBy a{
	color:#2487C3;
	text-decoration:none;
	}		
.commentBy a:hover{
	color:#0377BB;
	text-decoration:underline;
	}		

.userName a{
	color:#0378BB; font:bold 11px verdana; 
	margin-left:0px;
	}
.userName span{
	color:#000; font:normal 11px verdana; 
	margin-left:0px;
	}
.commentWhen{
	color:#777; font:normal 11px verdana;
	margin-left:5px; 
	}
.commentNowHolder {
	font-size: 11px;
	font-weight:bold;
	color:#2487C3;
	text-align:left;
	padding:0 0 15px 46px; margin:0;
	/*border-bottom:1px #EBEAF2 solid;*/
	width:470px;
	/*background:url(../images/postComments.png) no-repeat; background-position:45px 0;*/
	float:right
	}	
.commentNow {
	font-size: 11px;
	font-weight:bold;
	color:#2487C3;
	text-align:right;
	padding:8px 0; margin:0;
	width:515px; 
	float:right;
	/*background:#E4F1F9;*/
}
.commentNow a {
	background:#CDE3F0;
	color:#0378BB; font-weight:normal; font-size:11px; text-decoration:none;
	padding:4px 8px; margin:5px 0 0 49px;
	float:left;
	}
.commentNow a:hover {
	background:#0378BB;
	color:#fff; text-decoration:none;
	}
a.lnkSubmit {cursor:pointer}

/* Overlay */
#simplemodal-overlay {background-color:none; }

/* Modal Container 

.basicModalContent {padding:0; border:1px #0377BB solid; margin:0;}

.basicModalContent .head {height:26px; background-color:#0377BB; border-bottom:1px #3B5998 solid; display:block;}
.basicModalContent h1 {
	color:#fff;
	font-family:verdana;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:4px 10px;
	text-align:left;
	}
	
.basicModalContent .content {height:233px; border-bottom:1px #CCCCCC solid; display:block; text-align:center; padding:10px 10px 0px 10px;}	
.basicModalContent .actionArea {background-color:#F2F2F2; display:block; text-align:right; padding:4px 10px; margin-top:0px;}	

.btnConfrimDelete { 
	padding:2px 4px; margin:0; background-color:#3B5998;
	border:1px #3B5998 solid;
	font-size:11px; color:#fff; cursor:pointer;
	}
.btnConfrimDelete:hover, .btnConfrimDelete:focus { background:#0377BB}	
	*/	
/* scrollable List*/

		.scrollablelist li { background: none; padding-left: 0; }
		
		.scrollablelist {
			list-style: none;
			/*height: 15em;*/
			overflow: auto;
			/*width: 40em;*/
		}
		.scrollablelist, .scrollablelist li { margin: 0; padding: 0; list-style:none}

		.myFriends {
			color: #000;
			font-family: verdana;
			font-size: 11px;
			height: 30em;
			width:45.5em;
			padding:0; margin:0 0 5px 0;
			
			}
		.listContainer { background: #F3F3F8; border-bottom:2px #fff solid;}
		.myFriends {margin-right:30px;}
		.picContainer {text-align:left;}
		.friendNameList {margin:0 0 0 60px; font-size:12px; text-align:left;}
		.listContainer a{color:#0378BB; text-decoration:none; font-size:11px; padding:4px; border:1px #CDE3F0 solid; margin:16px 10px 0 5px; float:right}		
		.listContainer a:hover{color:#0377BB; text-decoration:none; background:#CDE3F0; }	
		.ContainerUp {float:right; margin:20px 20px 0 0; }
		
		.selectToPay {
			color: #000;
			font-family: verdana;
			font-size: 11px;
			height: 10em;
			width:100%;
			margin:0;
			}
		.payeeContainer { background: #F3F3F8; padding:4px; border-bottom:2px #fff solid; width:154px; height:50px}
		.payeeContainer label{height:30px; color:#0378BB; font-size:11px}
		.selectToPay .payeePic { background: #000; height:50px; width:50px;}
		.selectToPay .payeeName {margin:-50px 5px 0 55px; font-size:11px; text-align:left; background:#ccc; width:100px}
		.selectToPay .removeFriend {margin:-30px 0 0 0; padding:1px 2px; width:10px; background:none; float:right; position:relative}
		.payeeContainer a{color:#0378BB; text-decoration:none; font-size:11px;padding-top:20px;}		
		.payeeContainer a:hover{color:#0377BB; text-decoration:none;  }	
		
/* Create treat*/	

.treat td {
			border-bottom: 1px solid #E9E9F3;
}

.treat {	
			border-top: 1px solid #E9E9F3;
			border-right: 1px solid #E9E9F3;
			border-left: 1px solid #E9E9F3;
			margin-bottom: 2em;
			width:526px;
}

.selectFriends a{
		color:#CDE3F0; font-size:11px; text-decoration:underline; cursor:pointer;
		}
.selectFriends a:hover{
		color:#0378BB; font-size:11px; text-decoration:none; cursor:pointer;
		}


/* my treat page */

		
.treatCreator {
	margin:20px 0;
	}
.userImage {
	float:left;
	/*background:#000;*/
	height:50px; width:50px;
	margin-right:10px
	}
.treatCreatorName {
	font-size: 12px;
	font-weight:bold;
	color:#2487C3;
	text-align:left;
	margin:5px 0;
	}	
.treatCreatorName td {
	font-size: 11px;
	font-weight:normal;
	color:#777;
	text-align:left;
	margin:5px 0;
	padding:2px 0;
	}	
.treatCreatorName td.vanue {
	font-size: 11px;
	font-weight:normal;
	color:#000;
	text-align:left;
	margin:5px 0;
	padding:2px 0;
	}
.invites {
	margin-right:15px;
	border-bottom:1px #EBEAF2 solid;
	display:block;
	padding-bottom:10px;
	}
.invites img{
	background:#fff;
	height:52px; width:52px;
	padding:1px;
	border:1px #F2F2F8 solid;
	}	
.invites a{
	background:#fff;
	}	

.treatPublishSection {
	font-size: 12px;
	font-weight:bold;
	color:#2487C3;
	padding:0 0 8px 0; margin:0 0 0 0;
	width:460px;
	float:left;
	display:block;
	}	

.treatCreatorName a{
	color:#2487C3;
	text-decoration:none;
	}		
.treatCreatorName a:hover{
	color:#0377BB;
	text-decoration:underline;
	}		

.treatCreatorName span{
	color:#000; font:bold 11px verdana; 
	margin-left:5px;
	}
.treatCreatorName span.me{
	color:#000; font:bold 11px verdana; 
	margin-left:0px;
	}	
	
/* user comments */
/* Latest Section */	

.treatComments {
	font-size: 12px;
	font-weight:bold;
	color:#2487C3;
	text-align:left;
	padding:0 0;
	border-bottom:1px #EBEAF2 solid;
	width:465px;
	float:right;
	margin:5px 0 0 0;
}
ul#friendInvited2, ul#friendInvited{list-style-type:none;width:100%;position:relative;margin:0 0 20px 0;padding:11px 0 0 0;}
ul#friendInvited2, ul#friendInvited li{display:block;float:left;margin:0 15px 15px 0;height:50px; width:50px}
ul#friendInvited2, ul#friendInvited li a{display:block;float:left;text-decoration:none;padding:0;height:50px;}


.friendInvited{list-style-type:none;width:100%;position:relative;margin:0 0 20px 0;padding:11px 0 0 0;}
.friendInvited li{display:block;float:left;margin:0 15px 15px 0;height:50px; width:50px}
.friendInvited li a{display:block;float:left;text-decoration:none;padding:0;height:50px;}


.borderBotom {border-bottom:1px #F3F3F8 solid; height:5px;}
		.treatuserContainer { background: #F3F3F8; padding:4px; width:50px; height:50px; }
		.frndPic { background: #000; height:50px; width:50px;}
		.inviteeActions {margin:-17px 0px 0 29px; font-size:11px; padding:1px 2px 0 5px; width:18px; background:#F3F3F8; height:19px; cursor:pointer}
		.treatuserContainer a{color:#0378BB; text-decoration:none; font-size:11px;padding-top:20px;}		
		.treatuserContainer a:hover{color:#0377BB; text-decoration:none;  }	


.treatActions {
	border-top:1px #fff solid; 
	border-bottom:1px #fff solid; 
	border-left:1px #fff solid; 
	border-right:1px #fff solid; 
	width:450px; float:right; 
	padding:10px; margin:0 0 20px 0;
	background:#E7F4FB;
	color:#2587C4; 
	}

.treatActions span{
	width:100px; float:right; 
	padding:2px; margin:0 0 0 0;
	background:#fff;
	color:#000; 
	}

	
	.treatActions a{
		color:#2587C4; font-size:11px; text-decoration:none; padding:0 5px 0 0;
		}
	.treatActions a:hover{
		color:#2587C4; font-size:11px; text-decoration:underline;
		}





/* Home page restaurant list -----------------------------*/
UL.homeRestaurantList { font:normal 11px verdana; MARGIN: 0; LIST-STYLE-TYPE: none; padding:0; }
UL.homeRestaurantList A {COLOR: #015db5; TEXT-DECORATION: none; height:10px; PADDING: 1em 1em;}
UL.homeRestaurantList LI {PADDING:0px; MARGIN: 5px 0; LIST-STYLE-TYPE: none; }
UL.homeRestaurantList LI img{PADDING:0px; MARGIN: 0px 10px 0 0; }
UL.homeRestaurantList .object {PADDING:0 1px; MARGIN: 3px 10px 0 0; COLOR: #01305c; float:right;}
UL.homeRestaurantList A:hover {COLOR: #01305c;}

.viewCompleteList a{
	padding:4px; margin:0 10px 0 4px;
	background:#CDE3F0;
	color:#0378BB;
	font-size:11px;
	float:right;
	text-decoration:none;
}
.viewCompleteList a:hover{
	background:#0378BB;
	color:#fff;
	text-decoration:none;
}


UL.homeRestitemList {
	font:normal 11px verdana; MARGIN: 0; LIST-STYLE-TYPE: none; padding:0;
	}

UL.homeRestitemList LI {
	PADDING:0.4em; MARGIN: 5px 0; LIST-STYLE-TYPE: none; 
	}
UL.homeRestitemList LI label {
	cursor:pointer;
	}
UL.homeRestitemList LI label a{
	text-decoration:none;
	COLOR: #015db5;
	}
UL.homeRestitemList LI label a:hover{
	text-decoration:underline;
	COLOR: #015db5;
	}	
UL.homeRestitemList .count {
	font-family:verdana; font-size:11px; 
	PADDING-RIGHT: 2em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0; PADDING-TOP:0; 
	COLOR: #015db5;
	float:right;
	}

UL.homeRestitemList .userCount {
	font-family:verdana; font-size:11px; 
	margin:0 85px 0 0;
	COLOR: #01305c;
	width:80px;
	text-align:center;
	float:right;
	}
UL.homeRestitemList .userLogo {
	margin:-5px 12px 0 0; padding:1px;
	width:32px; height:19px;
	text-align:center; vertical-align:middle;
	float:left;
	}