How to add a css sheet to tinyMCE to add a specific formating

I would like to have the following formating available as I did with another WYSIWYG editor I used.
When you click on this link http://www.htmlcodetutorial.com/linepar/_PRE.html you will see the blue boxes surrounding the text. I found this feature to be very helpful in many pages I create. I realize it is a class from style sheet "examplecode" used in conjunction with

 tags. 

See snippet below from source page. 

Hopefully this is an easy one to resolve. I also know that I will modify the "CSS path" and "CSS Classes" in the tinyMCE profile, just now sure where to get the path and class information.


<PRE>

             title            extension
Raha         Producer         8765
Kathy        Accountant       8924
Scarlett     Security Guard   8273
</PRE>