.bgimage {
background:url('images/blocks.PNG') repeat-x scroll left bottom #FFFFFF; 
border:1px solid #7f9db9; 
font-size:1em; 
margin:0; 
overflow: hidden; 
padding:0 2em 0 0;
width:129px;
}

.textbox {
background:transparent; 
font-family:"Courier New", "Fixed", "monospace";
border: none;
text-transform:uppercase;
letter-spacing: 3px;
width:175px;
height:20px;
}
.error{
color:red;
}

/*
.button{
border: 2px outset #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
background: url('../../images/button.png') no-repeat scroll left bottom #FFFFFF;
background-repeat: repeat-x;
padding: 2px;
background-color: #aacdd2;
color: #000000;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
.button:hover{
border: 2px outset #999999;
border-top-color: blue;
border-left-color: blue;
border-right-color: blue;
border-bottom-color: blue;
background: url('../../images/buttonhover.png') repeat-x scroll left bottom #FFFFFF;
padding: 2px;
background-color: #aacdd2;
color: #000000;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
.button:hover:focus{
border: 2px inset #999999;
border-top-color: blue;
border-left-color: blue;
border-right-color: blue;
border-bottom-color: blue;
background: url('../../images/buttonhover.png') repeat-x scroll left bottom #FFFFFF;
padding: 2px;
background-color: #aacdd2;
color: #000000;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
.button:focus{
border: 2px outset #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
background: url('../../images/button.png') no-repeat scroll left bottom #FFFFFF;
background-repeat: repeat-x;
padding: 2px;
background-color: #aacdd2;
color: #000000;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
*/