jquery is applied to first gridview (table) but not to the second one

The following jQuery gets applied to one table that meets the criteria, but a second table also meets the criteria and is not getting the jquery applied.  Not sure why.

jquery:
 $(document).ready(function () {
      
        $('.grid_view_header th:eq(1)').css({
            textAlign: 'left'
        });
    });

Open in new window



page source (the rendered html at runtime):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
	Pyramid Platform
</title><link rel="SHORTCUT ICON" href="App_Themes/images/UI/favicon.ico" /><link href="App_Themes/css/persistant.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="Scripts/jquery-1.3.2.min.js" ></script><!-- JQuery Main File-->
    <script type="text/javascript" src="App_Themes/js/drop_down_menu.js"></script><!-- For Collapse and Expand -->
    <script type="text/javascript" src="Scripts/jquery_animatedcollapse.js"></script><!-- For Collapse and Expand -->
    <script type="text/javascript" src="App_Themes/js/shadowbox.js"></script><!-- For Shadowbox -->
    <script type="text/javascript" src="Scripts/Reo.js"></script>
    <script type="text/javascript" src="Scripts/jquery.bt.min.js"></script><!-- For BeautyTip -->
    <script type="text/javascript" src="Scripts/excanvas.js"></script><!-- For BeautyTip to work in IE -->
    <script type="text/javascript" src="Scripts/jQueryDatePicker/jquery-ui-1.8.5.custom.min.js"></script><!-- For DatePicker-->
    <script type="text/javascript" src="Scripts/jquery.maskedinput-1.3.js"></script>
        

    <!--[if IE]>   <link rel="stylesheet" type="text/css" href="App_Themes/css/persistant_ie.css" />  <![endif]-->
    <!--[if IE 8]> <link rel="stylesheet" type="text/css" href="App_Themes/css/persistant_ie8.css" /> <![endif]-->
    <!--[if IE 7]> <link rel="stylesheet" type="text/css" href="App_Themes/css/persistant_ie7.css" /> <![endif]-->
    <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="App_Themes/css/persistant_ie6.css" /> <![endif]-->
    <!--[if IE 9]> <link rel="stylesheet" type="text/css" href="App_Themes/css/persistant_ie9.css" /> <![endif]-->


    <script type="text/javascript">

        // This funtion Triggers the Drop Down Menu
        $(document).ready(function() {
            $("ul.sf-menu").superfish().find('ul').bgIframe({ opacity: false });
        });

        // This initializes th shadowbox system
        Shadowbox.init({
            players: ["iframe", "html"]
        });

        //This function is required for reregistering jQuery stuff after partial postback
        $(document).ready(function() {
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

            function EndRequestHandler(sender, args) {
                $('.mydatepickerclass').datepicker();
            }

        });

        //For Refrshing Queue page from this page
        function CloseAndRefreshPopUP() {
            if (parent != null) {
                window.close();
                parent.RefreshParentMain();
            }
            else {
                Shadowbox.close();
            }
        }

        function Refresh() {
            __doPostBack('', 'POPUP');
        }
    </script>
    
</head>
<body id="brighton" class="no-asset" onbeforeunload="return OnCancelDeleteMain();">

    <form method="post" action="Main.aspx?MenuId=537&amp;AssetTaskID=2760316-1&amp;RepairBidIDSID=14043-1&amp;RepairBidFormIDSID=3591-1" id="frmMain" enctype="multipart/form-data">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTEzMzcxNTY3NQ9kFgICAw8WAh4HZW5jdHlwZQUTbXVsdGlwYXJ0L2Zvcm0tZGF0YRYEAgMPZBYCAgEPZBYEAgUPDxYCHgRUZXh0BQ1EYXZlIEJ5dGhld2F5ZGQCBw8QDxYGHg1EYXRhVGV4dEZpZWxkBQRSb2xlHg5EYXRhVmFsdWVGaWVsZAUGUm9sZUlEHgtfIURhdGFCb3VuZGdkEBUCEVNlbmlvciBNYW5hZ2VyLUw0BUFkbWluFQICMTMBMxQrAwJnZxYBAgFkAgUPZBYCAgEPZBYGAgEPZBYCAgEPZBYCAgEPEGRkFCsBAWZkAgkPZBYCZg9kFhACAQ8PFgIfAQUPYmlkIDIgY29udCBuYW1lZGQCAw8PFgIfAQUBM2RkAgUPDxYCHwEFBjQzMi4wMGRkAgcPDxYCHwEFClVuYXNzaWduZWRkZAIJDxYCHgRocmVmBR5+L1ZpZXdEb2MuQXNweD9Eb2NJRD0yMDAwMDMyLTFkAgsPPCsAEQIADxYEHwRnHgtfIUl0ZW1Db3VudAIBZAEQFgAWABYAFgJmD2QWAgIBDw9kFgIeB29uQ2xpY2sFcEhpZ2hMaWdodEdWUm93KCdjdGwwOV9ndlJlcGFpcl9jdGwwMicsICdjdGwwOV9ndlJlcGFpcl9jdGwwMl9oZFNlbGVjdGVkUm93JywgJ2N0bDA5X2d2UmVwYWlyX2N0bDAyX2hkT2xkU3R5bGUnKTsWCgIBD2QWAgIBDw8WAh8BBQZDYXJwZXRkZAICD2QWAgIBDw8WAh4LTWVzc2FnZVRleHQFGmNhcnBldCBjbGVhbmluZyAxIEZlYiAyMDEzZBYEAgEPDxYCHwEFGmNhcnBldCBjbGVhbmluZyAxIEZlYiAyMDEzFgIeBVN0eWxlBTpkaXNwbGF5OmJsb2NrO3BhZGRpbmc6MDtvdmVyZmxvdzpoaWRkZW47d2lkdGg6MHB4O2hlaWdodDo7ZAIDDxYCHgV0aXRsZQUaY2FycGV0IGNsZWFuaW5nIDEgRmViIDIwMTMWAgIBDw9kFgIeBm9ubG9hZAVpc2Nyb2xsRGV0ZWN0KCdjdGwwOV9ndlJlcGFpcl9jdGwwMl9pY29uRGV0YWlsc19pbWdQb3B1cCcsICdjdGwwOV9ndlJlcGFpcl9jdGwwMl9pY29uRGV0YWlsc19sYmxNZXNzYWdlJyk7ZAIDD2QWAgIBDxAPFgIeB0NoZWNrZWRnZGRkZAIED2QWAgIBDw8WAh8BBQEyZGQCBQ9kFgICAQ8PFgIfAQUGMjIyLjAwZGQCDQ88KwARAgAPFgQfBGcfBgIBZAEQFgAWABYAFgJmD2QWAgIBDw9kFgIfBwV/SGlnaExpZ2h0R1ZSb3coJ2N0bDA5X2d2UmVjb21tZW5kZWRfY3RsMDInLCAnY3RsMDlfZ3ZSZWNvbW1lbmRlZF9jdGwwMl9oZFNlbGVjdGVkUm93JywgJ2N0bDA5X2d2UmVjb21tZW5kZWRfY3RsMDJfaGRPbGRTdHlsZScpOxYKAgEPZBYCAgEPDxYCHwEFBkNhcnBldGRkAgIPZBYCAgEPDxYCHwgFIGNhcnBldCBwYWQgcmVwIG90aGVyIGNvbnRyIDMyMTIyZBYEAgEPDxYCHwEFIGNhcnBldCBwYWQgcmVwIG90aGVyIGNvbnRyIDMyMTIyFgIfCQU6ZGlzcGxheTpibG9jaztwYWRkaW5nOjA7b3ZlcmZsb3c6aGlkZGVuO3dpZHRoOjBweDtoZWlnaHQ6O2QCAw8WAh8KBSBjYXJwZXQgcGFkIHJlcCBvdGhlciBjb250ciAzMjEyMhYCAgEPD2QWAh8LBXNzY3JvbGxEZXRlY3QoJ2N0bDA5X2d2UmVjb21tZW5kZWRfY3RsMDJfaWNvbkRldGFpbHNfaW1nUG9wdXAnLCAnY3RsMDlfZ3ZSZWNvbW1lbmRlZF9jdGwwMl9pY29uRGV0YWlsc19sYmxNZXNzYWdlJyk7ZAIDD2QWAgIBDxAPFgIfDGdkZGRkAgQPZBYCAgEPDxYCHwEFATJkZAIFD2QWAgIBDw8WAh8BBQYyMTAuMDBkZAIRD2QWAmYPZBYCAgEPZBYCAgEPDxYGHgtBc3NldFRhc2tJRAL8vKgBHgxBc3NldFRhc2tTSUQCAR4NQ29udHJvbExvYWRlZGdkFgJmD2QWAmYPZBYCAgMPFgIeB1Zpc2libGVoFgJmD2QWAmYPZBYCAgEPFgIfBmZkAgsPZBYCAgMPZBYCAgEPDxYCHg1PbkNsaWVudENsaWNrBSFIaWRlQnV0dG9uKCdjdGwwOV9zcG5TdWJtaXRCdG4nKTtkZBgCBRNjdGwwOSRndlJlY29tbWVuZGVkDzwrAAwBCAIBZAUOY3RsMDkkZ3ZSZXBhaXIPPCsADAEIAgFkDpnANXUHxNCGQIorFGSUXxl7g45F3z3xdkn1xjJRXnQ=" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['frmMain'];
