#areanew                       { height: 7em; } 
#areanew td:nth-child(1)       { width: 7em; padding-right: 1em; }
#areanew td:nth-child(3)       { width: 16em; padding-left: 1em; }
#areanew input                 { width: 100%;  }
#areanew button[name=base]     { width: 100%;  }
#areanew button[name=instance] { width: 100%;  }

div.tabbed table.tabbar td.tabbehind input { 
  border: 0 none; 
  text-align: right; 
  width: 100%;
}

div.tabbed table.tabbar td.tabbehind button {
  border: 1pt solid buttonshadow;
  margin-left: 0.5em;
}

button.highlight { background-color: #cc0000; }

#parameters .tabbelow { height: 9em; min-height: 1.7em; }

#areadataelements { height: 100%; overflow-x: hidden; overflow-y: scroll; }
#areaendpoints    { height: 100%; overflow: auto; }

#areainstance                       { height: 7em; overflow: hidden; }
#areainstance input                 { padding: 0; margin:0; }
#areainstance button                { white-space:nowrap; }
#areainstance select                { width: 18em; }
#areainstance input[type=file]      { width: 18em; }

#areainstance table.compact { width: 100% }

#areainstance table.compact tbody.loadsave td:nth-child(2)        { padding-right: 0.5em; }
#areainstance table.compact tbody.loadsave td:nth-child(3)        { padding: 0 0.5em; border-left: 1px solid ButtonShadow; }
#areainstance table.compact tbody.loadsave td:nth-child(3) button { height: 5em; width: 15ex; }
#areainstance table.compact tbody.loadsave td:nth-child(4)        { padding: 0 0.5em; border-left: 1px solid ButtonShadow; }
#areainstance table.compact tbody.loadsave td:nth-child(4) button { height: 5em; width: 15ex; }

#areainstance table.compact button[name=loadtestsetfile]   { width: 12em; }
#areainstance table.compact button[name=loadtestset]       { width: 12em; }
#areainstance table.compact button[name=loadmodelfile]     { width: 12em; }

#areainstance table.compact:first-child tr td:nth-child(1) { width: 15ex; }

#areainstance table.compact:last-child tr td:nth-child(1) { width: 18em; }
#areainstance table.compact:last-child tr td:nth-child(2) { width: 12em; }
#areainstance table.compact:last-child tr td:nth-child(3) { width: 15ex; }

#areaexecution { height: 7em; overflow: auto; }
#areaexecution input { padding: 0; margin:0; }
#areaexecution table.compact { width: 100%; }
#areaexecution table.compact tr td:nth-child(1) { width: 15ex; }

#areaexecution table.compact tbody.debug tr:last-child td { padding-bottom: 0.5em; }
#areaexecution table.compact tbody.exe tr:first-child td { padding-top: 0.5em; }
#areaexecution table.compact tbody.exe { 1em; border-top: 1px solid ButtonShadow; }

#areaexecution table.compact tbody.exe td { height: 2.2em; }

#dat_log { width:100%; }
#dat_log td { vertical-align: top; }
#dat_log tr:nth-child(odd) { background-color: ButtonFace; color: ButtonText; }

#areadetails { table-layout: fixed; }

#dat_endpoints {
  border-collapse:collapse;
  border-spacing:0;
  border:0 none;
  margin:0;
  padding:0;
  width: 100%;
}
#dat_endpoints button                  { border: 1pt solid buttonshadow; padding: 0; }
#dat_endpoints td:nth-child(1)         { width: 1.2em; font-size: 1.3em; font-weight: bold; }
#dat_endpoints td:nth-child(2)         { width: 8em; }
#dat_endpoints td:nth-child(3)         { width: 1em; }
#dat_endpoints tr:nth-child(odd)       { background-color: ButtonFace; color: ButtonText; }
#dat_endpoints tr:nth-child(odd) input { background-color: ButtonFace; }
#dat_endpoints input                   { border: 0 none; padding: 0; margin: 0; }
#dat_endpoints input:first-child       { border: 0 none; width: 8em; }  
#dat_endpoints input:last-child        { border: 0 none; width: 100%; }

