/*****************************************/
/* Stylesheet For Use with TechCenter v5 */
/* June 2004 */
/*****************************************/
body.rightwindow {background-color: beige;}
body.topwindow {background-color: beige;}
body.leftpanel {background-color: #053E5B;}
body.popup-assist {background-color: #D6DFE7;}
/*********************************************************************/
/* panelbutton family is for use with Tech+Center left-panel buttons */
/*********************************************************************/
a.panelbutton { color: #18658C;
text-decoration: none;
font-weight: bold;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 11;
}
a.panelbutton:hover { color: #053E5B;
font-weight: bold;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
}
a.panelbutton:active { color: #a00000;
font-weight: bold;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
}
/*********************************************************/
/* Tinyprint is used for small help reminders and such */
/*********************************************************/
.TinyPrint {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9;
}
/***************************************************************/
/* The "Tight" family are used together as a group to control */
/* tightly formated tabular output such as produced by MyCases */
/***************************************************************/
.TightBodyText {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
background-color: #E5EEF6;
}
.TightBodyTextGreyOut {
color: gray;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
background-color: #E5EEF6;
}
.TightBodyTextHilight {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
background-color: #C0C0C0;
}
.TightBodyTextTotal {
color: black;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
background-color: #CFF4E8;
}
.TightBodyTextOpen {
color: red;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
background-color: #E5EEF6;
}
.TightBodyTextClosed {
color: green;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
background-color: #E5EEF6;
}
.TightTableWrapper {
border-width: 2px;
border-style: solid;
border-color: black;
background-color: #000099;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
.FormBoxWrapper {
border-width: 1px;
border-style: solid;
border-color: black;
background-color: #C0C0C0;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
}
.CalendarBodyText {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 14;
background-color: #E5EEF6;
}
.CalendarBodyToday {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 14;
background-color: yellow;
}
.CalendarListText {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12;
background-color: #E5EEF6;
}
.CalendarListToday {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12;
background-color: yellow;
}
/*****************************************************************/
/* The "Box" family are used together as a trio to control small */
/* collections of informative text such as the info box at the */
/* customer-information summary at the top of the detailed */
/* customer-display screen and ypdate form */
/*****************************************************************/
.BoxBodyText {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
color: black;
font-style: normal;
}
.BoxBodyTextHilight {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
color: steelblue;
font-style: italic;
}
.BoxTableWrapper {
border-width: 1px;
border-style: solid;
border-color: black;
background-color: #D6DFE7;
}
/*****************************************************************/
/* The "BusinessCard" family are used in creating the Business */
/* Card display top-left in TCaseForm display */
/*****************************************************************/
.BusinessCardWrapper {
background-color: white;
border-width: 1px;
border-style: solid;
border-color: black;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}
.BusinessCardTitle {
font-family: 'Arial', 'Helvetica';
font-weight: bold;
font-size: 10pt;
color: black;
}
.BusinessCardText {
font-family: 'Arial', 'Helvetica';
font-size: 9pt;
color: black;
}
.BusinessCardTextSmall {
font-family: 'Arial', 'Helvetica';
font-size: 8pt;
color: black;
}
/*****************************************************************/
/* SimpleWrapper is used to draw a 1 pixel line around a table */
/* and establish some padding if used at the | level */
/* */
/* BGWrapper is the same but specifies a BGColor rather than */
/* inheriting whatever bgcolor it sits on */
/*****************************************************************/
.SimpleWrapper {
border-width: 1px;
border-style: solid;
border-color: black;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}
.BGWrapper {
border-width: 1px;
border-style: solid;
border-color: black;
background-color: silver;
padding-top: 3px;
padding-bottom: 5px;
padding-left: 3px;
padding-right: 5px;
}
.CustomerLogoWrapper {
border-style: solid;
border-top-width: 5px;
border-bottom-width: 5px;
border-left-width: 5px;
border-right-width: 5px;
border-top-color: #ADC8D8;
border-bottom-color: #06538a;
border-left-color: #6194b1;
border-right-color: #6194b1;
}
.WhiteboardWrapper {
background-color: #E7E7CF;
border-style: solid;
border-top-width: 5px;
border-bottom-width: 5px;
border-left-width: 5px;
border-right-width: 5px;
border-top-color: #ADC8D8;
border-bottom-color: #06538a;
border-left-color: #6194b1;
border-right-color: #6194b1;
}
.WhiteboardText {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12;
color: black;
font-style: normal;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}
/*******************************************************************/
/* Outerformwrapper, Innerformwrapper, & MinorForm Tile are used */
/* as a trio together to control overall appearance of a form. */
/* */
/* InnerformWrapperTight is a variant for use when inter-lining of*/
/* form elements is achieved by explicit | 's rather than */
/* table-level cellpadding or cellspacing */
/* */
/* Outerformwrapper establishes the body for a complete form (unit */
/* of submission) but large forms are broken down into smaller */
/* chunks or subforms which are defined using Innerformwrapper(s) */
/* */
/* MinorFormTitle is used for titleing these chunks or subforms */
/*******************************************************************/
.Outerformwrapper {
border-width: 1px;
border-style: solid;
border-color: black;
background-color: #D6DFE7;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}
.InnerformWrapper {
border-width: 2px;
border-style: solid;
border-color: black;
background-color: lightblue;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
.InnerformWrapperTight {
border-width: 2px;
border-style: solid;
border-color: black;
background-color: #C0C0C0;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 2px;
padding-right: 2px;
}
.MinorFormTitle {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12;
font-weight: bold;
border-width: 1px;
border-style: solid;
border-color: black;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 25px;
padding-right: 25px;
}
.lightline {
background-color: #888888;
}
/*******************************************************************/
/* MinorScreentTitleFixed and MajorScreenTitleValue are a duo used */
/* where a screen title consists of both a "fixed" invariant part */
/* and a second part which is a database derived variable value */
/*******************************************************************/
.MajorScreenTitleFixed {
font-family: Times;
font-size: 20;
background-color: #D6DFE7;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 25px;
padding-right: 25px;
}
.MajorScreenTitleValue {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 18;
background-color: #eeeeee;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 25px;
padding-right: 25px;
}
.MajorRedBanner {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 22;
color: red;
font-weight: bold;
}
.MajorBlackBanner {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 18;
color: black;
}
/*****************************************************************/
/* MinorScreentTitle and TitleInsert are a duo used in */
/* for "minor" screen headings such as at the top of "My Cases" */
/*****************************************************************/
.MinorScreenTitle {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12;
font-weight: bold;
background-color: #D6DFE7;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}
.TitleInsert {font-family: verdana, arial, helvetica, sans-serif;
font-size: 12;
font-weight: bold;
background-color: #eeeeee;
}
/************************************************************************/
/* ColumnLabel is used for column headings in data tables - tends */
/* to be used with the "Tight" family of styles that control the table */
/************************************************************************/
.ColumnLabel { color: black;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12;
font-weight: bold;
background-color: #E0E0E0;
}
.ColumnLabelHilight { color: black;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12;
font-weight: bold;
background-color: #C0C0C0;
}
/**********************************************************************/
/* The Menu family are special cases for the Customer+Center */
/* "Main menu pull-down" and similar */
/**********************************************************************/
.MenuLabel {
font-family: verdana, arial, helvetica, sans-serif;
color: #E4E4E4;
font-size: 16;
font-weight: bold;
border-width: 0px;
border-style: solid;
border-color: black;
background-color: #186ead;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 25px;
padding-right: 25px;
}
.menutext {
color: #E4E4E4;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12;
font-weight: bold;
background-color: #186ead;
}
.menutextsub {
color: #E4E4E4;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12;
font-weight: normal;
background-color: #186ead;
}
.MenuWrapper {
border-style: solid;
background-color: #186ead;
border-top-width: 5px;
border-bottom-width: 5px;
border-left-width: 5px;
border-right-width: 5px;
border-top-color: #ADC8D8;
border-bottom-color: #06538a;
border-left-color: #6194b1;
border-right-color: #6194b1;
}
/************************************************************************/
/* This family of style definitions are used as a group within Forms */
/* */
/* FormLabel controls a text label describing a form input element */
/* when that label is horizontally adjacent to the field it is labeling */
/* */
/* FormLabelSuper controls a text label describing a form input element */
/* when that label is vertically just above the field it is labelling */
/* */
/* FormBoxHolder controls the form input element itself */
/* */
/* Formspacer and Formdivider are used to provide extra space or */
/* dividing lines between form elements respectively */
/************************************************************************/
.formlabel {
color: #303030;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
background-color: #C0C0C0;
}
.formlabelsuper {
color: #303030;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
font-weight: bold;
background-color: #C0C0C0;
}
.formboxholder {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
background-color: #C0C0C0;
}
.formlisting {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
background-color: darkseagreen;
}
.FormTable { background-color: black;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 25px;
padding-right: 25px;
}
.formspacer {
background-color: #C0C0C0;
}
.formdivider {
background-color: #A0A0A0;
}
/************************************************************************/
/* DataLabel and DataValue are used as a duo when Label/Value pairs are */
/* displayed on the screen as simple data (i.e. Not within a Form) */
/* Plaintext is the same but with no color specified - inherits what is */
/* there rather than forcing the color */
/* Plaintext 1,2,3 and 4 are "rotating" colors used in a circular */
/* fashion when multiple text streams need to be differentiated */
/************************************************************************/
.datalabel {
color: black;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
}
.datavalue {
color: black;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
}
.plaintext {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
}
.plaintext1 {
color: red;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
}
.plaintext2 {
color: yellow;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
}
.plaintext3 {
color: green;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
}
.plaintext4 {
color: navy;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
}
.InstructionText {
color: black;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12;
}
.InstructionTextBold {
color: black;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12;
font-weight: bold;
}
/************************************************************************/
/* Following are the default controls for Form elements (Input, Select, */
/* and Textarea) - i.e.. they are invoked on such elements by default */
/* without needing to specify and explicit class= */
/* */
/* If you want to have a Form element different to these defaults, you */
/* will need to define a different style with an explicit name (dotted) */
/* and reference that with a class= qualifier */
/************************************************************************/
input {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
background-color: #dddddd;
}
#forsubmitbutton {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12;
background-color: #909090;
font-weight: bold;
}
#forradiobuttonred {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
background-color: #ff0000;
}
#forradiobuttongreen {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
background-color: #00ff00;
}
select {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
background-color: #dddddd;
}
textarea {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11;
background-color: #dddddd;
}