if (!theForm) {
    theForm = document.frmMain;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>


<script src="/Reo/WebResource.axd?d=egLUKV-1oWoV3JJQvquL4Ppgoid5FeLWhxE41kwp9ZtbA97L3qM49IyTgjVnhRJi8NKp0oqj8ndUl0Zbm7fu2a3LhMWdVruBsmVTJHt-3Bg1&amp;t=634932978260943537" type="text/javascript"></script>


<script src="/Reo/ScriptResource.axd?d=dpWhqQ2-eAqoQ7QOYQeMSwVsB3yRK2a6oAB25oYTJF4Qdj4j2KKKyTG_FcVRplwqAKyggcumfhxktCZKxbjapTtY-3ZXhyW_Oe9nk98sWNo3MdZcP_lWsuC_N4zM2dMAiTTb6zR3ZnZrKh4mwuxjmcv4HM6N8EAcwC9nINERJ4dBBUhcqhen9VAqmrAvPUpm0&amp;t=ffffffff940d030f" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>

<script src="/Reo/ScriptResource.axd?d=ZD4T25NAHEj9dFZ10_LD2c-v8BmH_oHpAi-e_qfb_Sal8-hPOzrZAQm1b3RwTM6UhwelBujcx3uyFh9dZvFDrkXW251Aybu31OylqzcZ1xGeqRLiqpyv6j8sxV6fRlksSx7uq3YwdsALuwG73DI2MvFI3I1iYJmiEWCHBnKaZGgCrtC9o6aheC_dHXl_lkQv0&amp;t=ffffffff940d030f" type="text/javascript"></script>
<div class="aspNetHidden">

	<input type="hidden" name="__SCROLLPOSITIONX" id="__SCROLLPOSITIONX" value="0" />
	<input type="hidden" name="__SCROLLPOSITIONY" id="__SCROLLPOSITIONY" value="0" />
</div>

    
    <script type="text/javascript">
        var validateon = false;
        function OnCancelDeleteMain()
	    {
	        if(validateon)
	        {
	            if  (window.event.clientX <0 || window.event.clientY <0)
                {
                   return "All information not submitted will be discarded?";
                }
	        }
	    }
    </script>
    
    

    
    <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManagerMain', 'frmMain', ['tctl09$UpdatePanel1','','tctl09$uplAddlInst$panelUploadFile','','tctl09$photoBar1$OuterUpdatePanel',''], [], ['ctl09$uplAddlInst$btnUpload',''], 90, '');
//]]>
</script>

    
    
    
    
      <div id="header">
        <!-- Header Includes Logo, Main Naviagtion, User Name, Timer and Quick Search -->
    


    <div id="branding">
        <div class="logo"><!-- This div is needed for branding, it is always empty --></div>
        
        <div id="ctl10_navigation">
            
   	  	<ul class='sf-menu'><li><a href='Dashboard.aspx?MenuId=126'>Home</a></li><li><a href='Main.aspx?MenuId=534'>Agent Form Edit</a></li><li><a href='Popup.aspx?MenuId=537'>Repair Bid Detail</a></li><li><a href='ResetPassword.aspx?MenuId=235'>Change Password</a></li><li><a href='#' class='nav_drop_down'>Work Flow</a><ul><li><a href='Main.aspx?MenuId=344'>TaskWorkflowClone</a></li><li><a href='Main.aspx?MenuId=135'>Add Work Flow Description</a></li><li><a href='Main.aspx?MenuId=128'>Add Work Flow Tasks</a></li><li><a href='Main.aspx?MenuId=140'>Setup Task Matrix</a></li><li><a href='Main.aspx?MenuId=141'>System Tasks</a></li><li><a href='Main.aspx?MenuId=171'>Object Joins</a></li><li><a href='Main.aspx?MenuId=310'>Role Matrix</a></li><li><a href='Main.aspx?MenuId=314'>Approval Level</a></li><li><a href='Main.aspx?MenuId=337'>Task Scheduler</a></li><li><a href='Main.aspx?MenuId=338'>Cancel Task Matrix</a></li><li><a href='Main.aspx?MenuId=475'>Product Matrix</a></li></ul></li><li><a href='#' class='nav_drop_down'>Expenses</a><ul><li><a href='Main.aspx?MenuId=463'>Check Upload</a></li><li><a href='Main.aspx?MenuId=428'>Expense Sub Category Setup</a></li><li><a href='Main.aspx?MenuId=429'>Expense Client Defined Setup</a></li><li><a href='Main.aspx?MenuId=343'>ExpenseClone</a></li><li><a href='Main.aspx?MenuId=39'>Expense Queue</a></li><li><a href='Main.aspx?MenuId=90'>Find Expense</a></li><li><a href='Main.aspx?MenuId=88'>Upload Checks</a></li><li><a href='Main.aspx?MenuId=24'>Bulk Upload</a></li><li><a href='Main.aspx?MenuId=45'>Export Expenses</a></li><li><a href='Main.aspx?MenuId=46'>Export Expenses -- History</a></li><li><a href='Main.aspx?MenuId=99'>Export Expenses -- Asset Level</a></li><li><a href='Main.aspx?MenuId=100'>Export Mgmt Fees</a></li><li><a href='Main.aspx?MenuId=101'>Export Mgmt Fees --  History</a></li><li><a href='Main.aspx?MenuId=48'>Threshold Billings</a></li><li><a href='Main.aspx?MenuId=241'>BrokerAgent Data Change Report</a></li><li><a href='Main.aspx?MenuId=365'>Payee Finder</a></li><li><a href='Main.aspx?MenuId=426'>Add Vendor</a></li></ul></li><li><a href='#' class='nav_drop_down'>Rules Engine</a><ul><li><a href='Main.aspx?MenuId=97'>Rules Management</a></li><li><a href='Main.aspx?MenuId=109'>Rule Template</a></li><li><a href='Popup.aspx?MenuId=123'>Add Module</a></li></ul></li><li><a href='#' class='nav_drop_down'>Tools</a><ul><li><a href='Main.aspx?MenuId=79'>Role Assignment</a></li><li><a href='Main.aspx?MenuId=425'>DocSecurity</a></li><li><a href='Main.aspx?MenuId=448'>Pool Settings Template</a></li><li><a href='Main.aspx?MenuId=461'>Asset Copy</a></li><li><a href='Main.aspx?MenuId=430'>Element Management</a></li><li><a href='Main.aspx?MenuId=360'>ExceptionLog</a></li><li><a href='Main.aspx?MenuId=92'>Email Notification</a></li><li><a href='Main.aspx?MenuId=33'>Users</a></li><li><a href='Main.aspx?MenuId=34'>Reset Cache</a></li><li><a href='Main.aspx?MenuId=38'>Merchants</a></li><li><a href='Main.aspx?MenuId=14'>Page Management</a></li><li><a href='main.aspx?MenuId=389'>Task Recovery</a></li><li><a href='Main.aspx?MenuId=133'>Agent Finder</a></li><li><a href='Main.aspx?MenuId=139'>AuditXref Setup</a></li><li><a href='Main.aspx?MenuId=153'>Audit Log</a></li><li><a href='Main.aspx?MenuId=350'>Vacant Property Registration</a></li><li><a href='Main.aspx?MenuId=358'>Referral Broker Mgnt</a></li><li><a href='Main.aspx?MenuId=364'>System Task Matrix</a></li><li><a href='Main.aspx?MenuId=371'>System Messaging</a></li><li><a href='Main.aspx?MenuId=372'>System Task Config</a></li><li><a href='Main.aspx?MenuId=533'>Agent Form Add</a></li></ul></li><li><a href='#' class='nav_drop_down'>Reports</a><ul><li><a href='Main.aspx?MenuId=529'>Failed Sale Report</a></li><li><a href='Main.aspx?MenuId=456'>Billing</a></li><li><a href='Main.aspx?MenuId=459'>Resolute Summary Report</a></li><li><a href='Main.aspx?MenuId=462'>Title Issues Report</a></li><li><a href='Main.aspx?MenuId=464'>Winterization Report</a></li><li><a href='Main.aspx?MenuId=465'>Repair Analysis Report</a></li><li><a href='Main.aspx?MenuId=176'>KPI Yearly</a></li><li><a href='Main.aspx?MenuId=155'>Closed</a></li><li><a href='Main.aspx?MenuId=158'>Status</a></li><li><a href='Main.aspx?MenuId=159'>KPI - Finance Type</a></li><li><a href='Main.aspx?MenuId=168'>KPI Summary Report</a></li><li><a href='Main.aspx?MenuId=172'>Summary By State Report</a></li><li><a href='Main.aspx?MenuId=149'>Aged Listing</a></li><li><a href='Main.aspx?MenuId=150'>Asset Summary</a></li><li><a href='Main.aspx?MenuId=146'>Under Contract</a></li><li><a href='Main.aspx?MenuId=147'>Portfolio Overview</a></li><li><a href='Main.aspx?MenuId=466'>Eviction Detail</a></li><li><a href='Main.aspx?MenuId=152'>Eviction</a></li><li><a href='Main.aspx?MenuId=156'>Aged Eviction</a></li><li><a href='Main.aspx?MenuId=157'>Eviction Timeline</a></li><li><a href='Main.aspx?MenuId=325'>Accounting Approval</a></li><li><a href='Main.aspx?MenuId=322'>Accounting Closed</a></li><li><a href='Main.aspx?MenuId=326'>Transferred Redeemed</a></li><li><a href='Main.aspx?MenuId=319'>Report Management</a></li><li><a href='Main.aspx?MenuId=327'>Expense By Vendor</a></li><li><a href='Main.aspx?MenuId=328'>Expense By Client</a></li><li><a href='Main.aspx?MenuId=329'>Denied With Check</a></li><li><a href='Main.aspx?MenuId=321'>Run Data Reports</a></li><li><a href='Main.aspx?MenuId=433'>Selene Summary Report</a></li><li><a href='Main.aspx?MenuId=445'>Pending Expenses</a></li></ul></li><li><a href='Main.aspx?MenuId=15' class='nav_drop_down'>Assets</a><ul><li><a href='Main.aspx?MenuId=35'>Lookup Assets</a></li><li><a href='Main.aspx?MenuId=36'>Load Assets</a></li></ul></li></ul></div>
        
        <div id="header_date">
        	<table>
            	<tr>
            	    <td><strong><a id="ctl10_lnkLogout" href="javascript:__doPostBack(&#39;ctl10$lnkLogout&#39;,&#39;&#39;)">Logout</a></strong></td>
                	<td>
                    	<strong><span id="ctl10_lblUserName">Dave Bytheway</span></strong>
                    </td>
                    <td>
                        <select name="ctl10$lblRoles" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;ctl10$lblRoles\&#39;,\&#39;\&#39;)&#39;, 0)" id="ctl10_lblRoles">
	<option value="13">Senior Manager-L4</option>
	<option selected="selected" value="3">Admin</option>

</select>
                    </td>
                	<td id="ctl10_tdToolTip">
                    	<a href="#" class="quick_search" id="tooltip_quick_search" onclick="SetQuickSearchFocus();" ><span>QUICK SEARCH</span></a> 
                    </td>

                </tr>
            </table>
        </div>
        
    </div>
    


</div>
    <div id="content">
    

<script type="text/javascript" src="~/Scripts/jQueryDatePicker/jquery-ui-1.8.5.custom.min.js"></script>

<script type="text/javascript">


    $(document).ready(function () {
      
        $('.grid_view_header th:eq(1)').css({
            textAlign: 'left'
        });
    });

     

     		
    </script>


<div id="frame">
    <div id="frame_header">
        

                <div id="frame_navigation">
        	        <ul id="ctl09_AssetFrameNavigation1_tabList">
            	       <!-- <li><a href="test.html" title="tasks" class="frame_tab" rel="shadowbox[test]">Tasks</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Asset</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Marketing</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab_current" rel="shadowbox[test]">Valuation</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Photos/Docs</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Comments</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Property Preservation</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Eviction</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Inspections</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Agent Forms</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Closing Title</a></li>-->
                        <li class="frame_navigation_no_tab">
                	        
                        </li>
                    </ul>
                </div>
        <!-- This is the frame main navigation tabs -->
        <div id="frame_title">
            <h1>
                <span id="ctl09_lblPageTitle">Repair Bid Detail</span></h1>
            <!-- Page title -->
        </div>
    </div>
    <div id="corpus">
        <!-- This is where the content of each page should go -->
        <div id="ctl09_divInstructions">
            <p>
                <b id="ctl09_pInstructions"></b>
            </p>
        </div>
        
        <div id="ctl09_UpdatePanel1">
	
                <h6>
                </h6>
                <table class="layout_table">
                    <tr>
                        <td>
                            <label>
                                Contractor Name:</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelContractorName">bid 2 cont name</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Estimated Completion Days:</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelEstimatedCompletionDays">3</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Total:</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelBidTotal">432.00</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Status</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelBidStatus">Unassigned</span>
                            
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Document</label>
                        </td>
                        <td>
                                  <a href="ViewDoc.Aspx?DocID=2000032-1" id="ctl09_linkViewDocument">PDF</a>
                        </td>
                    </tr>
                    <div class="Form">
                </table>
                  <h6>Repair Items</h6>
                <div>
		<table class="grid_view" cellspacing="0" id="ctl09_gvRepair" style="border-collapse:collapse;">
			<tr class="grid_view_header">
				<th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRepair&#39;,&#39;Sort$RepairItemID&#39;)">Repair Item</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRepair&#39;,&#39;Sort$Details&#39;)">Details</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRepair&#39;,&#39;Sort$Active&#39;)">Include</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRepair&#39;,&#39;Sort$Qty&#39;)">Bid 1 Qty</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRepair&#39;,&#39;Sort$Amt&#39;)">Bid 1 Amt</a></th><th scope="col">&nbsp;</th>
			</tr><tr id="ctl09_gvRepair_ctl02" onClick="HighLightGVRow(&#39;ctl09_gvRepair_ctl02&#39;, &#39;ctl09_gvRepair_ctl02_hdSelectedRow&#39;, &#39;ctl09_gvRepair_ctl02_hdOldStyle&#39;);">
				<td style="width:100px;">                                
                                <span id="ctl09_gvRepair_ctl02_lblItems" style="display:inline-block;width:150px;">Carpet</span>
                            </td><td>
                                

<table style="margin: 0; padding: 0; ">
    <tr style="margin: 0; padding: 0;">
        <td style="margin: 0; padding: 0; float: right;"><span id="ctl09_gvRepair_ctl02_iconDetails_lblMessage" style="display:block;padding:0;overflow:hidden;width:0px;height:;">carpet cleaning 1 Feb 2013</span></td>
        <td style="margin: 0; padding: 0;">
            <div id="ctl09_gvRepair_ctl02_iconDetails_divMessage" style="display: block; width: 17px; height: 18px; " title="carpet cleaning 1 Feb 2013">
                <img id="ctl09_gvRepair_ctl02_iconDetails_imgPopup" onload="scrollDetect(&#39;ctl09_gvRepair_ctl02_iconDetails_imgPopup&#39;, &#39;ctl09_gvRepair_ctl02_iconDetails_lblMessage&#39;);" src="Images/dot_dot_dot.gif" />
            </div>
        </td>
    </tr>
</table>





                            </td><td style="width:50px;">
                                <span class="aspNetDisabled"><input id="ctl09_gvRepair_ctl02_chkActive" type="checkbox" name="ctl09$gvRepair$ctl02$chkActive" checked="checked" disabled="disabled" /></span>
                            </td><td>
                                 <span id="ctl09_gvRepair_ctl02_lblQty1">2</span>
                                <span id="ctl09_gvRepair_ctl02_lblUnitDesc1"></span>
                            </td><td style="width:100px;">
                                <span id="ctl09_gvRepair_ctl02_lblAmt1">222.00</span>
                            </td><td>
                                
                            </td><td><input type="hidden" name="ctl09$gvRepair$ctl02$hdSelectedRow" id="ctl09_gvRepair_ctl02_hdSelectedRow" /><input type="hidden" name="ctl09$gvRepair$ctl02$hdOldStyle" id="ctl09_gvRepair_ctl02_hdOldStyle" /></td>
			</tr><tr class="grid_view_footer">
				<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>Subtotals:</td><td>&nbsp;</td><td>&nbsp;</td>
			</tr>
		</table>
	</div>
                </div>
                <div class="Form">
                    <h6>
                        Other Contractor Recommended Repairs</h6>
                    <div>
		<table class="grid_view" cellspacing="0" id="ctl09_gvRecommended" style="border-collapse:collapse;">
			<tr class="grid_view_header">
				<th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRecommended&#39;,&#39;Sort$RepairItemID&#39;)">Repair Item</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRecommended&#39;,&#39;Sort$Details&#39;)">Details</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRecommended&#39;,&#39;Sort$Active&#39;)">Include</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRecommended&#39;,&#39;Sort$Qty&#39;)">Bid 1 Qty</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRecommended&#39;,&#39;Sort$Amt&#39;)">Bid 1 Amt</a></th><th scope="col">&nbsp;</th>
			</tr><tr id="ctl09_gvRecommended_ctl02" onClick="HighLightGVRow(&#39;ctl09_gvRecommended_ctl02&#39;, &#39;ctl09_gvRecommended_ctl02_hdSelectedRow&#39;, &#39;ctl09_gvRecommended_ctl02_hdOldStyle&#39;);">
				<td style="width:100px;">                                
                                <span id="ctl09_gvRecommended_ctl02_lblItems" style="display:inline-block;width:150px;">Carpet</span>
                            </td><td>
                                

<table style="margin: 0; padding: 0; ">
    <tr style="margin: 0; padding: 0;">
        <td style="margin: 0; padding: 0; float: right;"><span id="ctl09_gvRecommended_ctl02_iconDetails_lblMessage" style="display:block;padding:0;overflow:hidden;width:0px;height:;">carpet pad rep other contr 32122</span></td>
        <td style="margin: 0; padding: 0;">
            <div id="ctl09_gvRecommended_ctl02_iconDetails_divMessage" style="display: block; width: 17px; height: 18px; " title="carpet pad rep other contr 32122">
                <img id="ctl09_gvRecommended_ctl02_iconDetails_imgPopup" onload="scrollDetect(&#39;ctl09_gvRecommended_ctl02_iconDetails_imgPopup&#39;, &#39;ctl09_gvRecommended_ctl02_iconDetails_lblMessage&#39;);" src="Images/dot_dot_dot.gif" />
            </div>
        </td>
    </tr>
</table>





                            </td><td style="width:50px;">
                                <span class="aspNetDisabled"><input id="ctl09_gvRecommended_ctl02_chkActive" type="checkbox" name="ctl09$gvRecommended$ctl02$chkActive" checked="checked" disabled="disabled" /></span>
                            </td><td>
                                 <span id="ctl09_gvRecommended_ctl02_lblQty1">2</span>
                                <span id="ctl09_gvRecommended_ctl02_lblUnitDesc1"></span>
                            </td><td style="width:100px;">
                                <span id="ctl09_gvRecommended_ctl02_lblAmt1">210.00</span>
                            </td><td>
                                
                            </td><td><input type="hidden" name="ctl09$gvRecommended$ctl02$hdSelectedRow" id="ctl09_gvRecommended_ctl02_hdSelectedRow" /><input type="hidden" name="ctl09$gvRecommended$ctl02$hdOldStyle" id="ctl09_gvRecommended_ctl02_hdOldStyle" /></td>
			</tr><tr class="grid_view_footer">
				<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>Subtotals:</td><td>&nbsp;</td><td>&nbsp;</td>
			</tr>
		</table>
	</div>
                    <div id="divRprAddlInst">
                        <table width="100%">
                            <tr>
                                <td>
                                    <label>
                                        Additional Repair Instructions</label>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <textarea name="ctl09$txtAddlInst" rows="10" cols="20" id="ctl09_txtAddlInst" onblur="return ValidateString(this.id);" style="width:95%;">
</textarea>
                                </td>
                            </tr>
                        </table>
                        <table id="ctl09_tblInstructionsDoc">
		<tr>
			<td style="vertical-align: top;">
                                    <label>
                                        Additional Instructions Documentation:</label>
                                </td>
			<td>
                                    <div id="ctl09_uplAddlInst_panelUploadFile">
				
        <table id="ctl09_uplAddlInst_tblFileUpload">
					<tr>
						<td><input type="file" name="ctl09$uplAddlInst$fileUpload" id="ctl09_uplAddlInst_fileUpload" /></td>
						<td><span id="ctl09_uplAddlInst_spnBtnUpload" class="button"><input type="submit" name="ctl09$uplAddlInst$btnUpload" value="Upload" id="ctl09_uplAddlInst_btnUpload" /></span></td>
					</tr>
					<tr>
						<td><span id="ctl09_uplAddlInst_lblMessage"></span></td>
					</tr>
				</table>
				
               
    
			</div>


                                </td>
		</tr>
	</table>
	
                    </div>
                    <h6>Upload "Before" Photos</h6>
                    <table id="ctl09_tblAddPhotos" style="width:400px;">
		<tr>
			<td></td>
			<td id="ctl09_tdAddPhotos">
                                <span id="ctl09_spnLnkAddPhotos" class="button">
                                    <a id="ctl09_lnkAddPhotos" rel="shadowbox;height=600;width=1024" title="Add Photos" href="ContentControls/#">Add Photos</a>                          
                                </span>
                            </td>
		</tr>
	</table>
	
                            
                    

<script type="text/javascript">
    function SetHoverPhotoPath(path) {
        document.getElementById('imgHoverPhoto').src = path;
    }
    function DownloadZip(url) {
        location.href = "http://" + url;
        return true;
    }
    function ConfirmDelete() {
        if (confirm('Are you sure you want to delete this photo?') == true) {
            return true;
        }
        else {
            return false;
        }
    }
    function CheckBoxSelected(chkbox, photobar, hdnfield) {
        var thisCheckBox = $('#' + chkbox);
        var allPhotos = $('#' + photobar);
        var hiddenField = $('#' + hdnfield);
       
        if (thisCheckBox.attr('checked')) {
            allPhotos.find('input:checkbox').each(function () {
              
                if (thisCheckBox.attr('id') != this.id) {
                    $(this).attr('checked', false);
                }
            });
            hiddenField.val(chkbox);
        }

        else {
            hiddenField.val('');
        }

        return true;
        
    }
</script>

<div id="ctl09_photoBar1_divPhoto">
    <div id="ctl09_photoBar1_OuterUpdatePanel">
		
            <div id="ctl09_photoBar1_divPhotoButtons">
                
            </div>
            <div id="ctl09_photoBar1_divPhotoItems" class="photo_bar" style="display: block; width: 1230px; background-color: #f4f1ec; border: #666666 solid 1px; height: 240px; overflow: auto;">
                    <table cellspacing="5px" cellpadding="5px">
                        <tr>
                            
                        </tr>
                    </table>
                    <input type="hidden" name="ctl09$photoBar1$hdnCheckBoxID" id="ctl09_photoBar1_hdnCheckBoxID" />
            </div>
        
	</div>

</div>

<div id="ctl09_photoBar1_divHoverHidden" class="tooltipContent" style="padding: 10px;
    background-color: #333333; display: none;">
    <img id="imgHoverPhoto" src="../Images/spacer.gif" />
</div>          
                </div>
                
            
</div>



         <div id="ctl09_divSave" class="float_left">
            <table>
                <tr>
                    <td>
                        <span id="ctl09_spnSaveBtn" class="button">
                            <input type="submit" name="ctl09$btnSave" value="Save" id="ctl09_btnSave" />
                        </span>
                    </td>
                    <td>
                        <span id="ctl09_spnSubmitBtn" class="button">
                            <input type="submit" name="ctl09$btnSubmit" value="Save &amp; Submit" onclick="HideButton(&#39;ctl09_spnSubmitBtn&#39;);" id="ctl09_btnSubmit" />
                        </span>
                    </td>
                </tr>
            </table>
        </div>

        <div class="extender">
        </div>
    </div>
    <div id="footer">
    </div>
</div>
<div id="end_cap">
</div>
</div>
    

<div id="quick_search">
    <table>
        <tr>
            <td colspan="2" class="align_center">
                <label style="font-size: 14px;">
                    Quick Search</label><br />
                <label style="font-size: 10px; color: gray;">
                    (Type AssetID or Loan# or Address)</label>
            </td>
        </tr>
        <tr>
            <td style="padding: 5px;">
                <input name="Header1$txtQuickSearch" type="text" id="Header1_txtQuickSearch" class="QuickSearchTextBox" onblur="return ValidateString(this.id);" />
            </td>
            <td class="ver_align_middle" style="padding: 5px;">
                <span id="Header1_spnBtnQuickSearch" class="button">
                    <input type="submit" name="Header1$btnQuickSearch" value="Search" id="Header1_btnQuickSearch" class="input_button" />
                </span>
            </td>
        </tr>
    </table>
</div>

  

    <script type="text/javascript">
        //jQuery BeautyToolTip
        RefreshBeautyTip();
    </script>

    

    

<script type="text/javascript">
//<![CDATA[

theForm.oldSubmit = theForm.submit;
theForm.submit = WebForm_SaveScrollPositionSubmit;

theForm.oldOnSubmit = theForm.onsubmit;
theForm.onsubmit = WebForm_SaveScrollPositionOnSubmit;
//]]>
</script>
</form>
</body>
</html>
<script type="text/javascript">

    //   ----- Place Holder for TaskHistory !Do not remove or alter!

</script>

Open in new window


ASP.NET markup:
<%@ Control Language="C#" AutoEventWireup="True" CodeBehind="RepairBidDetail.ascx.cs"
    Inherits="Reo.ContentControls.RepairBidDetail" ClassName="RepairBidDetail" %>
<%@ Register Src="~/ContentControls/AssetFrameNavigation.ascx" TagName="AssetFrameNavigation"
    TagPrefix="uc2" %>
<%@ Register Assembly="Framework" Namespace="Framework.UIControls" TagPrefix="cc1" %>
<%@ Register TagPrefix="uc1" TagName="DateCalendar" Src="~/Controls/DateCalendar.ascx" %>
<%@ Register Src="~/Controls/AssetDoc_Upload.ascx" TagName="AssetDoc_Upload" TagPrefix="uc2" %>
<%@ Register TagPrefix="uc1" TagName="PhotoBar" Src="~/Controls/PhotoBar.ascx" %>
<%@ Register Src="~/Controls/AssetTaskAppr.ascx" TagName="AssetTaskAppr" TagPrefix="uc2" %>
<%@ Register TagPrefix="uc2" TagName="BigLabel" Src="~/Controls/BigLabel.ascx" %>

<script type="text/javascript" src="~/Scripts/jQueryDatePicker/jquery-ui-1.8.5.custom.min.js"></script>

<script type="text/javascript">


    $(document).ready(function () {
      
        $('.grid_view_header th:eq(1)').css({
            textAlign: 'left'
        });
    });

     

     		
    </script>


<div id="frame">
    <div id="frame_header">
        <uc2:AssetFrameNavigation ID="AssetFrameNavigation1" runat="server" />
        <!-- This is the frame main navigation tabs -->
        <div id="frame_title">
            <h1>
                <asp:Label ID="lblPageTitle" runat="server" Text="Repair Bid Detail" /></h1>
            <!-- Page title -->
        </div>
    </div>
    <div id="corpus">
        <!-- This is where the content of each page should go -->
        <div id="divInstructions" runat="server">
            <p>
                <b id="pInstructions" runat="server"></b>
            </p>
        </div>
        <div id="divTaskError" runat="server" visible="false">
            <h6>
                Form Errors</h6>
            <div id="errorPanel" class="warning list_item" runat="server">
            </div>
        </div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <h6>
                </h6>
                <table class="layout_table">
                    <tr>
                        <td>
                            <label>
                                Contractor Name:</label>
                        </td>
                        <td>
                            <asp:Label ID="LabelContractorName" runat="server"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Estimated Completion Days:</label>
                        </td>
                        <td>
                            <asp:Label ID="LabelEstimatedCompletionDays" runat="server"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Total:</label>
                        </td>
                        <td>
                            <asp:Label ID="LabelBidTotal" runat="server"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Status</label>
                        </td>
                        <td>
                            <asp:Label ID="LabelBidStatus" runat="server"></asp:Label>
                            <%--<cc1:DdlLookup ID="ddlPropertyCondition" HeaderCode="Condition" AllowUnassigned="true"
                                runat="server">
                            </cc1:DdlLookup>--%>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Document</label>
                        </td>
                        <td>
                                  <a id="linkViewDocument" runat="server" href="">PDF</a>
                        </td>
                    </tr>
                    <div class="Form">
                </table>
                  <h6>Repair Items</h6>
                <cc1:GridviewFormatted ID="gvRepair" runat="server" AllowSorting="True" AllowPaging="False"
                    ShowFooter="true" PageSize="15" AutoGenerateColumns="false" OnRowDataBound="rowDataBound">
                    <Columns>
                        <asp:TemplateField Visible="false">
                            <ItemTemplate>
                                <asp:Label ID="repairItemIDSID" runat="server"></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Repair Item" ItemStyle-Width="100px" SortExpression="RepairItemID">
                            <ItemTemplate>                                
                                <asp:Label ID="lblItems" Width="150px" runat="server" Visible="true" Text='<%# Eval("RepairCategory") %>'/>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Details" SortExpression="Details">
                            <ItemTemplate>
                                <uc2:BigLabel ID="iconDetails" LabelWidth="0px" MessageText='<%# Eval("Details") %>'
                                    runat="server" Width="32px" Height="32px" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Include" ItemStyle-Width="50px" SortExpression="Active">
                            <ItemTemplate>
                                <asp:CheckBox ID="chkActive" runat="server" Enabled="false" Checked='<%# Eval("Active") %>' />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Bid 1 Qty" SortExpression="Qty" FooterText="Subtotals:">
                            <ItemTemplate>
                                 <asp:Label ID="lblQty1" runat="server" Visible="true" Text='<%# Eval("Qty") %>'></asp:Label>
                                <asp:Label ID="lblUnitDesc1" runat="server"></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Bid 1 Amt" ItemStyle-Width="100px" SortExpression="Amt">
                            <ItemTemplate>
                                <cc1:LblCurrency ID="lblAmt1" runat="server" Visible="true" DecimalDigits="2" Text='<%# Eval("Amt") %>'></cc1:LblCurrency>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField>
                            <ItemTemplate>
                                <asp:Label ID="lblItemID" runat="server" Visible="false" />
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                </cc1:GridviewFormatted>
                </div>
                <div class="Form">
                    <h6>
                        Other Contractor Recommended Repairs</h6>
                    <cc1:GridviewFormatted ID="gvRecommended" runat="server" AllowSorting="True" AllowPaging="False"
                        ShowFooter="true" AutoGenerateColumns="false" OnRowDataBound="rowDataBound">
                       <Columns>
                        <asp:TemplateField Visible="false">
                            <ItemTemplate>
                                <asp:Label ID="repairItemIDSID" runat="server"></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Repair Item" ItemStyle-Width="100px" SortExpression="RepairItemID">
                            <ItemTemplate>                                
                                <asp:Label ID="lblItems" Width="150px" runat="server" Visible="true" Text='<%# Eval("RepairCategory") %>'/>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Details" SortExpression="Details">
                            <ItemTemplate>
                                <uc2:BigLabel ID="iconDetails" LabelWidth="0px" MessageText='<%# Eval("Details") %>'
                                    runat="server" Width="32px" Height="32px" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Include" ItemStyle-Width="50px" SortExpression="Active">
                            <ItemTemplate>
                                <asp:CheckBox ID="chkActive" runat="server" Enabled="false" Checked='<%# Eval("Active") %>' />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Bid 1 Qty" SortExpression="Qty" FooterText="Subtotals:">
                            <ItemTemplate>
                                 <asp:Label ID="lblQty1" runat="server" Visible="true" Text='<%# Eval("Qty") %>'></asp:Label>
                                <asp:Label ID="lblUnitDesc1" runat="server"></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Bid 1 Amt" ItemStyle-Width="100px" SortExpression="Amt">
                            <ItemTemplate>
                                <cc1:LblCurrency ID="lblAmt1" runat="server" Visible="true" DecimalDigits="2" Text='<%# Eval("Amt") %>'></cc1:LblCurrency>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField>
                            <ItemTemplate>
                                <asp:Label ID="lblItemID" runat="server" Visible="false" />
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                    </cc1:GridviewFormatted>
                    <div id="divRprAddlInst">
                        <table width="100%">
                            <tr>
                                <td>
                                    <label>
                                        Additional Repair Instructions</label>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <cc1:TxtString ID="txtAddlInst" runat="server" Rows="10" TextMode="MultiLine" 
                                        Width="95%" />
                                </td>
                            </tr>
                        </table>
                        <table id="tblInstructionsDoc" runat="server">
                            <tr>
                                <td style="vertical-align: top;">
                                    <label>
                                        Additional Instructions Documentation:</label>
                                </td>
                                <td>
                                    <uc2:AssetDoc_Upload ID="uplAddlInst" Description="Repair Bid Instructions" runat="server"
                                        DocumentCategoryCode="DocCatRpr" ShowDelete="false" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    <h6>Upload "Before" Photos</h6>
                    <table id="tblAddPhotos" runat="server" style="width:400px;">
                        <tr>
                            <td></td>
                            <td id="tdAddPhotos" runat="server">
                                <span class="button" id="spnLnkAddPhotos" runat="server">
                                    <asp:HyperLink ID="lnkAddPhotos" runat="server" 
                                        NavigateUrl="#"
                                        rel="shadowbox;height=600;width=1024" title="Add Photos" Text="Add Photos">
                                    </asp:HyperLink>                          
                                </span>
                            </td>
                        </tr>
                    </table>
                    <%--<uc1:PhotoBar ID="photoBar1" runat="server" />  --%>        
                    <uc1:PhotoBar ID="photoBar1" runat="server" />          
                </div>
                
            </ContentTemplate>
            <Triggers>
               <%-- <asp:PostBackTrigger ControlID="cmdSubmit" />
                <asp:PostBackTrigger ControlID="btnApprove" />--%>
            </Triggers>
        </asp:UpdatePanel>



         <div id="divSave" class="float_left" runat="server">
            <table>
                <tr>
                    <td>
                        <span id="spnSaveBtn" class="button" runat="server">
                            <asp:Button ID="btnSave" runat="server" Text="Save"/>
                        </span>
                    </td>
                    <td>
                        <span id="spnSubmitBtn" class="button" runat="server">
                            <asp:Button ID="btnSubmit" runat="server" Text="Save & Submit"/>
                        </span>
                    </td>
                </tr>
            </table>
        </div>

        <div class="extender">
        </div>
    </div>
    <div id="footer">
    </div>
</div>
<div id="end_cap">
</div>

Open in new window

LVL 5
Tom KnowltonWeb developerAsked:
Who is Participating?
 
Tom BeckConnect With a Mentor Commented:
If that does not work it's either because the text-align:left is being overridden by some other css or the text is already as far left as it can go. It's up against the side of the container.

If other css is the problem then the only foolproof way to override css styles is with inline styles.

Add some code to your RowDataBound event that adds style="text-align:left" to those th elements.

Something like this (untested):

if (e.Row.RowType == DataControlRowType.Header){
   e.Row.Cells(1).Attributes.Add("style", "text-align:left");
}
0
 
guru_samiConnect With a Mentor Commented:
Ideally it should. So the possibility is something else might be interfering.
Can you share some snapshot to see what's not working as intended.
0
 
Tom BeckCommented:
eq(1) will select the first matching element it finds on the page, not every match. To get to all of them try this:

$(document).ready(function () {
     
        $('.grid_view_header th:nth-child(2)').each(function(){
                  $(this).css({
                             textAlign: 'left'
                         });
      });
    });
0
Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

 
Tom KnowltonWeb developerAuthor Commented:
I commented-out my old code and tried the new code.

Now, neither header gets formatted!!


    $(document).ready(function () {
      
//        $('.grid_view_header th:eq(1)').css({
//            textAlign: 'left'
//        });

            $('.grid_view_header th:nth-child(2)').each(function(){
                  $(this).css({
                             textAlign: 'left'
                         });
    });

Open in new window



neither one now
0
 
Tom BeckCommented:
Impossible to test your actual page without a link.

Try this and see if all the "Details" font turns red.

$(document).ready(function () {
     
        $('.grid_view_header th:nth-child(2) a').each(function(){
                  $(this).css({
                             color: 'red'
                         });
      });
    });

If so, then you know you are matching the correct th elements and we can go from there.
0
 
Tom KnowltonWeb developerAuthor Commented:
Sorry to disappoint, but the font is not turning red with this latest code.

It's not doing it for nth-child(1), (2), (3), (4), (5) or (6) which I tried in desperation.


For some reason we're not hitting those TH tags...
0
 
Tom KnowltonWeb developerAuthor Commented:
I cannot provide a link to the site.  I believe it is public facing, but you would have to register and I would have to try and explain how to get to the page in question (not a trivial thing) plus confidentality/security concerns apply.


In a minute I think I will try this on jsfiddle.  I keep meaning to go there and keep getting distracted.
0
 
Tom KnowltonWeb developerAuthor Commented:
This my attempt to isolate JUST the 2 tables in question:

<table class="layout_table">
                    <tbody><tr>
                        <td>
                            <label>
                                Contractor Name:</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelContractorName">bid 2 cont name</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Estimated Completion Days:</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelEstimatedCompletionDays">3</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Total:</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelBidTotal">432.00</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Status</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelBidStatus">Unassigned</span>
                            
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Document</label>
                        </td>
                        <td>
                                  <a href="ViewDoc.Aspx?DocID=2000032-1" id="ctl09_linkViewDocument">PDF</a>
                        </td>
                    </tr>
                    </tbody></table>




<table class="grid_view" cellspacing="0" id="ctl09_gvRecommended" style="border-collapse:collapse;">
			<tbody><tr class="grid_view_header">
				<th scope="col"><a href="javascript:__doPostBack('ctl09$gvRecommended','Sort$RepairItemID')">Repair Item</a></th><th scope="col"><a href="javascript:__doPostBack('ctl09$gvRecommended','Sort$Details')">Details</a></th><th scope="col"><a href="javascript:__doPostBack('ctl09$gvRecommended','Sort$Active')">Include</a></th><th scope="col"><a href="javascript:__doPostBack('ctl09$gvRecommended','Sort$Qty')">Bid 1 Qty</a></th><th scope="col"><a href="javascript:__doPostBack('ctl09$gvRecommended','Sort$Amt')">Bid 1 Amt</a></th><th scope="col">&nbsp;</th>
			</tr><tr id="ctl09_gvRecommended_ctl02" onclick="HighLightGVRow('ctl09_gvRecommended_ctl02', 'ctl09_gvRecommended_ctl02_hdSelectedRow', 'ctl09_gvRecommended_ctl02_hdOldStyle');">
				<td style="width:100px;">                                
                                <span id="ctl09_gvRecommended_ctl02_lblItems" style="display:inline-block;width:150px;">Carpet</span>
                            </td><td>
                                

<table style="margin: 0; padding: 0; ">
    <tbody><tr style="margin: 0; padding: 0;">
        <td style="margin: 0; padding: 0; float: right;"><span id="ctl09_gvRecommended_ctl02_iconDetails_lblMessage" style="display:block;padding:0;overflow:hidden;width:0px;height:;">carpet pad rep other contr 32122</span></td>
        <td style="margin: 0; padding: 0;">
            <div id="ctl09_gvRecommended_ctl02_iconDetails_divMessage" style="display: block; width: 17px; height: 18px; " title="" bt-xtitle="carpet pad rep other contr 32122">
                <img id="ctl09_gvRecommended_ctl02_iconDetails_imgPopup" onload="scrollDetect('ctl09_gvRecommended_ctl02_iconDetails_imgPopup', 'ctl09_gvRecommended_ctl02_iconDetails_lblMessage');" src="Images/dot_dot_dot.gif" style="">
            </div>
        </td>
    </tr>
</tbody></table>


                            </td><td style="width:50px;">
                                <span class="aspNetDisabled"><input id="ctl09_gvRecommended_ctl02_chkActive" type="checkbox" name="ctl09$gvRecommended$ctl02$chkActive" checked="checked" disabled="disabled"></span>
                            </td><td>
                                 <span id="ctl09_gvRecommended_ctl02_lblQty1">2</span>
                                <span id="ctl09_gvRecommended_ctl02_lblUnitDesc1"></span>
                            </td><td style="width:100px;">
                                <span id="ctl09_gvRecommended_ctl02_lblAmt1">210.00</span>
                            </td><td>
                                
                            </td><td><input type="hidden" name="ctl09$gvRecommended$ctl02$hdSelectedRow" id="ctl09_gvRecommended_ctl02_hdSelectedRow"><input type="hidden" name="ctl09$gvRecommended$ctl02$hdOldStyle" id="ctl09_gvRecommended_ctl02_hdOldStyle"></td>
			</tr><tr class="grid_view_footer">
				<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>Subtotals:</td><td>&nbsp;</td><td>&nbsp;</td>
			</tr>
		</tbody></table>

Open in new window

0
 
Tom BeckCommented:
Have a look at this. It's your page without extraneous includes, aspx generated markup and css.

http://jsfiddle.net/myyVQ/
0
 
Tom KnowltonWeb developerAuthor Commented:
Our firewall software has jsfiddle.com blocked.  I'll have to see about getting it unblocked...
0
 
Tom KnowltonWeb developerAuthor Commented:
Oh, it's jsfiddle.net not .com

Okay....

Checking it out...
0
 
Tom KnowltonWeb developerAuthor Commented:
Your code clearly works.

But it does not work on the page in question.

Not sure where that leaves me ... still stuck where I was when this first began?  : )
0
 
Tom BeckCommented:
Note that in the fiddle I am selecting the anchors inside the th element so I can see the font turn red. Still, it demonstrates that ALL of the correct th elements are being accessed.

It could be that asp.net is generating css for the Gridview that is being applied after you make the change with jquery. Try putting the jquery script at the bottom of the page so it executes after everything else.
0
 
Tom KnowltonWeb developerAuthor Commented:
I tried putting it at the bottom of the page and it made no difference.  Your code did not work any differently, sorry.

The original code I wrote still worked, but alas, it only affects the first table, not the second one.
0
 
Tom KnowltonWeb developerAuthor Commented:
UPDATE:

I take back what I said.


This code is working now:


  $('.grid_view_header th:nth-child(2) a').each(function () {
         $(this).css(
               'color', 'yellow'
            );
     });

Open in new window




It even works at the top of the code.



So now, how can I tweak this to align the text to the left?


So far my tries to do that are not working...
0
 
Tom KnowltonWeb developerAuthor Commented:
$('.grid_view_header th:nth-child(2) a').each(function () {
         $(this).css(
               'text-align', 'left'
            );
     });


does not work.

I also tried:

'text-Align', 'left'
'textAlign', 'left'
'textalign', 'left'


to no avail.
0
 
Tom BeckCommented:
You would need to take out the "a" selector to align text in the th to the left.
0
 
Tom KnowltonWeb developerAuthor Commented:
Final solution:

  $('.grid_view_header th:nth-child(2)').each(function () {
         $(this).css(
               'text-align', 'left'
            );
     });

Open in new window

0
 
Tom KnowltonWeb developerAuthor Commented:
Thank you!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.