/* this is an example page. Real-use cases should never have inline CSS like this. ;) */

body {
background-color:#FFFFFF;
font-size:0.9em;
font-family:"Comic Sans MS",arial,helvetica;
color: #000000;
scrollbar-face-color: #FFFF99; 
scrollbar-shadow-color: #000000; 
scrollbar-highlight-color: #000000; 
scrollbar-3dlight-color: #c0c0c0; 
scrollbar-darkshadow-color: #C0C0C0; 
scrollbar-track-color: #EEEEEE; 
scrollbar-arrow-color: #66ccff
 }





/* content-specific */

.dialog_corpo h1 {
 /* header */
 font-style:italic;
 font-size:1.1em;
 height:45;
 font-family:Verdana,"Comic Sans MS",Verdana, arial,helvetica;
 background:transparent url(http://www.whoopy.it/img/sfondo_title2.gif) no-repeat 0px 0px;
 color: #19b6fb;
 margin:0px;
 margin-top:25px;
 padding-top:8px;
 text-indent: 36px;
}

.dialog_corpo a.titolo{
text-decoration: none;
}

.dialog_corpo p.corpo{
 margin:0em 0px 0px 0px;
 padding:0px;
 font-size:0.9em;
 font-family:"Comic Sans MS", arial,helvetica;
 color: #1113b9;
}
.dialog_corpo .corpo{
 margin:0em 0px 0px 0px;
 padding:0px;
 font-size:0.9em;
 font-family:"Comic Sans MS", arial,helvetica;
 color: black;
}
.dialog_corpo a{
 margin:0em 0px 0px 0px;
 padding:0px;
  font-family:Verdana, arial,helvetica;
 font-size:1.1em;
 color: #e82c30;/*#63ceff;*/
}
.dialog_corpo h1 a{
 color: #63ceff;
}



.dialog_corpo a:hover{
color: #63ceff;
}


.spc{
height: 19px;
width:10px;
}

.dialog_menu h1 {
 /* header */
 font-size:1em;
 color: #000000;
 font-family:Verdana, arial,helvetica;
 margin-left:-8px;
 width:132px;
 height: 21px;
 padding-top:2px;
 background:transparent url(http://www.whoopy.it/img/menuTitle.gif) no-repeat left 0px;
 padding-left:10px;
 margin-top:-0.6em;
}

.dialog_verde h1 {
 /* header */
 font-size:1em;
 color: #000000;
 font-family:Verdana, arial,helvetica;
 margin-left:-8px;
 width:154px;
 height: 22px;
 padding-top:2px;
 background:transparent url(http://www.whoopy.it/img/menuTitleV.gif) no-repeat left 0px;
 padding-left:4px;
}

.dialog_verde p.corpo{
 margin:0em 0px 0px 0px;
 padding:0px;
 font-size:0.9em;
 font-family:"Comic Sans MS", arial,helvetica;
 color: #1113b9;
}

.dialog_foot p {
 align: center;
 margin-top:-10px;
 margin-bottom:-10px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
 color: black;
}


.menuT {
border-bottom:1px solid #63ceff; 
margin-left:0; 
margin-right:0; 
margin-top:5; 
padding-left:2px; 
padding-right:2px; 
padding-top:1px; 
padding-bottom:0px;
width: 125px;


}
.menuV {
margin-left:5; 
margin-right:0; 
margin-top:-1; 
padding-left:2px; 
padding-right:2px; 
padding-top:1px; 
padding-bottom:0px;
width:110px;
font-size:12px; 
text-indent:-1;
}

.dialog_menu p.menuV {
 
margin:0px;
padding-left:5px;
width:120px;
font-size:12px; 
text-indent:-1;
}

.menuT a {
font-family:Verdana, arial,helvetica;
font-size:0.9em; 
color: #1113b9;
text-decoration: none;
font-weight:bold;
} 

.menuV a {
font-family:"Comic Sans MS", arial,helvetica;
color: #3757E7;
font-size:0.9em;

}

.menuV a:visited {
color: #3757E7;
} 

.menuV a:hover{
color: #5de737;
}


/* CORPO */
.dialog_corpo {
 width:640px;
 margin-bottom:25px;
 min-width:20em;
 color:#000;
}


/*.dialog_corpo .hd_corpo .c_corpo,
.dialog_corpo .ft_corpo .c_corpo {
 font-size:1px;
 height:1px;
}

.dialog_corpo .ft_corpo .c_corpo {
 height:1px;
}

.dialog_corpo .hd_corpo {
 background:transparent url(http://www.whoopy.it/img/alto_giallo..gif) no-repeat 0px 0px;
}

.dialog_corpo .hd_corpo .c_corpo {
 background:transparent url(http://www.whoopy.it/img/alto_destra_giallo..gif) no-repeat right 0px;
}

.dialog_corpo .bd_corpo {
 background:transparent url(http://www.whoopy.it/img/corpo_giallo..gif) repeat-y 0px 0px;
}

.dialog_corpo .bd_corpo .c_corpo {
 background:transparent url(http://www.whoopy.it/img/corpo_destra_giallo..gif) repeat-y right 0px;
}


.dialog_corpo .bd_corpo .c_corpo .s_corpo {
 margin:0px 8px 0px 4px;
 background:transparent url(http://www.whoopy.it/img/corpo_giallo..gif) repeat-x 0px 0px;
 padding:1em;
}

.dialog_corpo .ft_corpo {
 background:transparent url(http://www.whoopy.it/img/basso_giallo..gif) no-repeat 0px 0px;
}

.dialog_corpo .ft_corpo .c_corpo {
 background:transparent url(http://www.whoopy.it/img/basso_destra_giallo..gif) no-repeat right 0px;
}
*/




/* MENU */
.dialog_menu {
 width:160px;
 min-width:5em;
 margin:0px auto;
 color:#000;
}

.dialog_menu .hd_menu .c_menu ,
.dialog_menu .ft_menu .c_menu {
 font-size:1px; /* ensure minimum height */
 height:22px;
}

.dialog_menu .ft_menu .c_menu {
 height:18px;
}

.dialog_menu .hd_menu {
 background:transparent url(http://www.whoopy.it/img/alto_menu.gif) no-repeat 0px 0px;
}

.dialog_menu .hd_menu .c_menu {
 background:transparent url(http://www.whoopy.it/img/alto_destra_menu.gif) no-repeat right 0px;
}

.dialog_menu .bd_menu {
 background:transparent url(http://www.whoopy.it/img/corpo_menu.gif) repeat-y 0px 0px;
}

.dialog_menu .bd_menu .c_menu {
 background:transparent url(http://www.whoopy.it/img/corpo_destra_menu.gif) repeat-y right 0px;
}

.dialog_menu .bd_menu .c_menu .s_menu {
 margin:0px 8px 0px -5px;
 background:transparent url(http://www.whoopy.it/img/corpo_menu.gif) repeat-x 5px -5px;
 padding:1em;
}

.dialog_menu .ft_menu {
 background:transparent url(http://www.whoopy.it/img/basso_menu.gif) no-repeat 0px 0px;
}

.dialog_menu .ft_menu .c_menu {
 background:transparent url(http://www.whoopy.it/img/basso_destra_menu.gif) no-repeat right 0px;
}




/* VERDE */
.dialog_verde {
 width:200px;
 margin:0px auto;
 margin-top:20px;
 color:#000;
}

.dialog_verde .hd_verde .c_verde ,
.dialog_verde .ft_verde .c_verde {
 font-size:1px; /* ensure minimum height */
 height:22px;
}

.dialog_verde .ft_verde .c_verde {
 height:17px;
}

.dialog_verde .hd_verde {
 background:transparent url(http://www.whoopy.it/img/alto_verde.gif) no-repeat 0px 0px;
}

.dialog_verde .hd_verde .c_verde {
 background:transparent url(http://www.whoopy.it/img/alto_destra_verde.gif) no-repeat right 0px;
}

.dialog_verde .bd_verde {
 background:transparent url(http://www.whoopy.it/img/corpo_verde.gif) repeat-y 0px 0px;
}

.dialog_verde .bd_verde .c_verde {
 background:transparent url(http://www.whoopy.it/img/corpo_destra_verde.gif) repeat-y right 0px;
}

.dialog_verde .bd_verde .c_verde .s_verde {
 margin:0px 8px 0px -5px;
 background:transparent url(http://www.whoopy.it/img/corpo_verde.gif) repeat-x 5px -5px;
 padding:1em;
}

.dialog_verde .ft_verde {
 background:transparent url(http://www.whoopy.it/img/basso_verde.gif) no-repeat 0px 0px;
}

.dialog_verde .ft_verde .c_verde {
 background:transparent url(http://www.whoopy.it/img/basso_destra_verde.gif) no-repeat right 0px;
}

/* FOOT */
.dialog_foot {
 width:850px;
 min-width:5em;
 margin:0px auto;
 color:#000;
}

.dialog_foot .hd_foot .c_foot ,
.dialog_foot .ft_foot .c_foot {
 font-size:1px; /* ensure minimum height */
 height:22px;
}

.dialog_foot .ft_foot .c_foot {
 height:18px;
}

.dialog_foot .hd_foot {
 background:transparent url(http://www.whoopy.it/img/alto_menu.gif) no-repeat 0px 0px;
}

.dialog_foot .hd_foot .c_foot {
 background:transparent url(http://www.whoopy.it/img/alto_destra_menu.gif) no-repeat right 0px;
}

.dialog_foot .bd_foot {
 background:transparent url(http://www.whoopy.it/img/corpo_menu.gif) repeat-y 0px 0px;
}

.dialog_foot .bd_foot .c_foot {
 background:transparent url(http://www.whoopy.it/img/corpo_destra_menu.gif) repeat-y right 0px;
}

.dialog_foot .bd_foot .c_foot .s_foot {
 margin:0px 8px 0px -5px;
 background:transparent url(http://www.whoopy.it/img/corpo_menu.gif) repeat-x 5px -5px;
 padding:1em;
}

.dialog_foot .ft_foot {
 background:transparent url(http://www.whoopy.it/img/basso_menu.gif) no-repeat 0px 0px;
}

.dialog_foot .ft_foot .c_foot {
 background:transparent url(http://www.whoopy.it/img/basso_destra_menu.gif) no-repeat right 0px;
}