@import url("reset.css");

body{
    background: #333333 url(../images/bg.png) repeat-x;
    text-align: center;
    margin: 0;
    font-family: 'Trebuchet MS', Arial, Verdana, sans;
    font-size: 11px;
    color: #333333;
}

pre{
    font-family: 'Trebuchet MS', Arial, Verdana, sans;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: normal; /* Internet Explorer 5.5+ */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#wrap {
    width: 900px;
    margin: 0 auto;
    text-align: left;
}

#sideburnLeft {
    background: url(../images/sbLeft.png) top left no-repeat;
}
#sideburnRight {
    background: url(../images/sbRight.png) top right no-repeat;
}

#canvas {
    background: #ffffff;
    margin: 0 30px;
    padding: 6px;
    height: 100%;
}

#content{
    background: #f8f8f8;
    min-height: 310px;
}

#content .errors{
    padding: 16px;
    height: 294px;
    text-align: justify;
    background: transparent url(../images/bg404.png) bottom right no-repeat;    
    color: #333333;
    font-size: 11px;
}

#formContent{
    min-height: 292px;
}

#actions{
    background: #212121 url(../images/bgButtons.png) bottom right no-repeat;
    height: 36px;
    text-align: right;
    padding-right: 6px;
    padding-top: 6px;
    width: 834px;
    margin-top: 10px;
    margin-left: -6px;
    margin-bottom: -6px;
}

.introText p{
    line-height:21px;
    padding-bottom:13px;
    padding-left:8px;
    padding-right:58px;
    text-align:left;
}

.introText ul{
    line-height:21px;
    margin-left:42px;
    padding-right:58px;
    padding-bottom:3px;
    text-align:left;
}

.introText ul li{
    margin-bottom: 10px;    
    list-style-type:decimal;
}

.cleaner {
    overflow: hidden;
    height: 0;
    clear: both;
}

.hidden {
    display: none;
}

.note{
    margin-left: 14px;    
    margin-bottom: 14px;
    color: #999999;
}

/* Header */
#header{
    background: #3b3b3b url(../images/bgHeader.png) repeat-x top left;
    height: 73px;
    margin: 0px 30px;
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
}

#pnacLogo{
    float:left;
    margin-left:-6px;
    margin-top:-4px;    
}

#menuLabel{
    color:#999999;
    float:right;
    font-size:10px;
    margin-right:5px;
    margin-top:5px;
    position:relative;
    top:-29px;
}

#help{
    background: transparent url(../images/icoHelp.png) left 45% no-repeat;
    padding-left: 19px;
    position: relative;
    float: right;
    height: 42px;
    line-height: 39px;
    vertical-align: middle;
    margin-right: 19px;
    display: block;
    font-size: 10px;
    color: #999999;
}

#help a, #password a, #login a, #logout a{
    font-size: 10px;
    color: #f8f8f8;
    text-decoration: none;
}

#help a:hover, #password a:hover, #login a:hover, #logout a:hover{
    font-size: 10px;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px dotted #999999;
}

#password{
    background: transparent url(../images/icoKey.png) left 45% no-repeat;
    padding-left: 19px;
    position: relative;
    float: right;
    height: 42px;
    line-height: 39px;
    vertical-align: middle;
    margin-right: 19px;
    display: block;
    font-size: 10px;
    color: #999999;
}

#userInfo{
    background: transparent url(../images/icoAccount.png) left 45% no-repeat;
    padding-left: 19px;
    position: relative;
    float: right;
    height: 42px;
    line-height: 39px;
    vertical-align: middle;
    margin-right: 13px;
    display: block;
    font-size: 10px;
    color: #999999;
}

#login{
    background: transparent url(../images/icoKey.png) left 45% no-repeat;
    padding-left: 19px;
    position: relative;
    float: right;
    height: 42px;
    line-height: 39px;
    vertical-align: middle;
    margin-right: 13px;
    display: block;
    font-size: 10px;
    color: #999999;
}

#logout{
    background: transparent url(../images/icoClose.png) left 45% no-repeat;
    padding-left: 19px;
    position: relative;
    float: right;
    height: 42px;
    line-height: 39px;
    vertical-align: middle;
    margin-right: 13px;
    display: block;
    font-size: 10px;
    color: #999999;
}

#empty{
    padding-left: 19px;
    position: relative;
    float: right;
    height: 42px;
    line-height: 39px;
    vertical-align: middle;
    margin-right: 13px;
    display: block;
    font-size: 10px;
    color: #999999;
}

#menu {
    background-color:#3B3B3B;
    float:right;
    height:23px;
    margin-right:14px;
    padding:4px;
    position:relative;
    top:-31px;
    width:267px;
    z-index:2;
}

#menuBody{
    visibility: hidden;
    display: none;    
}

#menu ul li span{
    background: #7fc121 url(../images/bgMenuButton.png) top left no-repeat;
    border-bottom: 1px solid #79b81d;
    border-left: 1px solid #8ecf31;
    border-right: 1px solid #8ecf31;
    border-top: 1px solid #8ecf31;
    height: 21px;
    font-size: 11px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    line-height: 21px;
    display: block;
    cursor: default;
    padding-left: 5px;
}

#menu ul li ul {
    margin-left: -4px;
    margin-right: -4px;
    background-color: #3B3B3B;
    padding: 4px;
    width: 259px;
}

#menu ul li ul li {
    text-align: left;
}

#menu ul li ul li a {
    display: block;
    color: #acbd96;
    text-decoration: none;
    vertical-align: middle;
    height: 23px;
    line-height: 23px;
    font-size: 11px;
    padding-left: 9px;
}

#menu ul li ul li a:hover {
    background-color: #474747;
    color: #ffffff;
}

/* Section */
#section{
    height: 71px;
    background: #7FC121 url(../images/bgSectionGlow.png) 1px 1px no-repeat;
    margin: 0 30px;
}

#sectionLogo{
    height: 71px;
}

#sectionLogo.logo-INDICATORS{
    background: transparent url(../images/bgIndicators.png) bottom right no-repeat;
}

#sectionLogo.logo-PM{
    background: transparent url(../images/bgMonPNAC.png) bottom right no-repeat;
}

