.modalpopup-overlay,
.modalpopup-container { position: fixed; left: 0px; top: 0; right: 0; bottom: 0; z-index: 10000; }
.modalpopup-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .modalpopup-container { height: 100% }
.modalpopup-container_i { height: 100%; margin: 0 auto; }
.modalpopup-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.modalpopup-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.modalpopup-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(img-modal/loading.gif) no-repeat 50% 50%; }

.box-modal {
	position: relative;
	width: 600px;
	background: #FFFFFF;
	color: #3C3C3C;
	font:13px/15px arial, helvetica, verdana, sans-serif;
	box-shadow: 0 0 0 4px rgba(153, 153, 153, 0.3);
	border-radius: 3px;
}

.box-modal-close { 
	display:block;
	float:right;
	position: absolute; 
	right: 5px; 
	top: 5px; 
	cursor: pointer; 
	width: 21px;
	height: 21px;
	background: url(img-modal/close.gif) no-repeat left top;
	opacity:0.80;
	-moz-opacity:0.80;
	filter:alpha(opacity=80);
}

.box-modal-close:hover {
	opacity:1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity=100);
}

.box-modal-title {
	height:20px;
	padding:6px 16px 4px;
	text-align:center;
	letter-spacing: normal;
	background: #009A56;
	background: -o-linear-gradient(top, #009A56 0px, #009A56 100%);
	background: -moz-linear-gradient(top, #009A56 0px, #009A56 100%);
	background: -webkit-linear-gradient(top, #009A56 0px, #009A56 100%);
	background: -ms-linear-gradient(top, #009A56 0px, #009A56 100%);

	font:14px Tahoma, Arial, sans-serif; 
	font-weight:normal; 
	color: #FFF;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
	border-radius: 3px 3px 0 0;
}

.box-modal-content {
	padding:16px;
	margin:0;
}

.sub-gray {
	display:block;
	float:right;
	width: 80px;
	margin:-16px auto;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(top,  #FFFFFF,  #DDDDDD);
	background: -o-linear-gradient(top,  #FFFFFF,  #DDDDDD);
	background: -ms-linear-gradient(top,  #FFFFFF,  #DDDDDD);

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	border: solid 1px rgb(153, 153, 153);

	color: #333;
	text-decoration: none;
	cursor: pointer;

	text-align: center;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	line-height: 1;
	padding: 6px 10px;
}


.sub-gray:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF));
	background: -moz-linear-gradient(top,  #DDDDDD,  #FFFFFF);
	background: -o-linear-gradient(top,  #DDDDDD,  #FFFFFF);
	background: -ms-linear-gradient(top,  #DDDDDD,  #FFFFFF);
}

.sub-gray:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF));
	background: -moz-linear-gradient(top,  #DDDDDD,  #FFFFFF);
	background: -o-linear-gradient(top,  #DDDDDD,  #FFFFFF);
	background: -ms-linear-gradient(top,  #DDDDDD,  #FFFFFF);
}