/* inline layer popup */

select {display: none;}

#over {background:  url(/images/shadowlight.gif) repeat;
	 position: absolute; 
	 left: 0;
	 top: 0;
	 z-index: 100;
	 width: 100%; 
	 height: 1250px;
	 margin: 0;
	 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	 -moz-opacity:0.80;
	 -khtml-opacity:0.80;
}
	 
.bar {background: #ddd;
	  text-align: right;
	  margin: -5px;
	  padding: 5px } 
  


.bar a {border: 1px solid #777; 
	color: #777; 
	text-decoration: none; 
	font-size: 10px; 
	padding: 0 5px; 
}

.bar2 {background: #ddd url(/images/dragbar.gif) repeat-x center left;
	  margin: -15px -10px -15px -10px;
	  padding: 10px 10px 10px 10px;
}
	  
.sh {position: absolute;
	top:400px;	
	 z-index: 1000;	 
	width: 450px; 
	 right: 30%;
	 background: url(/images/shadow.png) repeat !important;
	  background: url(/images/shadowlight.gif) repeat;
}

#box {	height: 350px;
	overflow: none;
	/*border: 5px ridge #ccc;*/
	z-index: 150;	
	background: #fff;	
	position: relative;
	padding: 10px; 
	top: -5px; /* these two define the shadow 'offset'*/
	left: -5px; /*...*/
}

#box1 {
	height: 600px;
	width: 500px;
	overflow: none;
	/*border: 5px ridge #ccc;*/
	z-index: 150;
	background: #fff;
	position: relative;
	padding: 10px;
	top: -10px; /* these two define the shadow 'offset'*/
	left: -10px; /*...*/

}

#box2 {
	height: 400px;
	width: 500px;
	overflow: none;
	/*border: 5px ridge #ccc;*/
	z-index: 150;
	background: #fff;
	position: relative;
	padding: 10px;
	top: -10px; /* these two define the shadow 'offset'*/
	left: -10px; /*...*/

}

#box3 {
	height: 450px;
	width: 500px;
	overflow: none;
	/*border: 5px ridge #ccc;*/
	z-index: 150;
	background: #fff;
	position: relative;
	padding: 10px;
	top: -10px; /* these two define the shadow 'offset'*/
	left: -10px; /*...*/

}

#box4 {
	height: 575px;
	width: 500px;
	overflow: none;
	/*border: 5px ridge #ccc;*/
	z-index: 200;
	background: #fff;
	position: relative;
	padding: 10px;
	top: -10px; /* these two define the shadow 'offset'*/
	left: -10px; /*...*/

}