/***************************/
/*       MASTER PAGE       */
/***************************/

body
{
	background: url("../images/BGHeader.png") repeat-x rgb(255, 255, 255);
	font: 75%/1.5em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: rgb(51, 51, 51);
	font-size-adjust: none;
	font-stretch: normal;
}

body.formulari
{
	background: url("../images/BGHeader2.png") repeat-x rgb(255, 255, 255);
	font: 75%/1.5em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: rgb(51, 51, 51);
	font-size-adjust: none;
	font-stretch: normal;
}

a {
	color: rgb(12, 137, 202);
	text-decoration: none;
}
a:hover {
	color: rgb(51, 51, 51); text-decoration: none;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h3.titolo_menu {
	padding: 14px 0px; color: rgb(85, 85, 85); font-size: 14px; border-top-color: rgb(204, 204, 204); border-top-width: 8px; border-top-style: solid;
}
h3.titolo_contenuti_pagina {
	color: rgb(0, 71, 125); line-height: 1.2em; padding-top: 26px; padding-bottom: 14px; font-size: 23px; font-weight: normal;
}
h4.titolo_contenuti_pagina {
	color: rgb(12, 137, 202); font-size: 14px; font-weight: bold;
}
h4.titolo_contenuti_pagina_acc:hover {
	color: rgb(51, 51, 51); font-size: 14px; font-weight: bold; cursor: pointer;
}
h4.titolo_contenuti_pagina_acc {
	color: rgb(12, 137, 202); font-size: 14px; font-weight: bold;
}
img {
	border: 0px currentColor;
}
#contenitore_sito {
	margin: 0px auto; width: 958px; text-align: left;
}
#header {
	background-position: 0px 58px; height: 211px; position: relative; background-image: url("../images/header.jpg"); background-repeat: no-repeat; 
}
#header2 {
	background-position: 0px 0px; height: 153px; position: relative; background-image: url("../images/header.jpg"); background-repeat: no-repeat; 
}
#colonna_sinistra {
	padding: 16px 0px; width: 197px; float: left; 
}
#contenuti_pagina {
	padding: 16px 20px; width: 524px; float: left; 
}
#contenuti_paginaMedium {
	padding: 16px 20px; width: 720px; float: left; 
}
#colonna_destra {
	padding: 16px 0px 0px; width: 197px; text-align: left; float: right;
}
#strumenti {
	background-position: center; height: 30px; text-align: center; padding-top: 10px; clear: both; margin-bottom: 26px; background-image: url("../images/sfondo_strumenti.png");
}
#footer {
	height: 60px; background-image: url("../images/sfondo_footer.png"); background-repeat: repeat-x; clear:both;
}
#contenitore_footer {
	 margin: 0px auto; width: 958px; height: 60px; text-align: left; position: relative;
}
#copyright
{
	padding: 9px 8px; color: rgb(136, 136, 136); line-height: 1.3em; font-size: 10px; float:left;
}
#helpdesk {position:relative;left:100px; 
	padding:  7px 8px; color: rgb(136, 136, 136); line-height: 1.3em; font-size: 12px;float:left;
}
ul#menu_di_servizio {
	list-style: none; margin: 0px; padding: 0px; left: 670px; top: 25px; position: absolute;
}
ul#menu_di_servizio li {
	padding: 0px 8px; letter-spacing: 1px; font-size: 13px; font-weight: bold; display: inline;
}
ul#menu_di_servizio li a {
	color: rgb(153, 153, 153);
}
ul#menu_di_servizio li a:hover {
	color: rgb(12, 137, 202);
}
.titolo_menu_interno a { color: #ffffff;}
.titolo_menu_interno a:hover { color: #ffffff; text-decoration:underline; }


#form1 {
	margin: 0px; padding: 0px; top: 244px; 
	width: 167px; height: 29px; right: 611px; 
	position: absolute; background-image: url('../images/sfondo_ricerca.png'); 
	background-repeat: no-repeat;
}
ul.menu {
	list-style: none; margin: 0px; padding: 0px 0px 16px;
}
ul.menu li {
	padding: 4px 8px; border-top-color: rgb(229, 230, 230); border-top-width: 1px; border-top-style: solid;
}
ul.menu li a {
	display: block;
}
ul.menu li a:hover {
	color: rgb(51, 51, 51);
}
#path {
	padding: 6px 16px; background-color: rgb(229, 229, 229);
}
ul#menu_strumenti {
	list-style: none; margin: 0px; padding: 0px;
}
ul#menu_strumenti li {
	padding: 0px 10px; display: inline;
}
ul#menu_strumenti li a {
	color: rgb(51, 51, 51);
}
ul#menu_strumenti li a:hover {
	color: rgb(12, 137, 202);
}
#entra {
	border: 2px solid rgb(255, 255, 255); color: rgb(255, 255, 255); background-color: rgb(26, 185, 226);
}
a#torna_alla_home {
	border: 0px solid rgb(0, 0, 0); left: 0px; top: 58px; width: 200px; height: 150px; position: absolute;
}
.titolo_link {
	display: none;
}
a#vai_al_portale {
	border: 0px solid rgb(0, 0, 0); left: 760px; top: 58px; width: 196px; height: 150px; position: absolute;
}

