@namespace url(http://www.w3.org/1999/xhtml);

/*
 not using the "*" selector, 'cos
 it is not possible to add generated
 content to any form element :(
*/

/*
 this could spoil something
*/
a[accesskey] {
 white-space: nowrap !important;
}

a[accesskey]::after {
 content: attr(accesskey) !important;
}

span.my_accesskey ,
a[accesskey]::after {
 font-family: "Courier new", monospace !important;
 text-transform: uppercase !important;
 font-weight: normal !important;
 text-decoration: none !important;
 border: none !important;
 color: #000 !important;
 background-color: #eee !important;
 -moz-border-radius: 0.7em !important;
 font-size: 12px !important;
 padding: 0 4px 0 4px !important;
 margin: 0 0 0 -15px !important;
/*
 = - ( [font-size] + [paddings] - 3 ) o_O
*/
}

textarea[accesskey] + span.my_accesskey {
 margin: 0 0 0 -30px !important; /* scrollbars */
 padding: 0 19px 0 4px !important;
}

input[accesskey][type="checkbox"] + span.my_accesskey ,
input[accesskey][type="radio"] + span.my_accesskey {
 border: 1px solid #000 !important;
 padding: 0 3px 0 3px !important;
}

input[accesskey][type="checkbox"] + span.my_accesskey {
 -moz-border-radius: 0 !important;
}

input[accesskey][type="radio"]:checked + span.my_accesskey ,
input[accesskey][type="checkbox"]:checked + span.my_accesskey {
 color: #fff !important;
 border-color: #fff !important;
 background-color: #000 !important;
}

input[accesskey][type="radio"]:checked + span.my_accesskey ,
input[accesskey][type="checkbox"]:checked + span.my_accesskey ,
input[accesskey][type="radio"]:focus + span.my_accesskey ,
input[accesskey][type="checkbox"]:focus + span.my_accesskey {
 visibility: visible !important;
}

a[accesskey]:focus::after ,
a[accesskey]:hover::after ,
span.my_accesskey:hover ,
input[accesskey]:focus + span.my_accesskey ,
input[accesskey]:hover + span.my_accesskey ,
textarea[accesskey]:focus + span.my_accesskey ,
textarea[accesskey]:hover + span.my_accesskey ,
button[accesskey]:focus + span.my_accesskey ,
button[accesskey]:hover + span.my_accesskey ,
input[accesskey][type="radio"]:checked + span.my_accesskey:hover ,
input[accesskey][type="checkbox"]:checked + span.my_accesskey:hover ,
input[accesskey][type="radio"]:checked:hover + span.my_accesskey ,
input[accesskey][type="checkbox"]:checked:hover + span.my_accesskey ,
input[accesskey][type="radio"]:focus:hover + span.my_accesskey ,
input[accesskey][type="checkbox"]:focus:hover + span.my_accesskey {
 visibility: hidden !important;
}

input[accesskey][type="submit"] + span.my_accesskey {
 background-color: #f99 !important;
}