How do I...how to change the tabs colours

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/forms/home.Master"
    CodeBehind="a_grades.aspx.vb" Inherits="GUI_Storyboard.WebForm3" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        var validFilesTypes = ["bmp", "gif", "png", "jpg", "jpeg", "doc", "xls"];
        function ValidateFile() {
            var file = document.getElementById("<%=fileuploadExcel.ClientID%>");
            var label = document.getElementById("<%=lblMessage.ClientID%>");
            var path = file.value;
            var ext = path.substring(path.lastIndexOf(".") + 1, path.length).toLowerCase();
            var isValidFile = false;
            for (var i = 0; i < validFilesTypes.length; i++) {
                if (ext == validFilesTypes[i]) {
                    isValidFile = true;
                    break;
                }
            }
            if (!isValidFile) {
                label.style.color = "red";
                label.innerHTML = "Invalid File. Please upload a File with" +
         " extension:\n\n" + validFilesTypes.join(", ");
            }
            return isValidFile;
        }
    </script>
    <%--<script src="../Scripts/DataTables-1.10.4/jquery.dataTables.js" type="text/javascript"></script>
    <link href="../style/jquery.dataTables.css" rel="stylesheet" type="text/css" />--%>
    <script type="text/javascript">
        var table;
        $(document).ready(function () {
            //alert("hello");
            table = $('#example').dataTable();
            funjciclick();
            $("#example_length").css("display", "none");
            $("#example_filter").css("display", "none");
        });
        function funjciclick() {
            //$(".ITC").css("display", "none");
            //$(".jci").css("display", "inline");
            table.fnSetColumnVis(7, false);
            table.fnSetColumnVis(8, false);
            table.fnSetColumnVis(9, false);
            table.fnSetColumnVis(5, true);
            table.fnSetColumnVis(6, true);
            table.fnSetColumnVis(10, false);
            table.fnSetColumnVis(11, false);
            table.fnSetColumnVis(12, false);
            table.fnSetColumnVis(13, false);
            $(".theal").css("border", "none");
            $(".thcust").css("border", "none");
            $(".thitc").css("border", "none");
            $(".thjci").css("border", "solid 1px red");
        }
        function funealclick() {
            $(".thjci").css("border", "none");
            $(".thcust").css("border", "none");
            $(".thitc").css("border", "none");
            table.fnSetColumnVis(7, true);
            table.fnSetColumnVis(8, true);
            table.fnSetColumnVis(9, true);
            table.fnSetColumnVis(5, false);
            table.fnSetColumnVis(6, false);
            table.fnSetColumnVis(10, false);
            table.fnSetColumnVis(11, false);
            table.fnSetColumnVis(12, false);
            table.fnSetColumnVis(13, false);
            $(".theal").css("border", "solid 1px red");
        }
        function funcustclick() {
            $(".thjci").css("border", "none");
            $(".theal").css("border", "none");
            $(".thitc").css("border", "none");
            table.fnSetColumnVis(7, false);
            table.fnSetColumnVis(8, false);
            table.fnSetColumnVis(9, false);
            table.fnSetColumnVis(5, false);
            table.fnSetColumnVis(6, false);
            table.fnSetColumnVis(10, true);
            table.fnSetColumnVis(11, true);
            table.fnSetColumnVis(12, false);
            table.fnSetColumnVis(13, false);
            $(".thcust").css("border", "solid 1px red");
        }
        function funitcclick() {
            $(".thjci").css("border", "none");
            $(".thcust").css("border", "none");
            $(".theal").css("border", "none");
            table.fnSetColumnVis(7, false);
            table.fnSetColumnVis(8, false);
            table.fnSetColumnVis(9, false);
            table.fnSetColumnVis(5, false);
            table.fnSetColumnVis(6, false);
            table.fnSetColumnVis(10, false);
            table.fnSetColumnVis(11, false);
            table.fnSetColumnVis(12, true);
            table.fnSetColumnVis(13, true);
            $(".thitc").css("border", "solid 1px red");
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <!-- Breadcrumb -->
    <div id="breadcrumb" class="breadcrumb">
        <asp:LinkButton ID="LinkButton3" runat="server" OnClientClick="window.location.href='##';">Home</asp:LinkButton>
        <asp:LinkButton ID="LinkButton5" runat="server">Admin</asp:LinkButton>
        <asp:LinkButton ID="LinkButton4" runat="server">Manage BAER</asp:LinkButton>
        <asp:LinkButton ID="LinkButton1" runat="server">Grades</asp:LinkButton>
    </div>
    <!-- Breadcrumb /-->
    <!-- Page Title -->
    <div id="pagetitle">
        Grades</div>
    <!-- Page Title /-->
    <div id="bodycontainer">
        <div id="inputbox">
            <fieldset name="Group1">
                <legend>Search</legend>
                <table>
                    <tr>
                        <th class="width-10">
                            Filter by
                        </th>
                        <td class="width-40">
                            <asp:DropDownList ID="DropDownList1" runat="server" CssClass="width-25">
                            </asp:DropDownList>
                            <asp:TextBox ID="TextBox11" runat="server" CssClass="width-25"></asp:TextBox>
                            <asp:LinkButton ID="LinkButton2" runat="server">Search</asp:LinkButton>
                            <asp:LinkButton ID="LinkButton6" runat="server">Clear</asp:LinkButton>
                            <asp:LinkButton ID="LinkButton7" runat="server">Show All</asp:LinkButton>
                        </td>
                        <%--   <td class="td-spacer">
                            &nbsp;
                        </td>
                        <th class="width-10">
                            Select
                        </th>
                        <td>
                            <asp:RadioButton ID="RadioButton1" runat="server" /><label>New BAER</label>
                            <asp:RadioButton ID="RadioButton2" runat="server" /><label>ETU</label>
                        </td>--%>
                    </tr>
                    <tr>
                        <th class="width-10">
                            Please Select Excel File:
                        </th>
                        <td>
                            <asp:FileUpload ID="fileuploadExcel" runat="server" Width="300px" />
                            &nbsp;&nbsp;<asp:Button ID="btnImport" runat="server" Text="Upload" /><br />
                            <asp:Label ID="lblMessage" runat="server" Text="" />
                        </td>
                    </tr>
                </table>
            </fieldset>
            <div id="gridbox" style="margin: 20px 0 20px 0;">
                <h1>
                    Search Result</h1>
                <table id="example" class="display" cellspacing="0" style="width: 100%;">
                    <thead>
                        <tr>
                            <th class="width-5" rowspan="2">
                                Clock ID
                            </th>
                            <th class="width-5" rowspan="2">
                                Last Name
                            </th>
                            <th class="width-5" rowspan="2">
                                First Name
                            </th>
                            <th class="width-5 align-center">
                                Is EXPAT
                            </th>
                            <th class="width-5 align-center">
                                Customs
                            </th>
                            <th colspan="2">
                                <span onclick="funjciclick();" style="cursor: pointer;" class="thjci">JCI</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                                    class="theal" onclick="funealclick();" style="cursor: pointer;">EAL</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                                    class="thcust" onclick="funcustclick();" style="cursor: pointer;">CUST</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                                    class="thitc" onclick="funitcclick();" style="cursor: pointer;">ITC Process</span>
                            </th>
                            <th colspan="3">
                                <span onclick="funjciclick();" style="cursor: pointer;" class="thjci">JCI</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                                    class="theal" onclick="funealclick();" style="cursor: pointer;">EAL</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                                    class="thcust" onclick="funcustclick();" style="cursor: pointer;">CUST</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                                    class="thitc" onclick="funitcclick();" style="cursor: pointer;">ITC Process</span>
                            </th>
                            <th colspan="2">
                                <span onclick="funjciclick();" style="cursor: pointer;" class="thjci">JCI</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                                    class="theal" onclick="funealclick();" style="cursor: pointer;">EAL</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                                    class="thcust" onclick="funcustclick();" style="cursor: pointer;">CUST</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                                    class="thitc" onclick="funitcclick();" style="cursor: pointer;">ITC Process</span>
                            </th>
                            <th colspan="2">
                                <span onclick="funjciclick();" style="cursor: pointer;" class="thjci">JCI</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                                    class="theal" onclick="funealclick();" style="cursor: pointer;">EAL</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                                    class="thcust" onclick="funcustclick();" style="cursor: pointer;">CUST</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                                    class="thitc" onclick="funitcclick();" style="cursor: pointer;">ITC Process</span>
                            </th>
                            <th class="width-5">
                                Building
                            </th>
                            <th class="width-5">
                                Upload
                            </th>
                        </tr>
                        <tr>

                            <th class="width-5">
                                ITC Focal?
                            </th>
                            <th class="width-5">
                                Customs?
                            </th>
                            <th>
                                JCI 1
                            </th>
                            <th>
                                JCI 2
                            </th>
                            <th>
                                EAL 1
                            </th>
                            <th>
                                EAL 2
                            </th>
                            <th>
                                EAL 3
                            </th>
                            <th>
                                CUST 1
                            </th>
                            <th>
                                CUST 2
                            </th>
                            <th>
                                ITC 1
                            </th>
                            <th>
                                ITC 2
                            </th>
                            <th class="width-5">
                                &nbsp;
                            </th>
                            <th class="width-5">
                                &nbsp;
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="width-5">
                                302070
                            </td>
                            <td class="width-5">
                                Rao
                            </td>
                            <td class="width-5">
                                Kris
                            </td>
                            <td class="width-5">
                                <asp:CheckBox ID="CheckBox1" runat="server" Checked="True" />
                            </td>
                            <td class="width-5">
                                <asp:CheckBox ID="CheckBox2" runat="server" Checked="True" />
                            </td>
                            <td class="width-5">
                                <asp:CheckBox ID="CheckBox3" runat="server" Checked="True" />
                            </td>
                            <td class="width-5">
                                <asp:CheckBox ID="CheckBox4" runat="server" Checked="True" />
                            </td>
                            <td class="width-5">
                                <asp:CheckBox ID="CheckBox5" runat="server" Checked="True" />
                            </td>
                            <td class="width-5">
                                <asp:CheckBox ID="CheckBox6" runat="server" Checked="True" />
                            </td>
                            <td class="width-5">
                                <asp:CheckBox ID="CheckBox7" runat="server" Checked="True" />
                            </td>
                            <td class="width-5">
                                <asp:CheckBox ID="CheckBox9" runat="server" Checked="True" />
                            </td>
                            <td class="width-5">
                                <asp:CheckBox ID="CheckBox10" runat="server" Checked="True" />
                            </td>
                            <td class="width-5">
                                <asp:CheckBox ID="CheckBox11" runat="server" Checked="True" />
                            </td>
                            <td class="width-5">
                                <asp:CheckBox ID="CheckBox12" runat="server" Checked="True" />
                            </td>
                            <td class="width-5">
                                <asp:DropDownList ID="DropDownList7" runat="server">
                                </asp:DropDownList>
                            </td>
                            <td class="width-5">
                                <asp:CheckBox ID="CheckBox8" runat="server" Checked="True" />
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- Buttons -->
        <div id="buttonpan">
            <asp:Button ID="Button1" runat="server" Text="Save" OnClientClick="window.location.href='##';" />
            <asp:Button ID="Button2" runat="server" Text="Cancel" OnClientClick="window.location.href='##';" />
            <asp:Button ID="Button3" runat="server" Text="Reset" OnClientClick="window.location.href='##';" />
        </div>
        <!-- Buttons /-->
    </div>
</asp:Content>