/* Favorites */
div.fav {position:relative; height:28px;}
div.fav span {display:block; float:left; width:155px; padding:3px 0 3px 0; background:url('../im/fav_cat1_bkg.png') no-repeat;}
div.fav span.sel {background:url('../im/fav_cat2_bkg.png') no-repeat;}
div.fav span.sel a {text-decoration:none;}
div.fav span a {display:block; padding:4px 4px 4px 30px;}
div.fav span a.pos {background:url('../im/ico_thumb_up.png') 7px 50% no-repeat; color:#006600;}
div.fav span a.neg {background:url('../im/ico_thumb_dn.png') 7px 50% no-repeat; color:#cc0000;}
div.fav span a.avg {background:url('../im/ico_uncertain.png') 7px 50% no-repeat;}

	/* transparency has to be applied to the IMG (IE can't apply it to links) */
	a.thumbUp img {border:solid 1px #00aa00; padding:5px 8px; background:#99FF99; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}
	a.thumbDn img {border:solid 1px #cc6666; padding:5px 8px; background:#FFAAAA; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}
		a.thumbUp:hover img, a.thumbDn:hover img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

	/* It's important that "a.on" stays AFTER a.thumbUp and a.thumbDown (in the CSS file), to overwrite them! */
	a.on img {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
	#fdback {background:#BBD5F4; padding:4px 8px; cursor:default;}
	#fdback.off {display:none;}
	#fdback.on {display:inline;}

/* Comments */
.comment {display:block; margin:0 0 2px 0; padding:5px; background:#FFF78C; border:solid 1px #ffcc00;}
	.comment textarea {width:98%; height:80px; font:11px arial,sans-serif; background:#FFF78C; border:none;}
	.comment .buttons {border:solid 1px #ff9900; font:11px arial,sans-serif;}