/**
*    CSS for grey theme for default template for Root
*
* @author		murugesan_042at09
* @copyright 	Copyright (c) 2009 {@link http://www.agriya.com Agriya Infoway}
* @license 		http://www.agriya.com Agriya Infoway Licence
* @version 		SVN: $Id: profile.css murugesan_042at09 $
* @since 		2009-06-10
*/

#main{
	margin:25px 0 0 0;
}
	#sidebar{
		display:none;
	}
	.clsViewProfileBanner{
	float:right;
	width:140px;
	overflow-y:hidden;
	overflow-x:auto;
	padding-bottom:20px;
	}
	.clsViewProfileContent{
		margin:0 160px 0 0;
	}
	.clsViewProfileContent td{
		vertical-align:top;
	}
	
/*------------ Member's Details Rounded Corner Starts ------------*/	
.ttlcprofile{
	background:url(../../images/screen_grey/ttlcprofile.gif) no-repeat left bottom;
	height:5px;
}
.ttrcprofile{
	background:url(../../images/screen_grey/ttrcprofile.gif) no-repeat right bottom;
	padding:0 7px;
	height:5px;
}
.ttbprofile{
	background:url(../../images/screen_grey/ttbprofile.gif) repeat-x left bottom;
	height:5px;
}
.ttbprofile span{
	height:5px;
	display:block;
	text-indent:-999em;
}
.bblcprofile{
	background:url(../../images/screen_grey/bblcprofile.gif) no-repeat left top;
	height:5px;
	margin-bottom:12px;
}
.bbrcprofile{
	background:url(../../images/screen_grey/bbrcprofile.gif) no-repeat right top;
	padding:0 7px;
	height:5px;
}
.bbbprofile{
	background:url(../../images/screen_grey/bbbprofile.gif) repeat-x left top;
	height:5px;
}
.bbbprofile span{
	height:5px;
	display:block;
	text-indent:-999em;
}

/*------------ Member's Details Rounded Corner ends ------------*/	

.clsCentreProfile{
	background:#084692 url(../../images/screen_grey/centreprofile.gif) repeat-x left bottom;
	border:2px solid #1376b1;
	border-top:0;
	border-bottom:0;
	overflow:auto;
	zoom:1;
}
	* html .clsCentreProfile{
		overflow:visible;
		height:1%;
	}
.clsCentreProfileBg{
	background:url(../../images/screen_grey/centreprofilebackground.gif) no-repeat center bottom;
	padding:0 6px;
}
.clsCentreProfileBg *{
	color:#b8e4ff;
}
.clsCentreProfileBg a{
	color:#fff;
	text-decoration:none;
}
.clsCentreProfileBg a:hover{
	text-decoration:underline;
}
	.clsProfileLeftContent{
		float:left;
		width:400px;
	}
	.clsProfileRightContent{
		float:right;
		width:400px;
		text-align:right;
	}
	.clsViewProfileImage{
		float:left;
		margin-right:10px;
	}
	.clsProfileOverflow{
		overflow:auto;
		zoom:1;
	}
	* html .clsProfileOverflow{
		overflow:visible;
		height:1%;
	}
	.clsProfileThumbImage a,.clsProfileThumbImage span{
		display:block;
		float:left;
		border:1px solid #adadad;
	}	
		.clsProfileThumbImage a:hover{
			border:1px solid #2DB7E5;
		}	
		.clsProfileThumbImage a img,.clsProfileThumbImage span img{
			margin:2px;
		}
	.clsUserProfileDetails{
		float:left;
	}
	.clsUserDetailLinks{
		float:left;
		width:108px;
		padding-right:10px;
		margin-right:10px;
	}
	.clsUserDetailLinksMore{
		width:140px;
	}
	.clsUserDetailLinks li{
		line-height:18px;
	}
	.clsUserDetailLinks li span{
		font-weight:bold;
	}
	.clsUserDetailLinksBg{
		background:url(../../images/screen_grey/bg-userprofilelinks.gif) right center no-repeat;
	}
	.clsUrlTitleContainer{
		margin-top:15px;
	}
	.clsURLTable,.clsURLTable td,.clsURLTable th{
		margin:0;
		background:none !important;
		padding:0;
		text-align:left;
		vertical-align:top;
		padding-bottom:4px;
	}
		.clsURLTable th{
			text-align:right;
			width:75px;
			padding-right:5px;
		}
		.clsUrlTitle{
			font-weight:bold;
		}
			.clsUrlTextBox{
				background:#e3f8ff;
				border:1px solid #98e1ff;
				color:#000;
				width:310px;
				padding:1px 5px;
			}
			.clsBold{
				font-weight:bold;
			}
