How can I control the appearance of a specific field type using css?

I have been using CSS to give my text fields a width of 1/2 of the sub-label-container's width using:

.form-textbox {

    width : 50%;  

}

This works well for me and I still want that affect for those fields, however I have noticed that the date/time field also uses text boxes assigned the same class and their width is affected as well.

Is there a way I can specify a different width for specifically the date/time text boxes, so that I can fit them all onto the same line? I thought maybe each box would be given an id depending on the type of field it's a part of but I haven't been able to find any information about that or whether I am able to add my own. 

Thanks in advance for any help, 

Deion

Don't worry, found the ID's 
http://www.jotform.com/help/146-How-to-find-Field-IDs-Names

Thank you for your update.

Alternatively, this is possible to double-click on a field input wile in a CSS editor in order to select it.

We also have some CSS examples related to the fields positioning and the bottom of the next guide.

How to Position Fields in JotForm

If you need any further assistance, please let us know.