html {
	width: 100%;
	height: 100%;
}


body {
	font-size: 12pt;
	font-weight:normal;
	font-family:Verdana, Arial;
	
	position: absolute;
	width: 100%;
	height: 100%;
	
	color: #00008F;
	padding: 0px;
	margin: 0px;
	
	scrollbar-base-color: #006699;
	scrollbar-arrow-color: #00FF00;
	
}

.bodyDiv {
	background: #FFFFFF;
	
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow:hidden;
}


.logoCls {
	position: absolute;
	left: 0px;
	top: 0px;
	
	border-width:0px;
}


.debugCls {
	background: #0000FF;

	position: absolute;
	left: 0.125in;
	top: 0.75in;
	width: 100%;
	
	visibility: hidden;
}


.mapPanelCls {
	background:#000000;
	position:absolute;
	left: 0in;
	top: 2em;
	width: 0%;
	height: 0%;

	overflow:auto;
	visibility: hidden;
	
	border-width:1px;
	border-style:solid;
}




.alarmPanelCls {
	background: #FCFCF9;
	color: #006699;
	position:absolute;
	left: 0px;
	top: 0%;
	width: 100%;
	height: 0%;
	
	font-size: 9pt;
	font-weight:normal;
	
	overflow-x:hidden;
	overflow-y:auto;

	visibility: hidden;
}


.treeNodeCls {
	COLOR: #006699;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
	FONT-WEIGHT: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: justify;
    MARGIN-LEFT: 0px;
    MARGIN-RIGHT: 0px;
    MARGIN-TOP: 0px
}

.treeNodeHoverCls {
	background: #E5EFFA;
	COLOR: #006699;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
	FONT-WEIGHT: bold;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: justify;
    MARGIN-LEFT: 0px;
    MARGIN-RIGHT: 0px;
    MARGIN-TOP: 0px;
}

.treeNodeAlarmCls
{
	COLOR: #006699;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
	FONT-WEIGHT: normal;
}

.treeNodeAckCls
{
	COLOR: #006699;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
	FONT-WEIGHT: normal;
}


.treeNodeSelectedCls {
    background: #E5EFFA;
    COLOR: #006699;
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: justify;
    MARGIN-LEFT: 0px;
    MARGIN-RIGHT: 0px;
    MARGIN-TOP: 0px;
}



.tabPanelCls {
	position:absolute;
	left: 70.5%;
	top: 0.0in;
	width: 0%;
	height: 0%;
	
	font-size:12px;
	
	overflow:hidden;
	visibility: hidden;
}

.tabHintCls {
	background: #006699;
	position:relative;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	overflow:hidden;
}
	
.treePanelCls {
	background: #FCFCF9;
	position:absolute;
	left: 1px;
	top: 1px;
	width: 100%;
	height: 99%;
	overflow:auto;
}


.tabNormalCls {
	color:#BBBBBB;
	background-color:#FFFFFF;
	font-family:Verdana;
	font-weight: normal;
	font-style: italic;
}
 .tabCurrentCls  {
	color:#00FF00;
	background-color:#006699;
	font-family:Verdana;
	font-weight: bold;
	font-style: normal;
}

.tabOverCls {
	color:#FFFFFF;
	background-color: #000000;
}


.menuPanelCls 
{
	z-index: 12345;
	visibility: hidden;
	display:none;
}

.menuBarCls {
	position: relative;
	left: 4px;
	top: 0px;

    background: #FCFCF9;
	font-family: Verdana, Arial;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	
	color: #006699;
}

.menuBarItemOverCls {
	position: relative;
	left: 6px;
	top: 1px;
	background: #FCFCF9;
	font-family: Verdana, Arial;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	
	color: #006699;
}

.menuItemCls {
	position: relative;
	left: 0px;
	top: 0px;
	background: #FCFCF9;
	font-family: Verdana, Arial;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	
	color: #006699;

}

.menuItemOverCls {
	position: relative;
	left: 2px;
	top: 0px;

	background: #C1D2EE;
	font-family: Verdana, Arial;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	
	color: #006699;
}

.alarmTableCls 
{
	border-style: solid;
}

.rpHeaderCls 
{
	font-size: 10pt;
	font-weight: bold;
	background: #006699;
	color: #7FFF7F;
}

.rpFooterCls 
{
	font-size: 10pt;
	font-weight: bold;
	background: #006699;
	color: #7FFF7F;
}


.rpBodyCls
{
	font-size: 8pt;
	color: #FFFFFF;
	background: #FFFFFF
}
.rpRowCls1
{
	color: #006699;
}

.rpRowCls2
{
	background: #0099CC;
}

.rpRowHiliteCls
{
	background: red;
}

.rpAlarmCls 
{
	background: red;
}

.alarmCellCls {
}

.ackCellCls {
}

.loginPanelCls 
{
	font-size: 9pt;
	position: relative;
	top: 0.0in;
	width: 5in;
	color: #006699;
	background: #FCFCF9;
}

.errorPanelCls 
{
	font-size: 12pt;
	position: relative;
	top: 0.0in;
	width: 5in;
	color: #FF0000;
	background: #FCFCF9;
}

.tableCaptionCls 
{
	font-size: 10pt;
	font-weight: bold;
	background: #006699;
	color: #7FFF7F;
	padding: 2px;
}

.formInputCls 
{
	color: #006699;
}

.formPanelCls
{
	position: relative;
	top: 1.125in;
	height: 4in;
	visibility:hidden; 
}


.btnBarCls 
{
	background: #EEEEEE;
}

.buttonCls {
	width: 1in;
}

.fullscreenMapPanelCls {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;

	overflow:auto;
	visibility: hidden;
}


.reportContentCls {
	position: absolute;
	left: 0in;
	top: 0.0in;;
	width: 100%;
	height: 100%;
	
	display: none;
}

.reportParameterPanelCls 
{
	color: #006699;
	font-size: 9pt;
	background: #FCFCF9;
	border: solid 1px #006699;
}

.reportTreePanelCls {
	font-size: 9pt;
	color: #006699;
	padding-bottom: 1em;
}

