@import url("download_extensions.css");

#item-extra {
	display:none;
	position:absolute;
	/*position:relative;
	float:right;*/
	/*max-width:24px;*/
	height:43px;
	/*margin: 4px 7px 0px 0px;*/
	
	border:#222 1px solid;
	border-right:0px;
	background-color:#111;
	
	border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	-khtml-border-radius: 10px 0px 0px 10px;
}

#item-extra:hover {
	/*border-right:1px solid;*/
	border-color:#333;
}

#shadow {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0;
	
	vertical-align:middle;
	
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.5s;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-o-transition-property: opacity;
	-o-transition-duration: 0.5s;
}

#shadow.visible {
    z-index: 1001;
	opacity: 0.8;

}

#showpermlink {
	position:fixed;
	opacity:1;
	background-color:#111;
	border:#333 1px solid;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	
	z-index:1001;

}

#textpermlink {
	margin:10px;
	padding:3px;
	color:#AAA;
	background-color:#090909;
	border:#222 1px solid;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

#filtro_cartella {
	background-color: #000;
	border:#111 1px solid;
	color:#AAA;
	padding:2px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	
	box-shadow: 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	-khtml-box-shadow: 0 0 0 rgba(0,0,0,0);
	
	-moz-transition-property: background-color, border-color, -moz-box-shadow;
	-moz-transition-duration: 0.4s, 0.4s, 0.3s;
	-webkit-transition-property: background-color, border-color, -webkit-box-shadow;
	-webkit-transition-duration: 0.4s, 0.4s, 0.3s;
	-o-transition-property: background-color, border-color, box-shadow;
	-o-transition-duration: 0.4s, 0.4s, 0.3s;
	transition-property: background-color, border-color, box-shadow;
   transition-duration: 0.4s, 0.4s, 0.3s;
	
}

/* Le regole delle shadow sono state copiate perché altrimenti non è possibile rimuovere l'ombra all'interno */
#filtro_cartella:focus {
	box-shadow: 0px 0px 3px 3px #A0C0FF;
	-moz-box-shadow: 0px 0px 3px 3px #A0C0FF;
	-webkit-box-shadow: 0px 0px 3px 3px #A0C0FF;
	-khtml-box-shadow: 0px 0px 3px 3px #A0C0FF;
}

#filtro_cartella.nmatch:focus {
	box-shadow: 0px 0px 3px 3px #CC4444; 
	-moz-box-shadow: 0px 0px 3px 3px #CC4444;
	-webkit-box-shadow: 0px 0px 3px 3px #CC4444;
	-khtml-box-shadow: 0px 0px 3px 3px #CC4444;
}

/* .toolbar:hover necessario per ottenere la priorità sulla regola .toolbar:hover #filtro_cartella */
.toolbar:hover #filtro_cartella:hover {
	/*background-color: #050505;*/
	border-color: #555;
}

#foldermenu, #details {
	position:absolute;
}

#details {
	border:#222 1px solid;
	background-color:#111;
	z-index:1000;
	/* opacity: 0; */
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	
	-moz-transition-property: top, left;
	-moz-transition-duration: 0.3s;
	-webkit-transition-property: top, left;
	-webkit-transition-duration: 0.3s;
	-o-transition-property: top, left;
	-o-transition-duration: 0.3s;
}

#details h2 {
	text-align:left;
	padding-left:20px;
	margin-top: 5px;
	margin-bottom:5px;
}

#details table {
	table-layout:fixed;
}

#img_preview, #img_preview_loading {
	/*position:relative;
	top:20px;*/
	padding: 10px;
}

#div_details {
	padding: 3px 5px;
	/*margin-right:84px;*/
}

#sort_list {
	position:absolute;
	z-index:1001;
	
	text-align:left;
	
	padding:3px;
	background-color:#111;
	opacity:0.9;
	border:1px solid #222;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

#sort_list div {
	margin: 2px 3px;
	padding:3px 13px;
	
	cursor:pointer;
	
	border:1px solid transparent;
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	
}

#sort_list div:hover {
	border-color:#454545;
	
	background-color:#353535;
	padding-left:17px;
}

#sort_list div.separator {
	padding:0px;
	
	border-top:1px solid #222;
}

