CSS - Small visual changes on a jquery mobile web page

IN PROGRESS
Bids
8
Avg Bid (USD)
$28
Project Budget (USD)
$10 - $15

Project Description:
I have a web page
http://knart.no/apps/stasjonsmonitor/freelancer_monitor.html

which I want to look like this:
http://knart.no/apps/stasjonsmonitor/img/trains.png


I use jquery mobile and
<div data-role='collapsible'>

You will find links to the css files included in the html code. I need help to change or add styles to the existing css files so the page will look like the image shown above.

The important thing is to keep the div clickable, so that more information is shown when clicking. If you have suggestions on changing some of the html tags, please bring it on, but I do want to use the data-role=collapsible tags


Some of the lines have an image and some do not:
The image: http://knart.no/apps/stasjonsmonitor/img/airporticonWhite.png
The image empty.png http://knart.no/apps/stasjonsmonitor/img/empty.png is used when there should be no image (the image is a black square), and I have added this just to make sure that all the lines have the same "size". If you can solve this by css instead, that might be ok.

Please make it possible for me to adjust the text size and color and background color, both on the header tags and the "more information"

Skills required:
CSS, jQuery / Prototype
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.


$ 35
in 3 days
$ 45
in 0 days
$ 30
in 1 days
Hire umadevisathesh
$ 17
in 3 days
$ 25
in 0 days
Hire saiprasadn21
$ 10
in 3 days
$ 45
in 1 days
$ 15
in 1 days