/*
* - only for IE
http://luke.breuer.com/tutorial/javascript-modal-dialog.aspx
http://www.pjhyett.com/posts/190-the-lightbox-effect-without-lightbox
*/

.overlay
{
	display:none;	
	background-color:#43A546;
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    *position: absolute;
	*left: expression(ignoreMe = document.documentElement.scrollLeft + "px");
	*top: expression(ignoreMe = document.documentElement.scrollTop + "px");
	*width: expression(document.documentElement.clientWidth + "px");
	*height: expression(document.documentElement.clientHeight + "px");
}

.box
{
	display:none;
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 1000;
	*position: absolute;
	*left: expression(ignoreMe = document.documentElement.scrollLeft + "px");
	*top: expression(ignoreMe = document.documentElement.scrollTop + "px");
	*width: expression(document.documentElement.clientWidth + "px");
	*height: expression(document.documentElement.clientHeight + "px");	
}

.box .outer {height:100%; overflow: hidden; position: relative; width:100%;}
.box .outer[id] {display: table; position: static; width:100%;}

.box .middle {position: absolute; top: 30%; width:100%;}
.box .middle[id] {display: table-cell; vertical-align: middle; position: static; text-align:center; width:100%;}

.dialog div.close { cursor:pointer; }
/* http://css-tricks.com/css-transparency-settings-for-all-broswers/ */
.transparent_class 
{	
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

/*light green	#D3EDD7	*/
/*green			#43A546	*/
/*light	orange	#FAEBCC	*/
/*orange		#E7843C	*/
/*orange dark	#CC3300	*/
/*light	gray	#f7f7f7	*/
/*gray			#CFCFCF	*/

.dialog { margin:0px auto; background-color:#FAEBCC; border:solid 1px #E7843C;}
.dialog select { border:solid 1px #E7843C; }
.dialog .cent {padding:5px 10px 5px 10px;}