@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - UNIVERSAL REPUBLIC PHOTOS LANDING
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		unirep_friendsLanding.css
	Date:			Sept 12, 2008
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	@import url("../css/unirep_buttons.css");

	@import url("../css/unirep_components.css");
/*	--------------------------------------------------------------------------------------------------------------------------
	friends Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#friends {
		width:610px; 
		background:#bcd9f5 url(../../images/cornerTR_darkblue.gif) top right no-repeat;
		padding:0 0 20px 20px;
	}
		#friends .header {
			width:592px;
			padding:15px 0 15px 0;
		}
			#friends .header h1 {
				font:bold 12px Arial, Helvetica, sans-serif;
				color:#004890;
				width:270px;
				float:left;
			}
			#friends .header .findFriend {
				width:305px;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#525353;
				float:right;
			}
				#friends .header .findFriend form .text {
					margin:0 5px 0 0;
					display:inline;
					float:left;
				}
				#friends .header .findFriend form input {
					width:128px; height:14px;
					margin:0 2px 0 0; padding:2px 0 0 5px;
					background:url(../../images/bg_findFriend.png) no-repeat;
					color:#999;
					font:normal 9px Arial, Helvetica, sans-serif;
					border:solid 1px #a7a8ac;
					float:left;
				}
				#friends .header .findFriend form .btnHolder {
					float:left;
					background:blue;
				}
	
		
/*	--------------------------------------------------------------------------------------------------------------------------
	friendsHolder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#friendsHolder {
		width:568px; 
		margin:5px 0 0 0; padding:8px 11px 10px 11px;
		background:#dfefff;
	}
		#friendsHolder  {
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#525353;
		}
			#friendsHolder select {
				width:165px; height:18px;
				border:1px solid #bcd9f5;
				color:#999;
				font:normal 11px Arial, Helvetica, sans-serif;
			}
		#friendsHolder .entries {
			margin:10px 0 0 0;
			width:551px;
		}
			#friendsHolder .entries .entry {
				width:549px; height:83px;
				padding:10px; margin:0 0 6px 0;
				background:#fff;
				border:1px solid #bcd9f5;
				color:#525353;
				font:normal 11px Arial, Helvetica, sans-serif;
			}
				#friendsHolder .entries .entry .photo {
					margin:0 12px 0 0;
					float:left;
				}
				#friendsHolder .entries .entry .photo img {
					border:1px solid #666666;
					height:90px;
					width:90px;
				}
				#friendsHolder .entries .entry .info {
					float:left;
				}
					#friendsHolder .entries .entry .info .memberName {
						font:normal 14px Arial, Helvetica, sans-serif;
					}
					#friendsHolder .entries .entry .blogStats {
						margin:8px 0 0 0;
						width:140px;
						color:#333;
						font:normal 10px Arial, Helvetica, sans-serif;
					}
						#friendsHolder .entries .entry .blogStats col#statName, .entries .entry .blogStats .statName {
							width:80px;
						}
						#friendsHolder .entries .entry .blogStats col#statValue, .entries .entry .blogStats .statValue {
							width:80px;
							text-align:right;
						}
				#friendsHolder .entries .entry .btnHolder {
					width:60px;
					float:right;
				}
					#friendsHolder .entries .entry .btnHolder a {
						margin:0 0 2px 0;
					}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	pagination Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.pagination {
		width:570px;
		margin:2px 0 0 0; padding:0 10px 0 10px;
	}
		.pagination .pages {
			float:left;
			width:480px;
			margin:4px 0 0 0; padding:0 10px 0 10px;
			font:normal 10px Arial, Helvetica, sans-serif;
			color:#003264;
			text-align:center;
		}
		

  ul.addActions {
		margin:3px -2px 10px 0;
		float:right;
		list-style:none;
	}
		 ul.actions li {
			margin:0 2px 0 0;
			width:120px;
        }