body
{
	background-color: #FFFFFF;
        
}
body.horizontal-line
{
	background-color: #AFA9AD;
}
body.masthead
{
	background-color: #00339A;
}
body.component-tree 
{
	background-color: #D8EBFC
}
body.lsnb 
{
	background-color: white
}
body.server-name 
{
	background-color: #FFFFCE
}
body.snb 
{
	background-color: #00339A
}
body.headBackColor
{
        color: #FFFFFF;
	background-color: #000000;
} 
 body.data-area
{
	background-color: white;
}

 body.login-data-area
{
	background-color: white;
}
body.treehead
{
	background-color: #000000;
    font: 10pt Verdana,sans-serif;
	color: white;
    font-weight:normal;
}

FRAME.data-area
{
    background-color: #FFFFFF;
}

table.component-tree-selection 
{
	background-color: #99CCFF
}
table.data-area-background 
{
	background-color:#f2e5c8
}

table.loginTable 
{
	background-color: #98B1C4;
        border: 1px solid #000000;
        padding: 12px;
}

table.loginTable1 
{
	border: 4px outset;
        background-color: #F8EDED;
}
table.dataTable 
{
        border-collapse:separate;
        border-spacing:2px;  
        width: 90%;
        margin-left:auto;
        margin-right:auto;
        background-color: #FFFFFF;
        border:outset 2px;
        -moz-border-radius: 5px;
        border-style: solid;
        border-color: #bbbbbb;
/*		border-style:outset;*/

}
table.progressTable
{
        border-spacing:2px;
        width: 585px;
        height:77px;
        padding:2px;
        text-align:left;
        color: black;
}
TD 
{
	font-weight: normal;
	font-size: 10pt;
	color:black;
	font-family: Arial;
	
}
TD.headBackColor
{
    color: #FFFFFF;
	background-color: black;
}
TD.server-name 
{
	font-weight: bold;
	font-family: Arial;
	font-size: 14pt;
	color: black;
	background-color: #FFFFCE;
}
TD.progressMsg
{
        vertical-align:top;
        text-align:center;
        font-size: 24pt;
        font-family: Arial;
        font-weight: bold;
        color: black;
}
TD.server-name-button 
{
	background-color: #FFFFCE
}
TD.component-tree-item 
{
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	color: #0066CC;
	text-decoration:none;
}
TD.tab-image
{
	background-color: #CEDFEF;
	background-image: url("images/tabbg.gif");
}
TD.tab-text
{
	background-color: white;
}
TD.border
{
	background-color: #9A9B9F;
}
TD.global-nav-bar-item 
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	color: white;
	text-decoration: none;
    background-color: #000000;
    white-space:nowrap;
}
TD.cert-info-item 
{
	font-family: Verdana;
	font-size: 9pt;
        background-color: #98B1C4;
        
}
TD.gnavbar-separator 
{
	background-color: #CECBCE
}
TD.data-area-button 
{
	background-color:#ADAEAD
}
/* Modified */
TD.data-area-canvas 
{
	background-color: #FFFFFF;
        padding:2px;
        vertical-align:middle;
        text-align:left;
        white-space:nowrap;
		border-collapse:separate;
       
}
/* Modified */
TD.data-area-canvas-odd 
{
	background-color: #FFFFFF;
        padding:2px; 
        vertical-align:middle;
        text-align:left;
        white-space:nowrap;
		border-collapse:separate;
}

/*jim add*/
TD.data-area-canvas-new 
{
	    color: #ECECFF;
	background-color: #FFFFFF;
        padding:2px;
        vertical-align:middle;
        text-align:left;
        white-space:nowrap;
		border-collapse:separate;
       
}

/* Added */
TD.data-area-canvas2 
{
	background-color: #EDF6F9;
        
       
}
/* Added */
TD.data-area-canvas-odd2 
{
	background-color: #DAEEF3;
        
}



TD.data-area-jump-bar 
{
	background-color:#D8EBFC
}
TD.data-area-background 
{
	background-color:#f2e5c8
}
TD.data-area-separator 
{
	background-color:black
}
TD.data-area-title 
{
    font-weight: normal;
    font-size: 14pt;
    color: blue;
    font-family:  Arial
}
TD.data-area-shadow 
{
    background-color: #666666
}
TD.sensor-table-text 
{
    font-weight: normal;
    font-size: 8pt;
    color: black;
    font-family:  Arial
}

/* Modified */
TD.data-area-header 
{
	font-size: 11pt;
	font-weight: bold;
        color: black;
        background-color: #E0E0E0;
        padding:0px;
        vertical-align:middle;
        text-align:left;
        white-space:nowrap;
}

