/* GENERAL */
/***********/

	html {
		font-size: 100%;
		width: 100%;
		height: 100%;
		background-color: #fff;
	}
	
	body {
		background-color: #fff;
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .8em;
	}
	
	label, input, select, option, textarea {
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		font-size: 1em;
		outline: none;
	}
	
	#container {
		margin: auto;
		width: 800px;
		position: relative;
	}

/* TABLES */
/**********/

	table, tr, th, td {
		margin: 0;
		padding: 0;
	}
	
	table {
		border-collapse: collapse;
		width: 100%;
		border: 1px dotted #555;
	}
	
	caption {
		text-align: left;
		margin: 0;
		padding: 20px 0 7px 0;
		border: none;
		text-transform: uppercase;
		color: #666;
		font-weight: bold;
		letter-spacing: 1px;
	}
	
	caption a {
		padding: 0;
		margin: 0;
		float: right;
	}
	
	tr {
		border-top: 1px dotted #555;
	}
	
	table tr:first-child {
		border-top: 0;
	}
	
	th {
		border-left: 1px dotted #444;
		text-transform: uppercase;
		padding: 5px 10px;
		color: #555;
		text-align: left;
		background-color: #bbb;
		color: #fff;
	}

	td {
		border-left: 1px dotted #303030;
		padding: 5px 10px;
	}
	
	tr th:first-child, tr td:first-child {
		border-left: none;
	}
	
	td a {
		color: #000;
	}
	
	tr:hover td a {
		color: darkblue;
	}
	
	tr:hover, tr.active {
		background-color: #dfdfdf;
	}

	tr:hover td:hover a:hover {
		text-decoration: underline;
	}

/* TITLES */
/**********/

	h1 {
		
	}
	
	h2 {
		margin: 0;
		padding: 0;
		letter-spacing: 1px;
		font-size: 1.3em;
	}
	
	h3 {
		text-transform: uppercase;
		color: #666;
		font-weight: bold;
		letter-spacing: 1px;
		float: left;
		font-size: 1em;
		margin-bottom: 7px;
		padding: 0;
		margin: 0;
	}

	h3 span {
		font-style: italic;
		color: darkred;
	}

/* LINKS */
/*********/

	a {
		color: darkblue;
		outline: none;
		text-transform: none;
		text-decoration: none;
		letter-spacing: normal;
		font-weight: normal;
	}
	
	a:hover {
		text-decoration: underline;
	}

/* DIRECTORIES LISTING */
/***********************/

	/* CAPTION & HEADERS */
	/*********************/
	
	th#edit, td[header=edit], th#del, td[header=del] {
		width: 1.2em;
		text-align: center;
	}
	
	th#password, td[header=password], th#login, td[header=login] {
		width: 8.2em;
	}
	
	th#files_num {
		text-align: left;
		width: .5em;
	}
	
	td[header=files_num] {
		text-align: right;
		width: .5em;
	}
	
	th#state, td[header=state] {
		width: 2.6em;
	}

	/* ROWS & CELLS */
	/****************/
	
	td[header=del] a, td[header=edit] a {
		/*color: #666;*/
	}


