/* ==================================================================
all html should start with
================================================================== */
BODY.csspg {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
background-image: url(bgHorzLine.gif);
}
BODY.Mycsspg {
font-family: TIMES NEW ROMAN, HELVETICA;
text-align: left;
background-image: url(bgHorzLine.gif);
}
/* used in page heading (see above */
.pagetitle { text-align: center;
font-weight: bold;
font-size: x-small;
padding-bottom: 5pt;}
/* used to de-emphasize title labels */
.pagetitleLeader {
font-size: x-small;
padding-bottom: 5pt;}
/* used for free text on a page */
.pagetext { text-align: center;
font-size: x-small;}
/* ==================================================================
Title section of the page
used in the title section of the page
*/
.pgHeading {color: #FFCC00;
background-color: #003366;
text-align: left;
vertical-align: middle;
font-size: large;
font-weight: normal;
height: 80px}
/* used in the title section of the page for the links section*/
.pgLinkHdg {color: #FFCC00;
text-align: middle;
vertical-align: middle;
padding-left: 0.1em;
padding-right: 0.1em;
padding-top: 0;
padding-bottom: 0;
font-size: xx-small;
font-weight: bold;}
.timeBar { color:#FFCC00;
vertical-align:middle;
font-size:xx-small;
font-weight:bold;}
/* ===============================
Use plainText for (preformatted text)
===============================
*/
.plainText {
color:#000000;
background-color: #FFFFCC;
vertical-align:middle;
font-size:xx-small;
font-weight:normal;
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* ================================================================== */
/* ==================================================================
Used in tables:
Heading row
*/
TABLE.datatable {
border: 0px;
width: 95%;
}
TR.heading,TD.heading {
background-color: #003366;
color: #FFCC00;
text-align: left;
font-size: xx-small;
font-weight: bold;}
TR.rowheading,TD.rowheading { background-color: #003366;
color: #FFCC00;
text-align: right;
font-size: xx-small;
font-weight: bold;
padding-right: 5pt;}
/* in a table the data row. Example: */
TR.tableInfoRow {
font-size: xx-small;
white-space: nowrap;}
TR.datarow { background-color: #FFFFCC;
font-size: xx-small;
white-space: nowrap;
}
/**
* rowMouseOver is the color and font which shows up when user
* is on a particular row. Make all the parameters same as TR.datarow
* except the background-color "#E8F3FF"(light blue)
**/
TR.rowMouseOver {
background-color: #E8F3FF;
font-size: xx-small;
white-space: nowrap;
}
TR.MyrowMouseOver {
background-color: #E1E1E1;
font-size: xx-big;
white-space: nowrap;
}
TR.datarowSummary { background-color: #EDA53D; /*#ffe4c4; */
font-size: xx-small;
white-space: nowrap;}
TR.snapshotSummary { background-color: #FFFFFF;
font-size: xx-small;
white-space: nowrap;}
/* code for page will add "alt" to a class for alternate rows to get alternating colors */
TR.datarowalt { background-color: #FFFFFF;
font-size: xx-small;
white-space: nowrap;}
/* added for the Dashboard */
TR.datarowDashDown { background-color: "#FFE1E1";
font-size: xx-small;
white-space: nowrap;}
TR.datarowDashUp { background-color: "#E1FFE1";
font-size: xx-small;
white-space: nowrap;}
TR.datarowDashUnknown { background-color: "#E1E1E1";
font-size: xx-small;
white-space: nowrap;}
/* end of styles for Dashboard */
TR.datarowDown { background-color: "#FF0000";
color: "#ffffff";
font-size: xx-small;
white-space: nowrap;}
TR.datarowFlowControl { background-color: "#FF9900";
color: "#000000";
font-size: xx-small;
white-space: nowrap;}
TR.datarowInfo { background-color: #E6FFE6;
color: #000000;
font-size: xx-small;
font-weight:normal;}
TD.datacellInfo { background-color : #FF6C6C;
color: #000000;
border-right: 1 solid #FFFFFF;
border-bottom: 1 solid #CCCCCC;
}
INPUT.infoColor { border-style: solid;border-color: #66CC33; border-width: 1px}
TR.datarowWarning { background-color: #FFF1D9;
color: black;
font-size: xx-small;
font-weight:normal;}
TD.datacellWarning { background-color : #FFDA95;
color: #000000;
border-right: 1 solid #FFFFFF;
border-bottom: 1 solid #CCCCCC; }
INPUT.warningColor { border-style: solid;border-color: "orange"; border-width: 1px}
TR.datarowCritical { background-color: #FFF2F2;
color: #000000;
font-size: xx-small;
font-weight:normal;}
TD.datacellCritical { background-color : #A0E9A6;
color: #000000;
border-right: 1 solid #FFFFFF;
border-bottom: 1 solid #CCCCCC; }
INPUT.criticalColor { border-style: solid;border-color: "red"; border-width: 1px}
TR.datarowFatal { background-color: #EFEFEF;
color: #000000;
font-size: xx-small;
font-weight:normal;}
TD.datacellFatal { background-color : #BBF6FF;
color: #000000;
border-right: 1 solid #FFFFFF;
border-bottom: 1 solid #CCCCCC; }
TD.datacellDuck { background-color : lightblue;
color: #000000;
font-color:white;
border-right: 1 solid #FFFFFF;
border-bottom: 1 solid #CCCCCC; }
TD.datacell2 { background-color : #C0E9A6;
color: #000000;
font-color:white;
border-right: 1 solid #FFFFFF;
border-bottom: 1 solid #CCCCCC; }
TD.datacellHigh { background-color : #FF6C6C;
color: #000000;
font-color:white;
border-right: 1 solid #FFFFFF;
border-bottom: 1 solid #CCCCCC; }
TD.datacellLost { background-color : #4383F8;
color: white;
font-color:white;
text-align: center;
font-size: xx-medium;
border-right: 1 solid #FFFFFF;
border-bottom: 1 solid #CCCCCC; }
TD.datacellWin { background-color : #0194E2;
color: white;
font-color:white;
text-align: center;
font-size: xx-medium;
border-right: 1 solid #FFFFFF;
border-bottom: 1 solid #CCCCCC; }
INPUT.fatalColor { border-style: solid;border-color: "black"; border-width: 1px}
SPAN.downState { color : red }
SPAN.upState { color : green }
/* if a link it to be used, this will format a link cell.
Example: |
*/
TD.drilldown { border-right: 1 solid #FFFFFF;
border-bottom: 1 solid #CCCCCC;
text-align: center;
white-space: nowrap;}
/* used to give a data cell different attributes from the row attributes
Example: |
*/
TD.headerCell { border-right: 1 solid #FFFFFF; vertical-align: center;}
TD.headerCellSpan { border-right: 1 solid #FFFFFF; }
TD.datarowSummaryCell {
background-color: #003366;
color: #FFCC00;
text-align: center;
font-size: xx-small;
font-weight: bold;
border-bottom: 1 solid #CCCCCC;}
TD.datacell {border-right: 1 solid #FFFFFF;
border-bottom: 1 solid #CCCCCC;
}
/* added for the Dashboard */
TD.datacellDashDown {
background-color: red;
color: white;
border-right: 1 solid #FFFFFF;
border-bottom: 1 solid #CCCCCC;
border-left: 1px solid #FFE1E1;
border-top: 1px solid #FFE1E1;
}
TD.datacellDashUp {
background-color : #66CC33;
color: white;
border-bottom: 1 solid #CCCCCC;
border-top: 1px solid #E1FFE1;
}
TD.datacellDashUnknown {border-right: 1 solid #FFFFFF;
border-bottom: 1 solid #CCCCCC;
border-left: 1px solid #E1E1E1;
border-top: 1px solid #E1E1E1;
}
/* end of styles for Dashboard */
TD.dataCell2 {border-right: 1 solid #FFFFFF;
border-bottom: 1 solid #CCCCCC; }
TD.dataCellNoRightBorder {border-bottom: 1 solid #CCCCCC;}
TD.cellNoBorder { border-width: 0px;
text-align: left;} /* cannot be nowrap */
/* labelCell are used in the tables which has generally 2 columns
* left column is the label and the right is the value
* for eg... all the forms and some output which have a flat representation
* rather than a table representation
*
* labelCell should finally replace TR.form and TD.form
*/
TD.labelCell {
color: #FFCC00;
background-color: #003366;
font-weight: bold;
text-align: right;
border-right: 1 solid #FFFFFF;
border-bottom: 1 solid #CCCCCC;
}
/* sortIndicatorCell is used to display the row showing sort order (ascending/descending)
* when the column is not sorted then this class is used. Once the user clicks
* on a column one of the TD.ascendcolor or TD.descendcolor is used
*
*/
TD.sortIndicatorCell {
border-right: 1px solid #FFFFFF;
background-color: #003366;
color: #FFCC00;
text-align: center;
font-size: xx-small;
font-weight: bold;
}
TD.ascendcolor {
background-color: #003366;
background-image: url(http://www.geocities.com/click_fccra/up.gif);
background-repeat: no-repeat;
background-position: center center;
border-right-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-right-color: #FFFFFF;
}
TD.descendcolor {
background-color: #003366;
background-image: url(http://www.geocities.com/click_fccra/down.gif);
background-repeat: no-repeat;
background-position: center center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFFFFF;
}
/* ================================================================== */
/* ==================================================================
Used in tables holding a menu
*/
TABLE.menu {color: #FFCC00;
white-space: nowrap;}
/* the header row */
TR.menuhdr {background-color: #003366;
text-align: center;
font-size: x-small;
font-weight: bold;}
/* a list item row*/
TR.menu { background-color: #FFFFCC;
text-align: left;
font-size: x-small;}
TD.menu { border-width: 1px;}
TD.menuBlank { background-color: #FFFFCC;
text-align: left;
font-size: x-small;}
/* an input item */
TD.input { background-color: #FFFFCC;
text-align: center;}
TR.inputForm {
vertical-align: middle;
font-size: xx-small;
padding-left: 1.5em;
padding-right: 1.5em;
}
/* ================================================================== */
/* ==================================================================
Used in tables holding a form. The form consists of a column with
labels for the entry fields. This is formaated with the
*/
TABLE.form {color: #FFCC00;
white-space: nowrap;}
TR.formtag,TD.formtag {background-color: #003366;
text-align: right;
padding-left: 0.5em;
padding-right: 0.5em;
font-size: xx-small;
font-weight: bold;}
TR.form { background-color: #FFFFCC;
text-align: left;
font-size: xx-small;}
TD.form { color: #003366;
border-width: 1px;}
/* ================================================================== */
/* ==================================================================
Styles for the paging links
*/
.pager {COLOR: #009933; TEXT-DECORATION: none; font-family: tahoma; font-size: 8pt; font-weight: bold;}
a:link.pager {color : #009933;}
a:visited.pager {color : #009933; font-weight: normal;}
a:active.pager {text-decoration: none;}
a:hover.pager {color : #003366;text-decoration: none;}
.currentPage {COLOR: #000000; TEXT-DECORATION: none; font-family: tahoma; font-size: 8pt; font-weight: bold;}
.pageInfo {COLOR: #000000; TEXT-DECORATION: none; font-family: verdana; font-size: 8pt;}
.pageInfoText {COLOR: #000000;
TEXT-DECORATION: none;
font-family: verdana;
font-weight: bold;
font-size: 8pt;}
/* ==================================================================
Style for legend
*/
.legendText {COLOR: #000000; TEXT-DECORATION: none; font-family: verdana; font-size: 7pt;}
/* ==================================================================
Used for small forms as in the audit log viewer.
*/
TABLE.smallForm {color: #003366;
width: 95%;
white-space: nowrap;}
TR.smallFormtag,TD.smallFormtag { background-color: none;
text-align: right;
font-size: xx-small;
font-weight: bold;}
TR.smallForm { background-color: none;
text-align: left;
font-size: xx-small;}
TD.smallForm { color: #003366;
border-width: 1px;}
/* ================================================================== */
/* ==================================================================
used to keep sort data hidden from view
*/
SPAN.hidden { visibility : hidden; }
/* ==================================================================
used to represent data entry fields that cannot be changed
*/
INPUT.greyed { color : #AAAAAA; }
/* ================================================================== */
.gatewayName { color:#000000;
background-color: #FFFFFF;
vertical-align:middle;
font-size:xx-small;
font-weight: normal;
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
} |