/* CSS Document Diego Rispoli style */
/*
Da aggiungere tra i tag <head> e </head>:

<link href="css/DRstyle.css" rel="stylesheet" type="text/css" />
*/

/* IMPOSTAZIONI DELLO SFONDO */

/* 
Per le immagini di sfondo:

    background-image: url(http://www.myftpspace.net/public/test/explorer/images/blue_texture.jpg);
    background-repeat: repeat-x -y;
	
Per le immagini di sfondo centrate e fisse:

	background: #00ff00 url('smiley.gif') no-repeat fixed center; 
	
Per le immagini in trasparenza:

	 filter: alpha(opacity=50);
     background: #FFFFFF url('http://www.myftpspace.net/public/images/background.gif') no-repeat fixed center;	
*/
*{
	font-family: Verdana;
}
input{
	font-family: Verdana;
}

#taskPane {
	
}
#browser {
	
}
#files {
	height:100%;

}

/* IMPOSTAZIONI DEI COLLEGAMENTI */
a:link { 
COLOR: #000000; TEXT-DECORATION: none 
}
a:visited { 
COLOR: #000000; TEXT-DECORATION: none 
}
a:hover { 
COLOR: #000000; TEXT-DECORATION: none 
}

.tile{
	display:inline;
	padding:3px;
	width:160px;
	margin:3px;
	background:#FFFFFF; 
	border:0px solid #000000;
	height:90;
	float:inherit;
}
#files > .tile{
	display:block;
	float:left;
}
#files >.tile img{
	float:left;
}
#files >.tile p{
	clear:left;
}
img{
	border:0;
}
body{
	margin:0;
	padding:0;
}
.error{
	color:#ff0000;
}
.action{
	color:#0000ff;
}
#files{
     background-color:#FFFFFF;
	_width:100%;
	_margin-left:-280px;
	_padding-left:280px;
	_float:left;
	overflow:auto;
	z-index:100%;
}
#browser{
	background:#FFFFFF;
	_width:100%;
	_margin-left:-280px;
	_padding-left:280px;
	_float:left;
	overflow:auto;
	z-index:100%;
}
/*body > #files{
	width:100%;
}*/
#taskPane{
	width:280px;
	float:left;
	overflow:auto;
	background-color:#FFFFFF;
	z-index:0%;
	position:relative;
}
/*#taskPane > .panel{
	width:100%;
}*/
#addressBox{
	border:0;
}
#addressBar{
	width:99%;
	padding-left:3px;
	background-color:#FFFFFF;
	height:0px;
	position:relative;
}
#address1,#address3{
	font-family:Verdana;
	background-color:#FFFFFF;
	font-size:12px;
	padding:0px;
	color:7F7C73;
	width:60px;
	padding-left:10px;
	
}
#address2{
	font-size:12px;
	border:#000000 0px solid;
	background-color:#FFFFFF;
    padding:0px;
	border:#000000 1px solid;
}
a.order{
	display:block;
	width:100%;
}
.panel{
	margin:5px;
	padding:5px;
	background-color:#F9FDFF;
	/*width:100%;*/
	border:1px dotted #CCCCCC;
}
.pages{
	margin:5px;
	padding:5px;
	background-color:#FFFFFF;
	width:712px;
	float:left;
	border:#d8e2e6 1px solid;
}
.contenitorehome{
	margin:5px;
	padding:5px;
	background-color:#FFFFFF;
	width:772px;
	float:left;
	border:#d8e2e6 1px solid;
}
.adminpanel{
	margin:5px;
	padding:5px;
	background-color:#F9FDFF;
	/*width:100%;*/
	border:1px dotted #CCCCCC;
}
.panel h2{
	background-color:#FFFFFF;
	padding:3px;
	margin:-5px -5px 0px -5px;
}
.paneltext{
	margin:5px;
	padding:5px;
	background-color:#FFFFFF;
	/*width:100%;*/
	border:1px dotted #CCCCCC;
	font-size: 11px;
}
.badge{
	margin:1px;
	padding:1px;
	background-color:#F9FDFF;
	/*width:100%;*/
	border:0px;
	font-size: 10px;
}
.tablebadge{
	margin:0px;
	padding:0px;
	background-color:#F9FDFF;
	/*width:100%;*/
	border:0px;
	font-size: 12px;
}
.folder {
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
}
.parent {
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
}
.file {
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
}
.BrowserScheda {
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
}
.buttons {
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
	/*color:white;*/
}
.order{
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
	color:#379595;
}
.order2{
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
	/*color:blue;*/
}
.type {
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
}
body{
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
}
th {
	text-align:left; 
	font-weight:bold;
	font-family: Verdana;
	background-color: #FFFFFF; 
	cursor:default;
	border-width:1px; 
	border-style: solid; 
	border-color: #FFFFFF;
}
.bg1{
	background: #FFFFFF;
	filter: alpha(opacity=80);

}
.bg2{
	background: #FFFFFF;
	filter: alpha(opacity=80);

}
h1 {
	font-size: 16px;
	font-style:bold;
	font-family: Verdana;
}
h2 {
	font-size: 11px;
	font-style:bold;
	font-family: Verdana;
}
h3 {
	font-size: 12px;
	display:inline;
	font-family: Verdana;
}
h4 {
	font-size: 12px;
	font-style:bold;
	font-family: Verdana;
}
h5 {
	font-size: 14px;
	font-style:bold;
	color:black;
	font-family: Verdana;
}
h6 {
	font-size: 10px;
	font-style:normal;
	color:black;
	text-decoration: none;
	font-family: Verdana;
}
.ul{
	border-bottom:1px #000000 solid;
}

