/*
Styles for myfriendslist and find a friend
---------------------------------------------
*/

/*find a friend - extras box*/
.findafriend .formbox {background: none; margin:0;}
.findafriend .formbox form {background: none; padding:0;}
.findafriend .formbox form .text {padding-left:0;}
.findafriend .formbox fieldset {background: none; padding:0;}
.findafriend .extras_box_sleeve {margin-bottom: 0;}
.findafriend .text {color: #4F4D45;}
.findafriend div {margin-bottom: 10px; zoom:1;/*forces ie7+6 to clear float*/ }
.findafriend form { margin-bottom: 0; /* ie7 pads down too much */ }
.findafriend div label {display: block; color: #959595; margin-bottom: 5px;}
.findafriend .formbox div input, .findafriend .formbox div textarea {width: 255px;}
.findafriend div input.button {float: right; width: auto; margin-right: 2px;}
.findafriend div:after {content:"."; visibility: hidden; height: 0; display: block; clear: both}
div.formheader {margin:0;}

#numberoffriends {font-size: 1.1em;}
.friendslist {float: left; width:30em}
.friendslist h2 {margin-bottom:5px; margin-left: 70px; font-size: 1.73em;}
.friendslist p {color: #959595}
.friendslist .laststatus {color: #4f4d45}
.friendslist .more {margin: 0 0 0 70px; font-weight: bold; border:0; zoom: 1; border-bottom: 1px dotted #fff;}

.friendslist .friendsoptions {margin-top: 15px;}
.friendslist div p.more {padding-bottom:0;}
.friendsoptions a { padding-left: 15px; border: 0; text-decoration: underline;}
.friendsoptions a:hover {text-decoration: none; border-bottom: 1px dotted #959595; }
.friendsoptions .sendmessage {background: url(graphics/b_send.png) no-repeat left;}
.friendsoptions .deletefriend {background: url(graphics/delete.png) no-repeat left; margin-left: 15px;}

.friendsactivity {float: right; width: 229px; font-size: 1.1em;background: url(graphics/friendsactivity_bottom.png) no-repeat bottom; zoom: 1; }
.friendsactivity_sleeve {background: url(graphics/friendsactivity_top.png) no-repeat top; padding: 10px 10px 10px 25px;}
.sections .friendsactivity p {margin:0 0 4px 0; zoom: 1;}
.friendsactivity p a {border: 0; zoom: 1; border-bottom: 1px dotted #f7f7f7;}
.friendsactivity p a:hover { border-bottom: 1px dotted #0085CF; }
.friendsactivity .more {font-weight: bold;}

#friendslist .sections li {background-position: bottom; padding: 10px 0 20px 0; margin-bottom: 8px;}
#friendslist .sections li:after {content:"."; visibility: hidden; height: 0; display: block; clear: both}