/******************************************
 * Central Online Campus Profile Style Sheet
 * Copyright: 360Hubs 2008
 * Created By: Partha Kuchana <pkuchana@360hubs.com>
 ******************************************/

div#COCSpacer{
	height: 95%;
	float: left;
	width: 1px;
	font-size: 1px; /* to make sure width is not overridden */
	padding: 0;
	margin: 0;
	background-color: red; /* visual effect only */
}

br{
	clear:left;
}

div#COCPlaneImage{
	clear:right;
}

div#COCLeftPane{
	float: left; 
	width:620px; 
	overflow:hidden;
}

div#COCRightPane{
	float: right; 
	width:190px; 
	text-align:right;
	overflow:hidden;
}

div#COCBottomCenter{
	position:relative; 
	bottom: 10px; 
	text-align:center; 
	clear:both;
}

div#COCProfileName{
	font-size: 24px; 
	font-weight: bold; 
	font-family: arial; 
	color: #336699; 
	text-decoration: none;
  padding:5px 0;
}

div#COCAbout{
	float: left; 
	width:640px; 
	overflow:hidden;
}

div#COCAboutImage{
	float: left; 
	width:220px;
	background-color: #FFFFFF; 
}

.COCImageAgeLocText{
	font-size: 11px; 
	padding: 5px; 
	color: gray; 
	font-family: arial;
	margin-top: 10px;
}

div#COCAboutText{
	width:410px; 
	float:right;
	overflow:hidden;
}

div#COCAboutTextTitleWithNoTopMargin{
 	font-size: 14px; 
	text-align:left; 
	padding: 2px; 
	background-color: #336699; 
	color: #FFFFFF; 
	font-family: arial;
}

div#COCAboutTextTitle{
 	font-size: 14px; 
	text-align:left; 
	padding: 2px; 
	background-color: #336699; 
	color: #FFFFFF; 
	font-family: arial;
	margin-top: 20px;
}

div#COCAboutTextBody{
	padding: 2px 2px 2px 2px; 
	color: gray; 
	font-family: arial;
	margin-top:10px;
	margin-right: 5px;
	margin-left: 5px;
	width: 380px;
}	

div#COCAboutMenu{
	float: right; 
	width:190px; 
	text-align:right;
}

div#COCAboutMenuTitle{
	background-color: #336699; 
	height:5px;
}

div#COCAboutMenuSeparator{
	background-color: #C0C0C0; 
	height:1px;
}

.COCAboutMenuItem {
	text-align:right;
	font-weight: normal; 
	font-family: arial; 
	color: #336699; 
	text-decoration: none;
	height:25px;
}

.COCAboutMenuItem a {
	padding-top:5px;
	display:block;
	text-decoration: none;
	height:20px;
	color: #336699; 
}

.COCAboutMenuItem a:hover {
	color:#FFFFFF;
	width:100%;
	background-color: #87b3db;
	text-decoration: underline;
} 


.COCBlogTitleText{
	font-size: 16px; 
	font-weight: bold; 
	font-family: arial; 
	color: #336699; 
	text-decoration: none;
	padding:6px 5px 3px 0;
	border-bottom:1px solid #E0E0E0;
}
.COCBlogTitleTextUnderLine{
	font-size: 16px; 
	font-weight: bold; 
	font-family: arial; 
	color: #336699; 
	text-decoration: underline;
	margin-top: 10px;
}

.COCFriendsImageBlock {
	margin-top: 5px;
}

.COCFriendsImageRow {
	clear:both;
	overflow:hidden;
	margin-bottom:5px;
}

.COCFriendsImage {
	float:left;
	margin-right:5px;
}

.COCPhotosImageRow {
	margin-top: 15px;
	clear:both;
	overflow:hidden;
}
.COCPhotosImage{
	float:left; 
	margin-right:5px;
	background-color: #FFFFFF; 
}

div#COCCommentBlock{
	float: left; 
	border-top-style: solid; 
	border-top-width: thin;
	border-color: #C0C0C0; 
	background-color: #E6E6DC;
	margin-top: 12px;
	overflow:hidden;
	padding:10px;
}

.COCCommentBlockImage{
	float: left;
	margin-right:5px;
	background-color: #FFFFFF; 
}

div#COCCommentBlockText{
	text-align: left; 
	float: right; 
	color: #808080; 
	font-family: arial; 
	width: 480px; 
	margin-left: 10px;
}

/* End of COC Styles */