/************************************************************************
*************************************************************************
@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:left;
}

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

.DivSelectyze ul {list-style:none;}
.DivSelectyze .UlSelectize {
	position:absolute;
	z-index:9999;
	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/
----------------------------------*/

	/* Diablo megadrop selects */
	
	.diabloMegaSelect .selectyzeValue {
		color:#646464; 
		font-size:11px; 
		line-height:30px;
		text-align:left;
		text-indent:15px;
		font-family: 'Montserrat', sans-serif;
		font-weight:400;
		padding:0 30px 0 0;
		height:30px;
		background:url('../images/caret-down-dark.png') right center no-repeat;
		background-color:#c8c8c8;
		border:none;
		min-width:150px;
		margin:0 0 1px 0;
	}
	
	.diabloMegaSelect:hover .selectyzeValue {
		color:#f00; 
		
	}

	.diabloMegaSelect .UlSelectize {
		top:30px;
		left:0;
		width:100%;
		border:none;
		background-color:#fff;
		zoom: 1; filter: alpha(opacity=95); opacity: 0.90;
		padding:0 0 1px 0;
		border-bottom:1px solid #c8c8c8;
	}
	

	.diabloMegaSelect li a {
		width:100%;
		color:#6e6e6e; 
		font-size:10px; 
		line-height:25px;
		height:25px;
		text-align:left;
		text-indent:10px;
		border-top:1px solid #e3e3e3;
		font-family: 'Montserrat', sans-serif;
		font-weight:400;
		background-color:#fff;
	}

	.diabloMegaSelect li a:hover {
		background-color:#f00;
		color:#fff;
	}
	
	.diabloMegaSelect .optgroupTitle {
		margin-top:15px;
		font-size:17px;
		font-style:italic;
		padding-left:10px;
		background-color:#3e3d3d;
		color:#fff;
		font-weight:700
	}
	
	
	/* Diablo top bar selects */
	
	.diabloTopSelect .selectyzeValue {
		color:#a3a3a3; 
		font-size:10px; 
		line-height:22px;
		text-align:left;
		text-indent:6px;
		font-family: 'Montserrat', sans-serif;
		font-weight:400;
		padding:0 32px 0 0;
		height:22px;
		background:url('../images/caret-down.png') right center no-repeat;
		background-color:#e5e4e4;
		border:none;
		min-width:50px;
	}

	.diabloTopSelect .UlSelectize {
		top:22px;
		left:2%;
		width:96%;
		border:none;
		background-color:#e9e9e9;
		zoom: 1; filter: alpha(opacity=95); opacity: 0.95;
		padding:0 0 0 0;
	}

	.diabloTopSelect li a {
		width:100%;
		color:#a3a3a3; 
		font-size:10px; 
		line-height:22px;
		text-align:center;
		text-indent:0px;
		border-top:1px solid #fff;
		font-family: 'Montserrat', sans-serif;
		font-weight:400;
	}

	.diabloTopSelect li a:hover {
		background-color:#fff;
		color:#f00;
	}
	
	.diabloTopSelect .optgroupTitle {
		margin-top:15px;
		font-size:17px;
		font-style:italic;
		padding-left:10px;
		background-color:#3e3d3d;
		color:#fff;
		font-weight:700
	}