/* CSS for default view of FileShare */

.fileshare {
	min-width: 380px;
}
.fileshare, .fileshare ul {
	margin: 5px 0 0;
	padding:0 0 0 5px;
	list-style:none;
}

.fileshare ul:after { content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
/*.fileshare ul { display: inline-block;} */
* html .fileshare ul { height: 1%; }

.fileshare ul {
	border-left: 1px dotted #ddd;
}
.jsEnabled + .fileshare ul { display: none; }
.jsEnabled + .fileshare li.open>ul,
.jsEnabled + .fileshare .sortMode ul { display: block; }
.fileshare li {
	padding:5px 2px 5px 22px;
	font-weight: bold;
	background: url(/images/icons/page_white.png) 2px 3px no-repeat;
	cursor: default;
	position: relative;
	overflow: hidden;
}
.fileshare .sortMode li, 
.fileshare .sortMode li * { 
	cursor: move !important; 
}
.fileshare .sortMode li { 
	float: left;
	clear: left;
}
.fileshare .sortMode li.folder { 
	float: none;
}
.fileshare .sortMode li.folder.dragging ul { 
	visibility: hidden;
}

.fileshare li.folder { background-image: url(/images/icons/folder.png); }
.fileshare li.type-jpg,.fileshare li.type-jpeg,.fileshare li.type-gif,.fileshare li.type-png { background-image: url(/images/icons/picture.png); }
.fileshare li.type-zip { background-image: url(/images/icons/page_white_compressed.png); }
.fileshare li.type-doc,.fileshare li.type-docx { background-image: url(/images/icons/page_word.png); }
.fileshare li.type-xls,.fileshare li.type-xlsx { background-image: url(/images/icons/page_excel.png); }
.fileshare li.type-ppt,.fileshare li.type-pptx { background-image: url(/images/icons/page_white_powerpoint.png); }
.fileshare li.type-txt { background-image: url(/images/icons/page_white_text.png); }
.fileshare li.type-pdf { background-image: url(/images/icons/page_white_acrobat.png); }

.fileshare li.new .newMarker { 
	color: #FB8500;
	font-size: 7px;
	font-weight: normal;
	left: 3px;
	position: relative;
	text-transform: uppercase;
	top: -4px;
	vertical-align: top;
}

.fileshare li.empty .name { font-style:italic; }
.fileshare li.empty .name:after {
	content: '(empty)';
	font-weight: normal;
	font-size: 10px;
	margin-left: 5px;
}
.fileshare li.empty.open .name:after,
.fileshare .sortMode li.empty .name:after {
	content: none !important;
}

.fileshare li .details {
	font-weight: normal;
	font-size: 10px;
	margin-top: 3px;
}
.jsEnabled + .fileshare li .details { display: none; }
.jsEnabled + .fileshare li.showingDetails .details { display: block; }
.fileshare li .details p {
	color:#FFCC00;
	margin:5px 0;
}
.fileshare li.clickable .name { 
	cursor:pointer;
	display: inline-block;
	min-width: 130px;
	vertical-align: top;
	margin-right: 5px;
}
.fileshare li .name a:hover {
	text-decoration: none;
	color: #000;
}
.fileshare li .showDetails, .fileshare li .delete, .fileshare li .rename {
	font-size:10px;
	font-weight:normal;
	color: #666666;
	margin-right: 5px;
	text-decoration: underline;
	cursor:pointer;
	display:none;
	vertical-align: top;
	white-space: nowrap;
}
.fileshare li li:hover { background-color: #efefef; }
.fileshare li li.folder:hover,
.fileshare li li.controls:hover,
.fileshare li .sortMode li:hover { background-color: transparent; }
.fileshare li:hover>.showDetails, .fileshare li:hover>.delete, .fileshare li:hover>.rename { display: inline; }
.fileshare .sortMode li:hover>.showDetails, .fileshare .sortMode li:hover>.delete { display: none; }
.fileshare li .showDetails { 
	margin-left: 10px; 
}
.fileshare li .delete { 
	border-left: 1px solid #666666;
	padding-left: 5px; 
}
.fileshare li .name + .delete { border-left: none; padding-left:0; margin-left: 10px; }
.fileshare li .delete:hover { color: #e1e2e3; }

.fileshare li.empty li.emptyMarker {
	background:none;
	font-weight: normal;
	font-style: italic;
	padding-left:0;
	font-size:10px;
}
.fileshare .hovertarget>ul>li.emptyMarker { 
	display: none; 
}
.fileshare li.empty li.emptyMarker + .outgoing {
	margin-top: -22px;
}

.fileshare .hovertarget>ul { 
	min-height: 20px;
}
.fileshare li.uploading, .fileshare li.waiting { background-image: url(/images/waiting.gif); }
.fileshare li.pending { background-image: url(/images/waiting.gif); }
.fileshare li.uploading .name {
	font-style: italic;
}
.fileshare li.uploading .status { 
	border:1px solid #000000;
	font-size:10px;
	font-weight:normal;
	margin-right: 5px;
	padding:2px 5px;
	position: relative;
	float: right;
}
.fileshare li.uploading .progress { 
	margin-left: 5px;
}
.fileshare li.uploading .progressBar { 
	position: absolute;
	top:0; left:0; bottom:0;
	z-index: -1;
	width: 0%;
	background: #000;
}
.fileshare li.uploading .cancel {
	float: right;
	font-size: 10px;
	cursor: pointer;
	border: 1px solid #666666;
	padding: 2px;
}
.fileshare li.uploading .cancel:hover {
	color: #FFCC00;
}

.fileshare .spaceFree {
	font-size:10px;
	font-weight:normal;
	display: block;
	clear: both;
	margin-top: 2px;
}

.fileshare .newFolder, .swfupload, .fileshare .organise {  
	display: inline-block;
	height: 22px;
	line-height: 20px;
	padding-left: 20px !important;
	vertical-align: top;
	float: left;
	clear: left;
}
.fileshare .swfupload {  
	background: url(/images/icons/add.png) 20px center no-repeat;
	margin-left: -20px;
	width: 200px;
}
.fileshare .newFolder,
.fileshare .organise {
	background: url(/images/icons/folder_add.png) left center no-repeat;
	cursor:pointer;
	display:inline-block;
	height:17px;
	padding:2px 7px;
	vertical-align:top;
	margin-right: 10px;
}
.fileshare .sortMode .newFolder,
.fileshare .sortMode .newFolder .createFolder {
	cursor: pointer !important;
}
.fileshare .createFolder {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/images/icons/add.png) 0 0 no-repeat;
	vertical-align: middle;
	margin-left: 5px;
}
.fileshare .sortMode .newFolder input {
	cursor: text !important;
}
.fileshare .organise {
	background-image: url(/images/icons/page_copy.png);
}
.fileshare .sortMode .organise {
	cursor: pointer !important;
}
.fileshare .organise.active {
	background-color: #444;
	color: #fff;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background-position: 4px center;
	padding-left: 24px !important;
}
.fileshare .organise.locked {
	color: red;
}
.fileshare .organise.pending {
	background-image: url(/images/waiting.gif);
}
.fileshare .controls {
	padding: 5px 2px 2px;
	background: none;
	margin-top: 5px;
}


.fileshare .sortMode .controls object { display: none; }
.fileshare>li>ul.sortMode>li.controls { display: block; }
.fileshare>li>ul.sortMode>li.controls * { display: none; }
.fileshare>li>ul.sortMode>li.controls .organise { display: block; }

.fileshare li.folder.hovertarget { 
	background-image: url(/images/icons/folder_go.png); 
}
.fileshare li.folder.hovertarget>ul { 
	border-left: 1px dotted #000;
}

.fileshare .dropMarker {
	
}
.fileshare .dropMarker:before {
	position: absolute;
	content: '.';
	color: transparent;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #000;
	left: -20px;
	font-size: 10px;
	font-weight: bold;
	width: 14px;
	height: 0px;
}

/* This declaration is not applied directly - it is read by JavaScript, and passed to Flash to style the 'Upload File' text */
.fileshare .uploadbutton {
	font-family: Arial;
	color: #000000;
	font-size: 12px;
	line-height: 21px;
	margin-left:18px;
	margin-top:0px;
	font-weight: bold;
}