/*
I created this third CSS file mainly because of the CMS.
When I linked to file styles-pres.css to the WYSIWYG editor the editor did not display correctly and picked display the sites
background as the text background ect...

So the idea for this is to split all the styles for text into this stylesheet then link this to the WYSIWYG editor.
*/
body { /* This is just for the WYSIWYG Editor, in the site it will get overridden by styles-pres.css */
	color:#000000;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
} 

.bold { font-weight:bold; }

span.purple_title { font-weight:bold; color:#8E288E;  background-color:#FFFFFF; }
span.purple_title_big { font-weight:bold; color:#8E288E;  background-color:#FFFFFF; font-size:1.3em; }
span.blue_title { font-weight:bold; color:#3761B3; background-color:#FFFFFF; font-size:1.4em; }
span.game_options_title { font-size:1.2em; font-weight:bold; color:#000000; background-color:#FFFFFF; }
span.purchase_title { font-size:1.4em; font-weight:bold; }
span.price { font-weight:bold; color:#C9243A; background-color:#FFFFFF; }
p { padding:0px; margin:0px; }
.purple { color:#8E288E; background-color:#FFFFFF; }
.red { color:#C9243A; background-color:#FFFFFF; }
.blue { color:#3761B3; background-color:#FFFFFF; }
.small { font-size:9px }

a.message, a.message:link, a.message:visited, a.message:active {font-size:1em;font-weight:bold;text-decoration:none;color:#FF99CC;}
a.message:hover{font-weight:bold;color:#ffffff;}