JSFiddle - React, Tailwind, and code Playground

HTML

<title>Dow NEA VM - Request Info</title>

</head>


<body onload="SetMenu()" >


<xml id="XmlUserInfo" src="http://USMDLCDOWW002.intranet.dow.com/common/components/userinfo/UserInfoXml.asp?UserID=me"> </xml>



<table width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td name="HeaderCell" id="HeaderCell" colspan="3"><a name="Top"></a><!--webbot bot="HTMLMarkup" ALT="&lt;h4&gt;The new Dow Header is in place ...&lt;/h4&gt;" TAG="XBOT" StartSpan -->
<IFRAME scrolling="no" width="100%" height="94" frameborder="0" marginheight="0" src="http://usmdlcdoww002.intranet.dow.com/common/dow/dowheader.htm"></IFRAME><!--webbot 
            BOT="HTMLMarkup" endspan i-checksum="29245" -->
</td>
  </tr>
  <tr>
    <td valign="top" style="border: 0" colspan="2">
    <!--webbot bot="Include" U-include="includes/site_header.htm" TAG="BODY" --></td>
    <td name="RightMarginCell" id="RightMarginCell" width="19%" rowspan="2"><img src="http://usmdlcdoww002.intranet.dow.com/common/images/rightspacer.gif" width="78" hspace="60" height="1"><p><!--webbot bot="PurpleText" PREVIEW="do not modify." --></td>
  </tr>
  <tr>
    <td name="MenuCell" id="MenuCell" valign="top" bgcolor="DDDDDD" style="border: 0">
    <!--webbot bot="Include" U-include="../../includes/menu.htm" TAG="BODY" --></td>



            <td class="style1" name="ContentCell" id="ContentCell" valign="top"><p class="PageHeader"><br>

            <p class="PageHeader" align="center">NEA Request Information </p>

            <p align="center"><b>ACCEPTED Request : </b><br><% = xAccept %></p>
            <form method="POST" action="ReqUpdate.asp?xReqID=<% = xReqID %>">

                <p align="center"><input type="submit" value="ACCEPT" name="reqACT"></p>
            </form>
            <p align="center">&nbsp;</p>

            <p align="center"><b>Actions</b></p>
            <form method="POST" name="sAction"  action="ReqUpdate.asp?xReqID=<% = xReqID %>&xUserID=<% = xUserID %>">
            <table border="1"...

CSS

/*-- First style sheet REF --*/
BODY
{   MARGIN: 0;
    FONT-SIZE: 80%;
    COLOR: #333333;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: white;
}
TD
{   FONT-WEIGHT: normal;
    FONT-SIZE: x-small;
    COLOR: #333333;
    FONT-FAMILY: Arial;
}
TH
{   FONT-WEIGHT: normal;
    FONT-SIZE: x-small;
    COLOR: #333333;
    FONT-FAMILY: Arial;
}
TABLE.TableSmall TD
{	FONT-SIZE: xx-small;
    COLOR: #333333;
    FONT-FAMILY: Arial;
}
TABLE.TableSmall TH
{	FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #333333;
    FONT-FAMILY: Arial;
}
TABLE.TableLarge TD
{	FONT-SIZE: small;
    COLOR: #333333;
    FONT-FAMILY: Arial;
}
TABLE.TableLarge TH
{	FONT-WEIGHT: bold;
    FONT-SIZE: small;
    COLOR: #333333;
    FONT-FAMILY: Arial;
}
TH.CellSmall, TD.CellSmall
{	FONT-SIZE: xx-small;
    COLOR: #333333;
    FONT-FAMILY: Arial;
}
TD.CellSmallBold
{	FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #333333;
    FONT-FAMILY: Arial;
}
TH.CellLarge, TD.CellLarge
{	FONT-SIZE: small !important;
    COLOR: #333333;
    FONT-FAMILY: Arial;
}
.BC										
{	FONT-SIZE: 85%; 
	MARGIN-BOTTOM: .7em;
}
.CellColorLight
{	BACKGROUND-COLOR: #cccccc;
}
.CellColorLighter
{	BACKGROUND-COLOR: #dddddd;
}
.CellColorLightest
{ 	BACKGROUND-COLOR: #EEEEEE;
}
.CellColorMedium
{	COLOR: #ffffff;
    BACKGROUND-COLOR: #999999;
}
.CellColorDark
{	COLOR: #ffffff;
    BACKGROUND-COLOR: #666666;
}
.CellColorDarkest
{	COLOR: #ffffff;
    BACKGROUND-COLOR: #333333;
}
.CellColorBlack 
{	background: #000; color: #ffffff;
}
.CellColorNone
{	BACKGROUND-COLOR: #ffffff;
}
.CellColorRed
{   BACKGROUND-COLOR: #ff0000;
    COLOR: #ffffff;
}
.CellColorRed A:link
{   COLOR: #ffffff;
    TEXT-DECORATION: underline;
}
.CellColorRed A:visited
{   COLOR: #ffffff;
    TEXT-DECORATION: underline;
}
.CellColorRed A:hover
{   COLOR: #ffffff;
    FONT-WEIGHT: bold;
}
.CellColorGreen
{	COLOR: #ffffff;
	BACKGROUND-COLOR: #009800;
}
.CellColorYellow
{	BACKGROUND-COLOR: yellow;
}
span.FontRed, .FontRed
{	COLOR:...