body {
    font-family: "Arial";
    font-size: small;
    margin: 0px 0px 0px 0px;
    padding: 0;
    -webkit-text-size-adjust: none;
    background-color: #262223;
    color: black;
}

.barChart
{    
    width: 300px;
}
.barChart div.bar
{
    background-color: green;
    text-align: center;
    height:40px;
    padding-top:10px;
    color:Black;
    border-radius:0px 5px 5px 0px;
}



.clear{
 clear:both;
}   


.graph {
	float:left;
	margin-top:0px;

	position:relative;
	width:100px;
	padding:0
}   
.graph .barPercentDone {
	display:block;
	position:relative;
	background-image:url(images/bargraphlightgreen.gif);
 	background-position:right center;
	background-repeat:repeat-x;
	border-right:#538e02 1px solid;
	text-align:center; color:black;
	height:25px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.9em 
}
.graph .barPercentDone span {
	position:absolute;
	left:1em
} 

.graph .barPercentDone0 {
	display:block;
	position:relative;

 	background-position:right center;
	background-repeat:repeat-x;
	border-right:#538e02 0px solid;
	text-align:center; color:black;
	height:25px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.9em 
}
.graph .barPercentDone0 span {
	position:absolute;
	left:1em
} 

.graph .barRepaired {
	display:block;
	position:relative;
	background-image:url(images/bargraphdarkgreen.gif);
 	background-position:right center;
	background-repeat:repeat-x;
	border-right:#538e02 1px solid;
	text-align:center; color:black;
	height:25px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.9em 
}
.graph .barRepaired span {
	position:absolute;
	left:1em
} 

.graph .barRepaired0 {
	display:block;
	position:relative;

 	background-position:right center;
	background-repeat:repeat-x;
	border-right:#538e02 0px solid;
	text-align:center; color:black;
	height:25px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.9em 
}
.graph .barRepaired0 span {
	position:absolute;
	left:1em
} 

.graph .barLeakage {
	display:block;
	position:relative;
	background-image:url(images/bargraphred.gif);
 	background-position:right center;
	background-repeat:repeat-x;
	border-right:#538e02 1px solid;
	text-align:left; color:black;
	height:25px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.9em 
}
.graph .barLeakage span {
	position:absolute;
	left:1em
} 

.graph .barLeakage0 {
	display:block;
	position:relative;

 	background-position:right center;
	background-repeat:repeat-x;
	border-right:#538e02 0px solid;
	text-align:left; color:black;
	height:25px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.9em 
}
.graph .barLeakage0 span {
	position:absolute;
	left:1em
} 


td
{
    font-family: Arial; 
    font-size: small;
}
 

A.whiteLink:link
{
        color:white;
        text-decoration : underline;
}

A.whiteLink:hover
{
        color:yellow;
        text-decoration : underline;
}

.dropclass  {
font-family:Monospace,Arial;
}

A.companylink:link
{
	color:white;
    text-decoration : none;
}

A.companylink:visited
{
	color:white;
    text-decoration : none;
}

A.companylink:hover
{
	color:white;

    background-color: gray;
    text-decoration : none;
}

A.projecttitlelink:link
{
	color:white;
    text-decoration : none;
}

A.projecttitlelink:visited
{
	color:white;
    text-decoration : none;
}

A.projecttitlelink:hover
{
	color:white;

    background-color: gray;
    text-decoration : none;
}

A.projecttitlelink2:link
{
	color:whitesmoke;
    text-decoration : none;
}

A.projecttitlelink2:visited
{
	color:whitesmoke;
    text-decoration : none;
}

A.projecttitlelink2:hover
{
	color:black;

    background-color: gray;
    text-decoration : none;
}

A.leakagelink:link
{
	color:black;
    text-decoration : none;
}

A.leakagelink:visited
{
	color:black;
    text-decoration : none;
}

A.leakagelink:hover
{
	color:black;
    text-decoration : underline;
}


A.treelink:link
{
    font-weight:bold;
	color:white;
    text-decoration : none;
}

