@import url("unisave-colours.css");

/* main unisave results table styling */
.results table {
    table-layout: auto;
    font-family: 12px/15px "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #1D3D4A;
    overflow: hidden;
    border: 1px solid #d3d3d3;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.results table th, td {
    text-align: center;
    vertical-align: middle;
    border: none;
}

.results table.left td {
    padding-left:10px;
    text-align: left;
}

.results table th {
    padding: 10px;
    text-shadow: 1px 1px 1px #ccc;
    background: #4691B1;
    color: #1D3D4A;
}

.results table td {
    border-top: 1px solid #e0e0e0;
}

.results table tr {
    padding: 10px;
}

.results table td.first, th.first {
    text-align: left
}

/*.results table td.last {border-right:none;}*/

/*
 background gradients are completely unnecessary but quite nice
 */

.results table tr.odd_row {
    /*background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #B2CECF);
    background: -webkit-gradient(linear, 0% 0%, 0% 15%, from(#B2CECF), to(#f6f6f6));*/
    background: -moz-linear-gradient(top, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 0.93) 68%, rgba(230, 230, 230, 0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 1)), color-stop(68%, rgba(230, 230, 230, 0.93)), color-stop(100%, rgba(230, 230, 230, 0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 0.93) 68%, rgba(230, 230, 230, 0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 0.93) 68%, rgba(230, 230, 230, 0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 0.93) 68%, rgba(230, 230, 230, 0.9) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 0.93) 68%, rgba(230, 230, 230, 0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#e6e6e6e6', GradientType=0); /* IE6-9 */

}

.results table th {
    /*background: -moz-linear-gradient(100% 25% 90deg, #B2CECF, #C9D4D4);
    background: -webkit-gradient(linear, 0% 0%, 0% 30%, from(#4691B1), to(#B2CECF));*/
    background: rgb(190, 216, 228); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(190, 216, 228, 1) 0%, rgba(177, 211, 226, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(190, 216, 228, 1)), color-stop(100%, rgba(177, 211, 226, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(190, 216, 228, 1) 0%, rgba(177, 211, 226, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(190, 216, 228, 1) 0%, rgba(177, 211, 226, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(190, 216, 228, 1) 0%, rgba(177, 211, 226, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(190, 216, 228, 1) 0%, rgba(177, 211, 226, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bed8e4', endColorstr='#b1d3e2', GradientType=0); /* IE6-9 */

}

.results table tr.compare_selected {
    background: #fff7d2;
}

/*table of results animation css*/
/*currently not used -- new angular version has ported*/
/*animation of ng-repeat to a separate module, which*/
/*causes extra page digests, meaning slight flicker when changing*/
/*page. I prefer no animation, than flicker.*/
.results table .animate.ng-enter,
.results table .animate.ng-leave,
.results table .animate.ng-move {
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
    position:relative;
}

.results table .animate.ng-enter {
    left:-10px;
    opacity:0;
}
.results table .animate.ng-enter.ng-enter-active {
    left:0;
    opacity:1;
}

.results table .animate.ng-leave {
    left:0;
    opacity:1;
}
.results table .animate.ng-leave.ng-leave-active {
    left:-10px;
    opacity:0;
}

.results table .animate.ng-move {
    opacity:0.5;
}
.results table .animate.ng-move.ng-move-active {
    opacity:1;
}