/************************************************************************
*************************************************************************
@Name :       	Selectyze - jQuery Plugin CSS
@Revison :    	1.0
@Date : 		19/12/2011
@Author:     	Mickael SURREL - ALPIXEL Agency - (www.myjqueryplugins.com - www.alpixel.fr) 
@License :		 Open Source - MIT License : http://www.opensource.org/licenses/mit-license.php
 
**************************************************************************
*************************************************************************/

/***************************/
/** Common to every theme **/
/***************************/
.DivSelectyze {
	position: relative;
	/*float: right;*/
	display: block;
	width: 160px;
	height: 37px;
	/*margin-left: 20px;*/
	/*margin-right: 10px;*/
	z-index: 9;
}

.DivSelectyze .selectyzeValue {
	position:relative;
	z-index:10;
	display:block;
	text-decoration:none;
	background-repeat: no-repeat;
}

.DivSelectyze ul {list-style:none;}
.DivSelectyze .UlSelectize {
	position: absolute;
	display:none;
	overflow-y: auto;
	max-height: 300px;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
	z-index: 999999;

}

.DivSelectyze li a {
	display:block;
	text-decoration:none;
	text-transform: capitalize !important;
}

.optgroupTitle {
	display:block;
}
/*******************************/
/** END COMMON TO EVERY THEME **/
/*******************************/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/




/*----------------------------------
 You can add your own theme below !!
 To add your theme, be sure to have 5 CSS elements :
 
 .your_theme .selectyzeValue {} 		-> Appearance of your select element
 .your_theme .UlSelectize {} 			-> Appearance of the dropdown list
 .your_theme li a {} 					-> Appearance of the items into the dropdown list
 .your_theme li a:hover {} 				-> items on hover
 .your_theme .optgroupTitle {} 			-> Appearance of the optgroup label !! only if you have <optgroup> element into your list 
 
 
 that's all ! \o/
----------------------------------*/	

/*------- ACSA -------*/
.DivSelectyze.acsa .selectyzeValue {
	font-family: 'Roboto', Arial;
font-weight: 700;
	font-size: 15px;
	text-transform: uppercase !important;
	line-height: 38px;
	color:#fff;
	text-align:left;
	width: 690px;
	height: 37px;
	background:url('bg_select.png') no-repeat;
	padding: 0px 10px;
	margin: 5px 0px;
}

.DivSelectyze.acsa .UlSelectize {
	top:37px;
	left:2px;
	width:705px;
	background-color: #fff;
}
.DivSelectyze.acsa li {
	padding: 0 !important;
	margin: 0 !important;
}
.DivSelectyze.acsa li a {
	font-family: 'Roboto', Arial;
font-weight: 400;
	font-size: 15px;
	text-transform: uppercase !important;
	line-height: 20px;
	background-color:transparent;
	color:#5a5d68;
	text-align:left;
	padding: 3px 5px 3px 10px;
}

.DivSelectyze.acsa li a[rel="0"]{
	display: none;
}

.DivSelectyze.acsa li a:hover {
	color: #fff;
	background-color:#da3e33;
}