body {
  background-color: #fff;
}

div#trailer {
  padding-top: 5px;
}


table.intSrchTable {
  width: 100%;
}

tr.intSrchRow {
  
}

td.intSrchCell {
  padding: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
  border: 1px solid #ccc;
}

td.intSrchNumCol {
  width: 80px;
}

/* Results table */
table.batchResults {
  border-collapse: collapse;
  width: 100%;
  clear: both;
}

table.batchResults td,table.batchResults th {
  padding: 2px 5px;
}

table.batchResults th {
  font-weight: bold;
  line-height: 1.3em;
}

table.batchResults tr.header {
  background: #eee;
}

table.batchResults tr.header th {
  padding-top: .5em;
  padding-bottom: .5em;
  border: solid 1px #666;
}

table.batchResults tfoot tr,table.batchResults tr.footer {
  background-color: #ddd;
}

table.batchResults tr {
  border-bottom: solid 1px #666;
}

table.batchResults tr:hover {
  background: #ddf;
}

table.batchResults td {
  border-left: 1px solid #666;
  border-right: 1px solid #666;
}

table.batchResults td.number {
  text-align: right;
}

table.batchResults td.boolean {
  text-align: center;
}

table.batchResults th a.sortable {
  display: block;
  margin: auto;
}

table.batchResults td.interactionId a {
  display: block;
}

/* Sorting links */
a.sortable {
  padding-right: 18px;
  padding-left: 18px;
  background: url(../images/sort-none.png) no-repeat right 50%;
}

a.sortedAsc {
  background: url(../images/sort-asc.png) no-repeat right 50%;
}

a.sortedDesc {
  background: url(../images/sort-desc.png) no-repeat right 50%;
}

a.sortable:hover {
  background-image: url(../images/sort-none-hl-asc.png);
}

a.sortedAsc:hover {
  background-image: url(../images/sort-asc-hl-desc.png);
}

a.sortedDesc:hover {
  background-image: url(../images/sort-desc-hl-asc.png);
}

/* Search results table's toolbar */
.batchResultsToolBar {
  padding: 0;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  border: 1px solid #666;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #fff;
}

.batchResultsToolBar li {
  list-style: none;
  display: inline;
  border-right: 1px solid #666;
  line-height: 2em;
  padding: 0 1em;
}

.batchResultsToolBar li.last {
  border-right: none;
}

.batchResultsToolBar li img {
  vertical-align: middle;
}

.batchResultsToolBar form {
  display: inline;
}

.batchResultsToolBar .paginator a,.batchResultsToolBar .paginator span {
  padding: 0 .2em;
}

.batchResultsToolBar .paginator .currentStep {
  font-weight: bold;
}

table.interactionDetailTable td,table.interactionDetailTable th {
  padding: 5px;
  border: 1px solid #ccc;
  background-color: #fff;
}

table.interactionDetailTable {
  width: 100%;
  margin-bottom: 10px;
}

table.interactionDetailTable   table.interactionDetailTable td {
  border-style: dotted;
}

table.interactionDetailTable   table.interactionDetailTable th {
  border-style: dotted;
}

table.interactionDetailTable td  ul {
  padding-left: 20px;
  font-size: 12px;
}

table.interactionDetailTable th {
  font-weight: bold;
  text-align: left;
}

table.interactionDetailTable th a {
  background-image: url('../images/sort_icon.gif');
  background-attachment: scroll;
  background-position: top right;
  background-repeat: no-repeat;
  padding-right: 15px;
}

#releaseBody h3 {
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 10px;
}

ul.releaseUl {
  padding-left: 30px;
}

ul.releaseUl li {
  margin-bottom: 0.5em;
}

ul.releaseUl ul {
  padding-left: 60px;
}

/******* new *********/

/********* graph ***************/
div#graphWrap {
  padding: 0px;
  overflow: hidden;
  width: 100%;
}

/*************** graph ********/
div#cytoscapeweb1 {
  overflow: hidden;
}

/****** tool panel *************/
div#toolPanel {
  float: left;
  width: 380px;
  padding-right: 16px;
  background-color: #ccffff;
  background-image: url(../images/resize.png);
  background-position: right center;
  background-repeat: no-repeat;
  overflow: hidden;
  border-radius: 20px 0px 0px 20px;
  -moz-border-radius: 20px 0px 0px 20px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
}

div#innerToolPanel {
  padding: 3px;
  padding-right: 0px;
  background-color: #999;
  border: 10px solid #999;
  border-right: none;
  border-radius: 20px 0px 0px 20px;
  -moz-border-radius: 20px 0px 0px 20px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  overflow: auto;
}

div#graphBanner {
  height: 25px;
  overflow: hidden;
  letter-spacing: 5px;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  margin: 5px;
  background-position: left center;
  vertical-align: top;
  text-shadow: 0.2em 0.2em 0.4em black;
}

div#graphBanner  span {
  vertical-align: top;
  font-size: 18px;
  letter-spacing: 5px;
}

div#lowerGraphPanel {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
}

div.controlGroup {
  margin: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  margin-left: 0px;
  margin-top: 0px;
}

div.controlGroup div.controlGroupTitle {
  background-color: #99ffff;
  font-weight: bold;
  text-align: center;
}

div.controlGroup div.subgroupTitle {
  font-weight: bold;
}

div.controlGroup div {
  padding: 5px;
}

table#filterControl label {
  padding-right: 5px;
}

table#edgeFilterControl label {
  padding-right: 5px;
}

.ajaxSpinnerActive {
  background-image: url('../images/spinner.gif');
}

div.controlGroup table {
  width: 100%;
}

div.controlGroup table td,div.controlGroup table th {
  padding: 2px;
  padding-right: 10px;
  text-align: left;
  padding-right: 5px;
  padding-left: 5px;
}

div.controlGroup table td {
  
}

div.controlGroup  table th {
  font-weight: bold;
}

/*
div#nodeTableControl table tr:nth-child(odd) td {
  background-color: #FDEEF4;
}

div#nodeTableControl table tr:nth-child(even) td {
  background-color:#C6DEFF;
}
*/
div#nodeTableControl table tr td {
  background-color: #fff;
}

div#nodeTableControl table tr:hover td {
  background-color: #ffccff;
  cursor: pointer;
  fong-weight: bold;
}

div#nodeTableControl table tr.selectedNodeRow td {
  background-color: #ffffcc;
}

div#nodeTableControl table tr.hiddenNode td {
  background-color: #eee;
}

td.ntime {
  text-align: right;
  font-weight: bold;
  color: purple;
  width: 50px;
}

td.time1 {
  color: green;
}

table.sortableTable th a.sortableLink {
  background-image: url('../images/sort_icon.gif');
  background-attachment: scroll;
  background-position: top right;
  background-repeat: no-repeat;
  padding-right: 15px;
}

td.currNode {
  background-color: #ffffcc;
}

#filterBypassDialog li {
  margin-bottom: 10px;
}

table#networkTable  td,table#networkTable  th {
  padding: 5px;
  border-bottom: 1px solid #999;
  padding-left: 20px;
  padding-right: 20px;
}

table#networkTable  th {
  text-align: left;
  font-weight: bold;
}

.nodeSpinner {
  background-image: url('../images/spinner.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

#nodeDialog table,#edgeDialog table {
  margin-bottom: 10px;
}

#nodeDialog table td,#edgeDialog table td {
  padding: 2px;
  padding-right: 10px;
}