/*TinyMCE specific rules :: These styles govern how the editor looks while it is being accessed on the page 
(they don't get applied to the actual html. These styles are replicted in the standard.css file 
so that markup created with the TinyMCE editor will look styled when viewed in the browser.)*/
body.mceContentBody{
font-family: verdana, arial, sans-serif;
background: #FFFFFF !important;
font-size:.75em;
padding:0;
margin:0;
}
/*END of styles controlling the editor*/


/*Begin TINY MCE Styles for markup
These styles will get interpreted by the browser when being view on a normal web page
and not just in tinyMCE itself /*

/*a:link.external, a:visited.external, a:hover.external, a:active.external { Style definition as given to me by ben siegel
I modified it to work with tinyMCE*/
div.external a{ 
color: #7D0101 !important; 
text-decoration:underline dotted !important;
background: url(/javascripts/tiny_mce/file_uploads/css_icons/icon_linkOut.gif) no-repeat !important;
background-position:100% 2px !important;
padding:2px 1.5em 2px 0 !important;
font-weight:bold !important!
}

div.external a:hover{
color: #7D0101 !important;
background: #9997CB url(/javascripts/tiny_mce/file_uploads/css_icons/icon_linkOutBG_9997CB.gif) no-repeat !important;
text-decoration:underline dotted !important;
background-position:100% 2px !important;
padding:2px 1.5em 2px 0 !important;
font-weight:bold !important!
}

/*these styles are already set in the standard css but aren't accessable in Tiny. 
I used 2 __ to make these be different that the float_right and float_left that exist in the main standard.css */
.float__right{
float:right;
}
.float__left{
float:left;
}

.img_float_right{
float:right;
padding:0 0 0 5px;
}

.img_float_left{
float:left;
padding:0 5px 0 0;
}

div.div_float_right{
float:right;
}
div.div_float_left{
float:left;
}

/*END TINY MCE Styles*/