table.sortablelist {
  border: solid;
  border-width: 2px;
  border-color: rgb(0, 0, 0);
  padding: 0px;
}

td.sortablelistlabel {
  font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-variant: normal;
  font-style: normal;
  color: rgb(255, 255, 255);
  padding: 2px;
}


.sortablelistheader {
  background: rgb(44,44,44);

  border: solid;
  border-width: 1px;

  border-left-color: rgb(66,66,66);
  border-top-color: rgb(66,66,66);
  border-bottom-color: rgb(22, 22, 22);
  border-right-color: rgb(22, 22, 22);


  font-family: verdana, tahoma, trebuchet ms, arial, helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  font-variant: normal;
  font-style: normal;
  color: rgb(255, 255, 255);

  padding: 2px;
}

/*
 * sll = sortable list lite row
 */
td.sll {
  background: rgb(244, 244, 244);
  padding: 2px;
  border: solid;
  border-width: 1px;
  border-top-color: rgb(255, 255, 255);
  border-left-color: rgb(255, 255, 255);
  border-right-color: rgb(155, 155, 155);
  border-bottom-color: rgb(222, 222, 222);

  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: rgb(0, 0, 0);
}

/*
 * sld = sortable list dark row
 */
td.sld {
  background: rgb(233, 233, 233);
  padding: 2px;
  border: solid;
  border-width: 1px;
  border-top-color: rgb(244, 244, 255);
  border-left-color: rgb(255, 255, 255);
  border-right-color: rgb(155, 155, 166);
  border-bottom-color: rgb(222, 222, 233);

  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: rgb(0, 0, 0);
}

td.sortablelisthilite {
  background: rgb(255, 255, 122);
  padding: 2px;
  border: solid;
  border-width: 1px;
  border-top-color: rgb(255, 255, 188);
  border-left-color: rgb(255, 255, 188);
  border-right-color: rgb(155, 155, 155);
  border-bottom-color: rgb(233, 233, 22);

  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  color: rgb(0, 0, 0);
}


input.sortablelistpage {
  padding: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  color: rgb(88,88,88);
  background: rgb(233,233,222);
  border: none;
  border-width: 0px;
  border-color: rgb(0,0,188);
  border-bottom: none;
  border-bottom-width: 0px;
  cursor: pointer;
}

input.sortablelistpagedown {
  padding:0px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: bold;
  color: rgb(88,88,88);
  background: rgb(244, 244 ,244);
  border: solid;
  border-width: 0px;
  border-color: rgb(55,55,55);
  border-bottom-width: 0px;
  border-bottom: none;
  cursor: pointer;
}















/*
 * SORTABLE LIST POPUP SEARCH BOX THING STYLES
 */

body.slipBox {
  margin: 0%;
  padding: 0px;
  background-color: rgb(233,233,225);
  background-color: rgb(255,255,255);
  background-color: #CCCCCC;

  font-family: verdana,helvetica,arial,sans-serif;
  color: #330033;
  font-size: 10px;
  font-weight: normal;
}

td.slipBox {
  font-family:verdana,helvetica,arial,sans-serif;
  color:rgb(55,55,55);
  font-size:10px;
  font-weight:normal;
}

td.slipBoxContent {
  padding: 10px;
  font-size:10px;
  background: rgb(250, 245, 240);
  border: solid;
  border-width: 1px;
  border-top-width: 0px;
  border-left-color: rgb(155, 155, 155);
  border-right-color: rgb(88, 88, 122);
  border-bottom-color: rgb(111, 111, 144);
}

td.slipBoxTopTab {
  cursor: pointer;
  font-family:verdana,helvetica,arial,sans-serif;
  font-weight: bold;
  font-size: 13px;
  padding: 2px;
  border: solid;
  border-width: 1px;
  border-color: rgb(111, 111, 155);
  border-bottom-color: rgb(128, 128, 188);
  border-left-color: rgb(155, 155, 155);
  border-right-width: 0px;
  background: rgb(240, 235, 230);
}

td.slipBoxTopTabActive {
  cursor: pointer;
  font-weight: bold;
  padding: 2px;
  padding-bottom: 4px;
  border: solid;
  border-width: 1px;
  border-color: rgb(111, 111, 155);
  border-left-color: rgb(155, 155, 155);
  border-bottom: none;
  border-bottom-width: 0px;
  border-top-width: 2px;
  border-top-color: rgb(222, 144, 0);
  border-right-width: 0px;
  background: rgb(250, 245, 240);
}

td.slipBoxTopNoTab {
  padding: 2px;
  border: none;
  border-width: 0px;
  border-bottom: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgb(128, 128, 188);
  border-left: solid;
  border-left-width: 1px;
  border-left-color: rgb(155, 155, 155);
}

input.slipBox {
  font-family:verdana,helvetica,arial,sans-serif;
  color:rgb(88,88,88);
  font-size:11px;
  font-weight:normal;
}