/************************************************************************
*************************************************************************
@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;
	width:80px;
	float:left;
	margin-top:0;
}

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

.DivSelectyze ul {list-style:none;}
.DivSelectyze .UlSelectize {
	position:absolute;
	z-index:999;
	display:none;
}

.DivSelectyze li a {
	display:block;
	text-decoration:none;
}

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



	/*****************/
	
	/****************/
	/** GREY HEME **/
	/*****************/
	.grey .selectyzeValue {
		font:12px/35px l;
		color:#666666;
		width:80px;
		height:32px;
		background:url('../../images/common/selectBg.gif') no-repeat;
		padding-left:8px;
	}

	.grey .UlSelectize {
		top:36px;
		left:0px;
		width:80px;
		border:1px solid #d2d2d2;
		background-color:#fff
	}

	.grey li a {
		height:28px;
		font:12px/30px ;
		background-color:transparent;
		color:#797979;
		padding-left:10px;
		border:1px solid #fff
	}

	.grey li a:hover {
		
		background-color:#eeeeee;/** gradient bgcolors */
	
	}
	
	.grey .optgroupTitle {
		margin-top:-15px;
		font-size:20px;
		padding-left:10px;
		
		color:#fff;
	}
	
	
	/*******************/