ul#nav{font: 90%/1.5 Verdana; font-weight:bold;}
ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none}
ul#nav{height:26px;line-height:25px;margin-left:0px;
    background: #3B5998;color: #fff}
ul#nav a{display:block;padding: 0 10px;text-decoration: none; color:#FFF}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none;line-height: 22px;
    display:block !important;display: inline; /*IE*/}
ul#nav ul{position: absolute;top: 23px;left: -9999px;
    width: 12em;background: #fff;color: #3B5998}
ul#nav ul{padding: 7px 0;border: 1px solid #3B5998}
ul#nav ul,ul#nav li li a{background-color: #FFF;color: #3B5998}
ul#nav li:hover,ul#nav a:hover{background-color: #5C75AA;color: #FFF}
ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 100}

.BrowserFormBox{
font-family: Verdana; 
font-weight: bold; 
font-size: 14px;  
color: #FFFFFF;
background-color:#379595;
border: 1px solid #000000;
padding-right: 3px;
padding-left: 3px;
padding-top:3px;
width: 250px;
height:26px;
text-align: left;
}
.BrowserSelectFormBox{
font-family: Verdana; 
font-weight: bold; 
font-size: 11px;  
color: #FFFFFF;
background-color:#379595;
border: 1px solid #000000;
padding-right: 3px;
padding-left: 3px;
padding-top:2px;
text-align: left;
}
.BrowserAreaFormBox{
font-family: Verdana; 
font-weight: bold; 
font-size: 11px;  
color: #FFFFFF;
background-color:#379595;
border: 1px solid #000000;
padding-right: 3px;
padding-left: 3px;
padding-top:2px;
text-align: left;
}
.BrowserButtonSubmit {
background-color:#60bfbf; 
border:#000000 1px solid;
margin-top:1px;
padding-right: 3px;
padding-left: 3px;
padding-top:2px;
text-decoration: none;
font-family: Verdana; 
font-weight: bold; 
font-size: 13px;  
color: #000000;
}


/*
.uploadBox{
	background-color:#FFFFFF; 
	border:#000000 1px solid;
}
.newfileBox{
font-family: Verdana; 
font-weight: bold; 
font-size: 11px;  
color: #000000;
background-color:#379595;
border: 1px solid #000000;
padding-right: 3px;
padding-left: 3px;
padding-top:2px;
width: 180px;
height:20px;
text-align: left;
}

.newfolderBox{
	background-color:#FFFFFF; 
	border:#000000 1px solid;
}
.searchBox {
	background-color:#FFFFFF; 
	border:#000000 1px solid;
}
.inputBox {
	background-color:#FFFFFF; 
	border:#000000 1px solid;
}
.calculateBox {
	background-color:#FFFFFF; 
	border:#000000 1px solid;
}
.buttonsubmit {
	background-color:#FFFF00; 
	border:#000000 1px solid;
	margin-top:1px;
	font-size: 10px;
	text-decoration: none;
	font-style: normal;
}
.buttoncalculate {
	background-color:#FFFF00; 
	border:#000000 1px solid;
	font-size: 10px;
	text-decoration: none;
	font-style: normal;
}
*/
.username {
	background-color:#FFFFFF; 
	border:#000000 1px solid;
}
.password {
	background-color:#FFFFFF; 
	border:#000000 1px solid;
}
.email {
	background-color:#FFFFFF; 
	border:#000000 1px solid;
}

.buttondelete {
	background-color:#FF0000; 
	border:#000000 1px solid;
}
.buttonpaste {
	background-color:#FF0000; 
	border:#000000 1px solid;
}
.buttonrename {
	background-color:#FF0000; 
	border:#000000 1px solid;
}
.buttonsave {
	background-color:#FF0000; 
	border:#000000 1px solid;
}
.buttoncancel {
	background-color:#00CC00; 
	border:#000000 1px solid;
}

.data {
	background: url(../images/orologio.gif) no-repeat left center;
}
.foldericon {
	background: url(../images/folder_open_16.gif) no-repeat left center;
}
.paste{
	background: url(../images/paste.gif) no-repeat left center;
}
.inputIcon{
	background-color:#FFFFFF;
	padding-right:-17px;
	margin-right:-17px;
}

/*login*/

#login{
	border:1px dotted #CCCCCC;
	padding: 4px 4px 4px 4px;
	width:150px;
}
#tools{
	margin:6px;
}
.tool{
	text-align:center;
	float:left;
	padding:2px;
}

