-form.filter fieldset.item input[type=radio] { display: none; }
-form.filter fieldset.item input[type=radio] + label {
- display: table-cell;
- padding: .5em 1em;
- background-color: #EEE;
- border-style: solid;
- border-width: .5pt .25pt 0 .25pt;
-}
-form.filter fieldset.item input[type=radio] + label:first-of-type {
- border-left: 1pt solid;
-}
-form.filter fieldset.item input[type=radio]:checked + label {
- position: relative;
- background-color: #FFF;
- box-shadow: .125em -.125em .125em #888;
- z-index: 1;
-}
-form.filter fieldset.item input[type=text],
-form.filter fieldset.item fieldset.categories {
- position: relative;
- display: block;
- width: 100%;
- margin-top: -1pt;
- padding: .25em .75em;
- border: 1pt solid;
- box-shadow: .125em .125em .25em #888;
-}
-form.filter fieldset.item fieldset.categories { display: none; }
-form.filter fieldset.item input[value=CATEGORIES]:checked + label + input[type=text] { display: none; }
-form.filter fieldset.item input[value=CATEGORIES]:checked + label + input[type=text] + fieldset.categories { display: block; }
+
+form.filter fieldset.item input[value=course] ~ input[type=text],
+form.filter fieldset.item input[value=CATEGORIES] ~ input[type=text] { display: block; }
+form.filter fieldset.item input[value=course]:checked ~ input[type=text],
+form.filter fieldset.item input[value=CATEGORIES]:checked ~ input[type=text] { display: none; }
+form.filter fieldset.item input[value=course]:checked ~ fieldset.courses,
+form.filter fieldset.item input[value=CATEGORIES]:checked ~ fieldset.categories { display: block; }