TAGS FOR LIST GROUP HEADING BACKGROUND. */
.LGHdrBrdr { border-right : 1px solid #CCCCCC; border-bottom : 1px solid #CCCCCC; border-top : 1px solid #F2F2F2; border-left : 1px solid #F2F2F2; }
/* ********** LIST ROW CLASSES ****************************************************************** */
/* APPLY TO | TAGS FOR LEFT ALIGNED LIST ROWS */
.LRow {
border-bottom: 1px solid #EBEBEB;
padding: 2px 5px 2px 5px;
border-left: 1px solid white;
border-right: 1px solid white;
vertical-align: top;
}
/* APPLY TO | TAGS FOR RIGHT ALIGNED (RA) LIST ROWS */
.LRowRA {
border-bottom: 1px solid #EBEBEB;
padding: 2px 5px 2px 5px;
border-left: 1px solid white;
border-right: 1px solid white;
text-align: right;
vertical-align: top;
}
/* APPLY TO | TAGS FOR CENTER ALIGNED (CA) LIST ROWS */
.LRowCA {
border-bottom: 1px solid #EBEBEB;
padding: 2px 5px 2px 5px;
border-left: 1px solid white;
border-right: 1px solid white;
text-align: center;
vertical-align: top;
}
/* APPLY TO | TAGS FOR LEFT ALIGNED ALTERNATING LIST ROWS */
.ALRow {
border-bottom: 1px solid #EBEBEB;
padding: 2px 5px 2px 5px;
border-left: 1px solid white;
border-right: 1px solid white;
vertical-align: top;
}
/* APPLY TO | TAGS FOR RIGHT ALIGNED (RA) ALTERNATING LIST ROWS */
.ALRowRA {
border-bottom: 1px solid #EBEBEB;
padding: 2px 5px 2px 5px;
border-left: 1px solid white;
border-right: 1px solid white;
text-align: right;
vertical-align: top;
}
/* APPLY TO | TAGS FOR CENTER ALIGNED (CA) ALTERNATING LIST ROWS */
.ALRowCA {
border-bottom: 1px solid #EBEBEB;
padding: 2px 5px 2px 5px;
border-left: 1px solid white;
border-right: 1px solid white;
text-align: center;
vertical-align: top;
}
/* ========================================================================== */
.rowHL{
background-color: #FDFED4;
cursor: default;
}
A.LLnk { color: Blue; text-decoration: none; }
A.LLnk:HOVER { color:Navy; text-decoration: underline; }
.MTbl {
border-right: 1px solid #809FC9;
padding: 20px;
}
.MColHdr {
color : White;
background : #003C79;
border: 1px solid #A6B7C9;
font-weight : bold;
letter-spacing : 1px;
padding: 1px;
padding-left: 5px;
}
.MGHdr {
color: Black;
border: 1px solid silver;
padding: 1px 5px 1px 5px;
background-color: Aqua;
}
.MRow {
border-left: 1px solid #83919C;
border-bottom: 1px solid #83919C;
color: #3E3E3E;
vertical-align: top;
padding: 5px;
background-color: white;
}
.MHRow {
border-left: 1px solid #83919C;
border-bottom: 1px solid #83919C;
color: #585858;
vertical-align: top;
padding: 5px;
background-color : #F5F5F5;
}
/* END PAGE STYLES *********************************/
/**********************************************************/
/* NAVIGATION STYLES */
/**********************************************************/
.NTbl { background: transparent; }
.NavBar {
background-color: #C1D6E5;
position: relative;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
}
.NBLnk {
padding: 4px 14px 4px 10px;
cursor: default;
border-right: 1px solid gray;
}
.NBLnkMO {
background-color: #ADC1CE;
padding: 4px 14px 4px 10px;
cursor: default;
border-right: 1px solid gray;
}
.NavGrp {
background-color: #ADC1CE;
position: absolute;
cursor: default;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=4);
}
.NGLnk {
padding: 4px 10px 4px 10px;
cursor: default;
}
.NGLnkMO {
padding: 4px 10px 4px 10px;
background-color: #DCE7ED;
cursor: default;
}
.NavMGrp {
padding: 0px;
background-color: #B0E0E6;
border:1px solid black;
}
.NavMLnk {
padding: 4px 14px 4px 10px;
cursor: pointer;
}
.NavMLnkMO {
padding: 4px 14px 4px 10px;
background-color: white;
cursor: pointer;
}
.NavMLnkA {
padding: 4px 14px 4px 10px;
cursor: pointer;
background-image:url('images/img_small_black_right_arrow.gif');
background-position : right;
background-repeat : no-repeat;
}
.NavMLnkAMO {
padding: 4px 14px 4px 10px;
background-color: White;
cursor: pointer;
background-image:url('images/img_small_black_right_arrow.gif');
background-position : right;
background-repeat : no-repeat;
}
.NL1Lnk {
padding: 5px;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
background-color: Silver;
color: Black;
cursor: default;
}
.NL1LnkMO { padding: 3px 2px 3px 5px; color: White; cursor: default; font-weight: bold; text-decoration: underline;}
.NL1LnkA { padding: 3px 2px 3px 5px; border-bottom: 1px solid white; color: White; font-weight: Bold; cursor: default; }
.NL1LnkG { padding: 3px 2px 3px 2px; border-bottom: 1px solid white; color: Black; cursor: default; font-weight: bold; }
/* END NAVIGATION STYLES *************************/
/**********************************************************/
/* FORM STYLES */
/**********************************************************/
.FrmTbl { border: 1px solid Gray; }
.FrmHdr { background-color: #003C79; color: White; padding:4px; font-weight: bold; }
.FrmInst { background-color: #CCCCCC; color: Black; padding: 4px; }
.FrmBody { background-color:#F7F7F7; padding: 10px 5px 5px 5px; }
.FrmFldLabel {
BACKGROUND-COLOR: #edf0f3;
BORDER-RIGHT: white 1px solid;
BORDER-TOP: white 1px solid;
COLOR: black;
font-weight: bold;
vertical-align: top;
padding:4px 0px 4px 5px;
TEXT-ALIGN: left;
}
.FrmFld {
BACKGROUND-COLOR: #F7F7F7;
BORDER-RIGHT: white 1px solid;
BORDER-TOP: white 1px solid;
COLOR: black;
vertical-align: top;
padding:4px 0px 4px 5px;
TEXT-ALIGN: left;
}
.FrmFldFocus { background-color:Aqua; }
.FrmFldBlur { background-color:White; }
/* END FORM STYLES *********************************/
/* ////////////////////////////////////////////////// */
/* OLD INTERFACE STYLES */
/* ////////////////////////////////////////////////// */
/* --- common_styles.css --- */
/**********************************************************************************/
/* COMMON CLASSES: */
/**********************************************************************************/
/**********************************************************/
/* TITLE CLASSES */
/**********************************************************/
.TitleLarge { font-weight: bold; font-size: 30px; color: #253355; }
.TitleMed { font-size: 25px; color: #253355; }
.TitleSmall { color: #015A99; font-size: 15px; font-weight : bold; padding-top: 15px; padding-bottom: 2px; }
/**********************************************************/
/* END TITLE CLASSES */
/**********************************************************/
/**********************************************************/
/* POP UP WINDOW CLASSES */
/**********************************************************/
/**********************************************************/
/* INFO POP UP WINDOW CLASSES */
/**********************************************************/
.InfoPUW {
background-color: White;
background-image: url(../images/bkgrnd_info_pop_up.gif);
background-repeat: no-repeat;
background-position: bottom right;
border: 1px solid black;
padding: 5px;
padding-right: 30px;
}
.InfoPUWTxtArea {
}
A.InfoPUWLink {
color: Blue;
text-decoration: none;
}
A.InfoPUWLink:HOVER {
color: Navy;
text-decoration: underline;
}
/**********************************************************/
/* ALERT POP UP WINDOW CLASSES */
/**********************************************************/
.AlertPUW {
background-color: #DCE3EB;
background-repeat: no-repeat;
background-position: bottom right;
border: 1px solid black;
padding: 10px 10px 10px 10px;
}
.AlertPUWTxtArea {
}
A.AlertPUWLink {
color: Blue;
text-decoration: none;
}
a:visited {
color : #0690e9;
}
A.AlertPUWLink:HOVER {
color: Navy;
text-decoration: underline;
}
/**********************************************************/
/* END POP UP WINDOW CLASSES */
/**********************************************************/
/**********************************************************/
/* BANNER CLASSES */
/**********************************************************/
/******************************************/
/* LEFT BANNER CELL */
/* Attributes for the left table cell of */
/* the banner. This cell may contain a */
/* company logo, nav links etc. */
/******************************************/
.BannerLeftCell{
/* background-image: url(../images/img_bstreet_logo.jpg); */
/* background-repeat: no-repeat; */
}
/******************************************/
/* RIGHT BANNER CELL */
/* Attributes for the right table cell of */
/* the banner. This cell may contain a */
/* company logo, nav links etc. */
/******************************************/
.BannerRightCell {
background-image: url(../images/img_benefitstreet_banner_bkgrnd.jpg);
background-repeat: repeat-x;
}
/******************************************/
/* BANNER DATE CELL */
/* Attributes for the table cell that */
/* containes the clients date info. */
/******************************************/
.BannerDateCell{
color: white;
font-weight: bold;
padding-bottom: 8px;
}
.BannerNav { font-family: Arial; color:white; border-left:1px solid white; }
.BannerNavMouseOver { background-color: White; color:Black; cursor: default; }
/**********************************************************/
/* END BANNER CLASSES */
/**********************************************************/
/**********************************************************/
/* MATRIX TYPE RECORD SET CLASSES */
/**********************************************************/
/******************************************/
/* MATRIX RECORD TYPE TALBE */
/* Attributes for the TABLE containing */
/* a matrix based record set. Example: */
/* A compairsion list of companies and */
/* and their services. */
/******************************************/
.MTable {
border-right: 1px solid #809FC9;
padding: 20px;
}
/******************************************/
/* MATRIX COLUMN HEADER */
/* Attributes for a matrix list column */
/* header. */
/******************************************/
.MColHdrCell {
color : White;
background : #0C1B5E;
border: 1px solid #A6B7C9;
font-weight : bold;
letter-spacing : 1px;
padding: 1px;
padding-left: 5px;
}
/******************************************/
/* MATRIX RECORD */
/* Attributes for a matrix record item. */
/******************************************/
.MRecCell {
border-left: 1px solid #83919C;
border-bottom: 1px solid #83919C;
color: #3E3E3E;
vertical-align: top;
padding: 5px;
background-color: #F7F7F7;
}
/******************************************/
/* HIGHLIGHTED MATRIX RECORD */
/* Used to provide easy reference for */
/* long lists of records. Alternate */
/* between this class and the MRecord */
/* class. */
/******************************************/
.MRecCellHL {
border-left: 1px solid #83919C;
border-bottom: 1px solid #83919C;
color: #585858;
vertical-align: top;
padding: 5px;
background-color : #E6E6E6;
}
/******************************************/
/* MATRIX RECORD LINK */
/* Attributes for record items that are */
/* also links. */
/******************************************/
A.MRecLink {
text-decoration: none;
color : Blue;
}
/******************************************/
/* HIGHLIGHTED MATRIX RECORD ITEM LINK */
/* Attributes for record items that are */
/* also links. Use to provide easy */
/* reference for long list of records. */
/* Alternate between this class and the */
/* MLinkRecord class. */
/******************************************/
A.MRecLink:HOVER {
text-decoration: underline;
color : Navy;
}
/**********************************************************/
/* END MATRIX TYPE RECORD SET CLASSES */
/**********************************************************/
/**********************************************************/
/* STANDARD RECORD SET CLASSES */
/**********************************************************/
/******************************************/
/* RECORD TABLE */
/* Attributes for the TABLE containing */
/* a standard record set list. For */
/* example a list of funds. */
/******************************************/
.RTable {
background-color: transparent;
}
.RTable th, .RTable td {
}
/******************************************/
/* RECORD LIST COLUMN HEADING */
/* Attributes for a record list column */
/* header. */
/******************************************/
.RColHdr, tr.RColHdr th {
color: #546176;
font-weight : bold;
background-color: #fff;
border: 1px solid #dee1ea;
padding: .5em;
vertical-align: top;
white-space: normal;
}
/******************************************/
/* STANDARD RECORD GROUP HEADER */
/* Attributes for record grouping text, */
/* such as the asset class for a list of */
/* funds. */
/******************************************/
.RGroupHdr {
background-color: #E6E6E6;
color: Black;
font-weight: Bold;
padding: 0px 4px 0px 4px;
}
/******************************************/
/* STANDARD RECORD */
/* Attributes for a record item. */
/******************************************/
td.RRecCell, tr.RRecCell td, td.RRecCellMO, tr.RRecCellMO td {
color: #000;
border: none;
border: 1px solid #dee1ea;
padding: 4px;
}
/* 2014-11-03: Added as part of UI Paint Job Project*/
.RRecCell, tr.RRecCelL td {
background-color: #fff;
}
/******************************************/
/* HIGHLIGHTED STANDARD RECORD */
/* Used to provide easy reference for */
/* long lists of records. Alternate */
/* between this class and the RRecord */
/* class. */
/******************************************/
.RRecCellHL, tr.RRecCellHL td {
color: #000;
background-color: #FFFFFF;
border: none;
border: 1px solid #dee1ea;
padding: 4px;
}
/******************************************/
/* STANDARD RECORD SET TOTALS CELL */
/* Attributes for the cells containing */
/* column totals. */
/******************************************/
.RRecordTotalCell {
color: Black;
font-weight: bold;
background-color: #B5C3CE;
padding: 2px;
border-left: 1px solid white;
}
/******************************************/
/* STANDARD RECORD ITEM LINK */
/* Attributes for record items that are */
/* also links. */
/******************************************/
A.RLinkRec {
color: Blue;
text-decoration : none;
}
/******************************************/
/* HIGHLIGHTED STANDARD RECORD ITEM LINK */
/* Attributes for record items that are */
/* also links. Use to provide easy */
/* reference for long list of records. */
/* Alternate between this class and the */
/* RLinkRecord class. */
/******************************************/
A.RLinkRec:HOVER {
color: Navy;
}
/******************************************/
/* RECORD ALERT LINK */
/* Used to alert the user to a particular */
/* record or record item that is also a */
/* link. */
/******************************************/
A.RRecAlertLink {
color: red;
font-weight: normal;
}
/******************************************/
/* RECORD CELL ALERT CLASS */
/* Attributes for a the table cell */
/* containing a record or record item you */
/* wish to bring to the users attention. */
/******************************************/
.RRecAlertCell {
color: Red;
font-weight: normal;
background-color: transparent;
padding: 2px;
border-left: 2px solid white;
}
/**********************************************************/
/* END STANDARD RECORD SET CLASSES */
/**********************************************************/
/**********************************************************/
/* FOOTER CLASSES */
/**********************************************************/
/******************************************/
/* FOOTER CELL */
/* Attributes for the table cell that */
/* contains the page footer table. */
/******************************************/
.FooterCell {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
/******************************************/
/* FOOTER TEXT */
/* Attributes for the text of the page */
/* footer. */
/******************************************/
.FooterText {
color: gray;
font-size: 9px;
padding-bottom: 10px;
text-align: left;
}
/**********************************************************/
/* END FOOTER CLASSES */
/**********************************************************/
/**********************************************************/
/* CONTENT CLASSES */
/**********************************************************/
/******************************************/
/* CONTENT CELL */
/* Attributes for the table cell that */
/* contains the content table. */
/******************************************/
.ContentCell {
padding: 20px 20px 20px 20px;
}
/******************************************/
/* PARAGRAPH TEXT */
/* Attributes for general paragraph text. */
/* For example the text of a press */
/* or investment education info. */
/******************************************/
.ParagraphText {
color: #3E3E3E;
padding: 5px 10px 5px 0px;
vertical-align: top;
text-align : left;
}
/******************************************/
/* PARAGRAPH LINKS */
/* Attributes for links contained within */
/* general paragarph text. */
/******************************************/
A.ParagraphLink {
color : Blue;
text-decoration : none;
}
/******************************************/
/* PARAGRAPH LINK MOUSEOVER */
/* Attributes for mouseover appearance of */
/* links contained withing general */
/* paragarph text. */
/******************************************/
A.ParagraphLink:HOVER {
color: Navy;
}
a:hover {
/* color : Navy; */
color: #04629e;
}
a:link {
/* color : Blue; */
color: #0690e9;
}
/******************************************/
/* ALERT TEXT */
/* Attributes for text to relay messages */
/* to the user. "No records found" etc. */
/******************************************/
.AlertText {
color: red;
padding-bottom: 10px;
vertical-align: top;
}
/******************************************/
/* BULLETED TEXT */
/* Attributes for bullet items. */
/******************************************/
.BulletItem {
color: #3E3E3E;
padding-bottom: 6px;
}
/**********************************************************/
/* END CONTENT CLASSES */
/**********************************************************/
/**********************************************************/
/* NAVIGATION MENU CLASSES */
/**********************************************************/
/******************************************/
/* NAVIGATION MENU CELL */
/* Attributes for the table cell the */
/* navigation menu is displayed in. */
/******************************************/
.NavMenuCell { background-color: #A4B1CD; }
.NavMenuSubCell { background: transparent; }
.Lev1NavCell { color: black; padding: 3px; font-weight: normal; text-align: left; cursor: default; background-color:silver; border-bottom: 1px solid white; }
.Lev1NavCellMO { color: black; text-decoration:none; font-weight: normal; padding: 3px; cursor: default; background-color: white; border-bottom: 1px solid white; }
.Lev1CurNavCell { color: black; padding: 3px; font-weight: bold; cursor: default; background-color:silver; border-bottom: 1px solid white; }
.Lev1CurNavGrpCell { color: black; font-weight: bold; text-align: left; padding: 3px; cursor: default; }
.Lev2NavCell { color: black; background-color: white; font-weight: normal; text-align: left; padding: 3px; cursor: default; border-bottom: 1px solid white; }
.Lev2NavCellMO { color: black; font-weight: bold; padding: 3px; cursor: default; background-color: white; border-bottom: 1px solid white; }
.Lev2CurNavCell { color: black; padding: 3px; font-weight: bold; cursor: default; background-color:white; border-bottom: 1px solid white; }
.Lev2CurNavGrpCell { color: black; font-weight: bold; text-align: left; padding: 3px; cursor: default; }
.Lev3NavCell { color: black; background-color: white; font-weight: normal; text-align: left; padding: 3px; cursor: default; border-bottom: 1px solid white; }
.Lev3NavCellMO { color: black; font-weight: bold; padding: 3px; cursor: default; background-color: white; border-bottom: 1px solid white; }
.Lev3CurNavCell { color: black; padding: 3px; font-weight: bold; cursor: default; background-color:white; border-bottom: 1px solid white; }
.Lev3CurNavGrpCell { color: black; font-weight: bold; text-align: left; padding: 3px; cursor: default; }
.NavLinkSeparator { background: transparent;}
/* SJC Added 5/29/2007 */
.HorizontalMenu
{
background-color: #0C1B5E;
color:White;
}
/**********************************************************/
/* END NAVIGATION MENU CLASSES */
/**********************************************************/
/* --- calendar_styles.css --- */
/******************************************/
/* CalendarCell */
/* Used for calendar days */
/******************************************/
.CalendarCell {
background-color: #D3E1EC;
color: Black;
padding: 1px;
/* padding-left: 3px;
padding-right: 3px;*/
border-color : #BAD1E2;
text-align : right;
border-right : 1px solid #015A99;
border-bottom : 1px solid #015A99;
border-top : 1px solid White;
border-left : 1px solid White;
}
.CalendarCellMO {
color: Black;
padding: 1px;
/* padding-left: 3px;
padding-right: 3px;*/
text-align : right;
background-color : White;
font-weight:normal;
border-left : 1px solid #015A99;
border-top : 1px solid #015A99;
border-bottom : 1px solid White;
border-right : 1px solid White;
}
.CalendarPayDayMO {
background-color: White;
color: black;
padding: 1px;
/* padding-left: 3px;
padding-right: 3px;*/
text-align : right;
font-weight: bold;
border-right : 1px solid White;
border-bottom : 1px solid White;
border-top : 1px solid #015A99;
border-left : 1px solid #015A99;
}
/******************************************/
/* PayDay */
/* Used to indicate a day on a calendar is a payday */
/******************************************/
.PayDay {
background-color: White;
color: Black;
padding: 1px;
/* padding-left: 3px;
padding-right: 3px;*/
border-color : #B4C1D1;
text-align : right;
border-left : 1px solid #015A99;
border-top : 1px solid #015A99;
border-bottom : 1px solid White;
border-right : 1px solid White;
font-weight : bold;
}
/******************************************/
/* Holiday */
/* Used to indicate a day on a calendar is a holiday */
/******************************************/
.Holiday {
background-color: blue;
color: white;
padding: 1px;
/* padding-left: 3px;
padding-right: 3px;*/
border: 1px solid;
border-color : blue;
text-align : right;
}
/******************************************/
/* CalendarHeading */
/* Attributes for the table cell that */
/* contains the calendar Month and Year */
/* title. */
/******************************************/
.CalendarHeading {
font-size: 15px;
color: Black;
font-weight: Bold;
padding-left: 5px;
background-color: Silver;
}
/******************************************/
/* WeekDayHeading */
/* Attributes for the weekday headings */
/******************************************/
.WeekDayHeading {
color : Black;
font-weight : bold;
padding: 1px;
padding-left: 5px;
background-color: #E6E6E6;
border: 1px solid ;
}
/******************************************/
/* WeekDayBorder */
/* Attributes for the weekday heading border */
/******************************************/
.WeekDayBorder {
border-left: 1px solid Black;
border-right: 1px solid Black;
}
/******************************************/
/* CalendarBorder */
/* Attributes for the calendar border */
/******************************************/
.CalendarBorder {
border-left: 1px solid Black;
border-right: 1px solid Black;
border-bottom: 1px solid Black;
}
/******************************************/
/* Calendar day link */
/* Attributes for calendar days that are */
/* also links. */
/******************************************/
A.CalendarDay {
text-decoration: none;
color:black;
}
/******************************************/
/* Calendar day link */
/* Attributes for calendar days that are */
/* also links. */
/******************************************/
.PayScheduleHeading {
font-size: 14px;
color: white;
font-weight: Bold;
padding-left: 5px;
background-color: #003557;
padding-top: 3px;
padding-bottom : 3px;
border-left: 1px solid Black;
border-right: 1px solid Black;
}
/* --- form_styles.css -- */
#horizontalNav { font-size: .83em; }
.SubFormCell
{
PADDING-BOTTOM: 10px;
BACKGROUND-COLOR: #f7f7f7
}
.FormHdrCell
{
padding: .5em .5em;
font-size:1.4em;
font-weight: xbold;
}
/*
table tr:first-child td:first-child
{
-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius:4px;
border-top-left-radius:4px}
table tr:first-child td:last-child
{
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px}
table tr:last-child td:first-child
{
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px}
table tr:last-child td:last-child
{
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px}
*/
.FormHeadingCell
{
BORDER-RIGHT: black 1px solid;
BORDER-LEFT: black 1px solid;
COLOR: black;
BORDER-BOTTOM: black 1px solid;
BACKGROUND-COLOR: #e6e6e6;
TEXT-ALIGN: left;
}
.SubFormHdrCell
{
font-weight: bold;
color: #546176;
padding: 10px;
background-color: #fff;
/* border-top: solid 10px #Fff !important;
border-bottom: solid 5px #Fff !important; */
}
.FormNavCell {
padding: .5em;
}
.SubFormNavCell
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 5px;
PADDING-TOP: 0px;
BACKGROUND-COLOR: #f7f7f7
}
.FormLinkCell, .FormLinkCellMO
{
padding: .25em .25em .25em 0.5em;
text-align: left;
}
/* Added to fix IE8/Firefox image like arrows being bottom aligned.*/
IMG.FormLinkCell
{
padding-bottom:10px;
}
.FormInstCell
{
padding: .5em;
white-space:normal;
}
.SubFormInstCell
{
PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
PADDING-BOTTOM: 8px;
COLOR: black;
PADDING-TOP: 8px;
BACKGROUND-COLOR: white;
TEXT-ALIGN: left
}
.FormSearchCell
{
padding: 2px;
}
.FormFieldCell
{
padding: .75em;
border: solid 1px #edf0f3;
background-color: #FFF;
}
.FormFieldCell1
{
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 1px;
COLOR: black;
PADDING-TOP: 1px;
BACKGROUND-COLOR: #edf0f3
}
.FormLabelCell
{
color: #000;
padding: .5em;
border-bottom: solid 1px silver !important;
background-color: #FFF;
}
.FormLabelCellPlain
{
FONT-WEIGHT: normal;
COLOR: black;
TEXT-ALIGN: left
}
.tblRowSpacing td { padding: 2px 0; }
/* Replaced with rules for inputs, selects and textareas. See end of file.
.FormTxtField, .FormNumField, .FormDropDownField
{
color: #4D4D4D;
border: solid 1px #CCC;
padding: .25em;
font-size: 1em;
}*/
.FormNumField { text-align: right; }
.FormRadioButton
{
WIDTH: 12px;
HEIGHT: 12px
}
.FormChkBox
{
BACKGROUND: none transparent scroll repeat 0% 0%
}
.FormButton
{
HEIGHT: 20px
}
.DisabledFormField
{
BACKGROUND-COLOR: #f4f6f8;
}
A.FormNavLink
{
color: #0690e9;
/* COLOR: blue; */
TEXT-DECORATION: none
}
A.FormNavLink:hover
{
/* COLOR: navy; */
color: #04629e;
TEXT-DECORATION: underline
}
A.DFormNavLink
{
COLOR: gray;
TEXT-DECORATION: none
}
A.DFormNavLink:hover
{
COLOR: gray;
TEXT-DECORATION: underline
}
A.FormSearchNavLink
{
COLOR: blue;
TEXT-DECORATION: none
}
A.FormSearchNavLink:hover
{
COLOR: navy;
TEXT-DECORATION: underline
}
A.FormHdrLnk
{
COLOR: white;
BACKGROUND-COLOR: #003557
}
.FormHdrLnkCell
{
PADDING-LEFT: 5px;
COLOR: white;
BACKGROUND-COLOR: #003557
}
/* --- tab_styles.css --- */
/**********************************************************************************/
/* TAB CLASSES: */
/**********************************************************************************/
/**********************************************************/
/* TAB CLASSES */
/**********************************************************/
/******************************************/
/* TAB SET TABLE CELL */
/* Attributes for the table cell */
/* containing the tabs. */
/******************************************/
.TabSetCell {
background-color: transparent;
}
/******************************************/
/* ACTIVE TAB CELL */
/* Attributes for the tab that is */
/* currently selected. */
/******************************************/
.ActiveTabCell {
color: Black;
font-weight: Bold;
text-align: Center;
background : White;
border-right : 1px solid Black;
border-top : 1px solid Black;
border-left : 1px solid Black;
padding: 1px 1px 1px 1px;
}
/******************************************/
/* INACTIVE TAB CELL */
/* Attributes for tabs that are not */
/* currently active or selected. */
/******************************************/
.InactiveTabCell {
background-color: Silver;
color: White;
text-align: Center;
border-right : 1px solid Gray;
border-bottom : 1px solid Gray;
border-top : 1px solid White;
border-left : 1px solid White;
padding: 1px 1px 1px 1px;
font-weight : normal;
}
/******************************************/
/* INACTIVE TAB CELL MOUSEOVER */
/* Attributes for mouseover of inactive or*/
/* non-selected tab cell. */
/******************************************/
.InactiveTabCellMO {
text-align: Center;
color: Black;
background : #B5C3CE;
border-right : 1px solid #D3E1EC;
border-bottom : 1px solid #D3E1EC;
border-top : 1px solid #83919C;
border-left : 1px solid #83919C;
padding: 1px 1px 1px 1px;
cursor: default;
font-weight : normal;
}
/******************************************/
/* DISABLED TAB CELL */
/* Attributes for disabled or unavailable */
/* tabs. */
/******************************************/
.DisabledTabCell {
color: Gray;
background-color: Silver;
font-weight: Normal;
text-align: Center;
border-left: 1px solid gray;
border-top: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
padding: 0px 1px 0px 1px;
}
/******************************************/
/* TAB SUB-NAVIGATION CELL */
/* Attributes for sub-navigation cell for */
/* the current or selected tab. */
/******************************************/
.TabSubNavCell {
background-color: White;
padding: 0px 0px 1px 3px;
border-bottom : 1px solid Black;
border-left : 1px solid Black;
border-right : 1px solid Black;
}
/******************************************/
/* TAB SUB-NAVIGATION LINK CELL */
/* Attributes for cells containing */
/* sub-navigation links for tabs. */
/******************************************/
.TabSubNavLinkCell {
padding-top: 2px;
padding-right: 2px;
text-align: center;
}
/******************************************/
/* TAB SUB-NAVIGATION LINK CELL */
/* Attributes for cells containing */
/* sub-navigation links for tabs. */
/******************************************/
.TabSubNavLinkCellMO {
padding-top: 2px;
padding-right: 2px;
text-align: center;
}
/******************************************/
/* TAB SUB-NAVIGATION LINK */
/* Attributes for sub-navigation links for*/
/* the current or selected section tab. */
/******************************************/
A.TabSubNavLink {
color: blue;
text-decoration: none;
}
/******************************************/
/* TAB SUB-NAVIGATION LINK MOUSEOVER */
/* Attributes for the mouseover event of */
/* the text of a section tab. */
/******************************************/
A.TabSubNavLink:HOVER {
color: navy;
text-decoration: underline;
}
/**********************************************************/
/* END TAB CLASSES */
/**********************************************************/
.BlackBackground
{
BACKGROUND-COLOR: black;
}
/**********************************************************/
/* Added by Mohsin for header */
/**********************************************************/
a.headerhome,
a.headercontact,
a.headerlogin,
a.headerlogout {
font-size: 14px;
/* color: #884012; */
color: #001737;
text-decoration: none;
}
a.headerlogin,
a.headerlogout {
font-weight: bold;
}
/*
headercompany {
font-size: 10pt;
font-weight: bold;
color: DarkBlue;
}
*/
#headerCompanyLogo {
float: left;
width: 457px;
height: 74px;
background: url("/images/trans-background-457x74.png") no-repeat;
}
#headerNavLinks {
margin: 12px 1em 0 2em;
box-shadow: none;
background-color: transparent;
}
#headerCompanyName {
font-size: 14px;
line-height: 22px;
color: #001737; /* #E97132 */
font-weight: bold;
text-align: right;
padding-top: 12px;
}
/*==============================================================================
GRC multi-level script-free pure-CSS menuing system stylesheet.
This code is hereby placed into the public domain by its author
Steve Gibson. It may be freely used for any purpose whatsoever.
Computed Geometries: with a default 12px font, 1.0em == 12px and
1px == 0.08333em.
Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.
==============================================================================*/
.menuminwidth0 { /* for all browsers (non-IE) that obey min-width */
position:relative;
border:0;
margin:0;
padding:0;
width:100%;
height:55px;/* 36px masthead height + 18px button height + 1px lower border*/
min-width:560px;
}
/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0 { d\isplay:none; } }
* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
position:relative; /* we can simulate a minimum width by creating a large */
float:left; /* border in this first div, then placing our content */
height: 1px; /* into a second nested div (see 2nd nested div next */
border-left:560px solid #fff; /* CSS box-model borders are a fixed size */
}
* html .menuminwidth2 { /* used to simulate min-width capability for IE5/6 */
position:relative;
margin-left:-560px;
height: 1px;
}
/* OVERRIDES */
.menu ul {margin:0; padding:0; border:0;}
.menu li {margin:0; padding:0; border:0;}
.menu a {font-family:Arial; font-size:10pt; font-weight:bold; cursor:pointer; cursor:hand;}
/*========================= TOP OF THE MENU CASCADE =========================*/
.menu {
position:relative; /* establish a menu-relative positioning context */
float:left; /* play nicely with others */
margin:0;
padding:0;
border:0;
height:22px; /* the menu's overall height */
width:100%; /* we always want our menu to fill the available space */
background-color: #0C1B5E;
}
.menu img {
vertical-align: top; /* prevent images from being pushed down by text */
}
.menu ul {
padding:0;
margin:0;
border:0;
list-style-type:none; /* we don't want to view the list as a list */
line-height:1em; /* globally set the menu's item spacing. note */
} /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.menu li {
float:left; /* this creates the side-by-side array of top-level buttons */
position:relative; /* create local positioning contexts for each button */
padding-right: 20px;
}
.menu li.right {
float:right; /* this creates the side-by-side array of top-level buttons */
position:relative; /* create local positioning contexts for each button */
}
.menu li.rightmenu {
position:relative; /* establish a local positioning context for YAH label */
float:right; /* and right-align it at the top of our page */
}
.menu ul li table {
margin:-1px 0; /* IE5 needs -1px top and bottom table margins */
m\argin:0; /* re-zero the table margins for everyone but IE5 */
border-collapse:collapse; /* IE5 needs this for the sub-menus to work */
font-size:10pt; /* this sets the base font size for our entire menu */
font-weight:bold;
}
.drop {
display:block;
padding:0px 1em; /* this sets the l/r margins for our menu item */
margin:0;
text-align:right; /* this right alignment goes with the float:left below */
cursor:pointer; /* IE tries to switch back to an I-beam, don't let it */
cursor:hand; /* IE5 only knows about "hand", so set it both ways */
}
.drop span { /* this simultaneously left and right aligns the text and */
float:left; /* the >> in the drop-down menus which link to sub-menus */
}
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.menu ul li ul {
background-color:#0C1B5E; /*#4b6c8b; 76899c*/
padding:4px;
display:none; /* initially hide the entire list hierarchy */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:1.0;
z-index:20;
border: solid 1px #fff;
}
.menu ul li a,
.menu ul li a:visited { /* unselected top-level menu items */
color:#fff;
display:block;
float:left;
padding:0 6px;
text-decoration:none;
height:22px;
line-height:22px;
}
.menu ul li:hover a,
.menu ul li a:hover { /* selected top-level menu items */
text-decoration:none;
color:#000;
background-color: #d3e1ec;
}
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul,
.menu ul li a:hover ul { /* 2nd level drop-down box */
display: block; /* May need to disable this due to IE8 beta problem CH 2/2/09 */
position:absolute;
margin:0;
top:22px; /* place us just up underneath the top-level images */
left:0px; /* left-align our drop-down to the previous button border */
height:auto; /* the drop-down height will be determiend by line count */
width:228px;
color:#fff; /* this sets the unselected-text color */
background-color: #7f7f7f ; /* this sets our menu's effective "border" color */
}
.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul { /* 2nd level neighborhood drop-down box */
left:auto;
right:0; /* nudge the right menu right to line up under the border */
}
* html .menu ul.rightmenu li a:hover ul { /* IE5/6 needs a tweak here */
right:-1px;
}
.menu ul li ul li {
border-bottom:1px solid #0C1B5E; /* SJC underline under second level menus*/
padding-right: 2px;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a { /* 2nd level unselected items */
background-color: #7f7f7f;
color: #fff;
margin-bottom:1px;
padding:0px 5px;
height:20px;
line-height:20px;
width:220px;
}
.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover { /* 2nd level selected item */
/* color:black; */
/* background:white; */
background-color: #d3e1ec;
color:#000;
}
.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover { /* 2nd level un+selected items */
/*width:8.08333em;*/
}
/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul { /* hide inactive 3rd-level menus */
visibility:hidden;
}
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul { /* 3rd level drop-down box */
visibility:visible;
position:absolute;
margin-top:-1px; /* bring the top edge of the 3rd level menu up one */
top:0;
left:8.08333em;
width:14em;
}
.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a { /* 3rd level unselected items */
width:14em;
background:#d8d8d8;
}
.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover { /* level3 selected items */
width:14em;
background:white;
}
#text { /* the Mac's standard Safari browser will not see this code */
height:1.215em;# /* ... but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */
/* New CSS associated with 2014 SOA UI face lift / paint job */
input, select, textarea
{
color: #4D4D4D;
border: solid 1px #b8c5d5;
padding: 2px;
font-size: 1em;
}
input[type="radio"], input[type="checkbox"] { border: 0px !important; }
/* Dialogs (Pop Up) */
.ei-dialog, table#_ctl0_Main_CountryRepeater, table#_ctl0_Main_StateRepeater, table#_ctl0_Main_ExchangeRepeater,
table#_ctl0_Main_gvGrantList, table#Table3.RTable, table#Table4.RTable, table#Table5.RTable, table#Table6.RTable,
table#RepurchaseSecurities, table#TransferSecurities, table#OptionExerciseList, table#_ctl0_Main_gvRSAwardList,
div#OptionGrantDetail, div#OverrideEntryTable, table#_ctl0_Main_gvList, td#BrokerInterfaceTABLE4, td#FileTransferTABLE4.FormCell,
table#IssuerIntegrationTABLE4, table#_ctl0_Main_gvOrders_gvOrders, table#SFAS123RBodyTable, #WizardNavigation, #HoldingDetail, #TransactionDetail,
#FormDetail, #CompanyDetail, .WarningPopup, #master-content-block, #PlanDetail, .ajax__calendar .ajax__calendar_container,
#OfferingPeriodMaintenance, #OfferingDetail, #EnrollmentPeriodDetail, #EligibilityList, #EligibilityDetail, #PayrollDataInfo, #EmployeePayrollDetail,
table.UBSInterfaceFiles, table.FileTransferLog, #DocumentLibraryDetail, #ForfeitureExperiencePercentageList, #ExperiencePercentageDetail,
#VolatilityRateDetail, #ElectionList, #SingleEmployeeEnrollment, #ParticipantContributions, #ParticipantContributionDetail,
#PurchasePeriodList, #PurchaseList, #DispositionList
{
background: #FFF;
border: solid 1px #dee1ea /*#000*/;
border-radius: 5px;
box-shadow: 0 6px 12px rgba(0,0,0,.18);
-moz-box-shadow: 0 6px 12px rgba(0,0,0,.18);
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.18);
-o-box-shadow: 0 6px 12px rgba(0,0,0,.18);
}
.ajax__calendar .ajax__calendar_container {
border: 1px solid #dee1ea !important;
}
#_ctl0_Main_pnlProcessForm {
padding: .25em;
}
fieldset {
border-color: #edf0f3;
}
table#TerminationTable4, table#OptionTable1, table#OptionTable3, table#OptionTable4, table#OptionTable6, table#OverrideTable3,
table#OverrideTable4, table#OverrideTable5, table#OverrideTable6, table#divOpt_details
{
box-shadow: none;
}
/* Button: Anchor
This class can be used to style input buttons
similar to the EASi standard form links (icon left, link right).
*/
.ei-btn-anchor {
color: #0690e9;
text-decoration: none;
background: url(/images/icon_form_nav_right_arrow.gif) no-repeat center left #FFF;
border: none;
padding-left: 15px;
}
.ei-btn-anchor:hover { text-decoration: underline; }
/* .RColHdr, .RRecCell, .RRecCellMO td, .RRecCellHL td { vertical-align: top; } */
.ei-reduced-font th, .ei-reduced-font td, .ei-reduced-font a { font-size: 12px !important; }
.ei-make-block { display: block; /* Makes tag a block level element. */}
/* Add rule lines to record table cells. */
.RTable.ei-rtable--ruled .RRecCell { border-bottom: solid 1px #CCC !important; }
/* Table cell content alignment helper classes. */
table.ac th, table.ac td { text-align: center; padding-left: .5em}
table.ar th, table.ar td { text-align: right; }
th.ac, td.ac { text-align: center !important; }
th.al, td.al { text-align: left !important; }
th.ar, td.ar { text-align: right !important; }
th.vat, td.vat { vertical-align: top !important; }
th.vam, td.vam { vertical-align: middle !important; }
th.vab, td.vab { vertical-align: bottom !important; }
.RColHdr.vam th, .RColHdr.vam td { vertical-align: middle; }
/* Table Styling Class: Other Provisions (Plan Admin Role - Plan Detail) */
.tbl-other-provisions { border-collapse: separate; }
.tbl-other-provisions th, .tbl-other-provisions td { }
.tbl-other-provisions th { border-bottom: solid 1px #CCC; }
.tbl-other-provisions td { padding: 3px 0 3px 0; }
/* Table Styling Class: Calculation Price (Plan Admin Role - Plan Detail) */
.tbl-calc-price th, .tbl-calc-price td { border-bottom: solid 1px #CCC; }
.tbl-calc-price td { padding: 3px 0 3px 0; }
/* Table row separator, creates and dividing line between table rows. */
.row-separator hr { background-color: #CCC; height: 1px; border: 0; margin: 5px 0; }
html, body { margin: 0; padding: 0; height: 100%; }
/*form*/.ei-global-page-wrapper { min-height: 100%; position: relative; }
.ei-global-header { display: block; }
.ei-global-body { position: relative; padding: 5px 2% 45px 2% }
.ei-global-footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; background: #FFF; overflow: hidden; }
.ei-footer-copyright {
text-transform: uppercase;
color: #546667;
font-size: 11px;
border-top: solid 1px #b3b3b3;
padding: 10px;
margin-top: 10px;
}
.ei-hdr-section {
color: #435250;
font-weight: bold;
font-size: 14px;
margin: .25em 0 1em 0;
padding: 0;
text-transform: uppercase;
}
.ei-text {
font-size: 14px;
line-height: 1.4em;
color: #435250;
margin: .25em 0 .75em 0;
padding: 0;
}
.ei-text-link, a.ei-text-link {
font-size: inherit;
line-height: inherit;
color: #884012;
text-decoration: underline;
}
.ei-icon {
display: block;
overflow: hidden;
}
.ei-icon--msg-alert {
width: 45px;
height: 33px;
background: url(/sys/images/triple-block.png) no-repeat 0 0;
}
.ei-msg {
display: block;
}
.ei-msg-alert {
display: block;
border-top: solid 1px orange;
border-bottom: solid 1px orange;
margin: 1em 0;
padding: .5em 0;
color: #435250;
}
.ei-msg-alert-content {
padding-left: 65px;
}
/* Clear Floats (IE8+) */
.ei-msg-alert:after {
content: "";
display: table;
clear: both;
}
.ei-msg-alert .ei-icon--msg-alert { float: left; }
/*------------------------------------*\
#BUTTONS
\*------------------------------------*/
/**
* Button Defaults
*/
.ei-btn {
white-space: nowrap;
text-decoration: none;
cursor: pointer;
text-align: center;
vertical-align: middle;
display: block;
margin: 0;
padding: 0;
}
/* Clear Floats (IE8+) */
.ei-btn:after {
content: "";
display: table;
clear: both;
}
/**
* Button Modifiers
*/
/* Primary Action Buttons */
.ei-btn--action, a.ei-btn--action {
text-transform: uppercase;
padding: 7px 25px;
background-color: #e97132;
color: #FFF;
}
.ei-btn--action:hover, a.ei-btn--action:hover {
background-color: #cb622c;
text-decoration: none; /* 02/08/2015 - CC - Hover override for legacy CSS underline */
}
/* Secondary Action Buttons - Link formatted button */
.ei-btn--secondary, a.ei-btn--secondary {
padding: 7px 25px;
background-color: #FFF;
color: #884012;
text-decoration: underline;
}
/*- END - Buttons -*/
/*------------------------------------*\
#BUTTON-SETS
\*------------------------------------*/
/**
* Button Set Defaults
*/
.ei-btn-set { display: block; }
/* Clear Floats (IE8+) */
.ei-btn-set:after {
content: "";
display: table;
clear: both;
}
/**
* Button Set Modifiers
*/
/* Login Screen Button Set - Vertical / Stacked Configuration */
.ei-btn-set--login {
max-width: 214px;
margin: 0 auto;
}
.ei-btn-set--login .ei-btn {
display: block;
margin: .5em 0;
}
/*- END - Button Sets -*/
/*------------------------------------*\
#GRID-SYSTEM
\*------------------------------------*/
/**
* Grid System Defaults
*/
.gs-row { display: block; }
/* Clear Floats (IE8+) */
.gs-row:after {
content: "";
display: table;
clear: both;
}
.gs-col {
float: left;
margin: 0 0 0 3%;
}
.gs-col.first { margin-left: 0; }
/* END - Grid System Defaults */
/**
* Grid System Modifiers
*/
/* Login Page - Three column configuration, equal comlumn widths. */
.gs-config-login {
max-width: 1200px;
margin: 0 auto;
background-color: #eaeceb /*#dddfde*/;
}
.gs-config-login .gs-col {
width: 32.666666%;
margin: 0 1%;
background-color: #FFF;
}
.gs-config-login .gs-col.first,
.gs-config-login .gs-col.last {
background: none;
margin: 0;
}
#Table1, #table1, table#_ctl0_Main_gvListRepeater {
-webkit-box-shadow: 0 4px 8px rgb(0 0 0 / 8%);
box-shadow: 0 4px 8px rgb(0 0 0 / 8%);
background-color: #fff;
}
table#_ctl0_Main_gvSessions, table#_ctl0_Main_gvLogs {
-webkit-box-shadow: 0 4px 8px rgb(0 0 0 / 8%);
box-shadow: 0 4px 8px rgb(0 0 0 / 8%);
}
table#Table1 {
border: 1px solid #dee1ea;
border-radius: 5px;
}
table#_ctl0_Main_gvListRepeater {
border-radius: 5px;
border: 1px solid #dee1ea;
}
#param_setup {
background: white;
border: 1px solid #dee1ea;
border-radius: 5px;
box-shadow: 0 6px 12px rgba(0,0,0,.18);
-moz-box-shadow: 0 6px 12px rgba(0,0,0,.18);
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.18);
-o-box-shadow: 0 6px 12px rgba(0,0,0,.18);
top: 35%;
width: 35%
}
td.FormLabelCell, td.FormFieldCell {
border-bottom: none !important;
}
table#BodyTable.RTable {
box-shadow: none;
}
|