/* === RE-DEFINED HTML TAGS global styles === */
body { background-color:#FFFFFF; } /* see note below */
body, td, th, li, center, textarea, a, p {
font-size:small; font-weight:normal; font-family:arial,helvetica,sans-serif; color:#000000;
} /* default font; must not include background color,
because it would override the background color of TR classes */
body { padding: 0px 0px; } /* whitespace around all pages; was padding: 5px 5px; */
body { margin:0px 0px; border:none; } /* note iFrame behavior */
th { font-weight:bold; color:#FFFFFF; background-color:#0070C8; } /* table header tag */
hr { color:#0070C8; text-align:center; width:100%; } /* horizontal rule; Landstar Blue */
a { color:#0000FF; } /* anchor/hyperlink - normal; blue */
a:visited { color:#660099; } /* purple (web standard) */
a:hover, a:active { color:#FF0000; } /* red */
button.Button { width:70; height:22; } /* already DEPRECATED? */
img.CursHand { CURSOR:hand; } /* mimics hyperlink mouse-over behavior */
/* === TOP OF EACH PAGE === */
.Heading { font-size:medium; font-weight:bold; color:#0070C8; } /* Page Title */
.SubHeading { font-size:medium;font-weight:normal; color:#0070C8; } /* Page Sub-Title */
.SubHeading a { font-weight:normal; }
.SubHeadingAdmin { font-size:small; font-weight:normal; color:#FF0000; } /* used in user search pages for admins */
.BackLink { text-align:left;position:absolute;top:90px; }
#PageTitleBar { width:99%; height:25px; left:-3px; background-color:#0070C8; color:#FFFFFF; font-size:small; font-weight:bold; } /* for title bar that completely fills top of page (see Basic Loads Search) */
#PageTitleBar a { color:#FFFF00; font-weight:normal; } /* see above */
#LogoBanner { margin:0px 0px; background-color:transparent; } /* background-image:url(BlueFade_2000x1.jpg); */
#BannerBackground
{
FILTER:Alpha(Opacity=0,FinishOpacity=100,Style=1,StartX=0,FinishX=50);
position:absolute;
top:0px; right:0px;
width:500px; height:50px;
background-color:#0070C8;
z-index:-10;
}
#divUserName a, #divUserName a:visited, #divUserName a:hover { color:Yellow;}
#ShieldLinkBox, #ShieldLinkBox a { color:Yellow; }
#ShieldLinkBox { background-color:transparent; margin:3px 10px 0px 10px; padding:0px 5px; }
#OutermostContentDiv { margin:5px 5px; } /* { margin:3px 3px 3px 5px; position:absolute; top:80px; } */
/* User Information Banner (co. name and user full name) */
#UserInformationBanner { position:static; width:100%; }
#UserInformationBanner td { border:none; }
#UserInformationBanner #UserCompanyName, #PWMessage, #UserInformationBanner #UserName {
width:33%;
color:#0070C8;
padding:2px 3px;
font-size:x-small;
}
#UserInformationBanner #UserCompanyName, #PWMessage, #UserInformationBanner #UserName { font-weight:normal; font-size:xx-small; }
#UserInformationBanner #UserCompanyName, #PWMessage { left:5px;text-align:left; }
#UserInformationBanner #UserName { right:5px;text-align:right; }
#UserInformationBanner { border-collapse: collapse; /* like cellspacing=0 */ }
#UserInformationBanner td { padding:5px 5px; }
.ModeSwitchLink { position:absolute;top:85px;right:5px; } /* top right corner of loads and trucks forms */
/* === TABLE COLUMN HEADINGS === */
.ColumnHead, .ColumnHead td, .ColumnHead th { font-size:small; font-weight:bold; color:#FFFFFF; background-color:#0070C8; } /* name of table column; may be applied to TDs, THs or just TR */
.ColumnHeadSecondRow, .RowValueSecondLine { font-weight:bold; font-style:italic; } /* the second line WITHIN a table row; very specific usage */
.SrtColHead, .SortColumnHead, .SelColHead, .SelectedColumnHead { font-size:small; font-weight:bold; text-decoration:underline;color:#0070C8; } /* clickable column heading for sorting */
.SelColHead, .SelectedColumnHead { color:#999999; } /* column currently used for sort */
span.ColumnHead { background-color:Transparent; color:#0070C8; } /* fix for Settlement Statements */
/* === SECTION TITLES within page (not column headings; not full-page title;) === */
.SectionHead, .SectionHead td, .SectionHead th, .SectionHeadCompact, .SectionHeadCompact td, .HiddenSectionHead {
text-align:center; font-size:small; font-weight:bold; color:#FFFFFF; padding:3px;
background-color:#e6f3fa;
background-image:url(/images/gelbarbackground.gif);
border:solid 1px #99ccdd;
color:#0070C8;
}
div.SectionHead, span.SectionHead, span.SectionHeadCompact,
td.SectionHead, th.SectionHead, td.SectionHeadCompact,
th.SectionHeadCompact, tr.SectionHeadCompact, .SectionHead tr, .SectionHead td {
background-color:#e6f3fa;
}
.SectionHead a { font-weight:normal; color:#0000ff; }
.SectionHead a:visited { color:#0000ff; } /* overrides default purple because purple on blue is not readable */
.SectionHead a:active, .SectionHead a:hover { color:#0000ff; } /* required because visited style above overrides defaults */
.HiddenSectionHead { background-color:#CCCCCC; } /* head of section that is hidden; was "HiddenRow" */
.RowLabel { font-size:small; font-weight:bold; color:#0070C8; } /* MUST only be used within SectionHead; to be deprecated? */
.HiddenLabel { font-size:small; font-weight:bold; color:#0070C8; } /* MUST only be used within HiddenSectionHead; to be deprecated? */
/* === FORM ELEMENTS === */
.InputLabel, InputElement { font-size:small; font-weight:bold; color:#0070C8; text-align:right; } /* name of form element */
.InputElement { text-align:left; } /* div or table cell CONTAINING form element; to right of InputLabel */
.FormCommandButtons { padding:15px 5px 5px 5px; }
.FormElementValue, .TextData { font-size:small; font-weight:bold; color:#000000; } /*
for text displayed where a user might expect to see a form element;
see My Available Loads (TextData);
very specific usage; */
/* === RESULTS LISTS === */
.TableItemLabel {
font-size:small; font-weight:bold; color:#000000; text-align:right; white-space:nowrap;
} /* labels for items WITHIN a table row (see User Searches); very specific usage */
tr td.TableItemLabel {
text-align:right;
}
.TableItemLabel a, .TableRowSecondPart, .TableRowSecondPart a, .InfoTableLabelImportant
{
font-size:small; font-weight:bold;
}
.TableItemLabel a { color:#0000FF; } /* links - see above */
.TableRowSecondPart { font-style:italic; color:#000000; } /* for the second item/line/part within a table row; e.g. Last Name in User Results */
.TableRowSecondPart a { font-style:italic; color:#0000FF; } /* links - see above */
.InfoTableValue { font-size:small; color:#000000; } /* a normal value in a table of data */
.InfoTableValue a { font-size:small; color:#0000FF; } /* a normal link in a table of data */
.InfoTableLabelImportant { color:#FF0000; } /* an emphasized label in a table of data */
/* ALTERNATING ROWS in tables (white/gray/white...) */
.PlainRow { font-size:small; background-color:#FFFFFF; color:#000000; } /* used in non-alternating rows */
.EvenRow, .EvenRowCompact, .EvenRow td, .EvenRowCompact td, .OddRow, .OddRowCompact, .OddRow td, .OddRowCompact td
{
vertical-align:top;
border-style:solid none none;
border-color:#cccccc;
border-width:1px 0px 0px;
font-size:small; color:#000000; text-align:left;
} /* Shaded Row... for alternating rows */
.EvenRow, .EvenRowCompact, .EvenRow td, .EvenRowCompact td
{
background-color:#ECECEC;
}
.OddRow, .OddRowCompact, .OddRow td, .OddRowCompact td
{
background-color:#FFFFFF;
} /* Plain Row... for alternating rows */
.EvenRow a, .OddRow a { font-size:small; color:#0000FF; } /* links in EvenRow or OddRow */
.EvenRowHideLink { color:#ECECEC; }
.OddRowHideLink { color:#FFFFFF; }
.EvenRowCompact, .EvenRowCompact td { font-size:x-small; } /* Shaded Row... for alternating rows */
.OddRowCompact, .OddRowCompact td { font-size:x-small; } /* Plain Row... for alternating rows */
.EvenRowCompact a, .OddRowCompact a { font-size:x-small; color:#0000FF; } /* links in EvenRowCompact or OddRowCompact */
.OddGridViewRow td, .EvenGridViewRow td
{
vertical-align:top;
border-style:none none none;
border-color:#cccccc;
border-width:0px 0px 0px;
font-size:small;
color:#000000;
text-align:left;
} /* for alternating rows */
.OddGridViewRow td
{
background-color:#FFFFFF;
}
.EvenGridViewRow td
{
background-color:#ECECEC;
} /* Shaded Row... for alternating rows */
/* === OTHER TEXT === */
.PlainText, .PlainText a, .PlainTextCompact, .PlainTextCompact a
{
font-size:small; font-family:arial,helvetica,sans-serif;
}
.PlainText { color:#000000; } /* normal text anywhere in the main body of the page */
.PlainText a { color:#0000FF; } /* normal hyperlinks */
.PlainTextCompact { color:#000000; } /* like PlainText, but smaller */
.PlainTextCompact a { color:#0000FF; } /* see above */
.MessageData,.MessageData a, .FeedbackBox { font-size:medium; font-weight:bold; } /* non-error feedback to user (e.g. after a search) */
.MessageData, .FeedbackBox { color:#000000; }
.NoLink { font-size:small; color:silver; } /* text that would normally be a link */
.Footnote, .Footnote a { font-size:x-small; color:#000000; } /* note identified with asterisk */
.FootnoteMarker { font-size:large; font-weight:bold; color:#FF0000; } /* asterisk to identify footnote */
#ValidationSummaryTable { text-align:left; }
#ValidationSummaryTable td { text-align:left; }
#ValidationSummaryTable ul { padding:0px 0px 0px 0px; margin:0px 20px; }
.ErrorText, #ValidationSummaryTable li { font-size:small; font-weight:bold; color:#FF0000; } /* error message (usually displayed in its own section); was called "Recent" */
.EvenRow .ErrorText, .OddRow .ErrorText { font-size:small; } /* corrects size of ErrorText inside ___Row */
.ErrorTextInline { font-size:small; font-weight:bold; color:#FF0000; } /* error message next to each form element */
/* === LAYOUT ELEMENTS (borders, lines, shading, etc.) === */
.BoundedSection { border:solid 1px #999999; } /* creates border around table or other region */
.SubRegionBox { background-color:#efefef; } /* D6D6D6shaded region; created mainly for forms */
table.SubRegionBox { background-color:Transparent; } /* workaround for IE/iframe/Portal ghost bug */
.SubRegionBox tr { background-color:#efefef; } /* workaround for IE/iframe/Portal ghost bug */
.SubRegionBox .SubHeading, .SubRegionBox .SubHeading a { font-size:small; color:#000000; } /* see My Landstar */
.SubRegionBox .SubHeading a { background-color:#FFFFFF; color:#0000FF; text-decoration:none; }
.SubRegionBox .ColumnHead { background-color:#D6D6D6; color:#000000; } /* bgcolor must = SubRegionBox bgcolor */
/* === PLEASE WAIT message === */
.DelayMessage { font-size:medium; font-weight:bold; background-color:#FFFFFF; color:#0070C8; } /* for pop-up windows; DEPRECATED; */
#WaitMessageBox {
position:absolute;
background-color:#efefef;
border:solid 1px #999999;
text-align:center;
padding: 20px 20px;
margin: 10% 25% 65% 25%;
}
#WaitMessageBox, #WaitMessageBox td {
font-family:arial,helvectica,sans-serif;
font-size:medium;
color:#0070C8;
font-weight:bold;
}
#WaitMessageBox input, #WaitMessageBox td input { padding:3px 10px; }
/* === INDIVIDUAL PAGE CUSTOMIZATIONS === */
#pnlLoginInfo
{
margin:0px 5% 0px 5%;
width:90%;
}
.SMBTN
{
margin: 0;
left:auto;
}
/* === BOTTOM OF EACH PAGE (standard footer) === */
/* Home Page link */
#divReturnLink
{
width:100%;
text-align:center;
left:0px;
}
#FooterTable
{
background-color:Transparent;
left:0px;
width:100%;
text-align:center;
margin:20px 0px 0px 0px;
}
#FooterTable table {
border-top:solid 1px #999999;
}
#FooterTable td
{
background-color:Transparent;
padding:5px 10px;
color:#999999;
}
.footer a,span.footer,.footer a:visited {color:#0070C8; }
.footer a:hover, .footer a:active { color:Red; }
#divUserName
{
color:White;
border:none;
background-color:Transparent;
font-size:small;
padding:5px 5px 0px 0px;
margin-top:5px;
margin-right:5px;
}
.pwdNotify
{
color:Black;
font-size:small;
background-color:#efefef;
text-align:center;
padding:10px;
}