#sectionLogo.logo-CARBON{
    background: transparent url(../images/bgFPC.png) bottom right no-repeat;
}

#sectionLogo.logo-QUIOTO{
    background: transparent url(../images/bgECQ.png) bottom right no-repeat;
}

#sectionLogo.logo-DOCUMENTS{
    background: transparent url(../images/bgDocuments.png) bottom right no-repeat;
}

#sectionLogo.logo-ADMINISTRATION{
    background: transparent url(../images/bgEntities.png) bottom right no-repeat;
}

#sectionLogo.logo-ENERGY_DEMAND{
    background: transparent url(../images/bgEnergyDemand.png) bottom right no-repeat;
}

#sectionLogo.logo-ENERGY_OFFER{
    background: transparent url(../images/bgEnergyOffer.png) bottom right no-repeat;
}

#sectionLogo.logo-AGRICULTURE_LIVESTOK{
    background: transparent url(../images/bgAgriculture.png) bottom right no-repeat;
}


#sectionLogo.logo-FORESTS{
    background: transparent url(../images/bgForest.png) bottom right no-repeat;
}

#sectionLogo.logo-INDUSTRY{
    background: transparent url(../images/bgIndustry.png) bottom right no-repeat;
}

#sectionLogo.logo-RESIDENTIAL_SERVICES{
    background: transparent url(../images/bgResidential.png) bottom right no-repeat;
}

#sectionLogo.logo-TRANSPORTS{
    background: transparent url(../images/bgTransports.png) bottom right no-repeat;
}

#sectionLogo.logo-WASTES{
    background: transparent url(../images/bgWaste.png) bottom right no-repeat;
}

#section #sectionTitle{
    margin-left: 13px;
    height: 42px;
    float: left;
}

#measuresMenu {
    position: relative; 
    float: left;
    width: 345px;
    height: 22px;
    margin-left: 192px;
    margin-top: 7px;
    z-index: 1;
}

#measuresMenuBody{
    visibility: hidden;
    display: none;    
}

#measuresMenu ul li span{
    background: transparent url(../images/bgSubMenu.png) top left no-repeat;
    height: 22px;
    font-size: 12px;
    color: #ccff00;
    text-align: left;
    vertical-align: middle;
    line-height: 22px;
    display: block;
    padding-left: 20px;
    cursor: default;
}

#measuresMenu ul li ul {
    background-color: #3B3B3B;
    padding: 4px;
    width: 337px;
    overflow: auto;
    max-height: 420px;
}

#measuresMenu ul li ul li {
    text-align: left;
}

#measuresMenu ul li ul li a {
    display: block;
    color: #acbd96;
    text-decoration: none;
    vertical-align: middle;
    line-height: 23px;
    font-size: 11px;
    padding-left: 9px;
}

#measuresMenu ul li ul li tr td.link{
    width:285px;
}

#measuresMenu ul li ul li tr td.title{
    width:52px;
    color: #ffffff;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
    text-align: left;
    cursor: default;
}

#measuresMenu ul li ul li tr:hover td.title{
    background-color: #669A1B;
}

#measuresMenu ul li ul li tr:hover a{
    background-color: #474747;
    color: #ffffff;
}

#measuresMenu ul li ul li.sep{
    background-image: url(../images/bgMenuSep.gif);
    background-position: top left;
    background-repeat: repeat-x;
    color: #8B8B8B;
    height: 22px;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
    vertical-align: middle;
    padding-left: 5px;
}

#measuresMenu ul li ul li.sepFirst{
    color: #8B8B8B;
    height: 22px;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
    vertical-align: middle;
    padding-left: 5px;
}

#sectorMenu {
    position: relative;
    float: right;
    width: 172px;
    height: 22px;
    margin-right: 120px;
    margin-top: 7px;
    z-index: 1;
}

#sectorMenuBody{
    visibility: hidden;
    display: none;    
}

#sectorMenu ul li span.bg{
    background: transparent url(../images/bgSubMenu.png) top left no-repeat;
    height: 22px;
    font-size: 12px;
    color: #ccff00;
    text-align: left;
    vertical-align: middle;
    line-height: 22px;
    display: block;
    padding-left: 20px;
    cursor: default;
    width: 100%;
}

#sectorMenu ul li span.white{
    color: #ffffff;    
}

#sectorMenu ul li ul {
    padding: 4px;
    background-color: #3B3B3B;
    width: 164px;
}

#sectorMenu ul li ul li {
    text-align: left;
}

#sectorMenu ul li ul li a {
    display: block;
    color: #acbd96;
    text-decoration: none;
    vertical-align: middle;
    height: 23px;
    line-height: 23px;
    font-size: 11px;
    padding-left: 9px;
}

#sectorMenu ul li ul li a:hover {
    background-color: #474747;
    color: #ffffff;
}

/* Footer */
#footer{
    border-top: 6px solid #222222;
    color: #999999;
    font-size: 12px;
    height: 46px;
    margin: 0px 30px 10px 30px;
    padding-right: 20px;
    padding-top: 15px;
    padding-left: 20px;
}

#footer img{
    position:relative;
    top:-5px; 
}

#footer span{
    float:left;
    line-height:20px;
}
    
#footer a, #footer a:visited{
    color:#eeeeee;
    border-bottom:1px dotted #333333;
    text-decoration: none;
}

#footer a:hover{
    color: #ffffff;
    border-bottom:1px dotted #999999;
    text-decoration: none;
}
    
#footer a:active{
    text-decoration: none;
}

#footer a.maLogo, #footer a.maLogo:visited,
#footer a.maLogo:hover, #footer a.maLogo:active{
    border: none;
    text-decoration: none;
    margin-left:96px;
}

#footer #contactLink{
    display:block;
    float:left;
    line-height:20px;
    position:relative;
    top:-32px;
    z-index:2;
}

#footer #contacts{
    background:transparent url(../images/bgContacts.png) no-repeat scroll left top;
    color:#999999;
    float:left;
    font-size:10px;
    height:96px;
    left:-62px;
    margin-bottom:10px;
    padding-left:6px;
    padding-right:6px;
    padding-top:23px;
    position:relative;
    top:-32px;
    width:292px;
}

#footer #developedBy{
    float: right;
    line-height: 20px;    
}