.clockStyle{
	font-weight:normal;
	padding-top: 5px;
	text-align:center;
	
}

/*help*/
#help{
	margin:10px;
}
.uploading{

	background-color:#FFFFFF;
	border:#ffffff 1px solid;
}
.hidden{
	opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
}


/* IMPOSTAZIONI DEL TESTO*/

/* NERO*/
.Nero_Testo {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana
}
.Nero_Testo_Grassetto {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Nero_Testo_Sottolineato {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; TEXT-DECORATION: underline;
}
.Nero_Testo_Piccolo {
	FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana
}
.Nero_Testo_Piccolo_Sottolineato {
	FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; TEXT-DECORATION: underline;
}
.Nero_Testo_Piccolo_Grassetto {
	FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Nero_Titolo {
	FONT-SIZE: 14px; COLOR: #000000; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Nero_Titolo_Grande {
	FONT-SIZE: 16px; COLOR: #000000; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}

/* ROSSO*/
.Rosso_Testo {
	FONT-SIZE: 12px; COLOR: #FF0000; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana
}
.Rosso_Testo_Grassetto {
	FONT-SIZE: 12px; COLOR: #FF0000; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Rosso_Testo_Piccolo {
	FONT-SIZE: 11px; COLOR: #FF0000; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana
}
.Rosso_Testo_Piccolo_Grassetto {
	FONT-SIZE: 11px; COLOR: #FF0000; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Rosso_Titolo {
	FONT-SIZE: 14px; COLOR: #FF0000; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Rosso_Titolo_Grande {
	FONT-SIZE: 16px; COLOR: #FF0000; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Rosso_Manutenzione {
	FONT-SIZE: 22px; COLOR: #FF0000; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}

/* BLU*/
.Blu_Testo {
	FONT-SIZE: 12px; COLOR: #000099; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana
}
.Blu_Testo_Grassetto {
	FONT-SIZE: 12px; COLOR: #000099; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Blu_Testo_Piccolo {
	FONT-SIZE: 11px; COLOR: #000099; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana
}
.Blu_Testo_Piccolo_Grassetto {
	FONT-SIZE: 11px; COLOR: #000099; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Blu_Titolo {
	FONT-SIZE: 14px; COLOR: #000099; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Blu_Titolo_Grande {
	FONT-SIZE: 16px; COLOR: #000099; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Blu_Titolo_Pagine {
	FONT-SIZE: 20px; COLOR: #000099; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}

/* VERDE*/
.Verde_Testo {
	FONT-SIZE: 12px; COLOR: #009900; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana
}
.Verde_Testo_Grassetto {
	FONT-SIZE: 12px; COLOR: #009900; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Verde_Testo_Piccolo {
	FONT-SIZE: 11px; COLOR: #009900; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana
}
.Verde_Testo_Piccolo_Grassetto {
	FONT-SIZE: 11px; COLOR: #009900; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Verde_Titolo {
	FONT-SIZE: 14px; COLOR: #009900; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Verde_Titolo_Grande {
	FONT-SIZE: 16px; COLOR: #009900; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}

/* BIANCO*/
.Bianco_Testo {
	FONT-SIZE: 12px; COLOR: #FFFFFF; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana
}
.Bianco_Testo_Grassetto {
	FONT-SIZE: 12px; COLOR: #FFFFFF; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Bianco_Testo_Piccolo {
	FONT-SIZE: 11px; COLOR: #FFFFFF; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana
}
.Bianco_Testo_Piccolo_Grassetto {
	FONT-SIZE: 11px; COLOR: #FFFFFF; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Bianco_Titolo {
	FONT-SIZE: 14px; COLOR: #FFFFFF; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Bianco_Titolo_Grande {
	FONT-SIZE: 16px; COLOR: #FFFFFF; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}

/* ARANCIO*/
.Arancio_Testo {
	FONT-SIZE: 12px; COLOR: #FF6600; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana
}
.Arancio_Testo_Grassetto {
	FONT-SIZE: 12px; COLOR: #FF6600; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Arancio_Testo_Piccolo {
	FONT-SIZE: 11px; COLOR: #FF6600; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana
}
.Arancio_Testo_Piccolo_Grassetto {
	FONT-SIZE: 11px; COLOR: #FF6600; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Arancio_Titolo {
	FONT-SIZE: 14px; COLOR: #FF6600; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
.Arancio_Titolo_Grande {
	FONT-SIZE: 16px; COLOR: #FF6600; LINE-HEIGHT: 125%; FONT-FAMILY: Verdana; FONT-WEIGHT: bold;
}
/* FINE */

/* SITE */
.bl {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: bottom; WIDTH: 4px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.br {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: bottom; WIDTH: 4px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
.bubble {	BACKGROUND-COLOR: #c3d9ff
}
.c {	WIDTH: 4px; HEIGHT: 4px
}
.tl {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; WIDTH: 4px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.tr {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; WIDTH: 4px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
.feature-description {	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 15px; TEXT-ALIGN: left
}
.feature-image {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 15px; TEXT-ALIGN: right
}