TH.data-area-header 
{
        font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
        color: black;
        background-color: #E0E0E0;
        padding:0px;
        vertical-align:middle;
        text-align:left;
        white-space:nowrap;
}

/* Added */
TD.data-area-header2 
{
	font-size: 11pt;
	font-weight: bold;
        color: white;
        background-color: #F2730A;
        padding:0px;
}
TD.avctTableBackground
{
	background-color: #000000;
}

TD.actTableBackground
{
	background-color: #9E3A38;
}
TD.loginTableBackground
{
	background-color: #EEEEEE;
}
TD.actTableBorder
{
	background-color: #CECFCE;
}
TD.login-text
{
    font-weight: bold;
    font-size: 8pt;
    color: black;
    font-family:  Arial
}
TD.login-prompt
{
	color: black;
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
}

TD.titleText
{
	color: white;
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
}

TD.about-background
{
	background-color: #00339A;
}
TD.about-title
{
	font-size: 14pt;
	font-weight: bold;
}
TD.about-copyright
{
	font-size: 8pt;
}
TD.error-title
{
	font-weight: bold;
}


A 
{
	font-size:10pt;
	font-family:Arial;
	font-weight:normal;
	color:black;
}
A.global-nav-bar-item 
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	color: white;
	text-decoration: none;
    white-space:nowrap;
}
A.tab-text
{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 9pt;
	color: #003398
}
A.tab-text-selected
{
	color: black;
}

A.data-area-jump-bar 
{
	font-size:10pt;
	font-family:Arial;
	font-weight:normal;
	color:black;
}
A.data-area-jump-bar-selection 
{
	font-weight:bold;
	color:#0066CC;
}
A.lsnb-text 
{
	text-decoration: none;
	color: black;
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal
}
A.lsnb-text-selection 
{
	color: #0033CC;
}
A.data-area-header 
{
	font-size: 11pt;
	font-weight: bold;
        color: black;
        background-color: #E0E0E0;
        padding:0px;
        vertical-align:middle;
        text-align:left;
        white-space:nowrap;
        text-decoration: none;
}

DIV.logout-header 
{
    font-weight: bold;
    font-size: 24pt;
    color: black;
    font-family: Arial
}
DIV.logout-prompt-text 
{
    font-weight: normal;
    font-size: 12pt;
    color: black;
    font-family: Arial
}

DIV.loading 
{
	font-size:0.8em;
/*	font-style:bold;*/
	font-weight:normal;
	margin-left:16px;
	margin-right:16px;
	margin-top:2px;
	margin-bottom:2px;
	vertical-align:middle;
}
DIV.component-selection 
{
	color: blue;
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
}
DIV.data-area-error-message 
{
	color: red;
	font-family: Arial;
	font-size: 11pt;
/*	font-weight: regular; */
}
DIV.system-info-data
{
	font-family: Arial;
	font-weight: normal;
	font-size: 8pt;
	color: white;
}


SPAN.data-area-alert-text {
    font-weight: bold;
}
SPAN.data-area-page-title {
    font-weight: normal;
    font-size: 16pt;
    color: #0066CC;
    font-family: Arial
}
SPAN.data-area-page-title-style {
    
    font-weight: bold;
    font-size: 18pt;
    color: black;
    font-family: Arial;
    margin-top: 20px;
    margin-left: 15px;
    text-align: left;
}
SPAN.data-area-prompt-text {
    font-weight: normal;
/*    FONT-SIZE: 11 pt; */
    color: black;
    font-family: Arial
}
SPAN.data-area-prompt-text-bold {
    font-weight: bold;
/*    FONT-SIZE: 10 pt; */
    color: black;
    font-family: Arial
}
SPAN.data-area-prompt-text-normal {
    font-weight: normal;
/*    FONT-SIZE: 10 pt; */
    color: black;
    font-family: Arial
}
SPAN.data-area-sub-header {
    font-weight: bold;
    font-size: 11pt;
    color: black;
    font-family: Arial
}
SPAN.data-area-summary-section-header {
    font-weight: bold;
    font-size: 13pt;
    color: black;
    font-family: Arial;
    margin-left:10px
   
}

SPAN.data-area-notes-section {
    font-weight: normal;
    font-size: 10pt;
    color: black;
    font-family: Arial
}

