﻿div.Friends{}
div.Friends div.HeaderBlock h3{padding:14px 0 4px 0;}
div.Friends div.Note,
div.Friends div.note{margin:0 16px;
border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;}
div.Friends div.pager{margin:0 16px;}
/*Search*/
div.Friends div.SearchFilter{margin:0 16px; background:#e8d7b7; border-top:3px solid #ddcaa9; position:relative; overflow:inherit;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;} 
div.Friends div.SearchFilter label{top:0 !important; _top:6px !important; *top:6px !important;}
div.Friends div.SearchFilter input.Text{margin:0 2px; vertical-align:middle;}
div.Friends div.SearchFilter input.Btn{vertical-align:middle;}
/* - - Tabs - - */
div.Friends div.Tabs{margin-top:10px;}
div.Friends div.Tabs div.TabLinks{margin:0; padding:3px 0 0 0; background:#FFFFFF; height:38px;
-moz-box-shadow:0 3px 0 #E6DFD4; -webkit-box-shadow:0 3px 0 #E6DFD4; box-shadow:0 3px 0 #E6DFD4;}
div.Friends div.Tabs div.TabLinks ul{overflow:visible; padding-bottom:0; border-bottom:none;}
div.Friends div.Tabs div.TabLinks ul li{ margin:0 0 -4px 0; display:inline; width:50%; float:left; clear:none; text-align:center; height:45px;}
div.Friends div.Tabs div.TabLinks ul li a{margin:0 auto; padding:8px 0 0 45px; display:block; text-align:left; font-size:120%; font-weight:normal; height:40px; width:90px; background:url('../../images/Messages/TabIcons.png') no-repeat left top; position:relative; z-index:100;}
/* - - Tabs - - */
div.Friends div.Tabs div.TabLinks ul li.friendslist_friendslist a{background:url('../../images/Friends/FriendsTabIcons.png') no-repeat left -46px;}
div.Friends div.Tabs div.TabLinks ul li.friendslist_friendslist a:focus, 
div.Friends div.Tabs div.TabLinks ul li.friendslist_friendslist a:active, 
div.Friends div.Tabs div.TabLinks ul li.friendslist_friendslist a:hover{background-position:left top;}
div.Friends div.Tabs div.TabLinks ul li.friendslist_friendslist a.Selected{background-position:left top;}
/**/
div.Friends div.Tabs div.TabLinks ul li.friendslist_findafriend a{background:url('../../images/Friends/FriendsTabIcons.png') no-repeat -137px -46px; width:104px; padding:8px 0 0 44px;}
div.Friends div.Tabs div.TabLinks ul li.friendslist_findafriend a:focus,
div.Friends div.Tabs div.TabLinks ul li.friendslist_findafriend a:active, 
div.Friends div.Tabs div.TabLinks ul li.friendslist_findafriend a:hover{background-position:-137px top;}
div.Friends div.Tabs div.TabLinks ul li.friendslist_findafriend a.Selected{background-position:-137px top;}
/**/
div.Friends ul.GridView li a img{margin-top:3px;}
div.Friends ul.GridView li a.Btn{font-size:90%; display:inline-block; width:auto;}
/* - - PendingList - - */
div.PendingList{background-color:#EAE5DA; padding-bottom:10px;}
div.PendingList h3{padding:12px; font-size:115%; font-weight:bold; text-align:center; color:#542D21; background-color:#E6E0D1; border-bottom:3px solid #DFDBCF;}
div.PendingList div.note{margin:10px 10px 0 10px; text-align:center;}
div.PendingList ul{padding:0 8px;}
div.PendingList ul li{padding:8px 0; border-bottom:1px solid #DDCAA9; overflow:hidden;} 
div.PendingList ul li:last-child{ border:none;}
div.PendingList ul li img{padding:2px; width:40px; height:40px; float:left; clear:none; vertical-align:middle; background:#FFFFFF; border:1px solid #CDC8BF;}
div.PendingList ul li a:focus img,
div.PendingList ul li a:active img, 
div.PendingList ul li a:hover img{border:1px solid #0084C9;}
div.PendingList ul li a:focus,
div.PendingList ul li a:active, 
div.PendingList ul li a:hover{ text-decoration:none;}
div.PendingList ul li a:focus span.GridText,
div.PendingList ul li a:active span.GridText, 
div.PendingList ul li a:hover span.GridText{ text-decoration:underline;}
div.PendingList ul li span.GridText{padding-left:52px; display:block;}
div.PendingList ul li span.GridOptions{margin:7px 0 0 50px; display:block; font-size:90%;}