.red  
{  
margin: 0px 0px 0px 0px;  
width:48;  
border: 1px solid #c00000;  
cursor: pointer;  
font-family:MS Sans Serif;  
font-size:10px;  
vertical-align:middle;  
letter-spacing:0;  
color:#c00000;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#D1C4B4;  
background-image: url('images/b9.gif');  
text-align:center;  
}  
.green  
{  
margin: 0px 0px 0px 0px;  
width:48;  
border: 1px solid #006600;  
cursor: pointer;  
font-family:MS Sans Serif;  
font-size:10px;  
vertical-align:middle;  
letter-spacing:0;  
color:#006600;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#D1C4B4;  
background-image: url('images/b1.gif');  
text-align:center;  
}  
.blue  
{  
margin: 0px 0px 0px 0px;  
width:48;  
border: 1px solid #0000FF;  
cursor: pointer;  
font-family:MS Sans Serif;  
font-size:10px;  
vertical-align:middle;  
letter-spacing:0;  
color:#0000FF;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#D1C4B4;  
background-image: url('images/b2.gif');  
text-align:center;  
}  
.gray  
{  
margin: 0px 0px 0px 0px;  
width:48;  
border: 1px solid #000066;  
cursor: pointer;  
font-family:MS Sans Serif;  
font-size:10px;  
vertical-align:middle;  
letter-spacing:0;  
color:#000066;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#D1C4B4;  
background-image: url('images/b8.gif');  
text-align:center;  
}  
.fushia  
{  
margin: 0px 0px 0px 0px;  
width:48;  
border: 1px solid #CC0099;  
cursor: pointer;  
font-family:MS Sans Serif;  
font-size:10px;  
vertical-align:middle;  
letter-spacing:0;  
color:#CC0099;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#D1C4B4;  
background-image: url('images/b3.gif');  
text-align:center;  
}  
.orang  
{  
margin: 0px 0px 0px 0px;  
width: 48;  
border: 1px solid #FF9933;  
cursor: pointer;  
font-family:MS Sans Serif;  
font-size:10px;  
vertical-align:middle;  
letter-spacing:0;  
color:#FF9933;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#D1C4B4;  
background-image: url('images/b4.gif');  
text-align:center  
}  
.teal  
{  
margin: 0px 0px 0px 0px;  
width: 48;  
border: 1px solid #008080;  
cursor: pointer;  
font-family:MS Sans Serif;  
font-size:10px;  
vertical-align:middle;  
letter-spacing:0;  
color:#008080;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#D1C4B4;  
background-image: url('altaer/color_bg.gif');  
text-align:center;  
}  
.brown  
{  
margin: 0px 0px 0px 0px;  
width: 48;  
border: 1px solid #BF0000;  
cursor: pointer;  
font-family:MS Sans Serif;  
font-size:10px;  
vertical-align:middle;  
letter-spacing:0;  
color:#BF0000;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#D1C4B4;  
background-image: url('images/b5.gif');
text-align:center;  
}  
.pink  
{  
margin: 0px 0px 0px 0px;  
width: 48;  
border: 1px solid #CC33FF;  
cursor: pointer;  
font-family:MS Sans Serif;  
font-size:10px;  
vertical-align:middle;  
letter-spacing:0;  
color:#CC33FF;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#D1C4B4;  
background-image: url('images/b6.gif');  
text-align:center;  
}  
.black  
{  
margin: 0px 0px 0px 0px;  
width: 48;  
border: 1px solid #4E0204;  
cursor: pointer;  
font-family:MS Sans Serif;  
font-size:10px;  
vertical-align:middle;  
letter-spacing:0;  
color:#4E0204;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#D1C4B4;  
background-image: url('images/b5.gif');  
text-align:center;  
}  
.white  
{  
margin: 0px 0px 0px 0px;  
width: 48;  
border: 1px solid #CC0099;  
cursor: pointer;  
font-family:MS Sans Serif;  
font-size:10px;  
vertical-align:middle;  
letter-spacing:0;  
color:#CC0099;  
padding-left:0;  
padding-right:0;  
padding-top:0;  
padding-bottom:0;  
background-color:#D1C4B4;  
background-image: url('images/b8.gif');  
text-align:center;  
}

<input type="text" name="T1" size="17" class="red" value="

" readonly style="border-style:dotted; border-width:1px; width: 90">