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

/*#help h4 {border-top:0;}EREDITATO DA SKINDEMO!!!*/



/*punti elenco nel testo*/

div.elementi ul {margin:0 0 0 23px;padding:0;list-style:square;}

div.elementi li {/*border:0;*/margin:0;padding:0;}

div.elementi ol li {margin: 0 0 0 7px;}

#corpo div.elementi li p {margin-bottom:0px;}


/*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;}



/*definisce i colori dei titoli*/

#help #colonna1 h2, #help #colonna1 h2 a:hover /* "parola HELP" */ {color:#fff;background:#888;margin:0 0 8px 0;}

#help #colonna2 h3, #help #colonna2 h3 a:hover /* "parola MENU' HELP" */ {color:#fff;background:#999;margin:0 0 8px 0;} 

#help h3, #help h3 a:hover /*TITOLI*/ {color:#292929;background:#ccc;}



/*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/freccia_help.gif) 100% 0% no-repeat;}

li.vai a:hover {background: #ccc url(im/freccia_help_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/freccia_help.gif) 100% 0% no-repeat;}

ul.due li.vai a:hover {background: #ddd url(im/freccia_help_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/freccia_help.gif) 100% 0% no-repeat;}

ul.tre li.vai a:hover {background: #eee url(im/freccia_help_roll.gif) 100% 0% no-repeat;}





/*scroll sinistro men? per due colonne (OVE ? NECESSARIO)*/

.scrollmenu li.vai a:link , .scrollmenu li.vai a:active, .scrollmenu li.vai a:visited {

padding:0 12px 0 6px;

width:auto!important;

width:204px;

voice-family:"\"}\"";

voice-family:inherit;

width:186px;

}.finto {}

.scrollmenu {overflow:auto;visibility:visible;z-index:1000;height:295px;width:223px;margin:0;padding:0;border:0;}

#colonna2.menu2 .scrollmenu li {border-right:3px solid #fff;}

#help .scrollmenu ul.due li, #help .scrollmenu ul.tre li {border-right:0px solid #fff;}



/*scroll destro per due colonne*/

div.elementi {background-color:#f4f4f4;}

div.elementi ul, div.elementi ol {border-bottom:3px solid #f4f4f4;} 

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;}

div.elementi img {margin: 0 0 3px 6px;}

#help div.elementi h4 a:hover, #help div.elementi h4 /*CAPITOLI*/ {color:#444645;background:#ddd;}

#help div.elementi h5 a:hover, #help div.elementi h5 /*PARAGRAFI*/ {color:#9d9d9d;background:#eee;}

#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 pagine videate (dimensioni max immagine width="690" height="273" se non si vuole lo scroll)*/

.colonnaUnica h3#titHelpIm {color:#fff;background:#888;margin:0 0 3px 0;}

#help div.image {background:#ddd; text-align:center;}

div.image img {margin: 3px 3px 0 3px;}

/*fine pagine videate*/



/*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:#D35F26; 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:#D35F26;color: #333;}

/*fine pulsante*/



/*anche titolo pagina immagine*/

.colonnaUnica h3#titHelp /* titolo "help" */ {color:#fff;background:#888; margin:0 0 8px 0;}





/*da integrare in helpTemplate.css in caso l'help avesse una sola colonna*/

/*se viene usato solo perfaq/glossario ? da integrare a glossfaqTemplate.css*/



/*INIZIO COLONNA UNICA*/ 



.colonnaUnica li.vai a:link, .colonnaUnica li.vai a:active, .colonnaUnica li.vai a:visited {

background: #ddd;

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 {background: #eee;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*/



/*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;}



/*stile integratore per faq/glossario*/

div.menu {font-size:1em;}

#help div.elementi h4, #help div.elementi h5 {border-bottom:0px solid #fff;border-top:8px solid #fff;}

#help div.elementi h4.primo, #help div.elementi h5.primo {border-bottom:0px solid #fff;}



/*inizio solo GLOSSARIO*/

/*lettere*/

div.lettere {background:#737573; color:#fff;}

div.lettere a, div.lettere a:link, div.lettere a:visited, div.lettere a:active, div.lettere span {margin:0 8px;
width:auto!important;
width:/**/0.2em;
voice-family:"\"}\"";
voice-family:inherit;
width:auto;
} .finto{}

div.lettere a, div.lettere a:link, div.lettere a:visited, div.lettere a:active, div.lettere a:hover {background-color:#737573;color:#fff;}

div.lettere span {color:#ccc;font-weight:bold;}

/*fine solo GLOSSARIO*/

/* CORREGGO GLI STILI PER GLI HEADINGS... */
a, a:link, a:visited {display:inline;color:#D46027;}
a:hover, a:active {background-color:#737573;color:#2F4F4F}

#colonna h3, #colonna1 h3 {background:#037303;color:#fff;}
#colonna h3#titHelp {background:#D35F26 ;color:#fff;}