/* ================================================================ 
                       imageController.css
						controls small menu for selecting images
=================================================================== */

#img_controllerWrapper{
	position: relative;
	top: 360px;
	left: 30px;
	width:211px; 
	height:123px;
}
#img_contPattern{
  position: relative;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 
																														src='res/ui/image_controller_02.png');
	width: 237px;
	height: 123px;
	
}
/* IE ignores styles with [attributes], so it will skip the following. */
#img_contPattern[id]{
  background: url(../res/ui/image_controller_02.png) no-repeat;
}
#img_controller{
	position: absolute;
	top: 52px;
	left: 44px;
	z-index:101;
}
#img_controller ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#img_controller ul li{
	float:left;
	position:relative;
	text-align: center;
/*	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
}
#img_controller ul li a, #img_controller ul li a:visited{
	display: block;
	text-decoration: none;
	font-weight:bold; 
	width: 24px;         /* width of actual menu items on the top level */
	height: 18px;
	padding-top: 4px;
	/*background-image: url(../res/ui/gray_tile-16x16.png);*/
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, 
																														src='res/ui/gray_tile-16x16.png');
	/* 
	background: #333333;
	padding-left: 10px; 
	line-height: 29px;
	*/
}
/* IE ignores styles with [attributes], so it will skip the following. */
#img_controller[id] a, #img_controller[id] a:visited {
  background: url(../res/ui/gray_tile-16x16.png);
}
#img_controller ul li a:hover{
	background-image: url(../res/ui/quicknav_bg.png);
	cursor: pointer;
	cursor: hand;
	color: #000;
}