.loading css doesn't work from external stylesheet

[awoo23]

I have a \[code\].loading\[/code\] css class defined, which only appears to work if I add it to the the page as internal css. It fails to generate the loading circle when I move it to my external \[code\]style.css\[/code\] file.Here's what I do know:[*]\[code\]style.css\[/code\] is being loaded because the page is styled and I have also double checked via firebug.[*]I have tried adding \[code\].loading\[/code\] to a \[code\].css\[/code\] file of its own and loaded it and it still fails.[*]I don't have another \[code\].loading\[/code\] class defined in my \[code\]style.css\[/code\] file[*]I have tried renaming \[code\].loading\[/code\] to \[code\].loadingCircle\[/code\] with no change (did this incase it conflicts with JQuery)My header files:\[code\]<link href="http://stackoverflow.com/questions/15694190/css/style.css" rel="stylesheet" type="text/css"><script type='text/javascript' src='http://stackoverflow.com/questions/15694190/includes/js/jquery.js'></script><link href="http://stackoverflow.com/questions/15694190/css/jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="http://stackoverflow.com/questions/15694190/includes/js/jquery-ui-1.8.21.custom.min.js"></script><script type='text/javascript' src='http://stackoverflow.com/questions/15694190/includes/js/createDialog.js'></script><script type="text/javascript" src="http://stackoverflow.com/questions/15694190/includes/js/jquery.tablesorter.js"></script><script type="text/javascript" src="http://stackoverflow.com/questions/15694190/includes/js/jquery.tablesorter.pager.js"></script><script type='text/javascript' src='http://stackoverflow.com/questions/15694190/includes/js/script.js'></script>\[/code\]