/******* MENU ITER *******/

ul#menu_iter {
	list-style: none; margin: 0px; padding: 0px;  top: 20px; float:right; position:relative;  

}
ul#menu_iter li {
	padding: 0px 8px; letter-spacing: 1px;  font-weight: normal; display: inline; 
}
ul#menu_iter li a {
	color: rgb(153, 153, 153);
}
ul#menu_iter li a:hover {
	color: rgb(12, 137, 202);
}


/******* MENU HEADER *******/

ul#menu_header {
	list-style: none; margin: 0px; padding: 0px;  top: 20px; float:right; position:relative; 

}
ul#menu_header li {
	padding: 0px 4px; letter-spacing: 1px;  font-weight: normal; display: inline; 
}
ul#menu_header li a {
	color: rgb(153, 153, 153);
}
ul#menu_header li a:hover {
	color: rgb(12, 137, 202);
}

ul#menu_header li div a {
	color: Black;
}

ul#menu_header li div a:hover {
	color: #F0F0FF;
	background-color: #90909F;
}

#BoxUtente 
{
	display:inline-block; 
	*display:inline; 
	margin:0;
	text-align: center;
	Border: 1px solid rgb(153, 153, 153);
	background-color: #F0F0FF;
	color: Black;
	padding: 3px;	
	position: relative;
	white-space:nowrap;
}

/***************************/
/*       NOTIZIE           */
/***************************/

#ElencoNotizie  
{
	list-style: none; margin: 0px; padding: 0px;
}
#ElencoNotizie li  
{
	padding-bottom: 12px;
}

/***************************/
/*       NORMATIVA         */
/***************************/

P.NormativaWord 
{
	background: URL('images/icona_word.gif');
	background-repeat :no-repeat;
}

LI.NormativaPDF 
{
	background: URL('../images/ico_pdf.gif');
	background-repeat :no-repeat;
}
LI.NormativaHTML 
{
	background: URL('../images/ico_html.gif');
	background-repeat :no-repeat;
}
LI.NormativaWord 
{
	background: URL('../images/ico_word.gif');
	background-repeat :no-repeat;
}
LI.NormativaExcel 
{
	background: URL('../images/ico_Excel.gif');
	background-repeat :no-repeat;
}
LI.NormativaPPoint 
{
	background: URL('../images/ico_PPoint.gif');
	background-repeat :no-repeat;
}
LI.NormativaGenerica 
{
	background: URL('../images/ico_generic.gif');
	background-repeat :no-repeat;
}

P.ElementoNormativa { margin-left: 40px; margin-top: -2px;} 



/******* ISTANZA ALLEGATO *******/