/* Components */

/* Tables */
.addLink{
    margin-left: 8px;
    margin-top: 8px;
    margin-bottom: 10px;
    height: 24px;
    line-height: 24px;
    padding-left: 21px;
    background: transparent url(../images/icoPlus.png) no-repeat top left;
    float: left;
    width: 100%;
    vertical-align: middle;
}

.editLink{
    height: 24px;
    line-height: 24px;
    float: right;
    margin-right: 8px;
    margin-top: 8px;
    margin-bottom: 10px;
}

.addLink a, .editLink a{
    color:#669933;
    font-size:12px;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
}

.addLink a:visited, .editLink a:visited{
    color:#669933;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
}

.addLink a:hover, .editLink a:hover{
    color:#99cc33;
    border-bottom:1px dotted #99cc33;
}
    
.addLink a:active, .editLink a:active{
    color:#669933;
    border-bottom:1px dotted #99cc33;
}

td.pVal-true{/*projected value*/
    color:#666666;
    font-style:italic;
}

.grid{
    font-size:12px;
    width:100%;
}

.grid th{
    color:#ffffff;
    text-align:center;
    text-transform: uppercase;
    padding:0;
    border: 2px solid #F8F8F8;
    line-height: 18px;
    background: #AFC989;
}

.grid th.sortable a{
    background-image: url( ../images/gridOrderSort.png );
    background-repeat: no-repeat;
    background-position: right 50%;
}

.grid th.order1 a{
    background-image: url( ../images/gridOrderAsc.png );
    background-repeat: no-repeat;
    background-position: right 50%;
}

.grid th.order2 a{
    background-image: url( ../images/gridOrderDesc.png );
    background-repeat: no-repeat;
    background-position: right 50%;
}

.grid th acronym{
    border-bottom: 1px dotted #ffffff;
    color:#ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.grid th.title{
    border:2px solid #F8F8F8;
    color:#ffffff;
    text-align:left;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 27px;
    background: transparent url(../images/sectorsGridHeaderBg.png) top left repeat-x;
    text-align: center;
}

.grid th.alt{
    background:#F8F8F8;
    color:#333333;
    text-transform: uppercase;
    padding:6px;
}

.grid th.year{
    width:40px;
}
    
.grid th > a{
    border:0;
    color:#ffffff;
    display:block;
    padding: 6px 6px 6px 6px;
    border-bottom:1px solid #9db57b;
    text-decoration: none;
}

.grid th > a:visited{
    background-color: #AFC989;
    color:#ffffff;
}
    
.grid th > a:hover{
    background-color:#9db57b;
    color:#ffffff;
}
    
.grid th > a:active{
    background-color: #AFC989;
    color:#ffffff;
}
    
.grid tr.odd{
    background:#f0f0f0;
    color:#333333;
}
    
.grid tr.even{
    background:#e8e8e8;
    color:#333333;
}

.grid td.goal{
    background: #D3E1C0 url(../images/bgMeta.png) repeat-y top left;
    color: #FFFFFF;    
    padding-left: 8px;
    text-align: left;
}

.grid td.goal div.goalTitle{
    float: left;
}

.grid td.goal div.toggleSpan{
    float: right;
}

.grid td.goal div.toggleSpan a.show{
    padding-right: 13px;
    background: transparent url(../images/open.png) no-repeat right 50%;
}

.grid td.goal div.toggleSpan a.hidde{
    padding-right: 13px;
    background: transparent url(../images/close.png) no-repeat right 50%;
}

.grid td.subGoal{
    /*background: #D3E1C0 url(../images/bgMeta.png) repeat-y top left;*/
    background-color: #E8E8E8;
    /*color: #FFFFFF;*/
    color: #000000;
    font-weight: bold;
    padding-left: 50px;
    text-align: left;
}

.grid .calculatedVal{
    background: #D3E0C0;
    color:#000000;
    font-weight: bold;
}

.grid td{
    padding: 6px 6px 6px 6px;
    border: 2px solid #F8F8F8;
    line-height: 18px;
    text-align: center;
}

.grid td.subGoalDescription{
    padding-left: 50px;
    text-align: left;
}

.grid td.reliability-A{
    background-image: url(../images/bgSquareSG.png);
    background-repeat: no-repeat;
    background-position: 1px 1px;
}


.grid td.reliability-B{
    background-image: url(../images/bgSquareSY.png);
    background-repeat: no-repeat;
    background-position: 1px 1px;
}

.grid td.reliability-C{
    background-image: url(../images/bgSquareSR.png);
    background-repeat: no-repeat;
    background-position: 1px 1px;
}

.grid td.loggedIn:hover{
    border: 1px solid #6d7762;
    background-color: #d3e1c0;
    cursor: help;
}

.grid td.component{
    border-right: none;
    text-align: left;    
}
    
.grid td.calculatedValComponent{
     border-right: none;    
     background: #D3E0C0 url(../images/bgCalculatedVal.png) top left repeat-y;
     color:#ffffff;
     font-weight: bold;
     text-align: left;
}

.grid td.totalVal{
    font-size: 18px;
    color: #ffffff;
    background: #738d4d;
}

.grid td.up{
    background-image: url(../images/arrowRed.png);
    background-repeat: no-repeat;
    background-position: 1px 1px;
}

.grid td.down{
    background-image: url(../images/arrowGreen.png);
    background-repeat: no-repeat;
    background-position: 1px 1px;
}
    
.grid td.cellTip{
    border-left: none;    
}

.grid td.cellTipMergedTop{
    border-left: none;
    border-bottom: none;
}

.grid td.cellTipMergedBottom{
    border-left: none;
    border-top: none;
}

.grid td.calcValTip{
    background: #d3e0c0;
}
    
.grid td.op, .grid th.op{
    text-transform: none;
    background:#F8F8F8;
    text-align:center;
    padding: 6px 6px 6px 6px;
}

.grid td.inputVarSupplier{
    text-align: left;    
}

.grid td.inputVarSupplier input{
    float: right;
    width: 250px;
    margin-bottom: 5px;
    margin-top: 5px;     
}

.grid td.inputVarSupplier label{
    float: left;   
    padding-top: 0;
    padding-bottom: 0;  
    margin-bottom: 5px;
    margin-top: 5px;   
}

