2 col layout in form, docbrowser and home
diff --git a/css/all-app.css b/css/all-app.css
index 7faff74..18a99f5 100644
--- a/css/all-app.css
+++ b/css/all-app.css
@@ -12,6 +12,7 @@
 	font-family: Arial, Helvetica, Sans;
 	font-size: 12px;
 	color: #000;
+	background-color: #e2e2e2;
 }
 
 /* heading from bootstrap */
@@ -225,12 +226,30 @@
 	color: #FFF;
 }
 
-.layout_wrapper {
-	padding: 15px;
+.layout_wrapper, .layout-wrapper {
 	-moz-box-shadow: 1px 1px 6px #AAA;
 	-webkit-box-shadow: 1px 1px 6px #AAA;
 	box-shadow: 1px 1px 6px #AAA;
+	background-color: #fff;
+	padding: 15px;
+}
+
+.layout-main-section {
+	width: 68%;
+	float: left;
+	padding: 13px;
 	background-color: #FFF;
+	min-height: 450px;
+}
+
+.layout-side-section {
+	width: 24%;
+	float: right;
+	margin-right: 15px;
+	color: #606060;
+	overflow-x: hidden;
+	padding: 13px;
+	min-height: 450px;
 }
 
 /* from bootstrap */
@@ -1612,8 +1631,6 @@
 }
 
 div.psidebar-section {
-	background-color: #fff;
-	border: 1px solid #b2b2b7;
 	margin-bottom: 11px;
 	overflow: hidden;
 }
@@ -1621,14 +1638,7 @@
 div.psidebar-section-head {
 	font-size: 12px;
 	padding: 5px 11px;
-	background: #eeeeee; /* Old browsers */
-	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
-	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
-	background: linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
+	border-bottom: 2px solid #444;
 }
 
 div.psidebar-section-body {
@@ -1650,7 +1660,7 @@
 	font-size: 11px;
 }
 /*
- *	lib/css/legacy/bootstrap-buttons.css
+ *	lib/css/bootstrap/bootstrap-buttons.css
  */.btn.danger,
 .alert-message.danger,
 .btn.danger:hover,
@@ -2222,7 +2232,6 @@
 }
 
 body {
-	background-color: #e2e2e2;
 }
 
 .erpnext-footer {
diff --git a/css/all-web.css b/css/all-web.css
index 3350100..43e94e4 100644
--- a/css/all-web.css
+++ b/css/all-web.css
@@ -12,6 +12,7 @@
 	font-family: Arial, Helvetica, Sans;
 	font-size: 12px;
 	color: #000;
+	background-color: #e2e2e2;
 }
 
 /* heading from bootstrap */
@@ -225,12 +226,30 @@
 	color: #FFF;
 }
 
-.layout_wrapper {
-	padding: 15px;
+.layout_wrapper, .layout-wrapper {
 	-moz-box-shadow: 1px 1px 6px #AAA;
 	-webkit-box-shadow: 1px 1px 6px #AAA;
 	box-shadow: 1px 1px 6px #AAA;
+	background-color: #fff;
+	padding: 15px;
+}
+
+.layout-main-section {
+	width: 68%;
+	float: left;
+	padding: 13px;
 	background-color: #FFF;
+	min-height: 450px;
+}
+
+.layout-side-section {
+	width: 24%;
+	float: right;
+	margin-right: 15px;
+	color: #606060;
+	overflow-x: hidden;
+	padding: 13px;
+	min-height: 450px;
 }
 
 /* from bootstrap */
@@ -433,7 +452,7 @@
 }
 
 /*
- *	lib/css/legacy/bootstrap-buttons.css
+ *	lib/css/bootstrap/bootstrap-buttons.css
  */.btn.danger,
 .alert-message.danger,
 .btn.danger:hover,
@@ -1005,7 +1024,6 @@
 }
 
 body {
-	background-color: #e2e2e2;
 }
 
 .erpnext-footer {