/* overlay */
.overlay {
	position: absolute;
	z-index: 6000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}

/* progress */
.progress-container {
	position: relative;
	height: 30px;
	border: 2px dashed #d4d4d4;
}

	.progress-container .progress-bar {
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background-color: #c9ead4;
	}

	.progress-container .progress-text {
		position: absolute;
		top: 3px;
		width: 100%;
		text-align: center;
	}

/* layer */
.layer-container {
	display: none;
	position: absolute;
	z-index: 7000;
	left: -1000px;
	width: auto;
	height: auto;
	background-color: #FFF;
	border: 2px solid #7E94A9;
}

	.layer-container .layer-body {
		padding: 30px;
	}

	.layer-container .layer-buttons {
		padding: 10px 0;
		border-top: 1px solid #E8E8E8;
		background-color: #F5F5f5;
		text-align: center;
	}

	.layer-container .layer-loading {
		display: none;
		position: absolute;
		top: 10px;
		right: 10px;
		width: 40px;
		height: 40px;
		background: #FFF url("../images/site/loading_40x40.gif") no-repeat 0 0;
	}

/* alert */
.alert-container {
	position: absolute;
	z-index: 8000;
	top: -1000px;
	left: -1000px;
	width: auto;
	height: auto;
	background-color: #FFF;
	border: 2px solid #7E94A9;
}

	.alert-container .alert-message {
		padding: 20px 30px 20px 20px;
		line-height: 1.5;
	}

	.alert-container .alert-prompt {
		padding: 10px 20px 0 20px;
		font-size: 12px;
	}

		.alert-container .alert-prompt li {
			padding-bottom: 3px;
		}

			.alert-container .alert-prompt li.input {
				padding-bottom: 15px;
			}

				.alert-container .alert-prompt li.input input {
					width: 100%;
				}

	.alert-container .alert-buttons {
		padding: 10px 0;
		border-top: 1px solid #E8E8E8;
		background-color: #F5F5f5;
		text-align: center;
	}

/* dtp */
input[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

input[type="date"]::-moz-calendar-picker-indicator {
	display: none;
}

input.dtp {
	width: 74px !important;
	text-align: center;
	font-family: inherit;
}

i.dtp-icon {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 15px;
	height: 16px;
	padding: 0;
	margin: 0 0 0 1px;
	background: url("../images/dtp/dtp_icon.gif") no-repeat;
	vertical-align: middle;
	cursor: pointer;
}

.dtp-container {
	display: none;
	position: absolute;
	z-index: 9000;
	top: -1000px;
	left: 0;
	width: 249px;
	border: 2px solid #7E94A9;
	background-color: #FFF;
}

	.dtp-container .dtp-navi {
		height: 36px;
		padding-left: 10px;
		border-bottom: 1px solid #e2e2e2;
		background-color: #F9F9F9;
	}

		.dtp-container .dtp-navi li {
			float: left;
			height: 35px;
			font: bold 16px arial;
			text-align: center;
			cursor: pointer;
			overflow: hidden;
		}

			.dtp-container .dtp-navi li.dtp-navi-y-left {
				width: 30px;
				background: url("../images/dtp/dtp_arrow_left.gif") no-repeat center center;
			}

			.dtp-container .dtp-navi li.dtp-navi-y {
				width: 40px;
				padding-top: 10px;
				cursor: default;
			}

			.dtp-container .dtp-navi li.dtp-navi-y-right {
				width: 30px;
				background: url("../images/dtp/dtp_arrow_right.gif") no-repeat center center;
			}

			.dtp-container .dtp-navi li.dtp-navi-m-left {
				width: 30px;
				background: url("../images/dtp/dtp_arrow_left.gif") no-repeat center center;
			}

			.dtp-container .dtp-navi li.dtp-navi-m {
				width: 30px;
				padding-top: 10px;
				cursor: default;
			}

			.dtp-container .dtp-navi li.dtp-navi-m-right {
				width: 30px;
				background: url("../images/dtp/dtp_arrow_right.gif") no-repeat center center;
			}

			.dtp-container .dtp-navi li.dtp-navi-today {
				width: 45px;
				background: url("../images/dtp/dtp_today.gif") no-repeat center center;
			}

	.dtp-container .dtp-header {
		height: 26px;
		border-bottom: 1px solid #e2e2e2;
	}

		.dtp-container .dtp-header li {
			float: left;
			width: 35px;
			height: 25px;
			padding-top: 4px;
			text-align: center;
		}

	.dtp-container .dtp-calendar {
		height: 150px;
	}

		.dtp-container .dtp-calendar li {
			float: left;
			width: 35px;
			height: 25px;
			padding-top: 4px;
			text-align: center;
			cursor: pointer;
		}

			.dtp-container .dtp-calendar li:hover {
				background-color: #F0F0F0;
			}

	.dtp-container li.dtp-sunday {
		color: #D92D1E;
	}

	.dtp-container li.dtp-saturday {
		color: #017BC8;
	}

	.dtp-container li.dtp-diff {
		color: #CCC;
	}

		.dtp-container li.dtp-diff.dtp-sunday {
			color: #F7CFCB;
		}

		.dtp-container li.dtp-diff.dtp-saturday {
			color: #a7d9e9;
		}

	.dtp-container li.dtp-today {
		background-color: #E3F2F7 !important;
	}

	.dtp-container li.dtp-curr {
		background-color: #7E94A9 !important;
		color: #FFF;
	}

/* file */
.file {
	display: none;
}

.file-input {
	width: 300px;
}

/* fileupload */
.fileupload {
	position: relative;
	width: 100%;
	font-size: 12px;
}

	.fileupload .file {
	}

	.fileupload .fileupload-info {
		position: absolute;
		top: 5px;
		right: 0;
		color: gray;
	}

		.fileupload .fileupload-info .fileupload-info-size {
			color: #2459c7;
		}

		.fileupload .fileupload-info .fileupload-info-exts {
			color: #c72929;
		}

	.fileupload .fileupload-list {
		width: 100%;
		margin-top: 5px;
		border: 1px solid #DDDDDD;
	}

		.fileupload .fileupload-list input[type=checkbox] {
			height: auto !important;
		}

		.fileupload .fileupload-list th, .fileupload .fileupload-list td {
			height: auto !important;
			padding: 1px 3px !important;
			border: none;
			text-align: center;
		}

		.fileupload .fileupload-list th {
			border-right: 1px solid #D6D6D6;
			border-bottom: 1px solid #CCCCCC;
			background: #F0F1F1;
			color: #666;
			font-size: 11px;
		}

		.fileupload .fileupload-list td.name {
			text-align: left;
			cursor: pointer;
		}

			.fileupload .fileupload-list td.name input[type=text] {
				width: 100%;
				height: auto;
				padding: 0;
				margin: 0;
				border: 0;
				cursor: pointer;
			}

		.fileupload .fileupload-list td.status {
			text-align: center;
			cursor: pointer;
		}

			.fileupload .fileupload-list td.status .status-bar {
				position: relative;
				border: 1px solid #666;
				height: 16px;
			}

				.fileupload .fileupload-list td.status .status-bar .status-bar-bar {
					position: absolute;
					z-index: 1;
					top: 0;
					left: 0;
					width: 0;
					height: 100%;
					background-color: #DCEAF5;
				}

				.fileupload .fileupload-list td.status .status-bar .status-bar-percent {
					position: absolute;
					z-index: 2;
					top: 0;
					width: 100%;
					text-align: center;
				}