#dat_dataelements {
  border-collapse:collapse;
  border-spacing:0;
  border:0 none;
  margin:0;
  padding:0;
  width: 100%;
}
#dat_dataelements button                  { border: 1pt solid buttonshadow; padding: 0; }
#dat_dataelements td:nth-child(1)         { width: 1.2em; font-size: 1.3em; font-weight: bold;}
#dat_dataelements td:nth-child(2)         { width: 8em; }
#dat_dataelements td:nth-child(3)         { width: 1em; }
#dat_dataelements tr:nth-child(odd)       { background-color: ButtonFace; color: ButtonText; }
#dat_dataelements tr:nth-child(odd) input { background-color: ButtonFace; }
#dat_dataelements input                   { border: 0 none; padding: 0; margin: 0; }
#dat_dataelements input:first-child       { border: 0 none; width: 8em; }  
#dat_dataelements input:last-child        { border: 0 none; width: 100%; }

#areadsl pre {
  margin: 1em;
  font-family: monospace; 
  font-size:1.3em;
}

span.active {
  font-weight: bold;
  color: #cc0000;
}
span.passive {
  font-weight: bold;
  color: #3465a4;
}
span.vote {
  font-weight: bold;
  color: #73d216;
}

#detailcolumn { width: 50%; }
#detailcolumn .column { padding-left: 2em; }
#graphcolumn { margin: 0; padding: 0; border-right: 1pt solid ButtonShadow; min-width: 9em; }
#graphcolumn .column { margin: 0; padding: 0; }

.ui-resizable-handle { 
  z-index: 99999; 
  color: ButtonShadow;
  position: absolute;
  white-space:nowrap;
}
.ui-resizable-w { 
  cursor: w-resize; 
  -webkit-transform: rotate(90deg); 
  -webkit-transform-origin: 0% 100%; 
  -moz-transform: rotate(90deg); 
  -moz-transform-origin: left bottom; 
  margin-top: -1em;
  margin-left: 0.3em;
}
.ui-resizable-s { 
  right:2em;
  cursor: s-resize; 
  text-align: right;
  margin-top: 1.1em;
}

#dat_details {
  border-collapse:collapse;
  border-spacing:0;
  border:0 none;
  margin:0;
  padding:0;
  width: 100%;
}
#dat_details td.del                     { width: 1.2em; }
#dat_details td.del a                   { font-size: 1.3em; font-weight: bold; }
#dat_details td.pname                   { width: 7em;    vertical-align: top; }
#dat_details td.cname                   { width: 10.2em; vertical-align: top; padding-top:0.25em; }
#dat_details td.sep                     { width: 1em;    vertical-align: top; padding-top:0.25em; }
#dat_details tr.indent td:nth-child(1)  { padding-left: 2em;}
#dat_details tr:nth-child(odd) input    { background-color: ButtonFace; }
#dat_details tr:nth-child(odd) textarea { background-color: ButtonFace; }
#dat_details tr:nth-child(odd) select   { background-color: ButtonFace; }
#dat_details tr:nth-child(even) select  { background-color: white; }
#dat_details input                      { border: 0 none; width: 100%; padding: 0; margin: 0; }
#dat_details select                     { border: 0 none; width: 100%; padding: 0; margin: 0; }
#dat_details textarea                   { border: 0 none; width: 100%; padding: 0; margin: 0; }
#dat_details tr.header td               { padding-bottom:0.2em; padding-top: 0.6em; }
#dat_details tr.sizer td                { padding:0; margin:0; }

#dat_details tr:nth-child(odd) { background-color: ButtonFace; color: ButtonText; }
#dat_details .header button { border: 1pt solid buttonshadow; }

#disclaimer {
  margin: 1em;
}

#disclaimer p {
  max-width: 80ex;
}