Where to edit the "Error" Overlay

[thunderup]

I am aware that I can edit my overlay style under
Style Properties > Form-Type Overlays

Where can I edit the overlay for the "Error" messages (red heading, black transparent BG, white text)

 

[Paul B]

Add to EXTRA.css:

.xenOverlay .errorOverlay .heading {
 
}

 

[thunderup]

Then add my edits between the brackets for the background, heading, etc?

 

[Paul B]

Just add the elements you want to change, you don't need to replicate the current CSS.

 

[thunderup]

what's the proper code for changing the text color under

.xenOverlay .errorOverlay {
border: 1px solid;
background: @textCtrlBackground;
}

 

[Paul B]

color: red;

 

[thunderup]

My Error overlay is wiggin' out whenever I try messing with the border color and size..

On my normal form type overlay these are some settings I have that I want to add to the Error code...
Form Type Overlay:

border color = #e3e3e3
width = 5 px , radius = 10 px

Under the additional CSS box I have:
box-shadow: 0px 25px 50px rgba(0,0,0, 0.5);
_zoom: 1;


This is what I have currently for my Error Overlay Code in EXTRA.css

.xenOverlay .errorOverlay {
        border: 1px solid;
        background: @textCtrlBackground;
                color: #B40000
}
.xenOverlay .errorOverlay .heading {
        background: #B40000 url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x;
}

Little help with completing the code to match my original overlay (except with the RED error heading obviously, that I have added)

 

[Paul B]

Add a ; to the end of the color: #B40000 line.