SharePoint 2010 css to suppress everything except Web Part Zone

Isn't it amazing how many professionals post really useful tips on SharePoint.  Here is another one.

During our SharePoint 2010 conversion, some css that I had done previously no longer worked.  As documented here for SP 2007

http://kongedagain.blogspot.hk/2013/11/creating-copy-of-your-master-page-that.html

We had to create a page where there was nothing show except the webpart zones.  i.e the page was to be planted as a dialog window with no menu or ribbon at the top.

I found that if an aspx page is created in SharePoint Designer 2010.  

Add the following

<style type="text/css">
/* Code to Hide Ribbon Completely */

#s4-ribbonrow { display: none;}

/* Code to Hide Ribbon Partially */

.ms-cui-tt { visibility:hidden; }

/* Code to Hide Site Action */

#siteactiontd {  DISPLAY: none }

/* Code to Hide Ribbon */

.ms-cui-tt { visibility:hidden; }

/* Code to Hide Site Action */

#siteactiontd {  DISPLAY: none }

body #s4-leftpanel { display: none; }
.s4-ca { margin-left: 0px; }
</style>

Must thank these 2 professionals for coming up with the css suppression for SP 2010's ribbon

http://junaidsk.wordpress.com/2013/11/22/how-to-hide-sharepoint-2010-ribbon-site-action-menu-without-modifying-the-master-page/

and here for hiding the left menu

http://chanakyajayabalan.wordpress.com/2013/03/06/hide-sharepoint-left-navigation-menu-using-css/

I thought I will summarise in a post.