After sugarcrm installation layout is distorted and design became messy

Problem Description
After you installation sugarcrm software you will find that the crm page and homepage looks broken. The page layout is broken, design distorted. It looks even worse than a css problem. Modules are scattered all over the page. There are spots like bullet points here and there. When you log into the admin panel you see everything is one single line down in the left side with all the menues in. The layout becomes really messy.

Cause of the Problem
The cause of the problem is due to permission of files and folders under cache/themes/{ThemeName}. You will see all files and folders created under cache/themes/{ThemeName} have 700 or 600 permission. In other words the outside world does not have read/write permission on the theme directory. To solve the problem just change the permission as 755 to all files under theme folder.

Solution of the Problem
If you are working with unix shell environment then do,
- Go to the files where you installed sugarcrm. Change permission as below.
$ chmod -R 775 cache/themes/{ThemeName}

If you are working with cpanel or any control panel then browse file manager of that cpanel, navigate to cache/themes/{ThemeName} and change permission of all files and folders under this theme folder.

Once you change permission launch the sugarcrm user/admin panel. You will see layout problem is gone.