ul.agents		      	{ list-style-type: none; font: 10pt Arial; margin: 0; padding: 0; }
ul.agents li		      	{ display: block; border: 1px solid #ddd; background: #eee; padding: 10px; margin: 0 0 5px 0; }
ul.agents li img	      	{ float: left; margin-right: 10px; padding: 3px; background: #fff; border: 1px solid #ddd; }
ul.agents li .info	      	{ float: left; width: 230px; padding-right: 20px; }
ul.agents li .status	      	{ margin-bottom: 5px; }
ul.agents li .status.busy     	{ color: #C30009; }
ul.agents li .status.free     	{ color: #629F00; }
ul.agents li .status.away     	{ color: #666; }
ul.agents li .numbers	      	{ float: left; width: 230px; }
ul.agents li .numbers span    	{ display: block; color: #555; padding-left: 20px; background: transparent url('img/de.gif') 0 6px no-repeat; }
ul.agents li .numbers strong  	{ line-height: 22px; }
ul.agents li .numbers small   	{ color: #666; }
ul.agents li .numbers .at     	{ background-image: url('img/at.gif'); }
ul.agents li .numbers .ch     	{ background-image: url('img/ch.gif'); background-position: 2px 6px; }
ul.agents li span.audio		{ padding: 0; line-height: 20px; background: none; background: #DDDDDD; padding: 0 5px; border: 1px solid #CFCFCF; }
ul.agents li h3		      	{ margin: 0; padding: 0 0 5px 0; font-weight: normal; }
ul.agents li p		      	{ margin: 0; padding: 0; }
ul.agents li a			{ text-decoration: none; color: #316AC5; }
ul.agents li .teaser	      	{ font-size: 8pt; color: #666; margin: 5px 0 0 0; }

.call-notice		      	{ font: 8pt Arial; color: #333; }