html{
	width:100%;
	height:100%;
	overflow:hidden;
}
body{
	margin:0px;
	width:100%;
	height:100%;
	font-size:12px;
	font-family:Verdana;
	background-color:#EAEAEA;
}
#files{
	padding:20px;
}
th, td{
	text-align:left;
	vertical-align:top;
	padding:2px;
}
thead th{
	background:#333;
	color:#EEE;
}
.error{
	color:#CD0025;
	margin-bottom:10px;
}
.ui-state-disabled{
	opacity:1;
	filter:none;
}
#label_name{
	position:relative;
	left:-35px;
	width:100%;
	padding:8px 0px 8px 45px;
	min-height:16px;
	border:solid 1px #555;
	background:#777;
	color:#FFF;
}
	#explanation{
		padding:5px;
		line-height:1.3;
	}
		#explanation a{
			color:#CCC;
		}
	#explanation_button{
		position:absolute;
		bottom:8px;
		right:16px;
		width:16px;
		height:16px;
		background:url(/sm/easyedit/images/about_16.png);
	}
	#label_name h1{
		display:inline-block;
		margin:0px;
		padding:5px 30px 5px 5px;
		font-size:25px;
		background:url(/sm/easyedit/images/folder_edit_24.png) no-repeat right center;
	}
		#label_name h1.focus{
			background:#333;
			padding:5px;
		}
#content{
	height:100%;
	padding:0px 35px;
	overflow:auto;
}
	a.object{
		position:relative;
		float:left;
		display:block;
		width:96px;
		height:96px;
		margin:6px 0px 35px 6px;
	}
	a.object:hover, a.hover{
		background-color:#DDD;
		z-index:2;
	}
	a.folder, a.folder_up{
		padding:1px;
		border:0px;
		background-image:url(/sm/easyedit/images/folder_64.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	a.folder_up{
		background-image:url(/sm/easyedit/images/folder_up_64.png);
	}
	a.image{
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		background-color:#FFF;
		border:solid 1px #000000;
	}
	a.file{
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		background-image:url(ext/unknown.png);
		padding:1px;
	}
		a.ext_png, a.ext_gif, a.ext_jpg, a.ext_jpeg, a.ext_bmp, a.ext_tiff{
			background-image:url(ext/image.png);
		}
		a.ext_pdf{
			background-image:url(ext/pdf.png);
		}
		a.ext_doc, a.ext_docx{
			background-image:url(ext/doc.png);
		}
		a.ext_xls, a.ext_xlsx{
			background-image:url(ext/xls.png);
		}
		a.ext_ppt, a.ext_pptx, a.ext_pps, a.ext_ppsx{
			background-image:url(ext/ppt.png);
		}
		a.object span{
			display:block;
			position:absolute;
			top:97px;
			width:90%;
			height:30px;
			padding:2px 5%;
			text-align:center;
			font-size:12px;
			line-height:15px;
			overflow:hidden;
			white-space: pre-line;
			word-wrap: break-word;
			color:#999;
		}
		a.object:hover span{
			background:#DDD;
			color:#333;
		}
		a.object span:hover{
			height:auto;
		}
	a.drag{
		width:48px;
		height:48px;
		z-index:9;
	}
		a.drag span{
			display:none;
		}
#labeltree{
	position:absolute;
	top:0px;
	left:0px;
	bottom:36px;
	padding-right:25px;
	border-right:solid 1px #333333;
	background-color:#eaeaea;
	z-index:2;
	overflow:hidden;
}
html>body #labeltree{
	position:fixed;
}
	#labeltree_content{
		width:250px;
		padding:6px;
	}
	#labeltree_handle{
		position:absolute;
		top:0px;
		right:0px;
		bottom:0px;
		width:25px;
		background-color:#FFFFFF;
		opacity:.5;
		cursor:pointer;
	}
		#labeltree_handle:hover{
			opacity:1;
		}
		#labeltree_handle span{
			position:absolute;
			top:50%;
			right:0px;
			width:100%;
			margin-top:-25px;
			line-height:50px;
			font-size:25px;
			text-align:center;
		}
