/**
 * @name	jQuery SelectList
 * @description	plugin is designed for styling lists in forms
 * @author	Erwin Bujak 'ErniX'
 * @version	0.1
 * @date	August 22, 2011
 * @wwww	erwinbujak.eu | erwinbujak.com
 * @copyright	(c) 2011 Erwin Bujak
 */
.jSLViewItemDisabled {
	display: none;
}

.jSLViewItemFormSelect {
	background: url('../image/Select_02.png') no-repeat;
	position: relative;
	width: 54px;
	height: 22px;
	top: 15px;
	left: -1px;
	display: block;
	cursor: pointer;
	float: left;
}

.jSLViewItemFormSelectName {
	position: relative;
	width: 54px;
	height: 22px;
	line-height: 22px;
	text-indent: 10px;
	font-family: Tahoma;
	font-size: 11px;
	color: #A7A7A7;
	overflow: hidden;
}

.jSLViewItemFormSelectContent {
	background: #FFFFFF;
	border: solid 1px #CBCBCB;
	border-top: none;
	position: absolute;
	width: 52px;
	line-height: 16px;
	top: 22px;
	left: 0px;
	z-index: 5;
	overflow: hidden;
}

.jSLViewItemFormOption {
	background: #FFFFFF;
	position: relative;
	width: 52px;
	font-family: Arial;
	font-size: 12px;
	color: #323232;
	display: block;
	float: left;
	cursor: pointer;
	z-index: 5;
}

.jSLViewItemFormOption span {
	margin: 5px;
	display: block;
}

.jSLViewItemFormOption:hover, .jSLViewItemFormOptionSelected {
	background: #E9E9E9;
}