/*---------------------------------------------------------------------------------------------------------------------
                                          HOVER
---------------------------------------------------------------------------------------------------------------------*/
.mouse .color-purple .table-title:hover,
.open.color-purple .table-title{
    background: #fe00df;
    background: -moz-linear-gradient(top,  #fe00df 0%, #c200ab 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe00df), color-stop(100%,#c200ab));
    background: -webkit-linear-gradient(top,  #fe00df 0%,#c200ab 100%);
    background: -o-linear-gradient(top,  #fe00df 0%,#c200ab 100%);
    background: -ms-linear-gradient(top,  #fe00df 0%,#c200ab 100%);
    background: linear-gradient(to bottom,  #fe00df 0%,#c200ab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe00df', endColorstr='#c200ab',GradientType=0 );
}

.mouse .color-blue .table-title:hover,
.open.color-blue .table-title
{
    background: #77c5ff;
    background: -moz-linear-gradient(top,  #77c5ff 0%, #37a4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77c5ff), color-stop(100%,#37a4f4));
    background: -webkit-linear-gradient(top,  #77c5ff 0%,#37a4f4 100%);
    background: -o-linear-gradient(top,  #77c5ff 0%,#37a4f4 100%);
    background: -ms-linear-gradient(top,  #77c5ff 0%,#37a4f4 100%);
    background: linear-gradient(to bottom,  #77c5ff 0%,#37a4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c5ff', endColorstr='#37a4f4',GradientType=0 );
}

.mouse .color-green .table-title:hover,
.open.color-green .table-title
{
    background: #00f09e;
    background: -moz-linear-gradient(top,  #00f09e 0%, #009c68 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00f09e), color-stop(100%,#009c68));
    background: -webkit-linear-gradient(top,  #00f09e 0%,#009c68 100%);
    background: -o-linear-gradient(top,  #00f09e 0%,#009c68 100%);
    background: -ms-linear-gradient(top,  #00f09e 0%,#009c68 100%);
    background: linear-gradient(to bottom,  #00f09e 0%,#009c68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f09e', endColorstr='#009c68',GradientType=0 );
}

.mouse .color-dark-purple .table-title:hover,
.open.color-dark-purple .table-title
{
    background: #ae58ef;
    background: -moz-linear-gradient(top,  #ae58ef 0%, #8745bc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae58ef), color-stop(100%,#8745bc));
    background: -webkit-linear-gradient(top,  #ae58ef 0%,#8745bc 100%);
    background: -o-linear-gradient(top,  #ae58ef 0%,#8745bc 100%);
    background: -ms-linear-gradient(top,  #ae58ef 0%,#8745bc 100%);
    background: linear-gradient(to bottom,  #ae58ef 0%,#8745bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae58ef', endColorstr='#8745bc',GradientType=0 );
}

.mouse .color-orange .table-title:hover,
.open.color-orange .table-title
{
    background: #fba866;
    background: -moz-linear-gradient(top,  #fba866 0%, #ff821e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fba866), color-stop(100%,#ff821e));
    background: -webkit-linear-gradient(top,  #fba866 0%,#ff821e 100%);
    background: -o-linear-gradient(top,  #fba866 0%,#ff821e 100%);
    background: -ms-linear-gradient(top,  #fba866 0%,#ff821e 100%);
    background: linear-gradient(to bottom,  #fba866 0%,#ff821e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fba866', endColorstr='#ff821e',GradientType=0 );
}

.mouse .table-title:hover{
    cursor:pointer;
}

.mouse .open .table-title:hover{
    opacity: 0.9;
}

.mouse .row:hover{
    background-color: #303030;
    cursor: pointer;
}
.mouse .cell:hover{
    cursor: pointer;
}


/******************** cell size ********************/
.cell.cell1{
    width: 2%;
    font-size: 2em;
    padding: 10px;
}

.cell.cell2{
    width: 20%;
}

.cell.cell3{
    width: 58%;
}

/*---------------------------------------------------------------------------------------------------------------------
                                                    IE8
---------------------------------------------------------------------------------------------------------------------*/
.ie8 .open .table-title:before{
    border-left : .5em solid #6d6d6d;
}