body{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:12px;
}
input[type="text"] {
	border:none;
	border-bottom:5px groove blue;
	border-left:1px dotted blue;

}
.tab_uno{
	border:1px dotted #dddddd;
	
}
.tab_uno th{
	background-color:#666666;
	color:#ffffff;
}
.tab_lista{
	border:1px dotted #444444;
	width:800px;
}
.tab_lista th{
	background-color:navy;
	color:#ffffff;
	
}
.tab_lista td{
	border-bottom:1px dotted #aaaaaa;
}
.tab_lista tr:hover{
	background-color:#666666;
	color:#ffffff;
}

.tipo{
	border:none;
	width:120px;
	border-bottom:5px groove blue;
}
.data{
	width:70px;
}
.medio{
	width:120px;
}
.lungo{
	width:240px;
}
.numero{
	width:100px;
}
.numeroRidotto{
	width:30px;
}
.importo{
	width:120px;
	text-align:right;

}

#tabella_iva{
	display:none;
}

.trova {
	width:180px;
	padding-left:25px; 
	background: #FFF url(../images/trova.png) no-repeat 5px 1px;	
	color: #616161; 
	
}
#trovato{
	background-color:#ffffff;
	font-size:10px;
	position:absolute;

	border:1px dotted #555555;
	box-shadow: 6px 6px 6px #dedede; 
	border-radius: 7px;	
	
	width:280px;
	margin-top:2px;
	padding:5px;
	display:none;
	text-align:left;
}
.spm {
	margin:2px;
	border-top:1px dotted #cccccc;
	color:#616161;	
	cursor:pointer;
	font-size:12px;
}
.spm:hover { 
	color:#000000;
	font-weight:bold;
}
.importoneg{
	color:red;
}
.importopos{
	color:blue;
}
.black_overlay{
        display: none;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: #444444;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
}
.white_content {
        display: none;
        position: fixed;
        top: 5%;
        left: 10%;
        width: 70%;
        height: 85%;
        padding: 2px;
        border: 8px solid #eeeeee;
        background-color: lightyellow;
        z-index:1002;
        overflow: auto;
		
		-moz-box-shadow:5px 5px 2px #222222;
		-webkit-box-shadow:5px 5px 2px #222222;
		box-shadow:5px 5px 2px #222222;
		
		border-radius: 20px; 
		-moz-border-radius: 20px; /* firefox */
		-webkit-border-radius: 20px; /* safari, chrome */
		
		//-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
		// transform: rotate(180deg);
 }
.obblig{
	background-color:yellow;
	padding-left:3px;
	padding-right:3px;
}
.tab_lista .img_del{
	cursor:pointer;
	border:none;
	width:18px;
}
.tab_lista .img_del:hover{
	width:14px;
	border:2px solid red;
	border-radius: 50%; 
	-moz-border-radius: 50%; /* firefox */
	-webkit-border-radius: 50%; /* safari, chrome */
}

.tab_lista  .siFile{
	background-color:lightyellow;
	border:none;
	font-size:9px;
	color:green;
	border-bottom:1px solid green;
	width:45px;
}
 
.InAttesa{
	position:absolute;
	top:0px;
	left:0px;	
	width:100%;
	height:100%;
	z-index:99999;
	background:#999999;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	display:none;
}
.InAttesaimg {
	position:absolute;
	top:45%;
	left:45%;

}


.textbox{ 
	background: #F1F1F1 url(../images/input-text-40.png) no-repeat;
	background-position: 5px -7px;
	padding: 10px 10px 10px 25px;
	width:200px;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
	box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
} 
.textbox:focus { 
	background-color: #FFF; 
	border-color: #E8C291; 
	outline: none; 
	-moz-box-shadow: 0 0 0 1px #e8c291 inset; 
	-webkit-box-shadow: 0 0 0 1px #E8C291 inset; 
	box-shadow: 0 0 0 1px #E8C291 inset; 
} 