#AllegatiIstanza  
{
	list-style-type :none;
	margin-left  :-10px;
}

#AllegatiIstanza .alt
{
	background-color : #F0F0FF; 
}

#AllegatiIstanza .stato
{
	width :100px; float : left; display: block; 
	margin-left: 10px; 
	text-align: center; 
}
#AllegatiIstanza .allegato
{
	width :350px; float : left; display: block; margin-bottom: 5px;
}

#AllegatiIstanza .header
{
	background-color : Gray;
	color: White;
	font-weight: bold;
	height: 45px; 
}

#AllegatiIstanza .stato.dacaricare
{
	border: 1px solid black;
	background-color: white; 
}
#AllegatiIstanza .stato.caricato
{
	border: 1px solid black;
	background-color: Green; 
}


/******* ISTANZA MODELLO *******/

#ModelliIstanza  
{
	list-style-type :none;
	margin-left  :-10px;
}

#ModelliIstanza .alt
{
	background-color : #F0F0FF; 
}

#ModelliIstanza .stato
{
	width :100px; float : left; display: block; 
	margin-left: 10px; 
	text-align: center; 
}
#ModelliIstanza .modello
{
	width :350px; float : left; display: block; margin-bottom: 5px;
}

#ModelliIstanza .header
{
	background-color : Gray;
	color: White;
	font-weight: bold;
	height: 45px; 
}

#ModelliIstanza .stato.vuoto
{
	border: 1px solid black;
	background-color: white; 
}
#ModelliIstanza .stato.incompleto
{
	border: 1px solid black;
	background-color: Red; 
}
#ModelliIstanza .stato.completo
{
	border: 1px solid black;
	background-color: Green; 
}


.ListaDocumenti { list-style-type: none; margin-top:10px;  }

.valore { width : 250px; float: left; } 
.descrizione { width : 150px;  }


/******* CONTAINER *******/
#container{
	width: 500px;
	margin: 40px auto;
	text-align: left;
}



/******* /FORM *******/




DIV.formInfoBox  {
	margin: 0px 0px 1em;
	padding: 5px 5px 8px 5px;
	border: 2px solid;
	background-position: 5px 5px;
	background-repeat:no-repeat;
	height:auto; 
	overflow: hidden;
	 -moz-border-radius:5px;   border-radius: 5px; -webkit-border-radius: 5px;
}

DIV.formInfoBox.error  {
	background-color: #f8dbdb;
	background-image: url("../images/error24.png");
	border-color: #e77776;
}
DIV.formInfoBox.warning  {
	background-color: rgb(255, 246, 191);
	background-image: url("../images/warn24.png");
	border-color: #ffd324;
}
DIV.formInfoBox.success  {
	background-color: rgb(230, 239, 194);
	background-image: url("../images/success24.png");
	border-color: #c6d880;
}
DIV.formInfoBox.info  {
	background-color: rgb(213, 237, 248);
	background-image: url("../images/info24W.png");
	border-color: #92cae4;
}

DIV.formInfoBox div {
	margin-top: 5px;
	margin-left: 35px;
}




/******************************************

				F O R M 

******************************************/
.clearfix {overflow: hidden;width: 100%;}

