/*stili per il layout fisso con altezza minima*/

html,body{
   margin: 0;
	 padding:0;
	 height:100%;
}
body{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	text-align: center;
	background : #ffffff; 
	background : url("../images/bg_body.gif") repeat-y top center; 
}

/********************************* layout **********************************/
div#container{
  position:relative;
	width: 778px;
	height: 100%;
	margin: 0 auto;
  text-align: left;

}
body>div#container{
  height:auto;
	min-height:100%;
	background : #ffffff; 
	background : url("../images/bg_container.gif") no-repeat bottom left;
}
div#footer{
	 clear:both;
   position: absolute;
	 bottom:0;
	 padding:0px 0px;
	 width: 100%;
   background-color: #FFFFFF;
	 background : url(../images/bg_footer.gif) no-repeat right top; 
	 color: #000;
	 text-align:center;
}
div#content {
  margin-left : 166px; 
  width : 607px;
	padding:0;
	padding-bottom:20px; /* = o > all'altezza del footer,evita che in certi casi il footer si sovrapponga al contenuto */
}
div#menu {
  position:relative;
  float : left;
  width : 165px; 
  text-align : left; 
  margin-bottom : 3px; 	
	padding:0px 0px;
  background: url(../images/bg_menu.gif) no-repeat top left;
}
div#spacer{
  height : 8px;
}
/*stili generici, su intestazione e footer*/
div#intestazione{
  position:relative;
  height : 60px;
  background : #ffffff;
  background : url(../images/bg_intestazione.gif) repeat-x left top; 
}
div#footer A{
   color:#ff0000;
	 font-size : 11px;
	 font-weight: bold;
	 text-decoration: underline;
}

#validation_info{
   float:right;
	 padding-top:2px;
}
#validation_info IMG{
	 margin-right:2px;
}

/********************************* layout **********************************/

/************************** lista menu principale **************************/
div#menu ul {
  margin : 0; 
  padding : 0; 
  padding-top : 30px; 
  list-style-type : none; 
} 
div#menu li {
  margin : 0; 
  margin-left : 4px; 
  margin-right : 4px; 
  padding : 0; 
} 
div#menu a {
  color : #54538e; 
  text-decoration : none; 
  display : block; 
  height : 20px; 
  line-height : 20px; 
  border-bottom : 1px solid #c0c0c0; 
} 
div#menu a:hover {
  color : #ff0000; 
  background : #eaeaea; 
  border-right : 3px solid #ff0000; 
} 
div#menu a#activelink {
  color : #033; 
  text-decoration : none; 
} 
/************************** lista menu principale **************************/

/***************************** markup generico *****************************/
A {
  text-decoration : none; 
  font-size : 10px; 
} 
A:hover {
  text-decoration : underline; 
  color : #ff0000; 
  font-size : 10px; 
}
TD, DIV, LI {
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-size : 10px; 
  color : #333366; 
} 


ul.DataGridList,ul.DataGridList li{
  list-style: none;
  margin: 0;
  margin-left: 15px;
  padding: 0;
}
ul.DataGridList{
  width:564px;
	overflow:hidden;
}
ul.DataGridList li{
  padding: 8px 0 6px 20px;
  background: url(../images/img-download/file.gif) no-repeat 0 0.7em;
  margin: -6px 0 0;
	text-align:left;
}
ul.DataGridList li A{
	font-size : 11px;
	white-space:nowrap;
}
ul.DataGridList li A:hover{
  color:#ff0000;
	font-size : 11px;
	white-space:nowrap;
}
ul.DataGridList DIV {
  color : #808080; 
  font-size : 10px; 
	font-weight:normal;
	height:18px;
	white-space:nowrap;
}
ul.DataGridList SPAN {
  color : #808080; 
  font-size : 11px; 
	white-space:nowrap;
}
.list {
  margin-left : 0; 
  padding-left : 0; 
  list-style : none; 
  line-height : 16px; 
  text-align : left; 
} 
.list li {
  margin-left : 8px; 
  padding-left : 18px; 
  margin-top : 10px; 
  list-style : none; 
  background : url(../images/ico_list_1.gif); 
  background-repeat : no-repeat; 
  background-position : center left; 

  color : #54538e; 
} 
.list li SPAN {
  color : #808080; 
  font-size : 10px; 
	white-space:nowrap;
} 
.list li A {
	white-space:nowrap;
} 


