/****************************************************************************** * ServicePoint Application Classes - Interface Items ******************************************************************************/ html, body { height: 100%; color: #000000; font: normal 10pt Verdana, Helvetica, Arial, sans-serif; margin: 2px; padding: 2px; } /****************************************** * ServicePoint - Main Application Interface ******************************************/ .sp5-authpanel { background: #0E2E5D; } .sp5-authpanel-right { background-image: url("images/general/header_tab_right-side.jpg"); background-repeat: no-repeat; background-position: bottom right; padding-right: 31px; } .sp5-authpanel-left { background-image: url("images/general/header_tab_left-side.jpg"); background-repeat: no-repeat; background-position: bottom right; } .sp5-login-middle { background-color: #FFFFFF; padding-top: 10px; } .sp5-login-bottom { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 10px; } .sp5-login-logo { font-size: 18px; font-weight: bold; } .sp5-login-footer { font: normal 11px Geneva, Helvetica, Arial, sans-serif; } .sp5-login-training-bottom { background-color: #FFFFFF; } .sp5-form-error-msg { color: #FF0000; font: normal 16px Geneva, Helvetica, Arial, sans-serif; } .sp5-form-info-msg { color: #000000; font: normal 12px Geneva, Helvetica, Arial, sans-serif; } .sp5-form-label { color: #000000; font: normal 12px Geneva, Helvetica, Arial, sans-serif; } /**** Main Section Title Bar *****/ .sp5-title-bar { color: #FFFFFF; font: normal 18pt Verdana, Helvetica, Arial, sans-serif; padding: 0; vertical-align: middle; text-decoration: none; } .sp5-content { height: 100%; padding: 0 0 0 5px; } /**** Main App Hyperlinks *****/ /* Hyperlink class must be set to a div and/or span element as GWT applies the class to the parent element and not the element like it should */ div.sp5-link a, span.sp5-link a { color: #0000FF; text-decoration: none; } div.sp5-link-hover a, span.sp5-link-hover a { color: #FF0000; text-decoration: underline; } div.sp5-link a:hover, span.sp5-link a:hover { color: #FF0000; text-decoration: underline; } /**** Main App SpAnchors *****/ .sp5-anchor { color: #0000FF; text-decoration: none; } .sp5-anchor-hover { color: #FF0000; text-decoration: underline; } /***** Main HTML Inputs/Labels *****/ .sp5-GrayDataTableHead { color: #000000; font-weight: bold; font-size: 10pt; background: #DFDFDF; padding: 4px 0 4px 2px; } .sp5-DarkGrayDataTableHeader { color: #000000; font-weight: bold; font-size: 10pt; background: #C0C0C0; padding: 2px 0 2px 1px; } .sp5-DataTableRow-odd { color: #000000; font-weight: normal; font-size: 10pt; background: #FFFFFF; } .sp5-DataTableRow-even { color: #000000; font-weight: normal; font-size: 10pt; background: #F5F5F5; } .sp5-indented-border { border-left: 2px solid #646464; } .sp5-form-padding { padding: 4px; } .sp5-form-indented-padding { padding: 0px 4px; } /***** SP5 Main Font Classes *****/ .sp5-Font-xSmall { font: normal 7pt Verdana, Helvetica, Arial; } .sp5-Font-xSmallBold { font: bold 7pt Verdana, Helvetica, Arial; } .sp5-Font-Small { font: normal 8pt Verdana, Helvetica, Arial; } .sp5-Font-SmallBold { font: bold 8pt Verdana, Helvetica, Arial; } .sp5-Font-Std { font: normal 10pt Verdana, Helvetica, Arial; } .sp5-Font-StdBold { font: bold 10pt Verdana, Helvetica, Arial; } .sp5-Font-Large { font: normal 12pt Verdana, Helvetica, Arial; } .sp5-Font-LargeBold { font: bold 12pt Verdana, Helvetica, Arial; } .sp5-Font-xLarge { font: normal 16pt Verdana, Helvetica, Arial; } .sp5-Font-xLargeBold { font: bold 16pt Verdana, Helvetica, Arial; } .sp5-Font-xxLargeBold { font: bold 20pt Verdana, Helvetica, Arial; } .sp5-Font-xxxLargeBold { font: bold 24pt Verdana, Helvetica, Arial; } .sp5-Font-Italic { font-style: italic; } .sp5-Font-Underline { text-decoration: underline; } .sp5-Font-Indent { padding-left: 1em; } .mandatory { color: #000000; font: bold italic 9pt Verdana, Helvetica, Arial, sans-serif; } td.displayNone { display: none; } .sp5-active { color: #048204; font: bold 8pt Verdana, Helvetica, Arial, sans-serif; } .sp5-inactive { color: #FF0000; font: bold 8pt Verdana, Helvetica, Arial, sans-serif; } .sp5-active-Std { color: #048204; font: normal 10pt Verdana, Helvetica, Arial, sans-serif; } .sp5-inactive-Std { color: #FF0000; font: normal 10pt Verdana, Helvetica, Arial, sans-serif; } .sp5-active-StdBold { color: #048204; font: bold 10pt Verdana, Helvetica, Arial, sans-serif; } .sp5-inactive-StdBold { color: #FF0000; font: bold 10pt Verdana, Helvetica, Arial, sans-serif; } .sp5-MultServsBottomBorder { color: #000000; font-weight: normal; font-size: 10pt; background: #FFFFFF; border-bottom: 3px solid #000000; } .sp5-DataTableRowMultServs-odd { color: #000000; font-weight: normal; font-size: 10pt; background: #FFFFFF; border-bottom: 3px solid #C2C2C2; } .sp5-DataTableRowMultServs-even { color: #000000; font-weight: normal; font-size: 10pt; background: #EFEFEF; border-bottom: 1px solid #C2C2C2; } .sp5-GrayDataTableHeadMultServs { color: #000000; font-weight: bold; font-size: 10pt; background: #DFDFDF; padding: 4px 0 4px 2px; border-bottom: 1px solid #C2C2C2; } .sp5-DataTableRow-odd td { border-right: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; border-collapse: collapse; } .sp5-DataTableRow-even td { border-right: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; border-collapse: collapse; } .sp5-DataTableRow-nobdr td { border-right: 0; border-bottom: 0; border-collapse: collapse; } .sp5_DataTableRow-bdrcollapse-collapse { border-collapse: collapse; } .dataTableColumnCell { border-right: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; } .dataTableColumnCellTopOnly { border-top: 1px solid #C2C2C2; } .dataTableColumnCellNoBottom { border-right: 1px solid #C2C2C2; } .dataTableColumnCell-last { border-bottom: 1px solid #C2C2C2; } .dataTableColumnCell-head { border-right: 1px solid #FFFFFF; border-bottom: 1px solid #C2C2C2; } .sp5-gwtrp-graybg { background-color: #DFDFDF; } .sp5-gwtrp-graybg { background-color: #FFFFFF; } .sp5-ContentHeader { color: #000000; font: bold 10pt Verdana, Helvetica, Arial, sans-serif; padding: 0 4px 4px 10px; } .sp5-TabPanelHeader { font: bold 10pt Verdana, Helvetica, Arial, sans-serif; padding: 0 4px 4px 10px; } .sp5-DataTableBorder { border-style: solid; border-color: #C2C2C2; } .sp5-TitleText { color: #FFFFFF; font: bold 12px Verdana, Helvetica, Arial, sans-serif; } .sp5-InputLabel { color: #000000; font: bold 9pt Verdana, Helvetica, Arial, sans-serif; } .sp5-ContentBold { color: #000000; font: bold 8pt Verdana, Helvetica, Arial, sans-serif; } .sp5-Image { background-color: #FFFFFF; cursor: pointer; border: 0; } .sp5-DialogBox { border: 0 solid #8BB1FF; } .sp5-DialogBox .Caption { font-weight: bold; border-bottom: 5px solid #0A417A; padding: 0; text-align: left; cursor: move; } .sp5-DialogContent { background-color: #FFFFFF; border-right: 1px solid #C2C2C2; border-left: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; } /***** Generic Color Codes *****/ .black { color: #000000; } .blue { color: #220099; } .gray { color: #6F6F6F; } .green { color: #1B9400; } .orange { color: #D69146; } .red { color: #BB0022; } .white { color: #FFFFFF; } .yellow { color: #F7FF31; } .sp5-NoBackground { background: transparent; } .sp5-bg-white { background-color: #FFFFFF; } .sp5-bg-lightgray { background-color: #EFEFEF; } .sp5-bg-gray { background-color: #DFDFDF; } .sp5-bg-darkgray { background-color: #CFCFCF; } .sp5-bg-yellow { background-color: #F1FE01; } .font-gray { color: #9A9A9A; } .font-darkgray { color: #666666; } .font-red { color: #FF0000; } .font-green { color: #91E08D; } /***** SP Standard Black Borders *****/ .bdr { border : 1px solid #000000; } .bdr-t { border-top : 1px solid #000000; } .bdr-l { border-left : 1px solid #000000; } .bdr-b { border-bottom: 1px solid #000000; } .bdr-r { border-right : 1px solid #000000; } .bdr-tl { border-top : 1px solid #000000; border-left : 1px solid #000000; } .bdr-br { border-bottom: 1px solid #000000; border-right : 1px solid #000000; } .bdr-tb { border-top : 1px solid #000000; border-bottom: 1px solid #000000; } .bdr-lr { border-left : 1px solid #000000; border-right : 1px solid #000000; } /***** Border Color/Size Styles (Combine with Standard Borders Above) *****/ .bdr-gray { border-color: #C2C2C2; } .bdr-black { border-color: #000000; } .bdr-2px { border-width: 2px; } /****************************************************************************** * GWT Classes - NON SECTION SPECIFIC ******************************************************************************/ .sp5-AnchorPanel { width: 100%; vertical-align: middle; text-align: left; } * html .sp5-AnchorPanel a { width: 100%; padding: 4px; } .sp5-AnchorPanelReport { width: 100%; vertical-align: middle; text-align: center; } * html .sp5-AnchorPanelReport a { width: 100%; padding: 4px; } .gwt-Anchor { width: 100%; display: block; color: #0000FF; text-decoration: none; } .gwt-Anchor-hover { color: #FF0000; text-decoration: underline; } .gwt-Button { font: 10pt Verdana, Helvetica, Arial, sans-serif; border: 1px solid #000000; cursor: pointer; } .gwt-CheckBox { color: #0000FF; font: normal 10pt Verdana, Helvetica, Arial, sans-serif; text-decoration: underline; cursor: pointer; } .gwt-CheckBox-disabled { color: #AAAAAA; font: normal 10pt Verdana, Helvetica, Arial, sans-serif; text-decoration: underline; cursor: auto; } .gwt-DialogBox { background: #FFFFFF; border: 2px solid #AAAAAA; } .gwt-DialogBox .Caption { font-weight: bold; background: url( gray_gradient.gif) repeat-x; padding: 4px 4px 8px; cursor: default; } .gwt-HorizontalSplitPanel hsplitter { border: 1px solid #000000; } .gwt-Hyperlink { } .gwt-Image { border: 0; cursor: pointer} .gwt-Label { font: normal 10pt Verdana, Helvetica, Arial, sans-serif; padding: 2px; } .gwt-Label-Bold { font: bold 10pt Verdana, Helvetica, Arial, sans-serif; padding: 2px; } .gwt-ListBox { font: normal 10pt Verdana, Helvetica, Arial, sans-serif; } .gwt-PushButton-up, .gwt-PushButton-up-hovering, .gwt-PushButton-up-disabled, .gwt-PushButton-down, .gwt-PushButton-down-hovering, .gwt-PushButton-down-disabled { margin: 0; text-align: center; text-decoration: none; background: url("images/hborder.png") repeat-x 0px -27px; font: 10pt Verdana, Helvetica, Arial, sans-serif; } .gwt-PushButton-up, .gwt-PushButton-up-hovering, .gwt-PushButton-up-disabled { padding: 3px 5px 3px 5px;} .gwt-PushButton-up { border: 1px outset #ccc; cursor: pointer; cursor: hand;} .gwt-PushButton-up-hovering { border: 1px outset; border-color: #9cf #69e #69e #7af; cursor: pointer; cursor: hand; } .gwt-PushButton-up-disabled { border: 1px outset #ccc; cursor: default; opacity: .5; filter: alpha(opacity=40); zoom: 1;} .gwt-PushButton-down, .gwt-PushButton-down-hovering, .gwt-PushButton-down-disabled { padding: 4px 4px 2px 6px;} .gwt-PushButton-down { border: 1px inset #666; cursor: pointer; cursor: hand;} .gwt-PushButton-down-hovering { border: 1px inset; border-color: #9cf #69e #69e #7af; cursor: pointer; cursor: hand; } .gwt-PushButton-down-disabled { border: 1px outset #ccc; cursor: default; opacity: 0.5; filter: alpha(opacity=40); zoom: 1;} .gwt-RadioButton { color: #0000FF; font: normal 10pt Verdana, Helvetica, Arial, sans-serif; text-decoration: underline; cursor: pointer; } .gwt-RadioButton-disabled { color: #AAAAAA; font: normal 10pt Verdana, Helvetica, Arial, sans-serif; text-decoration: underline; cursor: auto; } .gwt-TabBar { font-size: smaller; } .gwt-TabBar .gwt-TabBarFirst { height: 100%; border-bottom: 1px solid #87B3FF; border-right: 1px solid #87B3FF; padding: 0 0 0 3px; } .gwt-TabBar .gwt-TabBarRest { border-bottom: 1px solid #87B3FF; padding: 0 3px 0 0; } .gwt-TabBar .gwt-TabBarItem { border-top: 1px solid #87B3FF; border-bottom: 1px solid #87B3FF; border-right: 1px solid #87B3FF; padding: 2px; cursor: pointer; white-space: nowrap; } .gwt-TabBar .gwt-TabBarItem-selected { font-weight: bold; background: #E8EEF7; border-top: 1px solid #87B3FF; border-bottom: 1px solid #E8EEF7; border-right: 1px solid #87B3FF; padding: 2px; cursor: default; white-space: nowrap; } .gwt-TabPanel { } .gwt-TabPanelBottom { border-left: 1px solid #87B3FF; border-bottom: 1px solid #87B3FF; border-right: 1px solid #87B3FF; } .gwt-TextBox, .gwt-TextArea, .gwt-PasswordTextBox { font: 10pt Verdana, Helvetica, Arial, sans-serif; } .gwt-TextBox-readonly, .gwt-TextArea-readonly { font: 10pt Verdana, Helvetica, Arial, sans-serif; } /****************************************************************************** * ServicePoint Module/Section Classes ******************************************************************************/ .sp5-ui-bdr { border: 1px solid #C2C2C2; } .sp5-ui-ContentPanel { padding-left: 15px; padding-bottom: 3px; } .sp5-ui-ContentPanel-secondary { padding-top: 2px; padding-bottom: 2px; } .sp5-ui-header-bdr-lrb { border-left: 1px solid #0E2E5D; border-right: 1px solid #0E2E5D; } .sp5-ui-header-bdr-b { border-bottom: 5px solid #0E2E5D;} .sp5-ui-header-background { background-color: #F2F2F2; } .sp5-contentpanel-corners { border-color: #C2C2C2; background-color: #FFFFFF; } .tab-deselected { border-bottom: 5px solid #C5C5C5; } /****************************************** * SHELTERPOINT ******************************************/ .shelterpt-contentpanel-bdr-b { border-bottom: 5px solid #5C1DAA; } .shelterpt-tab-selected { border-bottom: 5px solid #5C1DAA; } .shelterpt-main-tbl { background: #5C1DAA url("images/shelterpt/shelterpt-header-slice.png") repeat-x; } .shelterpt-ContentHeader { color: #000; background-color: #FFF; font: bold 10pt Verdana, Helvetica, Arial, sans-serif; padding: 0 4px 4px 10px; } div.shelterpt-sp5-link-held a, span.shelterpt-sp5-link-held a { color: #FF0000; text-decoration: none; font-style: italic; } div.shelterpt-sp5-link-held a:hover, span.shelterpt-sp5-link-held a:hover { text-decoration: underline; } /***** Cursors *****/ .cursor-default { cursor: default; } .cursor-help { cursor: help; } .cursor-move { cursor: move; } .cursor-pointer { cursor: pointer; } .DataTable-ImageLink { border: 0; cursor: pointer } /****** Right/Left *******/ .right { float: right; } .left { float: left; } .dont-print { } /****************************************** * ShelterPoint Auxilary App ******************************************/ .shelterpt-aux-panel { background-color: #FFFFFF; } .shelterpt-aux-sp5-login-top { background: #FFFFFF url("images/shelterpt/auxiliary/shelterpt_logo.png") no-repeat center center; border-bottom: 5px solid #5C1DAA; } .shelterpt-aux-photo { margin: 2px; border: 1px solid #808080; cursor: default; }