Cómo colocar un borde rojo en el botón de radio si se activa la validación jquery

Mi problema es que no puedo hacer que el botón de radio tenga un borde rojo si la validación de jQuery se activa como en la imagen de ejemplo. Puede alguien ayudarme con esto, por favor.

http://sofes.miximages.com/javascript/gender_zps0b3bea26.png

salida actual: http://jsfiddle.net/5kcsn/47/

Trono esto pero no funciona

.radio-class{ border: solid 1px #a94442; } 

No puede agregar borde a botón de radio pero puede ir con

 input[type="radio"]:focus, input[type="radio"]:active { -webkit-box-shadow:inset 2px 1px 1px , 1px 1px 3px #008000; -moz-box-shadow:inset 2px 1px 1px #008000, 1px 1px 3px #008000; box-shadow:inset 2px 1px 1px #008000, 1px 1px 3px #008000; } 

intente esto … esto no creará el círculo rojo en el botón de radio, pero ayudará al usuario a comprender el campo requerido.

 

Please Choose your gender

Birthday

http://jsfiddle.net/alaskaz1864/5kcsn/51/

Usa la caja sombra del color del borde