main.css changes :
	assigned screen space to iscroll wrappers
	fixed the sortbyform style, tested on 2 devices - more to come
	commented out unused scrollworks.js parts
	alert on pull-to-refresh to test if javascript is working.
Routing pg added/Mailbox header alignment fixed

1. Changed "invoicepanel" to "datapanel" and "invoicelist" to "datalist"
in mailbox.html and main.css. So that we can resuse datalist styling all
through out project without naming confusion.
2. Adjust the size of components in header(selectbox, asc/desc sort
icon) to make it fit in portrait. The real problem is width:98% given to
the #sortbyform.  We can remove it if it not neccessary.
3. Added the routing page(Beans and html page) as per wire.
"Approve" page styles added. Mailbox list item's checkbox/details-arrow's clickable area expanded

Mailbox invoice item's checkbox(left)/details-arrow(right) clickable
area is expanded so that user can touch somewhere nearby the element too
to make selection.
Approve invoice page design is good in landscape orientation. Portrait
orientation is still under development. As of now in portrait mode, the
button texts are not fully displayed.
Invoice item page added

1. Added the invoicedetail.xhtml
2. Changed the main.css for invoice detail page and changed the
structure in mailbox page to make it even.
3. Added the arrow image
I commented out the javascript for scrolling and the corresponding css

added padding to footer on invoice detail

fixed navigation on add comment

adjusted arrow position on mailbox & detail

Upcoming effort: I would like to fix the script on the details page
so that the action footer toggles.
Would also like to see the checkboxes on routing changed to radio
Merge pull request #4 from Lefty-San/master

Fridays Work