
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*background-color: #E7EBEF ;
	background-image:url(immagini/sfondo.png);*/
	/*background-repeat:repeat-x;*/
	font-size:10px;
	background-color:#F9F9F9;
}

hr{
 color:#9999FF;
 margin-bottom:20px;
}

h2{
 color: #006699;
 
}
tr{ 
	height:30px;
}

input,textarea {
    
    border:1px solid #dadada;
    border-radius:2px;
    font-size:12px;
	padding:4px;
	font-family: Verdana, Arial, sans-serif;
}

textarea {
    width:70%;
}

select {
    border:1px solid #dadada;
    border-radius:2px;
    font-size:12px;
	padding:4px;
	font-family: Verdana, Arial, sans-serif;
	cursor:pointer;
}


input:focus { 
    outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}

textarea:focus { 
    outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}


select:focus { 
    outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}

.box_nuova_voce{
	margin-left:25px; 
	cursor:pointer; 
	margin-bottom:10px; 
	font-size:14px; 
	font-weight:bold 
}
.table_nuova_voce{
border:1px; 
	color: #e3e3e3; 
	border-style:solid; 
	background-color:#FFFFFF; 
	padding:10px; 
	margin-top:15px;
	 margin-bottom:15px;
}

.body h1{
margin:0px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:140%;
color:#000066;
}

.body h2{
margin:0px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:120%;
color:#000099;
}

.body td{
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
/*color:#000099;*/
}




.footer{
background-image:url(immagini/footer.png);
background-repeat:repeat-x;
font:Verdana, Arial, Helvetica, sans-serif;
height:25px;
font-size:12px;
color:#ffffff;
font-weight:bold;
}
h4{
padding:4px;
margin:0;
}

.footer2{
width:100%;
position:fixed;
bottom:0px;
background-color: #999;
color:#FFFFFF;
text-align:center;
}

.menu{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000099;
}

.menu a{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#000099;
text-decoration:none;
}

.menu a:hover{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#000099;
text-decoration:underline;
}

.menu input{
font-size: 80%;
color:#000099;
background-color:#EEEEEE;
}

.menu hr{
background-color:#e3e3e3;
}

.titolo{
background-color: #e3e3e3;
color:#333;
font-weight:bold;
font-size:110%;
padding-left: 5px;
}
.titolo3{
background-color: #e3e3e3;
color: #000066;
font-weight:bold;
font-size:110%;
}
.etichetta{
color: #006699;
font-weight:bold;
font-size:10px;
}
.etichetta2{
color: #006699;
font-weight:bold;
font-size:10px;
background-color: #e3e3e3;
}
.etichetta_small{
background-color: #e3e3e3;
color: #666;
font-weight:bold;
font-size:11px;
padding:2px;
}
.valore{
background-color:#ffffff;
color: #000;
font-weight:normal;
font-size:11px;
}

.titolo_login{
/*background-color: #000066;*/
background-image:url(immagini/footer.png);
height:25px;
color:#fff;
font-weight:bold;
font-size:110%;
}

.titolo2{ 
font:Geneva, Arial, Helvetica, sans-serif;
color: #CC3300;
font-weight:bold;
font-size:130%;
}

.menulogin{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000099;
}

.menulogin a{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#000099;
text-decoration:none;
}

.menulogin a:hover{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#000099;
text-decoration:underline;
}

.menulogin input{
/*font-size: 80%;
color:#000099;
background-color:#EEEEEE;*/
 font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border: 1px solid #999999;
 
}

.menulogin hr{
background-color:#e3e3e3;
}

.msg{
background-color:#999999;
text-align:center;
font-weigth:bold;
}

img {  border: none;  }    

a:hover {  border: 0px Red Solid;  }    

a.nobordo:hover {  border: none;  }

/*----------------- tab  ---------------*/
.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; background-color:#999; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
/*----------------- tab  ---------------*/

/*  Buttons */