.grid td.inputVarSupplier br{
    clear: both;    
}

.grid td.inputVarMeasure{
    text-align: left;  
    vertical-align: middle;  
}

.grid td.inputVarMeasure label{
    padding-top: 0;
    padding-bottom: 0; 
}

.grid td.inputVarMeasure input{
    width: 100%;    
    margin-bottom: 5px;
    margin-top: 5px;  
}

.grid td.inputVarMeasure select{
    width: 100%;    
    margin-bottom: 5px;
    margin-top: 5px;  
}

.grid td a{
    color:#669933;
    font-size:12px;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
    line-height: 20px;
}
        
.grid td a:visited{
    color:#669933;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
}

.grid td a:hover{
    color:#99cc33;
    border-bottom:1px dotted #99cc33;
}
    
.grid td a:active{
    color:#669933;
    border-bottom:1px dotted #99cc33;
}

.grid th.buttons{
    background: #F8F8F8 none repeat scroll 0 0;
}

.grid th.op a{
    color:#669933;
    font-size:12px;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
}
        
.grid th.op a:visited{
    color:#669933;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
}

.grid th.op a:hover{
    color:#99cc33;
    border-bottom:1px dotted #99cc33;
}
    
.grid th.op a:active{
    color:#669933;
    border-bottom:1px dotted #99cc33;
}

.grid th img.tooltip{
    vertical-align: middle;
    margin-right: 5px;
}

.grid acronym{
    border-bottom: 1px dotted #999999;
    color: #666666;
    cursor: help;
    font-size: 11px;
    font-weight: normal;
}

.grid input{
    width: 50px;    
}


/* Sectors Grid */
.sectorsGrid{
    font-size:12px;
    width: 100%;
}

.sectorsGrid th{
    border:2px solid #F8F8F8;
    color:#ffffff;
    text-align:left;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 27px;
    background: transparent url(../images/sectorsGridHeaderBg.png) top left repeat-x;
    text-align: center;
}

.sectorsGrid th span{
     text-transform: none;
     font-size: 10px;
     color: #dfecd2;
}

.sectorsGrid th img{
    vertical-align: middle;
    margin-right: 2px;
}

.sectorsGrid th.clean{
    background: none;
}
    
.sectorsGrid td{
    padding-top: 4px;
    padding-bottom: 4px;
    border: 2px solid #F8F8F8;
    line-height: 12px;
    background: #F0F0F0;
    text-align: center;
}

.sectorsGrid td.sectorLogo{
    background: none;
    width: 118px;
    padding-left: 8px;
    padding-right: 4px;
}

.sectorsGrid td.year{
    background:#AFC988 url(../images/sectorsGridYearPixel.png) repeat-x bottom left;
    color:#FFFFFF;
    font-weight:bold;
    line-height:20px;
    padding:0;
    text-align:center;
    width: 76px;
}

.sectorsGrid td.impact{
    background:transparent url(../images/sectorsGridImpactBg.png) no-repeat left 50%;
    text-align: right;
    color: #ffffff;
    padding-right: 20px;
}

.sectorsGrid td.sectorLink{
    background:transparent url(../images/sectorsGridBg.png) repeat-x bottom left;
    padding-top: 14px;
    padding-left: 12px;
    height: 66px;
    vertical-align: top;
    text-align: left;
}
    
.sectorsGrid td a{
    color:#669933;
    font-size:12px;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
}

.sectorsGrid td.sectorLogo a, 
.sectorsGrid td.sectorLogo a:visited, 
.sectorsGrid td.sectorLogo a:hover, 
.sectorsGrid td.sectorLogo a:active{
    border: none;
}
        
.sectorsGrid td a:visited{
    color:#669933;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
}

.sectorsGrid td a:hover{
    color:#99cc33;
    border-bottom:1px dotted #99cc33;
}
    
.sectorsGrid td a:active{
    color:#669933;
    border-bottom:1px dotted #99cc33;
}


/* Documents Grid */
.docsGrid{
    width: 100%;
}

.docsGrid td{
    border-bottom: 6px solid #F8F8F8;
}

.docsGrid tr.odd{
    background:#f0f0f0;
}
    
.docsGrid tr.even{
    background:#e8e8e8;
}

.docsGrid .docRow{
    min-height: 68px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 10px;
    padding-right: 14px;
}

.docsGrid div.title{
    font-size: 16px;
    color: #333333;
    float: left;
    font-weight: bold;
}

.docsGrid div.links{
    float: right;
}

.docsGrid div.content{
    margin-top: 6px;
    font-size: 12px;
    color: #999999;
    margin-bottom: 16px;
    width: 80%;
}

.docsGrid div.date{
    font-size: 11px;
    color: #999999;
    float: right;
    text-align: right;
}

.docsGrid a{
    color:#669933;
    font-size:12px;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
    margin-left: 6px;
    height: 24px;
    line-height: 24px;
}
        
.docsGrid a:visited{
    color:#669933;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
}

.docsGrid a:hover{
    color:#99cc33;
    border-bottom:1px dotted #99cc33;
}
    
.docsGrid a:active{
    color:#669933;
    border-bottom:1px dotted #99cc33;
}

.PUBLIC{
    border-left: 6px solid #669933;
}

.RESTRICTED{
    border-left: 6px solid #990000;
}

/* Measures Grid*/
.measuresGrid{
    width: 100%;
}

.measuresGrid th.measuresGroup{
    background: transparent url(../images/measuresGridTitleBg.png) repeat-x top left;
    height: 44px;
    border-bottom: 1px solid #FFFFFF;
    padding-left: 14px;
    color: #999999;
    font-size: 15px;
}

.measuresGrid td{
    border-bottom: 6px solid #F8F8F8;
}

.measuresGrid tr{
    background:#f0f0f0;
}
    
.measuresGrid div.measureRow{
    min-height: 120px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 14px;
    border-left: 6px solid #669933;
    background: #F8F8F8 url(../images/bgMeasure1.png) repeat-x top left;
    float: left;
}

.measuresGrid div.title{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    float: left;
    margin-bottom: 8px;
    line-height: 25px;
    vertical-align: middle;
    background: transparent url(../images/bgIdMeasure.png) no-repeat top left;
    width: 650px;
}