.css_button {
    font-size: 18px;
    font-family: Arial;
    font-weight: normal;
    text-decoration: inherit;
    -webkit-border-radius: 9px 9px 9px 9px;
    -moz-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    border: 2px solid #ffaa22;
    padding: 10px 30px;
    text-shadow: 1px 1px 0px rgba(255, 238, 102, 0.93);
    -webkit-box-shadow: inset 1px 1px 0px 2px #fff6af;
    -moz-box-shadow: inset 1px 1px 0px 2px #fff6af;
    box-shadow: inset 1px 1px 0px 2px #fff6af;
    cursor: pointer;
    color: #333333;
    display: inline-block;
    background: -webkit-linear-gradient(90deg, rgba(255, 171, 35, 0.69) 12%, rgba(255, 236, 100, 0.81) 74%);
    background: -moz-linear-gradient(90deg, rgba(255, 171, 35, 0.69) 12%, rgba(255, 236, 100, 0.81) 74%);
    background: -ms-linear-gradient(90deg, rgba(255, 171, 35, 0.69) 12%, rgba(255, 236, 100, 0.81) 74%);
    background: linear-gradient(180deg, rgba(255, 236, 100, 0.81) 12%, rgba(255, 171, 35, 0.69) 74%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffec64",endColorstr="#ffab23");
}

.css_button:hover {
    background: -webkit-linear-gradient(90deg, rgba(255, 236, 100, 0.81) 12%, rgba(255, 171, 35, 0.69) 74%);
    background: -moz-linear-gradient(90deg, rgba(255, 236, 100, 0.81) 12%, rgba(255, 171, 35, 0.69) 74%);
    background: -ms-linear-gradient(90deg, rgba(255, 236, 100, 0.81) 12%, rgba(255, 171, 35, 0.69) 74%);
    background: linear-gradient(180deg, rgba(255, 171, 35, 0.69) 12%, rgba(255, 236, 100, 0.81) 74%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffab23",endColorstr="#ffec64");
}

.css_button:active {
    position:relative;
    top: 1px;
}
.css_button1 {
    font-size: 14px;
    font-family: Arial;
    font-weight: normal;
    text-decoration: inherit;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ffaa22;
    padding: 3px;
    text-shadow: 1px 1px 0px rgba(255, 238, 102, 0.93);
    -webkit-box-shadow: inset 1px 1px 0px 2px #fff6af;
    -moz-box-shadow: inset 1px 1px 0px 2px #fff6af;
    box-shadow: inset 1px 1px 0px 2px #fff6af;
    cursor: pointer;
    color: #333333;
    display: inline-block;
    background: -webkit-linear-gradient(90deg, rgba(255, 171, 35, 0.69) 12%, rgba(255, 236, 100, 0.81) 74%);
    background: -moz-linear-gradient(90deg, rgba(255, 171, 35, 0.69) 12%, rgba(255, 236, 100, 0.81) 74%);
    background: -ms-linear-gradient(90deg, rgba(255, 171, 35, 0.69) 12%, rgba(255, 236, 100, 0.81) 74%);
    background: linear-gradient(180deg, rgba(255, 236, 100, 0.81) 12%, rgba(255, 171, 35, 0.69) 74%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffec64",endColorstr="#ffab23");
}

.css_button1:hover {
    background: -webkit-linear-gradient(90deg, rgba(255, 236, 100, 0.81) 12%, rgba(255, 171, 35, 0.69) 74%);
    background: -moz-linear-gradient(90deg, rgba(255, 236, 100, 0.81) 12%, rgba(255, 171, 35, 0.69) 74%);
    background: -ms-linear-gradient(90deg, rgba(255, 236, 100, 0.81) 12%, rgba(255, 171, 35, 0.69) 74%);
    background: linear-gradient(180deg, rgba(255, 171, 35, 0.69) 12%, rgba(255, 236, 100, 0.81) 74%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffab23",endColorstr="#ffec64");
}

.css_button1:active {
    position:relative;
    top: 1px;
}
.centrale{
	position:absolute;
	top:40%;
	left:40%;
	width:250px;
	height:250px;
	margin:-125px 0px 0px -125px; 
	padding:50px;
	background-color:#fffddd;
	-webkit-border-radius: 18px 18px 18px 18px;
    -moz-border-radius: 18px 18px 18px 18px;
    border-radius: 18px 18px 18px 18px;
    border: 1px dotted navy;   
    -webkit-box-shadow: 10px 10px 5px #dedede;
    -moz-box-shadow: 10px 10px 5px #dedede;
   box-shadow: 10px 10px 5px #dedede;
}
.centrale span{
	color:red;
	padding:20px;
	font-size:18px;
	text-align:center;
}
#logout{
	z-index:3;
	position:absolute;
	top:-25px;
	right:10px;
	width:50px;
	height:50px;
	border:none;
}
#logout img{
	border:none;
}
#logout img:hover{
position:absolute;
	top:2px;
	left:2px;
}
.icona{
	width:55px;
	height:55px;
	margin:8px;
	border:1px dotted #777777;
	-webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;   
    -webkit-box-shadow: 10px 10px 5px #dedede;
    -moz-box-shadow: 10px 10px 5px #dedede;
   box-shadow: 10px 10px 5px #dedede;
}
.icona:hover{
	background-color:#888888;
}
#divmenu{
	border:1px solid #999999;
	margin:10px;
	padding:10px;
	-webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;   
    -webkit-box-shadow: 10px 10px 5px #dedede;
    -moz-box-shadow: 10px 10px 5px #dedede;
   box-shadow: 10px 10px 5px #dedede;
   	float:left; 

}

