Added a lot of functionality; Fixed a large number of bugs; Removed Bootstrap from the mix and replaced it with SimpleGrid and some choice bits from the bootstrap system; Pricing, Sales, and Product management all now function at basic levels.

imports/ui/Pricing.import.styl

@@ -1,11 +1,29 @@
 #pricing
-	margin: 10px 20px
+	margin: 20px 20px
 	height: 100%
+	text-align: left
 
 	.controls
 		text-align: left
+		display: table
+		width: 100%
 
+		.measureGroup
+			padding: 4px 8px
+			margin: 4px 8px
+			display: table-cell
+			width: 240px
+			select
+				width: 100%
 		.controlGroup
+			padding: 4px 8px
+			margin: 4px 8px
+			display: table-cell
+		.pagination
+			display: table-cell
+			width: 240px
+			vertical-align: bottom
+		.previousSettings
 			padding: 4px 8px
 			margin: 4px 8px
 			display: inline-block
@@ -17,8 +35,9 @@
 		.floatRight
 			float: right
 		.controlLabel
-			font-size: 1.5em
+			font-size: .9em
 			font-weight: 700
+			margin-top: -2px
 		select[name="measures"]
 			padding: 4px 8px
 			font-size: 1.5em
@@ -30,66 +49,37 @@
 		input[type="button"]
 			margin-top: -6px
 			margin-right: 20px
-		//.toggleButton
-		//	padding: 6px 8px
-		//	border: 1px solid #4cae4c
-		//	border-radius: 4px
-		//	font-size: 1.5em
-		//	color: white
-		//	background: #5b5
-		//	font-family: inherit
-		//.toggleButton.inactive
-		//	background: #FF6F77
-		//	color: 888
 		.toggleUpdateHistory
 			margin: 0
 			position: relative
 			top: -4px
 			display: inline-block
-		//.inactive
-		//	background: #666
 		input[type="date"]
 			width: 180px
 			display: inline-block
-	table
+		.resetButton
+			margin-left: 20px
+
+	.tableContainer
 		width: 100%
 		margin-bottom: 20px
 		border: 0
-		table-layout: fixed
-		font-size: 1.3em
-
-		thead
-			font-weight: 800
-			tr > th
-				background: #333
-				color: white
-
-			tr > th.name
-					width: auto
-			tr > th.current
-					width: 200px
-			tr > th.previous
-					width: 200px
-			tr > th.changeDate
-					width: 200px
-
-		tbody
-			text-align: left
-
-			tr:nth-child(even)
-				background: #DDD
-
-			.rowGroupHead
-				color: white
-				background: #333
-			tr.selected
-				//background: yellow
-				background-attachment: fixed
-				background-repeat: no-repeat
-				background-position: 0 0
-				background-image: linear-gradient(to left, #FCF8D1 70%,#f1da36 100%)
-			tr:nth-child(even).selected
-				background-attachment: fixed
-				background-repeat: no-repeat
-				background-position: 0 0
-				background-image: linear-gradient(to left, #E0DCBA 70%,#f1da36 100%)
+		font-size: 12.5px
+		table
+			table-layout: fixed
+			width: 100%
+			> thead
+				> tr
+					> th.name
+						width: auto
+					> th.current
+						width: 200px
+					> th.previous
+						width: 200px
+					> th.changeDate
+						width: 200px
+			> tbody
+				> tr.deactivated
+					background-color: #fac0d1
+				> tr.deactivated:hover
+					background-color: #ffcadb