The first line of this style sheet calls another style sheet, called header.css. This style sheet changes the header area of all application pages. To view the content of an example header.css file, refer to Example header.css style sheet.
The first section of the style sheet defines "Global styles" that are used for all elements of the user interface.
@import url(/admin/styles/header.css);
/* Global styles applied to all elements ------------------------------ */
body
{
font: 11px Arial, Verdana, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
background: #ffffff;
color: #000066;
font-size: 14px;
}
input, textarea, select, option
{
font: 11px Arial, Verdana, Helvetica, sans-serif;
color: black;
}
table
{
/* Firefox compatability - 13546. */
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
border-collapse: collapse;
}
td
{
font-size: 11px;
}
/* End global styles --------------------------------------------------- */
.bodytext
{
font-size: 11px;
color: black;
}
/* divs top right */
#constants
{
height: 17px;
position: absolute;
top: 0px;
right: 0px;
}
#constants A
{
font-size: 10px;
color: white;
text-decoration: none;
line-height: 12px;
}
#constants A:hover
{
text-decoration: underline;
}
#constantsTable
{
font-size: 10px;
color: white;
line-height: 12px;
background-image: url(/images/skin.jpg);
}
#loggedinText /*NU*/
{
font-size: 10px;
color: red;
line-height: 12px;
}
.subheadBar
{
/* Firefox Compatibility - 13546 */
/* padding: 0px 8px 0px 26px; */
padding-top: 0px;
padding-left: 8px;
padding-bottom: 0px;
padding-right: 26px;
}
.copyright /* NU */
{
padding-left: 10px;
background: red;
}
/* End Shell Styles */
/* Page-specific styles */
#mainMenuLeft
{
font-size: 11px;
color: #000000;
margin-top: 16px;
}
#mainMenuLeft .welcomeMessage
{
font-size: 13px;
font-weight: bold;
color: #515252;
}
#mainMenuLeft .subMessage
{
font-size: 12px;
font-weight: bold;
color: #515252;
}
#mainMenuLeft .sectionHeader
{
font-size: 16px;
font-weight: bold;
color: #515252;
border-bottom: 1px solid #515252;
margin-bottom: 16px;
width: 350px;
}
#mainMenuLeft .sectionHeader IMG
{
vertical-align: text-bottom;
}
#mainMenuLeft .subsection
{
padding-bottom: 20px;
}
#mainMenuLeft .subsection A
{
font-size: 12px;
font-weight: bold;
color: #107BAD;
text-decoration: underline;
}
/* Style for all Dropdown Menus */
.dhtmlMenu
{
border-right: 1px solid #0D5E8D;
border-left: 1px solid #0D5E8D;
/* firefox compatability - 13546 */
/* padding: 0px; */
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
margin: 0px;
position: absolute;
top: auto;
background: #107BAD;
}
.dhtmlMenu A,
.dhtmlMenu TABLE TD
{
display: block;
border-top: 1px solid #6C9EC8;
border-bottom: 1px solid #0D5E8D;
/* Firefox Compatibility - 13546 */
/* padding: 3px 8px; */
padding-top: 3px;
padding-bottom: 8px;
font-size: 10px;
color: white;
text-decoration: none;
}
.dhtmlMenu A:hover
{
text-decoration: underline;
}
.dhtmlActionMenu
{
border-right: 1px solid #0D5E8D;
border-left: 1px solid #0D5E8D;
/* Firefox Compatibility - 13546.*/
/* padding: 0px; */
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
margin: 0px;
position: absolute;
top: 80px;
background: #107BAD;
}
.dhtmlActionMenu TD
{
display: block;
border-top: 1px solid #6C9EC8;
border-bottom: 1px solid #0D5E8D;
/* Firefox Compatibility - 13546*/
padding-top: 3px;
padding-bottom: 8px;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}
.dhtmlActionMenu A:hover
{
text-decoration: underline;
}
.dhtmlActionMenu A, .dhtmlActionMenu A:visited, .dhtmlActionMenu A:active
{
color: #ffffff;
text-decoration: none;
}
/*
Table Tab Fields
----------------
These styles create the tabs above tables
*/
.tabName
{
color: #107BAD;
font-size: 15px;
font-family: Arial;
font-weight: bold;
font-style: italic;
/* Firefox compatibility - 13546*/
/* padding: 0px 10px 5px 10px; */
padding-top: 0px;
padding-left: 10px;
padding-bottom: 5px;
padding-right: 10px;
}
.tabName .subtitle
{
font-size: 12px;
}
/* Style for all tables */
.tableHeader
{
background: #c2c2c2;
height: 17px;
font-size: 11px;
font-weight: bold;
color: #000000;
padding-left: 10px;
}
/*
Table data fields
-----------------
These styles create the alternating colored rows of data with the
title classes applied to field names and the data classes applied to data. Also apply link styles
lightTitle: TD--> light green with grey text
darkTitle: TD--> dark green with grey text
lightTitle a, darkTitle a: TD--> used on tabledatas with "Acknowledge" links
lightData: TD--> light green with black text
darkData: TD--> dark green with black text
lightData a[hover], darkData a[hover]: TD--> these will apply correct link styles in tabledatas
*/
.lightTitle
{
background: #f1f4f6;
height: 20px;
font-size: 11px;
color: #5c5c5c;
padding-left: 10px;
}
.lightTitle A
{
font-size: 11px;
color: #000000;
text-decoration: underline;
}
.darkTitle
{
background: #dce4e7;
height: 20px;
font-size: 11px;
color: #5c5c5c; padding-left: 10px;
}
.darkTitle A
{
font-size: 11px;
color: #000000;
text-decoration: underline;
}
.lightData,
.lightData TD
{
background: #f1f4f6;
font-size: 11px;
color: #000000;
padding-left: 10px;
/*border-bottom: thin dotted #dce4e7;*/
word-wrap: break-word;
}
.emptyTable
{
background: #f1f4f6;
font-size: 11px;
color: #777777;
padding-left: 10px;
}
.tableMessage /* same as lightData, but with a subdued text color */
{
background: #f1f4f6;
font-size: 11px;
color: #555555;
padding-left: 10px;
}
.lightData A
{
font-size: 11px;
color: #046695;
text-decoration: none;
}
.lightData A:hover
{
text-decoration: underline;
}
.darkData
{
background: #EAEFF2;
font-size: 11px;
color: #000000;
padding-left: 10px;
word-wrap: break-word;
}
.darkData TD
{
background: #dce4e7;
font-size: 11px;
color: #000000;
padding-left: 10px;
}
.darkData A
{
font-size: 11px;
color: #046695;
text-decoration: none;
}
.darkData A:hover
{
text-decoration: underline;
}
.bottom12
{
margin-bottom: 12px;
}
.bottom60
{
margin-bottom: 60px;
}
/* Selected row style - similar to lightData/darkData */
.highlightData
{
background-color: #fff089;
font-size: 11px;
color: #000000;
padding-left: 10px;
}
.highlightData A
{
font-size: 11px;
color: #000000;
text-decoration: underline;
}
.highlightData TD
{
padding-left: 10px;
}
.highlightData A:hover
{
text-decoration: underline;
}
/* Summary row style - similar to lightData/darkData */
.summaryData
{
background-color: #fff089;
font-size: 11px;
color: #000000;
padding-left: 10px;
}
.summaryData A
{
font-size: 11px;
color: #000000;
text-decoration: underline;
}
.summaryData TD
{
padding-left: 10px;
}
.summaryData A:hover
{
text-decoration: underline;
}
.interestingData
{
color: red;
}
/* Form Styles */
.formHeader
{
font-size: 12px;
font-weight: bold;
color: #046695;
}
.scriptDisabled
{
font: bold 15px Helvatica;
color: red;
padding-left: 18px;
}
.noJRE
{
font: bold 12px Helvatica;
color: red;
}
.formSubhead
{
font-size: 12px;
font-weight: bold;
color: #000000;
}
.formGreyHeader
{
font-size: 12px;
font-weight: bold;
color: #595959;
}
.formDescription
{
width: 73%;
/* Firefox compatibility - 13546 */
/* padding: 10px 0px 12px 25px; */
padding-top: 10px;
padding-left: 0px;
padding-bottom: 12px;
padding-right: 25px;
font-style: italic;
}
.formText
{
font-size: 11px;
color: #000000;
}
.gotoDeviceLink
{
font-size: 13px;
color: #000000;
font-weight: bold;
}
/*
A.formLinkPopup:hover,
A.formLinkDropDown:hover
{
text-decoration: underline;
}
A.formLinkPopup,
A.formLinkDropDown
{
font-family: Arial;
font-size: 11px;
font-weight: bold;
background-color: transparent;
text-decoration: none;
border-width: 0px;
padding: 0px;
margin: 0px 3px 0px 3px;
color: #003366;
background-repeat: no-repeat;
background-position: 100% center;
padding-right: 12px;
}
A.formLinkPopup
{
background-image: url(/images/button_popup_blue.gif);
}
A.formLinkDropDown
{
background-image: url(/images/button_popdown_blue.gif);
}
*/
A.formLinkPopup:hover,
A.formLinkDropDown:hover,
A.filterSectionLinkPopup:hover,
A.filterSectionLinkDropDown:hover
{
text-decoration: underline;
}
A.formLinkPopup,
A.formLinkDropDown,
A.filterSectionLinkPopup,
A.filterSectionLinkDropDown
{
font-weight: bold;
background-color: transparent;
text-decoration: none;
border-width: 0px;
padding: 0px;
margin: 0px 3px 0px 3px;
background-repeat: no-repeat;
background-position: 100% center;
padding-right: 12px;
}
A.formLinkPopup,
A.formLinkDropDown
{
font-family: Arial;
font-size: 11px;
color: #003366;
}
A.filterSectionLinkPopup,
A.filterSectionLinkDropDown
{
font-family: Tahoma;
font-size: 12px;
color: White;
}
A.formLinkPopup,
A.filterSectionLinkPopup
{
background-image: url(/images/button_popup_blue.gif);
}
A.formLinkDropDown,
A.filterSectionLinkDropDown
{
background-image: url(/images/button_popdown_blue.gif);
}
.textinput
{
border: 1px solid #7F9DB9;
width: 230px;
/* Other browsers default takes gray color for the text boxes */
background: white;
}
.textinputSuggest
{
border: 1px solid #7F9DB9;
width: 230px;
background: #FFFFBB;
}
.textinputlong
{
border: 1px solid #7F9DB9;
width: 300px;
background: white;
}
/* Print style: this class disables elements on the form, Al Fatykhov 03/28/2006 */
.textinputdisabled
{
background-color: #EAEAEA;
readonly: true;
width: 300px;
}
.textinputverylong
{
border: 1px solid #7F9DB9;
width: 500px;
background: white;
}
.textinputshort
{
border: 1px solid #7F9DB9;
width: 155px;
vertical-align: top;
background: white;
}
.textinputextrashort
{
border: 1px solid #7F9DB9;
width: 50px;
vertical-align: top;
background: white;
}
.textinputmedium
{
border: 1px solid #7F9DB9;
width: 115px;
vertical-align: top;
background: white;
}
.selectinput
{
border: 1px solid #7F9DB9;
width: 230px;
vertical-align: top;
}
.selectinputnowidth
{
border: 1px solid #7F9DB9;
vertical-align: top;
}
.selectinputlong
{
border: 1px solid #7F9DB9;
width: 300px;
vertical-align: top;
}
.selectinput100
{
border: 1px solid #7F9DB9;
width: 100px;
vertical-align: top;
}
.selectinput150
{
border: 1px solid #7F9DB9;
width: 150px;
vertical-align: top;
}
.smlTextArea
{
border: 1px solid #7F9DB9;
width: 230px;
height: 85px;
}
.largeTextArea
{
border: 1px solid #7F9DB9;
width: 600px;
height: 200px;
}
.buttonNormal
{
width: 88px;
font-size: 11px;
margin-top: 10px;
height: 23px;
border: 1px outset white;
}
.buttonSelect
{
width: 88px;
font-size: 11px;
margin-bottom: 10px;
height: 23px;
border: 1px outset white;
}
input.checkbox
{
margin-left: 15px;
}
/* Print style: this class hides elements when printing in IE 5.5+ */
@media print
{
.noprint
{
visibility: hidden;
}
}
/* Start New Styles */
#topControlBar
{
top: 93px;
left: 0px;
font-size: 12px;
font-weight: bold;
color: #184053;
/* Firefox compatibility - 13546 */
/* padding: 9px 0px 10px 10px; */
padding-top: 9px;
padding-left: 0px;
padding-bottom: 10px;
padding-right: 10px;
}
.topWindowTitle
{
font-size: 14px;
font-weight: bold;
/* Firefox compatibility - 13546 */
/* padding: 2px 0px 0px 6px; */
padding-top: 2px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 6px;
}
/* Detail Tab Styles */
A.detailNav:link, A.detailNav:visited
{
font-size: 11px;
font-weight: bold;
color: #515252;
text-decoration: none;
}
A.detailNavSelected:link, A.detailNavSelected:visited
{
font-size: 11px;
font-weight: bold;
color: #046695;
text-decoration: none;
}
.pagingLinks
{
font-size: 10px;
color: #000000;
padding-top: 4px;
}
.pagingLinks A
{
color: #046695;
}
.paging
{
color: #000000;
float: right;
font-size: 10px;
padding-bottom: 5px;
padding-right: 8px;
}
.paging A
{
color: #046695;
}
.paging IMG
{
vertical-align: middle;
}
.currentPage
{
}
.formInstructions
{
font-size: 11px;
font-weight: bold;
color: #003366;
}
.formInstructionsWider
{
font-size: 11px;
font-weight: bold;
color: #003366;
width: 120px;
vertical-align: middle;
}
.dateInput
{
border: 1px solid #000000;
height: 18px;
width: 60px;
border: 1px solid #515252;
margin-left: 8px;
font-size: 10px;
color: #515252;
padding-left: 5px;
}
.timeInput
{
border: 1px solid #000000;
height: 18px;
width: 70px;
border: 1px solid #515252;
margin-right: 1px;
font-size: 10px;
color: #515252;
padding-left: 2px;
}
SELECT.filter
{
border: 1px solid #000000;
height: 18px;
width: 150px;
font-size: 10px;
color: #515252;
}
SELECT.filterMedium
{
border: 1px solid #000000;
height: 18px;
width: 125px;
font-size: 10px;
color: #515252;
}
SELECT.filterWide
{
border: 1px solid #000000;
height: 18px;
width: 250px;
font-size: 10px;
color: #515252;
}
SELECT.multiFilter
{
border: 1px solid #000000;
width: 150px;
font-size: 10px;
color: #515252;
}
TR.tableHeaderRow,
TR.tableHeaderRow A
{
background: #DCE1E4;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
TR.tableHeaderRow A:hover
{
text-decoration: underline;
}
TR.tableHeaderRow .columnHeader,
TR.tableHeaderRow .columnHeaderSortable
{
white-space: nowrap;
padding-left: 10px;
padding-right: 10px;
height: 20px;
border: 1px solid #FFFFFF;
}
TR.tableHeaderRow .columnHeaderSortable
{
color: #003366;
/*cursor: pointer;*/
}
.subtitle
{
font-size: 14px;
font-weight: bold;
color: #000000;
}
TABLE.controlBar
{
width: 100%;
height: 25px;
/* firefox compatability - 13546. */
/* padding: 6px; */
padding-top: 6px;
padding-left: 6px;
padding-bottom: 6px;
padding-right: 6px;
border-color: #107BAD;
border-style: solid;
border-width: 1px 1px 0px 1px;
background: #9dc0d0;
}
/* New Table Styles*/
.tableNoteLight
{
background: #f1f4f6;
font-size: 11px;
color: #000000;
/* firefox compatibility - 13546.*/
/* padding: 4px 4px 6px 10px; */
padding-top: 4px;
padding-left: 4px;
padding-bottom: 6px;
padding-right: 10px;
}
.tableNoteLight A
{
color: #046695;
text-decoration: none;
}
.tableNoteDark
{
background: #dce4e7;
font-size: 11px;
color: #000000;
/* firefox compatibility - 13546.*/
/* padding: 4px 4px 6px 10px; */
padding-top: 4px;
padding-left: 4px;
padding-bottom: 6px;
padding-right: 10px;
}
.tableNoteDark A
{
color: #046695;
text-decoration: none;
}
.tableNoteLight A:hover, .tableNoteDark A:hover
{
text-decoration: underline;
}
.tableInput
{
border: 1px solid #000000;
height: 17px;
width: 150px;
}
.tableCityInput
{
border: 1px solid #000000;
height: 17px;
width: 120px;
}
.tableStateInput
{
border: 1px solid #000000;
height: 17px;
width: 30px;
}
.deviceInformationPanel
{
border: 1px solid #515252;
}
.infoLabelLight
{
height: 17px;
background: #f1f4f6;
color: #666666;
padding-left: 12px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
.infoLabelDark
{
background: #dce4e7;
font-size: 11px;
color: #666666;
padding-left: 12px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
.infoDataLight
{
background: #f1f4f6;
font-size: 11px;
color: #000000;
padding-left: 12px;
border-right: 1px solid #ffffff;
}
.infoDataDark
{
background: #dce4e7;
font-size: 11px;
color: #000000;
padding-left: 12px;
border-right: 1px solid #ffffff;
}
.infoTableHeader
{
background: #c2c2c2;
font-size: 11px;
font-weight: bold;
color: #000000;
padding-left: 10px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
.lightData A.error:link, A.error:visited
{
font-size: 11px;
color: #990000;
text-decoration: underline;
}
.darkData a.error:link, a.error:visited
{
font-size: 11px;
color: #990000;
text-decoration: underline;
}
a.action:link, a.action:visited
{
color: #046695;
text-decoration: none;
}
a.action:hover
{
text-decoration: underline;
}
/* Selected row style - similar to lightData/darkData */
.tableNoteHighlight
{
background: #fff089;
font-size: 11px;
color: #000000;
/* firefox compatability - 13546 */
/* padding: 4px 4px 6px 10px;*/
padding-top: 4px;
padding-left: 4px;
padding-bottom: 6px;
padding-right: 10px;
}
.tableNoteHighlight a
{
color: #046695;
text-decoration: none;
}
.tableNoteHighlight a:hover
{
text-decoration: underline;
}
/* Search Popup Styles */
.searchMenu
{
position: absolute; right: 360px; bottom: 5px;
width: 250px;
height: 365px;
padding-bottom: 12px;
background: #6b87a1;
border-left: 1px solid #003366;
border-right: 1px solid #003366;
border-bottom: 1px solid #003366;
display: none;
z-index: 3;
color: #ffffff;
}
/* Device condition popup */
.dashboardMenu
{
position: absolute; right: 360px; bottom: 5px;
background: #ffffff;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
display: none;
}
/* Search Popup Styles */
.searchMenuWide
{
position: absolute;
padding-bottom: 12px;
background: #6b87a1;
border-left: 1px solid #003366;
border-right: 1px solid #003366;
border-bottom: 1px solid #003366;
display: none;
z-index: 3;
color: #ffffff;
}
.searchMenu INPUT
{
color: #515252;
font-size: 10px;
}
.searchText
{
color: #ffffff;
font-size: 11px;
font-weight: bold;
}
.searchInput
{
border: 1px solid #000000;
height: 18px;
width: 150px;
}
.searchCityInput
{
border: 1px solid #000000;
height: 18px;
width: 100px;
}
.searchStateInput
{
border: 1px solid #000000;
height: 18px;
width: 50px;
}
.searchCountryInput
{
border: 1px solid #000000;
height: 18px;
width: 100px;
}
.searchDateInput
{
border: 1px solid #000000;
height: 18px;
width: 125px;
}
.searchSelect
{
border: 1px solid #000000;
height: 18px;
width: 150px;
}
.searchMultiSelect
{
border: 1px solid #000000;
width: 150px;
}
.searchButton
{
font-size: 11px;
}
/* Notes Popup Styles ---------------------------------------------- */
.notesMenu
{
position: absolute;
color: #ffffff;
background: #6b87a1;
border-left: 1px solid #003366;
border-right: 1px solid #003366;
border-bottom: 1px solid #003366;
display: none;
z-index: 3;
/* firefox compatability - 13546 */
/* padding: 8px; */
padding-top: 8px;
padding-left: 8px;
padding-bottom: 8px;
padding-right: 8px;
}
.notesTextarea
{
font-size: 11px;
color: #666666;
width: 350px;
height: 100px;
}
.notesButton
{
font-size: 11px;
}
/* End Notes Popup Styles ------------------------------------------ */
/* Email Popup Styles ---------------------------------------------- */
.emailMenu
{
font-size: 11px;
color: #ffffff;
position: absolute; left : 565px;
background: #6b87a1;
border-left: 1px solid #003366;
border-right: 1px solid #003366;
border-bottom: 1px solid #003366;
display: none;
z-index: 2;
/* Firefox compatability - 13546.*/
/* padding: 8px; */
padding-top: 8px;
padding-left: 8px;
padding-bottom: 8px;
padding-right: 8px;
}
.emailMenu TD
{
vertical-align: top;
font-weight: bold;
font-size: 11px;
color: #ffffff;
}
.emailMenu SPAN
{
font-weight: normal;
}
.emailMenu SELECT
{
border: 1px solid #000000;
font-size: 11px;
width: 225px;
}
.emailMenu TEXTAREA
{
border: 1px solid #000000;
font-size: 11px;
width: 225px;
height: 85px;
}
.emailButton
{
font-size: 11px;
}
.emailInput
{
border: 1px solid #000000;
font-size: 11px;
width: 225px;
}
/* End Email Popup Styles ------------------------------------------ */
.pagetext
{
padding-left: 12px;
padding-top: 12px;
}
IMG.disabled
{
filter: alpha(opacity=25);
-moz-opacity: .25;
}
IMG.grayed
{
filter: gray;
}
IMG.grayedAndDisabled
{
filter: gray alpha(opacity=75)
-moz-opacity: .75;
}
SPAN.disabled
{
color: #888888;
}
SPAN.button
{
border: 1px solid #003366;
}
SPAN.button A.buttonLink,
SPAN.button A.buttonLink,
SPAN.button A.buttonLink:visited,
SPAN.button A.buttonLink:active,
SPAN.button A.buttonLink:hover
{
background-color: #6b87a1;
color: white;
font: 11px Arial;
font-weight: bold;
border-width: 1px;
border-style: solid;
border-color: #94ADC3 #5D7285 #5D7285 #94ADC3;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
text-decoration: none;
}
SPAN.button IMG
{
vertical-align: middle;
}
/* Control Bar Styles */
td.controlElement
{
width: 167px;
white-space: nowrap;
}
/* Calendar Styles */
body.calendarBody
{
background-color: white;
font-size: 11px;
}
td.calendarDay
{
background-color: #c2c2c2;
font-size: 11px;
width: 30px;
height: 20px;
}
td.calendarToday
{
background-color: #dce4e7;
font-size: 11px;
width: 30px;
height: 20px;
}
.calendarDay A
{
color: #990000;
text-decoration: none;
}
.calendarDay A:hover
{
color: #990000;
font-weight: bold;
}
.calendarToday A
{
color: #990000;
font-weight: bold;
text-decoration: none;
}
TR.calendarHeaderRow
{
background-color: #c2c2c2;
}
TD.calendarHeader
{
background-color: #dce4e7;
font-size: 11px;
font-weight: bold;
width: 30px;
height: 30px;
text-align: center;
}
.calendarButton
{
font-size: 11px;
margin-top: 10px;
height: 23px;
}
.calendarMonthSelect
{
border: 1px solid #000000;
font-size: 11px;
}
.calendarYearInput
{
border: 1px solid #000000;
font-size: 11px;
color: #000000;
}
/* Error styles */
div.errors
{
font-size: 11px;
font-weight: bold;
color: #990000;
padding-left: 12px;
}
#errorWindowGround
{
width: 99%;
text-align: center;
text-align: -moz-center;
position: absolute;
}
#errorWindow
{
width: 280px;
border: 2px solid black;
background-color: #dce4e7;
text-align: left;
font-size: 9pt;
filter: alpha(opacity=100);
-moz-opacity: 1;
/* Firefox compatability - 13546. */
/* padding: 8px; */
padding-top: 8px;
padding-left: 8px;
padding-bottom: 8px;
padding-right: 8px;
color: black;
}
.errorButton
{
text-align: center;
}
.errorTitle
{
text-align: left;
font-weight: bold;
/* Firefox compatibility - 13546.*/
/* padding: 2px; */
padding-top: 2px;
padding-left: 2px;
padding-bottom: 2px;
padding-right: 2px;
}
/* 5/16/2002: Added Styles for Rules Templates */
/* Altered Existing Styles Start */
.bigSelect
{
border: 1px solid #000000;
font-size: 11px;
width: 200px;
height: 85px;
}
/* Altered Existing Styles End */
A.return:link, a.return:visited
{
font-size: 11px;
font-weight: bold;
color: #024E73;
text-decoration: none;
}
A.return:hover
{
text-decoration: underline;
}
.ruleConfigurationDetail
{
font-size: 12px;
font-weight: bold;
padding-top: 0px;
padding-right: 5px;
color: #cc9900;
}
.ruleTitle
{
font-size: 12px;
font-weight: bold;
color: #184053;
}
.ruleDetail
{
font-size: 12px;
font-weight: bold;
color: #CC9900;
}
.ruleTable
{
border-right: 1px solid #c2c5c6;
padding-left: 12px;
font-size: 11px;
}
.ruleTableEnd
{
padding-left: 12px;
}
#ruleHeader
{
height: 19px;
background: #e0e3e4;
font-size: 11px;
font-weight: bold;
color: #000000;
border-top: 1px solid #c2c5c6;
}
#ruleText
{
height: 40px;
font-size: 11px;
}
#ruleText INPUT
{
border: 1px solid #000000;
vertical-align: middle;
}
#ruleText SELECT
{
border: 1px solid #000000;
vertical-align: middle;
}
#ruleNotice
{
height: 40px;
font-size: 11px;
font-weight: bold;
}
#ruleNotice INPUT
{
border: 1px solid #000000;
vertical-align: middle;
}
.operatorSelect
{
font-size: 11px;
width: 45px;
margin-top: 10px;
margin-bottom: 10px;
}
.ruleSelect
{
width: 180px;
}
.nameValueInput
{
border: 1px solid #000000;
width: 125px;
}
TR.formRow TD
{
padding-top: 2px;
padding-bottom: 2px;
}
TD.control
{
vertical-align: top;
width: 80%;
padding-right: 10px;
}
TD.required
{
vertical-align: top;
text-align: right;
}
TD.label, SPAN.label
{
vertical-align: top;
width: 15%;
white-space: nowrap;
padding-right: 4px;
}
/* Wizard Styles --------------------------------------------------- */
TABLE.wizard
{
width: 675px;
border: 1px solid #CCCCCC;
background: #E6EAEC;
margin: 0;
}
A.link
{
color: #046695;
text-decoration: none;
}
A.link:hover
{
text-decoration: underline;
}
TABLE.wizard IMG
{
border-width: 0px;
}
TABLE.wizard A.link:hover
{
text-decoration: underline;
}
TABLE.wizard TD
{
font-size: 11px;
}
TABLE.wizard TR.title
{
background: #DCE1E4;
}
TABLE.wizard FORM
{
margin: 0px;
/* Firefox compatability - 13546.*/
/* padding: 0px; */
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
}
TABLE.wizard INPUT, SELECT, TEXTAREA
{
font-size: 11px;
}
TABLE.wizard INPUT.text, TEXTAREA.text, SELECT.text
{
background: white;
width: 100%;
border: 1px solid black;
}
INPUT.text[disabled], SELECT.text[disabled]
{
color:gray;
}
TABLE.wizard INPUT.checkbox
{
vertical-align: top;
}
TABLE.wizard INPUT.textFit
{
border: 1px solid black;
}
TABLE.wizard TD.label.center, SPAN.label
{
vertical-align: middle;
width: 15%;
white-space: nowrap;
}
TABLE.wizard TD.boldLabel
{
vertical-align: top;
width: 15%;
white-space: nowrap;
}
TABLE.wizard TD.commitLabel, SPAN.label
{
font-weight: bold;
}
TABLE.wizard TD.midlabel
{
width: 50%;
}
TABLE.wizard SPAN.heading
{
color: #003366;
font-family: Arial;
font-size: 18px;
font-weight: bold;
width: 100%;
/* firefox Compatibility - 13546. */
/* padding: 10px 10px 10px 10px; */
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
TABLE.wizard TD.instructions
{
/* Firefox compatibility - 13546. */
/* padding: 10px 2px 10px 2px; */
padding-top: 10px;
padding-left: 2px;
padding-bottom: 10px;
padding-right: 2px;
border-bottom: 2px solid #c0c0c0;
}
TABLE.wizard TD.filter
{
font-size: 11px;
/* Firefox Compatibility - 13546. */
/* padding: 10px 10px 0px 10px; */
padding-top: 10px;
padding-left: 10px;
padding-bottom: 0px;
padding-right: 10px;
}
TABLE.wizard TD.instructions A
{
font-weight: bold;
}
TABLE.wizard TD.break
{/*
font-size: 11px;
font-weight: bold;
border: 1px solid #303030;
*/
height: 2px;
width: 100%;
background-color: #c0c0c0;
}
TABLE.wizard TD.content
{
vertical-align: top;
height: 100%;
/* Firefox compatibility - 13546. */
/* padding: 10px; */
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
TABLE.wizard TD.strong
{
font-weight: bold;
}
TABLE.wizard TD.buttons
{
text-align: right;
/* Firefox Compatibility - 13546.*/
/* padding: 10px; */
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
border-top: 2px solid #c0c0c0;
}
TABLE.wizard DIV.rightButtons
{
text-align: right;
padding-bottom: 10px;
}
TABLE.wizard INPUT.button
{
/* firefox compatibility - 13546.*/
/* padding: 0px 4px 0px 4px; */
padding-top: 0px;
padding-left: 4px;
padding-bottom: 0px;
padding-right: 4px;
font-size: 11px;
border: 1px outset white;
}
TABLE.wizard .dropButton
{
/* firefox compatibility - 13546. */
/* padding: 0px 4px 0px 4px; */
padding-top: 0px;
padding-left: 4px;
padding-bottom: 0px;
padding-right: 4px;
border: 1px outset white;
background-image: url('/images/button_popup_black.gif');
background-repeat: no-repeat;
background-position: 90% center;
}
DIV.wizardMenu
{
background-color: #e7e3e7;
border: 1px solid #303030;
position: absolute;
width: 250px;
padding-bottom: 12px;
display: none;
z-index: 3;
color: black;
margin-left: 1px;
}
DIV.wizardMenu .searchText
{
color: black;
}
DIV.wizardMenu .button
{
/* firefox compatability - 13546. */
/* padding: 0px 4px 0px 4px; */
padding-top: 0px;
padding-left: 4px;
padding-bottom: 0px;
padding-right: 4px;
font-size: 11px;
border: 1px outset white;
}
TABLE.wizard TABLE.form
{
margin-top: 20px;
}
TABLE.wizard TABLE.form TD
{
vertical-align: top;
padding-bottom: 5px;
}
TABLE.wizard DIV.hiddenForm
{
width: 100%;
display: none;
height: 280px;
margin-top: 5px;
margin-bottom: 5px;
}
TABLE.wizard DIV.shorterHiddenForm
{
width: 100%;
display: none;
height: 130px;
margin-top: 5px;
margin-bottom: 5px;
}
TABLE.wizard DIV.hiddenForm TD
{
padding-bottom: 3px;
}
TABLE.wizard SPAN.wizButton
{
width: 0%;
border: 0px solid black;
}
TABLE.wizard DIV.scrollableArea
{
overflow: auto;
background-color: white;
border: 1px solid black;
}
DIV.scrollable
{
overflow-x: auto;
/* Firefox compatability - 13546.*/
/* padding: 0px; */
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
margin: 0px;
}
/* End Wizard Styles ----------------------------------------------- */
/* Viewer Styles ----------------------------------------------- */
TABLE.viewer
{
height: 520px;
}
/* End Viewer Styles ---------------------------------------------- */
/* Expression Editor Styles -----------------------------------------*/
tr.expression
{
background-color: #CCCCFF;
}
td.function
{
/* Firefox compatability - 13546.*/
/* padding: 5px 5px 5px 5px; */
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
}
td.operator
{
/* Firefox compatability - 13546.*/
/* padding: 5px 5px 5px 5px; */
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
}
td.operand
{
/* Firefox compatability - 13546.*/
/* padding: 5px 5px 5px 5px; */
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
}
/* End Expression Editor Styles -------------------------------------*/
/* Snapshot Viewer Styles ------------------------------------------ */
.ssv_parent
{
font: 11px Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
position: relative;
}
.ssv_parent A
{
font-size: 11px;
color: #046695;
text-decoration: none;
position: relative;
white-space: nowrap;
}
.ssv_parent A:hover
{
text-decoration: underline;
position: relative;
}
.ssv_child
{
text-decoration: none;
display: none;
background-image: url(/images/snapshot_divider.gif);
background-repeat: repeat-y;
background-position: left;
white-space: nowrap;
}
.ssv_indent
{
/* 16 px is chosen because it is the width of the divider gif */
margin-left: +16px;
}
/* End Snapshot Viewer Styles -------------------------------------- */
.border
{
border: 1px solid green;
background: green;
}
SPAN.task, SPAN.task A, SPAN.task A:visited
{
color: #107BAD;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
SPAN.task A:hover
{
text-decoration: underline;
}
SPAN.taskinfo {
font-family: Tahoma;
font-size: 11px;
color: gray;
text-decoration: none;
}
SPAN.taskinfo A,
SPAN.taskinfo A:visited {
color: #107BAD;
text-decoration: none;
}
SPAN.taskinfo A:hover
{
text-decoration: underline;
}
SPAN.dashboardHeadline
{
color: #107BAD;
font-size: 15px;
font-family: Arial;
font-weight: bold;
font-style: italic;
}
SPAN.dashboardText
{
color: #000000;
font-size: 12px;
font-family: Arial;
}
TR.moduleSummaryAlternateRow
{
}
/* End Module Styles ------------------------------------------ */
.gatewayMessage
{
background-color: #ebeeef;
font-size: 12px;
border: 1px solid black;
/* Firefox compatability - 13546.*/
/* padding: 10px; */
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
margin: 10px;
}
/* Breadcrumb Styles -------------------------------------- */
DIV.breadcrumbTrail
{
font-size: 12px;
color: #999999;
font-weight: bold;
}
DIV.breadcrumbTrail A
{
color: #107BAD;
text-decoration: none;
padding-right: 5px;
padding-left: 5px;
}
DIV.breadcrumbTrail A:hover
{
text-decoration: underline;
}
/* End Breadcrumb Styles ---------------------------------- */
/* Tree Styles -------------------------------------------- */
DIV.tree
{
background-color: white;
border: 1px solid #c0c0c0;
height: 100%;
margin-right: 1px;
}
DIV.tree TABLE TD A,
DIV.tree TABLE TD.selected A
{
color: #046695;
text-decoration: none;
white-space: nowrap;
}
DIV.tree TABLE TD.selected A
{
color: white;
background-color: #046695;
border: 1px solid black;
/* Firefox compatability - 13546.*/
/* padding: 0px 2px 0px 2px; */
padding-top: 0px;
padding-left: 2px;
padding-bottom: 0px;
padding-right: 2px;
}
DIV.tree TABLE TD A:hover
{
text-decoration: underline
}
DIV.tree IMG.treeControl
{
cursor: pointer;
}
DIV.contextMenu
{
position: absolute;
visibility: hidden;
background-color: white;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}
DIV.contextMenu DIV.item
{
width: 200px;
height: 20px;
background-color: white;
border-bottom: 1px solid black;
padding-left: 2px;
}
DIV.treeNode,
DIV.treeNode IMG,
DIV.treeNode TABLE,
DIV.treeNode TABLE TR,
DIV.treeNode TABLE TD
{
/* Firefox compatability - 13546.*/
/* padding: 0px; */
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
border: 0px none white;
}
DIV.treeNode IMG
{
width: 18px;
height: 18px;
}
/* End Tree Styles ---------------------------------------- */
.popupMenu
{
position: absolute;
display: none;
border: 1px solid #024f74;
/* Firefox compatability - 13546.*/
/* padding: 0px; */
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
margin: 0px;
background-color: #177DAE;
}
.popupMenu A.menuLink
{
display: block;
border-top: 1px solid #5da4c6;
border-bottom: 1px solid #0d6691;
/* Firefox compatability - 13546.*/
/* padding: 3px 8px; */
padding-top: 3px;
padding-right: 8px;
font-size: 10px;
color: #ffffff;
text-decoration: none;
white-space: nowrap;
}
.popupMenu A.menuLink:hover
{
text-decoration: none;
}
.popupMenu A.menuLink IMG
{
border: none;
}
.popupMenu A:hover
{
text-decoration: none;
background-color: #ebeeef;
color: #177DAE;
}
DIV.actionConfirmation
{
text-align: center;
}
DIV.contactCard
{
background-color: #f1f4f6;
border: 2px outset black;
height: 100%;
width: 100%;
/* Firefox compatability - 13546.*/
/* padding: 4px; */
padding-top: 4px;
padding-left: 4px;
padding-bottom: 4px;
padding-right: 4px;
}
DIV.contactCard table td
{
/* Firefox compatability - 13546.*/
/* border: 0px; */
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
border-right: 0px;
}
DIV.contactCard td.label
{
font-weight: bold;
}
DIV.contactCard .section
{
margin-top: 6px;
}
BODY.popupContent
{
font-family: tahoma;
background-color: #efefef;
}
DIV.popupContent
{
/* Firefox compatability - 13546.*/
/* padding: 10px; */
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
width: 100%;
/* Firefox compatability - 13546.*/
/* border: 10px; */
border-top: 10px;
border-left: 10px;
border-bottom: 10px;
border-right: 10px;
font-family: tahoma;
background-color: #efefef;
}
DIV.popupContent TD.label
{
vertical-align: top;
font-weight: bold;
padding-right: 20px;
}
BODY.popupContentWhite
{
font-family: tahoma;
background-color: #ffffff;
}
DIV.popupContentWhite
{
/* Firefox compatability - 13546.*/
/* padding: 10px; */
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
width: 100%;
/* Firefox compatability - 13546.*/
/* border: 10px; */
border-top: 10px;
border-left: 10px;
border-bottom: 10px;
border-right: 10px;
font-family: tahoma;
background-color: #ffffff;
}
A.refresh, A.refresh:visited, A.refresh:active
{
color: #107BAD;
text-decoration: none;
padding-right: 10px;
}
A.refresh:hover
{
text-decoration: underline;
}
#pageDivider
{
background: #107bad;
width: 100%;
height: 2px;
}
.allwrapper
{
display: block;
overflow: hidden;
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
.wrapper
{
display: block;
overflow: hidden;
word-wrap: break-word;
}
.casePopupWindowGround
{
width: 100%;
position: absolute;
text-align: center;
text-align: -moz-center;
display: none;
}
.casePopupWindow
{
width: 350px;
z-index: 1;
background-color: #dce4e7;
border-top: 2px solid black;
border-left: 2px solid black;
border-bottom: 2px solid black;
border-right: 2px solid black;
text-align: left;
font-size: 9pt;
/* Commented below line to fix SCR#15464 */
/*filter: alpha(opacity=100);*/
-moz-opacity: 1;
padding-top: 8px;
padding-left: 8px;
padding-bottom: 8px;
padding-right: 8px;
color: black;
}
#tooltip
{
position: absolute;
top: 1px;
left: 1px;
width: 200px;
background-color: #FEECCC;
visibility: hidden;
z-index: 3;
border: 1px solid #000000;
}
errorWindowGround_off { visibility: visiable; position: absolute; left: 0px; top: -370px; width:100%; height:100%; text-align:center; z-index: 1000; }
errorWindowGround_off div { width:300px; margin: 500px auto ; border:1px solid #000; padding:15px; text-align:center; }