[Solved] Telerik MVC controls looks large

[Chamara]

Just started using Telerik MVC controls. i have added the controls to my view and the text is and control looks bit large. why the default size and fonts are so large? how can i correct them.

check below for preview.

http://www.freeimagehosting.net/egzex

<div class="editor-label">
                <%: Html.LabelFor(model => model.JobType) %>
            </div>
           
            <div class="editor-field">

             <%= Html.Telerik().DropDownListFor(model => model.JobType)
              .BindTo(new SelectList(Model.lstJob, "JobName", "JobName"))%>
                <%: Html.ValidationMessageFor(model => model.JobType) %>
            </div>

            <div class="editor-label">
                <%: Html.Label("Called In At") %>
            </div>
            <div class="editor-field">
             
                <%: Html.Telerik().DateTimePickerFor(model=>model.CalledInAt) %>
                <%: Html.ValidationMessageFor(model => model.CalledInAt) %>
            </div>


In the master page i have added the following.

  <% Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.css")
           .Add("telerik.vista.css")).Render(); %>

  <% Html.Telerik().ScriptRegistrar().Render(); %>

have i missed any style files?