/* basic elements */

#pgKeyVisual {
	background-image:url(../images/keyvisual_gas.jpg);
	}

#pgSiemensImg {
	background-image:url(../images/logo_bl.gif);   /* Siemens logo on medium blue background */
	}
	
#pgSiemensLogoBar {
	background-color: #336699;	/* medium blue */
	}
	
#pgSmallNav {
	background-color: #336699;	/* medium blue */
	}

#pgPrimaryNav1 {
	background-color: #bbbbbb;	/* light grey */
	}	

#pgPrimaryNav2 {
	background-color: #bbbbbb;	/* light grey */
	}	

#pgSiteIdentifier {
	background-color: #336699;	/* medium blue */
	}

#pgBreadcrumb {
	background-color: #dddddd;	/* very light grey */
	}	
	
#pgSearch {
	background-color: #336699;	/* medium blue */
	}

#pgLeftNavigation {
	background-color: #bbbbbb;	/* light grey */
	}
	
#appLogoImage {
	background-color: #336699;	/* medium blue */
	}
	
#appLogoSpan {
	color: white;
	text-transform: none;
	font-variant: normal;
	font-weight: bold;
	text-align: center;
	font-size: 12;
}

TH {
	color: black;
	background-color: #cccccc;	/* light grey */
}

#bodyDiv {
	margin-left: 10;
	margin-top: 10
}

/* Used to control the color and right justification of calculated values */
.tdCalculated {
	background-color: #cccccc;	/* light grey */
	color: white;
}

/* all links contained in the [pgBreadcrumb] div should have this rule assignment */
A.breadCrumb:link {
	color:white;
	}
A.breadCrumb:visited {
	color:white;
	}

/* Used to display primary menu items: */
.prim {
    COLOR: black;
	}
.selectedprim {
    color: #990000;  /* deep red */
	}

/* Used to display secondary menu items */
.standalone {
    color: white;
	}
.selectedstandalone {
    color: #990000;  /* deep red */
	}

/* List items used in the secondary menu: */
li.singleton {
  list-style-image: url(../images/menu/white_square.gif);
  margin-left: -20px
}
li.selectedsingleton, li.selected {
  list-style-image: url(../images/menu/white_arrow.gif);
  margin-left: -20px
}