html, body {
  padding:0;
  margin:0;
  font-family:serif; 
  font-size:18px;
  color:#333;
}


#page {
}
#page #content {
  margin-left:220px;
  min-height:400px;
}
#pagePopUp {
  padding:15px 10px 10px 10px;
  text-align:center;  
  height:100%;
  min-width:300px;
}

#menu-bottom {
	height: 7px;
	background: #E6ECFA url(../../Images/Common/shadow.png) repeat-x scroll 0 0;
}

a img {
	border:0;
}

td img { 
  vertical-align: text-bottom;
}

input[readonly="readonly"]
{
	border: solid 1px #ABADB3;
  background-color:#DDDDDD;
}


textarea
{
    border:1px solid #999999;
    width:98%;
    /*margin:5px 0;
    padding:1%;*/
}
textarea[readonly="readonly"]
{
    border:1px solid #999999;
    width:99%;
    /*margin:5px 0;
    padding:1%;*/
  	background-color:#DDDDDD;
}

/* ---------------------------------------------- */
/* Classi comuni */
/* ---------------------------------------------- */
.tab1 {tab-size: 2;}
.tab2 {tab-size: 4;}
.tab4 {tab-size: 8;}
.bold 	{  font-weight:bold;		}
.italic {  font-weight:italic;		}
.underline { text-decoration: underline;}

.textCenter {text-align:center;}
.textLeft {text-align:left;}
.textRight {text-align:right;}
.textJustify {text-align:justify;}

.center {  align:center; 			}
.top 	{  vertical-align:top; 		}
.right 	{  align:right; 			}
.bottom {  vertical-align:bottom; 	}
.left 	{  align:left; 				}

.nowrap {  white-space:nowrap; 		}
.valignMiddle {  vertical-align: middle;}
.valignTop {  vertical-align: top;}
.wMax {  width:100%; }
.textRed { color:#ff0000}
.ui-widget-overlay{opacity:.8;!important}

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}

.divFloat {
	float:left;
	position:relative;
}

.divFloatR {
	float:right;
	position:relative;
}

 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 

/* ---------------------------------------------- */
/* Classi per la visualizzazione dei diversi tipi di scadenza sullo scadenziario*/
/* ---------------------------------------------- */
.nota_verde		{ background-color:lightgreen;}
.nota_arancione	{ background-color:lightsalmon;}
.nota_azzurra	{ background-color:lightblue;}



/* ---------------------------------------------- */
/* Classi per la gestione dell'immagine recuperata dal ws per la posizione dell'uiu*/
/* ---------------------------------------------- */
.ortofoto .wrapper { position: relative; }
/*.ortofoto img { width: 100%; }*/
.ortofoto .focus {
	position: absolute;
	left: 0;
	top: 0;
}

/* classe per la gestione del bordo del frame della cartografia */
.divBordoCarto{
	margin-right: 5px;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}


/* ---------------------------------------------- */
/* HEADER */
/* ---------------------------------------------- */
#header {
  height: 110px;
  border:1px solid transparent;
  position:relative;
  background:#BE0004;
}
#header .logoSX {
  position:absolute;
  top:0;
  left:0;
  /*width:758px;*/
  height:60px;
}
#header .logoDX {
  position:absolute;
  top:0px;
  right:3px;
  width:270px;
  height:50px;
}

#header .bar {
  height:25px;
  margin-top:60px;
  position:relative;
  background:url(../../Images/Common/bgBarra1px.jpg) repeat-x 0 0;
}
#header .bar .lingue {
  position:absolute;
  top:0;
  right:0;
  height:100%;
  text-align:right;
}
#header .bar .lingue .scelta-lingua {
  display:inline-block;
  width:80px;
  padding:0 10px 0 10px;
  text-align:center;
  line-height:25px;
  color:#000;
  text-decoration:none;
  font-size:11px;
  margin:0 0 0 -4px;
  border-left:1px solid #AAA;
  background:url(../../Images/Common/bgBarra1pxBtn.jpg) repeat-x 0 0;
}
#header .bar .lingue .scelta-lingua:hover {
  color:red;
}

#header .rows {
  position:relative;
  height:24px;
  background:url(../../Images/Common/bgUser1px.jpg) repeat 0 0;
}
#header .rows div.rows-sfumate {
  height:24px;
  width:60px;
  background:url(../../Images/Common/righe_sfumate60x4.jpg) repeat-y 0 0;
  float:right;
}
#header .rows .current-user {
  top:0;
  right:0;
  height:100%;
  text-align:right;
  float:right;
}
#header .rows .current-user .utenteDettaglio {
  font-size:10px;
  padding:0 10px 0 10px;
  white-space:nowrap;
  line-height:24px;
  height:100%;
  vertical-align:center;
  background-color:#EEE;
}
#header .rows .current-user .utenteDettaglio .utente {
  line-height:11px;
  white-space:nowrap;
  font-weight:bold;
}
#header .rows .current-user .utenteDettaglio .ruolo {
  line-height:11px;
  white-space:nowrap;
}


