.additional
{
    border: 1px dashed #aaaaaa;
    background-color: #eeeeee;
    color: #808080;
}
.optional
{
    border: 1px solid #888;
    background: #e0e0e0;
    color: #555;
}
.mandatory
{
    border: 1px solid #a88;
    background: #e6d5d2;
    color: #333;
}
option
{ 
    color: #005080; 
}
select
{
    border: 1px solid #3C6Da5; 
}
textarea, input[type="text"], input[type="password"], button[type="text"], button[type="password"]
{
    border: 1px solid #3C6Da5; 
    color: #005080; 
}
select:hover, textarea:hover:hover, input[type="text"]:hover, input[type="password"]:hover, button[type="text"]:hover, button[type="password"]:hover
{ 
    border-color: #CCBB33 ! important;
    color: #333333 ! important;
}
textarea 
{ 
    background-image: url("input_textarea.gif"); 
}
textarea.invalid 
{ 
    border-color: #FF6600; 
    background-image: url("input_textarea_invalid.gif"); 
    color: #FF0000; 
}
textarea.additional
{
    background-image: url("input_textarea_additional.gif");
    border-color: #aaaaaa;
}
textarea.optional
{
    background-image: url("input_textarea_optional.gif");
    border-color: #888888;
}
textarea.mandatory
{
    background-image: url("input_textarea_mandatory.gif");
    color: #555555;
    border-color: #a88;
}
textarea:hover
{ 
    background-image: url("input_textarea_hover.gif"); 
}
select, button, input 
{ 
    font-size: 13px;
    margin: 0px;
}
input[type="text"], input[type="password"], button[type="text"], button[type="password"]
{
    background-image: url("input_text.gif");
}
input.invalid, button.invalid
{
    border-color: #FF6600;
    background-image: url("input_text_invalid.gif");
    color: #a00000;
}
input.additional
{
    background-image: url("input_text_additional.gif");
    border-color: #aaaaaa;
}
input.optional
{
    background-image: url("input_text_optional.gif");
    border-color: #888888;
}
input.mandatory
{
    background-image: url("input_text_mandatory.gif");
    color: #555555;
    border-color: #a88;
}
input[type="text"]:hover, input[type="password"]:hover, button[type="text"]:hover, button[type="password"]:hover
{ 
    background-image: url("input_text_hover.gif");
}

/******************************************
 © 2006, Thomas Meyer www.All-Community.de
 Copyright Hinweis nicht entfernen!
******************************************/