.measuresGrid div.title span{
    color: #ffffcc;
    margin-right: 8px;
    float: left;
    width: 92px;
    text-align: center;
    font-size: 16px;
}

.measuresGrid div.title span.name{
    text-align: left;
    color: #333333; 
    width: 540px;   
}

.measuresGrid div.title a span:hover{
    cursor: pointer;
}

.measuresGrid div.links{
    float: right;
    text-align: right;
}

.measuresGrid div.content{
    font-size: 12px;
    color: #669933;
    width: 468px;
    float: left;
}

.measuresGrid div.content span{
    color: #336600;
    margin-bottom: 8px;
    display: block;
}

.indicatorsGrid{
    float: right;
    width: 324px;
}
.indicatorsGrid .grid{
    border: 2px solid #F8F8F8;
}

.indicatorsGrid .grid td{
    border: 2px solid #F8F8F8;
}

.measuresGrid a{
    color:#669933;
    font-size:12px;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
    margin-left: 6px;
    height: 24px;
    line-height: 24px;
}
        
.measuresGrid a:visited{
    color:#669933;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
}

.measuresGrid a:hover{
    color:#99cc33;
    border-bottom:1px dotted #99cc33;
}
    
.measuresGrid a:active{
    color:#669933;
    border-bottom:1px dotted #99cc33;
}

/*Measure Details*/
#measureHeader .title{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    float: left;
    margin-top: 14px;
    margin-bottom: 14px;
    margin-left: 14px;
    line-height: 25px;
    vertical-align: middle;
    background: transparent url(../images/bgIdMeasure.png) no-repeat top left;
    width: 808px;
}

#measureHeader .title span{
    color: #ffffcc;
    float:left;
    margin-right:8px;
    width:92px;
    text-align: center;
    font-size: 16px;
}

#measureHeader .title span.name{
    text-align: left;
    color: #333333; 
    width: 700px;   
}


#measureHeader .properties{
    float: left;
    margin-left: 14px;
    width: 634px;
    margin-bottom: 14px;
    margin-top: 14px;
    font-size: 12px;
    color: #999999;
}

#measureHeader .properties label{
    width: 114px;
    float: left;
    font-size: 12px;
    color: #333333;
}

#measureHeader .summary{
    float: left;
    width: 634px;
    font-size: 12px;
    color: #333333;
    margin-bottom: 14px;
    margin-left: 14px;
}

#measureHeader .summary span{
    float: left;
    font-size: 12px;
    color: #999999;
}

#measureHeader .description{
    float: left;
    width: 634px;
    border-left: 6px solid #669933;
    margin-left: 0;
    padding-left: 8px;
    padding-top: 14px;
    margin-bottom: 28px;
    font-size: 12px;
    color: #669933;
    min-height: 90px;
    background: transparent url(../images/bgMetaFicha.png) repeat-y top left;
}

#measureHeader  .description span{
    color: #336600;
    margin-bottom: 8px;
    display: block;
}

#measureHeader .edit{
    float: right;
    line-height: 20px;
    height: 20px;
    margin-top: 14px;
    margin-bottom: 8px;
    margin: 8px;
}

#measureHeader .attach{
    float: right;
    width: 175px;
    margin-right: 0;
}

#measureHeader .attach .clip{
    background:#AFC988 url(../images/bgClip.png) no-repeat scroll left top;
    color:#FFFFFF;
    font-size:15px;
    font-weight:bold;
    height:26px;
    line-height:26px;
    padding-left:30px;
    width:145px;
}

#measureHeader .attach .document{
    float: right;
    width: 155px;
    height: 40px;
    line-height: 30px;
    padding-left: 20px;
    background: transparent url(../images/bgDocument.png) no-repeat top left;
}

#measureHeader .date{
    float: left;
    margin-left: 14px;
    width: 810px;
}

#measureHeader a{
    color:#669933;
    font-size:12px;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
    margin-left: 6px;
    height: 24px;
    line-height: 24px;
}
        
#measureHeader a:visited{
    color:#669933;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
}

#measureHeader a:hover{
    color:#99cc33;
    border-bottom:1px dotted #99cc33;
}
    
#measureHeader a:active{
    color:#669933;
    border-bottom:1px dotted #99cc33;
}

#measureBody{
    float: left;
    width: 100%;    
}

#measureBody .grid{
    margin-bottom: 28px;    
}

#measureBody #inputVarSquares{  
    background: transparent url('../images/bgInputVars.png') repeat-x top left;
    color:#ffffff;
    font-size:12px;
    line-height:22px;
    padding-left:8px;
    padding-right:8px;
    padding-top:8px;
    margin-bottom:28px;
}

#measureBody #inputVarSquares table.grid{
    margin-bottom:0;    
    margin-top:6px;    
    background-color:#F8F8F8;
}

#measureBody #inputVarSquares label{
    font-size: 12px;
    color: #ffffff;
}

#measureBody #inputVarSquares #frequencyDiv{
    float: left;
}

#measureBody #inputVarSquares #reliabilityDiv{
    float: right;
}

#measureBody #inputVarSquares span{
    padding-left: 12px;
    margin-right: 12px;    
}

#measureBody #inputVarSquares span.inputVarSA{
    background: transparent url(../images/bgSquareSG.png) left 50% no-repeat;
}
    
#measureBody #inputVarSquares span.inputVarSB{
    background: transparent url(../images/bgSquareSY.png) left 50% no-repeat;
}

#measureBody #inputVarSquares span.inputVarSC{
    background: transparent url(../images/bgSquareSR.png) left 50% no-repeat;
}

#measureBody #obsTitle{
    font-size: 15px;
    color: #333333;
    padding-left: 14px;
    font-weight: bold;
}

#measureBody #obsTitle a{
    color:#669933;
    font-size:12px;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
    margin-left: 6px;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
}
        
#measureBody #obsTitle a:visited{
    color:#669933;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
}

#measureBody #obsTitle a:hover{
    color:#99cc33;
    border-bottom:1px dotted #99cc33;
}
    
#measureBody #obsTitle a:active{
    color:#669933;
    border-bottom:1px dotted #99cc33;
}