#divmenulato{
	border:1px solid #999999;
	margin:10px;
	padding:10px;
	-webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;   
    -webkit-box-shadow: 10px 10px 5px #dedede;
    -moz-box-shadow: 10px 10px 5px #dedede;
   box-shadow: 10px 10px 5px #dedede;
   	float:right; 
	clear:right;
	 transform: scale(0.3, 0.3);
	 transition: width 2s, height 2s, transform 2s; /* all 1s ease-out; */
}
#divmenulato:hover{
 transform: scale(1, 1);
}
#divcentro{
	border:1px dotted #bbbbbb;
	margin:10px 10px; 
	float:left; 
	clear:left;
	padding:20px;
	
	-webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;   
    -webkit-box-shadow: 10px 10px 5px #dedede;
    -moz-box-shadow: 10px 10px 5px #dedede;
   box-shadow: 10px 10px 5px #dedede;
}
#divVediStatisticaRic{
	display:none;
	background-color:#ffffee;
	border:1px dotted #555555;
	margin:10px 10px; 
	position:absolute;
	top:20%;
	left:5%;
	clear:left;
	padding:20px;
	
	-webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;   
    -webkit-box-shadow: 10px 10px 5px #dedede;
    -moz-box-shadow: 10px 10px 5px #dedede;
   box-shadow: 10px 10px 5px #dedede;	
}

#tabAna th{
	background-color:#444444;
	color:#ffffff;
}
#tabAna td{
	border-bottom:1px dotted #999999;
	border-right:1px dotted #cccccc;
}
#tabAna tr{
	background-color:#eeeeee;
	color:#222222;
}
#tabAna tr:hover{
	background-color:#999999;
	color:#ffffff;
}
#divtutto{
	/*background:gold;*/
	margin: 0 auto;
    min-height: 100%; /* Set to minimum height so overflow doesn't get hidden */
    overflow-y: hidden; /* HIDE overflow; I know, it doesn't make much sense */
    position: relative;
	/*border:1px solid blue;*/
}

#oggi_e {
	position:fixed;
	bottom:5px;
	right:5px;
	z-index:99;
	
	-moz-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;

	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:24px;
	color:#888888;
	clear: both;
}
#oggi_e:hover {
	opacity: 0.0;
}
#oggi_e #ora, #minuti, #secondi{
	background-color:#000000;
	margin-right:7px;
	padding:5px 10px 5px 10px;
	float:left;
	color:#ffffff;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;   
    -webkit-box-shadow: 5px 5px 2px #dedede;
    -moz-box-shadow: 5px 5px 2px #dedede;
	box-shadow: 5px 5px 2px #dedede;

}
#oggi_e #giorno, #mese, #settimana, #anno{
	background-color:#333333;
	color:#eeeeee;
	margin-right:7px;
	padding:5px 10px 5px 10px;
	float:left;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;   
    -webkit-box-shadow: 5px 5px 2px #dedede;
    -moz-box-shadow: 5px 5px 2px #dedede;
	box-shadow: 5px 5px 2px #dedede;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {background:red; left:0px; top:0px;}
    25%  {background:yellow; left:200px; top:0px;}
    50%  {background:blue; left:200px; top:200px;}
    75%  {background:green; left:0px; top:200px;}
    100% {background:red; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes myfirst {
    0%   {background:red; left:0px; top:0px;}
    25%  {background:yellow; left:200px; top:0px;}
    50%  {background:blue; left:200px; top:200px;}
    75%  {background:green; left:0px; top:200px;}
    100% {background:red; left:0px; top:0px;}
}

#divNote{
	background:#ffffff;
	border:1px solid red;
	position:absolute;
	top:5px;
	right:100px;
	width:120px;
	height:25px;
	padding:5px;
	overflow: hidden;
	z-index:99;
    -webkit-transition:  width 3s, height 4s; /* For Safari 3.1 to 6.0 */
    transition:  width 3s, height 4s;
	
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;   
    -webkit-box-shadow: 5px 5px 2px #dedede;
    -moz-box-shadow: 5px 5px 2px #dedede;
	box-shadow: 5px 5px 2px #dedede;
}
 
#divNote .divNoteOggi{
	background:lightyellow;
	border:1px solid blue;
	float:left;
	width:150px;
	height:75px;
	padding:2px;
	margin:6px;
	font-size:10px;
	text-align:center;
	overflow: auto;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;   
    -webkit-box-shadow: 5px 5px 2px #dedede;
    -moz-box-shadow: 5px 5px 2px #dedede;
	box-shadow: 5px 5px 2px #dedede;
}