/* css per l'help del servizio Questionario Informatico di Intranet RuparPiemonte */


/*---------------testata--------------------------*/
#titoloEmenu {background: #ededed url(im/testata_moni_quest.jpg) 0 0 no-repeat;}

/*--------------pie di pagina--------------------*/
#noteSito {background: #ededed url(im/pie_moni_quest.jpg) 0 100% no-repeat;display:block;height:23px;width:100%;}

/*stili aggiunti*/
.u {text-decoration: underline;}
#box {display: block;background-color:#EFFAF5;border-bottom:1px dashed #9C9C9C;border-top:1px dashed #9C9C9C;border-left:1px dashed #9C9C9C;border-right:1px dashed #9C9C9C;padding: 6px;margin:0 0 8px 0;font-weight:bold;color:#000;}
.notepie {font-size: 0.90em;}

a:link, a:visited, a:active {color:#567EC0;}
a:hover {color:#7394CA;}

/*punti elenco nel testo*/
div.elementi ul {border:0;margin:0 0 3px 23px;padding:0;list-style:none/*square*/;}
div.elementi li {border:0;margin:0;padding:0;}
div.elementi ul.elenco {border:0;margin:0 0 3px 23px;padding:0;list-style:square;}
div.elementi ul.elenco li {border:0;margin:0;padding:0;}

/*maggiore spazio tra ogni lista*/
#colonna2.menu2 ul.due, div.menu ul.due,
#colonna2.menu2 ul li.solo, div.menu ul li.solo {margin:0 0 5px 0;}
div.menu {margin-bottom:16px;}


#help h3, #help h3 a:hover /*TITOLI*/ {color:#fff;background:#5275A5;}

/*punti elenco del menù (colori titoli)*/
li.vai a:link, li.vai a:active, li.vai a:visited {margin:0;display:block;padding:0 31px 0 6px;border-bottom:3px #fff solid;
width:auto!important;
width:223px;
voice-family:"\"}\"";
voice-family:inherit;
width:186px;
}.finto{}

/*si aggiunge definisce primo stile al punto elenco (colori TITOLI)*/
li.vai a:link, li.vai a:active, li.vai a:visited {color:#292929;background:#ccc url(im/vaiHelp.gif) 100% 0% no-repeat;}
li.vai a:hover {background: #ccc url(im/vaiHelp_roll.gif) 100% 0% no-repeat;}

/*si aggiunge all'ul class="due" per definire un'altro stile al punto elenco (colori CAPITOLI)*/
ul.due li.vai a:link, ul.due li.vai a:active, ul.due li.vai a:visited {color:#777;background: #ddd url(im/vaiHelp.gif) 100% 0% no-repeat;}
ul.due li.vai a:hover {background: #ddd url(im/vaiHelp_roll.gif) 100% 0% no-repeat;}

/*si aggiunge all'ul class="tre" per definire un'altro stile al punto elenco (colori PARAGRAFI)*/
ul.tre li.vai a:link, ul.tre li.vai a:active, ul.tre li.vai a:visited {color:#9d9d9d;background: #eee url(im/vaiHelp.gif) 100% 0% no-repeat;}
ul.tre li.vai a:hover {background: #eee url(im/vaiHelp_roll.gif) 100% 0% no-repeat;}


div.elementi {background-color:#EFFAF5;}
div.elementi {border:0; display:block; margin: 0 0 8px 0;}
.scrollHelp div.elementi, .scrollHelp h3, .scrollHelp h4 {border-right:3px solid #fff;}
div.elementi p {border-right:0;
background-color:#EFFAF5;}
div.elementi img {margin: 0 0 3px 3px;}
#help div.elementi h4 a:hover, #help div.elementi h4 /*CAPITOLI*/ {color:#000;background:#A5BADE;}
#help div.elementi h5 a:hover, #help div.elementi h5 /*PARAGRAFI*/ {color:#000;background:#D6DFEF;}
#help div.elementi h4, #help div.elementi h5 {border-right:0px;border-bottom:3px solid #fff;border-top:3px solid #fff;margin:0;}
#help div.elementi h4.primo, #help div.elementi h5.primo {border-bottom:3px solid #fff;border-top:0;margin:0;}


/*inizio pulsante*/
#help .azione {font-size:0.95em;background: #fff;display:block;}
#help .azione a, #help .azione a:link, #help .azione a:visited {
	background-color:#299663; color:#fff;
	border-top: 1px solid #ddd;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ddd;
	margin-right:3px;padding: 0 6px 0 6px;text-align:center;
	height:1.35em;
	width:auto;
}
#help .azione a:hover, #help .azione a:active {background-color: #20734B;color: #fff;}
/*fine pulsante*/


/*INIZIO COLONNA UNICA*/ 
.colonnaUnica h3#titHelp /* titolo "help" */ {color:#fff;background:#299663; margin:0 0 8px 0;}
.colonnaUnica li.vai a:link, .colonnaUnica li.vai a:active, .colonnaUnica li.vai a:visited {
color: #fff;
background: #5275A5;
width:auto!important;
width:698px;
voice-family:"\"}\"";
voice-family:inherit;
width:661px;
}.finto{}
.colonnaUnica ul.due li.vai a:link, .colonnaUnica ul.due li.vai a:active, .colonnaUnica ul.due li.vai a:visited {color: #000;background: #A5BADE;margin-right:0;}
.colonnaUnica ul.tre li.vai a:link, .colonnaUnica ul.tre li.vai a:active, .colonnaUnica ul.tre li.vai a:visited {color: #000;background: #D6DFEF;margin-right:0;}
/*stile per colonna unica con scoll*/
.colonnaUnica .scrollHelp li.vai a:link, .colonnaUnica .scrollHelp li.vai a:active, .colonnaUnica .scrollHelp li.vai a:visited {
border-right:3px solid #fff!important;
margin-right:0!important;
border-right:0;
width:679px;
voice-family:"\"}\"";
voice-family:inherit;
width:642px;
border-right:3px;}.finto{}
.colonnaUnica .scrollHelp ul.due li.vai a:link, .colonnaUnica .scrollHelp ul.due li.vai a:active, .colonnaUnica .scrollHelp ul.due li.vai a:visited {
border-right:3px solid #fff!important;
margin-right:0!important;
border-right:0;
voice-family:"\"}\"";
voice-family:inherit;
border-right:3px;}.finto{}
/*FINE COLONNA UNICA*/


/*--------------tabella classica--------------------------*/
.colonnaUnica table {width:675px;overflow:hidden;border:0;margin:0/*0 0 0 -3px*/;padding:0;font-size:1em;}
table.dueCol td {background:#D6DFEF;}/*, table.titDx td*/
table.dueCol th, table th.titOriz, table.titDx th {background:#BDC7D6;}/**/
table th.caption, table tr.caption th {background:#A5BADE;}

td {background:#D6DFEF; color:#000;padding:3px 6px; border-bottom:3px solid #fff;border-left:3px solid #fff;}
th {font-size:0.95em;background:#A5BADE; color:#000; padding:3px 6px; border-bottom:3px solid #fff;border-left:3px solid #fff;text-align:left;}


/*pulsante torna su*/
#corpo p.top {background-color:#fff;margin:0 0 8px 0;padding:0;height:15px;}
p.top a, p.top a:link, p.top a:active, p.top a:hover {display:block;background:#fff url(im/tornasu.gif) 0 0 no-repeat;width:27px;height:15px;}
p.top a:hover {display:block;background:#fff url(im/tornasu_roll.gif) 0 0 no-repeat;width:27px;height:15px;}