+.panel .filter {
+ vertical-align: top;
+ border: solid 1px; border-radius: .25em;
+ padding: .25em .5em;
+ margin: 0 0 1em 0;
+}
+.panel > label.tabhandle {
+ display: inline-block;
+ text-align: right;
+ width: 4em;
+ margin-left: 4em;
+}
+.panel > .tabhandle + label { display: none; }
+.panel > .tabhandle + label + .tabcontent { display: none; }
+.panel > .tabhandle:checked + label.tabhandle + .tabcontent { display: inline-block; }
+.panel > .tabhandle:checked + label.tabhandle + .tabcontent + .tabhandle + label{ display: inline-block; }
+.panel > .tabhandle:checked + label.tabhandle + .tabcontent + .tabhandle:checked + label{ display: none; }
+.panel .filter .tabcontainer {
+ position: relative;
+ width: 16em;
+}
+.panel .filter .category.tabhandle {
+ display: block;
+}
+.panel .filter input:checked + .category.tabhandle {
+ background: #FFF;
+ color: #000;
+}
+.panel .filter .category.tabcontent {
+ position: absolute;
+ top: 0; right: 0;
+ width: 10em;
+ height: 100%;
+ min-height: 4em;
+}
+
+.panel .filter.final {
+ display: inline-block;
+ width: 16em;
+ margin-left: 1em;
+}
+