/* ---------------------------------------------- */
/* FOOTER */
/* ---------------------------------------------- */

#footer {
  height:80px;
  clear:both;
  border-top:1px solid #CCC;
  text-align:left; 				/* center Clara 22/10/2012 */
  padding-top:20px;
  padding-left:55px;			/* inserito Clara 22/10/2012 */
  position:relative;
  font-size:10px;
}
#footer .logo {
  position:absolute;
  left:0px;
  top:5px;
  height:57px !important;
}


/* ---------------------------------------------- */
/* MENU */
/* ---------------------------------------------- */

#breadcrumbs {
  height:25px;
  line-height:25px;
  padding-left:10px; /* 5px Clara 22/10/2012 */

}
#breadcrumbs a {
  text-decoration:none;
  color:#555;
  border: 1px solid #fff;
  padding: 0px 4px 0px 5px;
}

#breadcrumbs a:hover {
  text-decoration:none;
  color:#C02929;
  cursor:pointer;
}
#breadcrumbs a.bordered:hover  {
  border: 1px solid #C02929;
 
}



/* ---------------------------------------------- */
/* UNIT - FRAME */
/* ---------------------------------------------- */

.frame {
  border:1px solid #bababa;	
  margin-bottom:10px;
}
.frame > legend {
	padding:0em 10px 0em 10px;
	font-variant:small-caps;
	font-weight:bold;
	color:#000;
}
.frame > div.frame-content {
	padding:15px 10px 10px 10px;
}

.frame-row {
 position: relative;
}
.frame-row .title{
 font-weight: bold;
 color:#C02929;
 font-variant:small-caps;
 line-height: 20px;
 display: block;
 position:absolute;
 top:0;
 left:0;
 background-color: #FFF;
 z-index:2;
 padding-right:10px;
}
.frame-row .linea{
 display:block;
 border-bottom: 1px solid #bababa;
 width: 100%;
 position: absolute;
 left:0;
 z-index:1;
}
.frame-row .frame-content {
 clear:both;
 padding-top:25px;
}

.frameOnTable {
  border:1px solid #FF0000;	
  margin-bottom:10px;
}
.frameOnTable-row {
 position: relative;
}
.frameOnTable-row .linea{
 display:block;
 border-top: 1px solid #FF0000;
 width: 100%;
 position: absolute;
 top:9px;
 left:0;
 z-index:1;
}

/* ---------------------------------------------- */
/* UNIT - PowerIndexUnit */
/* ---------------------------------------------- */

.grid {
	 min-width: 500px;
}

.grid .navigation {
  line-height:25px;
  background-color:#EAEAEA;
  position:relative;
  border:1px solid #CCC;
  border-bottom:0;
}
.grid .navigation .buttons {
  margin-left:5px;
}
.grid .navigation .jumps {
  position:absolute;
  right:5px;
  top:0;
}

.grid table {
  /*border:1px solid #CCC;*/
  padding:0;
  border-collapse: collapse;
  width:100%;
}

.grid table th {
  padding:5px;
  border:1px solid #AAA;
  background-color:#cccccc;
  text-align:center;
}

.grid table tr {
  line-height:20px;
}
.grid table tr:hover td{
  background-color:#E0FFFF;
}
.grid table tr.gridRow {
  background-color:#F8F8F8;
}
.grid table tr.gridAltRow {
  background-color:#E8E8E8;
}
.grid table tr.current {
  background-color:#FFFFBB;
} 

.grid table td {
  padding:10px 5px 10px 5px;
  border:1px solid #CCC;
}
.grid table th.current,
.grid table td.current {
  width:16px;
  text-align:center;
  /*background-color : white;*/
  display: table-cell;  
}

/*.grid table td.current:hover{
  background-color:#E0FFFF;
}

*/
.grid table td.boolean {
  text-align:center;
}


/* ---------------------------------------------- */
/* UNIT - PowerIndexUnit - Risultati ricerca protocollo*/
/* ---------------------------------------------- */

.gridRisProt .navigation {
  line-height:25px;
  background-color:#EAEAEA;
  position:relative;
  border:1px solid #CCC;
  border-bottom:0;
}
.gridRisProt .navigation .buttons {
  margin-left:5px;
}
.gridRisProt .navigation .jumps {
  position:absolute;
  right:5px;
  top:0;
}

