/* Scroller */
.scroller {
	border: 						1px solid #CCCCCC;
	background-color:				white;
	position:						relative;
	z-index:						0;
}

.scroller .scrollbar {
	background-color:				#EFEDE4;
	background:						transparent url(../images/scroller/scrollbar_right.gif) no-repeat top right;
	display:						block;
	height:							17px;
	position:						relative;
}
.scroller .scrollbar_outer {
	background:						transparent url(../images/scroller/scrollbar_left.gif) no-repeat;					
	display:						block;
	position:						relative;
	margin-left:					-1px;
	margin-bottom:					-1px;
	margin-right:					-1px;
}

.scroller .scrollbar .knob {
	display:						block;
	height:							17px;
}
.scroller .scrollbar .knob #left {
	width:							8px;
	height:							17px;
	background:						transparent url(../images/scroller/knob_left.gif) no-repeat top left;	
}
.scroller .scrollbar .knob #right {
	width:							8px;
	height:							17px;
	background:						transparent url(../images/scroller/knob_right.gif) no-repeat top right;	
}
.scroller .scrollbar .knob #center {
	background:						transparent url(../images/scroller/knob_center.gif) repeat-x top left;
}
.scroller .scrollbar .knob #center #relief {
	background:						transparent url(../images/scroller/knob_relief.gif) no-repeat center center;
}


.scroller .scrollarea 
{	
	width: 							500px;
	overflow:						hidden;
}
.scroller .scrollarea .scrollcontents 
{
	overflow:						hidden;
}
.scroller .scrollarea .scrollcontents IMG 
{
	display:						inline;
	overflow:						hidden;
}


/* Button */
INPUT.button,BUTTON.button  {
	background-image:	url(../images/button.jpg);
	height:				26px;
	overflow:			hidden;
	background-color: 	white;
	font-size:			10px;
	-moz-outline: 		none; 
	font-family:		Verdana;
	border:				1px solid #D5D5D5;
	vertical-align: 	middle;
	font-size:			11px;
	text-align:			center;
}
INPUT.button:hover {
	background-color:			#33CCFF;
	-moz-border-left-colors: 	#33CCFF !important;
	-moz-border-top-colors: 	#33CCFF !important;
	-moz-border-right-colors: 	#33CCFF !important;
	-moz-border-bottom-colors: 	#33CCFF !important;
}
INPUT.button:active {
	padding-top:		3px;
	padding-left:		2px;	
}



/* Drop list */
.button .value {
	background:				transparent url(../images/layout/triangle_down.gif) no-repeat 0px 6px;
	#background:			transparent url(../images/layout/triangle_down.gif) no-repeat 3px 6px;
	padding:				0px;
	margin:					0px;
	padding-left:			10px;
	#padding-left:			13px;
	text-align:				left;
}
.dropList {
	-moz-user-select: 		none; 
	padding:				0px;
	margin:					0px;
	background-color:		#ECECEC;
	border:					1px solid #D5D5D5;
	padding-bottom:			10px;
	width:					200px;
	clear:					right;
	text-align:				left;
	position:				absolute;
	z-index:				100000;
	display:				block;
}
.dropList LI {
	padding-left:			10px;
	padding-right:			7px;
}