/*  Yazar: Volkan Altinbas
	Tarih: 04 Haziran 2008
	Son Güncelleme: 26 Kasim 2008
	Fonksiyonun Islevi: Üzerlerinde görsel olarak çok fazla degisiklik yapma imkanimiz olmayan
						selectbox'larin görünümünü iyilestirmek.
	Sürüm: 1	*/

.hidden {
	display:none;
}

.selectBoxContainer {
	font:normal 10px Arial, Helvetica, sans-serif;
	position:relative;
	margin-bottom:5px;
	width:200px;
}
.selectBoxContainer .selectBoxScroller {
	display:none;
	position:absolute;
	top:22px;
	left:0;
	width:100%;
}
.selectBoxContainer .selectArea {
	background:#448ccb;
	color:#FFFFFF;
	cursor:pointer;
	line-height:20px;
	padding-left:5px
}
.selectBoxContainer .selectArea .downArrow {
	position:absolute;
	right:0;
	top:0;
	background:#ff0000 url(../images/va_down_arrow.gif) center no-repeat;
	display:block;
	height:20px;
	width:20px;
}
.selectBoxList {
	margin:0;
	padding:0;
	list-style:none;
	background:#CCCCCC;
}
.selectBoxList .selectBoxItem {
	line-height:20px
}
.selectBoxList .selectBoxItem {
	color:#333333;
	display:block;
	padding-left:5px;
	text-decoration:none;
}
.selectBoxList .selectBoxItem.selected {
	background:#ff0000;
	color:#FFFFFF;
}
.selectBoxList .selectBoxItem.hover {
	background:#448ccb;
	color:#FFFFFF;
}