#bin{
	position:absolute;
	top:0px;
	right:0px;
	bottom:36px;
	width:50%;
	padding-left:25px;
	border-left:solid 1px #333333;
	background-color:#ffd6db;
	z-index:2;
	overflow:hidden;
}
html>body #bin{
	position:fixed;
}
	#bin_content{
		overflow:auto;
		height:100%;
	}
	#bin_handle{
		position:absolute;
		top:0px;
		left:0px;
		bottom:0px;
		width:25px;
		background-color:#ffa8b5;
		cursor:pointer;
	}
		#bin_handle span{
			position:absolute;
			top:50%;
			right:0px;
			width:100%;
			margin-top:-25px;
			height:50px;
			background:url(/sm/easyedit/images/garbage_24.png) center no-repeat;
			font-size:25px;
			text-align:center;
		}
form{
	margin-left:5px;
}
form{
	position:absolute;
	left:1%;
	bottom:50px;
	width:95%;
	padding:1%;
	border:solid 1px #333333;
	background-color:#666;
	color:#FFF;
	z-index:5;
}
	th, td{
		padding:0px 4px 4px 0px;
		vertical-align:top;
		line-height:22px;
	}
	input.button, a.button{
		margin:0px;
		padding:0px 10px;
		color:#FFFFFF;
		font-weight:bold;
		cursor:pointer;
		border:solid 1px #555;
		background:#777;
		line-height:23px;
	}
	a.button{
		display:inline-block;
		text-decoration:none;
		text-align:center;
	}
#bottom{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:35px;
	border-top:solid 1px #333;
	background-color:#666;
	color:#FFF;
	z-index:3;
	text-align:center;
	line-height:35px;
}
html>body #bottom{
	position:fixed;
}
	#bottom a{
		float:left;
		display:block;
		border:solid 1px #555;
		background:#777;
		margin-right:10px;
		padding:0px 10px;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		line-height:23px;
	}
	#add{
		position:absolute;
		top:5px;
		left:15px;
	}
		#add a{
			padding-left:26px;
			background-position:5px center;
			background-repeat:no-repeat;
		}
#pick_size{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(/sm/easyedit/images/white_70.png);
	z-index:99;
	display:none;
}
	.pick_size_image{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:no-repeat center;
	}
	#pick_size_dialog{
		position:relative;
		top:50%;
		margin:auto;
		width:250px;
		padding:20px;
		background:url(/sm/easyedit/images/white_70.png);
		border-radius:5px;
		border:solid 3px #FFF;
		z-index:2;
	}
		#pick_size_content a{
			display:block;
			margin-top:5px;
			padding:4px 10px;
			background:#FAFAFA;
			border-radius:5px;
			color:#666;
			text-decoration:none;
			font-weight:bold;
		}
		#pick_size_content a:hover{
			background:#EEE;
			color:#000;
		}
			#pick_size_content a span{
				padding-left:5px;
				font-size:75%;
				font-weight:normal;
			}
#order{
	position:absolute;
	top:5px;
	right:5px;
	text-align:right;
}
	#by{
		position:relative;
		top:-4px;
		float:left;
		margin-right:2px;
		font-weight:bold;
	}
		#by select{
			font-size:14px;
		}
	#sort{
		float:left;
		width:68px;
		height:32px;
	}
		a#asc, a#desc{
			float:right;
			display:block;
			width:10px;
			height:23px;
			margin:0px 0px 0px 2px;
			background-image:url(/sm/easyedit/images/sort_az_descending_16.png);
			background-repeat:no-repeat;
			background-position:center;
		}
		a#desc{
			background-image:url(/sm/easyedit/images/sort_az_ascending_16.png);
		}