WTS - Kassabon currency selector

by Paulo Ávila

HTML

<div id="searchForm">
    <ul class="curency-menu">
        <li><a href="javascript:;" rel="nofollow">EUR</a></li>
        <li><a href="javascript:;" rel="nofollow">USD</a></li>
        <li><a href="javascript:;" rel="nofollow">BGN</a></li>
        <li><a href="javascript:;" rel="nofollow">CZK</a></li>
        <li><a href="javascript:;" rel="nofollow">DKK</a></li>
        <li><a href="javascript:;" rel="nofollow">GBP</a></li>
        <li><a href="javascript:;" rel="nofollow">LTL</a></li>
        <li><a href="javascript:;" rel="nofollow">LVL</a></li>
        <li><a href="javascript:;" rel="nofollow">PLN</a></li>
        <li><a href="javascript:;" rel="nofollow">RON</a></li>   
        <li><a href="javascript:;" rel="nofollow">SEK</a></li>
        <li><a href="javascript:;" rel="nofollow">CHF</a></li>
        <li><a href="javascript:;" rel="nofollow">NOK</a></li>
        <li><a href="javascript:;" rel="nofollow">HRK</a></li>
        <li><a href="javascript:;" rel="nofollow"class="selected">RUB</a></li>
        <li><a href="javascript:;" rel="nofollow">TRY</a></li>
        <li><a href="javascript:;" rel="nofollow">AUD</a></li>
        <li><a href="javascript:;" rel="nofollow">BRL</a></li>
        <li><a href="javascript:;" rel="nofollow">CAD</a></li>
        <li><a href="javascript:;" rel="nofollow">CNY</a></li>
        <li><a href="javascript:;" rel="nofollow">HKD</a></li>
        <li><a href="javascript:;" rel="nofollow">ILS</a></li>
        <li><a href="javascript:;" rel="nofollow">KRW</a></li>
        <li><a href="javascript:;" rel="nofollow">MXN</a></li>
        <li><a href="javascript:;" rel="nofollow">MYR</a></li>
        <li><a href="javascript:;" rel="nofollow">NZD</a></li>
        <li><a href="javascript:;" rel="nofollow">SGD</a></li>
        <li><a href="javascript:;" rel="nofollow">ZAR</a></li>
    </ul>
</div>

CSS

body { font-family: Arial; }

#searchForm .curency-menu {
	position: absolute;
	right: 2px;
	width: 160px;
	padding: 3px 0 0 0;
    list-style: none;
	font-size: 11px;
	line-height: 19px;
	border-radius: 2px;
	background-color: white;
	box-shadow: 0px 1px 4px #888;
}

#searchForm .curency-menu li {
	float: left;
	width: 40px;
	border-bottom: 1px solid #efe9e4;
	text-align: center;
}

#searchForm .curency-menu li a {
	color: black;
	text-decoration: none;
}

#searchForm .curency-menu li a:hover {
	color: #e75113;
	text-decoration: none;
}

#searchForm .curency-menu li a.selected {
	color: #e75113;
	font-weight: bold;
}