/************************************************************\
  *
  *    Skinned Select Box Copyright 2007 Derek Harvey
  *		 www.lotsofcode.com
  *
  *    This file is part of Skinned Select Box .
  *
  *    Skinned Select Boxis free software; you can redistribute it and/or modify
  *    it under the terms of the GNU General Public License as published by
  *    the Free Software Foundation; either version 2 of the License, or
  *    (at your option) any later version.
  *
  *    Skinned Select Box is distributed in the hope that it will be useful,
  *    but WITHOUT ANY WARRANTY; without even the implied warranty of
  *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  *    GNU General Public License for more details.
  *
  *    You should have received a copy of the GNU General Public License
  *    along with Skinned Select Box; if not, write to the Free Software
  *    Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
  *
  \************************************************************/

/* skinned select */


/*
Structure au rendu (le div controlWrapper est optionnel: c'est l'infobulle qui l'insere)

<div class="skinned-select">
	<div class="select-text">BBBBB</div>
	<div id="controlWrapperctl00" class="controlWrapper">
		<select>
			<option value="3">AAAAAA</option>
			<option value="7" selected="selected">BBBBB</option>
			<option value="17">CCCCC</option>
		</select>
	</div>
</div>
*/


/* Mini reset */

div.skinned-select,
div.skinned-select .select-text,
div.skinned-select select,
div.skinned-select option
{
	margin:0;
	padding:0;
	border:0;	
	cursor:pointer;	
} 

div.skinned-select select
{
	width:100%;
} 

div.skinned-select option
{
	padding-left:5px;
} 

div.skinned-select {
    background:#FFFFFF url(../Images/skinSelect.gif) no-repeat right center;
    border:1px solid #E0DFDF;
    position:relative;
}

div.skinned-select select {
    opacity: 0;  
    position: relative;
    z-index: 100;
}

div.skinned-select .select-text {
    position: absolute;
    line-height: 19px;  
    z-index: 1;
    padding-right:20px;
    overflow:hidden;
    padding-left:5px;
}

div.skinned-select .select-text, 
div.skinned-select select, 
div.skinned-select select option {
    font-size: 11px; 
    height: 19px;
}

/* non javascript version select */
.my-skinnable-select select {
    font-size: 11px;
}