Security

I just want to change baxkground color of box to mathing color oh head image.  Currently its gray (default dark). Need it changed to purple. Tried efind it on "HEML HEAD"  section in skin as below. But it didnt work.  Any help or pointers would be appreciated. 

{literal}
<style>
.box {
background-color:#3F0166;
}
</style>

......
{/literal}

For me your style snippet works. Hard to say why the style seems to be ignored in your case without knowing the rest of your styling and config. Perhaps you can try to add the 'important' statement first:

.box {
background-color:#3F0166 !important;
}

Otherwise try to precise your styles:

div#box1.box {
background-color:#3F0166 !important;
}
div#box2.box {
background-color:#3F0166 !important;
}

I would recommend using the developer tools of your fav browser to try changes in realtime.

Thanks djanssen, 

.box  didnt work as intended. But I found the correct stye referance examin page source. following works well.

.nonav-mode-box.dark {
background-color: rgba(63, 1, 102, 1.0);
color: #fff;
}