title: CSS works locally but not on Dev server
body: <p>I have a page that displays a ticket number from a ticketing system.  When the page loads it generates a ticket number and displays this number in a label.  It also dynamically adds a cssclass to the label based on the ticket that is generated.  This works fine locally but when I upload it to the dev server the cssclass does not show.  There is another item on the same aspx page that has a cssclass added on the front end and it is displaying fine.  I looked at the yiew source from the page from the dev server and it appears the class gets added fine on the backend.  </p>
  
  <p>Here is the aspx:</p>
  
  <pre><code>&lt;table width="300"&gt;
      &lt;tr&gt;
          &lt;td class="ItemTxt"&gt;Customer Track Number&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td align="left"&gt;
              &lt;p&gt;The customer track number is: &lt;/p&gt;
              &lt;p style="text-align:center"&gt;&lt;asp:Label ID="lblTrackNum" runat="server" Text="Label" CssClass="greenTicketColor"&gt;&lt;/asp:Label&gt;&lt;/p&gt;
              &lt;p&gt;Click OK to continue and return to the Lobby Dash.&lt;/p&gt;
  
              &lt;p&gt;&lt;asp:Button ID="btnOK" runat="server" Text="OK" onclick="btnOK_Click" /&gt;&lt;/p&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  enter code here
  </code></pre>
  
  <p>Here is the codebehind</p>
  
  <pre><code>private void DisplayTicketNumber(string sTicketNumber)
      {
          string sTrackColor = sTicketNumber.Substring(0, 1);
          switch (sTrackColor)
          {
              case "G":
                  lblTrackNum.CssClass = "greenTicketColor";
                  break;
              case "R":
                  lblTrackNum.CssClass = "redTicketColor";
                  break;
              case "B":
                  lblTrackNum.CssClass = "blueTicketColor";
                  break;
              case "M":
                  lblTrackNum.CssClass = "maoTicketColor";
                  break;
              case "V":
                  lblTrackNum.CssClass = "vandeTicketColor";
                  break;
              case "A":
                  lblTrackNum.CssClass = "afipTicketColor";
                  break;
              case "E":
                  lblTrackNum.CssClass = "ebtTicketColor";
                  break;
              case "Q":
                  lblTrackNum.CssClass = "qaTicketColor";
                  break;
              case "F":
                  lblTrackNum.CssClass = "fhTicketColor";
                  break;
              default:
                  break;
          }
          lblTrackNum.Text = sTicketNumber;
      }
  </code></pre>
  
  <p>Here is the CSS</p>
  
  <pre><code>    .greenTicketColor
  {
      color: #007F00;
      font-size: 50px;
      font-weight: bold;
  }
  .redTicketColor
  {
      color: #DF0000;
      font-size: 50px;
      font-weight: bold;
  }
  
  .blueTicketColor
  {
      color: #0065CB;
      font-size: 50px;
      font-weight: bold;
  }
  
  .maoTicketColor
  {
      color: #959595;
      font-size: 50px;
      font-weight: bold;
  }
  
  .vandeTicketColor
  {
      color: #7f007f;
      font-size: 50px;
      font-weight: bold;
  }
  
  .afipTicketColor
  {
      color: #00cbfd;
      font-size: 50px;
      font-weight: bold;
  }
  
  .ebtTicketColor
  {
      color: #fd98cb;
      font-size: 50px;
      font-weight: bold;
  }
  
  .qaTicketColor
  {
      color: #cbfdcb;
      font-size: 50px;
      font-weight: bold;
  }
  
  .fhTicketColor
  {
      color: #fdfd00;
      font-size: 50px;
      font-weight: bold;
  }
  </code></pre>
  
  <p>Here is the view source from the page displayed from server.  Notice it shows the class correctly added.</p>
  
  <pre><code>&lt;table width="300"&gt;
  &lt;tr&gt;
      &lt;td class="ItemTxt"&gt;Customer Track Number&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td align="left"&gt;
          &lt;p&gt;The customer track number is: &lt;/p&gt;
          &lt;p style="text-align:center"&gt;&lt;span id="MainContent_lblTrackNum" class="blueTicketColor"&gt;B6&lt;/span&gt;&lt;/p&gt;
          &lt;p&gt;Click OK to continue and return to the Lobby Dash.&lt;/p&gt;
  
          &lt;p&gt;&lt;input type="submit" name="ctl00$MainContent$btnOK" value="OK" id="MainContent_btnOK" /&gt;&lt;/p&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p></p>
  
  <p>Thanks for the responses. I know the easiest thing is the reference to the css file. If you look at this line the style is showing correctly:</p>
  
  <pre><code>&lt;td class="ItemTxt"&gt;Customer Track Number&lt;/td&gt; 
  </code></pre>
  
  <p>The line of code above is on the aspx page. The style that is being added in the codebehind is not displaying. Here's my head content. This is from a Master Page. Don't know if that matters.. </p>
  
  <pre><code>&lt;head runat="server"&gt; 
  &lt;title&gt;FAST Tracker&lt;/title&gt; 
  &lt;link href="~/Styles/FastTrackStyles.css" rel="stylesheet" type="text/css" /&gt; 
  &lt;asp:ContentPlaceHolder ID="HeadContent" runat="server"&gt; 
  &lt;/asp:ContentPlaceHolder&gt; 
  &lt;/head&gt; 
  </code></pre>