/**write your css in here**/
/* like */

	#first-bar {
	  float:left;
	  max-width:50%;
	  overflow-x: hidden;  
	  border-color: #708090;
      border-style: solid;
	  border-width: 4px;
	}

	#second-bar {
	  float:right;
	  max-width:50%;
	  overflow-x: hidden;
	  border-color: #708090;
      border-style: solid;
      border-width: 4px;
	}

	pre.deleted {
	  background-color: #E9967A;
	}

	.changed {
	  background-color: #E9967A;
	}

	div.cell.deleted {
	  background-color: #E9967A;
	}

	.added-ul {
	  text-decoration: none;
	  border-bottom: 4px solid #90EE90;
	}

	.deleted-ul {
	  text-decoration: none;
	  border-bottom: 4px solid #E9967A;
	}

	.delete-text {
	  background-color: #E9967A;
	}

	.add-text {
	  background-color: #90EE90;
	}

  /*
	.CodeMirror-measure {
	  display: none;
	}
  */

	.added-cell {
	  background-color: #90EE90;
	  border: 3px solid #006400;
	}

    .added-word {
      background-color: #90EE90;
    }

    .deleted-word {
      background-color: #E9967A;
    }

    
	.bottom-spacer {
	  height: 100px;
	  margin: 100px;
	  padding: 100px;
	}

  /* TODO: .row seems to be defined in IPython css, so
   * we should call ours .nbdiff-row to avoid conflict. */

  .row {
    margin-left: 20px ! important;
    margin-right: 20px;
  }

	.row-cell-merge-local {
	  float: left;
	  clear:right;
	  width: 30%;
	  overflow-x: hidden;
	}

	.row-cell-merge-base {
	  width: 30%;
	  overflow-x: hidden;
	}

	.row-cell-merge-remote {
	  width: 30%;
	  overflow-x: hidden;
	  float:right;
	}

	.row-cell-merge-controls-local {
	  width: 5%;
	  overflow-x: hidden;
	  float:left;
	  text-align: center;
	  padding-top: 10px;
	}

	.row-cell-merge-controls-remote {
	  width: 5%;
	  overflow-x: hidden;
	  float:right;
	  text-align: center;
	  padding-top: 10px;
	}

	.row-cell-diff-left {
	  float: left;
	  width: 48.55%;
	  overflow-x: hidden;
	  border: 1px solid #D3D3D3;
	}

	.row-cell-diff-middle {
	  padding-top: 10px;
	  overflow-x: hidden;
	  width: 3%;
	  text-align: center;
	}

	.row-cell-diff-right {
	  float:right;
	  overflow-x: hidden;
	  width: 46.55%;
	  border: 1px solid #D3D3D3;
	}

	.diff-spacer {
	  background-color: rgb(230, 230, 230);
	}

	.diff-spacer .cell {
	  visibility:hidden;
	}

	.diff-image {
	  visibility: hidden;
	}

	.diff-image:hover {
	  visibility: visible;
	}

	.diff-image-actual:hover {
	  visibility: hidden;
	}

  /* NBDiff header toolbar items */

  #nbdiff-logo {
    display: inline-block;
  }

  #nbdiff-controls {
    display: inline-block;
  }


  /* hide IPython Notebook toolbar, logo, etc. */

  #menubar {
    display: none;
  }

  .navbar {
    display: none;
  }

  #ipython_notebook {
    display: none;
  }

  .prompt {
    display: none;
  }

  /* Header diff stuff */

	.header-row-cell-diff-right {
	  float:right;
	  overflow-x: hidden;
	  width: 47%;
	}

	.header-row-cell-diff-left {
	  float: left;
	  width: 47%;
	  overflow-x: hidden;
	}


  /* Line diff stuff */

  .line-diff {
      border: 1px solid #778899;
      min-width: 100%;
      margin: 0 auto;
      overflow-x: hidden;
  }

  .line-diff-line {
      min-width: 100%;
  }

  .line-diff-line {
      font-family: monospace;
      white-space: pre;
  }

  .line-diff-right, .line-diff-left {
  }

  .line-diff-right {
      position: relative;
      left: 30px;
  }

  .line-diff-left-filled {
      background-color: #E9967A;
  }
  .line-diff-right-filled {
      background-color: #90EE90;
  }

  .line-diff-unchanged {
      background-color: rgb(245, 245, 245);
  }

  #nbdiff-filename {
      font-family: monospace;
  }
