/* Navigation */
#navMeBg {
	font-size:12px;
	width: 130px;
	padding:0;
	margin:0 0 10px 0; 
	float:left;
	background: url(../images/bg_navme.gif) repeat-y;
}

#expand-me-menu {
	cursor: pointer;
}

#navMeBg a:hover{background-color: #fff;}

#navMeBg .topcorner {
width: 130px;
height: 13px;
background: url(../images/corner_topnavme.gif) no-repeat bottom;
}
#navMeBg .more {
width: 130px;
height: 13px;
background: url(../images/corner_botnavme_arrow.gif) no-repeat top;
cursor: pointer;
cursor: hand;
}

#navMeBg .less {
width: 130px;
height: 13px;
background: url(../images/corner_botnavme_arrow.gif) no-repeat bottom;
cursor: pointer;
cursor: hand;
}

#navMe {margin:0; padding:0 6px; font-size: 12px; line-height:18px; list-style: none; text-align:left;}
	
#navMe ul li {margin:0; padding:0;}
#navMe .profile, #navMe .messages, #navMe .friends, #navMe .travel, #navMe .blog, #navMe .photos, #navMe .videos, #navMe .groups, #navMe .events, #navMe .forum, #navMe .bookmarks, #navMe .calendar, #navMe .points, #navMe .gifts, #navMe .musics, #navMe .badge, #navMe .wishs, 
#navMe .profileOn, #navMe .messagesOn, #navMe .friendsOn, #navMe .travelOn, #navMe .blogOn, #navMe .photosOn, #navMe .videosOn, #navMe .groupsOn, #navMe .eventsOn, #navMe .forumOn, #navMe .bookmarksOn, #navMe .calendarOn, #navMe .pointsOn, #navMe .giftsOn, #navMe .musicsOn, #navMe .badgeOn , #navMe .wishsOn{
	width: 90px;height: 20px;display: block; padding: 0 0 5px 26px;}
	
	#navMeBg #navMe li span.fontInfo a:hover{background: transparent;}
	
#navMe .profileOn, #navMe .messagesOn, #navMe .friendsOn, #navMe .travelOn, #navMe .blogOn, #navMe .photosOn,#navMe .videosOn, #navMe .groupsOn, #navMe .eventsOn, #navMe .forumOn, #navMe .bookmarksOn, #navMe .calendarOn, #navMe .pointsOn, #navMe .giftsOn, #navMe .musicsOn{
	font-weight:bold;}
	
	#navMe .profile{background: url(../images/bg_profile.gif) no-repeat 0 0;}
	#navMe .profile:hover, #navMe .profileOn{background: url(../images/bg_profile.gif) no-repeat 0 -30px;}
	#navMe .messages{background: url(../images/bg_messages.gif) no-repeat 0 0;}
	#navMe .messages:hover, #navMe .messagesOn{	background: url(../images/bg_messages.gif) no-repeat 0 -30px;}
	#navMe .friends{background: url(../images/bg_friends.gif) no-repeat 0 0;}
	#navMe .friends:hover, #navMe .friendsOn{background: url(../images/bg_friends.gif) no-repeat 0 -30px;}
	#navMe .travel{	background: url(../images/bg_travel.gif) no-repeat 0 0;}
	#navMe .travel:hover, #navMe .travelOn{	background: url(../images/bg_travel.gif) no-repeat 0 -30px;}
	#navMe .blog{background: url(../images/bg_blog.gif) no-repeat 0 0;}
	#navMe .blog:hover, #navMe .blogOn{background: url(../images/bg_blog.gif) no-repeat 0 -30px;}
	#navMe .photos{background: url(../images/bg_photos.gif) no-repeat 0 0;}
	#navMe .photos:hover, #navMe .photosOn{background: url(../images/bg_photos.gif) no-repeat 0 -30px;}
	#navMe .videos{background: url(../images/bg_videos.gif) no-repeat 0 0;}
	#navMe .videos:hover, #navMe .videosOn{background: url(../images/bg_videos.gif) no-repeat 0 -30px;}
	#navMe .musics{background: url(../images/bg_musics.gif) no-repeat 0 0;}
	#navMe .musics:hover, #navMe .musicsOn{background: url(../images/bg_musics.gif) no-repeat 0 -30px;}
	#navMe .groups{background: url(../images/bg_groups.gif) no-repeat 0 0;}
	#navMe .groups:hover, #navMe .groupsOn{background: url(../images/bg_groups.gif) no-repeat 0 -30px;}
	#navMe .events{background: url(../images/bg_events.gif) no-repeat 0 0;}
	#navMe .events:hover, #navMe .eventsOn{background: url(../images/bg_events.gif) no-repeat 0 -30px;}
	#navMe .forum{background: url(../images/bg_forum.gif) no-repeat 0 0;}
	#navMe .forum:hover, #navMe .forumOn{background: url(../images/bg_forum.gif) no-repeat 0 -30px;}
	#navMe .bookmarks{background: url(../images/bg_bookmarks.gif) no-repeat 0 0;}
	#navMe .bookmarks:hover, #navMe .bookmarksOn{background: url(../images/bg_bookmarks.gif) no-repeat 0 -30px;}	
	#navMe .calendar{background: url(../images/bg_calendar.gif) no-repeat 0 0;}
	#navMe .calendar:hover, #navMe .calendarOn{background: url(../images/bg_calendar.gif) no-repeat 0 -30px;}
	#navMe .points{background: url(../images/bg_points.gif) no-repeat 0 0;}
	#navMe .points:hover, #navMe .pointsOn{background: url(../images/bg_points.gif) no-repeat 0 -30px;}

	#navMe .gifts{background: url(../images/bg_gifts.gif) no-repeat 0 0;}
	#navMe .gifts:hover, #navMe .giftsOn{background: url(../images/bg_gifts.gif) no-repeat 0 -30px;}
	#navMe .badge{background: url(../images/bg_badge.gif) no-repeat 0 0;}
	#navMe .badge:hover, #navMe .badgeOn{background: url(../images/bg_badge.gif) no-repeat 0 -30px;}
	#navMe .wishs{background: url(../images/bg_wishlist.gif) no-repeat 0 0;}
	#navMe .wishs:hover, #navMe .wishsOn{background: url(../images/bg_wishlist.gif) no-repeat 0 -30px;}

/* Landing page */
#col1Me {float:left; width: 130px;}
	
#col2Me {float:left; width: 825px; margin:0 0 0 5px;}
	#col2Me .pic{float:left; width: 150px; padding:0; margin:0 0 5px 0;}
		#col2Me .pic .col1{float:left; width: 50px; margin: 0 10px; font-size:11px; line-height:12px;}
		#col2Me .pic .col2{float:left; width: 80px; margin: 0; font-size:11px; line-height:12px;}
	#col2Me .intro{float:left; width: 660px; margin:0 0 0 5px;}
	#col2Me .intro h1{font-size:16px; font-weight:normal; line-height:16px; color:#525252;}
	
	#col2Me .intro .col1{float:left; width: 100px; margin: 0 10px 0 0; padding: 0 0 3px 0; font-weight:bold; color:#919191;}
	#col2Me .intro .col2{float:left; width: 548px; padding: 0 0 3px 0; margin:0;}
		 #col2Me .intro .col2 textarea{font-size:12px;}
		#col2Me .intro .action{color:#b93d3d; cursor:pointer;}
	
	#col2Me .alert2{margin:0 20px;}
	#col2Me .highlight2 h3{padding-bottom:3px;}
	#col2Me .next{font-size:11px; cursor: pointer; display: none;}
	#col2Me .titleBar2 .title{float:left;}
	#col2Me .titleBar2 .button{float:right; height:13px; line-height:13px; margin:2px 5px 0 0; color:#fff; font-weight:normal;}
		#col2Me .titleBar2 a.button:hover{background-color:transparent;}
