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

div.skinned-select,
div.small-skinned-select {
	position: relative;
	background: url(../images/select.png) 0 0 no-repeat;
	color: #716759;
	width: 203px;
	height: 22px; 
	overflow: hidden;
	border: none;
}
div.small-skinned-select {
	width: 130px;
	background: url(../images/select_small.png) 0 0 no-repeat;
}

div.skinned-select select,
div.small-skinned-select select {
	opacity: 0;
	filter: alpha(opacity = 0);
	moz-opacity: 0;
	position: relative;
	z-index: 100;
	cursor: pointer;
	color: #716759;
	border: none;
}



div.skinned-select .select-text,
div.small-skinned-select .select-text {
  	position: absolute;
	top: 4px;
	font: 1.1em Arial, Helvetica, sans-serif;
	text-indent: 5px;
	width: 192px;
	z-index: 1;
	color: #716759;
}


div.skinned-select .select-text,
div.skinned-select select,
div.small-skinned-select .select-text,
div.small-skinned-select select {
	width: 199px;
	height: 20px;
	padding: 0 0 0 2px;
	font-size: 1.1em;
}
div.small-skinned-select .select-text,
div.small-skinned-select select {
	width: 128px;
}
div.skinned-select select option,
div.small-skinned-select select option {
	color: #716759;
	padding: 2px 0 0 9px;
	overflow: hidden;
	width: 192px;
}
div.small-skinned-select select option {
	width: 119px;
}

/* non javascript version select */
.skinnable-select select {
  width: 201px;
  height: 20px;
  font-size: 1.1em;
}