﻿@import url("controls.css");
@import url("gui.css");
body
{
    font-family: Verdana;
}
a {  text-decoration: none}
a:hover 
{
    text-decoration: underline;
    color:black;
}
a:active
{
    text-decoration: underline;
    color:#404040;
}
a:visited { }

/*Titoli*/
.titoloBianco
{
    color:White;
    font-size: 14px;
    font-weight:bold;
}
.titoloNero
{
    color:black;
    font-size: 14px;
    font-weight:bold;
}


/*Testi*/
.testoBianco
    {color:White; font-size: 10px; text-align:justify;}
.testoNero
    {color:black; font-size: 11px; text-align:justify;}
.testoNero2
    {color:black; font-size: 11px;}
.testoRosso
    {color:red; font-size: 11px;}
.testoNotaNero
    {color:black; font-size: 10px; font-style:italic;}
.testoFooter
    {color:White; font-size: 10px;}
.testoFooter2
    {color: #808080; font-size: 10px;}
.testoHeader
    {color:black; font-size: 12px; font-weight:bold;}
.titoloCampo
    {color:black; font-size: 12px; font-weight:bold;}
.titoloRosso
    {color:red; font-size: 12px; font-weight:bold;}
.errore
    {color:red; font-size: 10px;}
.testoApice
{
    font-size: 8px;
    vertical-align: top;
}
.testoPedice
    {color: #808080; font-size: 10px;}    
.testoRadice
{
    color: black;
    font-size: 11px;
    text-transform:uppercase;
    font-weight:bold;
}
.testoNodo
{
    color: black;
    font-size: 11px;
    text-transform:lowercase;
}
/*Menu*/
.MenuTitolo
{
    color:#555555;
    font-size: 12px;
    font-weight: bold;
}
.MenuTitolo a:active
{
    color:#404040;
}
.MenuTitolo a:hover
{
    color:#000000;
}
.MenuTesto
{
    color: #464646;
    font-size: 10px;
}

.DoemTesto1
{
    color: #66FF66;
    font-weight: bold;
}
.DoemTesto2
{
    color: #66CCFF;
    font-weight: bold;
}

/*Tabelle*/
.ColonnaSx
{
    background-color:#f5f5f5;
    border-right: red 1px dotted;
}
.ColonnaDx
{
    background-color:#f5f5f5;
    border-left: red 1px dotted;
}
.tabBase
{
    color: black;
    border: #E5E5E5 1px solid;
    text-align:left;
}

.tabNews
{
    background-color: #f5f5f5;
    font: 10px Verdana, Helvetica, sans-serif;
    color: black;
    border: #E5E5E5 1px solid;
    border-collapse: collapse;
    padding: 0;
	margin: 0px;
}
.tabNews div
{
	background: white url(../library/titRiquadro.gif) no-repeat bottom right;
	font: bold 12px Verdana, Helvetica, sans-serif;
	color: white;
	width: auto; height: 18px;
	padding: 0px; margin: 0px;
	text-indent: 5px;
	text-align:left;
	text-decoration: none;
	text-transform: capitalize;
}
.tabNews li
{
    font: 10px Verdana, Helvetica, sans-serif;
    color: black;
    padding: 1px 0;
    padding-left: 5px;
    text-decoration: none;
}
.tabNews li:hover
{
    background-color: #ECF3FC;
    cursor:pointer;
}
.tabNews th
{
	background-color: #d6e0ff;
}
.tabNews tr
{
    font: 10px Verdana, Helvetica, sans-serif;
    color: black;
    text-decoration: none;
    border-bottom: lightgray 1px solid;
    vertical-align:top;
}
.tabNews tr:hover
{
    background-color: #ECF3FC;
    border: #CCCCFF 1px solid;
    cursor:pointer;
}
.tabNewsFiltro
{
    background-color: #f3f3f3;
    font: 13px Verdana, Helvetica, sans-serif;
    color: #808080;
    border: #959595 1px solid;
    border-collapse: collapse;
    padding: 2;
    font-weight:bold;
    text-transform:uppercase;
}
.tabSubMenu
{
    background-color: #ECF3FC;
    border: #E5E5E5 1px solid;
    color:gray;
    font-size: 11px;
}
.tabSubMenu a
{
    font-weight:bold;
}
.tabSubMenu a:hover
{
    color:black;
}
.tabSubMenuControl
{
    background-color: #FCFCFC;
    border: #E5E5E5 1px solid;
    color:gray;
    font-size: 12px;
    height:18px;
    text-align:right;
}

.tabSubRepeater
{
    color: black;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}
.tabSubRepeater td
{
    color:#770000;
    border-bottom: #C0C0C0 1px solid;
}
.Doem1 
{
    background: white url(../library/doem_Back1.gif) bottom left;
}
.Doem2 
{
    background: white url(../library/doem_Back2.gif) bottom left;
}
.tabMessage
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    background: #f5f5f5;
    text-decoration: none;
    border:#000000 1px solid;
}
.tabMessage tr
{
    text-align:center;
}
.tabMessage div
{
    font-size:11px;
    line-height:20px;
}
.tabMessage TH
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 13px; font-weight:bold; 
    color: #000000; background:  #ECF3FC; padding: 1px;  
    border: #ffffff solid;
    border-width: 1px}