.listHOME {
  margin-top : 0; 
  margin-left : 0; 
  padding-left : 0; 
  line-height : 14px; 
} 
.listHOME li {
  width : 178px; 
  overflow : hidden; 
  white-space : nowrap; 
  color : #54538e; 
  padding-left : 14px; 
  background : url(../images/ico_list_1.gif); 
  background-repeat : no-repeat; 
  background-position : center left; 
} 
.listHOME li A {
  font-size : 10px; 
  text-transform : capitalize; 
} 
.listHOME li A:hover {
  background : #ffff00; 
}
form {
  margin : 0; 
  padding : 0; 
} 
.form1 {
  font-size : 10px; 
  font-family : Verdana; 
  color : #000000; 
  background-color : #eaeaea; 
  background : url(../images/button2.gif) left bottom; 
  background-repeat : repeat-x; 
  margin-left : 2px; 
  border-width : 1px; 
  border-color : #7f9db9; 
  padding : 1px; 
} 
.btn1 {
  font-size : 10px; 
  font-family : Verdana; 
  color : #000000; 
  background-color : #eaeaea; 
  background : url(../images/button2.gif) left bottom; 
  background-repeat : repeat-x; 
  margin-left : 2px; 
  border-width : 1px; 
  border-color : #7f9db9; 
  padding : 0; 
  height : 16px; 
}
.label{
	 font-family:Tahoma;
	 font-size:10px;
	 width:60px;
	 /*position:relative;
	 top:-2px;*/
	 height:18px;
	 line-height:18px;
	 float:left;
}
.field{
   float:left;
	 height:18px;
	 width:120px;
	 clear:right;
}


.TitoloLeft1{
	height:22px;
	width:7px;	
	background-position:top right;
	background-repeat:no-repeat;
	background-image:url(../images/corner_left_gray.gif);
	float:left;
}
.TitoloMiddle1{
	height:22px;
	background-position:top right;
	background-repeat:repeat-x;
	background-image:url(../images/t1_middle.gif);
	float:left;
}
.TitoloRight1{
	height:22px;
	width:7px;	
	background-position:top right;
	background-repeat:no-repeat;
	background-image:url(../images/corner_right_gray.gif);
	float:left;
}
.TitoloLeft3{
	height:22px;
	width:7px;	
	background-position:top right;
	background-repeat:no-repeat;
	background-image:url(../images/corner_left_blu.gif);
	float:left;
}
.TitoloMiddle3{
	height:22px;
	background-position:top right;
	background-repeat:repeat-x;
	background-image:url(../images/t2_middle.gif);
	float:left;
}
.TitoloRight3{
	height:22px;
	width:7px;	
	background-position:top right;
	background-repeat:no-repeat;
	background-image:url(../images/corner_right_blu.gif);
	float:left;
}
.TitoloImg{
	width:18px;
	height:20px;
	background-repeat:no-repeat;
	background-position:center left;
	float:left;
}
.TitoloEtichetta{
  color:#3568CC;
	font-size : 11px; 
	overflow:hidden;
	height:21px;
	line-height:21px;
	text-align:left;
	float:left;
	white-space:nowrap;
}
.TitoloEtichetta A{
  color:#3568CC;
	font-size : 10px; 
}
.TitoloEtichetta A:hover{
  color:#ff0000;
	font-size : 10px; 
}


.SubTitoloDiv{			/* div sotto Ctrl GetTitolo, spesso a comparsa con fx Toogle */
  background:#F7F7F7;
  text-align:justify;
  padding:8px;
  border:1px solid #C0C0C0;
  border-top:none;
  padding-bottom:10px;
  margin-bottom:10px;
  line-height:18px;
}
/***************************** markup generico *****************************/

