/************************************************************\
  *
  *    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 {
	background: url(../images/select2.gif) no-repeat 100% 0;
	border: none;
	color: #777777;	
	cursor: pointer;
	display : block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 26px;
	line-height: 27px;
	padding: 0;
	width: 120px;
}
div.skinned-select select {
	filter: alpha(opacity = 0);
	height: 27px;	
	moz-opacity: 0;
	opacity: 0;
	position: relative;	
	z-index: 100;
}
div.skinned-select .select-text {
	line-height: 27px;
	position: absolute;
	text-indent: 10px;	
	z-index: 1;
}
div.skinned-select .select-text,
div.skinned-select select {
	color: #777777;
	font-size: 11px;
	margin: 0;
	padding: 0;
	width: 120px;
}

div.skinned-select select {
	background: #ffffff;
}

div.skinned-select select option {
	padding: 3px 8px;
}

/* non javascript version select */

.my-skinnable-select select {
  border: 1px solid #D5E6EE;
  font-size: 11px;  
  width: 120px;  
}

div.selectbox
{
	background: url(../images/bg_input3.gif) no-repeat 100% 0;	
	width: 294px;
}

div.selectbox .select-text,
div.selectbox select {
	width: 294px;
}

div.selectbox2 
{
	background: url(../images/bg_input3_short.gif) no-repeat 100% 0;
	width: 86px;
}

#left form div.selectbox2 {
	margin: 0 10px 0 0;	
}

div.selectbox2 .select-text,
div.selectbox2 select {
	width: 86px;
}

div.selectbox3 
{
	background: url(../images/bg_input3_medium.gif) no-repeat 100% 0;	
	width: 216px;
}

div.selectbox3 .select-text,
div.selectbox3 select {
	width: 216px;
}

div.selectbox_right 
{
	background: url(../images/input2_right.gif) no-repeat 100% 0;
	width: 171px;
}

div.selectbox_right .select-text,
div.selectbox_right select {
	width: 171px;
}