
#friend-picker{font-size:11px; font-family:arial, sans-serif; color:#666; width:405px; position:relative; background:#fff;  border:1px solid #ccc; position:absolute; top:-5000px; left:-5000px;z-index:100}
#friend-picker-container{border:5px solid #DFE8F6; *zoom:1}
#friend-picker a{color:#1A84B7; text-decoration:none}
#friend-picker img{border:none}
#friend-picker-bd{padding-left:7px}
#friend-picker-bd:after, #friend-picker-pagination:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.friend-picker-cell{border:2px solid #fff; margin: 0 3px 7px 0; float:left; width:70px;height:80px;  text-align:center; overflow:hidden; cursor:pointer}
#friend-picker #friend-picker-bd .friend-picker-cell:hover{border:2px solid #B0CCEF; -webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px}
*html #friend-picker #friend-picker-bd .on{border:2px solid #B0CCEF} 
.friend-picker-cell p{margin:5px auto 0; width:60px; height:60px}
label{ cursor:pointer; display: table-cell; text-align:center; vertical-align: middle; height: 60px; width: 60px; }
label *{ vertical-align: middle; }
/*\*//*/
label { display: block; }
label span { display: inline-block; height: 100%; width: 1px; }
/**/
label span { +display: inline-block; +height: 100%; }
#friend-picker #friend-picker-pagination {text-align:center; margin:7px 0pt 7px -9px; clear:both; font-size:13px}
#friend-picker #friend-picker-pagination a{ background-color:#FFFFFF; border:1px solid #CCCCCC; margin-right:4px; outline-color:invert; outline-style:none; outline-width:medium; padding:2px 7px; text-align:center; cursor:pointer}
#friend-picker #friend-picker-pagination a.more{border:none}
#friend-picker #friend-picker-pagination a.on{ background-color:#fff; border-color:#fff}
#friend-picker #friend-picker-closebtn{ text-decoration:none; cursor:pointer}
#loading{position:absolute; top:4px; right:25px; display:none}
#friend-picker #friend-picker-hd{ text-align:right; background-color:#F8FBFC; height:18px}
#friend-picker #friend-picker-hd #friend-picker-selectbox{position:relative; float:left; background-color:#fff; text-align:left; padding: 3px 20px 0 10px; color:#333; cursor:pointer}
#friend-picker #friend-picker-hd .on{background-color:#666 !important; color:#efefef !important}
#friend-picker #friend-picker-hd .on .toggle{border-color:#efefef #666 #666 #666 !important}
#friend-picker #friend-picker-hd .toggle{height:0; width:0; line-height:0; border-width:4px; border-style:solid; border-color:#b0b0b0 #fff #fff #fff; position:absolute; top:7px; right:4px}
#friend-picker #friend-picker-hd ul#ddmenu{padding:0 10px 0 10px; margin:0; position:absolute; top:18px; left:0; background-color:#666; border:1px solid #ccc; width:200px; overflow:hidden; color:#efefef; visibility:hidden}
#friend-picker #friend-picker-hd ul#ddmenu li{list-style-type:none; white-space:nowrap; padding:1px 0}
#friend-picker #friend-picker-hd ul#ddmenu li.hover{background-color:#fff; margin:0 -10px; color:#666; text-indent:9px; display:block}