/*

.crmButton{
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-right:1px solid #555555;
	border-bottom:1px solid #555555;
	cursor:pointer;
}

.cerca{
background-color:#5774b0;
	color:#fff;
	font-weight:bold;
	background-image: url(immagini/toolbar-bg.png);
}


.login_button{
	width:80px;
	height:20px;
	color: #FFFFFF ;
	font-weight:bold;
	background-image: url(immagini/sfondo.gif);
	background-repeat:repeat-x;
	cursor:pointer;
}



.delete {
	background-color:red;
	color:#fff;
	font-weight:bold;
	 background-image: url(immagini/buttonred.png);  
}

.edit {
	background-color:green;
	color:#fff;
	font-weight:bold;
	background-image: url(immagini/buttongreen.png);
}

.save{
	background-color:green;
	color:#fff;
	font-weight:bold;
	 background-image: url(immagini/buttongreen.png);	
}

.mod {
  background-color: orange;
  color:#ffffff;
  font-weight:bold;
  background-image: url(immagini/buttonorange.png);
}
.login {
  background-color: #FFD3A8;
  color:#339933;
  font-weight:bold;
  
}

.inactive{
	color:#999999;
}

.active{
	color:#229922;
}
*/
/*-------------------------------------------------------------------*/
input.whtbtn {
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	font: bold 11px Helvetica, Arial, sans-serif;
	color: #444;
	line-height: 17px;
	height: 18px;
	display: inline-block;
	margin: 5px;
	padding: 5px 6px 4px 6px;
	background: #F3F3F3;
	border: solid 1px #D9D9D9;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	 -webkit-transition: border-color .20s;
	 -moz-transition: border-color .20s;
	 -o-transition: border-color .20s;
	 transition: border-color .20s;
	height: 29px !important;
	cursor: pointer;
	 min-width:150px;
}
input.whtbtn:hover {
	background: #F4F4F4;
	border-color: #C0C0C0;
	color: #333;
}

