body, div, h1, input {
  margin:0;
  padding:0;
  font-family: 'trebuchet ms', verdana, arial;
}
table * { padding: 0; }

body, input { color: #333; }
body {
  padding: 5px;
  background-color:#fff;
  font-size:small;
}
div.outline,pre{background-color:#eee;border:1px solid #ddd;border-left-width:5px;color:#333;font-size:small;overflow-x:auto;padding:15px; margin-top: 10px;}
pre.normal{background-color:transparent;border:none;border-left-width:0;overflow-x:auto;}
p {margin:4px;padding:0;}
/* p.tip em {padding: 2px; background-color: #6cf; color: #FFF;} */
ol { margin: 4px 4px 4px 20px; }

b, strong {
  font-weight: bold;
  color: #1a1a1a;
}
em, i {
  color: #6d6d6d;
  font-style: italic;
}
.f-r { float: right; }
.f-l { float: left; }
.c-b { clear: both; }
.hidden { display:none; }
.full-width { width: 100%; }
.top-aligned td { vertical-align: top; }
.left-aligned { text-align: left; }
.right-aligned { text-align: right; }
.center-aligned { text-align: center; }
.red { color: red; }
.silver { color: silver; }
.bk-orange-red { background-color: #FF4500; }
.bk-lime-green { background-color: #32CD32; }
.table {display: table; }

/*** Themeroller ***/
span.ui-icon {
  float: left;
  margin-right: .3em;
}

/* tables */
#users {
  margin: 0px;
  background-color: #CDCDCD;
  border-collapse: separate;
  border-spacing: 1px;
  font-family: arial;
  font-size: 8pt;
  text-align: left;
  white-space: nowrap;
}
#users thead tr th, #users tfoot tr th {
  background-color: #E6EEEE;
  border: 1px solid #FFF;
  font-size: 8pt;
  padding: 4px 0px 4px 4px;
}
/*
table.tablesorter thead tr .header {
	background-image: url(img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}
*/

#users tbody tr td {
  padding: 4px;
  color: #3D3D3D;
  background-color:#F0F0F6;
  vertical-align: top;
  cursor: pointer;
}
#users tbody tr.odd td {
  background-color: #FFF;
}
#users tbody tr.even td.sorting_1 { background-color: #E2E2E8; }
#users tbody tr.even td.sorting_2 { background-color: #E5E5EB; }
#users tbody tr.even td.sorting_3 { background-color: #E9E9EF; }

#users tbody tr.odd td.sorting_1 { background-color: #F1F1F1; }
#users tbody tr.odd td.sorting_2 { background-color: #F4F4F4; }
#users tbody tr.odd td.sorting_3 { background-color: #F8F8F8; }

/* Mine */
#users tbody tr.odd  td.yes, #users tbody tr.even td.yes { background-color: #98FB98; }
#users tbody tr.odd  td.no, #users tbody tr.even td.no  { background-color: #FFA07A; }

#users tbody tr.even td.sel { background-color: #ECFFB3; }
#users tbody tr.odd  td.sel { background-color: #E6FF99; }

#users tbody tr.odd  td.good, #users tbody tr.even td.good { background-color: #32CD32; }
#users tbody tr.odd  td.bad,  #users tbody tr.even td.bad  { background-color: #FF4500; }
#users tbody tr.even td.pend, #users tbody tr.odd  td.pend { background-color: #FF2; }

#users tbody tr.odd  td.active, #users tbody tr.even td.active  { background-color: limegreen; }

#users tbody tr td input {
  position: absolute;
  margin: -1px; padding: 0;
  border: 1px dashed #3d3d3d;
  background-color: #ff2;
  color: #000;
  border-color: #000;
  font-family: inherit;
  font-size: inherit;
}
#users tbody tr td.sel input {
  background-color: #E2E4FF;
}
.buttons-panel {
  margin-top: 8px;
}
.buttons-panel button {
  margin-right: 10px;
}

/*** Chat window ***/
#left-wrapper {
  margin-bottom: 5px;
}
#chat-wrapper {
/*  float: right; */
  min-width: 400px;
  max-width: 800px;
  margin-left: 5px;
  background-color:#EEE;
  border:1px solid #ddd;
  border-left-width:5px;
}
#msg-box {
  min-height: 190px;
  max-height: 400px;
  overflow-y: scroll;
  margin: 20px 20px 0px 20px;
  background-color: #FFF;
  border: 1px solid #C0CAD5;
  word-wrap: break-word;
}
#chat-name-wrapper {
  margin: 5px 0px 3px 20px;
}
#chat-name-wrapper span.it {
  margin-right: 3px;
  font-style: italic;
}
#chat-name {
  background-color: transparent; 
  margin: 1px;
  height: 20px;
  border: none;
  width: 200px;
/*  font-weight: bold; */
}
#chat-name.sel {
  margin: 0px;
  background-color: #FFF;
  border: 1px dashed #C0CAD5
}
#chat-buttons-panel {
  margin: 0 0 20px 20px;
}
.chat-button {
  margin-right: 10px;
}

#msg-input {
  min-height: 40px;
  margin: 0px 20px 10px 20px;

  background-color: #FFF;
  border: 1px solid #C0CAD5;

  color: #000;
  padding: 3px 25px 5px 3px;
  word-wrap: break-word;
  cursor: text;
}
#msg-input.empty {
  color: silver;
}

#msg-box div:hover {
  background-color: #ECFFB3;
  cursor: pointer;
}
#msg-box div:hover span { color: #000; }

#msg-box div span.name {
  font-weight: bold;
}
#msg-box div.ui-state-error span { color: black; }

div.ui-state-highlight, div.ui-state-error {
  margin-bottom: 3px;
}
div.ui-state-highlight.alter {
  background: none;
  background-color: #EEE;
  border-color: #CCC;
}