/************************************************************************
*************************************************************************
@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;
	display: block;
	width: 260px;
	height: 31px;
}

.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/
----------------------------------*/	

/*------- DPP -------*/
.dpp .selectyzeValue {
	font-family: 'Open Sans', Arial;
	font-size: 13px;
	line-height: 28px;
	color: #434343;
	text-align:left;
	width: 250px;
	height: 31px;
	background:url('/resources/js/selectyze/bg_select.gif') no-repeat;
	padding-left: 10px;
}

.dpp .UlSelectize {
	top:31px;
	width:260px;
	background-color: #fff;
}

.dpp li a {
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	line-height: 20px;
	background-color:transparent;
	color: #434343;
	text-align:left;
	padding:3px 0px 3px 10px;
}

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

.dpp li a:hover {
	color: #fff;
	background-color:#0065a4;
}