/* FILES LISTING */
/*****************/

	/* CAPTION & HEADERS & CELLS */
	/*****************************/
	
	#files_log {
		margin-left: 8px;
		float: left;
		opacity: 0;
	}
	
	#files_log.ajax-loading {
		width: 16px;
		height: 16px;
		display: block;
		margin-top: -3px;
		background: transparent url('../images/loaders/arrows_blue.gif') left bottom no-repeat;
		opacity: 0;
	}
	
	th#filehandle, td[header=filehandle], th#filedel, td[header=filedel] {
		width: 1.25em;
		text-align: center;
	}
	
	td[header=filedel] a {
		color: #666;
	}
	
	th#filename, td[header=filename] {
		width: 18em;
		overflow: hidden;
	}
	
	th#filesize, td[header=filesize] {
		width: 4.3em;
		text-align: right;
	}
	
	th#filedate, td[header=filedate] {
		width: 5em;
	}
	
	ul#files_list td {
	}
	
	ul#files_list input {
		width: 100%;
		margin: 0;
		padding: 5px 10px;
		background-color: transparent;
		border: none;
		color: #000;
		font-size: 1em;
		outline: none;
	}

	/* LISTE ITEMS */
	/***************/
	
	ul#files_list {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	ul#files_list li {
		border-bottom: 1px dotted #555;
		border-left: 1px dotted #555;
		border-right: 1px dotted #555;
		margin: 0 0 0 -1px;
		padding: 0;
	}
	
	ul#files_list li.dragging {
		background-color: #121212;
		opacity: .7;
	}

	/* DRAGGING */
	/************/

	ul#files_list li.dragging td a {
		color: darkblue;
	}
	
	ul#files_list li.dragging td[header=filehandle] {
		opacity: 1;
	}

	/* ROWS & CELLS */
	/****************/
	
	ul#files_list table {
		border: none;
	}
	
	td[header=filetitle] {
		padding: 0;
	}
	
	td[header=filehandle] {
		background: transparent url(../images/icons/sort_black.gif) center center no-repeat;
		opacity: .3;
		cursor: pointer;
	}
	
	td[header=filehandle]:hover {
		opacity: 1;
	}
	
	/* USER SIDE */
	/*************/
	
	.listing.user {
		margin-top: 20px !important;
	}
	
	.user td[header=filetitle] {
		padding: 5px 8px !important;
	}

/* AJOUT D'UNE SECTION */
/***********************/

#addSection fieldset {
	border: 1px dotted #555;
	margin: 23px 0 0 0;
	padding: 10px 10px 20px 10px;
	line-height: 1.32em;
}

#addSection fieldset legend {
	padding: 0 5px;
	text-transform: uppercase;
}

#addSection label {
	width: 127px;
	text-align: right;
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 7px 10px 5px 0;
    zoom: 1;
    *display: inline;
}

#addSection #title, #addSection #login, #addSection #password, #addSection select {
	margin: 5px 0 2px 0;
	padding: 3px;
	border-collapse: collapse;
	border: 1px dotted #555;
	color: #000;
	width: 15em;
	outline: none;
}

#addSection select {
	padding-left: 0;
	outline: none;
}

#addSection option {
	border-collapse: collapse;
	border-width: 0;
	border: 0;
	outline: none;
}

#addSection #title {
	width: 550px;
}

#addSection #path {
	
}

#addSection select, #addSection option {
	outline: none;
}

#addSection input[disabled] {
	opacity: .6;
}

#addSection #cancel_section {
	float: left;
}

#addSection #submit_section {
	float: right;
}

#addSection #cancel_section, #addSection #submit_section {
	margin: 15px 0 0 0;
	padding: 2px;
	border: auto;
	background: auto;
	color: #000;
	width: 6em;
}

#addSection #cancel_section:hover, #addSection #submit_section:hover {
	opacity: 1;
	cursor: pointer;
}

#addSection a, #addSection a:hover {
	text-decoration: none;
	outline: none;
}

/* ERREURS */
/***********/

#messages {
	position: absolute;
	color: #f00;
	margin: 5px 0 0 0;
}

#messages.logged {
	margin-top: 5px;
	width: 100%;
	height: 40px;
	text-align: right;
	overflow: hidden;
	font-size: 1em;
}

.error {
	color: #f00;
}

/* IDENTIFICATION */
/******************/

#identify {
	text-align: right;
}

#identify label {
	width: 8em;
	text-align: right;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    zoom: 1;
    *display: inline;
}

#identify #login, #identify #password {
	/*margin: 3px 0 2px 0;*/
	margin: 1px 0 4px 0;
	width: 10em;
	padding: 3px;
	border-collapse: collapse;
	border: 1px dotted #aaa;
}

#submit_identify {
	margin-top: 4px;
}

#submit_identify:hover {
	cursor: pointer;
}

/* DELETE ITEM */
/***************/

.delete_item form {
	line-height: 1.3em;
	margin: 15px;
	text-align: center;
	color: darkblue;
	padding: 0;
	font-weight: bold;
}

.delete_item #submit_delete {
	position: absolute;
	bottom: 0;
	right: 0;
}

.delete_item #cancel_delete {
	position: absolute;
	bottom: 0;
	left: 0;
}

