monolithed, а я уж сделал
спасибо конечно за оперативность.
кстати, может кто подскажет еще кое-что.
этой функцией я проверяю правильность ввода повтора пароля на странице регистрации и если в полях данные совпадают, то рамка подсвечивается зеленым, иначе красным.
использовал
.input-no {
border:2px solid #FF0000;}

но ширина 2 пикселя много, а один пиксель как-то маловато. Может есть альтернативный вариант?

Более заметно:

.input-no{
	background:red;
	color:#fff
}

<style>
  .style1 {color:#FF0000;}
  .style2 {color:#000;}
  .style3 {color:#FFF;}
</style>

<a href="blabla"  class="style1" onmouseover="changeStyle(this,'style2')"  onmouseout="changeStyleBack(this)">Ссылка</a>

function changeStyle(obj,c){
curClass=obj.className
obj.className=c
}
function changeStyleBack(obj){
obj.className=curClass
}