.clsCurrentUserLinks{
	padding-top:6px;
	clear:both;
}
	.clsViewProfileLinksLeft{
		background:url(../../images/screen_grey/bg-profilelinksleft.gif) no-repeat left top;
		height:23px;
	}
	.clsViewProfileLinksRight{
		background:url(../../images/screen_grey/bg-profilelinksright.gif) no-repeat right top;
		height:23px;
		padding:0 6px;
	}
	.clsViewProfileLinks{
		background:url(../../images/screen_grey/bg-profilelinksmiddle.gif) repeat-x left top;
		height:23px;
	}
		.clsLeftProfileLinks{
			float:left;
			width:380px;
		}
			.clsLeftProfileLinks li{
				float:left;
				margin-right:5px;
				padding-right:10px;
				background:url(../../images/screen_grey/bg-viewprofilelinks.gif) right center no-repeat;
			}
				.clsLeftProfileLinks li a{
					color:#0082d6;
					float:left;
					display:block;
					font-size:10px;
					line-height:23px;
					font-weight:bold;
				}
		.clsRightProfileLinks{
			float:right;
			width:380px;
			text-align:right;
		}
			.clsRightProfileLinks li{
				float:right;
				margin-right:5px;
				padding-right:10px;
				background:url(../../images/screen_grey/bg-viewprofilelinks.gif) right center no-repeat;
			}
				.clsRightProfileLinks li a{
					color:#0082d6;
					display:block;
					line-height:23px;
					font-size:10px;
					font-weight:bold;
				}
			li.clsViewProfileNoBorder{
				background:none;
				padding-right:0;
			}
		.clsViewProfileTitle{
			padding-bottom:7px;
		}
			.clsUserProfileName{
				font-weight:bold;
			}
			.clsViewProfileEdit a{
				font-weight:bold;
				padding-left:15px;
			}
			.clsNextProfile a{
				padding-left:23px;
				background:url(../../images/screen_grey/icon-nextprofile.gif) left center no-repeat;
			}
			.clsAddToFriends a{
				background:url(../../images/screen_grey/icon-addfriends.gif) left center no-repeat;
				padding-left:20px;
			}
			.clsSendMessage a{
				background:url(../../images/screen_grey/icon-sendmessage.gif) no-repeat left center;
				padding-left:20px;
			}
			.clsForwardToFrient a{
				background:url(../../images/screen_grey/icon-forwardfriend.gif) left center no-repeat;
				padding-left:20px;
			}
			.clsBlockUser a{
				background:url(../../images/screen_grey/icon-blockuser.gif) no-repeat left center;
				padding-left:20px;
			}
	.clsUpdateOrder{
		overflow:auto;
		zoom:1;
		*margin-top:-7px;
		margin-bottom:5px;
	}
	* html .clsUpdateOrder{
		height:1%;
		overflow:visible;
	}
	.clsUpdateOrder span{
		display:block;
		float:left;
		line-height:25px;
		font-weight:bold;
		text-transform:uppercase;
		color:#000;
	}
.clsProfilePageLeftContent{
	float:left;
	width:408px;
}
.clsProfilePageRightContent{
	float:right;
	width:408px;
}

/*------------ Personal Info Block Starts ------------*/	
	.clsPersonalInfoTable{
		margin-bottom:15px;
	}
	.clsPersonalInfoTable table{
		border:1px solid #252525;		
		border-collapse:collapse;
		width:100%;
	}
		.clsPersonalInfoTable th{
			border:1px solid #252525;
			background:#252525;
			text-align:left;
			color:#fff;
			text-transform:uppercase;
			padding:5px 5px 5px 12px;
		}
		.clsPersonalInfoTable td{
			border:1px solid #252525;			
		}
			table.clsPersonalInfo,.clsPersonalInfo td{
				border:0;
			}
			.clsPersonalInfo td{
				padding:5px 5px 5px 12px;
			}
			td.clsAnswerSection{
				width:170px;
				font-weight:bold;
				background:url(../../images/screen_grey/bg-profilearrow.gif) left 9px no-repeat;
			}
/*------------ Personal Info Block Starts ------------*/				

