Tabela html - dúvida com classes

Boa tarde pessoal,

Aqui estou eu com mais um problema bobo que não consigo resolver.

Fiz uma tabela "<table class='collapse'>" e no CSS formatei conforme abaixo:

table.collapse{
border-collapse: collapse;
font-family:Arial,Verdana,Helvetica,sans-serif,Trebuchet MS;
color:#555;
}

table.collapse tr, table td{
border: solid 1px #DCDCDC;
}

table.collapse th{
color:#FFF;
/*background-color:#145ba8;*/
background-color:#a56414;
}

table.collapse a{
text-decoration:none;
color:#555;
}

table.collapse a:hover{
color:#a56414;
font-weight:bold;
}

Não sei o porque, mas agora qualquer tabela que eu crie, ela recebe a borda dessa collapse.

Por exemplo:

Criei outra tabela "<table class='teste'>" mesmo que lá no CSS eu formate ela table.teste{} ela recebe as bordas da collapse.

Na minha tela inicial de login, tem uma tabela <table class="login"> e acontece a mesma coisa.

já tentei tirar o "table." da frente do collapse mas o problema persiste.

Alguém tem ideia do que pode ser?

Desde já obrigado!