CSS, Classic ASP, Checkbox

Question

I am trying to get my stylesheet to implement changes to a checkbox. I know the CSS is good because when it was inline, it worked like a champ.

internal_users.asp is the one that needs to be formatted but it inherits (similar to a masterpage) from i_internal_headers.asp where the styles are implements.

code:

stylesheet:
.checkbox {
margin: 4px 0;
padding: 0;
width:50px;
border:none;
background:none;
}

i_internal_headers.asp
<link rel="stylesheet" type="text/css" href="../css/stylesheet.css">

internal_users.asp
<!-- #include file="include/i_internal_headers.asp" -->
<input type="checkbox" class="styled" value="" />

I have also tried on the stylesheet input[type=checkbox] {}

I also tried creating a brand new stylesheet called TrialCheckboxStylesheet.css and placed all of the css in there. still didn't work. and yes i put a new link ref in i_internal_headers

EDITTED: My current code looks like this:

.cbClear {
margin: 4px 0;
padding: 0;
width:50px;
border:none;
background:none;

}

<input type="checkbox" class="cbClear" value="" />.

When using Developer Tools on IE, I found this

#rightcolumn input, #rightcolumn textarea, #rightcolumn select { 
padding: 5px; 
width: 299px; 
font: 100% arial; 
border: 1px solid #D5D5D5; 
background: #FFF; 
color: #47433F;
border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border: 7px 7px 7px 7px;  

}

which seems to be overriding the other CSS for the checkbox. So, how would I get the checkbox one to have priority over the other?

Answer 1

This is what I had to do

#rightcolumn input.cbClear {
margin:4px 0 !important;
padding:0 !important;
width:50px !important;
border:none !important;
background:none !important;

}

inside the stylesheet.css

This made it the priority to override the prior CSS

Thank you Tetsujin no Oni for the help and quick answers.