How to change the color of ONE button...?

Hello everyone... I've set the color theme of my site to white / red via the main .CSS files. However, I've added the module "Facebook Connect" and I would like to make THAT button only, facebook-blue (facebook in red just looks wrong)... I reckon that I have to change that button color with "!important" to override the overall color theme... But WHERE...? In which file is the format for that specific button defined...!

Many thanks in advance for any suggestions on this!

Apparently, Boonex did not think of giving that button a unique ID or class, so it's a real pain in the ass.

Use this code for your templates login_join_auth.html

<bx_repeat:buttons>
<div class="sys-auth bx-def-margin-sec-top clearfix">
	<a class="bx-btn" href="__href__"<bx_if:show_onclick> onclick="__onclick__"</bx_if:show_onclick>>
		<bx_if:show_icon><i class="sys-icon __icon__"></i></bx_if:show_icon><span class="auth-btn-title">__title__</span>
	</a>
</div>
</bx_repeat:buttons>

Then add this css to the end of your templates common.css file

.sys-icon.facebook-square {
    background-color: #45619D;
    bottom: 0;
    color: #ffffff;
    display: inline-block;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 0;
}
.auth-btn-title {
    color: #ffffff;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    width: 100%;
    z-index: 10;
}

.sys-auth i.sys-icon.facebook-square:before {
display:none;
}

The icon will be gone, and if you want it back, you'll have to add it to the 'Facebook Connect' language string.

This should keep you amused for a while.

Thank you so much HL! Really appreciated...!