border around profile picture / fade effect

<style>.pooe {-webkit-filter: Grayscale(90%); opacity: .8; width: 220px;} .pooe:hover {-webkit-filter: Grayscale(40%); } .friendSpace td.text td td a img{ -webkit-filter: Grayscale(80%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;} .friendSpace td.text td td a img:hover{ -webkit-filter: Grayscale(30%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} .friendSpace td.text td td a img{ padding:3px; margin:0px; margin-right:2px; background-color: #ffffff; border:1px solid #DDDDDD; opacity:0.8; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; } .friendSpace td.text td td a img:hover{ padding:3px; margin:0px; margin-right:2px; background-color: transparent; border:1px solid #DDDDDD; opacity:0.7; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; } </style>

<style> table.profileInfo td.text a img{ padding:3px; margin:0px; margin-right:2px; background-color: transparent; border:1px solid #DDDDDD; opacity:0.5; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s;} </style>


<style> .friendSpace .redbtext {font-weight:bold;} .friendSpace td {padding:0px;} .friendSpace br {display:none;} .friendSpace td.text td td br {display:inline;} .friendSpace .btext {display:block;} .friendSpace td.text td td a img {width:90px; height:110px;}table.friendSpace .ImgOnlineNow {display:none;} </style>