#foldermenu {
	/*display:none;*/
	text-align:left;
	max-width:250px;
	min-width:24px;
	padding:6px;
	background-color:#111;
	border:#222 1px solid;
	opacity:0.9;

	z-index:1001;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

#foldermenu #FMScroll {
	overflow-y:hidden;
	max-height:300px;
}

#foldermenu *, #foldermenu {
	/*border:#FF0000 solid 1px;*/
}

#foldermenu tr {
	cursor:pointer;
	
}

#foldermenu tr .foldermenu_img {
	border-left:1px solid transparent;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
}

#foldermenu tr .foldermenu_name {
	border-right:1px solid transparent;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
}

#foldermenu tr:hover td {
	/*background-color:#050505;*/
	background-color: #353535;
	/*font-weight:bold;*/
}

#foldermenu tr:hover .foldermenu_img {
	border-left: 1px solid #454545;
	border-top: 1px solid #454545;
	border-bottom: 1px solid #454545;
	
	/*border:#FF0000 1px solid;*/
	border-radius:5px 0px 0px 5px;
	-moz-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	-khtml-border-radius:5px 0px 0px 5px;
}

#foldermenu tr:hover .foldermenu_name {
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;
	border-bottom: 1px solid #454545;

	/*border:#FF0000 1px solid;*/
	border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
	-khtml-border-radius:0px 5px 5px 0px;
}

#foldermenu .foldermenu_img {
	vertical-align:top;
}

#foldermenu img {
	height:16px;
	width:16px;
	background: url(sitoico/download/folder-mini.png);
	/*vertical-align:top;*/
	margin:0px 5px 0px 3px;
}

#headblock, #headcontainer {
	height:92px;
	/*border:1px solid #FF0000;*/
}

#headblock {
    z-index: 1000;
	position:static;
	background-color:#000;
	width:513px; /* Larghezza standard del sito, necessita di essere impostata manuamente
					perché quando la position viene impostata a fixed il #headblock si contrae */
	box-shadow: 0 0 10px 5px #000;
	-webkit-box-shadow: 0 0 10px 5px #000;
	-o-box-shadow: 0 0 10px 5px #000;
	-moz-box-shadow: 0 0 10px 5px #000;
}

.toolbar {
	height:60px;
	margin-bottom:5px;
	padding:0px 30px;
	vertical-align:middle;
}

.toolbar img.history {
	cursor:pointer;
	border:#111 solid 1px;
	/*opacity:0.5;*/
	
	-moz-transition-property: background-color, border-color;
	-moz-transition-duration: 0.4s;
	-webkit-transition-property: background-color, border-color;
	-webkit-transition-duration: 0.4s;
	-o-transition-property: background-color, border-color;
	-o-transition-duration: 0.4s;
}

.toolbar:hover img.history {
	border-color:#222;
	background-color:#111;
	/*opacity:0.7;*/
}

.toolbar:hover .sort_combo {
	background-color:#111;
	border-color: #333;

}

.toolbar:hover .separator {
	border-left-color: #555;
}

.toolbar:hover #filtro_cartella {
	border-color: #222;
	background-color: #111;
}