.dashboardCol1{float: left; width:250px; padding: 0 5px 0 4px;}
	.dashboardCol1 .dottedLine{margin:0 0 1px 0; height:2px; clear:both;}
	.dashboardCol1 .searchBtn{text-align:right; margin:5px 12px;}
	.dashboardCol1 .frameCont42{margin-right:11px; width:65px;}
.dashboardCol2{float: left; width:560px; border:0px solid #111;}
#col2Me .dashboardCol2 .tabs{margin:1px 0 0 0; font-weight:normal; padding:0; width:200px;}
#col2Me .dateCont{margin-top:8px;}
.dashboardCol1 .viewAll{margin:0; clear:both;}
	

.dashboardCol2 .newsFeed{width: 540px; margin: 5px auto; border:0px solid #111;}
.dashboardCol2 .newsFeed .dottedLine{margin:1px 0 0 0; height:2px; padding:1px; clear:both;}
.dashboardCol2 .newsFeed #sliderContent{width:395px; margin-left: -5px; background-color:white;}
.dashboardCol2 .newsFeed .info .framePhoto{padding: 1px; margin:2px 0 0 0;}
	
.status-thumbnail {
        float: left;
        margin: 5px 15px 0px 0px;
}
.dashboardCol2 .newsFeed .status-info {
        float: left;
        margin: 5px 0px 0px;
        width: 405px;
}
.status-text .action{float:right;}

.dashboardCol2 .friends {width: 530px; margin: 5px auto;}
.dashboardCol2 .friends .frameCont42 {width:70px; margin-right:5px;}
.dashboardCol2 .friends .frame42 a:hover, .dashboardCol2 .frame55 a:hover{background-image: none; padding:0;}
.dashboardCol2 .frame55{margin: 0 auto;}
.dashboardCol2 .frameCont55{width:105px;}
.dashboardCol2 .viewAll{margin: 10px 5px 0 0;}
.dashboardCol2 .dottedLine{margin: 3px 0;}
.dashboardCol1 .col2Event, .dashboardCol2 .col2Travel, .dashboardCol2 .col2Blog {float: left; padding: 5px 0 0 5px; border:0px solid #111;}
.dashboardCol1 .col2Event {width: 165px;}
.dashboardCol2 .col2Travel {width: 430px; padding: 8px 0 0 0;}
.dashboardCol2 .col2Blog {width: 470px;}

.dashboardCol1 #wBox{width:250px;}
.dashboardCol2 #wBox{width:560px;}

/* Sub pages */
.fixHeight{height:515px;}
.wBoxMe {margin: 20px 4px 0 4px; width:815px;}
.wBoxMeMusic, .wtabs{margin: 20px 0 0 0;}
#col2Me .tabs {padding: 0 5px 0 10px; width:800px;}
#col2Me .offset {padding: 0 5px 0 10px;}
#col2Me .viewAll, #col2Me .dottedLine{margin:0px;}
.h155 {height: 155px;}

/*My Messages*/
#col2Me .mailAction{background-color:#edf2f4; padding:10px; margin-top:0px;}
#col2Me .mailAction .holder{width:410px; margin:auto;}
#col2Me .mailAction #inline{margin:auto;}

/*My Messages - Inbox*/
#col2Me #holder750 .messageInfo{width:500px; padding: 0 0 0 65px; border: 0px solid #333;}
#col2Me #holder750 .messageInfo .frameAlbum42, #col2Me #holder750 .messageInfo .frame55{float:left; margin: 0 10px 0 0;}
	#col2Me #holder750 .messageInfo .col2{float:left; width:405px; margin: 0 10px 0 0;}
	#col2Me #holder750 .messageInfo a h3{line-height: 16px; padding: 15px 0 0 0; color:#B93D3D;}
#col2Me #holder750 .messageInfo .frame7050{float:left; margin: 0 10px 0 0;}
#col2Me #SignUpAlertBox{padding-bottom:10px;}

/*My Messages - Notifications*/
.notificationList{width:100%; border-collapse:collapse; margin:0 auto;}
	.notificationList td{padding:2px;}
	.notificationList .date{width:80px; text-align:center;}
	.notificationList .activity{width:500px;}
	.notificationList .message{width:720px;}
	
/*My Messages - Travel Advice*/
#col2Me #holder750 {width:750px; margin:0 auto; padding: 10px 0 0 0; border: 0px solid #333;}
	#col2Me #holder750 #message, #col2Me #holder750 .pmMessage, #col2Me #holder750 .pmMessage2{width:670px;}
	#col2Me #holder750 #message .traHost {width:458px; padding:5px 0 0 0; background:#F4F6F8; border:1px solid #BDC4C4; line-height:18px;}	
	#col2Me #holder750 #message .traHost .col1{ float:left; width:150px; padding-left:10px;}
	#col2Me #holder750 #message .traHost .col2{ float:left; width:295px;}
	#col2Me #holder750 #message .traHost .col3{ float:left; width:438px; font-size:11px; padding:5px 10px; margin:10px 0 0 0; background:#fff; border-top:1px solid #BDC4C4; }
	
		#col2Me #holder750 .sender{width:50px; float:left; padding-top:10px; text-align:center;}
	#col2Me #holder750 #replyCont{width:680px; padding: 10px 0 0 55px; position:relative;}
		#col2Me #holder750 #replyCont textarea{width:670px;}
				
.messageList, .messageListHeader {width:100%; border-collapse:collapse; margin:0 auto;}
		.messageList td, .messageListHeader td{padding:2px;}
		.messageList .dottedLine{height:5px;}
		
		.messageList .nobg a:hover{padding:0px;}
		.messageList .check{width:20px; text-align:center; padding-left:5px;}
		.messageList .date{width:60px; text-align:center;}
		.messageList .from{width:100px; padding:5px 0; text-align:center;}
			.messageList .from a:hover{background-color:transparent; }
		.messageList .rating{text-align:center;}
		.messageList .message{padding:5px 10px; width:500px;}
			.messageList .message a.title{color:#525252;}
			.messageList .message a.title:hover{color:#000;}
		.messageList .delete{width:80px; text-align:center; padding-right:5px;} 
	
		.messageListHeader .check{width:22px;}
		.messageListHeader .spacer{width:2px;}
		.messageListHeader .date{width:60px;}
		.messageListHeader .from{width:93px;}
		.messageListHeader .message{width:500px;}
		.messageListHeader .delete{width:95px;}
		
#col2Me .scoreHolder{width:440px; margin: 10px auto;}
	#col2Me .scoreHolder .col1{width:200px; padding:5px 0; float:left;}
	#col2Me .scoreHolder .col2{width:200px; padding:5px 0 0 30px; float:right;}		
.feedbackScore {width:250px; padding:10px 0; margin:auto;}
.nextBg{
	height:24px;
	padding: 1px 10px 0 10px;
	background: url(../images/bg_msgbevel.gif) repeat-x top; 
}
.unread td{ background-color:#eaecee;}
	.unread td a:hover{background-color:#e1e3e5;}
.travAdvisorScore {width:350px; padding: 5px 0 10px 0; margin:auto;}
	.travAdvisorScore .col2 {padding-left:20px; float:left;}
	.travAdvisorScore .frameCont42{width:70px;}
.rateTravAdvisor {width:630px; margin:auto;}
	.rateTravAdvisor #message{width:550px;}
	
	
.wBoxMe #holder750 #sliderHeader{
	width: 735px; 
	font-size:12px;
	background: url(../images/bg_hordot_shd.gif) repeat-x top;
	padding:4px 5px 0 0;
	left: 3px;
	top: 11px;
}
.wBoxMe #holder750 #sliderContent{

	top:45px;
	background:#fff; 
	padding:25px 0 0 0; border:1px solid #111;
	}
#replyCont #comment .content{width:580px;}
#replyCont .frame22Cont {margin:auto;}

#travelInfo {padding:0 0 0 60px;}
#travelInfo #comment .content{width:530px;}
#travelInfo .frame22Cont {margin:auto;}

/*My Messages - Invites & request*/
.wBoxMe .inviteRequestList{width:760px; margin: 0 auto;}
	.wBoxMe .inviteRequestList .frame7050{width:100px; float:left;}
	.wBoxMe .inviteRequestList .frame42{width:100px; float:left;}
	.wBoxMe .inviteRequestList .info{width:650px; float:left; padding: 0 0 0 5px; margin:0; border: 0px solid #111;}
	.wBoxMe .inviteRequestList .bevelLine{height:35px;}
.wBoxMe .inviteRequestList .eventCol{float:left; width:70px;}

/*My Messages - Report Spam*/
#col2Me #holder700 .spamReasonCol{float:left; width:47%;}

/*My Messages - Compose Message*/
#col2Me #holder700 .composeCol1{float:left; width:55px; padding-right:10px; font-weight:bold;}
#col2Me #holder700 .composeCol2{float:left; width:610px;}

#addfriends {border: 4px solid #ffe4c9; background-color:#fff; z-index:100; position:absolute; font-size:11px; top:20px; left:120px;}
#addfriends .wbox{ border: 1px solid #d20304; padding: 20px 20px 10px 20px; background-color: #FFFFFF;}

#addfriends #friendList{width:270px; height:275px; background-color:#fff; margin:0; padding:5px; overflow:auto; border: 1px solid #d0d7d7;}
#addfriends #friendList .memberList{border-collapse:collapse; width:90%;}
	#addfriends #friendList .memberList td{padding:2px;}
	#addfriends #friendList .memberList .check{width:15px;}
	#addfriends #friendList .memberList .thumbnail{width:22px;}	
	
		
/*My Profile*/	
.wBoxMe .grayForm{width:750px; margin: 0 auto; padding-top:15px; border-collapse:collapse;}
.wBoxMe .grayForm .privacyCol1{float:left; width:100px; margin-right:40px;}
	.wBoxMe .grayForm .privacyCol1 h2{text-align:right;}
.wBoxMe .grayForm .privacyCol2{float:left; width:550px;}
	.wBoxMe .grayForm .privacyCol2 .bevelLine{margin:0;}
	.wBoxMe .grayForm .privacyCol2 .label{width:170px;}
	.wBoxMe .grayForm .privacyCol2 .field{width:230px;}		
	.wBoxMe .grayForm .highlight2{padding:1px; border:0;}
	.wBoxMe .grayForm h3{padding:0;}
	.wBoxMe .grayForm .label{width:220px;}
	.wBoxMe .grayForm .field{width:500px;}
	.wBoxMe .grayForm .field .TipCol .col1{ float:left; width:25px;}
	.wBoxMe .grayForm .field .TipCol .col2{ float:left; width:430px;}
	.wBoxMe .grayForm .field .contactCol {float:left; font-size:10px; margin:0 4px; text-align:center;}
	.wBoxMe .grayForm .field .fieldWidth{width:430px;}
	.wBoxMe .grayForm .field .thumb{width:67px; font-size:11px; line-height:12px;}
	.wBoxMe .grayForm .padT2{padding-top: 2px; #padding-top: 1px;}
	.wBoxMe .grayForm #sliderHeader{width: 360px;}
	.wBoxMe .grayForm #helpSliderContent{top:40px;}

.contact{float: left; text-align:center; margin:0 5px; font-size:11px;}

.wBoxMe .buttonHolder{width:750px; margin:10px auto 0 auto; text-align:right; clear:both;}	
.wBoxMe .subNav{padding:10px 0 20px 12px;}
.wBoxMe #avatarCol1{float: left; width: 140px; margin: 0 20px; padding:0;}
.wBoxMe #avatarCol2{float: left; width: 620px; padding:0;}
	.wBoxMe #avatarCol2 .grayForm{width: 590px; padding:15px 10px;}
	.wBoxMe #avatarCol2 #sliderHeader{width: 400px;}
	.wBoxMe #avatarCol2 #sliderContent{top:25px; left:3px; width:600px;}
	
.wBoxMe .grayForm .fieldCol{width:230px; float:left; margin-left:10px; vertical-align:top;}
	.wBoxMe .grayForm .interestCategories{width:490px; float:left; margin-left:10px; vertical-align:top;}
	.wBoxMe .grayForm .interestCategories li{width:155px;}
.wBoxMe .accountSettings{width:710px; padding: 15px 20px;}
	.wBoxMe .accountSettings .bevelLine{margin:0;}
.wBoxMe .accountSettings .blockList{width:460px; margin:0 auto;}
	.wBoxMe .accountSettings .blockList h3{padding-bottom:5px;}
	.wBoxMe .accountSettings .blockList .thumbnail{float:left; width:22px; margin: 0 10px 0 10px;}
	.wBoxMe .accountSettings .blockList .name{float:left; width:355px; padding: 4px 10px 0 0;}
	.wBoxMe .accountSettings .blockList .action{float:left; width:45px; padding: 4px 0 0 0;}

.blockList .thumbnail{position: relative; z-index: 0;}
.blockList .thumbnail:hover{background-color: transparent; z-index: 50;}
.blockList .thumbnail span{ position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px solid #d7dcdf;
visibility: hidden;
color: black;
text-decoration: none;
}

.blockList .thumbnail span img{border-width: 0; padding: 2px;}
.blockList .thumbnail:hover span{visibility: visible; top:0; left: 35px;}

/*Twitter & Facebook*/
.wBoxMe	.twitterFacebook {width:710px; padding: 15px 20px; overflow:hidden;}
	.wBoxMe	.twitterFacebook ul li {list-style-type: none; clear:right; overflow:hidden;}
		.wBoxMe	.twitterFacebook ul li img {}
			.wBoxMe	.twitterFacebook ul li img.img1{margin-left: 10px;}
			.wBoxMe	.twitterFacebook ul li img.img2{margin-left: 20px;}
		.wBoxMe	.twitterFacebook ul li label {float:left; clear:none; width: 250px;}
		.wBoxMe	.twitterFacebook ul li input {float:left; clear:none; width: 16px; margin:0 10px;}

.wBoxMe #help{width:280px; left:5px; top: -70px;}
.wBoxMe #avatarCol2 #help{width:300px; left:5px; top: 25px;}
.grayForm #alert{width:100%;}
	#col2Me .grayForm #alert .checkboxInline label{padding-right:10px; width:300px;}
#col2Me .dashboardCol2 .highlight{background-color:#f0e4e4; margin:2px 0 5px 0; padding:2px 8px 0px 8px; font-size:11px;}
/*Profile - Insights*/
#col2Me .highlight {background-color:#f0e4e4; margin:0; padding:15px 20px;}
	#col2Me .highlight .holder{width:300px; margin:0 auto; border:0px solid #111;}
	#col2Me .highlight .title{
	float:left;
	margin:0 5px;
	text-align:right;
	font-size:9px;
	line-height:11px;
	text-transform: uppercase;
	color:#666;
	letter-spacing: .07em;
}
	#col2Me .highlight .figure1, #col2Me .highlight .figure2{float:left; font-size:25px; font-weight:bold; line-height:20px; color:#000;}
	#col2Me .highlight .figure1{margin-right:50px;}

#col2Me #holder750 .chartHeader{background-color:#edf2f4; padding:7px 10px 5px 10px; margin-top:5px; height:15px; font-size:11px;}
	#col2Me #holder750 .chartHeader .red{color:#ff6767;}
	#col2Me #holder750 .chartHeader .gray{color:#707c81;}
	#col2Me #holder750 .chartHeader .yellow{color:#ffa800;}
	#col2Me #holder750 .chartHeader .blue{color:#3399ff;}
#col2Me #holder750 .chartContent{background-color:#f9fbfb; text-align:center; padding:5px 5px 10px 5px; margin-bottom:15px;}
	#col2Me #holder750 .chartContent .noData{width:220px; margin-top:28px;}
#col2Me #holder750 .col{width:50%; float:left; font-size:11px; line-height:13px;}
	#col2Me #holder750 .col .name{width:90px; float:left; text-align:right; padding: 0 10px 8px 0; margin:0;}
	#col2Me #holder750 .col .bar{width:188px; float:left; padding: 2px 10px 8px 0;}	
	#col2Me #holder750 .col .percentage{width:40px; float:left; padding: 0 0 8px 0;}		
#col2Me #holder750 .keywordList {border-collapse:collapse;}
	#col2Me #holder750 .keywordList .keyword{width:150px;}
	#col2Me #holder750 .keywordList .visits{width:80px; text-align:center;}
	
/*manage email*/
#emailConfirmation{border: 4px solid #ffe4c9; width:350px; background-color:#fff; z-index:100; position:absolute; top:170px; left:220px;}
	#emailConfirmation h3{padding-bottom:5px;}
	#emailConfirmation .wbox{ border: 1px solid #d20304; padding: 20px; background-color: #FFFFFF;}
	#emailConfirmation .label{float:left; width:120px; border:0px solid #111; }
	#emailConfirmation .field{float:left; width:140px;}
	
/*My Friends*/
#col2Me .myFriendList{width:680px; margin: 10px auto; border-collapse:collapse;}
	#col2Me .myFriendList .thumbnail{text-align:center; vertical-align:top; width:80px;}
	#col2Me .myFriendList .action{width:90px; padding-left:10px;}
	#col2Me .myFriendList .info{width:480px;}
#col2Me .shdTop{padding:10px 15px; }
#col2Me .view{height:20px; text-align:left;}
#col2Me #alert{margin: 10px auto 0 auto;}

#findFriends{width:575px; margin: 10px auto; position:relative;}
#findFriends .content{width:545px; margin: 0 auto; padding:10px 0 10px 0;}
.height100{height:100px;}
	#findFriends .col1{float:left; width:180px; margin: 0 10px; padding: 0 0 2px 0; text-align:right;}
	#findFriends .col2{float:left; width:335px; padding: 0 0 2px 0;}
	#findFriends .separator{clear: both; height:25px; background: url(../images/bg_hordot.gif) repeat-x center; text-align:center; padding-top:5px;}
#findFriends #details1, #findFriends #details2, #findFriends #details3, #findFriends #details4, #findFriends #details5, #findFriends #details6, #findFriends #details7, #findFriends #details8, #findFriends #details9{position:absolute; visibility:hidden;padding:0 0 10px 10px; width:390px; left:170px; top: 440px; background: url(../images/bg_verdot.gif) repeat-y left;}

#findFriends .contactUs{width:140px; clear:both; padding-top:10px;} 

#findFriends #friendList{width:520px; height:290px; background-color:#fff; margin:10px auto 20px auto; overflow:auto; border: 1px solid #dde3e8; }
	#findFriends #friendList .webmailList{width:500px; border-collapse:collapse;}
		#findFriends #friendList .webmailList td{padding:1px;}
			#findFriends #friendList .webmailList .dottedLine{height:1px; margin:0;}
		#findFriends #friendList .webmailList .selectAll{width:390px; height:23px;}
		#findFriends #friendList .webmailList .check{width:10px;}
		#findFriends #friendList .webmailList .thumbnail{width:30px;}
		#findFriends #friendList .webmailList .name{width:200px;}
		#findFriends #friendList .webmailList .email{width:280px;}
	#friendList .tblhead{text-align: left; font-weight: normal;}

#col2Me .inviteFriendsCol1{width:500px; float:left; padding:10px 0 0 20px;}
	#col2Me .inviteFriendsCol1 textarea{width:492px;}
#col2Me .inviteFriendsCol2{width:70px; height:190px; float:left; padding-top: 170px; text-align:center; background: url(../images/bg_verdot.gif) repeat-y center; margin:60px 0 0 0; border: 0px solid #dde3e8;}
#col2Me .inviteFriendsCol3{width:200px; float:left; padding:10px 0 0 0; margin:50px 0 0 0;}
	#col2Me .inviteFriendsCol3 #inline{margin:10px 0 0 0;}
	#col2Me .inviteFriendsCol3 #inline li{width:95px; height:25px; margin:5px 0 0 0;}

/*My Friends - Search Friends*/
#col2Me .searchFriends{width:770px; padding:10px 0 0 20px;}
#col2Me .searchFriends h2{line-height:30px;}
#col2Me .searchFriends .col2{float:left; width:160px; padding-right:10px; border: 0px solid #dde3e8;}
#col2Me .searchFriends .col3{float:left; margin-right:20px;}
	#col2Me .searchFriends strong{font-size:11px;}
#col2Me .searchFriends .verLine{float:left; margin-right:20px; width:2px; height:40px;}
#col2Me .searchFriends .divider{text-align: center; background: url(../images/bg_beveldivider.gif) repeat-x center; clear:both; padding:15px 0;}
#col2Me .listingCol, #col2Me .listingColRight{float:left; width:133px; padding-bottom:15px; line-height:13px;}
#col2Me .listingCol{margin-right:24px;}
#col2Me .listingColRight{margin-right:0;}
	
/*My Travel*/
#col2Me #holder750{width:750px; margin: 0 auto; padding:15px 0 0 0;}
	#col2Me #holder750 h3{padding:0 0 10px 0; margin:0;}
#col2Me .grayForm .travMapLabel{width:150px; float:left; text-align:right; padding:0 10px 5px 0; font-weight:bold; }
#col2Me .grayForm .travMapField{width:580px; float:left; padding:0 0 5px 0;}
#col2Me .grayForm .travMapField .travMapCol1{width: 280px; float: left;}
#col2Me .grayForm .travMapField .travMapCol2{width: 35px; text-align:center; float: left;}
#col2Me .grayForm .travMapField .travMapCol3 {width: 260px; float: left; padding-top:15px;}
.w40{ width: 40px;}
.w190{ width: 190px;}
.w250{ width: 250px;}
#col2Me .travelReviewList{width:750px; margin:5px auto 0 auto; border-collapse:collapse;}
	#col2Me .travelReviewList .thumbnail{text-align:center; padding:3px 3px 0 0; vertical-align:top; width:80px;}
	#col2Me .travelReviewList .info{width:560px; vertical-align:top; padding-bottom:5px;}
	#col2Me .travelReviewList .action{width:110px; padding:0 0 0 10px;}
#col2Me .buttonRight{text-align:right; width:750px; padding-bottom:10px; margin:auto;}
#col2Me #nextStep{width:520px; margin:0 auto; padding: 30px 0 30px 0;}
#col2Me #nextStep .col{width:240px; float:left;}
	#col2Me #nextStep .col2{width:10px; height:40px; margin: 0 20px 0 0; float:left;}
#col2Me .thumbTrav{float:left; width:32px;}
#col2Me .activityTrav{float:left; width:500px; padding-bottom:5px;}

/*My Groups, My Photos, My Blog & My Events*/
#MainCol1 {float:left; width:612px; padding:0 0 0 4px;border:0px solid #111;}
	#MainCol1 .shdTopDot{padding:10px 15px;}
	#MainCol1 .txtCol1{width: 77px; float:left;}
	#MainCol1 .txtCol2{float:left;}		
#MainCol2 {float:right; width:200px; padding:0 4px 0 0; line-height:13px; }
	#MainCol2 h6{padding: 0 0 5px 7px;}
	#MainCol2 #wBox{border: 1px solid #bdc4c4; background-color:#FFFFFF; background-image:none; padding-bottom:10px;}
	#MainCol2 #wBox .holder{margin:3px 7px 0 7px;}
	#MainCol2 .groupsCol1, #MainCol2 .photosCol1, #MainCol2 .musicsCol1, #MainCol2 .videosCol1{float:left; padding: 3px 5px 0 8px;}
		#MainCol2 .groupsCol1{width:30px;}
		#MainCol2 .photosCol1, #MainCol2 .musicsCol1{width:35px; text-align:center;}
	#MainCol2 .col2, #MainCol2 .photosCol2, #MainCol2 .musicsCol2, #MainCol2 .videosCol2{float:left; padding: 0 5px 5px 0;}
	#MainCol2 .col2{width:134px;}
	#MainCol2 .photosCol2, #MainCol2 .musicsCol2{width:134px;}

#MainCol1 .list, #MainCol1 .photoList, #MainCol1 .blogList, #MainCol1 .eventList{border-collapse:collapse; margin:0 auto;}
	#MainCol1 .list{width:570px;} 
	#MainCol1 .list .thumbnail, #MainCol1 .photoList .thumbnail{text-align:center; padding:3px 3px 0 0; vertical-align:top; width:80px;}
	#MainCol1 .list .info, #MainCol1 .photoList .info{vertical-align:top;}
	#MainCol1 .list .action{width:100px; padding:0 0 0 15px;}		
	#MainCol1 .list .dottedLine, #MainCol1 .photoList .dottedLine{height:10px;}
	#MainCol1 .photoList .fontInfo a {font-weight: normal; font-size:11px;}
	
#MainCol1 .photoList, #MainCol1 .blogList, #MainCol1 .eventList{width:570px;}
	#MainCol1 .photoList .action, #MainCol1 .blogList .action, #MainCol1 .eventList .action{width:100px; padding:0 0 0 15px; vertical-align:middle;}
#MainCol1 .eventList .action .nobg:hover{background-image:none; padding-bottom:0;}
	#MainCol1 .eventList .action .frameGrayBd{margin-top:3px;}

#MainCol1 .photoList .info, #MainCol1 .blogList .info, #MainCol1 .eventList .info{width:365px; vertical-align:top; padding-bottom:5px;}
	#MainCol1 .blogList .info .col1{float:left; width:50px;}
	#MainCol1 .blogList .info .col2{float:left; width:260px; font-size:10px; line-height:11px;}		
#MainCol1 .blogList .thumbnail, #MainCol1 .eventList .thumbnail{text-align:center; padding:3px 3px 0 0; vertical-align:top; width:95px;}
#MainCol1 .message{width:400px; margin:0 auto; padding:40px 0 80px 0;}	
#MainCol2 .message{width:160px; margin:0 auto; padding:10px 0 20px 0;}	
#MainCol2 h2{padding:5px 0 0 10px;}

	#MainCol2 .musicsCol1 .player {float:left; vertical-align:top; padding:3px 0 0 0;}
	#MainCol2 .musicsCol1 .player a {width:30px; height:30px; margin: 0 0 0 5px; background-color:white;}
/*    #MainCol2 .musicsCol2 .bar {font-size:9px; padding:2px; background:#EFF3F3;} */


    #MainCol2 .musicsCol2 .bar {width:55px; height:5px; background:transparent url(../images/musicbar_white_55.gif) no-repeat;}

.seekbar {width:13px; height:13px; background:transparent url(../images/icon_seekbar.gif) no-repeat;}
a.seeklink:hover { background-color:transparent;}

/*My badge*/
#MainCol3 {float:left; width:825px; border:0px solid #111;}
#MainCol3 .badgeList {width:750px; border-collapse:collapse; margin:0 auto;}
#MainCol3 .badgeList .display{text-align:center; vertical-align:top; width:230px; width:0px; padding-top:5px;}
#MainCol3 .badgeList .display img{border:1px solid #BDC4C4;}
#MainCol3 .badgeList .code{vertical-align:top; width:600px; padding:5px;}
#MainCol3 .badgeList .code textarea{ font-size:12px; width:98%; height:60px; font-family:Arial, Helvetica, sans-serif; background-color:#eeeff1; color:#696868;}
#MainCol3 .badgeList .action{ font-size:11px; padding:0 0 0 10px; width:70px;}

/*My Videos*/
tr.processing {background-color:#edd4d4;}
.dashboardCol2 .frameContV7355 {width:120px; padding-right:10px;}
.dashboardCol2 .frameV7355 {margin:0 auto;}
.dashboardCol2 .frameV7355 a:hover {background-image: none; padding:0;}
    #MainCol2 .videosCol1{width:42px; padding: 0px 5px 0 3px;}
	#MainCol2 .videosCol2{width:134px;}
	#MainCol2 .playlist{font-size:10px; width:130px; height:19; padding:2px 2px 2px 8px; background:url(../images/bg_friendplaylist.gif) no-repeat;}
/*My Music*/
	#musiclist {background-color:#eff3f3; margin:0 20px;}
	#musiclist .roundtop {background:transparent url(../images/corner_trmusic3.gif) no-repeat scroll right top;}
	#musiclist .content {margin:0 auto; padding:0 8px;}
	#musiclist .roundbottom {background:transparent url(../images/corner_brmusic3.gif) no-repeat scroll right bottom;}
	#musiclist .player {float:left; vertical-align:top; padding:20px 0 0 0;}
	#musiclist .player a {width:35px; height:30px; display:block; margin: 0 0 0 5px;}
	#musiclist .info {float:left; width:320px; font-size:11px; line-height:15px; padding:5px;}
	#musiclist .dividerNav {float:left; width:10px; height:55px; margin:5px 2px; background:url(../images/divider_nav2.gif) repeat-y center;}
	#musiclist .remove{float:left; vertical-align:top; padding:25px 0 0 0;}

#MainCol2 .Col1 {width:175px; padding:10px; line-height:15px;}
#MainCol2 .Col3 {width:175px; padding:0 8px 4px 8px; line-height:15px;}

/*My Koolpoints*/
#col2Me .tabs .koolpoints{float:right; padding-right:10px; font-weight:bold; color:#000000;}
#MainCol1Koolpoints{float:left; width:438px; padding:0 0 0 4px;}
	#MainCol1Koolpoints #wBox{margin: 20px 0 0 0;}
	#MainCol1Koolpoints .holder400{width:400px; margin: 0 auto;}
	#MainCol1Koolpoints .holder400 h3{margin-top:10px;}
	#MainCol1Koolpoints .holder400 .giftListing, #MainCol1Koolpoints .holder400 .giftListingRight{width:165px; float:left; padding:10px; font-size:10px; border: 1px solid #e9ecec; background-color: #f9fbfb; margin-right:25px;}
	#MainCol1Koolpoints .holder400 .giftListingRight{margin-right:0px;}
	#MainCol1Koolpoints .holder400 .item{text-align:center; padding-bottom:15px;}

.wBoxCollectKoolpoints {margin: 0 auto; width:625px;}
#col2Me #holder700{width:700px; margin: 0 auto; margin:0 auto; padding: 10px 10px 0 10px; border:0px solid #111;}
#col2Me #holder700 ol{margin:0 0 0 -15px; #margin:0 0 0 25px;}

#MainCol2Koolpoints{float:right; width:185px; padding:0 4px 0 0; margin: 20px 0 0 0;}
	#MainCol2Koolpoints #wBox{margin:0 auto; width:160px; padding:10px; border: 1px solid #bdc4c4; background-color:#FFFFFF; background-image:none;}
	#MainCol2Koolpoints h3{line-height:18px;}
a.koolpointsBtn, a.koolpointsBtn2{margin: 0 auto 20px auto; width: 160px; height: 55px; background: url(../images/but_collectpoints.gif) no-repeat top; display: block; padding:0;}
a.koolpointsBtn2{margin: 15px auto;}
a.koolpointsBtn:hover, .dashboardCol1 a.koolpointsBtn2:hover{margin: 0 auto 20px auto; padding:0; background-image: url(../images/but_collectpoints_over.gif);} 
.dashboardCol1 a.koolpointsBtn2:hover{margin: 15px auto;} 

.wBoxMe .shdTopDot{padding:10px 15px;}
.wBoxMe .shdTopDot .filterPointsCol1{width:470px; float:left;}
	.wBoxMe .shdTopDot .filterPointsCol1 .col1{width:130px;}
	.padT2{padding-top:2px;}
.wBoxMe .shdTopDot .filterPointsCol2{width:100px; height:35px; padding:15px 0 0 20px; float:left; background: url(../images/bg_verdot.gif) repeat-y 5px;}
.wBoxMe .points{height:45px; font-size:11px;}

.pointList{width:100%; border-collapse:collapse; margin:0 auto;}
.pointList .category{padding-left:15px; width:100px; vertical-align:top;}
.pointList .date{width:100px; text-align:center;}
.pointList .from{padding-left:5px; width:280px;}
.pointList .koolpoints{width:90px; text-align:center;}

.wBoxMe .shdTopDot .filterGiftsCol1{width:90px; float:left;}
	.wBoxMe .shdTopDot .filterGiftsCol1 .rangeSelection{width:85px; font-size:11px;}
.wBoxMe .shdTopDot .filterGiftsCol2{width:195px; float:left;}
	.wBoxMe .shdTopDot .filterGiftsCol2 .countrySelection{width:190px; font-size:11px;}
.wBoxMe .shdTopDot .filterGiftsCol3{width:155px; float:left;}
	.wBoxMe .shdTopDot .filterGiftsCol3 .giftSelection{width:150px; font-size:11px;}
.wBoxMe .shdTopDot .filterGiftsCol4{width:90px; float:left;}
	.wBoxMe .shdTopDot .filterGiftsCol4 .pointSelection{width:60px; font-size:11px;}
.wBoxMe .shdTopDot .filterGiftsDivider{width:15px; height:40px; float:left; background: url(../images/bg_verdot.gif) repeat-y 5px;}
.giftList{width:100%; border-collapse:collapse; margin:10px auto 0 auto;}
	.giftList .thumbnail{width:170px; padding-left:15px; text-align:center;}
	.giftList .info{width:320px; padding:5px; font-size:11px; line-height:13px; }
		.giftList .info .col1{width:75px; float:left;}
		.giftList .info .col2{width:245px; float:left;}
	.giftList .action{width:80px; padding-left:5px; vertical-align:middle;}

#col2Me .pointBalance{width:430px; margin:auto; padding-top:10px;}
#col2Me .pointBalance .col1{width:130px; float:left; padding-left:120px;}
#col2Me .pointBalance .col2{width:180px; float:left;}

#col2Me .wBoxMe #holder700 #formCont .content{width: 500px; border: 0px solid #bdc4c4;}
	#col2Me .wBoxMe #holder700 #formCont .content .addressCol1{width:60px; float:left;}
	#col2Me .wBoxMe #holder700 #formCont .content .addressCol2{float:left;}	
	#col2Me .wBoxMe #holder700 #formCont .content .contact{float: left; text-align:center; margin:0 5px; font-size:10px;}
	#col2Me .wBoxMe #holder700 #formCont .content #sliderHeader{width: 490px;}
.receivingMethod{width: 400px; margin:20px auto;}
.steps{background:#e1e7e7 url(../images/bg_steparrow_gray.gif) no-repeat right; color:#818181; height:18px; padding:0 10px 0 5px;}
.steps2{background:#f0f7f7 url(../images/bg_steparrow_gray2.gif) no-repeat right; color:#b7b7b7; height:18px; padding:0 10px 0 5px;}
.stepsCurrent{background:#ffded5 url(../images/bg_steparrow_pink.gif) no-repeat right; color:#000; height:18px; padding:0 10px 0 5px;}

#merchantCentre{width:575px; margin: 10px auto;}
	#merchantCentre .content{width:545px; margin: 0 auto; padding:10px 0 10px 0;}
.merchantCol{float:left; width:250px; padding-left:20px;}

.invoiceList{width:565px; border-collapse:collapse; margin:10px auto;}
	.invoiceList .code{width:120px;}
	.invoiceList .info{padding:0 5px;}
	.invoiceList .quantity{width:100px; text-align:center;}
	.invoiceList .line{border-bottom: 2px solid #d7dcdf;}
#holder700 .addCol1{float:left; width:50px;}
#holder700 .addCol2{float:left; padding-left:20px;}

/*My Bookmarks*/
.bookmarkList{width:750px; border-collapse:collapse; margin:0 auto;}
.bookmarkList td{padding:2px;}
.bookmarkList .thumbnail{width:75px; padding: 5px 0; text-align:center;}
.bookmarkList .info{width:450px;}
.bookmarkList .date{width:80px; text-align:center;}
.bookmarkList .updates{width:100px;}
.bookmarkList .postedBy{width:100px; text-align:center;}
.bookmarkList .delete{width:40px; text-align:center;}
.bookmarkList .dottedLine{height:2px;}

/*My Calendar*/
.wBoxCalendar .shdTopPub{ padding:10px 20px;}
.wBoxCalendar .col { font-size:11px; float:left; width:370px;} 
.wBoxCalendar .col1 { float:left; width:80px;} 
.wBoxCalendar .col2 { float:left; width:270px; margin:0 10px 0 5px;} 

.wBoxCalendar {margin:0 4px;}
.wBoxCalendar .filter{font-size:10px;}
.wBoxCalendar .viewOption{padding:2px 3px 0 0;}
.wBoxCalendar .from{padding:2px 0 0 25px;}
.wBoxCalendar .shdTopDot{padding:10px 15px;}
.wBoxCalendar .shdTopDot li{height:20px;}
.wBoxCalendar .actionBtn{text-align:right; padding:10px 15px; clear:both;}

.wBoxCalendar .calendarList{border-collapse:collapse; margin:0 auto 20px auto; width:770px;}
	.wBoxCalendar .calendarList .event{width:420px;}
	.wBoxCalendar .calendarList .date{width:230px; font-size:11px; line-height:12px;}
	.wBoxCalendar .calendarList .edit, .wBoxCalendar .calendarList .delete{width:50px; text-align:center;}

.btn90{width:90px;}	
	
.wBoxCalendar #holder680{width:680px; margin: 0 auto; padding:10px 0 0 0;}
.wBoxCalendar #formCont .content{width: 610px;}
.wBoxCalendar .eventDateCol1{width:70px; padding-top:2px;}
.wBoxCalendar .addressCol1{width:60px; float:left;}
.wBoxCalendar .addressCol2{float:left;}
.wBoxCalendar .contactCol{float:left; text-align:center; margin: 0 5px; font-size:10px;}
.wBoxCalendar .eventSettings{float:left; width:475px;}

#displayPost {width:250px; font-size:11px; line-height:12px; left:-250px; top:-42px; position:absolute; z-index:10; color:#525252;}
#displayPost .wbox {float:left; width:206px; background-color:#fff; padding:5px 10px 10px 10px;}
#displayPost .wbox .remove{text-align:right; padding:5px 0px;}
#displayPost .wbox img{background-color:#fff; margin-bottom:-2px}
#displayPost .arrow {float:left; margin: 20px 0 0 -2px; width:16px; height: 31px; z-index:20;}

.postReminder #displayPost .wbox {border:2px solid #f7ce7b;}
.postReminder #displayPost .wbox a {background-color:#fff; color:#773202;}
.postReminder #displayPost .arrow {background: url(../images/arrow_postreminder.gif) no-repeat 0 0;}

.postEvent #displayPost .wbox {border:2px solid #ffa2a9;}
.postEvent #displayPost .wbox a {background-color:#fff; color:#600007;}
.postEvent #displayPost .arrow {background: url(../images/arrow_postevent.gif) no-repeat 0 0;}

.postTravel #displayPost .wbox {border:2px solid #c4ce85;}
.postTravel #displayPost .wbox a {background-color:#fff; color:#375501;}
.postTravel #displayPost .arrow {background: url(../images/arrow_posttravel.gif) no-repeat 0 0;}

.postBirth #displayPost .wbox {border:2px solid #a4d3b9;}
.postBirth #displayPost .wbox a {background-color:#fff; color:#3c4c43;}
.postBirth #displayPost .arrow {background: url(../images/arrow_postbirth.gif) no-repeat 0 0;}

.listAll #displayPost .wbox {border:2px solid #95bcd8; line-height:15px;}
.listAll #displayPost .wbox a {background-color:#fff; color:#525252;}
.listAll #displayPost .wbox a:hover{color:#e00202; background-color: #eef1f1;}
.listAll #displayPost .arrow {background: url(../images/arrow_listall.gif) no-repeat 0 0;}

#calendarTable .postReminder, #calendarTable .postEvent, #calendarTable .postTravel, #calendarTable .postBirth, #calendarTable .listAll 
{padding:0px 2px 0px 4px; text-align:left; font-size:11px; line-height:15px; margin:0 auto;}
#calendarTable .postReminder, #calendarTable .postReminder a{background-color:#f7ce7b; color:#773202;}
#calendarTable .postEvent, #calendarTable .postEvent a{background-color:#ffa2a9; color:#600007;}
#calendarTable .postTravel, #calendarTable .postTravel a{background-color:#c4ce85; color:#375501;}
#calendarTable .postBirth, #calendarTable .postBirth a{background-color:#a4d3b9; color:#3c4c43;}
#calendarTable .listAll, #calendarTable .listAll a{background-color:#95bcd8; color:#014b81;}

#calendarTable #publicinfo {font-size:11px; line-height:13px; width:140px; height:30px; position:absolute; color:#333333; background:transparent url(../images/bg_rating.gif) no-repeat scroll 0 0; visibility:hidden;}
#calendarTable #publicinfo .col1{background:#B5DAE2; margin:0 0 0 5px;}
#calendarTable #publicinfo .col2{background:#B5DAE2; padding:4px;width:130px;}
.wBoxCalendar #calendarTable {padding: 0 20px;}

#meCalendar .table_frame {margin:0 auto;}
#calendarTable .calendarHeading {height:30px; background-color:#dde4e8; border:1px solid #c7ced2;}
#calendarTable .calendarMonth {text-align:center; text-transform:uppercase; font-size:13px; width:140px; }
#calendarTable .calendarPrev {text-align:right;}
#calendarTable .calendarNext {text-align:left;}
	#calendarTable .calendarPrev a:hover, #calendarTable .calendarNext a:hover{background-color:#c8cfd3;}
#calendarTable .weekdayHeading, #calendarTable .weekendHeading {height:25px; text-align:center; width:110px; background-color:#f1f7f7; border:1px solid #d6dde2;}
#calendarTable .weekendHeading {background-color:#fcf1eb; border:1px solid #ecd2c4;}
#calendarTable .dayWithoutDate, #calendarTable .dayWithDate, #calendarTable .currentDay
{height:80px; background: #fff url(../images/bg_calendar3.gif) repeat-x bottom; border:1px solid #d6dde2; vertical-align: top; padding: 2px;}
#calendarTable .dayWithoutDate{background: #f5f8f8 url(../images/bg_calendar4.gif) repeat-x bottom;}
#calendarTable .currentDay{border:2px solid #d31707;}

#meCalendar{width:165px; float:right;}
#meCalendar .calendarHeading {height:10px; background-color:#dde4e8; border:1px solid #c7ced2;}
#meCalendar .calendarMonth {font-size:11px; text-align:center; text-transform:uppercase;}
#meCalendar .calendarPrev {text-align:right;}
#meCalendar .calendarNext {text-align:left;}

#meCalendar .weekdayHeading, #meCalendar .weekendHeading {font-size:11px; padding-left:5px; height:5px; width:5px; background-color:#f1f7f7; border:1px solid #d6dde2;}
#meCalendar .weekendHeading {background-color:#fcf1eb; border:1px solid #ecd2c4;}

#meCalendar .dayWithoutDate, #meCalendar .dayWithDate, #meCalendar .currentDay
{font-size:11px; width:14px; background: #fff url(../images/bg_calendar3.gif) repeat-x bottom; border:1px solid #d6dde2; padding: 3px; text-align:center;}
#meCalendar .dayWithoutDate{background: #f5f8f8 url(../images/bg_calendar4.gif) repeat-x bottom; }
#meCalendar .withevent a{font-size:9px; display:block; text-align:center; color:#525252; background-color:#edd4d4; border:1px solid #d6dde2; padding:3px 0px;}
#meCalendar .withevent a:hover{color:#fff; background-color:#925454;}
#meCalendar .currentDay, #meCalendar .current {border:1px solid #e10000;}	

/*My Badge*/
.wBoxBadge {margin: 20px 4px 0 4px; width:815px;}
.wBoxBadge .grayForm {border-collapse:collapse; margin:10px auto; padding:15px;}
.wBoxBadge .grayForm .col1 { float:left; width:30px;}
.wBoxBadge .grayForm .col2 { float:left; width:640px; padding-top:5px;}
.wBoxBadge .grayForm .col2 textarea{ font-size:12px; font-family:Arial, Helvetica, sans-serif; background-color:#eeeff1; color:#696868; height:60px; width:640px;}

.wBoxBadge #formCont .content {width:680px;}

.wBoxBadge #holder680 {margin:0 auto; padding:10px 0 0; width:680px;}
.wBoxBadge .viewOption {padding:2px 3px 0 0;}
.wBoxBadge .col1{width:60px; float:left;}
.wBoxBadge .col2{width:180px; float:left;}
.wBoxBadge .horizontalframe {overflow:auto; padding:10px 0;}

.wBoxBadge .horizontal{ background-color:#ffffff; border:1px solid #BDC4C4; font-size:11px; line-height:12px; float:left; padding:5px 0 0 5px;}
.wBoxBadge .horizontal .listingCol{ float:left; width:185px; padding-left:10px;}
.wBoxBadge .horizontal .info{ float:left; padding:0 0 5px 5px;}
/*.wBoxBadge .vertical{ background-color:#ffffff; border:1px solid #BDC4C4; font-size:11px; float:left; width:200px; padding:5px;}
.wBoxBadge .vertical .info { float:left; padding:0 0 2px 0; width:98px;}*/

.wBoxBadge .vertical{ background-color:#ffffff; border:1px solid #BDC4C4; font-size:11px; float:left; width:110px; padding:5px;}
.wBoxBadge .vertical .info { float:left; padding:0 0 2px 0; width:110px;}


/*My Profile*/	
.wBoxMe #koolgiftsCol1{float: left; width: 100px; margin: 0 20px; padding:0;}
.wBoxMe #koolgiftsCol2{float: left; width: 650px; padding:0;}
.wBoxMe #koolgiftsCol2 #new
{background:url(../images/icon_new2.gif) no-repeat; position:absolute; width:26px; height:26px; z-index:999; margin-left:6px; margin-top:3px;}
.wBoxMe #koolgiftsCol2 .grayForm{width: 610px; padding:15px 10px; font-size:11px; line-height:12px;}
.wBoxMe #koolgiftsCol2 .frame55{float:left; height:auto; width:75px; line-height:13px;}

#col2Me #koolgiftsCol2 .composeCol1{float:left; width:50px; padding:0 10px 0 20px; font-weight:bold;}
#col2Me #koolgiftsCol2 .composeCol2{float:left; width:510px; border:0px solid #111;}

/*signup*/
.holderSteps{width:270px; margin:0 auto; position:absolute; left:280px; top:5px; border: 0px solid #bdc4c4;}
.steps2{background:#f0f7f7 url(../images/bg_steparrow_gray2.gif) no-repeat right; color:#b7b7b7; height:18px; padding:0 10px 0 5px;}
.stepsCurrent2{background:#ffded5 url(../images/bg_steparrow_pink2.gif) no-repeat right; color:#000; height:18px; padding:0 10px 0 5px;}
	#col2Me .wBoxMe .highlight2 h3{padding:0;}
#col2Me .actionButton{float:right; padding:10px 10px 10px 0; clear:both; border: 0px solid #000;}

/*font10*/
#MainCol2 .col2, #MainCol2 .photosCol2, #MainCol2 .musicsCol2, #MainCol2 .videosCol2,
.bookmarkList .date, .bookmarkList .postedBy, .bookmarkList .updates, 
.messageList .date, .messageList .from, .notificationList .date,

#MainCol1 .list .action, #MainCol1 .photoList .action, #MainCol1 .blogList .action, #MainCol1 .eventList .action, 
#col2Me .travelReviewList .action,

.giftList .action, #col2Me .myFriendList .action {font-size: 11px;}

.progressbar {width:210px; height:5px; background:transparent url(../images/musicbar_white.gif) no-repeat;}

#col2Me #upload{width:750px; margin: 5px auto;}
#col2Me #uploadList{margin:0; padding:0 5px 5px 5px; overflow:auto; border: 1px solid #d0d7d7; width:740px; height:270px; background-color:#fff;}
#col2Me .uploadList{width:720px; border-collapse:collapse;}
#col2Me .uploadList td{padding:1px;}
#col2Me .uploadList .caption textarea{width:400px;}
#col2Me .fileName{width:100px;}
#col2Me .delete{width:80px;}

#col2Me #formCont .uploadCol1{float:left; width:55px;}
#col2Me #formCont .uploadCol2{float:left; width:390px; padding:0 10px 5px 0;}
#col2Me #formCont .uploadCol2 textarea{width:550px;}
#col2Me #formCont .uploadCol2 input{width:375px;}
#col2Me .photo{width:414px; margin: 0 auto 10px auto;}

#col2Me .travel-interest-dialog-box {
	z-index: 1000;
        width: 450px;
        height: 250px;
}

#col2Me .travel-interest-dialog-box .fieldCol {
	width:170px;
}

#col2Me .travel-interest-dialog-box {
	margin-left: -225px;
}

#col2Me #dialogBox-title-bg, #col2Me #dialogBox-title-bg-bottom {
        width: 450px;
}

/* dialog box - jquery */
#travel-interest-modal {
	z-index: 999;
	width: 100%;
	height: 100%;
	filter: alpha(Opacity=50); -moz-opacity:0.5; opacity: 0.5;
	background: repeat url(jquery/images/tint_black.png);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#dialogBox {
	z-index: 1000;
        padding: 0px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -175px;
        margin-top: -250px;
        background: transparent;
}

#dialogBox h2{
	padding-bottom:5px;
}

#dialogBox .fieldCol {
	width:130px;
	float:left;
	margin-left:10px;
	vertical-align:top;
}

#dialogBox-title-bg {
        z-index: 1000;
        width: 350px;
        height: 5px;
        background: #f9fbfb;
        filter: alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
}

#dialogBox-title-bg-bottom {
        z-index: 1000;
        width: 350px;
        height: 5px;
        background: #f9fbfb;
        filter: alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;

}

#dialogBox-body {
        background-color: #f9fbfb;
        padding: 10px 10px 10px 15px;
}

#dialogBox-body .alert{
        border: 4px solid #ffe4c9;
        margin: 0px auto 10px auto;
        color: #000;
        width:260px;
}

#dialogBox-body .alert .wbox{ border: 1px solid #d20304; padding: 5px 10px 0 10px; background-color: #FFFFFF;}

.samespot {
	padding: 0;
	margin: 4px 0 4px 0;
}

.samespot img {
	margin: 0 4px 0 0;
	vertical-align: middle;
}

/* Added by ditesh 
#col2Me .dashboardCol2 .tabs{margin:1px 0 0 0; font-weight:normal; padding:0; width:200px;}*/
.dashboardCol2 .wBox{width:560px;}

.dashboardCol2 .newsFeed img {
	vertical-align: top;
}

.statusListing{width:680px; margin:10px auto 0 auto;}

.status-avatar {
	float: left;
	vertical-align: top;
	width:55px;
}

.status-text {
	float: left;
	width:480px;
}

.status-right {
	float: right;
	vertical-align: bottom;
}

.status-right-bottom {
	float: right;
	color: #a9a9a9;
	font-size: 10px;
	vertical-align: bottom;
}

/*.whatshappening {
	width:495px;
	margin: 0px 0px 5px;
}

.whatshappening h2{font-size: 13px; color:#525252; font-weight:normal;}
.whatshappening textarea{width:495px; height:40px;
font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.4;
color:#525252;
}
.whatshappening input{float:right; margin-top:5px;}*/

#status {
	width: 540px; 
	height: 35px;
	padding: 3px;
	margin:5px 0 10px 0;
	background-color:#f7f9fa;
	border: 1px solid #d9e5e5;

}

.status-comment-link {
        font-size:11px;
        opacity: 0.8;
        padding-top:5px;
        cursor: pointer;
}


.status-comment-link:hover{
	opacity: 1;
	cursor: pointer;
	cursor: hand;
}

.status-submit-comment {
        float: right;
        margin-top:5px;
}

.status-submit-comment .buttonGray{cursor: pointer; padding:0 5px 2px 5px;}
.status-submit-comment a.buttonGray:hover{cursor: pointer;}

.status-submit-comment:hover {
	color: white;
	cursor: pointer;
}

.status-comment-textarea textarea {
        height: 35px;
        width: 470px; 
        display: block;
        border: 1px solid #ccc;
        margin-top:5px;
        font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px;
        color:#525252;
}

.status-comments-container {
        font-size:11px;
        width:480px;
}

.status-comments {
	margin-bototm: 10px;
	width: 480px;
}

.status-comments .frameGrayBd{float:left;}

.commentbox{
        background-color: #edeff0;
        float:left;
        display:block;
        -moz-border-radius:3px 3px 3px 3px;
        border-bottom-left-radius: 3px 3px;
        border-bottom-right-radius: 3px 3px;
        border-top-left-radius: 3px 3px;
        border-top-right-radius: 3px 3px;
        padding:5px 8px;
	width:400px;
}

.commentbox a:hover{background-color:#eaeef2;}
.commentArrowSmall {
        width: 9px;
        height: 18px;
        margin: 6px 0 0 5px;
        background: url(../images/arrow_comment_small.gif) no-repeat;
        float: left;
}

.status-comment {
	padding-top: 5px;
	width: 480px;
}

.updateLocation{
	width:500px;
	z-index: 1000; 
	padding: 0px; 
	position: absolute; 
	left: 50%; 
	top: 35%; 
	margin-left: -250px; 
	margin-top: -150px; 
	background-color: #f9fbfb; 
	visibility:hidden;
}

.updateLocation .updateField{width:310px; margin:15px auto;}
.updateLocation .updateField .highlight2{width:280px; margin:10px auto; display:none;}
.updateLocation .updateField ul{margin:0; padding:0;}
.updateLocation .updateField textarea, .updateLocation .updateField #status{width:300px; background-color:#fff; color: #525252;
	border: 1px solid #ced6d6;}

.status-timestamp {
        float: left;
        color: #a0a4a4;
        font-size: 10px;
        padding-top:3px;
}

/*individual activities*/
.wBoxActivities{margin:0 4px;}
.wBoxActivities .shdTopDot{padding:10px 15px;}

.wBoxActivities .action{float:right; text-align:right;}
.wBoxActivities .avatar {float: left; width:35px;}
.wBoxActivities .name {float: left; margin-top:5px; width:200px;}
.wBoxActivities .status-text{width:620px;}
.wBoxActivities .status-comments-container{width:620px;}
.wBoxActivities .status-comments, .wBoxActivities .status-comment{width:620px;}
.wBoxActivities .commentbox{width:540px; word-wrap: break-word;}
.wBoxActivities .status-comment-textarea{width:610px; height: 35px;}
.wBoxActivities .status-submit-comment{margin-right:-8px;}