﻿
/*
Any time you use a gradient you need to include all of these browser specific forms:  -tkadlec
use http://www.colorzilla.com/gradient-editor/
do not check the box that says 'IE9'.  this will include an SVG encoded image that will 
cause older browsers to warn users of insecure items over https.
see http://www.tenforce.com/blog/avoid-non-secure-warning for more info on <ie8 secure/insecure issue.

Any time you use a box-shadow include these forms:
    -webkit-box-shadow: 0 -1px 16px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 -1px 16px rgba(0, 0, 0, 0.19);
    box-shadow: 0 -1px 16px rgba(0, 0, 0, 0.19);
*/


/* #F3F3F3 to #FFFFFF (silver)*/
.claim-overview, .well, .announcements, .announcements_Event, .ClaimInfoBanner, ClaimInfoBanner_Event, .claim-info .nav-tabs li a, .tabMenu > ul > li > a, .watchlist-button.btn
{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3f3f3 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f3f3f3 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f3f3f3 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

/* #3d7fbb to #00559c (blue) */
.btn-primary, #contactContainer h1, #helpLoginContainer h1, #claiminfoheader, .ui-datepicker-header.ui-widget-header, .job-history-pager, .dataTable th, .paging td {
    background: #00559c; /* Old browsers */
    background: -moz-linear-gradient(top,  #3d7fbb 0%, #00559c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d7fbb), color-stop(100%,#00559c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3d7fbb 0%,#00559c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3d7fbb 0%,#00559c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3d7fbb 0%,#00559c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3d7fbb 0%,#00559c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d7fbb', endColorstr='#00559c',GradientType=0 ); /* IE6-8 */
}

/* #82AED3 to #3A7DB5 (light blue for mouse hover) */
.dataTable th.sort, .dataTable th:hover, .hilite-row tr.mouseOverRow td, .hilite-row tr.mouseOverRow.altRow td
{
    background: #5F96C4; /* Old browsers */
    background: -moz-linear-gradient(top,  #82aed3 0%, #3a7db5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82aed3), color-stop(100%,#3a7db5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #82aed3 0%,#3a7db5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #82aed3 0%,#3a7db5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #82aed3 0%,#3a7db5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #82aed3 0%,#3a7db5 100%); /* W3C */
    /* Deliberately not including a filter for ie7-9 here because of a bug in IE where filters remove table cell borders. */
}

.tabMenu > ul > li.hasRelatedClaims a
{
    /* 255 6 0 */ /* 127 0 0 */
    background: #cc0000 ! important ; /* Old browsers */ 
    background: -moz-linear-gradient(top, #ff0000 0%, #7f0000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#7f0000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff0000 0%,#7f0000 100%)! important;  /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff0000 0%,#7f0000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff0000 0%,#7f0000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff0000 0%,#7f0000 100%); /* W3C */
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#7f0000',GradientType=0 ) ! important; /* IE6-8 */
}

.ie9 .tabMenu > ul > li.hasRelatedClaims a {
    border-radius: 0;
}