/*********************************** box ***********************************/



/* set the image to use and establish the lower-right position */ 
.cssbox1, .cssbox_body1, .cssbox_head1, .cssbox_head1 h2 {
    background: transparent url(../images/BoxModel1.png) no-repeat bottom right; 
} 
.cssbox1 { 
  padding-right: 3px;  /*the gap on the right edge of the image (not content padding) */	
  float : left;
	margin:1px;
	margin-top:0px;
	/*border:1px solid #000000;*/
} 

/* set the top-right image */ 
.cssbox_head1 { 
    background-position: top right;
		margin-right: -3px; /* pull the right image over on top of border */
    padding-right: 6px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head1 h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 1px 0px 12px 4px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;
		height: 1%; /* IE Holly Hack */ 
line-height:18px;
		font-size:12px; 
text-align:left;
	
} 

/* set the lower-left corner image */ 
.cssbox_body1 { 
   background-position: bottom left;  
   /*  margin-right: 3px; interior-padding right */ 
   padding: 0px 0px 0px 1px; /* mirror .cssbox_head right/left */ 
} 


/*********************************** box ***********************************/

/******************************* TabStripCtrl ******************************/
.TabStripMenu {
  float : left; 
	font-size : 14px; 
  line-height : 14px;
  width : 100%; 
} 
.TabStripMenu ul {
  margin : 0; 
  /*padding : 10px 10px 0; */
  padding-left : 10px; 
  list-style : none; 
} 
.TabStripMenu li {
  display : inline; 
  margin : 0; 
  padding : 0; 
} 
.TabStripMenu a {
  float : left; 
  background : url("../images/left_both.gif") no-repeat left top; 
  margin : 0; 
  padding : 0 0 0 9px; 
  text-decoration : none; 
} 
.TabStripMenu a span {
  float : left; 
  display : block; 
  background : url("../images/right_both.gif") no-repeat right top; 
  padding : 5px 15px 4px 6px; 
  font-weight : bold; 
  color : #765; 
} 
.TabStripMenu a span {
  float : none; 
} 
.TabStripMenuCurrent a {
  background-position : 0% -150px; 
  color : #ffff00; 
  position : relative; 
  top : 1px; 
} 
.TabStripMenuCurrent a span {
  background-position : 100% -150px; 
} 
.TabStripMenu a:hover {
  background-position : 0% -150px; 
  text-decoration : none; 
  position : relative; 
  top : 1px; 
} 
.TabStripMenu a:hover span {
  background-position : 100% -150px; 
} 
.TabStripMenu img {
  border : none; 
  margin : 0; 
  margin-right : 2px; 
  vertical-align : middle; 
} 
.TabStripMenuTabsOptions {
  border-bottom:1px solid #C0C0C0;
	line-height:20px;
	height:22px;
	text-align:right;
	padding-right:6px;
	background:url(../images/bg_testata.gif) left top;
	background-repeat:repeat-x;
} 
.TabStripMenuTabsOptions A{
  font-weight : bold; 
  color: #C0C0C0;
	padding: 0 2px 1px 15px;
  /*background: url(../images/ico_setup.gif) no-repeat left center */
} 

.TabStripMenuTabsOptions A:hover {
  text-decoration:underline;
}
/******************************* TabStripCtrl ******************************/

