input
{
background-color: #CFF;
border: 4px solid black;
border-radius: 0px;
color: black;
font-family: Arial, sans-serif;
font-size: 120%;
font-weight: 300;
margin: 0em 0.5em;
padding: 0px 4px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}

input:focus, button:focus
{
outline-width: 4px;
outline-style: solid;
outline-color: red;
-moz-outline-radius: 0px;
-webkit-outline-radius: 0px;
outline-offset: 4px;
}

#ButtonConfig {width: 44%; padding: 8px;}
#idColorButton1, #idColorButton2 {width: 14em;}
#idSpanBackgroundColor {background-color: #CFF; color: black; width: 1.2em; height: 1.2em;}
#idSpanForegroundColor {background-color: black; color: white; width: 1.2em; height: 1.2em;}

select:focus {outline: 3px lime outset;}

/* There is a bug with styling the select:focus in Opera 7.1 */

label:focus {outline: 2px invert dotted;}

/* option[-moz-option-selected] {background-color: green;} */

/*
MSIE 6 has limited support for attribute selectors and :hover dynamic pseudo-class
label:hover {border: aqua outset 2px; -moz-border-radius: 12px; -webkit-border-radius: 12px;}
*/