/*------------ About Info Block Starts ------------*/	
	.clsAboutInfoTable{
		margin-bottom:15px;
	}
	.clsAboutInfoTable table{
		border:1px solid #252525;		
		border-collapse:collapse;
		width:100%;
	}
		.clsAboutInfoTable th{
			border:1px solid #252525;
			background:#252525;
			text-align:left;
			color:#fff;
			text-transform:uppercase;
			padding:5px 5px 5px 12px;
		}
		.clsAboutInfoTable td{
			border:1px solid #252525;			
		}
			table.clsAboutInfo,.clsAboutInfo td{
				border:0;
			}
			.clsAboutInfo td{
				padding:10px 5px 10px 12px;
			}
			.clsAboutAnswerSection{
				width:380px;
				font-weight:normal;
				overflow:hidden;
			}
/*------------ About Info Block ends ------------*/				
						
/*------------ Other Info Block Starts ------------*/			
	.clsOtherInfoTable{
		margin-bottom:15px;
	}
	.clsOtherInfoTable table{
		border:1px solid #252525;		
		border-collapse:collapse;
		width:100%;
	}
		.clsOtherInfoTable th{
			border:1px solid #252525;
			background:#252525;
			text-align:left;
			color:#fff;
			padding:5px 5px 5px 12px;
			text-transform:uppercase;
		}
		.clsOtherInfoTable td{
			border:1px solid #252525;			
			vertical-align:top;
		}
			table.clsOtherInfo,.clsOtherInfo td{
				border:0;
			}
			.clsOtherInfo td{
				padding:5px 5px 5px 12px;
			}
			td.clsOtherAnswerSection{
				width:170px;
				font-weight:bold;
				background:url(../../images/screen_grey/bg-profilearrow.gif) left 9px no-repeat;
			}	
/*------------ Other Info Block ends ------------*/				
	
/*------------ About Info Block Starts ------------*/						
	.clsFeaturedVideoBlockTable{
		margin-bottom:15px;
	}
	.clsFeaturedVideoBlockTable table{
		border:1px solid #252525;		
		border-collapse:collapse;
		width:100%;
	}
		.clsFeaturedVideoBlockTable th{
			border:1px solid #252525;
			background:#252525;
			text-align:left;
			color:#fff;
			padding:5px 5px 5px 12px;
			text-transform:uppercase;
		}
		.clsFeaturedVideoBlockTable td{
			border:1px solid #252525;			;
		}
			.clsFeaturedVideoBlock table,.clsFeaturedVideoBlock td{
				border:0;
			}
			.clsFeaturedVideoBlock h4{
				padding:5px 5px 5px 12px;
			}
			.clsFeaturedVideoBlock h4 a{ 
				text-decoration:none;
			}
			.clsFeaturedVideoBlockDetails{
				padding:0px 5px 5px 12px;
			}
			.clsFeaturedVideoBlockDetails p{
				padding-bottom:4px;
			}
			.clsFeaturedVideoBlockDetails a{
				text-decoration:none;
			}
			.clsFeaturedVideoBlockDetails a:hover{
				color:#000;
			}
			.clsFeaturedVideoPlayer{
				text-align:center;
				margin:10px 10px 10px 10px;
			}
/*------------ About Info Block ends ------------*/				

/*------------ Scrap Book Block Starts ------------*/				
	.clsScrapBookTable{
		margin-bottom:15px;
	}
	.clsScrapBookTable table{
		border:1px solid #252525;		
		border-collapse:collapse;
		width:100%;
	}
		.clsScrapBookTable th{
			border:1px solid #252525;
			background:#252525;
			text-align:left;
			color:#fff;
			padding:5px 5px 5px 12px;
			text-transform:uppercase;
		}
		.clsScrapBookTable td{
			border:1px solid #252525;			
		}
			table.clsScrapBook,.clsScrapBook td{
				border:0;
			}
			.clsScrapBook td{
				vertical-align:top;
			}
			.clsScrapBookContent{
				border-top:1px solid #ebebeb;
				padding:10px;
				overflow:auto;
				zoom:1;
			}	
			* html .clsScrapBookContent{
				overflow:visible;
				height:1%;	
			}		
			.clsScrapBookThumb{
				float:left;
				width:82px;
			}
			.clsScrapBookThumbDetails{
				float:left;
				width:300px;
			}
				.clsScrapBookThumbDetails p{
					padding-bottom:5px;
				}	
					.clsScrapBookThumbDetails p span{
						color:#666;
					}
					.clsScrapBookThumbDetails p a{
						font-weight:bold;
						text-decoration:none;
					}
					.clsScrapBookThumbDetails p{
						width:300px;
						overflow:hidden;
					}	
				.clsScrapBookTitle{
					width:175px;
					float:left;
				}
				.clsScrapBookLink{
					width:175px;
					float:right;
					text-align:right;
					text-transform:none;
				}
				.clsScrapBookLink a{
					text-decoration:none;
					color:#78b419;
				}
				.clsScrapBookLink a:hover{
					color:#0082D6;
				}
					.clsAddScrap{
						margin:7px;
					}
					.clsAddScrap a{
						background:url(../../images/screen_grey/icon-add.gif) left center no-repeat;
						padding-left:18px;
						color:#4E7F00;
						font-weight:bold;
						text-decoration:none;
					}
					.clsAddScrap a:hover{
						color:#000;
					}
					.clsScrapTextarea{
						padding:10px;
					}
						.clsScrapTextarea textarea{
							width:100%;
							margin-bottom:5px;
							height:80px;
							overflow-y:scroll;
							overflow-x:hidden;
						}
