Header widget not responding to CSS

We have added a header widget and configured with Quick CSS that was working fine. It now is not.

http://www.thepromisecenter.com

It was text surrounded by container with drop shadow.

For this test the text is –*– that now shows up in the upper left with no drop shadow.

We want the text with drop shadow around container in line with the logo between the logo and menu options.

This is our CSS that was working:
#header .widget {
margin: auto;
max-width: 135px;
max-height: 35px;
top: -25px;
left: 250px ;
right: ;
padding-top: 0px;
padding-left: 5px;
padding-right: 5px;
position: absolute;
float: ;
transform: ;
z-index: 999999;
box-shadow: 0px 0px 10px black; }

#header #enhancedtextwidget-2.widget {
top: 22% !important; }

#header #enhancedtextwidget-2 .textwidget {
margin-top: -50px !important; }}