Change margins and background color of one module

Hello,
I am trying to change the margins and background one module on a row. On the row, I have named the class "test" and the module name is "user1".

I have tried all of these and they do not change anything (with or without the !important):

.test {
margin: 100px 20px 0 50px!important;
background: red!important;
}

.test mp_test{
margin: 100px 20px 0 50px!important;
background: red!important;
}

.row > test{
margin: 100px 20px 0 50px!important;
background:red!important;
}

Can someone please help me!?

Thank you!
-Kali


Additionally....
Here is what I have in the template.css file:
I have tested little changes like background color or margins and it never changes my page. I am familiar with writing CSS and I do not understand why none of my changes are showing up.

/******* CUSTOM ROWS AND CELLS STYLING *******/

.sparky_full {
}

.container {
margin:0 auto;
padding:0;
}

/*.row {
padding:0;
margin:0;
}*/

.row > *{
float:left;
}

/* abovecontent and belowcontent modules */

div.abovecontent {
}

div.belowcontent {
padding: 30px 0 0 0;
}

p.copyright {
text-align: center;
}

/* tinynav */

select.tinynav {
float: right;
width: 40px;
height: 30px;
border:none;
background: #ccc;
text-indent: -9999px;
background: url(../images/tinynav.png);
-webkit-appearance: button;
}

Put one empty character before 'test' word in suffix field.

Also it is not test and mp_test

it is always in css file:

.mp_test and .test