/*
* Copyright (c) 2003-2009, 2011 by cisco Systems, Inc.
* All rights reserved.
*/

/*  Updated for Template acs04  */

/*BODY_GENERAL STYLES*/

html {
    height: 100%;
    overflow: auto;
}

body {
     
	margin: 0px 0px 0px 0px;
}

body.config {
    background-image: url( ../webacs/images/background_wcs_topmenu.gif );
    background-repeat: repeat-x;
    background-color: #FFFFFF;
}

body.admincfg {
    background-image: url( ../webacs/images/background_wcs_topmenu.gif );
    background-repeat: repeat-x;
    background-color: #FFFFFF;
}

body.report {
    background-color: #FFFFFF;
    background-image: none;
}
body.popup {
    background-color: #FFFFFF;
    background-image: none;
}

BODY.planning {
    BACKGROUND-IMAGE:  url(file:///C|/Documents%20and%20Settings/root/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/D1JDUVFZ/background.gif);
    BACKGROUND-REPEAT: repeat-y;
    BACKGROUND-COLOR: #ffffff
}

body.iframe { 						/* Used in pages displaying maps */
    background-color: #FFFFFF;
    background-image: none;
	margin: 0px;
}
body.iframeDialog {
    background-color: #F0F0F0;
    background-image: none;
}

body.planningIframe {
    BACKGROUND-COLOR: #ffffff;
    background-image: none;
}

body.portal {
    background-color: #FFFFFF;
    background-image: none;
}

/*Link STYLES*/

a {
    color: #0061A7;
    text-decoration: underline;
}

a:link {
    color: #0061A7;
    text-decoration: underline;
}

a:hover {
    color: #FF9900;
    text-decoration: underline;
}

a:active {
    color: #0061A7;
    text-decoration: underline;
}

/* First level links in left pane */
a.navBar_1 {
    color: #FFFFFF;
    text-decoration: none;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}

a.navBar_1:link {
    color: #FFFFFF;
    text-decoration: none;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}

a.navBar_1:hover {
    color: #FFBB00;
    text-decoration: underline;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}

a.navBar_1:active {
    color: #FFFFFF;
    text-decoration: none;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}

/* Second level links in left pane */
a.navBar_2 {
    color: #FFFFFF;
    text-decoration: none;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

a.navBar_2:link {
    color: #FFFFFF;
    text-decoration: none;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

a.navBar_2:hover {
    color: #FFBB00;
    text-decoration: underline;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

a.navBar_2:active {
    color: #FFFFFF;
    text-decoration: none;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

/*red-critical text in the content area*/

a.criticalAlarmCnt {
    color: red;
}

a.criticalAlarmCnt:link {
    color: #FF0000;
}

a.criticalAlarmCnt:hover {
    color: #660000;
}

a.criticalAlarmCnt:active {
    color: #FF0000;
}

/* Generic navigation links in left pane */
a.navBar {
    color: #FFFFFF;
    text-decoration: none;
}

a.navBar:link {
    color: #FFFFFF;
    text-decoration: none;
}

a.navBar:hover {
    color: #FFBB00;
    text-decoration: underline;
}

a.navBar:active {
    color: #FFFFFF;
    text-decoration: none;
}

/*breadcrumbs*/
a.pageTitle {
    color: #336699;
    text-decoration: underline;
    font-family: Verdana, arial, san-serif;
    font-size: 12px;
}

a.pageTitle:link {
    color: #336699;
    text-decoration: underline;
    font-family: Verdana, arial, san-serif;
    font-size: 12px;
}

a.pageTitle:hover {
    color: #000000;
    text-decoration: underline;
    font-family: Verdana, arial, san-serif;
    font-size: 12px;
}

a.pageTitle:active {
    color: #336699;
    text-decoration: underline;
    font-family: Verdana, arial, san-serif;
    font-size: 12px;
}

/*breadcrumbs*/
a.pageTitleProp {
    color: #336699;
    text-decoration: underline;
    font-family: Verdana, arial, san-serif;
    font-size: 12px;
}

a.pageTitleProp:link {
    color: #336699;
    text-decoration: underline;
    font-family: Verdana, arial, san-serif;
    font-size: 12px;
}

a.pageTitleProp:hover {
    color: #000000;
    text-decoration: underline;
    font-family: Verdana, arial, san-serif;
    font-size: 12px;
}

a.pageTitleProp:active {
    color: #336699;
    text-decoration: underline;
    font-family: Verdana, arial, san-serif;
    font-size: 12px;
}

/*left pane*/
a.subtab {
    color: #FFFFFF;
    text-decoration: none;
}

a.subtab:link {
    color: #FFFFFF;
    text-decoration: none;
}

a.subtab:hover {
    color: #ff9100;
    text-decoration: underline;
}

a.subtab:active {
    color: #FFFFFF;
    text-decoration: none;
}


a.subtab1 {
    color: #FFFFFF;
    text-decoration: underline;
}

a.subtab1:link {
    color: #FFFFFF;
    text-decoration: underline;
}

a.subtab1:hover {
    color: #ff9100;
    text-decoration: underline;
}

a.subtab1:active {
    color: #FFFFFF;
    text-decoration: underline;
}


/*???*/
a.apIcon {
    color: #FFFFFF;
    text-decoration: none;
}

a.apIcon:link {
    color: #FFFFFF;
    text-decoration: none;
}

a.apIcon:hover {
    color: #CCFF66;
    text-decoration: none;
}

a.apIcon:active {
    color: #FFFFFF;
    text-decoration: none;
}

/*???*/
a.alarm {
    color: #000000;
    text-decoration: none;
}

a.alarm:link {
    color: #000000;
    text-decoration: none;
}

a.alarm:hover {
    color: #000000;
    text-decoration: underline;
}

a.alarm:active {
    color: #000000;
    text-decoration: none;
}

/*???*/
a.navAlarmNothing {
    color: #EEEEEE;
    background-color: #397494;
    text-decoration: none;
}

a.navAlarmNothing:link {
    color: #EEEEEE;
    background-color: #397494;
    text-decoration: none;
}

a.navAlarmNothing:hover {
    color: #EEEEEE;
    background-color: #397494;
    text-decoration: underline;
}

a.navAlarmNothing:active {
    color: #EEEEEE;
    background-color: #397494;
    text-decoration: none;
}

/*???*/
a.dobermanPeerLink:link {
    color: #0066CC;
}

a.dobermanPeerLink:visited {
    color: #0066CC;
}

a.dobermanPeerLink:hover {
    color: #FFCC00;
}

a.dobermanPeerLink:active {
    color: #0066CC;
}
/* The class a.toolbarlink is defined in "udm-style.css" instead of here. */

P.navAlarmCritical {
	padding-right: 0px; PADDING-LEFT: 0px; padding-bottom: 0px; width: 14px; COLOR: #000000; padding-top: 0px; HEIGHT: 16px; BACKGROUND-COLOR: #ff0000
}

/*???*/
div.alarmSummaryPortal {
/* contains alarm summary */
    position: absolute;
    left: 0px;

}
div.alarmFrame {
/* Contains the Alarm Summary panel */
    position: absolute;
    bottom: 0px;
    left: 0px;
	background-color: #2F6681;
	padding: 5px 5px 5px 0px;
}

div.treeNode {
      margin-left: 16px;
      margin-top: 2px;
   }

div.treeNode2 {
      margin-left: 20px;
}
div.treeNodeEnabled{
      color:black;
   }
div.treeNodeDisabled{
      color:grey;
   }


/*???*/
div.autoAdd {
    overflow: auto;
    position: absolute;
    left: 5px;
    top: 75px;
    width : 170px;
    height: 460px;
    z-index: 2;
    background-color: #24688D;
    border: solid 1px #8fb6cb;
}

/*map-contributing*/
div.contributingAps {
    overflow: auto;
    z-index: 2;
    BORDER: #cccccc 1px solid;
    MARGIN-LEFT: 10px;
    BORDER-LEFT: #999999 1px solid;
    WIDTH: 150px;
    BORDER-BOTTOM: #999999 1px solid;
    HEIGHT: 65px;
    BACKGROUND-COLOR: #ffffff;
    color: #000000;

}

/*???*/
td.assetLabel {
    BACKGROUND-COLOR: #BBCCFF;
    padding: 2px 2px 1px 2px;
    BORDER: #333333 1px solid;
    BORDER-BOTTOM: #333333 1px solid;
    BORDER-LEFT: #333333 2px solid;
}

/*???*/
a.assetLabel {
    color: #24688D;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

/*???*/
div.mapInfoMsg {
    overflow: auto;
    z-index: 2;
    BORDER: #333333 1px solid;
    MARGIN-LEFT: 10px;
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: #24688D;
    font-family: Verdana, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 5px 2px 3px;
}

/*???*/
div.calibrationLegend {
    overflow: auto;
    z-index: 2;
    BORDER-TOP: #333333 1px solid;
    MARGIN-LEFT: 6px;
    MARGIN-TOP: 20px;
    BORDER-LEFT: #333333 1px solid;
    WIDTH: 165px;
    BORDER-BOTTOM: #4e8eb1 1px solid;
    HEIGHT: 358px;
    TOP: 50px;
    BACKGROUND-COLOR: #ffffff;

}

/*???*/
div.reportPage {

    position: absolute;
    width : 660px;
    height: 900px;
    z-index: 2;
    background-color: #EEEEFF;
    border: solid 2px #8fb6cb;
}

/*???*/
div.reportPage2 {

    position: absolute;
    z-index: 2;
}

/*???*/
div.reportPageBreak {

    page-break-before: always;
}

/*holds dashboard*/
div.alarms {
/* contains alarm summary */
    background-color: #f8f8f8;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-top: solid 1px #666666;
    padding: 5px 5px 4px 0px;
}

/* This class is used to contain the page content, i.e. everything in the lower right "frame". */
/* Could have used ID here instead since there is only one div.content per page. */
div.content {
    padding: 9px 0px 0px 10px; /* changed bottom padding to 0px from 10px - RNN 10.10.2007 */
}

div.dialogcontent {
    padding: 9px 0px 10px 10px;
    vertical-align:middle;
}

div.fixedcontent {
    padding: 9px 0px 10px 10px;
    position: absolute;
    left: 180px;
}

div.floatcontent {
    padding: 9px 0px 10px 10px;
}

/* This makes sure that labels have padding to the right */
.label {

    padding: 0px 10px 0px 0px;
}

/*???*/
td.indented {
    padding: 0px 0px 5px 20px;
}

/* contains title and filter widgets */
div.navBar {
    top: 62px;
    left: 0px;
    width: 180px;
    height: 400px;
}

td.navBar {
    top: 62px;
    left: 0px;
    width: 180px;
    height: 400px;
}

table.navBar {
/* Used to mockup the Alarm panel. Not used in the real product. (Flash used there.) */
    width: 165px;
/* This class was incorporated into the product by someone. Other attributes were added. */
    margin-left: 10px;
}

/* used in New Building dialog */
div.rulerTop {
    border-left: 1px solid #808080;
    background-color: #DAE6ED;
    padding: 3px 0px 0px 2px;
    font-size: 11px;
    color: #808080;
    height: 18px;
}

/* used in New Building dialog */
div.rulerSide {
    border-top: 1px solid #808080;
    background-color: #DAE6ED;
    padding: 0px 2px 0px 0px;
    font-size: 11px;
    color: #808080;
    text-align: right;
    width: 19px;
}

/* used in New Building dialog - map */
div.rulerBackground {
    background-color: #DAE6ED;
}

form {
    margin: 0px
}

/*???*/
h1 {
    font-family: Arial, helvetica, sans-serif;
    font-size: 16px;
    color: #808080;
    margin: 0px 0px 9px 0px;

}

h1.pageTitle {
/* page title on list pages, alarm pages */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #808080;
    margin: 0px 0px 0px 0px;
}

h1.searchTitle {
/* page title on list pages, alarm pages */
    font-family: Verdana, arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #2F6681;
    margin: 8px 0px 11px 10px; /* 8px top margin, 11px bottom */
}

h1.navBar {
/* Title at top of navigation panel. */
    color: #C9D8E0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 9px 0px 7px 10px; /* margins: top right bottom left */
}

h1.navBarAlign {
    COLOR: #2F6681;
    margin: 5px 0px 5px 0px; /* 8px top margin, 11px bottom */
}

h1.searchTitle {
    MARGIN: 8px 0px 11px 10px; COLOR: #000000
}

/*???*/
img.barchart {
    margin: 1px 1px 0px 0px;
}

/*???*/
input, p, select, td, textarea, th {
    font-family: verdana, sans serif;
    font-size: 11px;
}

input.information {
    color:#bbbbbb;
}

input.button {
/* No width specified. Stretches to fit text. */
    font-weight: bold;
 }

input.button150 {
/* Fixed 150px width */
    font-weight: bold;
    width: 150px;
    margin-top: 10px;
    background-color: #cccccc;
}

input.buttonEdit {
/* Special narrow buttons for map editing pages */
    width: 80px;
    margin: 1px 2px 0px 2px;
    font-weight: bold;
    background-color: #cccccc;
}

input.button2 {
/* No width specified. Stretches to fit text. Plus top margin */
    font-weight: bold;
    background-color: #cccccc;
    margin-top: 20px;
}

input.buttonNavBar {
/* For navigation bar. Fixed width. */
    width: 80px; /* Includes 10px space above. */
    margin-top: 10px;
    font-weight: bold;
    background-color: #cccccc;
}

input.buttonNavBar1 {
/* For navigation bar. Fixed width. */
    width: 80px; /* Includes 7px space above. */
    margin-top: 7px;
    font-weight: bold;
    background-color: #cccccc;
}

/*???*/
p.boilerplate {
    font-size: 11px;
    color: #808080;
}

select.navBar {
/* sized to fit in navigation bar */
    width: 150px; /* same width as 24 character input field */
    margin: 1px 0px 1px 0px; /* match height to that of input field */
}

select.navBarPortal {
/* sized to fit in navigation bar */
    width: 160px; /* same width as 24 character input field */
    margin: 1px 0px 1px 0px; /* match height to that of input field */
}

/*???*/
table.boilerplate {
    margin-top: 20px;
}

/* Used in Reports tabs to position links at right side */
table.content {
    width: 98%;
}

div.tabcontent {
    padding: 20px 10px 10px 10px;
}


/*???*/
table.iAutoplace {
    margin-left: 10px;
    width: 155px;
}

/*???*/
table.navBar1 {
    margin: 2px 0px 0px 10px;
}

/*???*/
td.boilerplate {
    font-size: 11px;
    color: #808080;
}

/* Used to separate columns of config fields */
td.column {
    padding-right: 24px;
    vertical-align: top;
}

/* Used for component headers in WCS Home page */
td.componentTitle {
    background-color: #C6DDE9;
    border-top: 1px solid #648799;
	font-weight: bold;
	color: #2F6681;
	padding: 3px 3px 3px 3px;
}

/* Used to label fields in monitoring pages */
td.contentLabel {

    font-size: 11px;
    color: #666666;
    border-bottom: 1px solid #e2e2e2;
    background-color: #ffffff;

}

/* Used to label fields with input in monitoring pages */
td.contentLabel2 {
    font-weight: bold;
    color: #666666;
    padding: 3px 5px 3px 3px;
}

/* Used for labeling graph axes */
td.graphLabel {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    color: #808080;
    padding: 2px;
}

/* Used for labeling graph axes */
td.graphLabel_alt {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    color: #FF0000;
    padding: 2px;
}

/* list column headers */
td.graphSubTitle {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica;
    color: #666666;
    padding: 5px 5px 5px 3px;
}

/* Used on Monitor Summary page */
td.criticalAlarmCnt {
    padding: 1px 5px 3px 3px;
    color: #FF0000;
}

td.historyAlarmCnt {
    padding: 1px 5px 3px 3px;
    color: #0071B5;
}

/*monitor summary section headers*/

td.graphTitle {
    padding: 20px 5px 10px 0px;
    font-weight: bold;
    color: #2F6681;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;

}

td.graphTitle1 {
/* Used on Monitor Summary page */
    padding: 18px 5px 2px 3px;
    font-weight: bold;
    color: #1F7099; /* Changed 2007-08-15 to match Cisco colors. (Roy) */
}

td.graphTitleNoPadding {
    padding: 0px 5px 0px 0px;
    font-weight: bold;
    color: #2F6681;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;

}

td.subGraphTitle {
    padding: 20px 5px 10px 0px;
    color: #2F6681;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;

}

/* Used on Monitor Summary page */
td.toolTipTitle {
    padding: 3px 5px 2px 3px;
    font-weight: bold;
    color: #ffffff;
    background-color: #999999;
    border-bottom: 1px solid #000000;
}

/* Used on Monitor Summary page */
td.timeTitle {
    padding: 1px 5px 3px 3px;
    font-size: 10px;
    color: #666666;
}

/* Used on Monitor Summary page */
div.graphTitle {
    padding: 8px 0px 0px 0px;
    font-weight: bold;
    color: #999999;
}

td.legend {
    height: 20px;
}

td.lineDark {
    background-color: #C0D5D5;
}

td.lineDark1 {
    background-color: #C0D5D5;
}

td.list {
    padding: 3px 5px 3px 3px;
    font-size: 11px;
    border-bottom: 1px solid #e2e2e2;
    background-color: #ffffff;
}
td.list2 {  /* Same as td.list but without the bottom border line */
    padding: 3px 5px 3px 3px;
    font-size: 11px;
}

tr.evenRow {
    background-color: #FFFFFF;
}
tr.alternateRow {
  background:#e3edfa;
  padding:2px;
}

tr.oddRow {
    background-color: #f8f8f8;
}
p.evenRow {
    background-color: #FFFFFF;
}

p.oddRow {
    background-color: #f8f8f8;
}

td.alternatingList {
    padding: 3px 5px 3px 3px;
    border-bottom: 2px solid #cccccc;
}

td.listNoPad {
/* for lists with checkboxes or form elements */
    padding: 0px;
    border-bottom: 1px solid #e2e2e2;
    background-color: #ffffff;
}

th.navLabel {
/* used to label fields and dropdowns in navigation bar */
    padding: 10px 0px 1px 0px;
    color: #666666;
    vertical-align: top;
    border-bottom: 0px solid #cccccc;
}

td.navLabel {
/* used to label fields and dropdowns in navigation bar */
    padding: 10px 0px 2px 0px; 		/* Increased bottom padding to 2px. Should this propagate to related classes? */
    color: #FFFFFF;
}

td.navLabelAutoPlace {
/* used to label fields and dropdowns in navigation bar */
    padding: 10px 0px 1px 2px;
    color: #666666;
}

td.navLabel1 {
/* used to label fields and dropdowns in navigation bar */
    padding: 2px 0px 1px 0px;
    color: #666666;
}


.pageTitle {
/* page title on list pages, alarm pages */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #808080;
    vertical-align: top;
    height: 25px;
}

td.planTitle {
/* Used in planning mode. Related to td.graphTitle */
    padding: 0px 5px 2px 3px;
    font-weight: bold;
    color: #666666;
}

td.planProp {
/* Used in planning mode. Related to td.graphTitle */
    color: #666666;
    font-weight: bold;
}

div.pageTitleProp {
/* page title on properties (config) pages */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #808080;
    vertical-align: top;
    height: 25px;
}

td.waitImgMsg {
    font-family: verdana, arial, san-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    height: 35px;
    padding: 0px 0px 0px 0px;
}

td.pageTitleProp {
/* page title on properties (config) pages */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #808080;
    vertical-align: top;
    height: 25px;
    padding: 0px 0px 0px 0px;
}

th.propertyLabel {
/* for labeling fields on map config pages */
    font-family: verdana, arial, san-serif;
    height: 26px;
    font-weight: bold;
    color: #2F6681;
    padding: 5px 10px 5px 0px;
    vertical-align: top;
    border-bottom: 0px solid #cccccc;
}

th.propertyLabel2 {
/* second level label for config pages -- indented */
    font-family: verdana, arial, san-serif;
    padding: 5px 10px 5px 20px;
    vertical-align: top;
    border-bottom: 0px solid #cccccc;
}

td.propertyLabel {
/* for labeling fields on map config pages */
    font-family: verdana, arial, san-serif;
    height: 26px;
    font-weight: bold;
    color: #2F6681;
    padding: 0px 10px 0px 0px
}

td.propertyLabel2 {
/* second level label for config pages -- indented */
    font-family: verdana, arial, san-serif;
    padding: 5px 10px 5px 20px;
    vertical-align: top;
}

td.propertyLabel3 {
/* for labeling fields on map config pages */
    font-family: verdana, arial, san-serif;
    padding: 4px 0px 1px 2px;
}

td.propertyLabel4 {
/* text values for config pages -- not indented */
    font-family: verdana, arial, san-serif;
    padding: 5px 10px 5px 0px;
    vertical-align: top;
}

td.subtab {
/* used for subtab text */
    color: #666666;
    padding: 0px 0px 2px 15px;
    height: 17px;
}

td.toolTip1 {
    background-color: #f3f3f3;
    color: #666666;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
}

td.toolTip2 {
    background-color: #ffffff;
    color: #000000;
    border-bottom: 1px solid #cccccc;
}

th {
    font-family: verdana, arial, san-serif;
    font-weight: bold;
    font-size: 11px;
    color: #666666;
    padding: 10px 5px 3px 3px;  /*Judy: change top padding from 18 to 10*/
    border-bottom: 1px solid #999999; /* Made this darker to emphasize header. (Was #CCCCCC) RNN */
	border-top: 1px solid #cccccc; 	/*Created by Judy*/
	
}

th.rowScope {
    font-family: verdana, arial, san-serif;
    font-weight: bold;
    font-size: 11px;
    color: #666666;
    padding: 3px 5px 3px 3px;
    border-bottom: 1px solid #e2e2e2;
}

th.selectAll {
    font-weight: bold;
    color: #24688D;
    padding: 16px 0px 0px 0px;
    border-bottom: 1px solid #cccccc;
}

/* Used in WCS Home component table headers */
th.summary {
    font-family: verdana, arial, san-serif;
    font-weight: bold;
    font-size: 11px;
    color: #666666;
    padding: 5px 5px 3px 3px;
    border-bottom: 1px solid #cccccc;
	background-color: #FFFFFF; /* made background color white to go against gray tab backgrounds -- Roy */
}

/*added by bdoshi*/
div.aptag {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0px 4px 2px 4px;
    background-color: #EEEEFF;
    border-top: 1px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    position: absolute;
    top: 6px;
    left: 30px;
	white-space: nowrap;
}

td.indicator {
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    margin: 0px 0px 0px 0px;
}

/*added by bdoshi*/
div.aptagPosition {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0px 4px 2px 4px;
    background-color: #EEEEFF;
    border-top: 1px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    position: absolute;
    top: 6px;
    left: 30px;
    overflow:visible;
}

div.alternateApTag {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0px 4px 2px 4px;
    background-color: #2f6681;
    color: white;
    border: 1px solid black;
    position: absolute;
    top: 20px;
    left: 30px;
}

div.clientTagPosition {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0px 4px 2px 4px;
    background-color: #EEEEFF;
    border-top: 1px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    position: absolute;
    top: 6px;
    left: 28px;
    width: 66px;
}

div.markerTagPosition {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0px 4px 2px 4px;
    color: #000000;
    background-color: #EEEEFF;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    position: absolute;
    top: 15px;
    left: 12px;
}

DIV.apMonitor {
    BORDER-RIGHT: black 2px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 4px;
    FONT-SIZE: 11px;
    LEFT: 30px;
    PADDING-BOTTOM: 2px;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: black 2px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    POSITION: absolute;
    TOP: 6px;
    BACKGROUND-COLOR: #656580
}

div.apMonitor2 {
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #656580
}

div.apMessage {
    font-size: 9px;
    position: absolute;
    left: 30px;
    top: 6px;
    z-index: 20000;
    background-color: #ffffff;
    width: 73px;
    height: 15px;
    text-align: center;
    padding: 2px 0px 0px 0px;
    border: solid 1px #00A6FF;
}

div.confidenceFactor {
    border: red 2px solid;
    background-color: red;
    padding: 0px 0px 0px 0px;
    filter: Alpha( Opacity = 60 );
    -moz-opacity: 0.6;
}

div.building {
/* represents buildings in campus map */
    border: solid 4px #666666;
    text-align: center;
}

div.locationdB {
/* represents buildings in campus map */
    border: 0px;
    padding: 0px 0px 0px 0px;
    filter: Alpha( Opacity = 60 );
    -moz-opacity: 0.6;
}

div.selectedBuilding {
/* represents buildings in campus map */
    border: solid 4px #0099ff;
    text-align: center;
}

div.deleteSelection {
/* represents buildings in campus map */
    border: solid 2px #000000;
    text-align: center;
}

div.outdoor {
/* represents buildings in campus map */
    border: dashed 4px #666666;
    text-align: center;
    vertical-align: middle;
}

div.selectedOutdoor {
/* represents buildings in campus map */
    border: dashed 4px #0099ff;
    text-align: center;
}

div.floorRegion {
/* represents buildings in campus map */
    border: dashed 4px #000000;
    text-align: center;
}

div.buildingOk {
/* represents buildings in campus map */
    border: solid 4px #00aa00;
    text-align: center;
    vertical-align: middle;
}

div.buildingMajor {
/* represents buildings in campus map with critical alarm */
    border: solid 4px #FF0000;
    text-align: center;
}

div.buildingMinor {
/* represents buildings in campus map with critical alarm */
    border: solid 4px yellow;
    text-align: center;
}

div.outdoorOk {
/* represents outdoors in campus map */
    border: dashed 4px #00aa00;
    text-align: center;
    vertical-align: middle;
}

div.outdoorMajor {
/* represents outdoors in campus map with critical alarm */
    border: dashed 4px #FF0000;
    text-align: center;
}

div.outdoorMinor {
/* represents outdoors in campus map with critical alarm */
    border: dashed 4px yellow;
    text-align: center;
}

div.outdoorArea {
/* represents buildings in campus map */
    border: solid 3px #9932CC;
    text-align: center;
    vertical-align: middle;
}

div.selectedOutdoorArea {
/* represents buildings in campus map */
    border: solid 3px #8B008B;
    text-align: center;
    vertical-align: middle;
}

div.areaTagAbs {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0px 4px 2px 4px;
    background-color: #EAECF6;
    vertical-align: middle;
    margin-top: 10px;
    position:absolute;
    border-top: 1px solid #000000;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    border-left: 1px solid #000000;
    z-index:99;
}

span.areaTag {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0px 4px 2px 4px;
    background-color: #EAECF6;
    vertical-align: middle;
    margin-top: 10px;
    border-top: 1px solid #000000;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    border-left: 1px solid #000000;
}

div.buildingBlack {
/* represents buildings in campus map */
    border: solid 1px #000000;
    text-align: center;
    vertical-align: middle;
}

div.scale {
    font-family: Verdana, arial, helvetica;
    font-size: 12px;
    color: #000000;
    margin: 0px 0px 9px 0px;
    background-color: yellow;
    width: 22px;
    text-align: center;
}

p.buildingLabel {
    font-family: Verdana, arial, helvetica;
    font-size: 12px;
    color: #000000;
    margin: 0px 0px 9px 0px;
    background-color: #00FFFF;
    text-align: center;
}

input.buttonProperties {
/* 80 pixel width. Some spacing */
    width: 80px;
    margin: 10px 1px 0px 1px;
    font-weight: bold;
    background-color: #cccccc;
}

td.mapLabel {
/* used to label access points on map displays */
    font-size: 11px;
    background-color: #E0F5FF;
    border: 1px solid black;
    padding: 0px 4px 1px 4px;
}

td.statusGreen {
    padding: 3px 5px 3px 3px;
    border-bottom: 1px solid #cccccc;
    background-color: #FFFFFF;
    color: green;
}

td.statusAmber {
    padding: 3px 5px 3px 3px;
    border-bottom: 1px solid #cccccc;
    background-color: #FFFFFF;
    color: yellow;
}

td.statusRed {
    padding: 3px 5px 3px 3px;
    border-bottom: 1px solid #cccccc;
    background-color: #FFFFFF;
    color: red;
}

/* added by cscheers */

td.navLabel2 {
/* used to label checkboxes in navigation bar */
    padding: 6px 0px 1px 2px;
    color: #666666;
}

select.navBar2 {
/* second level dropdown menu */
    width: 140px; /* narrower so it can be indented. Increased to 140px from 132px. */
    margin: 1px 0px 1px 0px;
}

table.navBar2 {
/* for displaying indented objects in navBar */
    margin-left: 30px;
}

div.floor {
    border: 1px solid #24688D;
    background-color: #DAE6ED;
}

td.major {
/* Used to display major alarms in Alarm table */
    background-color: #FFBC00;
    padding: 3px 5px 2px 3px;
    color: #FFFFFF;
    font-weight: bold;
    border-bottom: 2px solid #ffffff;
}

td.minor {
/* Used to display minor alarms in Alarm table */
    background-color: #FFFF66;
    padding: 3px 5px 2px 3px;
    color: #666666;
    font-weight: bold;
    border-bottom: 2px solid #ffffff;
}

td.critical {
/* Used to display critical alarms in Alarm table */
    background-color: #FF0000;
    padding: 3px 5px 2px 3px;
    color: #FFFFFF;
    font-weight: bold;
    border-bottom: 2px solid #ffffff;
}


td.info {
/* Used to display info alarms in Alarm table */
    background-color: #DDDDDD;
    padding: 3px 5px 2px 3px;
    color: #666666;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
}

td.clear {
/* Used to display info alarms in Alarm table */
    background-color: white;
    padding: 3px 5px 2px 3px;
    color: #666666;
    font-weight: bold;
    border-bottom: 2px solid #ffffff;
}

.statictextbox {
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF; /*BACKGROUND-COLOR: #FFE4E1;*/
    /*
        BORDER-BOTTOM: #000000 0px inset;
        BORDER-LEFT: #000000 0px outset;
        BORDER-RIGHT: #000000 0px inset;
        BORDER-TOP: #000000 0px outset;
    */

    BORDER-BOTTOM: 0px inset;
    BORDER-LEFT: 0px outset;
    BORDER-RIGHT: 0px inset;
    BORDER-TOP: 0px outset;
}

span.timestamp {
/* used for annotations and history */
    color: #0099cc;
}

p {
    margin: 0px 0px 8px 0px;
}

td.divider {
    height: 10px;
}

.level_1 {
    font-weight: bold;
    padding: 0px 0px 6px 0px;
    color: #000000;
    text-decoration: none;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}

td.level_1 {
/* used in left panel menus */
    font-weight: bold;
    padding: 0px 0px 6px 0px;
    color: #FFFFFF;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}

td.level_2 {
/* padding on left side to create indent */
    color: #EEEEEE;
    padding: 0px 0px 3px 10px;  /* RNN: Reduced padding from 15 to 10 px */
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}

td.level_3 {
/* padding on left side to create indent */
    color: #689FBA;
    padding: 0px 0px 3px 20px;  /* RNN: Reduced padding from 30 to 20 px */
}

td.lineProp {
/* list for properties pages */
    background-color: #638FA6;
}

td.port {
    padding: 0px 7px 5px 0px
}

td.gigeportspace {
    padding: 0px 4px 5px 0px
}

td.gigeportspace1 {
    padding: 0px 6px 5px 0px
}

.tooltip {
    position: absolute;
    padding: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: solid 1px #2F6681;
    background: #ffffff;
    display: none;
}

.wonb {
    position: absolute;
    padding: 30px 10px 30px 10px;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: justify;
    width: 300px;
    color: #ffffff;
    background: #000000;
    border: solid 1px #000000;
    display: none;
}

.semitransparent {
    position: absolute;
    padding: 2px;
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    width: 300px;
    color: #000000;
    border: solid 1px #000000;
    display: none;
    background-image:  url(../Images/stb_yellow.gif);
}

/* Used for labels in the Alarm Summary table */
td.navAlarm {
	COLOR: #FFFFFF;
	HEIGHT: 16px;
}

th.navAlarm {
	COLOR: #000000;
	HEIGHT: 16px;
    font-family: verdana, arial, san-serif;
    font-size: 11px;
    font-weight:normal;
    color: #000000;
    padding: 0px 2px 2px 2px;
    text-align: left;
    vertical-align: top;
    border-bottom: 0px solid #cccccc;
}

td.navAlarmCritical {
	background-color: #ff0000;
	color: white;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 17px;
	font-size: 9px;
}

td.navAlarmMajor {
	background-color: #FF8000;
	color: #000000;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 17px;
	font-size: 9px;
}

td.navAlarmMinor {
	background-color: #FFFF00;
	color: #000000;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 17px;
	font-size: 9px;
}

td.navAlarmNothing {
	background-color: #658695;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 17px;
	font-size: 9px;
}

th.reportLabel {
    background-color: #c9cbd4;
    font-weight: bold;
    color: #24688D;
    padding: 4px 2px 2px 2px;
    border-bottom: 1px solid #808080;
}

td.reportLabel {

    font-weight: bold;
    color: #24688D;
    padding: 4px 2px 2px 2px;

}

td.reportList {
    padding: 3px 5px 3px 3px;
    border-bottom: 1px solid #cccccc;
    background-color: #B8CEDA;
}

td.reportList2 {
    padding: 3px 2px 3px 3px;
    border-bottom: 1px solid #cccccc;
    background-color: #EEEEFF;
}

em {
    color: #0000FF;
}

em.footnote {
    color: #0000FF;
    vertical-align: top;
    font-size:9px;
    text-decoration: underline;
}

nobr.plannedApCount {
    color: white;
    font-weight: bold;
    padding: 1px 4px 1px 4px;
    background-color: #174259;
}

font.number {
    color: white;
    font-weight: bold;
    padding: 1px 4px 1px 4px;
    background-color: #174259;
}

div.contextMenu {
    position: absolute;
    width: 150px;
    border: 1px solid black;
    background-color: #B8CEDA;
    font-family: Verdana;
    line-height: 20px;
    cursor: default;
    font-size: 12px;
    z-index: 100;
    visibility: hidden;
    color: white;
}

div.menuItem {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
}

div.popUp {
    background-color: #F3F3F3;
    border: 1px solid #000000;
}

div.listViewLocationMap {
    border: solid 1px black;
    display: none;
    position: absolute;
    background-color: #BDE2F3;
}

div.warningMessage {
    padding: 9px 0px 10px 10px;
    margin-left: 10px;
    width: 500px;
    color: red;
    font-weight: bold;
    display: none;
}

td.popupDivTitle {
    color: #000000;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

table.titleTable {

    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: hide;
    width: 99%; /* 99% works around an IE bug where the scroll bar hides part of the content */
    border: none;
    padding: 0 0 0 0;
}

.commandMenu {

    text-align: right;
}

.sideMenu {

    padding: 10px 10px 10px 10px;
}

.warning {

    color: red;
}

body.about {

    background-image: url("");
    background-color: white;
}

table.about {

    width: 100%;
    height: 100%;
    border-spacing: 0px;
    padding: 0px 0px 0px 0px;
    border-width: 0px;
}

.about-title {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #003031;
    border-collapse: separate;
}

.about-license {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-align: left;
}

.about-signature {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-align: center;
    vertical-align: bottom;
}

td.heatmapScaleLabel {
    font-size: 10px;
	font-weight: bold;
	color: #2F6681;
}

/* New styles for portal and dojo stuff */
#panel {
	background-image: url(/webacs/images/background_03.gif);
	width: 180px;
	border-right: 1px solid #A19D97;
}

#slider {
	position : absolute;
	top : 63px;
	left : 0px;
}

#root {
	background-color: #D4D0C8;
	border-right: 1px solid #404040;
	border-left: 1px solid white;
	width: 6px;
}

.dojoDialog {
	position: absolute;
/*	top: 63px;
	left: 209px; */
	background: #e8e8e8;
	border-top: 1px solid #999999;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
	border-left: 1px solid #999999;
	-moz-border-radius: 5px;
	padding: 0px 20px 10px 10px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#c3c3c3,direction=135,strength=3);
}

form {
	margin-bottom : 0;
}

td.horizLine {
	border-top: 1px solid #AAAAAA;
	height: 4px;
}
td.label1 {  				/* Used for labelling widget groups in dialog boxes */
	padding: 10px 5px 4px 0px;
	font-weight: bold;
	font-size: 13px;
	COLOR: #2F6681;
}
h1.label1 {
	padding: 10px 5px 4px 0px;
	font-weight: bold;
	font-size: 13px;
	COLOR: #2F6681;
}
th.label2 {/* Used for labelling widgets in dialog boxes */
	padding: 5px 5px 0px 16px;
	height: 25px;
	vertical-align: top;
	border-bottom: 0px solid #cccccc;
}
th.label3 {
	padding: 5px 5px 0px 16px;
	height: 25px;
	width: 150px;
	vertical-align: top;
	border-bottom: 0px solid #cccccc;
}

td.label2 {/* Used for labelling widgets in dialog boxes */
	padding: 0px 5px 0px 16px;
	height: 25px;
}
td.label3 {
	padding: 0px 5px 0px 16px;
	height: 25px;
	width: 150px;
}

a.criticalLink {
    color: #FFFFFF;
    font-weight: bold;
    background-color:#FF0000;
    width:50px;
    text-align: center;
    padding: 0px 0px 2px 0px;
    text-decoration: underline;
}
a.criticalLink:hover {
    color: #000000;
    text-decoration: underline;
}

a.majorLink {
    color: #000000;
    font-weight: bold;
    background-color:#FFBC00;
    width:50px;
    padding: 0px 0px 2px 0px;
    text-align: center;
    text-decoration: underline;
}
a.majorLink:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
a.minorLink {
    color: #000000;
    font-weight: bold;
    background-color:#FFFF66;
    width:50px;
    text-align: center;
    padding: 0px 0px 2px 0px;
    text-decoration: underline;
}
a.minorLink:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

a.selectedAp {
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding: 0px 0px 2px 0px;
    text-decoration: underline;
}
a.selectedAp:hover {
    color: #FFBB00;
    text-decoration: underline;
}

/*---Created by Judy---*/
/* For round corner square area */
.rbroundbox { background: url(../Images/i_unitsquare.gif) repeat; }
.rbtop div { background: url(../Images/i_top_left.gif) no-repeat top left; }
.rbtop { background: url(../Images/i_top_right.gif) no-repeat top right;   }
.rbbot div { background: url(../Images/i_bottom_left.gif) no-repeat bottom left; }
.rbbot { background: url(../Images/i_bottom_right.gif) no-repeat bottom right; }

/* height and width  , width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px;  }
.rbroundbox { width: 96%; margin: 1em auto; }

.listactionarea
{
    background-color: #ffffff;
	height:30px;
	border-top: #2F6681  solid 1px;
}

.info
{
 color:#006633;
 font-size: 9px;
 }
 
.legend
{
    color: #666666;
	background-color: #F2FBEE;
	height:25px;
}

.button_inline
{   
    background-image: url(../Images/bg_button_inline.gif);
	font-size:11px;
    color: #666666;
	background-color: #ffffff;
	height:15px;
	border:solid #B8C9DD thin;
	cursor: hand;
  	
	
 }
 
 
 .inlineinfo
 {
	font-size:11px;
    color: #336600;
	background-color: #f4f4f4;
  }
  
  .popupTitle
{
	font-size:14px;
    color: #2F6681;
	font-weight:bold;
}