.tabCalcolo1
{
    background-color: #f99393;
    border: #E5E5E5 1px solid;
    color:black;
    font-size: 11px;
    padding:8px;
}
.tabCalcolo1 td
{
    padding:4px;
}
.tabCalcolo1 h1
{
    font-weight:bold;
    font-size: 14px;
}
.tabCalcolo3 div
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    background-color: #FFFFFF;
    border: #E5E5E5 1px solid;
    color:#333333;
    font-size: 20px;
    height:25px;
    text-align:right;
    width:80px;
}

.tabCalcolo2
{
    background-color: #93f998;
    border: #E5E5E5 1px solid;
    color:#555555;
    font-size: 11px;
    padding:8px;
}
.tabCalcolo2 td
{
    padding:4px;
}
.tabCalcolo2 h1
{
    font-weight:bold;
    font-size: 14px;
}

.tabCalcolo3
{
    background-color: #ECF3FC;
    border: #E5E5E5 1px solid;
    color:#6c6a6a;
    font-size: 11px;
    padding:8px;
}
.tabCalcolo3 td
{
    padding:4px;
}
.tabCalcolo3 h1
{
    font-weight:bold;
    font-size: 14px;
}
.risparmioGPL
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    background-color: #FFFFFF;
    border: #E5E5E5 1px solid;
    color:#339933;
    font-size: 20px;
    height:25px;
    text-align:right;
    width:80px;
}
.risparmioMetano
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    background-color: #FFFFFF;
    border: #E5E5E5 1px solid;
    color:#333399;
    font-size: 20px;
    height:25px;
    text-align:right;
    width:80px;
}


.costo
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    background-color: #FFFFFF;
    border: #E5E5E5 1px solid;
    color:#555555;
    font-size: 20px;
    height:25px;
    width:80px;
    text-align:right;
}
.risparmio
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    background-color: #FFFFFF;
    border: #E5E5E5 1px solid;
    color:#333333;
    font-size: 20px;
    height:25px;
    text-align:right;
    width:80px;
}
/* ALBUM */
.albumWeb
{
    border-width:0;
    font-family:Verdana;
    font-size:xx-small;
    color:White;
}
.albumWebItem
{
    border-width:1;
    border-bottom-style:dotted;
    font-family:Verdana;
    font-size:xx-small;
    color:Gray;
}
.albumWebPager
{
    font-family:Verdana;
    font-size:xx-small;
    color:Black;
}
/* STATO */
.stato0
{
    color: white;
    background-color: #33AA33;
    border: #ffffff 0px solid;
    font-weight:bold;
    text-align:center
}
.stato0GPL
{
    color: white;
    background-color: #33AA33;
    border: #ffffff 0px solid;
    font-weight:bold;
    text-align:center
}
.stato0Metano
{
    color: white;
    background-color: #66CCFF;
    border: #ffffff 0px solid;
    font-weight:bold;
    text-align:center
}
.stato1
{
    color: black;
    background-color: #FF8888;
    border: #ffffff 0px solid;
    font-weight:bold;
    text-align:center
}
.stato2
{
    color: black;
    background-color: #FFBB00;
    border: #ffffff 0px solid;
    font-weight:bold;
    text-align:center
}
div.PrivacyBox{width:491px !important;width /**/:500px;
    height:90px !important;height /**/: 100px;
    overflow:auto;padding: 4px;
    border:1px solid #EEE;border-right:0 solid;
    font-size:11px;
    /*background:url(gradient.png) repeat-x fixed top left*/}

div.PrivacyBox p{margin-top:0}