/* Default color scheme: dark blue = #00539f, light blue = #00a3e6 */ /* Pseudo-elements */ :link, :visited, :active { } :link:hover, :visited:hover { } /* Element-based */ /* fix to align background images to bottom of in Firefox */ html { min-height: 100%; height: auto; } a:link, a:visited, a:active { text-decoration: none; } a:hover { text-decoration: underline; } a img { border: none !important; } body { font-family: Tahoma, Verdana, Helvetica, Sans-Serif; font-size: 67%; /* using % here allows for font resizing in browser */ margin: 0; padding: 0; } body.FullPage { background: url("../Images/Background.jpg") repeat top; } body.Popup { background-color: White; } fieldset { border-style: dotted; border-width: 1px 0 0 0; border-color: silver; } fieldset.NoLegend { border: 0; } fieldset label, fieldset input, fieldset select, fieldset textarea { display: block; float: left; margin-bottom: 5px; } fieldset label { width: 15em; padding-right: 5px; } fieldset br { clear: both; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } /* TODO: jal - Fix size difference in IE/FF */ h3 { font-size: 1.6em; } h3.PageTitle { display: inline; } hr { height: 1px; border: solid 1px silver; } input, select, textarea { font-family: Tahoma, Verdana, Helvetica, Sans-Serif; font-size: 1em; } label { color: dimgray; text-align: right; white-space: nowrap; } legend { font-size: 1.2em; font-weight: bold; background-color: White; padding: 0 10px 0 10px; } /* ID-based */ #divSite { width: 100%; margin: 0px auto; /* centered */ } #divSiteHeader { background-color: White; } #divEmulation { color: Black; background: gainsboro url("../Images/DarkShadow-Top.jpg") repeat-x bottom; text-align: center; border-bottom: solid 1px silver; } #divEmulation h3 { color: Black; font-family: Tahoma; display: inline; } #divSupplierNews { text-align: center; background: url("../Images/Shadow-Top.jpg") repeat-x bottom; } #divSiteLinksContainer { background: url("../Images/Shadow-Top.jpg") repeat-x bottom; } #divSiteLinks { background: url("../Images/Curves.gif") no-repeat top center; } #divSiteTitle { font-size: 2em; font-weight: bold; letter-spacing: -1px; } #divSiteNav { text-align: center; border-top: solid 2px; } #divSiteNavMargin { height: 1px; font-size: 1px; line-height: 1px; float: left; } #divSiteNavClear { margin: 0; padding: 0; height: 0; line-height: 0; font-size: 1px; clear: both; } /* Class-based */ .appheader { font-size: 1.5em; font-weight: bold; } .appsubheader { font-size: 1.3em; font-weight: bold; } .Bold { font-weight: bold; } .ButtonRow { margin: 0 5px 0 0; } .Content { padding: 10px; } .ContentLeft { padding-right: 10px; } .ContentRight { padding-left: 10px; } .EmailTemplatePreview { width: 500px; height: 300px; border-style: double; border-color: Navy; padding: 15px; } .EmptyData { color: dimgray; margin: 5px 0 0 5px; } .Feedback { color: Red; font-weight: bold; } .FieldLabel { color: dimgray; text-align: right; vertical-align: baseline; white-space: nowrap; } .FieldLabelTop { font-weight: bold; vertical-align: bottom; white-space: nowrap; } .FieldsTable tr { vertical-align: baseline; white-space: nowrap; } .FillHeight { height: 100%; } .FillWidth { width: 100%; } .FlashIntro { margin: 0 10px 10px 10px; } .FloatLeft { float: left; } .FloatRight { float: right; } .Header { width: 100%; height: 22px; border-bottom: solid 1px gainsboro; } .Heading { font-weight: bold; font-size: 1.4em; white-space: nowrap; } .SubHeading { font-weight: bold; font-size: 1.2em; white-space: nowrap; } .Help { border-bottom: dashed 1px; cursor: help; } .HelpContent dd { margin: 0 0 0 10px; } .HelpContent dt { font-weight: bold; } .HelpContent table { border-color: Silver; border-collapse: collapse; } .HelpContent table td { padding: 3px; } .Highlight { background-color: Yellow; } .Inline { display: inline; } .Italic { font-style: italic; } .LeftNav, .LeftNavSpacer { width: 200px; } .LinkIcon { border: 0; margin-right: 5px; } .LinkIconRight { border: 0; margin-left: 5px; } .ListItem { margin: 10px 10px 10px 10px; } .ListItem div { float: left; } .Logo { width: 200px; padding: 0; } .Logo a img{ border:none; } .MainCol { width: 770px; margin: 0px auto; /* centered */ } .MinHeight500 { /* HACK: min-height */ min-height: 500px; height: auto !important; height: 500px; } .PageNavItem { font-size: 1.2em; } .PageTitle { font-size: 1.6em; } .Panel { width: 100%; background: white url("../Images/Shadow-BottomSmall.jpg") repeat-x top; border-left: solid 1px; border-right: solid 1px; border-color: gainsboro; } .NoShadow { background: White; } .PanelContainer .RoundTop * { background: white url("../Images/Shadow-BottomSmall.jpg") repeat-x top; } .PanelContainer .RoundBottom * { background-color: White; } .PanelContainer .RoundTop *, .PanelContainer .RoundBottom * { border-left: solid 1px; border-right: solid 1px; border-color: gainsboro; } .PanelContainer .RoundTop .r1 { border-top: solid 1px; border-color: gainsboro; } .PanelContainer .RoundBottom .r1 { border-bottom: solid 1px; border-color: gainsboro; } .Separator { color: Silver; border-color: Silver; } .SiteNavItem, .SiteNavItemActive, .SiteNavSubItem { text-decoration: none; } .SiteNavItem, .SiteNavItemActive { font-weight: bold; color: White; padding: 10px; } .SiteNavItemActive { background-color: White; } .SiteNavSubItem { text-align: left; padding: 5px; } .SubHeading { font-weight: bold; font-size: 1.2em; } .Toggle { cursor: pointer; text-decoration: underline; } .TwinCol { float: left; width: 49%; } /* User Controls */ /* AccountBalance */ .AccountBalance { font-size: 1.5em; font-weight: bold; } /* AcctInfoHdr */ .AcctInfoHdr { border: solid 1px; } /* LeftNav */ .ModuleContainer { width: 100%; } .Module { background: url("../Images/LeftNavBg.gif") repeat-x bottom; } .ModuleTitle { font-size: 1.2em; font-weight: bold; text-align: center; padding-bottom: 3px; } .ModuleContent { padding: 10px; } /* Server Controls */ /* PPL.Web.SurveyControl */ .Survey_Title { font-size: 16px; font-weight: bold; } .Survey_Question { font-size: 14px; font-weight: bold; font-style: italic; } .Survey_QuestionScale { font-weight: bold; font-size: 11px; background-color: #dddddd; border-collapse: collapse; filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='gainsboro', startColorstr='#ffffff', gradientType='1'); } .Survey_RadioButtonList { font-weight: bold; font-size: 11px; text-align: center; background-color: #ffffff; border-collapse: collapse; filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='gainsboro', startColorstr='#ffffff', gradientType='1'); } .Survey_DropDownList { font-weight: bold; background-color: #ffffff; border-collapse: collapse; filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff', startColorstr='gainsboro', gradientType='0'); } .Survey_FreeFormText { font-weight: bold; font-size: larger; background-color: #ffffff; border-collapse: collapse; filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff', startColorstr='gainsboro', gradientType='0'); } .Survey_SubmitButton { font-weight: bold; background-color: #c0c0c0; filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff', startColorstr='gainsboro', gradientType='0'); } .ValidationSummaryPanels { padding-left: 5px; padding-top: 2px; border: solid 1px #cc0000; color: Red; z-index: 2; } .modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; } .modalPopup { background-color: #ffffdd; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 250px; } .AjaxPanelOuterTableCellOverlay { top: 0px; left: 0px; width: 99%; height: 5000px; position: absolute; background-color: white; z-index: 999; filter: alpha(opacity=85); -moz-opacity: 0.85; padding-top: 25%; padding-left: 30%; } .AjaxPanelInnerTableCellOverlay { text-align: center; width: 444px; border: 1px solid black; padding: 10px; background-color: #eee; z-index: 998; filter: alpha(opacity=100); -moz-opacity: 1.00; } .ContextMenuPanel { border: 1px solid #868686; z-index: 1000; /*background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;*/ cursor: default; padding: 1px 1px 0px 1px; font-size: 11px; } .ContextMenuBreak { margin: 1px 1px 1px 32px; padding: 0; height: 1px; overflow: hidden; display: block; border-top: 1px solid #C5C5C5; } a.ContextMenuItem { margin: 1px 0 1px 0; display: block; color: #003399; text-decoration: none; cursor: pointer; padding: 4px 19px 4px 33px; white-space: nowrap; } a.ContextMenuItem-Selected { font-weight: bold; } a.ContextMenuItem:hover { background-color: #FFE6A0; color: #003399; border: 1px solid #D2B47A; padding: 3px 18px 3px 32px; } /* Chat Now */ .ChatNow { line-height: 100%; vertical-align: top; display: inline-block; margin: 0px 0px 0px 10px; } .ChatNow a { vertical-align: inherit; text-decoration: none !important; display: inline-block; font-weight: bold; color: black; cursor: pointer; } .ChatNow a:hover { color: inherit !important; text-decoration: none !important; } .ChatNow a img, .ChatNow a span { display: inline-block; vertical-align: inherit; } .ChatNow a img { border: none; margin: 0px 3px 0px 0px; } /* Generic*/ .top{ vertical-align:top; } input.required, textarea.required { border-color: #cc0000; } .required{ color:#cc0000; } .ContentRightDouble{ padding-right:20px; } .MarginTop{ margin-top: 10px; } .MarginTopDouble{ margin-top: 20px; }