#obsBody{
    padding: 14px;
    border: 1px solid #999999;
    margin: 14px;
    color: #999999;
    font-size: 11px;
    line-height: 18px; 
}

#measureBody .date{
    margin: 14px;
    color: #999999;
    font-size: 11px;
}

/* Dispalytag */
div.banners {
    width: 100%;
}

span.pagebanner,
span.pagelinks {
    padding-top: 4px;
    padding-bottom: 4px;
    white-space: nowrap;
}

span.pagebanner {
    padding-left: 10px;
    float: left;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #999999;
}

span.pagebanner b{
    color: #333333;    
}

span.pagelinks {
    text-align: center;
    float: right;
    margin-right: 11px;
}

span.pagelinks a {
    text-decoration: none;
    width: 17px;
    height: 17px;
    line-height: 17px;
    background-color: #E8E8E8;
    margin-left: 4px;
    display:block;
    float: left;
    color: #000000;
}

span.pagelinks a:hover{
    background-color: #9BB579;
    color:#ffffff;
}

span.pagelinks a.pgCur{
    background-color: #AFC88D;
    color:#ffffff;
}
span.pagelinks a.pgFirst {
    background: #F0F0F0 url(../images/pgFirst1.png) no-repeat 50% 50%;
}

span.pagelinks a.pgFirst:hover {
    background: #9BB579 url(../images/pgFirstHover.png) no-repeat 50% 50%;
}

span.pagelinks a.pgFirstDisabled{
    background: transparent url(../images/pgFirst0.png) no-repeat 50% 50%;
}

span.pagelinks a.pgPrev{
    background: #F0F0F0 url(../images/pgPrev1.png) no-repeat 50% 50%;
}

span.pagelinks a.pgPrev:hover{
    background: #9BB579 url(../images/pgPrevHover.png) no-repeat 50% 50%;
}

span.pagelinks a.pgPrevDisabled{
    background: transparent url(../images/pgPrev0.png) no-repeat 50% 50%;
}

span.pagelinks a.pgNext{
    background: #F0F0F0 url(../images/pgNext1.png) no-repeat 50% 50%;
}

span.pagelinks a.pgNext:hover{
    background: #9BB579 url(../images/pgNextHover.png) no-repeat 50% 50%;
}

span.pagelinks a.pgNextDisabled{
    background: transparent url(../images/pgNext0.png) no-repeat 50% 50%;
}

span.pagelinks a.pgLast{
    background: #F0F0F0 url(../images/pgLast1.png) no-repeat 50% 50%;
}

span.pagelinks a.pgLast:hover{
    background: #9BB579 url(../images/pgLastHover.png) no-repeat 50% 50%;
}

span.pagelinks a.pgLastDisabled{
    background: transparent url(../images/pgLast0.png) no-repeat 50% 50%;
}

/* Error Success Messages */
#messages{
    margin: 0 30px;
    position: absolute;
    width: 840px;
}

#errorShade{
    min-height:71px;
    background:transparent url(../images/bgShadeError.png) top left repeat-x;
    border-top: 2px solid #FF2F2D;
    margin-bottom:14px;
}

#errorMsg{
    width:349px;
    height:25px;
    background:transparent url(../images/bgError.png) top left no-repeat;
    padding-left:50px;
    padding-top: 7px;
}

#errorList{
    float: left;
    margin-bottom:14px;
    margin-left:65px;
    color: #cc3333;
    font-size: 10px;
}

#errorList ol{
    list-style-image: url(../images/bulletErrorItem.png);
}

#alertShade{
    min-height:71px;
    background:transparent url(../images/bgShadeAlert.png) top left repeat-x;
    border-top: 2px solid #95d1e4;
    margin-bottom:14px;
}

#alertMsg{
    width:700px;
    height:25px;
    background:transparent url(../images/bgInfo.png) top left no-repeat;
    padding-left:50px;
    padding-top: 7px;
}

#alertList{
    float: left;
    margin-bottom:14px;
    margin-left:64px;
    color: #95d1e4;
    font-size: 10px;
}

#alertList ol{
    list-style-image: url(../images/bulletAlertItem.png);
}

#successShade{
    height:28px;
    background:transparent url(../images/bgShadeSuccess.png) top left repeat-x;
    border-top: 2px solid #336600;
    margin-bottom:14px;
}

#successMsg{
    width:349px;
    height:25px;
    background:transparent url(../images/bgSuccess.png) top left no-repeat;
    padding-left:50px;
    padding-top: 7px;
}

span#successHeader, span#errorHeader, span#alertHeader{
    font-size:14px;
    color:#ffffff;
    float: left;
}

div#errorBody{
    float: right;
    color:#ffcbc9;
    font-size:10px;
    text-align: right;
    height:30px;
    width:200px;
    padding-right: 15px;
    padding-top: 2px;
}

div#successBody{
    float: right;
    color:#ccff66;
    font-size:10px;
    text-align: right;
    height:30px;
    width:275px;
    padding-right: 15px;
    padding-top: 2px;
}

div#alertBody{
    color:#FFFFFF;
    font-size:10px;
    height:30px;
    padding-top:2px;
    text-align:left;
    width:350px;
}

#infoShade{
    height:30px;
    background:transparent url(../images/bgShadeInfo.png) top left repeat-x;
    border-top: 2px solid #95d1e4;
    margin-bottom:14px;
    float: left;
    width: 100%;
}

#infoMsg{
    width:349px;
    height:30px;
    background:transparent url(../images/bgInfo.png) top left no-repeat;
    padding-left:50px;
    padding-top: 7px;
    color: #FFFFFF;
    font-size: 11px;
    text-align: left;
    float: left;
}

form.login #errorShade{
    height:30px;
    background:transparent url(../images/bgShadeErrorLogin.png) top left repeat-x;
    float: left;
    width: 100%;
}

form.login #errorMsg{
    color: #FFFFFF;
    font-size: 11px;
    text-align: left;
    float: left;
}

/* Forms */
form fieldset{
    margin-left: 10px;
}

form fieldset.left{
    width: 404px;
    float: left;    
}

form fieldset.right{
    width: 404px;
    float: right;
}

form fieldset #obsBody{
    margin-left: 4px !important;
    width: 770px;    
}

