/************************************************************************
*************************************************************************
@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:253px;
	float:left;
	margin-top:15px;
}

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



	
	
	/********************/
	/** MOONIFY  THEME **/
	/********************/
	.moonify .selectyzeValue {
		font:12px/30px 'Source Sans Pro';
		color:#FFF;
		text-shadow:1px 1px 0px #000;
		text-align:center;
		width:215px;
		height:35px;
                text-align: left;
                padding-left: 16px;
		background:url('../images/bg_moonify.png') no-repeat;
	}
        
        .DivSelectyze.moonify{                margin-top: 0        }
        .DivSelectyze.moonify ul{
            padding: 0;
            margin-left: 8px
        }

	.moonify .UlSelectize {
		top:36px;
		left:2px;
		width:190px;
                padding: 0;
		background-color:#272D33
	}

	.moonify li a {
		font:12px/28px 'Source Sans Pro';
		background-color:transparent;
		color:#fff;
		text-align:center
        }

	.moonify li a:hover {
		background: url('../images/bg_moonify_sel.png') repeat-x transparent;
	}
	
	.moonify .optgroupTitle {
		margin-top:15px;
		font-size:17px;
		font-style:italic;
		padding-left:10px;
		color:#fff;
		font-weight:700
	}
	
	/********************/
	/**MOONIFYSH  THEME **/
	/********************/
	.moonifysh .selectyzeValue {
		font:12px/30px 'Source Sans Pro';
		color:#FFF;
		text-shadow:1px 1px 0px #000;
		text-align:center;
		width:103px;
		height:35px;
                text-align: left;
                padding-left: 16px;
		background:url('../images/bg_moonify_sh.png') no-repeat;
	}
        
        .DivSelectyze.moonifysh{                
            margin: 0;
            width: 100px
        }
        .DivSelectyze.moonifysh ul{
            padding: 0;
            margin-left: 0px
        }

	.moonifysh .UlSelectize {
		top:36px;
		left:2px;
		width:90px;
                padding: 0;
		background-color:#272D33
	}

	.moonifysh li a {
		font:12px/28px 'Source Sans Pro';
		background-color:transparent;
		color:#fff;
		text-align:center
        }

	.moonifysh li a:hover {
		background: url('../images/bg_moonify_sel.png') repeat-x transparent;
	}
	
	.moonifysh .optgroupTitle {
		margin-top:15px;
		font-size:17px;
		font-style:italic;
		padding-left:10px;
		color:#fff;
		font-weight:700
	}
       
	/********************/
	/**moonifyshDer  THEME **/
	/********************/
	.moonifyshDer .selectyzeValue {
		font:12px/30px 'Source Sans Pro';
		color:#FFF;
		text-shadow:1px 1px 0px #000;
		text-align:center;
		width:103px;
		height:35px;
                text-align: left;
                padding-left: 16px;
		background:url('../images/bg_moonify_sh.png') no-repeat;
	}
        
        .DivSelectyze.moonifyshDer{                
            margin: 0;
            width: 100px;
            float: right
        }
        .DivSelectyze.moonifyshDer ul{
            padding: 0;
            margin-left: 0px
        }

	.moonifyshDer .UlSelectize {
		top:36px;
		left:2px;
		width:90px;
                padding: 0;
		background-color:#272D33
	}

	.moonifyshDer li a {
		font:12px/28px 'Source Sans Pro';
		background-color:transparent;
		color:#fff;
		text-align:center
        }

	.moonifyshDer li a:hover {
		background: url('../images/bg_moonify_sel.png') repeat-x transparent;
	}
	
	.moonifyshDer .optgroupTitle {
		margin-top:15px;
		font-size:17px;
		font-style:italic;
		padding-left:10px;
		color:#fff;
		font-weight:700
	}