﻿.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#wrap {
    /* fixed width, centered in viewport */
    margin-top: -22px;
    position: relative;
    text-align: -webkit-center;
}

#showcase {
    /*width: 100%;*/
    width: 850px;
    height: 460px;
    background: #16235e; /* Old browsers */
    background: -moz-linear-gradient(top, #16235e 0%, #020223 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #16235e), color-stop(100%, #020223)); /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #16235e 0%, #020223 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #16235e 0%, #020223 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #16235e 0%, #020223 100%); /* IE10+ */
    background: linear-gradient(to bottom, #16235e 0%, #020223 100%); /* W3C */
    border-radius: 8px;
    margin-top: 12px;
    visibility: hidden;
}

    #showcase img {
        cursor: pointer;
    }

#item-title {
    color: #F31414;
    font-size: 29px;
    letter-spacing: 0.13em;
    text-shadow: 1px 1px 6px #C72B2B;
    text-align: center;

    position: absolute;
    top: 245px;
    left: 0px;
    z-index: 999;
    width: 100%;

}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.column {
  /*float: left;
  text-align: center;*/
  cursor: move;
}

.column.over {
  border: 1px dashed #000 !important;
}

.selected {
  border: 1px solid blue !important;
}

.dragButton {
    cursor: move;
    padding: 0px 0px 0px 0px;
}
