

/* Colori base del bacoffice

colore scuro:  #FFC21D
colore medio:  #FFD155
colore chiaro: #FFE7A5

*/

.bgscuro  { background-color:#FFC21D; }
.bgmedio  { background-color:#FFD155; }
.bgchiaro { background-color:#FFE7A5; }

BODY  {
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #FFFFFF; 
	margin: 0px;
  height: 100%;
  overflow: auto;
}

#pagebody {
  overflow:auto;
  height:100px;
  border-bottom:1px solid #A0A0A0;
}

@media print {
  body { overflow:visible; }
  #pagebody { overflow:visible; }
  .noprint { visibility: hidden; }
}

FORM { 
  margin: 0px; 
  border: 0px;
}

input, textarea, select {
	font-family: arial;
	font-size: 12px;
}


DIV.confirm {
  text-align: center;
  border: red 2px solid;
  margin: 2px;
  padding: 4px;
  font-weight: bold;
  font-size: 0.8em;
}

DIV.message {  
  text-align: left;
  border: 1px solid #FF4040;
  margin: 4px;
  padding: 2px;
  height:30px;
}

DIV.highlited {
	background-color: #F0F0F0;
}

.error {
  color: #FF4040;
}

.highlited {
  background-color: #FFCDCD;
}

.tip {
  font-weight: bold;
  color:white;
  text-decoration:none;
}

a {
	text-decoration: underline;
	color: #0000FF;
}

a:hover {
	text-decoration: none;
}

p {
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;
	padding: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.filter {
  font-size: 0.8em;
}

input.filter {
  height:18px;
}

/* Inizio ToolBar */

table.toolbar {
	width: 100%;
  height: 28px;
	background-color: #FFC21D;
  border-collapse: collapse;
  border-bottom: 1px solid #404040;
  padding:0px;
  border-top:1px solid #FFC21D;
}

table.toolbar th {
	font-size: 0.8em;
  vertical-align: top;
  font-weight: bold;
	white-space: nowrap;
	padding-left: 4px;
	padding-top: 3px;
}


table.toolbar td {
	font-size: 0.8em;
  vertical-align: top;
  font-weight: bold;
	white-space: nowrap;
	padding-left: 4px;
	/*padding-top: 2px; */
	padding-right: 4px;
}

div.tollbarfilter {
  height:24px;
  border-collapse: collapse;
  display: block;
  font-weight: bold;
  float: left;
  margin: 0px;
  padding: 0px;
  padding-left: 8px;
}


table.toolbar td.last {
	width: 99%;
}

table.toolbar th.tip {
  text-align: center;
	white-space: nowrap;
}


/* Fine ToolBar */



/* Inizio View */

table.view {
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #D6D3CE;
}

table.view th {
  width: 1%;
  white-space: nowrap;  
  vertical-align: middle;
  text-align: right;
  font-size: 0.8em;
  font-weight: bold;
  background-color: #F4F4F4;
  padding: 4px;
}

table.view th.separator {
  white-space: nowrap;  
  vertical-align: middle;
  text-align: left;
  font-size: 0.8em;
  font-weight: bold;   
  background-color: #DDDDDD;
  border-top:solid 10px #FFFFFF;
  border-bottom:solid 1px #BBBBBB;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
}

table.view th.groupstart {
  white-space: nowrap;  
  vertical-align: middle;
  text-align: left;
  font-size: 0.8em;
  font-weight: bold;   
  background-color: #DDDDDD;
  border-top:solid 10px #FFFFFF;
  border-bottom:solid 1px #BBBBBB;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
	cursor: pointer !important;
}

table.view td {
  width: 99%;
  font-size: 0.8em;
  vertical-align: middle;
  text-align: left;
  background-color: #FFFFFF;
  padding: 4px;
}

/* Fine View */


/* Inizio Edit */

table.edit {
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #D6D3CE;
}

table.edit th {
  width: 1%;
  white-space: nowrap;  
  vertical-align: middle;
  text-align: right;
  font-size: 0.8em;
  font-weight: bold;
  background-color: #F4F4F4;
  padding: 4px;
}

table.edit th.separator {
  white-space: nowrap;  
  vertical-align: middle;
  text-align: left;
  font-size: 0.8em;
  font-weight: bold;   
  background-color: #DDDDDD;
  border-top:solid 10px #FFFFFF;
  border-bottom:solid 1px #BBBBBB;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
}

table.edit th.groupstart {
  white-space: nowrap;  
  vertical-align: middle;
  text-align: left;
  font-size: 0.8em;
  font-weight: bold;   
  background-color: #DDDDDD;
  border-top:solid 10px #FFFFFF;
  border-bottom:solid 1px #BBBBBB;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
}

table.edit td {
  width: 99%;
  font-size: 0.8em;
  vertical-align: middle;
  text-align: left;
  background-color: #FFFFFF;	
  padding: 0px;
  padding-left: 4px;
  padding-right: 4px;
}

/* Fine Edit */


/* Inizio New */

table.add {
	width: 100%;
	background-color: #FFFFFF;
	border: 1px solid #D6D3CE;
}

table.add th {
	width: 1%;
	white-space: nowrap;  
	vertical-align: middle;
	text-align: right;
  font-size: 0.8em;
  font-weight: bold;
  background-color: #F4F4F4;
	padding: 4px;
}

table.add th.separator {
  white-space: nowrap;  
  vertical-align: middle;
  text-align: left;
  font-size: 0.8em;
  font-weight: bold;   
  background-color: #DDDDDD;
  border-top:solid 10px #FFFFFF;
  border-bottom:solid 1px #BBBBBB;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
}

table.add th.groupstart {
  white-space: nowrap;  
  vertical-align: middle;
  text-align: left;
  font-size: 0.8em;
  font-weight: bold;   
  background-color: #DDDDDD;
  border-top:solid 10px #FFFFFF;
  border-bottom:solid 1px #BBBBBB;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
}


table.add td {
  width: 99%;
  font-size: 0.8em;
  vertical-align: middle;
  text-align: left;
  background-color: #FFFFFF;	
  padding: 0px;
  padding-left: 4px;
  padding-right: 4px;
}


/* Fine Add */



/* Inizio Box */

table.box {
  width: 1%;
  background-color: #FFFFFF;
  border: 1px solid #D6D3CE;
}

table.box th {
  white-space: nowrap;  
  vertical-align: middle;
  text-align: left;
  font-size: 0.8em;
  font-weight: bold;   
  background-color: #E9E9E9;
  padding: 4px
}

table.box td {
  white-space: nowrap;  
  font-size: 0.8em;
  vertical-align: middle;
  text-align: left;
  background-color: #FFFFFF;
  padding: 4px;
}

/* Fine Box */


/* Inizio List */

table.list {
	width: 100%;
	background-color: #808080;
	border-collapse: collapse;
	border: 1px solid #D6D3CE;
}

table.list tr {
	background-color: #FFFFFF;
}

table.list tr.highlited {
  background-color: #FEFFCF;
}


table.list th {
	white-space: nowrap;  
  font-size: 0.8em;
	font-weight: bold;
  text-align:left;
	background-color: #E4E4E4;
	border: 1px solid #D6D3CE;
	margin: 0px;	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;
}

table.list th.icon {
	width: 20px;
	height: 20px;
	margin: 0px;	
	padding: 0px;
}

table.list td {
  font-size: 10px;
	border: 1px solid #D6D3CE;
	margin: 0px;	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px
}

table.list td.icon {
	width: 20px;
	height: 20px;
	margin: 0px;	
	padding: 0px;
}

/* Fine List */



/* Inizio Icona */

img {
	vertical-align: middle;
	border-style:none;
}

img.icon {
	width: 20px;
	height: 20px;
  border-style:none;
}


/* Fine Icona */



/* Inizio Paginazione */

table.paginazione td {
  width: 15px;
  text-align: center;
}

/* Fine Paginazione */   


/* Inizio Menu di navigazione */

#navlist
{
  padding: 3px 0;
  margin-top: 5;
  margin-left: 0; 
  margin-bottom: 0;
  border-bottom: 1px solid #383940;
  font: bold 0.8em Verdana, sans-serif;
}

#navlist li
{
  list-style: none;
  margin: 0;
  display: inline;
	font-size: 0.9em;
}

#navlist li a
{
  padding: 3px 0.5em;
  margin-left: 3px;  border: 1px solid #73758C;
  border-bottom: none;
  background: #FFE7A5;
  text-decoration: none;
  color: #404040;
}

#navlist li a:hover
{
  color: #000000;
  background: #FFD155;
  border-color: #383940;
  border-bottom: none;
}

#navlist li a.current
{
  background: #FFC21D;
  border: 1px solid #383940;
  border-bottom: 2px solid #FFC21D;
  color: #000000;
}

#navlist li a.current:hover
{
  background: #FFC21D;
  border: 1px solid #383940;
  border-bottom: 2px solid #FFC21D;
  color: #000000;
}

div.button {
  background: #FFE7A5;
	text-decoration: none;
	font-family: Verdana,Arial;
	font-size: 0.8em;
	font-weight: bold;
  color: #404040;
  border: 1px solid #73758C;
	padding: 1px;
}			

div.button a {
  text-decoration: none;
  color: #404040;
}

div.button a:hover {
  color: #000000;
  background: #FFD155;
}	

div.button:hover {
  color: #000000;
  background: #FFD155;
  border: 1px solid #383940;
}	

div.button:active {
  background: #FFC21D;
  border: 1px solid #383940;
}	


/* Fine Menu di navigazione */