span.login-status
{
	font-family: Arial;
	font-size: 11pt;
	font-weight: normal;
}
span.treenode-selection {
 color: black;
 background: #ffffff;
}
/* I've seen it suggested that visibility and display can affect 
 * the way that NS handles frame events, however, it also seems 
 * that mozilla WILL render pixels if width and heigth are 0, in 
 * fact it creats a fairly visible artifact I'd guess to be about 
 * 4x4 pixels.
 */
IFRAME.hidden
{
	width : 0;
	height : 0;
	visibility:hidden;
	display:none;
}

/*
 *  Allows easy switching of iframe class to quickly debug problems with iframe.
 */
IFRAME.debug 
{
	width : 800;
	height : 600;

}

/*
 * Create a hidden class so that we can easily change the way we show/hide layers
 */
DIV.hidden
{
	width : 0;
	height : 0;
	visibility:hidden;
	display:none;
}

/*
 * Inverse of a hidden div
 */
DIV.shown
{
	width : auto;
	height : auto;
	visibility:visible;
	display:inline;
}  



DIV.btnGrey{margin: 0 10%;background: #ADAEAD;width:90;}
body{background-color: #FFF;}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #ADAEAD}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

DIV.btnBlue{margin: 0 10%;background: #ADBEE7;width:90;}
body{background-color: #FFF;}
b.ltop, b.lbottom{display:block;background: #FFF}
b.ltop b, b.lbottom b{display:block;height: 1px;
    overflow: hidden; background: #ADBEE7}
b.l1{margin: 0 5px}
b.l2{margin: 0 3px}
b.l3{margin: 0 2px}
b.ltop b.l4, b.lbottom b.l4{margin: 0 1px;height: 2px}


DIV.tblYellow{background: #F2730A;}
body{background-color: #FFF;}
b.ytop, b.ybottom{display:block;background: #FFF}
b.ytop b, b.ybottom b{display:block;height: 1px;
    overflow: hidden; background: #F2730A}
b.y1{margin: 0 5px}
b.y2{margin: 0 3px}
b.y3{margin: 0 2px}
b.ytop b.y4, b.ybottom b.y4{margin: 0 1px;height: 2px}


DIV.tblBrown{background: #3E6A9B;}
body{background-color: #FFF;}
b.ttop, b.tbottom{display:block;background: #FFF}
b.ttop b, b.tbottom b{display:block;height: 1px;padding:0;
   overflow: hidden;  background: #3E6A9B}
b.t1{padding:0; margin: 0 5px}
b.t2{padding:0; margin: 0 3px}
b.t3{padding:0; margin: 0 2px}
b.ttop b.t4, b.tbottom b.t4{padding:0; margin: 0 1px;height: 2px}


DIV.tblRose{background: #F2DBDB;}
body{background-color: #FFF;}
b.htop, b.hbottom{display:block;background: #FFF}
b.htop b, b.hbottom b{display:block;height: 1px;
    overflow: hidden; background: #F2DBDB}
b.h1{margin: 0 5px}
b.h2{margin: 0 3px}
b.h3{margin: 0 2px}
b.htop b.h4, b.hbottom b.h4{margin: 0 1px;height: 2px}




.buttonStyle {
  margin: 1em 0;
  width: 9em;
  font-family: helvetica,arial,sans-serif;
  font-size: 100%;

}
.buttonStyle a {
  display: block;
  width: 100%;

}
.buttonStyle a:link,
.buttonStyle a:visited {
    
  background-color: #EEEEEE;
  color: #000;
  text-decoration: none;
  width: 100%;    
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.buttonStyle a:hover {
  font-weight: bold;
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}
.buttonStyle span.caption {
  padding: 0 0.4em;
  background-color: #fff;
  color: #0c479d;
  
}


.disableButtonStyle {
  margin: 1em 0;
  width: 9em;
  font-family: helvetica,arial,sans-serif;
  font-size: 100%;
  display: block;
   color: #ACA8A6;
  background-color: #ECE9D8;
   border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}

a.button {
    /* Sliding right image */
    background: transparent url('../images/button_right.png') no-repeat scroll top right; 
display: block;
float: left;
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 14px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.button span {
/* Background left image */ 
background: transparent url('../images/button_left.png') no-repeat; 
display: block;
line-height: 18px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
} 
a.button:hover span{
text-decoration:underline;

}


a.disablebutton {
    /* Sliding right image */
    background: transparent url('../images/buttondis_right.png') no-repeat scroll top right; 
display: block;
float: left;
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 18px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #ACA8A6;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.disablebutton span {
/* Background left image */ 
background: transparent url('../images/buttondis_left.png') no-repeat; 
display: block;
line-height: 18px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
} 