/******************************* DataGridCtrl ******************************/
.TRdg1 {
  background : #ffffff; 
  text-align : center; 
	cursor:pointer;
} 
.TRdg2 {
  background : #f4f4ee; 
  text-align : center;
	cursor:pointer;
} 
.TR_hover {
  background : #ffff66; 
  text-align : center; 
	cursor:pointer;
} 
.TDdg1 {
  border-top : 1px solid #ffffff; 
  border-bottom : 1px solid #cccccc;
	font-size:10px;
  font-weight : normal; 
} 
.TDdg2 {
  background : #F0F0F0;
  border-top : 1px solid #ffffff; 
  border-bottom : 1px solid #cccccc;
	font-size:10px;
  font-weight : normal; 
}
.placeholder {
  width : 100%; 
  height : 355px; 
  overflow : auto; 	
  text-align : left; 
  font-size : 11px; 
  font-weight : bold; 
  color : #808080; 	
}
#pageselector button{
  height:14px;
  line-height:14px;
	width:15px;
  background : #ffffff; 	
	border:0px;
	cursor:pointer;
	padding:0;
}
#pageselector button:hover{
  background :#ffff00; 
}
#placeholder_mid {
  width : 240px; 
  height : 16px; 
  position : relative; 
  top : 50%; 
  left : 50%; 
  margin : -16px 0 0 -120px; 
  background : #ffffff; 
}
/*
.MenuTabsOptions {
  font-size : 10px; 
  font-family : Verdana; 
  font-weight : bold; 
  cursor : pointer; 
  color : #808080; 
  border : 0; 
  margin : 0; 
  padding : 0; 
  text-decoration : none; 

} */
.pad {
  padding-top : 10px; 
  padding-bottom : 10px; 
} 
.description {
  padding : 0; 
  font-size : 10px; 
  line-height : 12px; 
  color : #808080; 
  font-weight : normal; 
} 

.testata {
  font-size : 11px; 
  color : #54538e; 
  font-weight : bold; 
  text-align : center; 
  border-bottom : 1px solid #cccccc; 
  padding-bottom : 7px; 
  background : url(../images/bg_testata.gif) left bottom; 
  background-repeat : repeat-x; 
} 
/******************************* DataGridCtrl ******************************/

/********************************* Obox *********************************/
#overlay img {
  border : none; 
} 
#overlay {
  position : absolute; 
  top : 0; 
  left : 0; 
  width : 100%; 
  height : 100%; 
  background-color : #ffffff; 
  background-image : url(../images/overlay.png); 
} 
* html #overlay {
  position : absolute; 
  top : 0; 
  left : 0; 
  width : 100%; 
  height : 100%; 
  background-color : #ffffff; 
  background-color : transparent; 
  background-image : url(../images/blank.gif);  
}
.lightboxContent{
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-size : 10px; 
}
.lightboxContent A{
   font-size:11px;
	 color:#ff0000;
}
.lightboxContent A:hover{
   font-size:11px;
}
.oBoxtitle{
   text-align:left;
	 font-size:12px;
	 font-weight:bold;
	 color:#cc0000;
	 line-height:20px;
	 float:left;
	 cursor:help;
}
/********************************* Obox *********************************/

/***************** Albero Espandibili (Es. db collaudo) *****************/
DT{
  background-image:url(../images/ico_piu.gif);
  background-repeat:no-repeat;
  background-position:center left;
  cursor:pointer;
	padding:4px;
	padding-left:12px;
	margin-left:10px;
	font-weight:bold;
	color:#333366;
	font-size:11px;
}
DD{
	display:none;
	width:90%;
	margin-left:12px;
	padding-left:0px;
}
.img_btn{
  margin-left:2px;
	padding:1px;
	border:1px solid #C0C0C0;
	cursor:pointer;
}
/***************** Albero Espandibili (Es. db collaudo) *****************/

