Ext-JS QuickTips not working correctly

I'm trying to implement one of Saki's examples in Form --> Displaying Form Submit Errors, but looking at the html of included classes I don't see several of the one's he uses (like theme empty.css, icons.css, extjs.ico, and Ext.us.form.XCheckbox.js). I'm using Ext-JS 3.3.0.... could anyone link me to a source that shows how to utilize QuickTips for 3.3.0? Or a way to make sure I have all the required files?

Currently when I try to do msgTarget: 'side' the red explanation point isn't appearing like it should. Also the actual tooltip that appears isn't styled correctly. See below (I have the msgTarget: 'side' commented out for this so you can see the tooltip).

This is what my JSP's Head looks like, I can't tell if its a style sheet problem or that I am not refreshing something correctly.

    <!-- Include Ext and app-specific scripts: -->
    <script type="text/javascript" src="../js/ext-base.js"></script>
    <script type="text/javascript" src="../js/ext-all-debug.js"></script>
    <script type="text/javascript" src="../examples/shared/examples.js"></script>
    <script type="text/javascript" src="../examples/form/states.js"></script>
    <script type="text/javascript" src="../examples/ux/MultiSelect.js"></script>
    <script type="text/javascript" src="../examples/ux/ItemSelector.js"></script>
    <script type="text/javascript" src="../examples/ux/fileuploadfield/FileUploadField.js"></script>
    <script type='text/javascript' src="../examples/ux/RowExpander.js"></script>
    <script type="text/javascript" src="../examples/ux/CheckColumn.js"></script>
    <script type='text/javascript' src="../js/TreeGrid.js"></script>
    <script type='text/javascript' src="../js/Exporter-all.js"></script>

    <!-- My JS's: -->
    &开发者_JS百科lt;script type="text/javascript" src="../js/comm.js"></script>
    <script type="text/javascript" src="../js/commStore.js"></script>

    <!-- Include Ext Stylesheets here: -->
    <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css"/>
    <link rel='stylesheet' type="text/css" href="../examples/ux/css/MultiSelect.css">
    <link rel="stylesheet" type="text/css" href="../examples/ux/fileuploadfield/css/fileuploadfield.css"/>
    <link rel="stylesheet" type="text/css" href="../examples/grid/grid-examples.css" />
    <link rel="stylesheet" type="text/css" href="../css/TreeGrid.css" />  
    <link rel="stylesheet" type="text/css" href="../css/TreeGridLevels.css" />  
    <link rel="stylesheet" type="text/css" title="tundra"     href="../css/xtheme-tundra.css" />

    <!-- My StyleSheet -->
    <link rel="stylesheet" type="text/css" title="commTool" href="../css/CommTool.css" />

---

Leave out the custom xtheme-tundra.css theme stylesheet and see if that helps

---

Definitely, some CSS is interfering with your tooltip's style. In your code, you are using lot of css & js that are not part of the framework. Do you need them? Did you try running your application with only the default ExtJS stylesheets? Try running your application using ext-all.css alone.