form .note{
    color:#999999;
    font-size:10px;
    margin-top:20px;
}

form label{
    color:#666666;
    display:block;
    font-weight: bold;
    padding-top:10px;
    padding-bottom:5px;
}

form .req{                  
    color: #3399cc;
    font-weight: bold;
    font-size:10px;
}
  
form input{
    background: #ffffff url(../images/bgTextbox.png) 0px 0px repeat-x;
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    color: #323232;
    font-size: 11px;
    font-family: 'Trebuchet MS', Arial, Verdana, sans;
}

form textarea{
    background: #FAFAfA url(../images/bgTextarea.png) 0px 0px repeat-x;
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    color: #323232;
    font-size: 11px;
    font-family: 'Trebuchet MS', Arial, Verdana, sans;
}

form textarea.fullTextArea{
    width: 806px;    
    height: 200px;
}

form textarea.fullTextAreaM{
    width: 806px;    
    height: 100px;
}

input[type="checkbox"]{
    border: none;
    background: none;    
}

input.error[type="text"],
input.error[type="password"],
textarea.error,
select.error {
    border: 1px solid #FFA69F;
}

form .btn{
    color:#ffffff;
    background:#669a1a url(../images/bgButton0.png) 0px 0px repeat-x;
    border:1px solid #9fc06e;
    padding-left: 5px;
    padding-right: 5px;
    height: 30px;
    width:70px;
    margin-left: 3px;
    font-size: 12px;
    cursor: pointer;
}
    
form select {
    color: #323232;
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    color: #323232;
    font-size: 11px;
    font-family: 'Trebuchet MS', Arial, Verdana, sans;
}

form .smallImput{
    width: 200px;
}

form .mediumImput{
    width: 300px;
}

form .largeImput{
    width: 400px;
}

form.login{
    height: 310px;
    background: transparent url("../images/bgLogin.png") no-repeat bottom right;  
}

form.login .loginInput{
    margin-left:232px;
    width:142px;
}

form.login .btn{
    margin-left:16px;
    margin-top:-10px;
    vertical-align:top;
}

form.login label{
    margin-left:232px;   
}

form.login fieldset{
    margin-top: 38px;
    margin-left: 0;
}

/*Typography*/
h1{
    margin-top: 12px;
    color: #ffffff;
    font-size:20px;
}
    
h2{
    color: #ebffcf;
    font-size:15px;
}

acronym{
    color: #999999;
    cursor: help;    
}

sup{
    font-size: 8px;
}

sub{
    font-size: 8px;
}
    
.c{text-align:center !important;}
.l{text-align:left !important;}
.r{text-align:right !important;}
.j{text-align:justify !important;}

/*ToolTips*/
fieldset.tooltip{
    border: 1px solid #61644D;
    padding: 4px;
}

fieldset.tooltip legend{
    font-weight: bold;
}

span.tooltipReliability-A{
    color: #48BF49;
}

span.tooltipReliability-B{
    color: #F4C434;
}

span.tooltipReliability-C{
    color: #C92A2F;
}

span.tooltipLastEdit{
    float: right;
    color: #F2FFA4;    
}

span.institution{
    padding-left: 14px;
    background: transparent url("../images/icoInstitution.png") no-repeat left 50%; 
}

span.person{
    padding-left: 14px;
    background: transparent url("../images/icoPerson.png") no-repeat left 50%;   
}

span.phone{
    padding-left: 14px;
    background: transparent url("../images/icoPhone.png") no-repeat left 50%;   
}

span.email{
    padding-left: 14px;
    background: transparent url("../images/icoEmail.png") no-repeat left 50%;   
}

#tooltip {
    position: absolute;
    z-index: 3000;
    width: 308px;
    background: transparent url('../images/tooltipTop.png') no-repeat top left;
}

#tooltip h3 {
    height: 0;
    display: none;
}

#tooltip div.body {
    margin-top: 14px;
    font-size: 10px;
    color: #f2ffa4;
    line-height: 16px; 
    width: 280px; 
    text-align: justify; 
    padding-left: 14px;
    padding-right: 14px;
    background-color: #3B3B3B;
}

#tooltip div.footer{
    background-color: transparent;
    background-image: url('../images/tooltipBottom.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 24px;
    width: 308px;
}

#tooltip.viewport-right div.footer {
    background-position: -308px bottom;
}

#envoiromentImpactIndicatorToolTip{
    vertical-align: middle;    
    margin-left: 10px;
}

/*Quioto List Table Footer*/
#quiotoListFooter{
    height: 24px;
    line-height: 38px;
    text-align: left;
    padding-left: 14px;
    padding-top: 14px; 
    padding-bottom: 14px;
    vertical-align: top;
    margin-bottom: 10px;
}

#quiotoListFooter img{
    vertical-align: middle;    
}

#quiotoListFooter a{
    color:#669933;
    font-size:12px;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
    margin-right: 14px;
}

#quiotoListFooter a:visited{
    color:#669933;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
}

#quiotoListFooter a:hover{
    color:#99cc33;
    border-bottom:1px dotted #99cc33;
}
    
#quiotoListFooter a:active{
    color:#669933;
    border-bottom:1px dotted #99cc33;
}

/* Indicators */
div#indicators{
    padding-top: 20px;    
}

div#indicatorFPCLogo{
    float: left;
    background: transparent url('../images/bgIndicatorFPC.png') no-repeat bottom left;
    width: 272px;
    margin-left: 16px;
    height: 340px;
}

div#indicatorFPCLogoValue{
    height:127px;
    left:131px;
    position:relative;
    top:138px;
    width:140px;
}

div#indicatorFPCLogoValue > span{
    color:#FFFFFF;
    display:block;
    font-size:28px;
    font-weight:bold;
    position:relative;
    text-align:center;
    top:46px;
}

div#indicatorFPCLogoValue span.green{
    font-size: 16px;
    color:#99cc33;
    margin-left:-7px;
}

div#indicatorCQLogoRed{
    float: left;
    background: transparent url('../images/bgIndicatorCQred.png') no-repeat bottom left;
    width: 252px;
    height: 340px;
}

div#indicatorCQLogoGreen{
    float: left;
    background: transparent url('../images/bgIndicatorCQgreen.png') no-repeat bottom left;
    width: 252px;
    height: 340px;
}

