@media screen 
{
	.content {
		border: 1px solid #C0C0C0;
		border-bottom: 0px solid white;
	}
}

html, body {
    height: 100%;
  }

  body {
    padXXXding: 8px;
    bacXXXkground-color: #F6F6F6;
    box-sizing: border-box;
  }

  .split {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    overflow-y: hidden;
    overflow-x: hidden;
  }

  .content {
    bXXXorder: 1px solid #C0C0C0;
    bXXXorder-bottom: 0px solid white;
    bXXXox-shadow: inset 0 1px 2px #e4e4e4;
    background-color: white;
  }

  .gutter {
    background-color: transparent;

    background-repeat: no-repeat;
    background-position: 50%;
  }

  .gutter.gutter-horizontal {
    cursor: col-resize;
    background-image: url('./vertical.png');
  }

  .gutter.gutter-vertical {
    cursor: row-resize;
    background-image: url('./horizontal.png');
  }
  
  .gutter.gutter-vertical:active {
	background-color: red;
  }

  .split.split-horizontal, .gutter.gutter-horizontal {
    height: 100%;
    float: left;
  }