/************************************************************************
*************************************************************************
@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:130px; float:left; padding-left: 2px;}
.DivSelectyze .selectyzeValue {position:relative; z-index:10; display:block; text-decoration:none; text-indent: 5px;}
.DivSelectyze ul {list-style:none;}
.DivSelectyze .UlSelectize {position:absolute; z-index:999; display:none; margin: 0px !important;}
.DivSelectyze li a {display:block; text-decoration:none;}
.DivSelectyze li {background: black !important; padding-left: 0px !important; padding-bottom: 0px !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/
----------------------------------*/

	  /*************************/
	 /** Sivillservice THEME **/
	/*************************/
	.sivillservice .selectyzeValue {
		font:12px/21px Arial;
		color:#CBCBCB !important;
		text-align:left;
		text-decoration: none !important;
		width:132px;
		height:24px;
		background:url('/images/themes/002/background/stylish_select1.png') no-repeat;
	}

	.sivillservice .UlSelectize {
		left:2px;
		width:132px;
		background-color:#222222
	}

	.sivillservice li a {
		font:12px/20px Arial;
		background-color:transparent;
		color:#aeaeae !important;
		text-align:left;
		padding-left: 11px;
		height: 24px !important;
	}

	.sivillservice li a:hover {background-color:#3C97CA; color: #FFFFFF !important; text-decoration: none !important; height: 24px !important;}
	
	.sivillservice .optgroupTitle {
		margin-top:15px;
		font-size:17px;
		font-style:italic;
		padding-left:10px;
		background-color:#3e3d3d;
		color:#fff;
		font-weight:700
	}