@charset "utf-8";
/* CSS Document */

    .instructions {
        height: 30px;
    }
    .middleSection {
        height: 277px;
    }

    #alertBox {
    	position: absolute;
    	left: 1px;
    	bottom: 1px;
    	width: 80%;
        display: none;
    }
    
    .oneLineAlert {
        margin-top: 15px;
    }
    .twoLineAlert {
        margin-top: 0px;
    }

    .feedbackSection {
    	position: relative;
        background-color: inherit;
        width: 290px;
    }
    
    .buttonSection {
        width: 98px;
        background-color: inherit;
    }
    .mathButton {
        width: 80px;
    }

    
    .tile {
        border-radius: 5px;
         margin-right: 7px;
        margin-bottom: 8px;
        float: left;
        padding-top: 10px;
        height: 25px;
        width: 90px;
        cursor: move;
        text-align: center;

        white-space: nowrap;
          border: 1px solid #8d8e8f;
          background-color: #fefefe;
          background-position: bottom center;
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMzNDUyNjZGQjg2MTFFMTk3OTg5MkY1NzFBNTk1NkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMzNDUyNjdGQjg2MTFFMTk3OTg5MkY1NzFBNTk1NkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzM0NTI2NEZCODYxMUUxOTc5ODkyRjU3MUE1OTU2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzM0NTI2NUZCODYxMUUxOTc5ODkyRjU3MUE1OTU2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvoL4GMAAAA/SURBVHjaYvz37x8DtQETAw0Ay////4eGoSPc+6OG0sBQWmTT0YgaTVKjYTpq6CCv+BgZGalvKBMT9R0LEGAAhDNFI+43pzkAAAAASUVORK5CYII=);
          background-size: 100% 100%;
          background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e7e7e7));
          /* Safari 4+, Chrome */

          background-image: -webkit-linear-gradient(top, #fefefe, #e7e7e7);
          /* Chrome 10+, Safari 5.1+, iOS 5+ */

          background-image: -moz-linear-gradient(top, #fefefe, #e7e7e7);
          /* Firefox 3.6-15 */

          background-image: -o-linear-gradient(top, #fefefe, #e7e7e7);
          /* Opera 11.10-12.00 */

          background-image: linear-gradient(to bottom, #fefefe, #e7e7e7);
          /* Firefox 16+, IE10, Opera 12.50+ */

          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fefefe, endColorstr=#e7e7e7);
          /* IE6���IE9 */

          zoom: 1;
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
          -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
          -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
          color: #333;


    }

    #tileBin, #tableContainer {
        float: left;
        width: 100%;
    }
    #tileBin {
        height: 109px;
        background-color:inherit;
    }
    #tableContainer {
        height: 180px;
        background-color: inherit;
    }
    .cell {
        float: left;
        padding-top: 10px;
        height: 30px;
        width: 98px;
        border: 1px solid black;
    }
    .contentCell {
        background-color: inherit;
    }
    .noFillCell {
        background-color: #cccccc;
    }
    .filledCell {
        
    }
    .hoverCell {
        background-color: #fabb7d;
    }
    .topRow {
        background-color: #d1efee;
        text-align: center;
    }
    .leftColumn {
    	background-color: #d1efee;
        text-align: center;
    }
    #showMeBtn {
        display: none;
    }