/************************************************************************
*************************************************************************
@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:101px;
	margin-bottom:6px;
	display:inline-block;
	vertical-align:middle;
}

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

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



	/*****************/
	/** SKYPE THEME **/
	/*****************/
	.skype .selectyzeValue {
		font-family: 'ubuntulight';
		font-size:12px;
		line-height:37px;
		color:#909090;
		width:81px;
		height:37px;
		background:url('../../img/bg_dd.png') no-repeat #eaeaea;
		padding-left:17px;
		/*padding-right:38px;*/
		overflow:hidden;
	}

	.skype .UlSelectize {
		background-color: #FFFFFF;
		border: 1px solid #898989;
		left: 0;
		padding: 5px;
		top: 37px;
		width: 240px
	}

	.skype li a {
		font-family: 'ubuntulight';
		text-align:left;
		font-size:13px;
		line-height:25px;
		heigth:25px;
		background-color:transparent;
		color:#898989;
		padding-left:10px;
	}

	.skype li a:hover {
		color:#fff;
		background-color:#898989;
	}
	
	.skype .optgroupTitle {
		margin-top:15px;
		font-size:16px;
		/*padding-left:10px;*/
		background-color:#0fb1ef;
		color:#fff;
	}