.explorer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5500;
}

	.explorer-background {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.explorer-content {
		position: absolute;
		top: 50px;
		left: 50%;
		bottom: 50px;
		width: 860px;
		margin-left: -430px;
		background-color: #ffffff;
		box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
		-ms-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
		z-index: 5000;
	}

		.explorer-nav {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			width: 25.0%;
			padding: 25px 15px;
			margin: 0;
			list-style: none;
			background-color: #EEEEEE;
		}

			.explorer-nav li {
				position: relative;
				float: left;
				width: 100.0%;
				margin-bottom: 10px;
			}

				.explorer-nav li i {
					position: relative;
					float: left;
					line-height: 16px;
					font-size: 18px;
					text-align: center;
					color: #616161;
					cursor: pointer;
				}

				.explorer-nav li.active i {
					color: #424242;
				}

				.explorer-nav li a {
					position: relative;
					float: left;
					margin-left: 10px;
					font-size: 14px;
					text-decoration: none;
					color: #616161;
					cursor: pointer;
				}

				.explorer-nav li.active a {
					font-weight: 700;
					color: #424242;
				}

		.explorer-display {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			width: 75.0%;
			padding: 65px 0 55px;
		}

			.explorer-search {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				height: 45px;
				padding: 10px 20px 4px;
				background-color: #9E9E9E;
			}

				.explorer-search input[type="text"] {
					border-color: #FFFFFF;
				}

			.explorer-list {
				position: relative;
				width: 100.0%;
				height: 100.0%;
				padding: 0 20px;
				overflow: hidden;
				overflow-y: auto;
			}

				.explorer-file {
					border-top: 1px solid #E0E0E0;
					border-left: 1px solid #E0E0E0;
					border-right: 1px solid #E0E0E0;
					border-bottom: 3px solid #E0E0E0;
					margin-bottom: 30px;
				}

				.explorer-file.success {
					border-color: #4BBEAA;
				}

				.explorer-file.error {
					border-color: #EB145A;
				}

				.explorer-file.selected {
					border-color: #9E9E9E;
				}

					.explorer-file .explorer-file-top {
						padding: 32.0% 0;
						background-color: #EEEEEE;
						background-position: center;
						background-repeat: no-repeat;
						background-size: contain;
					}

					.explorer-file .explorer-file-top:before {
						position: absolute;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						line-height: 180.0%;
						font-size: 50px;
						text-align: center;
						color: #FFFFFF;
					}

					.explorer-file .explorer-file-bottom {
						padding: 6px 8px;
					}

						.explorer-file .explorer-file-bottom p {
							margin: 0;
							font-size: 13px;
							text-overflow: ellipsis;
							white-space: nowrap;
							overflow: hidden;
						}

			.explorer-footer {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				height: 35px;
				padding: 0 20px 4px;
			}

				.explorer-footer input[type="submit"] {
					float: right;
					margin-left: 2.0%;
				}