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

	html {
		font-size: 100%;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #000;
	}
	
	body {
		margin: 0;
		padding: 0;
		background-color: #000;
		color: #e0e0e0;
		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 {
		padding: 0;
		margin: 0 auto;
		width: 800px;
		position: relative;
	}

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

	table, tr, th, td {
		margin: 0;
		padding: 0;
	}
	
	table {
		border-collapse: collapse;
		color: #e0e0e0;
		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;
		background-color: #222;
		color: #666;
		text-align: left;
	}

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

	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: lightgray;
	}

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

	a {
		color: orange;
		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/ajax-loader-arrows.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: #e0e0e0;
		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: orange;
	}
	
	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/sort3.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;
		background-color: #000;
		color: #e0e0e0;
		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: 1px 0 4px 0;
		width: 10em;
		padding: 3px;
		border-collapse: collapse;
		border: 1px dotted #aaa;
		background-color: #000;
		color: #e0e0e0;
	}
	
	#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: orange;
		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;
	}
	
	.upload #container h1 {
	}

/**
 * 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: orange;
	}
	
	/* .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: #e0e0e0;
	}
	
	.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: #212121;
	}
	
	.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: #212121;
		margin-bottom: 3px;
		margin-top: 3px;
	}
	
	.upload #demo-list li:hover {
		background-color: #212121;
	}
	
	.upload #demo-list li:hover .file-name, .upload #demo-list li:hover .file-info, .upload #demo-list li:hover .file-size {
		color: #fff;
	}
	
	.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: orange;
	}
	
	.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;
 }