CSS - Small visual changes on a jquery mobile web page

I have a web page [login to view URL] which I want to look like this: [login to view URL] 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: [login to view URL] The image [login to view URL] [login to view URL] 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"