В CSS пропиши свойства для классов .online и .offline
А JS переделай вот так:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
function replace(elem){
var x = $(elem).text() //дата статуса
var y = new Date(); //время текущее
x = x.match(/\S+/g);
var hours = x.pop();
var data = new Date(x[0].split('.').reverse().join('/')+ ' ' +hours)
var text = 'Оффлайн';
var online = false;
if (data.getTime() > y && x[1] != 'с'){
text = 'Онлайн до '+hours;
online = true;
}
if (data.getTime() > y && x[1] == 'с') text = 'Оффлайн до '+x[0].slice(0,5) + ' ' +hours;
if(online) $(elem).removeClass('offline').addClass('online');
else $(elem).removeClass('online').addClass('offline');
$(elem).text(text);
}
$(function(){
$('.staton').each(function(){
replace(this);
});
});
</script>
</head>
<body>
<div id="statsent">
<table>
<tr><td><span class="staton">12.01.2014 17:00</span></td></tr>
<tr><td><span class="staton">13.01.2014 с 12:00</span></td></tr>
<tr><td><span class="staton">11.01.2014 08:00</span></td></tr>
<tr><td><span class="staton">12.01.2014 17:00</span></td></tr>
</table>
</div>
</body>
</html>