input.bluebtn {
	border: 1px solid #3079ED !important;
	background: #4B8DF8;
	background: -webkit-linear-gradient(top, #4C8FFD, #4787ED);
	background: -moz-linear-gradient(top, #4C8FFD, #4787ED);
	background: -ms-linear-gradient(top, #4C8FFD, #4787ED);
	background: -o-linear-gradient(top, #4C8FFD, #4787ED);
	 -webkit-transition: border .20s;
	 -moz-transition: border .20s;
	 -o-transition: border .20s;
	 transition: border .20s;
	 cursor:pointer;
	 padding: 5px 6px 4px 6px;
	 cursor: pointer;
	 min-width:150px;
	 color:#fff;
	 font: bold 11px Helvetica, Arial, sans-serif;
	 display: inline-block;
	margin: 5px;

}
input.bluebtn:hover {
	border: 1px solid #2F5BB7 !important;
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
	background: -moz-linear-gradient(top, #4D90FE, #357AE8);
	background: -ms-linear-gradient(top, #4D90FE, #357AE8);
	background: -o-linear-gradient(top, #4D90FE, #357AE8);
	
}
input.greenbtn {
	
	
	border: 1px solid #29691D !important;
	background: #3A8E00;
	background: -webkit-linear-gradient(top, #3C9300, #398A00);
	background: -moz-linear-gradient(top, #3C9300, #398A00);
	background: -ms-linear-gradient(top, #3C9300, #398A00);
	background: -o-linear-gradient(top, #3C9300, #398A00);
	 -webkit-transition: border .20s;
	 -moz-transition: border .20s;
	 -o-transition: border .20s;
	 transition: border .20s;
	 cursor:pointer;
	 padding: 5px 6px 4px 6px;
	 cursor: pointer;
	 min-width:150px;
	 color:#fff;
	 font: bold 11px Helvetica, Arial, sans-serif;
	 display: inline-block;
	margin: 5px;
	 

}
input.greenbtn:hover {
	border: 1px solid #2D6200 !important;
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #3C9300, #368200);
	background: -moz-linear-gradient(top, #3C9300, #368200);
	background: -ms-linear-gradient(top, #3C9300, #368200);
	background: -o-linear-gradient(top, #3C9300, #368200);
	color:#fff;
	 
}
input.redbtn {
	
	border: 1px solid #D14836 !important;
	background: #D64937;
	background: -webkit-linear-gradient(top, #DC4A38, #D14836);
	background: -moz-linear-gradient(top, #DC4A38, #D14836);
	background: -ms-linear-gradient(top, #DC4A38, #D14836);
	background: -o-linear-gradient(top, #DC4A38, #D14836);
	 -webkit-transition: border .20s;
	 -moz-transition: border .20s;
	 -o-transition: border .20s;
	 transition: border .20s;
	 cursor:pointer;
	 padding: 5px 6px 4px 6px;
	 cursor: pointer;
	 min-width:150px;
	 color:#fff;
	font: bold 11px Helvetica, Arial, sans-serif;
	 display: inline-block;
	margin: 5px;
}
input.redbtn:hover {
	border: 1px solid #B0281A !important;
	background: #D14130;
	background: -webkit-linear-gradient(top, #DC4A38, #C53727);
	background: -moz-linear-gradient(top, #DC4A38, #C53727);
	background: -ms-linear-gradient(top, #DC4A38, #C53727);
	background: -o-linear-gradient(top, #DC4A38, #C53727);
}
	input.bluebtn:active {
	border-color: #2F5BB7 !important;
	}
input.greenbtn:active {
	border-color: #2D6200 !important;
	}
input.redbtn:active {
	border-color: #B0281A !important;
	}
input.whtbtn:active {
	border-color: #C0C0C0 !important;
	}
/*---------------------------------------------------------------------------*/
/* Buttons ends */


.riga:hover{ background-color: #FFCC99;}

/*  Layout per contenuti, form , etc  */
.content {font-family:Verdana; font-size:13px; visibility:hidden;}
.no	{ background: url('tab/elements/default/no.png') top left no-repeat; }
.ne	{ background: url('tab/elements/default/ne.png') top right no-repeat; margin-left: 21px;}
.ne img	{left: inherit; top:inherit;}
.n	{ background: url('tab/elements/default/n.png') top center repeat-x; margin-right: 20px; -moz-user-select: none; -khtml-user-select: none; }
.n	{ padding-top:8px;height:26px; font-size:15px; white-space:nowrap;overflow:hidden;}
.n	a{ text-decoration:none;color:#000; font-size:15px;}

.o	{ background: url('tab/elements/default/o.png') top left repeat-y;}
.e	{ background: url('tab/elements/default/e.png') top right repeat-y; margin-left: 21px;}
.c { background: url('tab/elements/default/c.png'); margin-right: 23px; padding-top: 1px; padding-bottom: 1px;  }


.so	{ background: url('tab/elements/default/so.png') bottom left no-repeat;}
.se	{ background: url('tab/elements/default/se.png') bottom right no-repeat; margin-left: 21px;}
.s { background: url('tab/elements/default/s.png') bottom repeat-x; padding-top: 20px; margin-right: 23px;}

/*  TAB */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/* END TAB  */
.tabella {
	border: 2px solid #d7d7d7;
	z-index:1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius:5px;
	background-color:#fff;
	padding: 10px;
	margin-top: 10px;
	margin-left: 0.5%;
	margin-bottom: 10px;
	width: 96%;
	
	}
	
	
.box-dashboard {
	border: 1px solid #d7d7d7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	border-radius:3px;
	background-color:#fff;
	padding: 5px;
	
	}
	
 /* TABS Styles for Demo */
    .etabs { margin: 0 0 0 5px; padding: 0; }
    .tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
    .tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
    .tab a:hover { text-decoration: underline; }
    .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
    .tab a.active { font-weight: bold; }
    .tab-container .panel-container { background-color: #fffff; margin-left:5px; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
    .panel-container { margin-bottom: 10px; }
	.link_tab:visited{
			text-decoration: none; 
   				 decoration: none; 
		}
		.link_tab{
			color: #003366;
			text-decoration: none; 
   				 decoration: none; 
		}
 /* TABS Styles for Demo */
 
 	.border_btm_header{
		border-bottom: 1px solid #CCC; 
	}
	.border_top_header{
		border-top: 1px solid #CCC;
	}