/*------------ Scrap Book Block ends ------------*/						
						
/*------------ Video Shelf Block Starts ------------*/			
	.clsVideoShelfTable{
		margin-bottom:15px;
	}
	.clsVideoShelfTable table{
		border:1px solid #252525;			
		border-collapse:collapse;
		width:100%;
	}
		.clsVideoShelfTable th{
			border:1px solid #252525;
			background:#252525;
			text-align:left;
			color:#fff;
			padding:5px 5px 5px 12px;
			text-transform:uppercase;
		}
		.clsVideoShelfTable td{
			border:1px solid #252525;			
		}
			table.clsVideoShelf,.clsVideoShelf td{
				border:0;
			}
			.clsVideoShelf td{
				padding:5px 5px 5px 12px;
			}	
		.clsProfileVideoTime{
			background:url(../../images/screen_grey/bg-videotime.png) repeat-x;
			margin:-17px 0 0 3px;
			color:#48e7ff;			
			height:17px;
			z-index:7654654;
			position:absolute;
		}		
		.clsVideoBlockDetails p{
			padding:2px 0;
		}	
		.clsVideoBlockDetails p span{
			color:#666;
		}
		.clsProfileVideoBlockTitle{
			width:175px;
			float:left;
		}
		.clsProfileVideoBlockLink{
			width:175px;
			float:right;
			text-align:right;
			text-transform:none;
		}
		.clsVideoBlockDetails a{
		    font-weight:bold;
			text-decoration:none;
			color:#0082D6;
		}
		.clsVideoBlockDetails a:hover{
			color:#000000;
		}
		.clsProfileVideoBlockLink a{
			text-decoration:none;
			color:#78b419;
		}
		.clsProfileVideoBlockLink a:hover{
			color:#0082D6;
		}
		a.clsProfileVideoUpload{
			background:url(../../images/screen_grey/icon-profilevideoupload.gif) left center no-repeat;
			padding-left:15px;
		}
/*------------ Video Shelf Block ends ------------*/			
		
/*------------ Friends Info Block Starts ------------*/			
	.clsFriendsInfoTable{
		margin-bottom:15px;
	}
	.clsFriendsInfoTable table{
		border:1px solid #252525;		
		border-collapse:collapse;
		width:100%;
	}
		.clsFriendsInfoTable th{
			border:1px solid #252525;
			background:#252525;
			text-align:left;
			color:#fff;
			text-transform:uppercase;
			padding:5px 5px 5px 12px;
		}
		.clsFriendsInfoTable td{
			border:1px solid #252525;			
		}
			table.clsFriendsInfo,.clsFriendsInfo td{
				border:0;
			}
			.clsFriendsInfo td{
				padding:12px 5px 5px 14px;
				width:25%;
				vertical-align:top;
			}
		.clsProfileFriendsInfoTitle{
			width:175px;
			float:left;
		}
		.clsProfileFriendsInfoLink{
			width:175px;
			float:right;
			text-align:right;
			text-transform:none;
		}
		.clsProfileFriendsInfoLink a{
			text-decoration:none;
			color:#78b419;
		}
		.clsProfileFriendsInfoLink a:hover{
			color:#0082D6;
		}
/*------------ Friends Info Block ends ------------*/					
		
		ul.clsDraglist{
			min-height:200px;
			_height:200px;
		}