div#indicatorCQLogoRed > span, 
div#indicatorCQLogoGreen > span{
    color:#FFFFFF;
    display:block;
    font-size:46px;
    font-weight:bold;
    position:relative;
    text-align:center;
    top:186px;
}

div#indicatorCQLogoRed span.percentage, 
div#indicatorCQLogoGreen span.percentage{
    color:#99cc33;
    font-size:30px;
    margin-left:-10px;
}

div#indicatorMonPNACLogo{
    float: left;
    background: transparent url('../images/bgIndicatorMonPNAC.png') no-repeat bottom left;
    width: 272px;
    height: 340px;
    margin-right: 16px;
}

div#indicatorMonPNACLogoValue{
    width: 140px;
    height: 127px;
    position: relative;
    top: 141px;
}

div#indicatorMonPNACLogoValue > span{
    color:#FFFFFF;
    display:block;
    font-size:28px;
    font-weight:bold;
    position:relative;
    text-align:center;
    top:44px;
}

div#indicatorFPCDescription{
    width: 242px;
    padding: 5px;
    text-align: justify;
    font-size: 11px;
    color: #333333;
    margin-left: 16px;
    margin-right: 20px;
    float: left;
}

div#indicatorCQDescription{
    width: 242px;
    padding: 5px;
    text-align: justify;
    font-size: 11px;
    color: #333333;
    float: left;
}

div#indicatorMonPNACDescription{
    width: 242px;
    padding: 5px;
    text-align: justify;
    font-size: 11px;
    color: #333333;
    margin-left: 20px;
    margin-right: 16px;
    float: left;
}

span.indicatorTitle{
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
    display: block;
    height: 38px;
}

div#indicatorCQLogoGreen span.mtco2e, div#indicatorCQLogoRed span.mtco2e{
    font-size: 16px;
    display:block;
    margin-top:18px;
}

div#indicatorMonPNACLogoValue span.mtco2e{
    font-size: 16px;
    display:block;
    margin-top:2px;
}

span.mtco2e span.green{
    color:#99cc33;
}

/* Home Page */
#homeHeader {
    background:#7FC121 url('../images/bgHP.png') no-repeat scroll 1px 1px;
    height:159px;
    color: #ffffff;
    padding: 20px;
    margin-left: 30px;
    margin-right: 30px;
}

#homeHeader h1{
    text-align: left;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 0;
}

#homeHeader h2{
    text-align: justify;
    font-size: 12px;
    line-height: 22px;
}

#homeMenu{
    float: left;
    width: 250px;
    height: 344px;
}

#homeMenu ul li a{
    background-color: #E9E9E9;
    color: #669933;
    display:block;
    font-size:15px;
    margin-bottom:6px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 14px;
    padding-right: 14px;
    width:222px;   
    text-decoration: none;
    background-repeat:no-repeat;
    font-weight: bold;
}

#homeMenu ul li a:hover{
    color: #ffffff;
    background-color: #99CC33;    
}

#homeMenu ul li a.itemCQ{
    background-image:url('../images/homeMenuSprite.png');
    background-position:right 0;
    line-height:20px;
}

#homeMenu ul li a:hover.itemCQ{
    background-position:right -64px;
}

#homeMenu ul li a.itemFPC{
    background-image:url('../images/homeMenuSprite.png');
    background-position:right -128px;
    line-height:20px;
}

#homeMenu ul li a:hover.itemFPC{
    background-position:right -192px;
}

#homeMenu ul li a.itemMeasures{
    background-image:url('../images/homeMenuSprite.png');
    background-position:right -256px;
    line-height:20px;
}

#homeMenu ul li a:hover.itemMeasures{
    background-position:right -320px;
}

#homeMenu ul li a.itemIndicators{
    background-image:url('../images/homeMenuSprite.png');
    background-position:right -384px;
    line-height:40px;
}

#homeMenu ul li a:hover.itemIndicators{
    background-position:right -448px;
}

#homeMenu ul li a.itemDocuments{
    background-image:url('../images/homeMenuSprite.png');
    background-position:right -512px;
    line-height:40px;
    margin-bottom: 0;
}

#homeMenu ul li a:hover.itemDocuments{
    background-position:right -576px;
}

#homeText{
    float: left;
    width: 538px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    background: transparent url('../images/bgHPwatermark.png') no-repeat bottom right;
    font-size: 12px;
    color: #333333;
    text-align: justify;
    line-height: 18px;
    height: 324px;
}

#homeText p{
    margin-bottom: 10px;
}

#homeText #firstChapter{
    margin-bottom: 10px;
}

#homeText #secondChapter{
    margin-bottom: 10px;
}

#homeText #secondChapter a{
    color:#669933;
    font-size:12px;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
    height: 20px;
    line-height: 20px;
}
        
#homeText #secondChapter a:visited{
    color:#669933;
    text-decoration:none;
    border-bottom:1px dotted #99cc33;
}

#homeText #secondChapter a:hover{
    color:#99cc33;
    border-bottom:1px dotted #99cc33;
}
    
#homeText #secondChapter a:active{
    color:#669933;
    border-bottom:1px dotted #99cc33;
}

#homeText #thirdChapter{
    width: 383px;
    float: left;
}

#homeText #thirdChapter span{
    display:block;
    font-size:15px;
    font-weight:bold;
    margin-bottom:6px;
    margin-top:16px;
}

#homeText #indicatorCQ{
    width: 140px;
    height: 128px;
    float: right;
    margin-left: 15px;
}

#homeText #indicatorCQ.red{
    background: transparent url('../images/smallSquareRed.png') no-repeat top left;
}

#homeText #indicatorCQ.green{
     background: transparent url('../images/smallSquareGreen.png') no-repeat top left;
}

div#indicatorCQ > span{
    color:#FFFFFF;
    display:block;
    font-size:28px;
    font-weight:bold;
    position:relative;
    text-align:center;
    top:55px;
}

div#indicatorCQ span.percentage{
    color:#99CC33;
    font-size:20px;
    margin-left:-8px;
}

div#indicatorCQ span.mtco2e{
    display:block;
    font-size:11px;
    margin-top:30px;
}