onfocus для ввода формы для изменения цвета границы?

Я пытаюсь добавить цветную рамку в поле формы, когда пользователь нажимает на поле, я хорошо разбираюсь в html и javascript, с небольшим количеством php, но мой css на самом деле довольно плохой. Код формы и т. Д. Ниже. Я был бы очень признателен, если бы кто-нибудь мог направить или помочь мне. КОД:

<form id="search" action="http://www.bkslap.com/search/results.php" id="cse-search-box">
<input name="q" type="text" id="q" autocomplete="on" size="56"  style="color:#ccc;" maxlength="128" id="q"
onblur="this.value = this.value || this.defaultValue; this.style.color = '#ccc';"
onfocus="this.value=''; this.style.color = '#9933FF';"
value="Search" />
</form>

Есть мысли?