.tatami-tile{
  float:left;
  background:none;
  min-height:80px;
  margin-right:20px;
  display:block;
}

.logged-in .tatami-tile{
  background-color:#d7e3fa;
}

.col-1{width:60px;}
.col-2{width:140px;}
.col-3{width:220px;}
.col-4{width:300px;}
.col-5{width:380px;}
.col-6{width:460px;}
.col-7{width:540px;}
.col-8{width:620px;}
.col-9{width:700px;}
.col-10{width:780px;}
.col-11{width:860px;}
.col-10{width:940px;}

.col-1.last,.col-2.last,.col-3.last,.col-4.last,.col-5.last,
.col-6.last,.col-7.last,.col-8.last,.col-9.last,.col-10.last,
.col-11.last,.col-10.last{margin-right:0;}

.tatami-wrapper-template{
  width:100%;
}

.logged-in .tatami-tile,.logged-in .box-block{
  position:relative;
}
.logged-in .toggle-tatami-browser{
  padding:5px;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  background:#000;
  color:#fff;
  -moz-border-radius-topleft:0;
  -moz-border-radius-topright:0;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-bottomleft:0;
  -webkit-border-radius:0 0 5px 0;
  border-radius:0 0 5px 0;
}
.logged-in .box-block-controls{
  padding:5px;
  position:absolute;
  top:0;
  right:0;
  z-index:1000;
  background:#000;
  color:#fff;
  -moz-border-radius-topleft:0;
  -moz-border-radius-topright:0;
  -moz-border-radius-bottomright:0;
  -moz-border-radius-bottomleft:5PX;
  -webkit-border-radius:0 0 0 5px;
  border-radius:0 0 0 5px;
}

.box-block-controls span.box-block-move{margin:0 5px;}
.box-block-controls a{color:#fff!important;text-decoration:none;}
.box-block{}

.ui-sortable-placeholder{
  width:100%;
}

.ui-state-hover{
}
.ui-state-active, .ui-state-highlight{
  min-height:50px;
}
.ui-state-highlight{
  text-align:center;
}

.tatami-box{
  min-height:50px;
}

.box-block-move{
  cursor:move;
}

.box-block-remove{
  cursor:pointer;
}