#pricing
	margin: 10px 20px
	height: 100%

	.controls
		text-align: left

		.controlGroup
			padding: 4px 8px
			margin: 4px 8px
			display: inline-block
		.outline
			border: 2px dotted #32747e
			border-radius: 10px
		.floatLeft
			float: left
		.floatRight
			float: right
		.controlLabel
			font-size: 1.5em
			font-weight: 700
		select[name="measures"]
			padding: 4px 8px
			font-size: 1.5em
		input
			padding: 4px 8px
			font-size: 1.5em
		input[type="number"]
			width: 80px
		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
		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%)