/*+++++++++++++++++++++++++++++++++++++++++++++

Screen Stylesheet for Tablesorter Columns

Created by:	Catherine McNamara
Optimum:	V11.1.4d
Created:	20/02/14 -- Mantis Ref: 1793

Change Log:
++++++++++++++++++++++++++++++++++*/

#columnSelector.vertical label {
     display: block;
     /*inline-block; horizontal;*/
     /*float: right;*/     
 }
 
 .columnSelectorWrapper {
  position: relative;
  display: inline-block;
  margin: 10px 0;
 }

.columnSelector, .hidden {
  display: none;
}
.columnSelectorButton {
  background: #99bfe6;
  border: #888 1px solid;
  color: #111;
  border-radius: 5px;
  padding: 5px;
}
.toggle {
  background: #99bfe6;
  border: #888 1px solid;
  color: #111;
  border-radius: 5px;
  padding: 5px;
}
/* this won't work in IE8 & older */
#colSelect1:checked + label {
    background: #5797d7;
    border-color: #555;
}
#colSelect1:checked ~ #columnSelector {
  display: block;
}
.columnSelector {
  position: absolute;
  top: 30px;
  padding: 10px;
  background: #fff;
  border: #99bfe6 1px solid;
  border-radius: 5px;
  white-space: nowrap;
  z-index:1;
}
.columnSelector label {
  display: block;
}
.columnSelector label:nth-child(1) {
  border-bottom: #99bfe6 solid 1px;
  margin-bottom: 5px;
}
.columnSelector .disabled {
  color: #ddd;
}