/***************************** Menù a tendina ******************************/
.clCMEvent {
  position : absolute; 
  left : 0; 
  top : 0; 
  z-index : 300; 
  width : 100%; 
  height : 100%; 
  visibility : hidden; 
} 
.clCMAbs {
  position : absolute; 
  left : 0; 
  top : 0; 
  width : 10px; 
  height : 10px; 
  visibility : hidden; 
} 
.clB, .clBar {
  position : absolute; 
  visibility : hidden; 
  z-index : 300; 
} 
.clT {
  position : absolute; 
  font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  color : #808080; 
  text-align : center; 
  font-size : 11px; 
  font-weight : bold; 
  overflow : hidden; 
  cursor : pointer; 
  padding : 2px; 
} 
.clTover {
  position : absolute; 
  font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  color : #54538e; 
  text-align : center; 
  font-size : 11px; 
  font-weight : bold; 
  overflow : hidden; 
  cursor : pointer; 
  padding : 2px; 
} 
.clS, .clS2, .clS3 {
  position : absolute; 
  color : #54538e; 
  font-weight : normal; 
  background-color : #ffffff; 
  padding : 2px; 
  overflow : hidden; 
  font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  font-size : 11px; 
  text-align : left; 
  width : 100%; 
  cursor : pointer; 
} 
.clSover, .clS2over, .clS3over {
  position : absolute; 
  color : #000000; 
  background-color : #eaeaea; 
  padding : 2px; 
  overflow : hidden; 
  font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  font-size : 11px; 
  text-align : left; 
  width : 100%; 
  cursor : pointer; 
} 
.clB2 {
  position : absolute; 
  visibility : hidden;
  z-index : 300; 
  background-color : #c0c0c0;
}
/***************************** Menù a tendina ******************************/

/******************************* anylinkcss ********************************/
.anylinkcss {
  position : absolute; 
  display : none; 
  border : 1px solid #c0c0c0; 
  border-bottom-width : 0; 
  line-height : 16px; 
  z-index : 100; 
  text-indent : 3px; 
  background-color : #ffffff; 
  width : 160px; 
} 
.anylinkcss span {
  width : 100%; 
  display : block; 
  border-bottom : 1px solid #c0c0c0; 
  padding : 1px 0; 
  text-decoration : none; 
  font : bold 11px tahoma; 
  color : #54538e; 
  background-color : #eaeaea; 
} 
.anylinkcss a {
  width : 100%; 
  display : block; 
  border-bottom : 1px solid #c0c0c0; 
  padding : 1px 0; 
  text-decoration : none; 
  font : normal 11px tahoma; 
  color : #54538e; 
} 
.anylinkcss a:hover {
  background-color : #eaeaea; 
  font : normal 11px tahoma; 
  color : #000000; 
}
/******************************* anylinkcss ********************************/

/****************************** autocomplete *******************************/
.autocomplete {
  position : absolute; 
  visibility : hidden; 
  border : 1px solid #c0c0c0; 
  border-bottom-width : 0; 
  line-height : 16px; 
  z-index : 100; 
  text-indent : 3px; 
  background-color : #ffffff; 
  overflow : hidden; 
  font : normal 10px tahoma; 
} 
.autocomplete span {
  width : 100%; 
  display : block; 
  border-bottom : 1px solid #c0c0c0; 
  padding : 1px 0; 
  text-decoration : none; 
  font : bold 10px tahoma; 
  color : #54538e; 
  background-color : #eaeaea; 
} 
.autocomplete a {
  width : 100%; 
  display : block; 
  border-bottom : 1px solid #c0c0c0; 
  padding : 1px 0; 
  font : normal 10px tahoma; 
  color : #54538e; 
  white-space : nowrap; 
  text-transform : lowercase; 
  text-decoration : none; 
} 
.autocomplete a:hover {
  background-color : #eaeaea; 
  color : #000000; 
}
/****************************** autocomplete *******************************/

/******************************* newsticker *******************************/
#news.hasJS {
  overflow : hidden; 
  position : relative; 
} 
#news.hasJS ul {
  position : absolute; 
  top : 120px; 
  left : 0; 
  padding : 0; 
  margin : 0 4px; 
  cursor : pointer; 
} 
/******************************* newsticker *******************************/

/*************************** pianificazione G.A. **************************/
.TD1 {
  float : left; 
  height : 16px; 
  line-height : 16px; 
  text-align : center; 
} 
.TD1 A {
  text-decoration : none; 
} 
.TD1 A:hover {
  color : #ffff00; 
  text-decoration : none; 
}
/*************************** pianificazione G.A. **************************/

/********************************* tooltip ********************************/
#dhtmltooltip{
  position: absolute;
  font-size : 10px; 
  left: -300px;
  width: 150px;
  border: 1px solid black;
  padding: 4px;
	text-align:left;
  background-color:#FFFFCC;
	color:#000000;
  visibility: hidden;
  z-index: 100;
}