.delete_item span {
	font-style: italic;
	/*color: white;*/
}

.delete_item input {
	margin: 15px;
	cursor: pointer;
}

/****************/
/* 2/5 - UPLOAD */
/****************/

.upload #container {
	padding: 0 15px 20px 15px;
	width: auto;
}

/**
 * FancyUpload Showcase
 *
 * @license		MIT License
 * @author		Harald Kirschner <mail [at] digitarald [dot] de>
 * @copyright	Authors
 */

.upload .swiff-uploader-box a {
	display: none;
}

.upload a, .upload a:active, .upload a:visited, .upload a:link {
	color: darkblue;
}

/* .hover simulates the flash interactions */
.upload a:hover, .upload a.hover {
	text-decoration: underline;
}

.upload #demo-status {
	padding: 0 0 3px 0;
	width: 100%;
	color: #000;
}

.upload .actionmenu {
	color: #c3c6bf;
	padding-top: 3px;
}

.upload #demo-status .progress {
	background: url(../libs/fancyupload-3.0/assets/progress-bar/progress.gif) no-repeat;
	background-position: +50% 0;
	margin-right: 0.5em;
	vertical-align: middle;
}

.upload #demo-status .progress-text {
	/*font-size: .8em;
	font-weight: bold;*/
}

.upload #demo-list {
	list-style: none;
	margin: 15px -15px 0 -15px;
	padding: 0;
	border-top: 1px dotted #555;
}

.upload #demo-list li.validation-error {
	display: block;
	clear: left;
	color: #8a1f11;
	cursor: pointer;
	background: #fbe3e4 url(../libs/fancyupload-3.0/assets/failed.png) no-repeat 4px 4px;
}

.upload #demo-list li.file {
	overflow: auto;
	margin-left: 0;
	border-bottom: 1px dotted #555;
	padding: 5px 15px;
}

.upload #demo-list li.file.file-uploading {
	background-color: #ddd;
}

.upload #demo-list li.file .file-name {
	clear: left;
	/*/*font-weight: bold;*/*/
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	margin-top: 2px;
}
.upload #demo-list li.file .file-size {
	font-size: 0.8em;
	float: right;
	margin-top: 1px;
}
.upload #demo-list li.file .file-info {
	display: block;
	font-size: 0.8em;
}
.upload #demo-list li.file .file-remove {
	clear: right;
	float: right;
	color: #aaa;
	cursor: pointer;
}

.upload .actionmenu a {
	/*font-size: .8em;*/
	cursor: pointer;
	text-transform: uppercase;
	/*font-weight: bold;*/
}
.upload .overall-progress {
	margin-bottom: 3px;
	margin-top: 3px;
}
.upload .current-progress {
	background-color: #ccc;
	margin-bottom: 3px;
	margin-top: 3px;
}

.upload #demo-list li:hover {
	background-color: #ddd;
}

.upload #demo-list li:hover .file-name, .upload #demo-list li:hover .file-info, .upload #demo-list li:hover .file-size {
	color: #000;
}

.upload .overall-title, .upload .current-title, .upload .current-text {
	/*font-size: .8em;*/
	font-weight: normal;
}

.upload .file-name, .upload .file-remove {
	font-size: 1em;
}

.upload #demo-list li.file a:hover, .upload #demo-list li:hover a {
	color: darkblue;
}

.upload #demo-fallback {
	display: none;
}

.upload label[for=demo-photoupload] {
	display: none;
}

/* TOOL TIPS */
/*************/ 

	.tip-wrap {
		background: transparent url(../images/pixs/white_85.png) left top;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		padding: 4px 8px 3px 8px;
		-moz-box-shadow: 0 0 10px #000;  
	    -webkit-box-shadow: 0 0 10px #000;  
	    box-shadow: 1px 1px 12px #2f2f2f;
	}
	
	.tip-top {
		
	}
	
	.tip {
		
	}
	
	.tip-title {
		/*color: #9fd4ff;*/
		color: #000;
	}
	
	.tip-text {
		
	}
	
	.tip-bottom {
		
	}

/* MISC */
/********/

 .clear {
 	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	border: none;
	clear: both;
 }