A.treelink:visited
{
	color:white;
    text-decoration : none;
}

A.treelink:hover
{
	color:white;
    text-decoration : underline;
}

A.treelink2:link
{
    font-weight:bold;
	color:white;
    text-decoration : none;
}

A.treelink2:visited
{
	color:white;
    text-decoration : none;
}

A.treelink2:hover
{
	color:white;
    text-decoration : underline;
}

.Calendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: white;
    color: black;
}

.test
{
    color:Red;
    font-family: Arial; 
    font-size: small;
    z-index: 20000; 
}

.BarBorder
{
    border-style : inset;
    width : 80px;
    height: 45px;


}

.BarIndicator_poor
{
    color:Red;
    background-color:Red;
    height: 45px;
}
.BarIndicator_weak
{
    color:Orange;
    background-color:Orange;
    height: 45px;
}

.BarIndicator_average
{
    color:Blue;
    background-color:Blue;
    height: 45px;
}
.BarIndicator_strong
{
    color:Cyan;
    background-color:Cyan;
    height: 45px;
}
.BarIndicator_excellent
{
    color:Green;
    background-color:Green;
    height: 45px;
}


.password { z-index : 1000 ; }



.HeaderStyle { 
    text-align: justify 
} 

.LeftAlign 
{ 
    text-align: left; 
} 
.RightAlign 
{ 
    text-align: right; 
} 
.CenterAlign 
{ 
    text-align: center; 
} 
.JustifyAlign 
{ 
    text-align: justify; 
}         
.InheritAlign 
{ 
    text-align: inherit; 
} 
.HeaderStyle th 
{ 
    text-align: justify; 
}     

A.menu_top:link
{
    COLOR: black;
    TEXT-DECORATION: none
}
A.menu_top:visited
{
    COLOR: black;
    TEXT-DECORATION: none
}
A.menu_top:hover
{
    ccolor: white;
    TEXT-DECORATION: none;
    background-color: whitesmoke;
}

A.header:link
{
    COLOR: white;
    font-weight:bold;
    TEXT-DECORATION: none
}

A.header:hover
{
    COLOR: white;
    font-weight:bold;    
    TEXT-DECORATION: underline;
    
}

A.header:visited
{
 COLOR: white;
    font-weight:bold; 
    TEXT-DECORATION: none
}

A.menulink:link
{
    COLOR: white;
    TEXT-DECORATION: none;
    font-family: Arial;
    font-size:small;
}

A.menulink:hover
{
    COLOR: white;
    TEXT-DECORATION: underline;
    font-family: Arial;
    font-size:small;
}

A.menulink:visited
{
    COLOR: white;
    TEXT-DECORATION: none;
    FONT-FAMILY: Arial;
    font-size:small;
}

A.menulink:active
{
    COLOR: white;
    TEXT-DECORATION: underline;
    FONT-FAMILY: Arial;
    font-size:small;
}

A.projectlink:link
{
    COLOR: white;
    TEXT-DECORATION: none;
    FONT-FAMILY: Arial;
    font-size:small;
}

A.projectlink:hover
{
    COLOR: white;
    TEXT-DECORATION: underline;
    FONT-FAMILY: Arial;
    font-size:small;
}

A.projectlink:visited
{
    COLOR: white;
    TEXT-DECORATION: none;
    FONT-FAMILY: Arial;
    font-size:small;
}

A.projectlink:active
{
    COLOR: purple;
    TEXT-DECORATION: underline
    FONT-FAMILY: Arial;
    font-size:small;
}

.lmdbtext
{
    font-size:small;
}

A.blackLink:link
{
        color:black;
        text-decoration : underline;
}


A.blackLink:visited
{
        color:black;
        text-decoration : underline;
}

A.blackLinkGrid:hover
{
        color:Maroon;
        text-decoration : underline;
}

A.blackLinkGrid:link
{
        color:black;
        text-decoration : none;
}


A.blackLinkGrid:visited
{
        color:black;
        text-decoration : hover;
}

A.blackLinkGrid:hover
{
        color:Maroon;
        text-decoration : underline;
}