.gridRisProt table {
  border:1px solid #CCC;
  padding:2;
  border-collapse: collapse;
  width:100%;
}

.gridRisProtTableTh {
  padding:2;
  border:1px solid #AAA;
  background-color:#cccccc;
  text-align:center;
  /*word-break:break-all;*/
  white-space: normal;
}

#gridDocOut1,
#gridDocIn1,
#gridDocOutTh1,
#gridDocOutTh2,
#gridDocOutTh3,
#gridDocOutTh4,
#gridDocOutTh5,
#gridDocOutTh6,
#gridDocInTh1,
#gridDocInTh2,
#gridDocInTh3,
#gridDocInTh4
 {
  padding:2;
  border:1px solid #AAA;
  background-color:#cccccc;
  text-align:center;
  /*word-break:break-all;*/
  white-space: normal;
  font-weight: bold;
}

#gridDocOutTh7,
#gridDocOutTh8,
#gridDocOut2,
#gridDocIn2,
#gridDocInTh5,
#gridDocInTh6,
#gridDocInTh7
{
  padding:2;
  border:1px solid #AAA;
  background-color:#bbbbbb;
  text-align:center;
  /*word-break:break-all;*/
  white-space: normal;
  font-weight: bold;
}

#gridDocOut3,
#gridDocIn3 {
  padding:2;
  border:1px solid #AAA;
  background-color:#aaaaaa;
  text-align:center;
  /*word-break:break-all;*/
  font-weight: bold;
}

#colActions{
  padding:2;
  border-top:1px solid #FFF;
  border-right:1px solid #FFF;
  border-left:1px solid #FFF;
  border-bottom:1px solid #AAA;
  background-color:#ffffff;
  text-align:center;
}



.gridRisProt table tr {
  line-height:20px;
}
.gridRisProt table tr.gridRow {
  background-color:#F8F8F8;
}
.gridRisProt table tr.gridAltRow {
  background-color:#E8E8E8;
}
.gridRisProt table tr.current {
  background-color:#FFFFBB;
} 
.gridRisProt table td {
  /*padding:0 5px;*/
  border:1px solid #CCC;
}

.gridRisultatiProtocolloVuota {
  border:1px solid #a58005;
  background-color:#fcf0bc;
  color:#a58005;
  text-align:center;
  line-height:25px;
}
/*.gridRisProt table th.current,
.gridRisProt table td.current {
  width:16px;
  text-align:center;
  background-color : white;
  display: table-cell;  
}
*/
/*.gridRisProt table td.current:hover{
  background-color:#E0FFFF;
}
*/
.gridRisProt table tr:hover td{
  /*background-color:#FFB;*/
  background-color:#E0FFFF;
}

/* ---------------------------------------------- */
/* UNIT : EntryUnit */
/* ---------------------------------------------- */
.entryLabel{
	font-weight:bold;
}
.error{
  border-style: solid;
  border-width: 1px;
  border-color:#8f0505;
  background-color:#fcf5f5;
  color:#8f0505;
  /*line-height:25px;*/
}

/* ---------------------------------------------- */
/* UNIT : MultiMessageUnit */
/* ---------------------------------------------- */

.messaggio {
  padding:10px 20px;
  text-align:center;
  border:1px solid #CCC;
}
.messaggio.error {
  border-color:#8f0505;
  background-color:#fcf5f5;
  color:#8f0505;
}
.messaggio.warning {
  border-color:#a58005;
  background-color:#fcf0bc;
  color:#a58005;
}
.messaggio.info {
  border-color:blue;
  background-color:#99FFCC;
  color:blue;
}
.messaggio.success {
  border-color:#6ea158;
  background-color:#effaed;
  color:#6ea158;
}
.messaggio.error.system {
  background:url(../../Images/Common/error.png) no-repeat 20px center;
}
.messaggio.warning.system {
  background:url(../../Images/Common/warning.png) no-repeat 20px center;
}
.messaggio.info.system {
  background:url(../../Images/Common/info.png) no-repeat 20px center;
}
.messaggio.success.system {
  background:url(../../Images/Common/success.png) no-repeat 20px center;
}


/* ---------------------------------------------- */
/* Menu sinistra */
/* ---------------------------------------------- */

#nav {
  position:absolute;
  left:0;
  width:200px;

}
/*
#nav ul,
#nav ul li {
  margin:0;
  padding:0;
  list-style-type:none;
  display:block;
}

#nav ul li {
  background-color:#e3e3e3;
  border-top:1px solid #FFF;
  line-height:22px;
  display:block;
}

#nav ul li a {
  color:#000;
  text-decoration:none;
  font-weight:bold;
  margin:0 10px;	
  display:block;
}

#nav ul li a:hover {
  color:#FFF;
  background-color:#666;	
}

#nav ul li li {
  padding-left:20px;	
  background-color:#f8f8f8;	
  display:block;
}
*/

