/**
 * CSS for inPageDialog
 */
 	html,body{
 		_height:100%;
 	}
 	img{ border:none; }
	/*
	 * container
	 * @ elements inside the dialog will be wrapped following elements.
	 * @ table is used for centering them to the center of the window.
	 */
	div.inPageDialog_container{
		z-index: 103;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		text-align:center;
		_position: absolute; /* IE6 */
		display: none;
	}
		table.inPageDialog_posTable{
			border-collapse: collapse;
			width:1px;
			height: 100%;
			margin:0 auto;
			text-align:left;
		}
			td.inPageDialog_posTd{
				vertical-align: middle;
				text-align: left;
			}
				div.inPageDialog_content{
				}
	
	/*
	 * colorOverlay
	 * @ this div will be put if the dialog was opened then hide the whole document.
	 * @ edit this style for decide the overlay's color.
	 */
	div#inPageDialog_colorOverlay{
		z-index: 99;
		position: fixed;
		background: #000;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		*filter: alpha(opacity=80);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		-moz-opacity: 0.8;
		opacity: 0.8;
		_position: absolute; /* IE6 uses absolute instead of fixed */
		display: none;
	}
	div#inPageDialog_colorOverlay.inPageDialog_macFX{
		opacity:1;
		background:macFFBgHack.png;
	}
	
	/*
	 * iframeOverlay
	 * @ empty iframe will be put same as the colorOverlay.
	 * @ this avoid the user to click everything inside the document without dialog.
	 */
	iframe#inPageDialog_iframeOverlay{
		z-index: 100;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: none;
		*filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-moz-opacity: 0;
		opacity: 0;
		_position: absolute; /* IE6 uses absolute instead of fixed */
		display: none;
	}
	
	/*
	 * loading
	 * @ this holds nowLoading img inside.
	 * @ will be put same as the container
	 */
	div#inPageDialog_loading{
		position: fixed;
		z-index: 101;
		color: #fff;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		_position: absolute; /* IE6 */
		display: none;
	}
		div#inPageDialog_loading table{
			width: 100%;
			height: 100%;
		}
			div#inPageDialog_loading table td{
				text-align: center;
				vertical-align: middle;
			}

	/*
	 * IE6 support
	 * @ IE6 does not support position:fixed, so use absolute instead.
	 * @ following style is required to make box's height 100% of the window.
	 */
	html,body{ _height:100%; }

/**
 * inPageDialog_imgContainer
 */
div.inPageDialog_imgContainer{
}
	div.inPageDialog_imgContainer div.inPageDialog_inTableContainer{
		border:1px solid #333;
		background:#252525;
		padding:8px;
		border-radius:1px;
		-moz-border-radius:1px;
		-webkit-border-radius:1px;
		display:none;
	}
		div.inPageDialog_imgContainer div.inPageDialog_titleBar{
			zoom:1; /* ie */
			overflow:hidden; /* clear float */
			padding:0 0 6px;
		}
			div.inPageDialog_imgContainer p.inPageDialog_title{
				color:#fff;
				padding:0 0 0 5px;
			}
			div.inPageDialog_imgContainer p.inPageDialog_closeBtn{
				float:right;
			}
				div.inPageDialog_imgContainer p.inPageDialog_closeBtn a{
					float:left;
					text-decoration:none;
					border:1px solid #333;
				}
		div.inPageDialog_imgContainer div.inPageDialog_content img{
			border:1px solid #333;
			cursor:pointer;
		}
/**
 * inPageDialog_ajaxContainer
 */
div.inPageDialog_ajaxContainer{
}
	div.inPageDialog_ajaxContainer div.inPageDialog_inTableContainer{
		border:1px solid #333;
		background:#252525;
		padding:8px;
		border-radius:1px;
		-moz-border-radius:1px;
		-webkit-border-radius:1px;
		display:none;
	}
		div.inPageDialog_ajaxContainer div.inPageDialog_titleBar{
			zoom:1; /* ie */
			overflow:hidden; /* clear float */
			padding:0 0 6px;
		}
			div.inPageDialog_ajaxContainer p.inPageDialog_title{
				color:#fff;
				padding:0 0 0 5px;
			}
			div.inPageDialog_ajaxContainer p.inPageDialog_closeBtn{
				float:right;
			}
				div.inPageDialog_ajaxContainer p.inPageDialog_closeBtn a{
					float:left;
					text-decoration:none;
					border:1px solid #333;
				}
		div.inPageDialog_ajaxContainer div.inPageDialog_content{
			overflow-y:scroll;
			background:#fff;
			width:500px;
			height:400px;
		}
/**
 * inPageDialog_iframeContainer
 */
div.inPageDialog_iframeContainer{
}
	div.inPageDialog_iframeContainer div.inPageDialog_inTableContainer{
		border:1px solid #333;
		background:#252525;
		padding:8px;
		border-radius:1px;
		-moz-border-radius:1px;
		-webkit-border-radius:1px;
		display:none;
	}
		div.inPageDialog_iframeContainer div.inPageDialog_titleBar{
			zoom:1; /* ie */
			overflow:hidden; /* clear float */
			padding:0 0 6px;
		}
			div.inPageDialog_iframeContainer p.inPageDialog_title{
				color:#fff;
				padding:0 0 0 5px;
			}
			div.inPageDialog_iframeContainer p.inPageDialog_closeBtn{
				float:right;
			}
				div.inPageDialog_iframeContainer p.inPageDialog_closeBtn a{
					float:left;
					text-decoration:none;
					border:1px solid #333;
				}
		div.inPageDialog_iframeContainer div.inPageDialog_content{
			background:#fff;
			width:500px;
			height:400px;
		}
			div.inPageDialog_iframeContainer div.inPageDialog_content iframe{
				width:100%;
				height:100%;
				border:none;
			}
/**
 * inPageDialog_anchorContainer
 */
div.inPageDialog_anchorContainer{
}
	div.inPageDialog_anchorContainer div.inPageDialog_inTableContainer{
		border:1px solid #333;
		background:#252525;
		padding:8px;
		border-radius:1px;
		-moz-border-radius:1px;
		-webkit-border-radius:1px;
		display:none;
	}
		div.inPageDialog_anchorContainer div.inPageDialog_titleBar{
			zoom:1; /* ie */
			overflow:hidden; /* clear float */
			padding:0 0 6px;
		}
			div.inPageDialog_anchorContainer p.inPageDialog_title{
				color:#fff;
				padding:0 0 0 5px;
			}
			div.inPageDialog_anchorContainer p.inPageDialog_closeBtn{
				float:right;
			}
				div.inPageDialog_anchorContainer p.inPageDialog_closeBtn a{
					float:left;
					text-decoration:none;
					border:1px solid #333;
				}
		div.inPageDialog_anchorContainer div.inPageDialog_content{
			background:#fff;
		}