pictures next to checkboxes and buttons

Yes sir.

You would just put your HTML to your image (<img src="">) in the option label and it will show up. Alternatively, you could use CSS to place the images as well as background images if you are comfortable with that.

Moving thread to the support forum.

We can do that with CSS, you can see our CSS documentation here:
http://www.gravityhelp.com/documentation/page/Design_and_Layout

Are you versed in CSS at all? If not, you can post a link to your form and I can help guide you.

Instead of placing the text there for each station. Just replace the text with HTML for calling in an image. You will want to prep all of your images ahead of time so they are formatted consistency, then upload them to your site (or somewhere on the web) and then just path to them via HTML in the checkbox option, rather than the text being in there.

Once you get those in there, we can take a look at making adjustments.

Correct, each option would have something like: <img src="image path here" alt="Description" />

Your best bet is to use something like Chrome Developer Tools or Firebug for Firefox to find the selectors you want to adjust. For example, this Screenshot is showing you a selector that has a margin left of 24px.

So in your theme's stylesheet you could target those as:

[css]
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
margin: 0 0 0 10px !important;
}

Each theme is different - your theme's css file should be located in the root of the theme or inside a CSS folder, etc. Sometimes there are special instructions to follow. You'll never want to update the plugin css file because it will get overwritten when we send out plugin updates.

The screenshot I showed you is coming from our plugin's default styles (forms.css). The selector below the arrow in my screenshot is coming from your theme's stylesheet (style.css). The selector I provided can be placed into your theme's stylesheet. In most cases our default styles do the job, but in your situation here, it is unique and custom - which requires you to write your own CSS and target the correct elements to do so. There are a lot of great resources here regarding CSS:

http://www.gravityhelp.com/other-resources/

and some guides here regarding our selectors and form structure:
http://www.gravityhelp.com/documentation/page/Design_and_Layout

Each form has it's own unique ID and has many different ways to uniquely hook onto elements. What are you having a hard time with specifically?

Also, each field has the ability to place a class and each form can also have a class applied to it as well. But, as I said above, there are many ways to do unique selectors based on form ID.

For example, this snippet would only effect labels inside of radio and checkbox fields on the form with the ID of 1:

[css]
#gform_wrapper_1 .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
margin: 0 0 0 10px !important;
}

To where as this selector would apply to all gravity forms:

[css]
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
margin: 0 0 0 10px !important;
}

Each form has it's own unique wrapper ID and each field on every form has it's own unique ID in the li element. In combination, each form and field also has shared classes as described in this documentation:

http://www.gravityhelp.com/documentation/page/Design_and_Layout

Have you considered hiring someone to do this job for you? You can always post on our job board:
http://www.gravityhelp.com/forums/forum/job-board

Ok so i was able to style the wrapper but it didnt include the checkbox and the image is on top of the checkbox. do you have code to change position of checkbox so it is on top of the image to the right

thanks