MOODLE - custom CSS for blocks

I want to create custom css for my custom block content, but moodle will take css from theme for all the blocks with similar css: .block div.content { font-size: 12px; font-weight: 200; padding: 10px 15px 15px; } Here is the code I added to my blocks/status/styles.css: .block_status .footer { margin-top: 5px; } .block_status .content { border:1px dotted green; overflow:hidden; padding:0px; } .block_status div.cname { border:1px solid blue;padding:10px; } My css wasn't working. How could we create a new custom css for my block content. I would appreciate your help