.toolbar img.history:hover {
	background-color:#222;
	background: -moz-linear-gradient(-90deg,#333,#000 50%);
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0.0, #333), color-stop(0.5, #000));
	border-color:#555;
	/*opacity:1;*/
}

.toolbar img.back {
	border-radius: 15px 0px 0px 15px;
	-moz-border-radius: 15px 0px 0px 15px;
	-webkit-border-radius: 15px 0px 0px 15px;
	-khtml-border-radius: 15px 0px 0px 15px;
}

.toolbar img.foward {
	border-radius: 0px 15px 15px 0px;
	-moz-border-radius: 0px 15px 15px 0px;
	-webkit-border-radius: 0px 15px 15px 0px;
	-khtml-border-radius: 0px 15px 15px 0px;
}

.toolbar .sort_combo {
	cursor:pointer;
	margin-top:5px;
	padding: 4px 5px;
	/*background-color:#111;*/
	border: 1px solid #111;
	height:16px;
	width:74px;
	text-align:right;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	
	-moz-transition-property: background-color, border-color;
	-moz-transition-duration: 0.4s;
	-webkit-transition-property: background-color, border-color;
	-webkit-transition-duration: 0.4s;
	-o-transition-property: background-color, border-color;
	-o-transition-duration: 0.4s;
}

.toolbar .sort_combo:hover {
	background-color:#222;
	background: -moz-linear-gradient(-90deg,#333,#000 50%);
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0.0, #333), color-stop(0.5, #000));
	border-color:#555;
}

.toolbar .separator {
	border-left: 1px solid #111;
	margin: 5px;
	
	-moz-transition-property: border-color;
	-moz-transition-duration: 0.4s;
	-webkit-transition-property: border-color;
	-webkit-transition-duration: 0.4s;
	-o-transition-property:border-color;
	-o-transition-duration: 0.4s;
}

.toolbar .sort_combo img {
	/*margin-top:7px;*/
	vertical-align:middle;
}

.toolbar div.filtro {
	padding:10px 0px 10px 0px;
}

.toolbar div.filtro span {
	margin-right:5px;
}

.pathbar {
	overflow-x:hidden;
	overflow-y:none;
	height:30px;
	
}

.pathbar * {
	/*border:#FF0000 solid 1px;*/
	/*height:24px;*/
	vertical-align:middle;
}

.pathbar div {
	/*display:table-cell;*/
	display:inline-table;
	/*float: left;*/
	height:24px;
}

.pathbar > img {
	cursor:pointer;
	/*float: left;*/
}

.pathbar img.submenu {
	height:16px;
	padding:6px 2px 2px 0px;
	/*margin:-1px 0px;*/
	margin: -1px -1px -1px 1px;
	cursor:pointer;
	
	background-color:#111;
	border: 1px solid;
	border-color:#222;
	border-left-width:0px;
}

.pathbar > img, .pathbar div {
	border:#222 1px solid;
	background-color:#111;
}

.pathbar > img:hover, .pathbar div:hover, .pathbar div:hover img {
	border-color:#444;
}

.pathbar div:hover img {
	border-left-width:1px;
	margin-left:0px;
}

.pathbar img.submenu:hover {
	background-color:#222;
	border-color:#555;
}

.pathbar span {
	margin:0px 4px;
	cursor:pointer;
}

#window {
	/*vertical-align:middle;*/
	/*cursor:default;*/
	/*overflow-y:auto;
	overflow-x:hidden;
	max-height:500px;*/
}

#window-tbl {
	table-layout:fixed;
}

div.item {
	/*border:#FF0000 solid 1px;*/
	border:#222 solid 1px;
	background-color:#111;
	text-align:center;
	/*height:40px;*/
	width:105px;
	margin:5px 0px;
	cursor:pointer;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	
	-moz-transition-property: background-color, border-color;
	-moz-transition-duration: 0.3s;
	-webkit-transition-property: background-color, border-color;
	-webkit-transition-duration: 0.3s;
	-o-transition-property: background-color, border-color;
	-o-transition-duration: 0.3s;
}

div.item:hover {
	border-color:#353535;
	background-color:#252525;
}

div.item:hover div.option {
	display:block;
}

div.option {
	display:none;
	/*position:relative;*/
	float:right;
	/*max-width:24px;*/
	height:42px;
	margin: 4px 7px 0px 0px;
	
	border:#444 1px solid;
	background-color:#222;
	
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	-khtml-border-radius: 11px;
}

img.item {
	/*background:url(icone/insert-object.png);*/
	width:48px;
	height:48px;
	/*margin-top:4px;*/
	
	/*margin:0px;*/
}

img.select, img.permlink {
	cursor:pointer;
	/*border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;*/
}

img.select {
	border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-khtml-border-top-left-radius:10px;
}

img.permlink {
	border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-khtml-border-bottom-left-radius:10px;
}	

img.select:hover, img.permlink:hover {
	background-color:#333;
	
	/*border-color:#555;*/
}

div.item div.name {
	width:105px;
	margin-bottom:2px;
}

#pathbar .first {
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-khtml-border-bottom-left-radius:5px;
	-khtml-border-top-left-radius:5px;
}

#pathbar .last {
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-khtml-border-bottom-right-radius:5px;
	-khtml-border-top-right-radius:5px;
}