.mfform { margin: 0px 0px 5px 0px; padding: 5px; display: block; color: #797979;width:auto;font-size:10pt;}  
.mfform fieldset {  -moz-border-radius:5px;   border-radius: 5px; -webkit-border-radius: 5px;}
.mfform legend  { font-weight:bold; margin-bottom:8px; }

fieldset div.mfform { padding: 0px;}

/* struttura */ 

ul.fields { list-style:none; margin: 0px; padding: 0px;}
ul.fields li { padding:3px; font-weight:normal;}
ul.fields li ul.line  { list-style:none; margin:0px; padding:0px; display:block; overflow: hidden;width: 100%;}
ul.fields li ul.line li {padding-left:0px;display:inline-block; float:left; margin-right:8px;}

/* Separator */

ul.fields li div.separator {height: 2px; margin: 12px 0px 8px 0px; background-color: #797979; text-align: left; }
ul.fields li div.separator span {background-color:  #797979; position: relative; top: -8px; left: 1em; color:#FFFFFF;}

/* Label */

ul.fields li label { display:block; width:inherit; margin-bottom: 2px;}
ul.fields li label.mandatory { background: url("../images/required.gif") no-repeat 0px 0px;position: relative;}
ul.fields li label.mandatory span{ left:20px;position: relative;}

/* Campi di editing */

ul.fields li input,
ul.fields li textarea,
ul.fields li select { display:block; padding: 3px; color: #000000; background-color: #FFFFFF; border: 1px solid #cecece; vertical-align:top; font-family: inherit; font-size: inherit;}

ul.fields li.ri input,
ul.fields li.ri textarea,
ul.fields li.ri select { margin-right:3px;display:inline; color: #000000; border: 1px solid #cecece;}

ul.fields li input.error,
ul.fields li textarea.error,
ul.fields li select.error { background: #f8dbdb;border-color: #e77776;}

ul.fields li input.warning,
ul.fields li textarea.warning,
ul.fields li select.warning { background: rgb(255, 246, 191);border-color: #ffd324;}

ul.fields li.info input,
ul.fields li.info textarea,
ul.fields li.info select { background: rgb(213, 237, 248);border-color: #92cae4;}

ul.fields li.success input,
ul.fields li.success textarea,
ul.fields li.success select { background: rgb(230, 239, 194);border-color: #c6d880;}

ul.fields li input:focus,
ul.fields li textarea:focus,
ul.fields li select:focus { background-color: #F0F0FF;}

/* Messaggio associabile al campo */

ul.fields li span.info  {display:none;margin:2px 0px 0px 0px;}
ul.fields li.ri span.info  {display:none;margin:3px 0px 0px 0px;}
ul.fields li span.info.error  { background: url("../images/error16.png") no-repeat; color: #e46c6e; padding-left: 20px; display:block;}
ul.fields li span.info.warning  { background: url("../images/warn16.png") no-repeat 0px 0px;  color: #e46c6e; padding-left: 20px; display:block;}
ul.fields li span.info.msg  { background: url("../images/info16b.png") no-repeat;  padding-left: 20px; display:block;}
ul.fields li span.info.success  { background: url("../images/Success16.png") no-repeat;  padding-left: 20px; display:block;}

/* Bottoni */

ul.fields li input.button { margin-right:5px; width:100px; border-color: rgb(153, 153, 153);	background-color: #F0F0FF; display: inline; float: left;} 
ul.fields li input.button:hover {	border-color: #F0F0FF; color: #F0F0FF; background-color: #90909F; }
ul.fields li input.button:hover[disabled] { margin-right:5px; width:100px; border-color: rgb(153, 153, 153); background-color: #F0F0FF; display: inline; float: left;} 


/* Main form - Paginazione */
	
div.mainForm #paginatore 
{
	text-align: right;
	vertical-align:top;
	margin-bottom:3px;
}

div.mainForm #paginatore input.pag {
	color: #000000;
	background-color: #F0F0FF;
	border:1px solid #999999;
	font-family: inherit;
	font-size: inherit;
	display:inline;
	width:30px; 
	padding: 3px;
	*height:30px;
}

div.mainForm #paginatore input[disabled].pag { color: #A0A0AA; }
div.mainForm #paginatore input.pag:hover { border-color: #F0F0FF; color: #F0F0FF; background-color: #90909F;}
div.mainForm #paginatore input[disabled].pag:hover {border-color: #999999; background-color: #F0F0FF; color: #A0A0AA; }

div.mainForm #paginatore input.pag.activePage:hover,
div.mainForm #paginatore input.pag.activePage 
{
	color: #000000;
	background-color : #FFFF99;
	border:1px solid #999999;
	font-weight: bold; 
}

/* Main form - Bottoni */

div.mainForm input.button
{
	color: #000000;
	background-color: #F0F0FF;
	border: 1px solid #999999;
	font-family: inherit;
	font-size: inherit;
	display: inline;
	float: left; 
    width: 100px;
	padding: 3px;
    margin-right: 10px;
    *height:25px;
    *padding:0px;
}

div.mainForm input[disabled].button { color: #A0A0AA; }
div.mainForm input.button:hover { border-color: #F0F0FF; color: #F0F0FF; background-color: #90909F;}
div.mainForm input[disabled].button:hover { border-color: #999999;	background-color: #F0F0FF; color: #A0A0AA; }

/* Main form title and fieldset */

div.mainForm h4.TitoloModuloPag {display:inline; float:left; position:relative; margin:0px 0px 0px 8px; padding:0px;top:0px; font-size:10pt;} 
div.mainForm h4.TitoloModulo {position:relative; margin:0px 0px 0px 8px; padding:0px;top:0px; font-size:10pt;} 
div.mainForm fieldset {  -moz-border-radius:5px;   border-radius: 5px; -webkit-border-radius: 5px; padding:5px;}

/* Form in popup */

.modalBackground { background-color: #000000; filter: alpha(opacity=40); opacity: 0.4; }
.modalPopup { background-color:#ffffff; border-width:3px; border-style:solid; border-color:Gray; padding:5px; }


/******************************************

				G R I D 

******************************************/

.grdGrid { background-color:#FFFFFF; border:1px solid #DEDFDE; color:#000000;  font-size:inherit;}
.grdHeader { background-color:#ABA9AB; color:#FFFFFF; border:1px solid #DEDFDE; font-weight:normal;}
.grdHeader a { color:#FFFFFF; }
.grdHeader a:hover { color:#FFFFFF;}
.grdHeader th { border:1px solid #DEDFDE; }
.grdFooter { background-color:#CCCC99; }
.grdPager {background-color:#F7F7DE; color:#000000; text-align:right; }
.grdRow {background-color:#F7F7DE; font-weight:normal; text-decoration: none;  border:1px solid #DEDFDE;}
.grdRow td { border:1px solid #DEDFDE; }
.grdRowAlternate { border:1px solid #DEDFDE; }
.grdRowAlternate td { border:1px solid #DEDFDE; }
.grdRowSelected { background-color:#CE5D5A; font-weight:bold; color:#FFFFFF; border:1px solid #DEDFDE;}
.grdRowHover { background-color:#CE5D5A;  color:#FFFFFF;}
.grdRowEmpty { color: Gray; text-align:center; }
.grdColCommands{ white-space:nowrap;  width:10px; *width:auto;  }


#the-sticky-div { 
     position:absolute; 
     height:400px; 
     padding:5px; 
     width:200px;
  } 
#the-sticky-div.sticky { 
     position: fixed; 
     top:0;
  } 


.truncate {
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* INTERNO */

.box_menu_interno {
	background-image: url(../images/sfondo_sup_menu_interno.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-top: 10px;
	background-color: #f1f2f2;
	margin-bottom: 12px;
}

.box_menu_interno_chiusura {
	background-image: url(../images/sfondo_inf_menu_interno.png);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	background-color: #f1f2f2;
}

h3.titolo_menu_interno {
	color: #fff;
	background-color: #00477d;
	font-size: 12px;
	padding: 6px 6px;
	width: 142px;
}

ul.menu_interno {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.menu_interno li {
	padding: 6px 12px;
}
ul.menu_interno li a:hover {
	color: #333;
}


.NotificaMail { background: url("../images/mail16.png") no-repeat 0px 0px;position: relative;}
.NotificaMail span{ left:20px;position: relative;}

#formularioGuida {overflow: hidden; display: block; width:auto; margin-bottom :3px;}
#btnGuida {margin-bottom: 3px; width:180px; float:right;margin-right: 0px;}
#Guida {display: none; -moz-border-radius:5px; border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid gray; clear:both; padding:5px;}