Iam trying to use the dojo dijits on my page and am having trouble rendering the widgets apparently the CSS are not being imported correctly.

All dojo library is under the same static resource dojotool

heres my source code:

<apex:page >
   
    <apex:stylesheet value="{!URLFOR($Resource.dojotool, 'dojo/dijit/themes/tundra/tundra.css')}" />
    <apex:stylesheet value="{!URLFOR($Resource.dojotool, 'dojo/dojo/resources/dojo.css')}" />
   
    <script type="text/javascript" src="{!URLFOR($Resource.dojotool, 'dojo/dojo/dojo.js')}" djConfig="parseOnLoad:true, isDebug:false"/>
       
    <script type="text/javascript">
            dojo.require("dojo.parser");
            dojo.require("dijit.form.Form");
            dojo.require("dijit.form.DateTextBox");
            dojo.require("dijit.form.ValidationTextBox");
           
            window.onload = function(){
                dojo.parser.parse(dojo.byId('frmExecutive').innerHTML);
            }
    </script>
   
        hello
        <br />
            <form id="frmExecutive" method="post" dojoType="dijit.form.Form">
                <label for="name">Enter Name:*</label>
                <input id="name" name="name"
                       dojoType="dijit.form.ValidationTextBox"
                       required="true"
                       invalidMessage="Please enter Executives Name!"
                       value=""/><br />
           
                <label for="surname">Enter Surname:</label>
                <input id="surname" name="surname"
                       dojoType="dijit.form.ValidationTextBox"
                       required="true"
                       invalidMessage="Please enter Executives Surname!"
                       value=""/><br />
                       <br/>
                <input type="submit" value="Add Executive" />
                <input type="button" value="Cancel" />
            </form>
</apex:page>