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.