@CHARSET "ISO-8859-1";

/* External Friend Component Container*/

.friendCompExternalContainer{
	 width:98%;
	 padding-top:0.5em;
	 padding-left:0.5em;
}

/* Friend Component Container define border and component size.*/
.friendCompContainer{
	width:97%;
	height:10em;
	border: 0.2em solid #666666;
	-moz-border-radius: 1em;
  	border-radius: 1em;
  	background-color:#999999;
  	text-align:left
} 

/* Friend Component Left side*/
.friendCompLeft{
	width:18%;
	height:100%;
	float:left;
	padding-left:1%;
}

.friendCompLeftGrid{
	border-right: 2px dotted White;
	height: 90%;
	width:98%;
}

.friendCompLeftPicture{
	width:100%;
	padding-top:0.5em;
	height:4.5em;
}

.friendComptLeftLogo{
	width: 98%;
	height:2em;
	padding-top:0.5em;
}

.friendCompLeft a{
	color:#999999;
}

.friendCompLeftButtons{
	width:100%;
	height:1.2em;
	text-align:center;
}

/* Friend Component Right side*/
.friendCompRight{
	width:80%;
	height:90%;
	float:left;
	padding-top:0.5em;
	text-align:left;
	vertical-align:middle;

}



.friendCompRightGridLabel{
	padding-left:2px;
	font-style:italic;
	font-variant:small-caps;
	text-align:left;
	float:left;
	width:30%;
}


.friendCompRightGridValue{
	float:left;
	text-align:left;
	width:65%;
}