/* ---------------------------------------------- */
/* Clara dal 22/10/2012                           */
/* ---------------------------------------------- */


#elementoLiv1,
#elementoLiv1:link,		
#elementoLiv1:visited		{ 
	line-height: 25px;
	padding-right:3px;
	border-top: solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	background-color:#DDD;	
	color:#000;	
	text-indent:8px;
	/*white-space:nowrap;*/
	display:block;
	width:200px;
	text-decoration:none;
	cursor:pointer;
	}		
#elementoLiv1:hover			{ 
	line-height: 25px;
	padding-right:3px;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	background-color:#C02929;	
	color:#FFF;		
	text-indent:8px;
	/*white-space:nowrap;*/
	display:block;
	}	

#elementoLiv1Sel,
#elementoLiv1Sel:link,		
#elementoLiv1Sel:visited { 
	line-height: 25px;
	padding-right:3px;
	border-top: solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	background-color:#C02929;		/*C02929 */
	color:#FFF;
	text-indent:8px;
	vertical-align:middle;
	/*white-space:nowrap;*/
	display:block;
	width:200px;
	text-decoration:none;
	cursor:pointer;
	}		
#elementoLiv1Sel:hover			{	
	line-height: 25px;
	padding-right:3px;
	border-top: solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	background-color:#C02929;	
	color:#FFF;
	text-indent:8px;
	vertical-align:middle;
	/*white-space:nowrap;*/
	display:block;
	width:200px;
	text-decoration:none;
	}
	
#elementoLiv2,	
#elementoLiv2:link,		
#elementoLiv2:visited		{ 
	line-height: 25px;
	padding-right:3px;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	background-color:#f5f5f5;
	color:#000;
	text-indent:20px;
	/*white-space:nowrap;*/
	display:block;
	width:200px;
	text-decoration:none;
	cursor:pointer;
	}		
#elementoLiv2:hover			{   
	line-height: 25px;
	padding-right:3px;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	background-color:#C02929;	
	color:#ffffff;
	text-indent:20px;
	/*white-space:nowrap;*/
	display:block;
	width:200px;
	text-decoration:none;
	}	

#elementoLiv2Sel,
#elementoLiv2Sel:link,		
#elementoLiv2Sel:visited { 
	line-height: 25px;
	padding-right:3px;
	border-top: solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	background-color:#d98e8e;	
	color:#000;
	text-indent:20px;
	vertical-align:middle;
	/*white-space:nowrap;*/
	display:block;
	width:200px;
	text-decoration:none;
	cursor:pointer;
	}		
	
#elementoLiv2Sel:hover			{
	line-height: 25px;
	padding-right:3px;
	/*border-top:solid 0.1em #ffffff;*/
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	background-color:#C02929;	
	color:#FFF;
	text-indent:20px;
	/*white-space:nowrap;*/
	display:block;
	width:200px;
	text-decoration:none;
	}

#elementoLiv3,	
#elementoLiv3:link,		
#elementoLiv3:visited		{ 
	line-height: 25px;
	padding-right:3px;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	background-color:#f5f5f5;
	color:#000;
	text-indent:40px;
	/*white-space:nowrap;*/
	display:block;
	width:200px;
	text-decoration:none;
	cursor:pointer;
	}		
#elementoLiv3:hover			{   
	line-height: 25px;
	padding-right:3px;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	background-color:#C02929;	
	color:#ffffff;
	text-indent:40px;
	/*white-space:nowrap;*/
	display:block;
	width:200px;
	text-decoration:none;
	}	

#elementoLiv3Sel,
#elementoLiv3Sel:link,		
#elementoLiv3Sel:visited { 
	line-height: 25px;
	padding-right:3px;
	border-top: solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	background-color:#D6B0B0;	
	color:#000;
	text-indent:40px;
	vertical-align:middle;
	/*white-space:nowrap;*/
	display:block;
	width:200px;
	text-decoration:none;
	cursor:pointer;
	}		
	
#elementoLiv3Sel:hover			{
	line-height: 25px;
	padding-right:3px;
	/*border-top:solid 0.1em #ffffff;*/
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	background-color:#C02929;	
	color:#FFF;
	text-indent:40px;
	/*white-space:nowrap;*/
	display:block;
	width:200px;
	text-decoration:none;
	}		
	
* {
 font-size: 18px;
 font-family: 'Lora',serif;
}