/**
 * ダイアログ共通
 */
div.dialogBase{
	position:fixed;
	top:0;
	left:0;
	/*
	right:0px;
	bottom:0px;
	*/
	width:100%;
	height:100%;
	z-index:100;
	background: rgba(0,0,0,0.5);
	text-align:center;
	/*display:table;*/
	display:none;
}
div.dialogBaseRow{
	display:table-row;
}
div.dialogBaseCol{
	text-align:center;
	display:inline-block;
	max-height:100%;
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
div.dialogFrame{
	display:inline-block;
}
table.dialogBox{
	background:#FFF;
	width:100%;
	height:100%;
	max-height:100%;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
}
table.dialogBox > thead > tr > th,
table.dialogBox > tbody > tr > td,
table.dialogBox > tfoot > tr > td{
	padding:0px;
	margin:0px;
	height:100%;
}
table.dialogBox > thead > tr > th{
	height:1em;
	text-align:left;
}
table.dialogBox > tbody > tr > td{
	height:auto;
	text-align:left;
	position:relative;
}
table.dialogBox > tfoot > tr > td{
	height:1em;
	text-align:center;
}

table.dialogBox > thead > tr > th > div.dialogTitle{
	line-height:2em;
	font-weight:bold;
	padding-left:0.5em;
	padding-right:2.5em;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), color-stop(0.50,#EFEFEF),to(#DCDCDC));
	background-image: -webkit-linear-gradient(top,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:    -moz-linear-gradient(top,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:      -o-linear-gradient(top,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	background-image:         linear-gradient(to bottom,#DCDCDC,#EFEFEF 50%,#DCDCDC);
	text-align:left;
	position:relative;
	white-space:nowrap;
	border-bottom:solid 1px #999;
}
table.dialogBox > thead > tr > th > div.dialogTitle > a{
	text-decoration:none;
	border-left:solid 1px #BBB;
	width:2em;
	display:inline-block;
	color:#555;
	position:absolute;
	right:0px;
	text-align:center;
}
table.dialogBox > thead > tr > th > div.dialogTitle > a:hover{
	box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;
	text-shadow:1px 1px 0 rgba(0,0,0,0.3);
	color: #FFF;
	background: linear-gradient(top, #CCC, #999);
	background: -ms-linear-gradient(top, #CCC, #999);
	background: -moz-linear-gradient(top, #CCC, #999);
	background: -webkit-linear-gradient(top, #CCC, #999);
}
table.dialogBox > tbody > tr > td > div.dialogContents{
	padding:0.5em;
	position:relative;
	display: inline-block;
	height:100%;
	width:100%;
}

table.dialogBox > tfoot > tr > td > div.dialogFooterLine{
	margin-top:0.5em;
	margin-bottom:0.5em;
	text-align:center;
}

/**
 * Firefox でフルサイズにならないため
 */
@-moz-document url-prefix() {
	table.dialogBox > tbody > tr > td > div.dialogContents{
		position:absolute;
		left:0px;
		right:0px;
		bottom:0px;
		top:0px;
	}
}