@charset "utf-8";
@import url("contextMenu.css");

/* Main blocks
---------------------------------------- */
#explorer-global {
	padding: 5px; margin: 0;
	overflow: hidden;
}
	
	#explorer-tree-holder {
		padding: 5px; margin: 0;
		width: 300px; height: 100%;
		float: left;
		overflow: hidden;
		border: 1px solid #cccccc;
	}
	
	#explorer-thumbs-holder {
		padding: 5px; margin: 0 0 0 315px;
		height: 100%;
		border: 1px solid #cccccc;
	}

/* Tree styles
---------------------------------------- */
.explorer-tree {
	padding: 0; margin: 0;
	list-style: none;
}

	.explorer-tree li {
		padding: 0; margin: 0;
	}
	
		.explorer-tree-branch {
			padding: 0; margin: 0;
			height: 18px;
			line-height: 18px;
			white-space: nowrap;
			overflow: hidden;
		}
			
		.explorer-tree-branch:hover {
			background-color: #e0e0e0;
		}
	
			.explorer-tree-link-icon {
				display: block;
				padding: 0; margin: 0;
				width: 20px; height: 18px;
				float: left;
			}
			
			.explorer-tree-branch-icon {
				display: block;
				padding: 0; margin: 0;
				width: 17px; height: 18px;
				float: left;
				overflow: hidden;
				background: url(../icons/icon_tree_toggle.png) left top no-repeat;
			}
			
			.explorer-tree-branch-first {
				background-image: url(../icons/icon_tree_toggle_first.png);
			}
			
			.explorer-tree-branch-last {
				background-image: url(../icons/icon_tree_toggle_last.png);
			}
			
			.explorer-tree-branch-open {
				background-position: left bottom;
			}
			
			.explorer-tree-file {
				background-image: url(../icons/icon_file_tree.png);
			}
			
			.explorer-tree-file-last {
				background-image: url(../icons/icon_file_tree_last.png);
			}
			
			.explorer-file-icon {
				display: block;
				margin: 1px 5px 1px 1px;
				width: 16px; height: 16px;
				float: left;
				overflow: hidden;
				background-position: left top;
				background-repeat: no-repeat;
			}
			
			.explorer-dir-open {
				background-position: left bottom;
			}
			
			.explorer-tree-branch a {
				color: #000000;
				text-decoration: none;
				overflow: hidden;
			}

/* Right details list styles
---------------------------------------- */
.explorer-details-table {
	padding: 0; margin: 0;
	width: 100%;
}

	.explorer-details-table th {
		padding: 1px 5px;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		background-color: #EEEEEE;
	}
	
	.explorer-details-table td {
		padding: 0 5px;
	}
	
	.explorer-details-table tr:hover {
		background-color: #DDDDDD;
	}
	
.explorer-details-name {
	display: block;
	padding: 0 0 0 20px; margin: 0;
	height: 16px;
	background-position: left top;
	background-repeat: no-repeat;
	color: #000000;
	line-height: 16px;
	text-decoration: none;
	overflow: hidden;
}

.explorer-col1 {
	background-color: #EFEFEF;
}

.explorer-col2 {
	background-color: #FFFFFF;
}

/* Right thumbs styles
---------------------------------------- */
.explorer-thumb {
	display: block;
	float: left;
	padding: 0; margin: 0 10px 10px;
	width:75px;
	text-decoration: none;
	color: #000000;
	overflow: hidden;
	z-index: 1;
}

	.explorer-thumb-icon {		
	border:1px solid #CCCCCC;
	display:block;
	height:48px;
	margin:0;
	/* padding:24px 0; */
	text-align:center;
	/* width:96px; */
	}
	
	.explorer-thumb-txt {
		display: block;
		padding: 5px; margin: 0;
		text-align: center;
	}

.explorer-thumb:hover {
	overflow: visible;
	z-index: 100;
	background-color:#FFF;
}

	.explorer-thumb:hover .explorer-thumb-txt {
		background-color: #e0e0e0;
	}

/* Common styles
---------------------------------------- */
.explorer-clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}