#dhtmlpointer{
  position:absolute;
  left: -300px;
  z-index: 101;
  visibility: hidden;
}
/********************************* tooltip ********************************/
/********************************** aim **********************************/
  #aim_history{
	         width: 100%;
					 height:300px;
					 border-bottom:1px solid #C0C0C0;
					 text-align:left;
					 overflow:auto;
					 line-height:26px;
					 background:#FFFFFF;
  }
	#aim_bar{
        	 width:100%;
      		 height:10px;		 
      	   background:url(../images/bg_testata.gif) left top;
      	   background-repeat:repeat-x;
	}
	#aim_emoticons{
  				 width:100%;
					 height:30px;
					 border-bottom:1px solid #C0C0C0;
					 text-align:left;
					 padding:0px;
					 background:#FFFFFF;
					 margin-top:1px;
					 display:none;
	}
	#aim_emoticons IMG{
  				 cursor:pointer;
					 padding:2px;
					 margin:2px;
	}
  #aim_messaggio{
  				 width:100%;
					 height:40px;
					 text-align:left;
					 border:0;
					 padding:0px;
					 margin-left:0px;
  }
	#aim_buttons{
  				 width:100%;
					 height:30px;
					 text-align:center;
					 padding:0px;
					 background:#FFFFFF;
	}
  #aim_history div{
					 color:#808080;
					 text-align:left;
					 padding-left:12px;
  }
  #aim_history h1{
	         font-weight:bold;
					 text-decoration:underline;
					 font-size:10px;
					 color:#6633cc;
					 text-align:left;
					 margin:0px;
					 padding-left:12px;
					 background: url(../images/ico_out.gif) no-repeat left center;
					 
  }
  #aim_history h2{
	         font-weight:bold;
					 text-decoration:underline;
					 font-size:10px;
					 color:#ff0000;
					 text-align:left;
					 margin:0px;
					 padding-left:12px;
					 background: url(../images/ico_in.gif) no-repeat left center;
					 
  }
/********************************** aim **********************************/

/******************************* logo home *******************************/
  div#logo_home{
		position:relative;									 
    margin:10px auto 10px auto;
    padding:0px;
    width:573px;
    height:310px;
  }
  #logo_home div{
		position:absolute;	
    margin:0px;
    padding:0px;	
    float:left;		
		display:inline;	
  }
  div#s1{
    left:0px;
    top:1px;
    width:192px;
    height:41px;
		cursor:pointer;
    background-image: url(../images/home/s1.gif);
    background-repeat: no-repeat;
  }
  div#s2{
		left:192px;
    top:0px;
    width:177px;
    height:310px;
    background-image: url(../images/home/s2.gif);
    background-repeat: no-repeat;
  }
  div#s3{
  	left:369px;
  	top:0px;
    width:204px;
    height:66px;
    background-image: url(../images/home/s3.gif);
    background-repeat: no-repeat;
  }
  div#s4{
  	left:0px;
  	top:41px;
    width:171px;
    height:269px;
		margin-left:10px;
    /*background-image: url(../images/home/s4.gif);
    background-repeat: no-repeat;*/
  }	
  div#s5{
  	left:171px;
  	top:41px;
    width:21px;
    height:269px;
    background-image: url(../images/home/s5.gif);
    background-repeat: no-repeat;
  }
  div#s6{
  	left:369px;
  	top:66px;
    width:204px;
    height:41px;
		cursor:pointer;
    background-image: url(../images/home/s6.gif);
    background-repeat: no-repeat;
  }
  div#s7{
  	left:369px;
  	top:107px;
    width:21px;
    height:203px;
    background-image: url(../images/home/s7.gif);
    background-repeat: no-repeat;
  }
  div#s8{
  	left:390px;
  	top:107px;
    width:183px;
    height:203px;
		margin-left:10px;
		/*border:1px solid #000000;
    background-image: url(../images/home/s8.gif);
    background-repeat: no-repeat;*/
  }
/******************************* logo home *******************************/