/*********************************************************************************************** O L D S T Y L E S All new styles should be added at the end of this file in the "ATLAS STYLES" section. Note: This coprojectlistViewSubTitlemment appears many times in this document as a friendly reminder =) *************************************************************************************************/ /************************************************************************************************/ /* HTML TAG STYLES */ /************************************************************************************************/ HTML { height: 99.5%; } body { position:relative; margin:0px; min-height:100%; height:100%; color:Black; font-family:Arial, Helvetica, Sans-Serif; font-size:8pt; background-color:white; /*background-image: url(../../../graphics/body_bg.jpg); background-repeat: repeat-x*/} form { margin: 0; position: relative; height: 100%; background-position: bottom center; background-repeat: no-repeat; } H2 { color: Black; font-family: Arial, Helvetica, Sans-Serif; font-size: 14pt; font-weight: bold; } H3 { color: Black; font-family: Arial, Helvetica, Sans-Serif; font-size: 12pt; font-weight: bold; } H4 { color: Black; font-family: Arial, Helvetica, Sans-Serif; font-size: 10pt; font-weight: bold; } H5 { color: Black; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; } td { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } textarea { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } select, optgroup { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } input { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } /************************************************************************************************/ /* APP ITEM STYLES */ /************************************************************************************************/ .appItemRead { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: black; } .appItemUnread { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: black; } /************************************************************************************************/ /* LIST CONTROL STYLES */ /************************************************************************************************/ .listControlTitle { font-family: Arial, Helvetica, Sans-Serif; font-size: 9pt; font-weight: bold; color: white; } .listControlHeader { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: #2D477B; text-decoration: none; } .listControlRow { font-family: Arial, Helvetica, Sans-Serif; font-size: 9pt; color: Black; } /************************************************************************************************/ /* COBRAND HEADER STYLES */ /************************************************************************************************/ .greetingUser { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: #669999; } .greetingWorkspace { font-family: Arial, Helvetica, Sans-Serif; font-size: 11pt; font-weight: bold; color: #669999; } .advancedSearch { font-family: Arial, Helvetica, Sans-Serif; font-size: 7.5pt; color: #27366e; text-decoration: none; } .topLinks { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #27366e; font-weight: bold; text-decoration: none; } /************************************************************************************************/ /* FORM ELEMENT STYLES */ /************************************************************************************************/ .FormElementPercentField { width: 23px; font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #f2f2f2; } .FormElementDateField { width: 70px; font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #f2f2f2; } .FormElementDateFieldShort { width: 55px; font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #f2f2f2; } .FormElementDecimalField { width: 70px; font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #f2f2f2; } .FormElementIntegerField { width: 70px; font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #f2f2f2; } .FormElementDayHourField { width: 70px; font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #f2f2f2; } .FormElementBudgetImpactField { width: 150px; font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #f2f2f2; } .FormElementReadOnlyDisplay { width: 277px; height: 100px; font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #f2f2f2; } .FormElementTextArea { width: 300px; height: 150px; font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #f2f2f2; } .MediumElementTextArea { width: 300px; height: 75px; font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #f2f2f2; } .FormElementTextBox { width: 300px; font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #f2f2f2; } .FormElementListBox { font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #f2f2f2; border-style: solid; } .FormElementBlankTextBox { width: 300px; font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #ffffff; border-style: none; } .FormElementTextBoxShort { width: 200px; font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #f2f2f2; } .FormElementTextBoxShorter { width: 160px; font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #f2f2f2; } /************************************************************************************************/ /* FORM LAYOUT CONTROL STYLES */ /************************************************************************************************/ .FormLayoutControl { border-style: none; background-color: #ffffff; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .FormLayoutControlBorderStyle { border-color: #757990; border-style: solid; border-width: 1px; } .FormLayoutControlBody { background-color: #ffffff; } .FormLayoutControlEnd { background-color: #ffffff; } .FormLayoutControlDetailData { background-color: #ffffff; color: Black; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; padding-left: 20px; width: 350px; } .FormLayoutControlFormData { background-color: #ffffff; color: Black; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; padding-left: 20px; } .FormLayoutControlDetailLabel { background-color: #f3f4f6; color: #1e2c62; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; } .FormLayoutControlFormLabel { background-color: #ffffff; color: #2d477b; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; } .FormLayoutTitle { background-color: #757990; color: #ffffff; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; } .FormLayoutControlIsRequiredStar { color: #b40000; font-family: Arial, Helvetica, Sans-Serif; font-size: 10pt; font-weight: bold; } /* This is the same as buttonStyle. During cleanup we should remove one or the other and clean up references. */ .standardButton { height: 19px; font-family: arial; font-size: 11px; font-weight: bold; color: white; background-color: #6A8AAB; border-width: 1px; border-color: #A4BCD5; cursor: pointer; } /************************************************************************************************/ /* SELECTOR CONTROL STYLES */ /************************************************************************************************/ .SelectorReadOnlyDisplay { border-style: solid; border-color: #A2A5B6; background-color: #f2f2f2; border-width: 1px; } /************************************************************************************************/ /* DATA GRID CONTROL STYLES */ /************************************************************************************************/ .DataGridItemStyle { background-color: White; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .DataGridAltItemStyle { background-color: #F0F0F0; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .DataGridEditStyle { background-color: #CEDFDF; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .DataGridHeaderStyle { background-color: #C0C4CF; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: #2D477B; } .DataGridHeaderStyleDark { background-color: #C0C4CF; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: #2D477B; } .DataGridSelectedColumn { background-color: #80849a; color: #ffffff; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; } .DataGridFooterStyle { background-color: LightGrey; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: White; } .DataGridFilterStyle { background-color: #ffffff; color: #2d477b; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .DataGridCaptionStyle { background-color: #27366E; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; /*color:#2d477b;*/ color: White; } .DataGridPagerStyle { background-color: #ffffff; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #2d477b; } .DataGrid { border-color: #A2A5B6; border-style: solid; border-width: 1px; } /************************************************************************************************/ /* Grid /************************************************************************************************/ .grid { } .grid-filter { background-color: #ffffff; color: #2d477b; font-family: Arial, Sans-Serif; font-size: 8pt; } .grid-pager { background-color: #ffffff; font-family: Arial, Sans-Serif; font-size: 8pt; color: #999999; } .grid-pager a:link { color: #2d477b; text-decoration: underline; } .grid-pager a:visited { color: #2d477b; text-decoration: underline; } .grid-pager a:hover { color: #1313a3; text-decoration: underline; } .grid-caption { background-color: #ffffff; font-family: Arial, Sans-Serif; font-size: 8pt; font-weight: bold; color: #2d477b; } .grid .Subtitle { font-family: Arial, sans-serif; font-weight: bold; color:#666666; border-bottom: 1px solid #999999; padding: 6px 10px 2px 6px; font-size: 11px} .grid-count { background-color: #ffffff; font-family: Arial, Sans-Serif; font-size: 8pt; color: #2d477b;} .grid-item { background-color: White; height: 20px; font-family: Arial, Sans-Serif; font-size: 8pt;} .grid-item td pre, .grid-selecteditem td pre {margin:0; padding:0 !important; overflow:visible; background-color:Transparent !important; border-width: 0 !important; font-family: Arial, Sans-Serif; white-space: pre-wrap;word-wrap: break-word; } .indent-grid td, .item-container-grid td{border:0px !important;} .grid-cell { border-bottom: solid 2px lightgray; padding: 0 5px;} .grid-group { font-family: Arial, Sans-Serif; font-size: 11px; height: 20px; padding: 2px 2px 2px 4px; text-align: left; background-color: #d5d9c8; vertical-align: middle; } .grid-groupLabel { font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; padding: 2px 0; text-align: left; vertical-align: middle; } .grid-summaryInfo { text-align: right; padding: 2px 10px; } .grid-sepCell { background: #e0e0e0; height: 1px; padding: 0; } .grid-sepCell IMG { display: none; } .grid-group a:link { color: #000000; } .grid-group a:visited { color: #000000; } .grid-group a:hover { color: #1313a3; } /* grid-alternatingitem */ .grid-alternatingitem { background-color: #F0F0F0; height: 20px; font-family: Arial, Sans-Serif; font-size: 8pt;} .grid-alternatinggroup { font-family: Arial, Helvetica, Sans-Serif; height: 20px; font-size: 11px; padding: 2px 2px 2px 4px; text-align: left; background-color: #ebede5; vertical-align: middle; } /* grid-edititem */ .grid-edititem { background-color: #CEDFDF; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } /* grid-selecteditem */ .grid-selecteditem {background-color: #EBEDE5; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt;} .grid-item td, .grid-alternatingitem td, .grid-edititem td, .grid-selecteditem td {padding:4px 10px 3px; vertical-align:top;border-bottom:1px solid #E0E0E0;} .grid-item td td, .grid-alternatingitem td td, .grid-edititem td td, .grid-selecteditem td td {padding:0;} .grid-item a:link, .grid-alternatingitem a:link, .grid-edititem a:link, .grid-selecteditem a:link { color: #000000; } .grid-item a:visited, .grid-alternatingitem a:visited, .grid-edititem a:visited, .grid-selecteditem a:visited { color: #000000; } .grid-item a:hover, .grid-alternatingitem a:hover, .grid-edititem a:hover, .grid-selecteditem a:hover { color: #1313a3; } /* grid-dragItem*/ .grid-dragItem-onhover{background-color:#E8E9EB;} .grid-dragItem-ondrag{border:solid 1px #dfdfdf !important; background-color:#f5f6d8;} .grid-dragItem-placeholder{border:dashed 1px #b9b9bb; background-color:#fff;z-index:1;} /* grid-rankInput*/ .grid-rankInput{margin-right:2px; text-align:center;} /* grid-header */ .grid-header { background-color: #e0e0e0; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #70748a; } .grid-header a:link { color: #70748a; } .grid-header a:visited { color: #70748a; } .grid-header a:hover { color: #70748a; } .grid-header td {padding: 2px 10px;} .grid-sortedheader { background-color: #e0e0e0; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #70748a; } .grid-sortedheader a:link { color: #70748a; } .grid-sortedheader a:visited { color: #70748a; } /* grid-selectedheader */ .grid-selectedheader { background-color: #D8D5D5; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: #2D477B; } .grid-selectedheader a:link { color: #000000; } .grid-selectedheader a:visited { color: #000000; } .grid-selectedheader a:hover { color: #1313a3; } /* hack: sb-caption used on explorer headers */ .sb-caption { font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; } .grid-itemHr { text-align:center; border-right: 1px; } .grid-itemResourceTypeChild { text-align:left; border:#e0e0e0;border-color: #e0e0e0;position: relative; width: 100%; } .grid-itemResourceTypeChildForRA { text-align:left; border:#e0e0e0;border-color: #e0e0e0;position: relative; width: 100%; padding-left:20px; } .grid-itemResourceType { text-align:left; white-space:nowrap;vertical-align:middle;height:26px; } .grid-itemToggleVisible { margin-right: 4px; cursor:pointer; display: inline; visibility:visible; } .grid-itemTogglehidden { margin-right: 4px; cursor:pointer; display: inline; visibility:hidden; } .expand-button{display:inline-block;position:absolute;padding:3px 0;width:10px;height:10px;background:url(../../../graphics/icons/expand.gif) no-repeat center center;} .collapse-button{display:inline-block;position:absolute;padding:3px 0;width:10px;height:10px;background:url(../../../graphics/icons/collapse.gif) no-repeat center center;} .milestone-icon{width:10px;height:10px;display:inline-block;background:url(../../../graphics/milestone.gif) no-repeat center center;} /************************************************************************************************/ /* TRACK WORK DIALOG /************************************************************************************************/ #trackWorkDialog { text-align: left; } #ReassignApprovalDialog .dialogHeader, #trackWorkDialog .dialogHeader { background: #bfc675 url(../../../graphics/greenbar.gif) repeat-x scroll 0 0; padding: 5px; height: 20px; margin-bottom: 10px; border-bottom: 1px solid #333; font-size: 16px; font-weight: bold; } #ReassignApprovalDialog #ReassignApprovalHeader, #trackWorkDialog #trackWorkEntry-header { border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; background-color: #f1f1f1; font-weight: bold; white-space: nowrap; height: 15px; padding: 2px 0; } #trackWorkDialog .profile { background: White url(../../../graphics/clock.gif) no-repeat scroll 0 center; color: #70748A; font-size: 14px; margin: 10px 0 15px 20px; padding: 0 0 0 20px; overflow: hidden; white-space: nowrap; } #trackWorkDialog .newWorkEntryForm { padding: 3px 0; width: 620px; float: left; } #trackWorkDialog li input, #trackWorkDialog li textarea { border: 1px solid #aac; padding: 2px; margin: 0; width: 100%; } #trackWorkDialog .loading { width: 100%; text-align: center; background-color: #ededed; font-weight: bold; } #trackWorkDialog #workEntryForms { border-bottom: solid 1px #e0e0e0; height: 220px; overflow: auto; } #ReassignApprovalDialog .dialogFooter, #trackWorkDialog .dialogFooter { text-align: right; padding: 0 10px; font-size: 14px; float:right; margin-top:5px; width: auto; } #ReassignApprovalDialog .dialogFooter div, #trackWorkDialog .dialogFooter div { vertical-align: top; float:right; padding:5px 5px 5px 10px; } #trackWorkDialog .dialogFooter input { float:right; } #trackWorkDialog .dialogFooter .instructions { float:right; padding: 6px 200px 0 0; font-size: 12px; font-style: italic; } #ReassignApprovalDialog .dialogFooter div a, #trackWorkDialog .dialogFooter div a { color: #70748a; } #ReassignApprovalDialog ul, #trackWorkDialog ul { clear: both; list-style-type: none; padding: 0; margin: 0; min-height: 1px; } #trackWorkDialog ul.row { float: left; height: auto; width: 445px; margin-bottom: 2px; } #trackWorkDialog li { padding: 0; margin-right: 15px; float: left; width: 110px; text-align: left; display: inline; /* Prevents IE6 double-margin bug */ } #trackWorkDialog li div { border: 1px solid transparent; padding: 2px; } #ReassignApprovalHeader li, .ReassignApproval .row div { width: 200px; padding: 0; margin-right: 15px; float: left; text-align: left; } #ReassignApprovalDialog .ReassignApproval, #ReassignApprovalDialog #ReassignApprovalHeader { padding: 5px 20px; clear:both; } #ReassignApprovalDialog .instructions { padding: 0 20px 5px 20px; width: 480px; margin-bottom:10px; float:left; } #ReassignApprovalDialog .moreInformation { padding: 0 10px 0 0; width: 120px; float:left; } .ReassignApproval { height: 160px; overflow-y:auto; } .ReassignApproval .row { clear:both; padding-top: 10px; } /* IE6 - transparent borders don't work in IE6, so using the *html hack to color the border manually in IE6. */ *html #trackWorkDialog li div { border-color: White; } *html #trackWorkDialog ul.WorkEntry-hover li div { border-color: #ebebeb; } #trackWorkDialog li div p { margin: 0; padding: 0; } #trackWorkDialog .workEntryDetails { clear: both; padding: 0 0 0 186px; margin-bottom: 5px; } #trackWorkDialog ul.WorkEntry-hover { background-color: #ebebeb; } #trackWorkDialog li.deleteIcon { display: none; background:transparent url(../../../Graphics/icon_delete_large.gif) no-repeat scroll left center; } #trackWorkDialog ul.WorkEntry-hover li.deleteIcon { display: block; } #trackWorkDialog .Detail-hover { border:solid 1px #aac !important; background: White url("../../../Graphics/Icons/pencil_padded.gif") no-repeat top right; } /* Expand column */ #trackWorkDialog li.expandColumn { width: 26px !important; } #trackWorkDialog li.expandColumn a { display: block; margin-left: 10px; cursor: pointer; text-indent: -9999px; width: 16px; height: 16px; background: url(../../../graphics/grey_wedge_right.gif) no-repeat center center; } #trackWorkDialog li.expandColumn a.open { background: url(../../../graphics/grey_wedge_bottom.gif) no-repeat center center; } #trackWorkDialog ul[isDirty] { font-weight: bold; } #trackWorkDialog ul[isDeleted] { color: #ccc; text-decoration: line-through; } /* Application name column */ #trackWorkDialog li.applicationNameColumn { width: 130px; min-height: 1px; overflow: hidden; text-overflow: ellipsis; /* Not supported on Firefox yet (as of 8/2009) */ } /* Date column */ #trackWorkDialog li.dateColumn { white-space: nowrap; vertical-align: top; } #trackWorkDialog li.dateColumn div { width: 64px; } #trackWorkDialog li.dateColumn input { width: 70px; *width: 64px; /* For IE */ vertical-align: top; } #trackWorkDialog li.dateColumn img { margin: 2px 0 0 3px; } /* Time worked column */ #trackWorkDialog .timeColumn, #trackWorkDialog .timeColumn input { width: 75px; *width: 70px; /* For IE */ } #trackWorkDialog .timeColumn div { width: 69px; *width: 70px; /* For IE */ } /* Notes column */ #trackWorkDialog li.notesColumn { width: 180px; } #trackWorkDialog li.notesColumn div { *width: 100%; /* For IE */ } #trackWorkDialog li.notesColumn .maxchars { color: #70748A; } /* Action column */ #trackWorkDialog li.actionColumn { cursor:pointer; width: 16px; margin: 3px 0; } #trackWorkDialog li.addIcon { background:transparent url(../../../graphics/icon_add_large.gif) no-repeat scroll left center; } /************************************************************************************************/ /* IMPORT ITEMS GRID */ /************************************************************************************************/ .impt-grid { border: solid 1px Gray; } .impt-grid-header { padding:0; background-color:#e0e0e0; font-family:Arial,Helvetica,Sans-Serif; font-size:8pt; color:Black; vertical-align:middle; text-align:center; white-space:nowrap; } .impt-grid-title { padding:3px; height:18px; width:100%; text-align:center; white-space:nowrap;} .impt-grid-subtitle { padding:3px; height:18px; text-align:left; white-space:nowrap; } .impt-grid-toptitle { background-color:#d9e7e8; border-bottom: solid 1px White; } .impt-grid-bottomtitle { } .impt-grid-item { white-space:nowrap; background-color: White; height:25px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; text-indent: 2px;} .impt-grid-alternatingitem { white-space:nowrap; background-color: #F0F0F0; height:25px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; text-indent: 2px;} .impt-mapgrid-ddl { padding-right:50px; width:auto; } .impt-mapgrid-field { padding-right:50px; width:100%; white-space:nowrap; } /************************************************************************************************/ /* REPORT SELECTOR GRID */ /************************************************************************************************/ .rs-grid-link {text-decoration: none; color:black; } /************************************************************************************************/ /* CANNED REPORT GRID */ /************************************************************************************************/ .cr-grid-summary { background-color: #F4F5F7; height: 20px; border-width: 1px; border-color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: #000000; } .cr-grid-summary-disabled { background-color: #f1f1f1; height: 20px; border-width: 1px; border-color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: #000000; } .cr-list-title { font-family: Arial, Helvetica, Sans-Serif; font-size: 10pt; font-weight: bold; color: #2d477b; display: block; margin-top: 10px; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid #2d477b; } .cr-list-title-disabled { font-family: Arial, Helvetica, Sans-Serif; font-size: 10pt; font-weight: bold; color: #c1c1c1; display: block; margin-top: 10px; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid #c1c1c1; } .cr-list-box { background-color: #f2f2f2; border: solid 1px #a2a5b6; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #2d477b; padding: 8px 8px 8px 8px; } .cr-list-box-disabled { background-color: #f2f2f2; border: solid 1px #a2a2a2; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #898989; padding: 8px 8px 8px 8px; } .cr-list-box img { margin: 6px; border: 0px; } .cr-list-link { font-size: 9pt; font-weight: bold; } .cr-list-link a, .cr-list-link a:visited { text-decoration: none; color: #2d477b; } .cr-list-link a { width: 100%; height: 100%; } .cr-list-link a:hover { text-decoration: underline; } .cr-list-item { background-color: #f2f2f2; font-family: Arial, Helvetica, Sans-Serif; font-size: 9pt; font-weight: bold; height: 30px; border-color: #a2a5b6; border-style: solid; border-width: 1px; width: 100%; } .cr-list-item img { margin: 6px; border: 0px; } .cr-list-item a, .cr-list-item a:visited { text-decoration: none; color: #2d477b; padding: 4px; } .cr-list-item a { width: 100%; height: 100%; } .cr-list-item a:hover { background: #d6dbe7; } .cr-grid { border-color: #DFE1E7; border-style: solid; border-width: 1px; } .cr-grid-item { background-color: White; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .cr-grid-alternatingitem { background-color: White; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .cr-grid-header { background-color: #F4F5F7; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: #000000; } .cr-report-title { font-weight: bold; font-size: 12pt; } /* Data Tree Editor */ .tree-edit { background-color: #e1e2e5; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #2d477b; } .tree-edit a:link { color: #2d477b; text-decoration: none; } .tree-edit a:visited { color: #2d477b; text-decoration: none; } /************************************************************************************************/ /* CONTENT SPECIFIC NAV LINK STYLES */ /************************************************************************************************/ .ScorecardHeaderStyle { background-color: #C0C4CF; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: #2D477B; } .ScorecardCaptionStyle { font-family: Arial, Helvetica, Sans-Serif; font-size: 9pt; font-weight: bold; color: white; background-color: #696969; } .ScorecardItemStyle { background-color: White; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .ScorecardItemStyle a:link { color: Black; } .ScorecardItemStyle a:visited { color: Black; } .ScorecardAltItemStyle { background-color: #F0F0F0; height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .ScorecardAltItemStyle a:link { color: Black; } .ScorecardAltItemStyle a:visited { color: Black; } .ScorecardButton { background-color: #C0C4CF; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; border-style: groove; border-width: 1px; border-top-color: #ffffff; border-left-color: #ffffff; border-right-color: #404040; border-bottom-color: #404040; cursor: pointer; } /************************************************************************************************/ /* Availability Control */ /************************************************************************************************/ .AvailabilityBaseTable { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; border-style: solid; border-width: thin; } .AvailabilityHeaderCell { background-color: #D4D0C8; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; border-bottom-width: 1pt; border-bottom-color: Black; border-bottom-style: solid; } .AvailabilityItemTitleCell { background-color: #D4D0C8; font-family: Arial, Helvetica, Sans-Serif; font-size: 7pt; border-style: solid; border-width: thin; font-weight: bold; } .AvailabilitySegmentCell_2 { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .AvailabilitySegmentCell_1 { font-family: Arial, Helvetica, Sans-Serif; border-right-width: 1pt; border-right-style: solid; border-right-color: #D4D0C8; font-size: 8pt; } .AvailabilitySpacerCell_1 { border-right-width: 1pt; border-right-style: solid; border-right-color: #D4D0C8; font-family: Arial, Helvetica, Sans-Serif; font-size: 7pt; background-color: #D4D0C8; } .AvailabilitySpacerCell_2 { font-family: Arial, Helvetica, Sans-Serif; font-size: 7pt; background-color: #D4D0C8; } .AvailabilityItemSpacerCell_1 { font-family: Arial, Helvetica, Sans-Serif; font-size: 7pt; } .AvailabilityItemSpacerCell_2 { font-family: Arial, Helvetica, Sans-Serif; font-size: 7pt; } .AvaliabilityItemNameCell_1 { background-color: #E8E6E1; font-family: Arial, Helvetica, Sans-Serif; font-size: 7pt; } .AvaliabilityItemNameCell_2 { background-color: #E8E6E1; font-family: Arial, Helvetica, Sans-Serif; font-size: 7pt; } .AvailabilityFullTimeCell { border-top-width: 1pt; border-top-color: White; border-top-style: solid; background-color: #D4D0C8; font-family: Arial, Helvetica, Sans-Serif; font-size: 7pt; } .AvailabilityHalfTimeCell_L { border-top-width: 1pt; border-top-color: White; border-top-style: solid; border-left-width: 1pt; border-left-color: White; border-left-style: solid; background-color: #D4D0C8; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .AvailabilityHalfTimeCell_R { border-top-width: 1pt; border-top-color: White; border-top-style: solid; background-color: #D4D0C8; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .AvailabilityNextCell { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; background-color: #D4D0C8; border-bottom-width: 1pt; border-bottom-color: Black; border-bottom-style: solid; } .AvailabilityPrevCell { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; background-color: #D4D0C8; border-bottom-width: 1pt; border-bottom-color: Black; border-bottom-style: solid; border-left-width: 1pt; border-left-color: Black; border-left-style: solid; } .AvailabilityBufferCell { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; background-color: #D4D0C8; } /************************************************************************************************/ /* UserGroup Control */ /************************************************************************************************/ .UserGroupHeader { background-color: #a2a5b6; text-decoration: none; font-size: 8pt; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; color: White; } .UserGroupSubHeader { background-color: #f3f4f6; text-decoration: none; font-size: 8pt; font-family: Arial, Helvetica, Sans-Serif; color: Black; } /************************************************************************************************/ /* OTHER STYLES */ /************************************************************************************************/ .MultiPageHeader { background-color: #A2A5B6; font-size: 6pt; } .MultiPageHeaderGray { background-color: #A2A5B6; font-size: 6pt; } .TabbedFormContainer { border-color: #A2A5B6; border-style: solid; border-width: 1px; background-color: #FFFFFF; color: Black; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .AdminPageTable { border: solid 1px #669999; background-color: white; } .AdminPageTableHeaders { width:100%; color: #333333; font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; text-align:left; } .AdminPageTableBody { color: #2D477B; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; text-decoration: none; } .AppConfigTableHeader { color: #2D477B; font-family: Arial, Helvetica, Sans-Serif; font-size: 9pt; font-weight: bold; background-color: #DCDDE3; vertical-align: middle; } .treeviewTitle { background-color: #DCDDE3; color: #2D477B; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .TreeViewContainer { border-color: #A2A5B6; border-style: solid; border-width: 1px; background-color: white; color: Black; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .expandCollapseCell { background-color: #669999; } .expandCollapseCell2 { background-color: #DCDDE3; } .bottomtabstripcell { background-color: #DEEBF7; } .control_header { background-color: #004168; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: white; } .command_text { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #3F5B93; text-decoration: none; } .commandSpanTable { border-color: #004168; border-width: 1px; border-style: solid; } .commandSpan { background-color: #3f5b93; font-family: Arial, Helvetica, Sans-Serif; font-size: 7.5pt; font-weight: bold; color: #C7D7EA; text-decoration: none; } .errorMessage { font-family: Arial, Helvetica, Sans-Serif; font-size: 9pt; color: Maroon; } .blueMessage { font-family: Arial, Helvetica, Sans-Serif; font-size: 9pt; color: #223C6F; } .smallblueMessage { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #223C6F; } .standardControl { color: black; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; border: solid 1px #999999; } .DontDisplayMe { display: none; } .logintitlespacerup { background-image: url(../../../global/login/bg_spacer.gif); height: 1px; background-repeat: no-repeat; } .logintitle { background-image: url(../../../global/login/logintitle.jpg); height: 61px; background-repeat: no-repeat; } .logintitlespacerdown{ background-image: url(../../../global/login/bg_spacer.gif); height: 5px; background-repeat: no-repeat; } .searchResultsHeader { width:100%; height:35px; margin-top: 5px; } /************************************************************************************************/ /* TEAM MANAGAER PERCENT BAR TABLE */ /************************************************************************************************/ .TeamManagerPercentBarTable { border-color: Black; border-style: solid; border-width: 1px; } .TeamManagerPercentBarUnderUtilCell { border-style: none; } .TeamMangerPercentBarOverUtilCell { border-style: none; border-left-width: 1px; border-left-color: red; border-left-style: solid; } /************************************************************************************************/ /* WIZARD STYLES */ /************************************************************************************************/ .wizard-nav { display: inline; font-weight: bold; cursor: pointer; } /************************************************************************************************/ /* HEADER DIVISION STYLE CLASSES */ /************************************************************************************************/ .HeaderDivisionButtonCell { padding-bottom: 10px; } /*This style is a hack for the Calc Field Custom Field wizard step.*/ .HeaderDivision { color: #A2A5B6; font-weight: bold; } /************************************************************************************************/ /* HEADER */ /************************************************************************************************/ .globalSearchBox, .globalSearchBox-active { display: inline-block; border: 1px solid silver; padding: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; vertical-align: top; font-size: 12px!important; font-family: Arial!important; } .globalSearchBox-active { border-color: #6cb2e0; -webkit-box-shadow: 0px 0px 3px #6dcff6; -moz-box-shadow: 0px 0px 3px #6dcff6; box-shadow: 0px 0px 3px #6dcff6; } .globalSearchBox input { width: 180px; border: 0px; margin: 0px; padding: 2px; outline: 0px; font-size: 12px!important; font-family: Arial!important; color: silver; vertical-align: top; zheight: 17px; zline-height: 17px; } .globalSearchBox-active input { color: black; } .globalSearchBox span { height: 21px; width: 31px; display: inline-block; background: url(../../../graphics/inline-search-btn.gif) no-repeat center center; cursor: pointer; } .globalSearchBox-active span { background-image: url(../../../graphics/inline-search-btn-active.gif); } /************************************************************************************************/ /* AGGREGATED FIELDS STYLE CLASSES */ /************************************************************************************************/ .WorkspaceHeader { background-color: #dcdde3; color: #27366e; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .WorkspaceTypeHeader { background-color: #5a4b77; color: white; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .DynamicAppHeader { background-color: #577993; color: white; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .NativeAppHeader { background-color: #94afc4; color: white; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .NativeWorkspaceHeader { background-color: #B5B29C; /*background-color:F7C34A;*/ color: white; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; } .FieldKeyFrame { border: solid 1px #A2A5B6; background-color: #F6F6F6; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #A2A5B6; } /************************************************************************************************/ /* ADMIN HELP STYLES */ /************************************************************************************************/ .AdminHelp { height: 460px; width: 175px; border: solid 1px #A2A5B6; background-color: #F6F6F6; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #A2A5B6; } .AdminHelpCollapsed { height: 460px; border: solid 1px #A2A5B6; background-color: #F6F6F6; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #A2A5B6; } .AdminHelpTitle { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: #80849A; border-color: InactiveBorder} /************************************************************************************************/ /* ADMIN STYLES */ /************************************************************************************************/ a.AdminAnchor{ color:#666666; font-family:Arial, Helvetica, Sans-Serif; font-size:11px; text-decoration:none; } .Beta { background: url(../../../graphics/Beta/beta.gif) no-repeat right; padding-right: 30px; } /************************************************************************************************/ /* Microsoft Project Migration Styles */ /************************************************************************************************/ .MapTableHeader { height: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: #2D477B; } /************************************************************************************************/ /* Workflow Styles /************************************************************************************************/ .WorkflowAdminLocked { background-color: #f3f4f6; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; } /************************************************************************************************/ /* Begin Newsletter Styles /************************************************************************************************/ .nv-header { background-color: #ffffff; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: normal; color: #000; } .nv-pager { background-color: #ffffff; font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: normal; color: #999999; } .nv-pager a:link { color: #2d477b; text-decoration: underline; } .nv-pager a:visited { color: #2d477b; text-decoration: underline; } .nv-pager a:hover { color: #1313a3; text-decoration: underline; } .nv-filter { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; padding: 4px 0px; } .nv-entry { background-color: #ffffff; border: 1px solid #afb4bb; } .nv-entry-header { font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 8pt; background-color: #f0f0f0; color: #000; padding: 0px 8px; cursor: pointer; /*word-wrap: break-word;*/ white-space: normal; } .nv-entry-header-read { font-family: Arial, Helvetica, Sans-Serif; font-weight: normal; font-size: 8pt; background-color: #f0f0f0; color: #000; padding: 0px 8px; cursor: pointer; /*word-wrap: break-word;*/ white-space: normal; } .nv-entry-about { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; padding: 2px 8px; /*word-wrap: break-word;*/ white-space: normal; } .nv-entry-body { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; padding: 2px 8px; /*word-wrap: break-word;*/ white-space: normal; } .nv-entry-body a:link { color: #2d477b; } .nv-entry-body a:visited { color: #2d477b; } .nv-entry-separator { background-color: #afb4bb; } /************************************************************************************************/ /* Begin Enterprise Dashboard /************************************************************************************************/ .dbe-background { background-color: #ffffff; } .dbe-control { background-color: #ffffff; border: 1px solid #b7b39f; color: #27366e; font-family: Arial, helvetica, Sans-Serif; font-size: 8pt; } .dbe-caption { color: #ffffff; background-color: #b7b39f; font-family: Arial, helvetica, Sans-Serif; font-weight: bold; font-size: 8pt; } .dbe-caption a:link { color: #ffffff; text-decoration: none; } .dbe-caption a:visited { color: #ffffff; text-decoration: none; } .dbe-caption a:hover { color: #ffffff; text-decoration: underline; } .dbe-header { color: #70748a; background-color: #e0e0e0; font-family: Arial, helvetica, Sans-Serif; font-size: 8pt; } .dbe-status { color: #80849a; font-family: Arial, helvetica, Sans-Serif; } .dbe-status a:link { color: #27366e; text-decoration: none; } .dbe-status a:visited { color: #27366e; text-decoration: none; } .dbe-status a:hover { color: #27366e; text-decoration: underline; } /************************************************************************************************/ /* END Enterprise Dashboard /************************************************************************************************/ /************************************************************************************************/ /* Begin Workspace Dashboard /************************************************************************************************/ .dbw-control { background-color: #ffffff; border: 1px solid #8c939d; color: #27366e; font-family: Arial, helvetica, Sans-Serif; font-size: 8pt; } .dbw-caption { color: White; background-color: #8c939d; font-family: Arial, helvetica, Sans-Serif; font-weight: bold; font-size: 8pt; } .dbw-caption a:link { color: white; text-decoration: none; } .dbw-caption a:visited { color: white; text-decoration: none; } .dbw-caption a:hover { color: white; text-decoration: underline; } .dbw-header { color: #70748a; background-color: #e0e0e0; font-family: Arial, helvetica, Sans-Serif; font-size: 8pt; } .dbw-status { color: #8c939d; font-family: Arial, helvetica, Sans-Serif; } .dbw-status a:link { color: #27366e; text-decoration: none; } .dbw-status a:visited { color: #27366e; text-decoration: none; } .dbw-status a:hover { color: #27366e; text-decoration: underline; } /************************************************************************************************/ /* END Workspace Dashboard /************************************************************************************************/ /************************************************************************************************/ /* Calendar Styles /************************************************************************************************/ .qvCalendar { width: 154px; font-family: Arial, Helvetica, Sans-Serif; background-color: #c7d7ea; text-decoration: none; } .qvCalendarTitle { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: #c7d7ea; } .qvCalendarWeekdayLabels { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #848484; background-color: #ebebeb; } .qvCalendarDay { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #000000; background-color: #ffffff; text-decoration: none; } .qvCalendarDay a:link { text-decoration: none; } .qvCalendarDay a:visited { text-decoration: none; } .qvCalendarDay a:hover { text-decoration: none; color: #c7d7ea; } .qvCalendarCurrentDay { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #000000; background-color: #fac573; text-decoration: none; } .qvCalendarCurrentDay a:link { text-decoration: none; } .qvCalendarCurrentDay a:visited { text-decoration: none; } /****************************************************************************** * MultiWorkspaceSelector * ******************************************************************************/ .MultiWorkspaceSelector { } .MultiWorkspaceSelectorOptions td { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; border-bottom: 1px solid #A2A5B6; background-color: #f3f4f6; } .MultiWorkspaceSelectorOptions input { filter: Alpha(opacity=50); } .MultiWorkspaceSelectorSpacer td { height: 10px; } /****************************************************************************** * Approval Page ******************************************************************************/ .ApprovalHeader { color: #A2A5B6; font-weight: bold; } .ApprovalDivider { background: #a2a5b6; border-width: 0px; width: 100%; } /****************************************************************************** * ListWalker Popup Styles ******************************************************************************/ .popup-location { background-color: #F2F2F2; width: 100%; color: #273F6F; text-indent: 20px; font-weight: bold; padding: 0 0 0 0; } .popup-location-cell { width: 100%; padding: 4 4 4 4; } .popup-parent-refresh { padding: 6 6 0 6; font-size: 7pt; } /************************************************************************************************ * E N D O L D S T Y L E S * * All new styles should be added at the end of this file in the "ATLAS STYLES" section. * * Note: This comment appears many times in this document as a friendly reminder =) ************************************************************************************************/ /************************************************************************************************ * B E G I N A T L A S S T Y L E S * ATLAS STYLES * * Any styles you add please comment them thoroughly and use descriptive names not a bunch * of abbreviations. ************************************************************************************************/ /************************************************************************************************ * Begin Generic/Base Styles * * These are styles that are used throughout eProject and do not pertain to any 1 area. * Any class that pertains to a specific area fo the product should be placed into its * own section below. * * You will notice comments with "Formerly " * I've added these so that you can at least somewhat easily * match up the 2 different names ************************************************************************************************/ .dropdownLinkWhite { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; } .dropdownLinkWhite a:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; } .dropdownLinkWhite a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; } .dropdownLinkWhite a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; } .dropdownLinkBlack { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } .dropdownLinkBlack a:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } .dropdownLinkBlack a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } .dropdownLinkBlack a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } /* This sets style properties for the div containing the dropdown menu */ .dropdownMenu { position: absolute; z-index: 0; } /****************************************************************************** * Begin Global Menu Bar ******************************************************************************/ /* Main Div class for global menu bar and global menu bar labels*/ .globalMenubarMenu { border-style: solid; border-width: 1px; border-top-color: #999999; border-left-color: #999999; border-bottom-color: #999999; border-right-color: #999999; background-color: #FFFFFF; } /* Global menu bar menu items */ .globalMenubarMenu td a:link { font-family: Arial; font-size: 11px; color: #000000; } .globalMenubarMenu td a:visited { font-family: Arial; font-size: 11px; color: #000000; } .globalMenubarMenu td a:hover { font-family: Arial; font-size: 11px; color: #000000; } /* class used for the global app header */ .appHeader {margin:6px 14px 0px 0px;padding:0px;font-family:Arial;font-size:11px;color:#333333;text-decoration:underline;display:inline;cursor: pointer;} .appHeader a, .appHeader a:visited {text-decoration:underline;color:#333333;} .appHeader a:hover{text-decoration:underline;color:#333333;} .appHeader div { text-decoration: underline; cursor: pointer; } a.whatsNewLinkRed, a.whatsNewLinkBlack { text-decoration: underline; } a.whatsNewLinkRed { color: #CC0000; } a.whatsNewLinkBlack, a.whatsNewLinkRed:visited { color: #333333; } /* Used for search text box */ .searchField { font-family: arial,sans-serif; font-size: 11px; border-style: solid; border-width: 1px; height: 18px; border-color: #ADB8C2; } /* Used for Search Button */ .buttonStyle { width:auto /*!IMPORTANT;width:1%*/; overflow:visible; background-color:black; border: 0px !IMPORTANT; padding:0px 14px 0px 14px; height:20px; font-family:arial; font-size:11px; color:#EEEEEE; font-weight:normal; background-image: url(../../../graphics/buttons/btn_20_default.jpg); } .buttonStyleOver { width:auto /*!IMPORTANT;width:1%*/; overflow:visible; background-color:black; border: 0px !IMPORTANT; padding:0px 14px 0px 14px; height:20px; font-family:arial; font-size:11px; color:#EEEEEE; font-weight:normal; cursor: pointer; background-image: url(../../../graphics/buttons/btn_20_hover.jpg); } .buttonStyleMouseDown { width:auto /*!IMPORTANT;width:1%*/; overflow:visible; background-color:black; border: 0px !IMPORTANT; padding:0px 14px 0px 14px; height:20px; font-family:arial; font-size:11px; color:#EEEEEE; font-weight:normal; cursor: pointer; background-image: url(../../../graphics/buttons/btn_20_click.jpg); } .buttonStyleDisabled { width:auto /*!IMPORTANT;width:1%*/; overflow:visible; background-color:black; border: 0px !IMPORTANT; padding:0px 14px 0px 14px; height:20px; font-family:arial; font-size:11px; color:#EEEEEE; font-weight:normal; background-image: url(../../../graphics/buttons/btn_20_disabled.jpg); } .primaryButton { width:auto !IMPORTANT; width:1%; overflow:visible; background-color:black; border: 0px solid #4F4F4F !IMPORTANT; padding:0px 14px 0px 14px; height:25px; font-family:arial; font-size:13px; color:#EEEEEE; background-image: url(../../../graphics/buttons/btn_25_default.jpg); } .primaryButtonOver { width:auto !IMPORTANT; width:1%; overflow:visible; background-color:black; border: 0px solid #4F4F4F !IMPORTANT; padding:0px 14px 0px 14px; height:25px; font-family:arial; font-size:13px; color:#EEEEEE; cursor: pointer; background-image: url(../../../graphics/buttons/btn_25_hover.jpg); } .primaryButtonDown { width:auto !IMPORTANT; width:1%; overflow:visible; background-color:black; border: 0px solid #4F4F4F !IMPORTANT; padding:0px 14px 0px 14px; height:25px; font-family:arial; font-size:13px; color:#EEEEEE; cursor: pointer; background-image: url(../../../graphics/buttons/btn_25_click.jpg); } .primaryButtonDisabled { width:auto !IMPORTANT; width:1%; overflow:visible; background-color:black; border: 0px solid #4F4F4F !IMPORTANT; padding:0px 14px 0px 14px; height:25px; font-family:arial; font-size:13px; color:#EEEEEE; background-image: url(../../../graphics/buttons/btn_25_disabled.jpg); } .ddown_buttonStyle { width:60px !IMPORTANT; font-weight:normal; cursor:pointer;text-decoration:underline; } /* User for button "Select New Role..." */ .ddown_widebuttonStyle { height:16px; width:100px !IMPORTANT; border-width:2px !important; font-weight:normal; cursor:pointer;text-decoration:underline; } /* For Global menu bar non a link labels */ .appHeaderLink { background-color: #273f6f; font-family: arial,sans-serif; color: white; font-weight: bold; font-size: 11px; text-align: right; text-decoration: underline; cursor: pointer; } /*************************************************************************** * Custom Html Elements ***************************************************************************/ .radio-default,.radio-selected,.checkbox-default,.checkbox-selected{padding:2px 10px;width:20px;} .radio-default{background: url(../../../Graphics/icons/radio-default.gif) no-repeat left center;} .radio-selected{background: url(../../../Graphics/icons/radio-selected.gif) no-repeat left center;} .checkbox-default{background: url(../../../Graphics/icons/checkbox-default.gif) no-repeat left center;} .checkbox-selected{background: url(../../../Graphics/icons/checkbox-selected.gif) no-repeat left center;} /* Toggle botton styles = .button-default, button-on, button-off, button-disabled, button-off-disabled*/ .button-default a, .button-on a, .button-off a, .button-disabled a, .button-off-disabled a{cursor:pointer;text-decoration:none;height:23px;padding:4px 7px;font-weight:bold; font-size:12px;} .button-default, .button-on .right-button, .button-off .left-button{color:#AFAFAF;} .button-on .left-button, .button-off .right-button{color:#171717;} .button-default a:hover, .button-on a:hover, .button-off a:hover{color:#5F757F;} a.left-button:hover img, a.right-button:hover img{filter:alpha(opacity=50); opacity:0.5;} .button-disabled a, .button-disabled a:hover, .button-off-disabled a, .button-off-disabled a:hover{cursor:default;color:#C7C7C7;filter:alpha(opacity=50); opacity:0.5;} .button-default img, .button-on .right-button img, .button-off .left-button img, .button-disabled img, .button-disabled a:hover img{filter:alpha(opacity=30); opacity:0.3;} .left-button, .button-disabled a.left-button:hover, .button-off-disabled a.left-button:hover{background:url(../../../Graphics/icons/button-default.gif) no-repeat left center;} .right-button,.button-disabled a.right-button:hover{background:url(../../../Graphics/icons/button-default.gif) no-repeat right center;} .button-on .left-button{background:url(../../../Graphics/icons/button-active.gif) no-repeat left center;} .button-off .right-button, .button-off-disabled a.right-button, .button-off-disabled a.right-button:hover{background:url(../../../Graphics/icons/button-active.gif) no-repeat right center;} a.left-button:hover{border-right:solid 1px #B7BCBE; background:url(../../../Graphics/icons/button-hover.gif) no-repeat left center;} a.right-button:hover{border-left:solid 1px #B7BCBE;background:url(../../../Graphics/icons/button-hover.gif) no-repeat right center;} .button-default .left-button{border-right:solid 1px #BBB;} .button-off .left-button{border-right:solid 1px #CCC;} .button-default .right-button, .button-on .right-button{border-left:solid 1px #CCC;} .button-on .left-button{border-right:solid 1px #0CA2BE;} .button-off .right-button, .button-off-disabled .right-button, .button-off-disabled a.right-button:hover{border-left:solid 1px #0CA2BE;} .button-disabled .left-button,.button-disabled a.left-button:hover{border-right:solid 1px #BCBDBE;} .button-disabled .right-button,.button-disabled a.right-button:hover{border-left:solid 1px #BCBDBE;} .button-off-disabled a.left-button:hover{border-right:none;} /****************************************************************************** * End Global Menu Bar ******************************************************************************/ /****************************************************************************** * BEGIN TAB STYLES * * There are 4 different types of tabs * 1. MyTabs - The main tab bar for the entire application * 2. eProjectTab - * 3. UserSelectorTab - * 4. ItemDetailsTab - * * There are some styles/images that are shared across all tabs * all of these will be placed into a generic tab section * * You will notice comments with "Formerly " * I've added these so that you can at least somewhat easily * match up the 2 different names ******************************************************************************/ /* Default Tab Styles (Applies to all Tabs, however tabs can */ /* create their own styles but they should have a unique name) */ .Default_TabToolbar { background-image: url(../../../graphics/tabs/ToolbarBackground.gif); } .Default_TabToolbarLink { background-image: url(../../../graphics/tabs/ToolbarBackground.gif); padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 5px; font-family: arial,sans-serif; color: white; font-size: 11px; } .Default_TabToolbarLink a:link { background-image: url(../../../graphics/tabs/ToolbarBackground.gif); padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 5px; font-family: arial,sans-serif; color: white; font-size: 11px; } .Default_TabToolbarLink a:visited { background-image: url(../../../graphics/tabs/ToolbarBackground.gif); padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 5px; font-family: arial,sans-serif; color: white; font-size: 11px; } .Default_TabToolbarLink a:hover { background-image: url(../../../graphics/tabs/ToolbarBackground_MouseOver.gif); padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 5px; font-family: arial,sans-serif; color: white; font-size: 11px; } .Default_SpaceToLeftOfTabbar { width: 15px; background-color: #273f6f; vertical-align: bottom; background-image: url(../../../graphics/tabs/Tab_Invisible.gif); } /* .Default_SpaceToRightOfTabbar { width: 100%; background-color: #273f6f; vertical-align: bottom; background-image: url(../../../graphics/tabs/Tab_Invisible.gif); } */ .Default_SpaceToRightOfTabbar { width: 100%; vertical-align: bottom; } /* TabBar*/ .TabBar { margin:0px 0px 0px; clear:both; background-color: #FFFFFF; } .TabBar TD { vertical-align: middle; background-color: white; padding-left: 1px; } .TabBar a{color:black;text-decoration:none;display:block;background:url(../../../graphics/tabs/MyTabs/nav_default_tab_bg.jpg) repeat-x;height:25px;line-height:25px;cursor:pointer;} .TabBar a span{display:block;margin:0;padding:0;font-family:arial,sans-serif;background-color:white;background:no-repeat url(../../../graphics/tabs/MyTabs/nav_default_cap_left.jpg);vertical-align:middle;white-space:nowrap;} .TabBar a label{display:block;padding:0 14px;font-family:arial,sans-serif;background-color:white;background:no-repeat url(../../../graphics/tabs/MyTabs/nav_default_cap_right.jpg) top right;font-family:arial,sans-serif;color:#333333;vertical-align:middle;font-size:13px;font-weight:normal;white-space:nowrap;} .TabBar a img{margin: 11px 0 10px 0; vertical-align: middle;width:7px;height:4px;} .TabBar a:hover{background-image:url(../../../graphics/tabs/MyTabs/nav_hover_tab_bg.jpg);} .TabBar a:hover span{background:no-repeat url(../../../graphics/tabs/MyTabs/nav_hover_cap_left.jpg);} .TabBar a:hover label{background:no-repeat url(../../../graphics/tabs/MyTabs/nav_hover_cap_right.jpg) top right;} .TabBar A.MyTabs_SelectedTabLabels{background:url(../../../graphics/tabs/MyTabs/navTabCenter_clicked.jpg) repeat-x;height:26px;} .TabBar A.MyTabs_SelectedTabLabels span{background:url(../../../graphics/tabs/MyTabs/nav_on_cap_left.jpg) no-repeat;} .TabBar A.MyTabs_SelectedTabLabels label{background:no-repeat url(../../../graphics/tabs/MyTabs/nav_on_cap_right.jpg) top right;} .TabBar A.eProject_SelectedTabLabels { height: 26px; background-image:url(../../../graphics/tabs/eProjectTab/navTabCenter_clicked.jpg);} .TabBar A.eProject_SelectedTabLabels span{background:no-repeat url(../../../graphics/tabs/eProjectTab/nav_on_cap_left.jpg);} .TabBar A.eProject_SelectedTabLabels label{color:white;background:no-repeat url(../../../graphics/tabs/eProjectTab/nav_on_cap_right.jpg) top right;} /* for IE6-7 has to override a:hover for Selected tab (both MyTabs_ and eProject_) to image swap on mouse over. That does not happen on FireFox. */ .TabBar A.MyTabs_SelectedTabLabels:hover{background:url(../../../graphics/tabs/MyTabs/navTabCenter_clicked.jpg) repeat-x;height:26px;} .TabBar A.MyTabs_SelectedTabLabels:hover span{background:url(../../../graphics/tabs/MyTabs/nav_on_cap_left.jpg) no-repeat;} .TabBar A.MyTabs_SelectedTabLabels:hover label{background:no-repeat url(../../../graphics/tabs/MyTabs/nav_on_cap_right.jpg) top right;} .TabBar A.eProject_SelectedTabLabels:hover { height: 26px; background-image:url(../../../graphics/tabs/eProjectTab/navTabCenter_clicked.jpg);} .TabBar A.eProject_SelectedTabLabels:hover span{background:no-repeat url(../../../graphics/tabs/eProjectTab/nav_on_cap_left.jpg);} .TabBar A.eProject_SelectedTabLabels:hover label{color:white;background:no-repeat url(../../../graphics/tabs/eProjectTab/nav_on_cap_right.jpg) top right;} .TabBar A.Default_ActionsTab{height:25px;white-space:nowrap;background-image:url(../../../graphics/tabs/MyTabs/nav_black_tab_bg.jpg);} .TabBar A.Default_ActionsTab span{background:no-repeat url(../../../graphics/tabs/MyTabs/nav_black_cap_left.jpg);} .TabBar A.Default_ActionsTab label{color:#CCCCCC;background:no-repeat url(../../../graphics/tabs/MyTabs/nav_black_cap_right.jpg) top right;} .TabBar A.Default_ActionsTab:hover{white-space:nowrap;background-image:url(../../../graphics/tabs/MyTabs/nav_blackhover_tab_bg.jpg);} .TabBar A.Default_ActionsTab:hover span{background:no-repeat url(../../../graphics/tabs/MyTabs/nav_blackhover_cap_left.jpg);} .TabBar A.Default_ActionsTab:hover label{color:#CCCCCC;background:no-repeat url(../../../graphics/tabs/MyTabs/nav_blackhover_cap_right.jpg) top right;} /* Item Details Tab Styles */ .TabBar A.ItemDetails_SelectedTabLabels { height: 26px; background-image:url(../../../graphics/tabs/ItemDetailsTab/navTabCenter_clicked.jpg);} .TabBar A.ItemDetails_SelectedTabLabels span{background:no-repeat url(../../../graphics/tabs/ItemDetailsTab/nav_on_cap_left.jpg);} .TabBar A.ItemDetails_SelectedTabLabels label{background:no-repeat url(../../../graphics/tabs/ItemDetailsTab/nav_on_cap_right.jpg) top right ;} /*My Tabs .MyTabs_SelectedTabLabels { padding: 0 14; white-space: nowrap; font-family: arial, sans-serif; color: #333333; font-size: 13px; background-image: url(../../../graphics/tabs/MyTabs/navTabCenter_clicked.jpg); } .MyTabs_TabLabels {height:26px; padding: 0 14;white-space: nowrap; font-family: arial,sans-serif; color: #333333; vertical-align: middle; font-size: 13px; background-image: url(../../../graphics/tabs/MyTabs/nav_default_tab_bg.jpg); } .MyTabs_TabLabelsHover {padding: 0 14;filter:alpha(opacity=66);-moz-opacity:.66;white-space: nowrap; font-family: arial,sans-serif; color: #333333; vertical-align: middle; font-size: 13px; background-image: url(../../../graphics/tabs/MyTabs/nav_default_tab_bg.jpg); } .MyTabs_TabLabels_Right_Cap {width:2px; padding: 0 1px 0 0;white-space: nowrap;} */ /* Item Details Tabs .ItemDetails_TabLabels {height:26; padding: 0 14;white-space: nowrap; font-family: arial,sans-serif; color: #333333; vertical-align: middle; font-size: 13px; background-image: url(../../../graphics/tabs/ItemDetailsTab/nav_default_tab_bg.jpg); } .ItemDetails_SelectedTabLabels { padding: 0 14; white-space: nowrap; font-family: arial, sans-serif; color: #333333; font-size: 13px; background-image: url(../../../graphics/tabs/ItemDetailsTab/navTabCenter_clicked.jpg); } .ItemDetails_SpaceToLeftOfTabbar { width: 15px; vertical-align: bottom; background-image: url(../../../graphics/tabs/ItemDetailsTab/Tab_Invisible.gif); } */.ItemDetails_SpaceToRightOfTabbar { width: 100%; vertical-align: bottom; } /* previousNextToolBar */ .previousNextToolBar{display:block; width:100%;} .previousNextToolBar ul{display:block; width:100%;height:20px;margin:0px;padding:5px 0px 0px 0px; background-image:url(../../../graphics/tabs/ItemDetailsTab/subnav_bg.jpg);} .previousNextToolBar ul li{display:block; margin:0px;padding:0px 14px; font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333333;list-style-type:none;text-align:center;float:right;} .previousNextToolBar li a,.previousNextToolBar li a:visited{ color:#333333;text-decoration:none;} .previousNextToolBar li a:hover{color:#333333;text-decoration: underline;} .previousNextToolBar li img{border:0px; cursor:pointer;} .previousNextToolBar IMG.previousArrow {margin-right:6px;} .previousNextToolBar IMG.nextArrow {margin-left:6px; margin-right:14px;} .ItemDetails_Toolbar { margin: 1px 0px 0px 0px; /*border: solid 1px red;*/} /* User Selector Tabs */ .UserSelector_TabLabels { height:26; white-space:nowrap; font-family:arial,sans-serif; color:#333333; font-size:13px; background-image:url(../../../graphics/tabs/MyTabs/nav_default_tab_bg.jpg);} .UserSelector_SelectedTabLabels { height:26; white-space:nowrap; font-family:arial, sans-serif; color:#333333; font-size:13px; background-image:url(../../../graphics/tabs/MyTabs/navTabCenter_clicked.jpg);} /* eProject Tabs .eProject_TabLabels { padding: 0 14; white-space: nowrap; font-family: arial, sans-serif; color: #333333; font-size: 13px; background-image: url(../../../graphics/tabs/eProjectTab/nav_default_tab_bg.jpg); } .eProject_SelectedTabLabels { margin: 1000px; height:26px; padding: 0 14;white-space: nowrap; font-family: arial,sans-serif; color: #FFFFFF; vertical-align: middle; font-size: 13px; background-image: url(../../../graphics/tabs/eProjectTab/navTabCenter_clicked.jpg); } */ /****************************************************************************** * End Tab Styles ******************************************************************************/ /****************************************************************************** * Begin Project View Styles * * The Project View includes the Project Location Bar and Project Menu, * which are present on all pages within a project ******************************************************************************/ /* Default Project Location Bar Styles -- GREEN */ .projectToolBar{display:block; width:100%; height:23px; } .projectToolBar ul{display:block; width:100%; height:23px; margin:0px; padding:0px 0px 0px 0px; background-image:url(../../../graphics/tabs/ToolbarBackground.gif);} .projectToolBar ul li{display:block; margin:0px; padding-left:14px; padding-right:14px; padding-top:4px; font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#FFFFFF; list-style-type:none;text-align:center;float:left;} .projectToolBar li a, .projectToolBar li ,.projectToolBar li a:visited{ color:#FFFFFF;text-decoration:none} .projectToolBar li a:hover {text-decoration: underline} .projectToolBar li img{margin-left:6px; border:0px; cursor:pointer;} /* Styles for Dashboard Nugget Header (green) */ .greenNuggetHeader { background-image: url(../../../graphics/project/listhead_bg.jpg); margin-top: 5px; height: 29px; } .greenNuggetHeaderTable { border: 1px; border-style: solid; border-color: #ABABAB } .greenNuggetHeaderLink { background-image: url(../../../graphics/project/listhead_bg.jpg); padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 6px; font-family: arial,sans-serif; color: white; } .greenNuggetHeaderLink a:link { background-image: url(../../../graphics/project/listhead_bg.jpg); padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 6px; font-family: arial,sans-serif; color: white; font-size: 11px; } .greenNuggetHeaderLink a:visited { background-image: url(../../../graphics/project/listhead_bg.jpg); padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 6px; font-family: arial,sans-serif; color: white; font-size: 11px; } .greenNuggetHeaderLink a:hover { background-image: url(../../../graphics/project/listhead_bg.jpg); padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 6px; font-family: arial,sans-serif; color: white; font-size: 11px; } .greenNuggetHeaderLabel { padding-left: 14px; padding-right: 15px; padding-top: 2px; padding-bottom: 3px; font-family: arial,sans-serif; color: #666666; font-size: 12px; } /* Styles for the Project Location Bar page optins drop down */ .projectLocationBar_PageOptionsDropDown { background: #A23B36; padding: 12px; border: 1px solid; border-top-color: #A6BBD1; border-left-color: #A6BBD1; border-bottom-color: #46627F; border-right-color: #46627F; background-color: #6A8AAB; } .projectLocationBar_PageOptionsDropDown p { margin: 8px; } .projectLocationBar_PageOptionsDropDown a:link { background: #6A8AAB; } .projectLocationBar_PageOptionsDropDown a:visited { background: #6A8AAB; } .projectLocationBar_PageOptionsDropDown a:hover { background: #6A8AAB; } /* Project Menu Links */ .projectMenu { background-color: #E8E8E8; } .projectMenuHover { background-color: #E8E8E8; } .projectMenu td, .projectMenuHover td, .projectMenuContext td, .projectMenuSelected td { font-family: arial; font-size: 11px; padding-left: 14px; padding-right: 2px; color: #333333; } .projectMenu td, .projectMenuHover td, .projectMenuSelected td { height: 29px; } .projectMenuSelected td { font-weight: bold; } .projectMenuContext td { background-color: White; padding-top: 7px; padding-bottom: 7px;} .projectMenuContext td a:link, .projectMenuContext td a:visited, .projectMenuContext td a:hover { color: #666666; } /* Project context menu (views, actions) */ .projectNavigationContextMenu { border-style: solid; border-width: 1px; border-top-color: #FFFFFF; border-left-color: #FFFFFF; border-bottom-color: #B3B3B3; border-right-color: #B3B3B3; background-color: #D9D9DB; } .projectNavigationContextMenu UL LI a:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } .projectNavigationContextMenu UL LI a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } .projectNavigationContextMenu UL LI a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } .projectNavigationContextMenuLabel { font-family: Arial, Helvetica, sans-serif; color: #858E9C; font-weight: bold; font-size: 11px; padding-top: 5px; } /****************************************************************************** * End Project View Styles ******************************************************************************/ /****************************************************************************** * Begin Executive View Styles ******************************************************************************/ .viewWizardHeader { width:100%; height:60px; padding-top:25px; padding-left:10px; white-space:nowrap; font-family: Arial, Sans-Serif; font-size:18px; color:#333333; text-align:left; background:White url(../../../graphics/img_PH_bg.jpg) no-repeat top left;} /* Main cell of tab section Headers */ .formSectionHeader { font-family: arial; font-size: 11px; font-weight: bold; color: white; background-color: #DF9300; } /****************************************************************************** * END Executive View Styles ******************************************************************************/ /****************************************************************************** * Begin Message Control Styles ******************************************************************************/ /* The outer table of the message control */ .MessageTable { width: 100%; background-color: #DDE8E8; border: solid 1px #696969; } /* the message area cell */ .MessageCell { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #2d477b; background-color: #DDE8E8; } /* the message area cell - red font for errors */ .MessageCellErr { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: red; background-color: #DDE8E8; } /****************************************************************************** * END Message Control Styles ******************************************************************************/ /****************************************************************************** * Begin ListOrder control Styles ******************************************************************************/ .ListOrderTitle { font-family: Arial, Helvetica, Sans-Serif; font-size: 10pt; font-weight: bold; } /****************************************************************************** * END List Order control Styles ******************************************************************************/ /****************************************************************************** * Begin FORM ELEMENT STYLES ******************************************************************************/ .FormElementListBox { font: 8pt Arial, Helvetica, Sans-Serif; border: solid 1px #a2a5b6; background: #f2f2f2; border-style: solid; } /****************************************************************************** * END FORM Element Styles ******************************************************************************/ /****************************************************************************** * Begin LIST CONTROL STYLES ******************************************************************************/ .listControlHeader { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; font-weight: bold; color: #2D477B; text-decoration: none; } /****************************************************************************** * END list Control styles ******************************************************************************/ /****************************************************************************** * Begin LIST CONTROL STYLES ******************************************************************************/ .listViewTitleArea { position:relative; border:0px; margin-top:0; margin-left:-20px; width:100%; height:60px; padding-bottom: 10px; } .listViewTitle { padding-top:25px; padding-left:10px; white-space:nowrap; font-family: Arial, Sans-Serif; font-size:18px; color:#333333; text-align:left; background:White url(../../../graphics/img_PH_bg.jpg) no-repeat top left;} .listViewItemCount { padding-top:15px; padding-right:0px; white-space:nowrap; font-family: Arial, Sans-Serif; font-size:12px; font-weight:bold; color: #333333; text-align: right;} .projectlistViewTitleArea { padding-top:11px; padding-left:10px; white-space:nowrap; background:White url(../../../graphics/img_PH_bg.jpg) no-repeat top left;} .projectlistViewTitle { font-family: Arial, Sans-Serif; font-size:16px; color:#333333; text-align:left; white-space:nowrap;} .projectlistViewSubTitle { font-family: Arial, Sans-Serif; font-size:12px; color:#333333; text-align:left; white-space:nowrap;} .applicationViewTitleArea { padding-top:11px; padding-left:10px; white-space:nowrap; background:White url(../../../graphics/img_PH_bg.jpg) no-repeat top left;} .applicationViewTitle { font-family: Arial, Sans-Serif; font-size:16px; color:#333333; text-align:left; white-space:nowrap;} .applicationViewSubtitle { font-family: Arial, Sans-Serif; font-size:12px; color:#333333; text-align:left; white-space:nowrap;} .field-required { font-family: Arial, Sans-Serif; font-size:13px; color:#A03B36} /* red asterisk */ .customViewText { font-family: Arial, Sans-Serif; font-size:12px; font-weight:normal; color:#333333} .customViewGreyedBoldText { font-family: Arial, Sans-Serif; font-size:12px; font-weight:bold; color:#808080} .customViewGreyedText { font-family: Arial, Sans-Serif; font-size:11px; font-weight:normal; color:#808080 } .old_listViewTitle, .applicationlistViewTitle { font-family: Arial, Sans-Serif; font-size:16px; font-weight:bold; color:#333333; text-align:left; white-space:nowrap; } .old_listViewItemCount, .applicationlistViewItemCount { font-family: Arial, Sans-Serif; font-size:12px; font-weight:bold; color: #333333; text-align: right; white-space:nowrap; } .customViewListHeader{ background: url(../../../graphics/listview/ListView_toolbar.gif); } .customViewListHeader td { padding: 0 8px; } .customViewGridHeader{ color: #666666; border: solid 1px #bfbfbf; height: 30px; background: #E9E9CA url(../../../graphics/listview/ListView_below_toolbar_bg.gif) repeat-x scroll 0 0;} .customViewGridHeader td {padding:2px 10px;} .customViewGrid { border-style: hidden;} .gridBodyDiv{border:1px solid #bfbfbf;border-top-style:hidden; width: 99%;overflow:auto;} .gridHeaderDiv{height:auto;border:1px solid #bfbfbf;border-top-style:hidden; width: 99%;overflow:hidden; } .gridBodyScrollable{max-height: 320px;overflow-x:auto;overflow-y:auto;} .gridToolbarDiv {border:1px solid #808080; width: 99%;} .listViewHeader, .listViewHeaderLink, .listViewHeaderLinkHover { background: url(../../../graphics/listview/ListView.gif) -7px 0px repeat-x; padding-left: 5px; padding-right: 5px; font-family: arial,sans-serif; color: black; font-size: 11px; vertical-align: middle; } .listViewHeaderLink, .listViewHeaderLinkHover { cursor: pointer; } .listViewHeaderTopLeft { width:7px; padding-right:7px; background:url(../../../graphics/listview/ListView.gif) left top; } .listViewHeaderTopRight { width:7px; padding-right:7px; background:url(../../../graphics/listview/ListView.gif) right top; } .listViewFooterLeft {width:7px; padding-right:7px;background:url(../../../graphics/listview/ListView.gif) left bottom;} .listViewFooterRight {width:7px; padding-right:7px;background:url(../../../graphics/listview/ListView.gif) right bottom;} .listViewHeaderLinkHover { background:#D6D8DC; } .listViewHeaderLabel { padding-left: 4px; padding-right: 15px; padding-top: 2px; padding-bottom: 3px; font-family: arial,sans-serif; color: black; font-size: 12px; font-weight: bold; } .listViewTextInputs { border: solid 1px #adb8c2; } .listViewDropDownLink, .listViewDropDownLink a { text-decoration: underline; color: Black; } .listViewDetailTable { border-style: none; border-width: 0px; background-color: white; padding: 5 5 5 5; width: 100%; } .listViewHeaderSeparator {width:2px; height:24px; background: url(../../../graphics/listview/lv_sep.gif) no-repeat;} /* Listview Navigation */ .listViewNavFF { display:-moz-inline-box; vertical-align:middle; display:inline-block;} .listViewNavBegin { width:13px; height:11px; background:url(../../../graphics/listview/ListViewNavigation.gif) -105px center no-repeat;} .listViewNavBeginDisabled { width:13px; height:11px; background:url(../../../graphics/listview/ListViewNavigation.gif) -118px center no-repeat;} .listViewNavBeginHover { width:13px; height:11px; background:url(../../../graphics/listview/ListViewNavigation.gif) -131px center no-repeat;} .listViewNavPrevious { width:11px; height:11px; background:url(../../../graphics/listview/ListViewNavigation.gif) 0px center no-repeat;} .listViewNavPreviousDisabled { width:11px; height:11px; background:url(../../../graphics/listview/ListViewNavigation.gif) -11px center no-repeat;} .listViewNavPreviousHover { width:11px; height:11px; background:url(../../../graphics/listview/ListViewNavigation.gif) -22px center no-repeat;} .listViewNavNext { width:11px; height:11px; background:url(../../../graphics/listview/ListViewNavigation.gif) -33px center no-repeat;} .listViewNavNextDisabled { width:11px; height:11px; background:url(../../../graphics/listview/ListViewNavigation.gif) -44px center no-repeat;} .listViewNavNextHover { width:11px; height:11px; background:url(../../../graphics/listview/ListViewNavigation.gif) -55px center no-repeat;} .listViewNavEnd { width:13px; height:11px; background:url(../../../graphics/listview/ListViewNavigation.gif) -66px center no-repeat;} .listViewNavEndDisabled { width:13px; height:11px; background:url(../../../graphics/listview/ListViewNavigation.gif) -79px center no-repeat;} .listViewNavEndHover { width:13px; height:11px; background:url(../../../graphics/listview/ListViewNavigation.gif) -92px center no-repeat;} /* Drop Down Menu styles used by drop downs in PagedGrids */ .listViewDropDownMenu { border-style: solid; border-width: 1px; border-top-color: #E6E8EC; border-left-color: #E6E8EC; border-bottom-color: #959AA3; border-right-color: #959AA3; background-color: #C5C7CD; } .listViewDropDownMenu td a { font-family: Arial,Sans-serif; font-size: 11px; color: #000000; } .listViewDropDownMenu UL LI A,.listViewDropDownMenu UL LI { font-family: Arial,Sans-serif; font-size: 11px; color: #000; } /* Drop Down Menu styles used by the action drop down in PagedGrids */ .actionsDropDownMenu { font:14px Arial;color:#333333; background-color:#FFFFFF; border:1px solid #999999; padding: 0; margin: 0; position: absolute; overflow: visible; box-shadow: 2px 2px 2px silver; -moz-box-shadow: 2px 2px 2px silver; -webkit-box-shadow: 2px 2px 2px silver; } .actionsDropDownMenu LI { font-family: Arial; font-size: 11px; color: #333333; margin-bottom: 6px;} .actionsDropDownMenu LI a { font-family: Arial; font-size: 11px;color:#333333;} .actionsDropDownMenu UL { margin: 0; padding: 15px; padding-bottom: 9px; list-style: none; } /* JQuery Link Select styles */ a.linkselectLink{-khtml-user-select:none;-moz-user-select:none;-moz-user-focus:ignore;-moz-user-input:disabled;} /*a.linkselectLink:hover,a.linkselectLinkFocus{color:#fff!important;background-color:#565770!important;outline:1px solid #565770;}*/ a.linkselectLink:hover,a.linkselectLinkFocus{color:#000000!important;} a.linkselectLinkOpen{outline:0;} span.linkselectDisabled{filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;-khtml-user-select:none;-moz-user-select:none;-moz-user-focus:ignore;-moz-user-input:disabled;} .linkselectContainer{position:absolute;left:0;top:0;display:none;margin-top:-3px;max-width:500px;z-index:50000;} .linkselectContainer .title{background-color:#565770;color:#fff!important;padding-right:20px!important;white-space:nowrap;font-size:11px!important;font-weight:bold!important;line-height:11px!important;} .linkselectContainer .title span{display:block;padding:3px 4px;} .linkselectContainer .scrollable{width:auto;background-color:white;border:1px solid #565770;margin:0;padding:0;font-size:11px;text-align:left;overflow:auto;max-height:216px;clear:both;} .linkselectContainer ul {list-style-type:decimal!important;margin:0;padding:5px;} /*.linkselectContainer ul li.selected{background-color:#cfcfea;}*/ .linkselectContainer ul li.selected{color:#949694;text-decoration:none!important;cursor:default!important;} /* .linkselectContainer ul li.current{background-color:#a3a4bd;color:#fff;} */ .linkselectContainer ul li.current{text-decoration:underline;} .linkselectContainer ul li{display:block;margin:0;padding:2px;font-size:11px;cursor:pointer;-khtml-user-select:none;-moz-user-select:none;-moz-user-focus:ignore;-moz-user-input:disabled;} /****************************************************************************** * End LIST CONTROL STYLES ******************************************************************************/ /****************************************************************************** * Begin Tab Toolbar Styles ******************************************************************************/ TR.tabToolbar { background-image: url(../../../graphics/tabs/MyTabs/subnav_bg.jpg);} .tabToolbarHorizDivider { background-color: #AB3F38; height: 4px; border-bottom: solid 1px #832E29; } .tabToolbarItem {height: 25px; padding: 0px 14px 0px 14px; font-family: Arial, Sans-Serif; font-size: 11px; color: #333333; text-decoration: none;} .tabToolbarItemDisabled {height: 25px; line-height:25px;padding: 0px 14px 0px 14px; font-family: Arial, Sans-Serif; font-size: 11px; color: #999999; text-decoration: none; } .tabToolbarItemHover {height: 25px; padding: 0px 14px 0px 14px; font-family: Arial, Sans-Serif; font-size: 11px; color: #333333; text-decoration: underline; cursor:pointer;} .tabToolbarItem a, .tabToolbarItem a:visited, .tabToolbarItem a:hover { color: #333333; text-decoration: none;} .tabToolbarItemHover a, .tabToolbarItemHover a:visited { color: #333333; text-decoration: none;} .tabToolbarItemHover a:hover { color: #333333; text-decoration: underline;} /* Drop Down Menu styles used by the drop downs in the Tab Toolbar */ .tabToolbarDropDownMenu, .toolbar-ddm { border-top-color: #D37571; border-left-color: #D37571; border-bottom-color: #72211D; border-right-color: #72211D; background-color: #A23B36; width: 200px;} #ddmMoreViews.tabToolbarDropDownMenu, .toolbar-ddm { width: 300px;} /****************************************************************************** * End Tab Toolbar Styles ******************************************************************************/ /****************************************************************************** * Begin Calendar Styles ******************************************************************************/ .dayViewHour { font-family: arial; font-size: 18px; font-weight: bold; padding: 5px; background-color: #e0e0e0; border: solid 1px #ECE9D8; } .dayViewMinutes { background-color: #E0E0E0; font-family: arial; font-size: 12px; color: #000000; padding-left: 4px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; border: solid 1px #ECE9D8; } /****************************************************************************** * End Calendar Styles ******************************************************************************/ /****************************************************************************** * Begin Pane Styles ******************************************************************************/ /* Common Dashboard Pane Styles */ .dashboardBackground { background-color: #fff; } .paneControl { font-family: Arial, helvetica, Sans-Serif; font-size: 8pt; background-color: #fff; border: 0px; } .paneHeaderLink { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; font-weight: normal; color: #fff; margin-left: 1.7em; } .paneHeaderLink a:link { color: #fff; text-decoration: underline; margin-left: 1.7em; } .paneHeaderLink a:visited { color: #fff; text-decoration: underline; margin-left: 1.7em; } .paneHeaderLink a:hover { color: #fff; text-decoration: underline; margin-left: 1.7em; } .paneStatus { font-family: Arial, Helvetica, Sans-Serif; } .dashboard-item {margin-bottom: 10px;} .dashboard-item .dashboard-item-body { border-left: 1px solid #ABABAB; border-right: 1px solid #ABABAB; } .dashboard-item .paneControl .dashboard-settings a:link, .dashboard-item .paneControl .dashboard-settings a:hover, .dashboard-item .paneControl .dashboard-settings a:visited, .dashboard-item .dashboard-item-body .paneStatus a:link, .dashboard-item .dashboard-item-body .paneStatus a:hover, .dashboard-item .dashboard-item-body .paneStatus a:visited, .dashboard-item .dashboard-item-body .pane-button a:link, .dashboard-item .dashboard-item-body .pane-button a:hover, .dashboard-item .dashboard-item-body .pane-button a:visited { font-size: 8pt; color: #999; } .dashboard-item THEAD TR TD TABLE TD { border-bottom: 1px solid #ABABAB; } .dashboard-item .footer { display:inline-block; height:15px; width:100%; background: url(../../../graphics/img_list_background.gif) repeat-x; } .dashboard-item .footer DIV { height:100%; background: url(../../../graphics/img_list_corner_left.gif) center left no-repeat; } .dashboard-item .footer DIV DIV { height:100%; background: url(../../../graphics/img_list_corner_right.gif) center right no-repeat; } .dashboard-item .Subtitle { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#666666; border-bottom: 1px solid #ABABAB; padding: 10px 6px 2px 2px; } .dashboard-item .subheader { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#666666; padding: 8px 15px 6px 15px; background-color:#e0e0e0; } #lblDashboardWelcomeMsg { font-family: Arial; font-size: 14pt; color: #333; } #lblDashboardCompanyName { font-family: Arial; font-size: 12pt; color: #999; } /* Enterprise Dashboard Panes */ .paneTitle_edb { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-weight: bold; background: url(../../../graphics/img_dash_header_bg.jpg) top left; background-repeat: no-repeat; color: #000; text-decoration: none; } .paneTitle_edb a:link { color: #000; text-decoration: underline; } .paneTitle_edb a:visited { color: #000; text-decoration: underline; } .paneTitle_edb a:hover { color: #000; text-decoration: underline; } /* Workspace Dashboard Panes */ .paneTitle_wdb { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-weight: bold; background: url(../../../graphics/img_dash_header_bg.jpg) top left; background-repeat: no-repeat; color: #333333; text-decoration: none; } .paneTitle_wdb a:link { color: #333333; text-decoration: underline; } .paneTitle_wdb a:visited { color: #333333; text-decoration: underline; } .paneTitle_wdb a:hover { color: #333333; text-decoration: underline; } /****************************************************************************** * End Pane Styles ******************************************************************************/ /****************************************************************************** * Begin UserView Styles ******************************************************************************/ .userView_label { font-family:Arial, Helvetica, Sans-Serif; font-size:11px; font-weight:bold; color:#273F6F; } .userView_grid { font-family:Arial, Helvetica, Sans-Serif; font-size:11px; background-color:#C0C4CF; border:1px solid #C0C4CF; width:100%; border-collapse:collapse; } .userView_grid_header { font-family:Arial, Helvetica, Sans-Serif; font-size:11px; font-weight:bold; color:#273F6F; background-color:#C0C4CF; height:25px; padding: 5px, 2px; white-space:nowrap; width:100%; } .userView_grid_subheader { font-family:Arial, Helvetica, Sans-Serif; font-size:11px; color: #70748a; background-color:#e0e0e0; height:20px; white-space:nowrap; } .userView_grid_item { font-family:Arial, Helvetica, Sans-Serif; font-size:11px; background-color:#FFFFFF; border-bottom: 1px solid #C0C4CF; height:25px; } /****************************************************************************** * End UserView Styles ******************************************************************************/ /****************************************************************************** * Begin UserView Styles ******************************************************************************/ .userView_label { font-family:Arial, Helvetica, Sans-Serif; font-size:11px; font-weight:bold; color:#273F6F; } .userView_grid { font-family:Arial, Helvetica, Sans-Serif; font-size:11px; background-color:#C0C4CF; border:1px solid #C0C4CF; width:100%; border-collapse:collapse; } .userView_grid_header { font-family:Arial, Helvetica, Sans-Serif; font-size:11px; font-weight:bold; color:#273F6F; background-color:#C0C4CF; height:25px; padding: 5px, 2px; white-space:nowrap; width:100%; } .userView_grid_subheader { font-family:Arial, Helvetica, Sans-Serif; font-size:11px; color: #70748a; background-color:#e0e0e0; height:20px; white-space:nowrap; } .userView_grid_item { font-family:Arial, Helvetica, Sans-Serif; font-size:11px; background-color:#FFFFFF; border-bottom: 1px solid #C0C4CF; height:25px; } /****************************************************************************** * End UserView Styles ******************************************************************************/ /****************************************************************************** * Begin Global User Selector Styles ******************************************************************************/ .GlobalUserSelector THEAD TR TD { background: #C0C4CF; } .GlobalUserSelector TFOOT TR TD { border-top: 1px solid #C0C4CF; } .GlobalUserSelector TR TD { border-bottom: 1px solid #C0C4CF; } .GlobalUserSelector TABLE { border-collapse: collapse; background: white; border: 1px solid #C0C4CF; } .GlobalUserSelector TABLE { border: 1px solid #eeeeee; } .GlobalUserSelector TABLE THEAD TR { background: #eeeeee; font-weight: bold; } .UserSelector_HeaderTitle { padding-top:25px; padding-left:10px; white-space:nowrap; font-family: Arial, Sans-Serif; font-size:18px; color:#333333; text-align:left; background:White url(../../../graphics/img_PH_bg.jpg) no-repeat top left;} .UserSelector_eProjectName { padding-right: 20px; font-family: arial; font-size: 12px; color: white; font-weight: bold; text-align: right; } .UserSelector_DropDown { border-style:solid;border-width:1px;border-top-color:#E6E8EC;border-left-color:#E6E8EC;border-bottom-color:#959AA3;border-right-color:#959AA3;background-color:#dddddd; text-decoration: none; background-color:#C5C7CD } .UserSelector_DropDown a:link { font-family:Arial, Helvetica, sans-serif;font-size:11px;color:black; text-decoration: none; } .UserSelector_DropDown a:visited { font-family:Arial, Helvetica, sans-serif;font-size:11px;color:black; text-decoration: none;} .UserSelector_DropDown a:hover { font-family:Arial, Helvetica, sans-serif;font-size:11px;color:black; text-decoration: underline; } .UserSelector_listViewTitle { font-family: Arial, Sans-Serif; font-size: 16px; font-weight: bold; color: Black; text-align: left; } .UserSelector_listViewItemCount { font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; color: Black; text-align: right; } .UserSelector_listViewHeaderLink { background-image: url(../../../graphics/tabs/UserSelectorTab/subnav_bg.jpg); padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 6px; font-family: arial,sans-serif; color: black; font-size: 11px; } .UserSelector_listViewHeaderLink { padding-left: 5px; padding-right: 5px; font-family: arial,sans-serif; color: black; font-size: 11px; vertical-align: middle; background-image: url(../../../graphics/tabs/UserSelectorTab/subnav_bg.jpg); } .UserSelector_listViewHeaderLink a:link { background-image: url(../../../graphics/tabs/UserSelectorTab/subnav_bg.jpg); text-decoration:none; padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 6px; font-family: arial,sans-serif; color: black; font-size: 11px; } .UserSelector_listViewHeaderLink a:visited { background-image: url(../../../graphics/tabs/UserSelectorTab/subnav_bg.jpg); text-decoration:none; padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 6px; font-family: arial,sans-serif; color: black; font-size: 11px; } /*.UserSelector_listViewHeaderLink a:hover { background-image: url(../../../graphics/listview/listview_header_bg_over.gif); text-decoration:underline; padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 6px; font-family: arial,sans-serif; color: black; font-size: 11px; }*/ .UserSelector_listViewHeaderLink a:hover { background-image: url(../../../graphics/listview/ListView.gif); text-decoration:underline; padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 6px; font-family: arial,sans-serif; color: black; font-size: 11px; } .UserSelector_listColumnHeader { background-color: #E0E0E0; font-family: arial; font-size: 11px; color: #70748A; padding-left: 4px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; } .UserSelector_listColumnHeader a:link { background-color: #E0E0E0; font-family: arial; font-size: 11px; color: #70748A; padding-left: 4px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; } .UserSelector_listColumnHeader a:visited { background-color: #E0E0E0; font-family: arial; font-size: 11px; color: #70748A; padding-left: 4px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; } .UserSelector_listColumnHeader a:hover { background-color: #E0E0E0; font-family: arial; font-size: 11px; color: #70748A; padding-left: 4px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; } .UserSelector_listRow { font-family: arial; font-size: 11px; padding-left: 4px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; } .UserSelector_listRow a:link { font-family: arial; font-size: 11px; color: #273f6f; padding-left: 4px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; } .UserSelector_listRow a:visited { font-family: arial; font-size: 11px; color: #273f6f; padding-left: 4px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; } .UserSelector_listRow a:hover { font-family: arial; font-size: 11px; color: #273f6f; padding-left: 4px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; } /****************************************************************************** * Begin Global Message Box Styles ******************************************************************************/ div.messageBox {padding:0;margin:0;color:red;} div.messageBox .message-Item{margin:10px 0;} /****************************************************************************** * Begin Global Message Box Styles ******************************************************************************/ .msgbox-text-white { font-family: arial; font-size: 11px; font-weight: bold; color: white!important; text-align: center; } .msgbox-text-white a:link { font-family: arial; font-size: 11px; font-weight: bold; color: white!important; text-decoration: underline; text-align: center; } .msgbox-text-white a:visited { font-family: arial; font-size: 11px; font-weight: bold; color: white!important; text-decoration: underline; text-align: center; } .msgbox-text-white a:hover { font-family: arial; font-size: 11px; font-weight: bold; color: white!important; text-decoration: underline; text-align: center; } .msgbox-text-black { font-family: arial; font-size: 11px; font-weight: bold; color: black; } .msgbox-text-black a:link { font-family: arial; font-size: 11px; font-weight: bold; color: black; text-decoration: underline; text-align: center; } .msgbox-text-black a:visited { font-family: arial; font-size: 11px; font-weight: bold; color: black; text-decoration: underline; text-align: center; } .msgbox-text-black a:hover { font-family: arial; font-size: 11px; font-weight: bold; color: black; text-decoration: underline; text-align: center; } .messageBox .msgbox-cell-info { background-color: #e0e0e0; } .messageBox td.info_topLeft {background:url(../../../graphics/msgBox/MessageBox.gif) 0px 0px no-repeat;height:8px;width:8px;} .messageBox td.info_topRight {background:url(../../../graphics/msgBox/MessageBox.gif) -8px 0px no-repeat;height:8px;width:8px;} .messageBox td.info_bottomLeft {background:url(../../../graphics/msgBox/MessageBox.gif) -16px 0px no-repeat;height:8px;width:8px;} .messageBox td.info_bottomRight {background:url(../../../graphics/msgBox/MessageBox.gif) -24px 0px no-repeat;height:8px;width:8px;} .messageBox .msgbox-cell-positive { background-color: #378c09; } .messageBox td.positive_topLeft {background:url(../../../graphics/msgBox/MessageBox.gif) -32px 0px no-repeat;height:8px;width:8px;} .messageBox td.positive_topRight {background:url(../../../graphics/msgBox/MessageBox.gif) -40px 0px no-repeat;height:8px;width:8px;} .messageBox td.positive_bottomLeft {background:url(../../../graphics/msgBox/MessageBox.gif) -48px 0px no-repeat;height:8px;width:8px;} .messageBox td.positive_bottomRight {background:url(../../../graphics/msgBox/MessageBox.gif) -56px 0px no-repeat;height:8px;width:8px;} .messageBox .msgbox-cell-neutral { background-color: #df9300; } .messageBox td.neutral_topLeft {background:url(../../../graphics/msgBox/MessageBox.gif) -64px 0px no-repeat;height:8px;width:8px;} .messageBox td.neutral_topRight {background:url(../../../graphics/msgBox/MessageBox.gif) -72px 0px no-repeat;height:8px;width:8px;} .messageBox td.neutral_bottomLeft {background:url(../../../graphics/msgBox/MessageBox.gif) -80px 0px no-repeat;height:8px;width:8px;} .messageBox td.neutral_bottomRight {background:url(../../../graphics/msgBox/MessageBox.gif) -88px 0px no-repeat;height:8px;width:8px;} .messageBox .msgbox-cell-negative { background-color: #be2626; } .messageBox td.negative_topLeft {background:url(../../../graphics/msgBox/MessageBox.gif) -96px 0px no-repeat;height:8px;width:8px;} .messageBox td.negative_topRight {background:url(../../../graphics/msgBox/MessageBox.gif) -104px 0px no-repeat;height:8px;width:8px;} .messageBox td.negative_bottomLeft {background:url(../../../graphics/msgBox/MessageBox.gif) -112px 0px no-repeat;height:8px;width:8px;} .messageBox td.negative_bottomRight {background:url(../../../graphics/msgBox/MessageBox.gif) -120px 0px no-repeat;height:8px;width:8px;} /****************************************************************************** * Begin ModalDialog Window ******************************************************************************/ .modalDialog_Container { background-image: url(../../../graphics/inv.gif); background-repeat: repeat; background-position: top left; z-index: 98; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .modalDialog_Content { position: absolute; top: 300; left: 400; border: 1px solid #000; z-index: 99; } .modalDialog_Header { background-color: #333333; height: 20px; font-size: 11px; color: white; text-align: center; } .modalDialog_HeaderDivider { height: 1px; background-color: white; } .modalDialog_ButtonStrip { text-align: center; padding: 0 10px 10px 10px; } .modalDialog_Table { padding: 0; margin: 0; background-color: #DDDDDD; } /****************************************************************************** * Begin Drop Down Menu ******************************************************************************/ .ddmenu_outerContainer { font-weight: bold; font-size: 11px; color: #333333; font-family: arial; } .ddmenu_innerContainer { font-weight: normal; font-size: 11px; color: #333333; font-family: arial; padding: 2px 0px 2px 5px; } .ddmenu_hyperLink { font-weight: normal; font-size: 11px; color: #333333; font-family: arial; } .ddm {font:14px Arial;color:#333333; background-color:#FFFFFF; border:1px solid #999999;padding: 0; margin: -2px 0 0 0; position: absolute; overflow: visible; } .ddm LI { font-family: Arial; font-size: 11px; color: #949694; margin-bottom: 4px; text-decoration:none; display:block;} .ddm LI.Indent {margin-left: 10px !important;cursor:pointer;} .ddm LI.Header { font-weight:bold;text-decoration:none; color: #808080; background: white; width: auto; text-indent: 0px; padding: 0; height: auto;} .ddm LI.hr{margin:0 -15px 0 -10px;} .ddm LI HR {display:block;height:1px;border:0;background-color:#CCC;color:#CCC;} .ddm LI a { font-family: Arial; font-size: 11px; text-decoration:none;color:#333333; overflow:hidden;} .ddm LI a span label {cursor:pointer;} .ddm LI a:hover { font-family: Arial; font-size: 11px; text-decoration:underline;} .ddm LI a[disabled=disabled] { text-decoration:none; opacity:0.5; } .ddm UL { margin: 0; padding: 9px 15px 5px 10px;list-style: none;} .ddm .DropdownSubmenu{padding:0;margin-left:16px;} .ddm_blackDownArrow {margin-left:6px; border:0px; cursor:pointer;vertical-align: middle;} .Default_ActionsTabDropdownMenu {border-style: solid;border-width: 1px; border-top-color: #A6BBD1; border-left-color: #A6BBD1; border-bottom-color: #46627F; border-right-color: #46627F; background-color: #6A8AAB;} .Default_MoreTabDropdownMenu {font-family: Arial; font-size: 11px; text-decoration:none;color:#EEEEEE; background-color:#585858; border:1px solid #999999;padding: 0;margin: 0; position: absolute; overflow: visible; width:180px;} .Default_MoreTabDropdownMenu LI {font-family: Arial; font-size: 11px; color: #EEEEEE; margin-top: 12px; margin-bottom: 4px; text-decoration:none;} .Default_MoreTabDropdownMenu LI A { font-family: Arial; font-size: 11px; text-decoration:none;color:#EEEEEE;} .Default_MoreTabDropdownMenu LI A:hover { text-decoration:underline } .Default_MoreTabDropdownMenu UL {background-color: #585858; color:#EEEEEE; margin: 0; padding: 2px 14px 9px 14px; list-style: none; } /************Tab DropDownMenu styles *************************/ .TabDDM {background-color:#e4eb8b;padding:1px;margin:0;width:200px;} .TabDDM UL { margin: 0; padding: 0;list-style: none;} .TabDDM LI{margin:0;padding:0;} .TabDDM LI a{display:block;padding:6px 15px;} .TabDDM LI a:hover{display:block;background-color:#c0ca45;text-decoration:none;} .SelectedTabDDM {background-color:#ececec;padding:1px;margin:0;width:200px;} .SelectedTabDDM UL { margin: 0; padding: 0;list-style: none;} .SelectedTabDDM LI{margin:0;padding:0;} .SelectedTabDDM LI a{display:block;padding:6px 15px;} .SelectedTabDDM LI a:hover{display:block;background-color:#cccccc;text-decoration:none;} .SeeAllTabDDM {background-color:#585858;padding:0px;margin:0;width:200px;} .SeeAllTabDDM UL { margin: 0; padding: 0;list-style: none;} .SeeAllTabDDM LI{margin:0;padding:1px;background-color:#585858;} .SeeAllTabDDM LI a{display:block;padding:0;color: #EEE;} .SeeAllTabDDM LI a:hover{display:block;background-color:#2d2d2d;text-decoration:none;} .SeeAllTabDDM LI a span{display:block;padding:6px 15px;color: #EEE;} .SeeAllTabDDM LI a span.action-expand{background:url(../../../graphics/tabs/MenuArrowRight.gif) 3px 10px no-repeat;} .SeeAllTabDDM LI a span.action-collapse{background:url(../../../graphics/tabs/MenuArrowDown.gif) 3px 10px no-repeat;} .SeeAllTabSubMenu LI {background-color:#8b8b8b;} .SeeAllTabSubMenu LI a{color:#333;display:block;padding:6px 15px;} .SeeAllTabSubMenu LI a:hover{color:#EEE;display:block;} li.SeeAllTabSubMenuContainer{background-color:#2D2D2D;padding:1px;} .ddm_loading{display:block;height:20px;width:100px;background: url(../../../graphics/loading/loading_16x16.gif) no-repeat center left;} .SeeAllTabSubMenu .ddm_loading{width:198px;background-color:#bbbbbb;} /****************************************************************************** * End Drop Down Menu ******************************************************************************/ /****************************************************************************** * Begin Content Area ******************************************************************************/ /*.mainFooter {visibility:hidden; } .mainFooter { position:absolute; bottom:0; border-top:solid 1px #CCCCCC; font-family:Arial,Sans-Serif; font-size:11px; color:#999999; text-align:center; height:20px; width:100%;} */ .mainFooter { display:block; font-family: 11px Arial,Sans-Serif; text-align: center; color: #666666; width: 100%; clear: both; visibility: visible;} .content-area-body { margin: 0 20px 10px; } .content-area { position: relative; margin:0px; min-height: 100%; height:auto !important; width: 100%; } .content-area-body-wrapper { width: 100%; } .content-area-body a:link { color: #000000; } .content-area-body a:visited { color: #000000; } .content-area-body a:hover { color: #1313a3; } /* Workspace only */ .ws-content-area { position: relative; min-height: 100%; height:100%!important; } .ws-content-area-menu { position: absolute; top: 85px; left: 0px; margin: 0px; width: 180px; overflow: visible; } .ws-content-area-body { margin-left: 190px; padding-top: 0; width: auto!important; width: 100%; } /****************************************************************************** * End Content Area ******************************************************************************/ /****************************************************************************** * Begin Partial Rendering Styles ******************************************************************************/ DIV.updating { font-family:Arial; font-size:24px; font-weight:bold; color:#000000; text-align:center; } TR.updating { background-color:#efefef; color:#b0b0b0; } TR.updating A { color:#b0b0b0; } TR.updating .grid-groupLabel { background-color: #efefef; } /****************************************************************************** * End Partial Rendering Styles ******************************************************************************/ /****************************************************************************** * Begin Admin Section ******************************************************************************/ .admin-container { overflow: hidden; } .admin-wrapper { width: 100%; float: left; margin-left: -200px; } .admin-content { margin-left: 200px; padding: 10px; padding-top: 0; z-index: 100; } .admin-help { width: 175px; float: right; z-index: 50; } .moreinfo-link{padding-left:18px;background: url(../../../Graphics/icons/icon-help.gif) no-repeat left center; text-decoration:underline;cursor: pointer;color:#000;font-size:12px;} .admin-content INPUT, .admin-content TEXTAREA { border: 1px solid #666; overflow:auto;} .panel { background-color: #EBEDE5; padding-bottom: 12px; overflow:hidden;} .panel H2 { background-color: #D5D9C8; font-size: 14px; color : #333; height: 30px; line-height: 30px; text-indent: 20px; padding: 0; border-top: 1px solid #FFF; margin: 0;} .panel H2 A { font: 12px Arial; } .panel H3 { display: inline; text-align: left; margin: 0; margin-right: 5px; padding: 0; padding-bottom: 2px; font: 8pt Arial; font-weight: normal;} .panel LABEL { display: block; text-align: left; margin: 0; padding: 0; padding-bottom: 2px; font: 12px Arial; } .panel UL { padding-left: 20px; list-style:none;margin:0px;} .panel UL LI { display: block; margin: 0; padding-top: 8px; padding-bottom: 8px;padding-left:8px;margin-right:8px; } .panel .invert { } .panel .invert .panel { margin: 10px; } .panel .hover{background-color: #EBEDE5; padding-right: 0px;} .invert { background-color: #fff; } .left { width: auto; margin-right: 50%; overflow:hidden;} .right { width: 49%; float: right; } .panel a {cursor : pointer;text-decoration :underline;} .leftPanel{float:left;width:49%;} .rightPanel{margin-left:50%;width:auto;} .drag-item{padding:2px 0px;text-align:center;border:solid 1px #999999;background-color:#EBEDE5;margin:6px 0px;width:auto;} .draggable-pane ul,.draggable-pane ul li {margin:0px;padding:0px;} .val_highlight {background-color:#FDBD99;}/*FFF7C0*/ .panel .drop_item {padding:4px;margin-top:8px;border:dotted 2px #999999;} .panel .drop_item .right{border-left:dotted 2px #999999;} .panel .drop_item .right,.panel .drop_item .left{width:49%;overflow:hidden;padding-left:0px;} .flushRight { width: auto; float: right; padding-right: 0px; padding-top: 1px; } .single {} /* .admin-control-panel { display:block; text-align: right; margin: 10px auto; width: 500px; } .admin-control-panel SPAN { display: inline; text-align: right; } */ /****************************************************************************** * End Admin Section ******************************************************************************/ /****************************************************************************** * Begin Layout Classes ******************************************************************************/ /* One Solid Column */ .column-container .single_col, .column-container .Fill { /* Expands to fill the content area of the page. Only 95% to compensate for invisible spacers added by the message box. */ width: 99.5%; height: 95%; } /* Three Columns All equal size */ .column-container .three_col_l { padding-right: 5px; width: 33%; vertical-align: top; } .column-container .three_col_m { padding-right: 5px; padding-left: 5px; width: 34%; vertical-align: top; } .column-container .three_col_r { padding-left: 5px; width: 33%; vertical-align: top; } /* Two column layouts, of various sizes */ .column-container .two-col-60 { width: 60%; vertical-align: top; } .column-container .two-col-40 { width: 40%; vertical-align: top; } .column-container .two-col-50 { width: 50%; } .column-container .two-col-r { padding-left: 5px; vertical-align: top; } .column-container .two-col-l { padding-right: 5px; vertical-align: top; } .column-container { width: 100%; border-collapse: collapse; } .fixFloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .two-col-180{margin:auto;text-align:left;width:100%;} .two-col {position:relative;} .two-col-main .two-col {position:static;} .two-col-main {width:100%;} .two-col-180 .two-col-main {float:right;margin-left:-226px;} .two-col-180 .two-col {float:left;width:180px;margin-left:8px;border:solid 1px #999;min-height:250px;padding:5px;} .two-col-180 .two-col-main .two-col {margin-left:216px;margin-right:8px;} .two-col-main .two-col {float:none;width:auto;} /****************************************************************************** * End General Usable Classes ******************************************************************************/ /* ri stands for related item. Really these are styles to convert a span to a list item. And its hover counterpart. */ .ri { display:block; margin:1px; padding:2px 2px; cursor:pointer; } .ri-select { display:block; margin:1px; padding:1px 1px; border:1px solid #80849a; background-color: #dfe1ee; cursor:pointer; } /* WebDav Behavior, not sure why. */ #webdavlink {behavior:url(#default#AnchorClick);} /****************************************************************************** * Begin PardonOurDust styles ******************************************************************************/ .podDiv A:link {color:Blue} .podDiv A:visited {color:Blue} .podDiv A:activ {color:Blue} .podclsButton { BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; MARGIN-LEFT: 10px; MARGIN-RIGHT: 20px; BORDER-RIGHT-WIDTH: 1px } .podDiv body { FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, Sans-Serif } .podDive td { FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, Sans-Serif } .podmainTitle { FONT-WEIGHT: bold; FONT-SIZE: 12pt; WIDTH: 100%; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, Sans-Serif; TEXT-ALIGN: left } .podsubTitle { FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, Sans-Serif } .podtextarea { border:1px solid #ADB8C2;font-family:arial;font-size:11px;} /****************************************************************************** * End PardonOurDust styles ******************************************************************************/ #eProjectDebugIndicator { position: absolute; width: 100px; bottom: 5px; left: 5px; opacity: .50; border: 1px solid silver; background-color: pink; text-align: center; } /****************************************************************************** * Modal window styles ******************************************************************************/ .modalWindow {background-color:#ffffff;position:absolute;z-index:99;list-style-type:none;padding:0 10px 0 10px !important;margin:0 0 0 0 !important; border:solid 1px #333333; } .modalBg {background-color:Gray; z-index:98; position:absolute; top:0; left:0; filter:alpha(opacity=60); opacity:0.6;} .modalWindow li {padding:0px;margin: 0px;} .modalWindow .header { width:100%; height: 40px; padding:11px 0px 15px 0px; text-indent: 60px; background:White url("../../../graphics/img_PH_bg.jpg") no-repeat top left;} .modalWindow .icon { position: absolute; top: 0px; left: 0px; height: 50px; width:70px; background:White url("../../../graphics/icons/items/icon_itemda.jpg") no-repeat top left; float: left;} .modalWindow .footer { width:100%; text-align:right; clear:both; padding: 10px 10px 10px 0px;} .modalWindow .body{ clear:both; overflow: auto; text-align: center; width:100%; } .modalWindow iframe {margin: -5px -2px 0 -10px;} /*notification modal window*/ .notification_header {font-weight:bold;font-size:18px;color:#DD0000;} .modalWindowHeader-DeactivateSolution {text-align:center; font-size:12pt; font-weight:bold; overflow:hidden; height:40px; text-indent:0px; } /****************************************************************************** * Dynamic Application control styles - User Side ******************************************************************************/ .DynamicApplication-Userside {padding: 0 10px;} .DynamicApplication-Userside-Native {width:100%;text-align:right; display: inline;} .DynamicApplication-Userside-Native span {display: block;padding-right:8px;} .FormElement-Userside{padding:8px;} .FormElement-Userside textarea{overflow:auto;} .FormElement-Userside LABEL { display: block; text-align: left; margin: 0; padding: 0; padding-bottom: 2px; font: 12px Arial; } .FormElement-Userside .Label{color: #333333;font-weight:bold;} .FormElement-Userside .Detail, .FormElement-Userside .Detail-Readonly{ min-height:14px;height: auto !important;height:20px;line-height:14px;padding:2px;border:solid 1px #fff;background-color:#fff;} .FormElement-Userside .Detail-Readonly.CalculationError {font-style:italic;color:red;} .FormElement-Userside .Detail-hover{min-height:14px;height: auto !important;height:20px;line-height:14px;padding:2px;border:solid 1px #aac;background: url("../../../Graphics/Icons/pencil_padded.gif") no-repeat top right;} .FormElement-Userside .LongTextDetail{padding-left: 2px 0 2px 5px;*margin-right:-5px;word-wrap:break-word; white-space:pre-wrap;white-space:-moz-pre-wrap;line-height:14px;max-height:140px;min-height:14px;background-color:#fff; width:98%;} .FormElement-Userside .LongTextOverflow{border:solid 1px #aac;} .FormElement-Userside .LongTextEdit{padding: 0 0 0 5px;} .FormElement-Userside .Edit{width:100%;} .FormElement-Userside .DateEdit{margin-right:8px; width: 60%;} .FormElement-Userside .DateEditLong{width: 90%;margin-right:8px;} .FormElement-Userside .UserSelectorEdit{width: 80%;margin-right:8px;} .FormElement-Userside pre{*height:14px;margin:0;padding:2px 0 2px 5px;border:solid 1px #fff;background-color:#fff;font-family:Arial,Helvetica,Sans-Serif;overflow:auto;} .FormElement-Userside .Detail-hover-pre{padding:2px 0 2px 5px;border:solid 1px #aac;background: url("../../../Graphics/Icons/pencil_padded.gif") no-repeat 95% 0%;*background-position:top right;} .FormElement-Userside .systemOption {font-style:italic;} .Picklist-Content label {display:inline;} .Lookup-Header-action{float:right;} .Lookup-Header-action a{color:#000;} .Lookup-Header-action a[disabled=disabled]{color:gray;text-decoration:underline;} .Relation-Content{border:1px solid #AFB4BB;overflow:hidden;width:100%;} .Relation-Content .lookupElements{padding:6px 10px;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix {height: 1%;} .InvalidInput{border : solid 2px #da6e04 !IMPORTANT;} .pane0 {float: left; width: 45%; margin:0px;} .pane1 {float: right; width: 45%; margin:0px;} .paneFull {clear:both; width:99%;} /****************************************************************************** * Create Custom View DA2 ******************************************************************************/ .cv2 .label { font-size: larger; font-weight: bold; margin-right: 1em; color: #5C5C5C } .cv2 .header { font-size: larger; font-weight: bold; color: #5C5C5C } .cv2 .andOrDropDown { margin: 7px 0px 7px 0px; width: 5em; } .cv2 input[type=text] { width: 13em; } .cv2 select { width: 13em; } .cv2 #addAdditionalCriteriaSection { margin-left: 12px; cursor: pointer; } .cv2 .removeSection { margin-left: 1em; vertical-align: middle; } .cv2 .readonlyinput {background-color: #E6E6E6} .italic {font-style:italic} .bold {font-weight:bold} .italicbold {font-style:italic; font-weight:bold} .blankSectionHeaderAbove { height:30px } .createCustomViewSize{margin:0px; width:875px} .plusMarginTop {margin-top:20px;} .imageSectionMargin {width:20px;} .gridHeaderIconWidth {width: 70px;} .topLine {margin-top: 1em; border-top-style: solid; border-top-width: 1px; border-top-color: #E0E0E0;} .blankSpace {height:10px;} .imgRemove {margin-left:1em; cursor:pointer;} .firstCriteria {display: inline !important; padding-left: 10em !important; padding-right: 1em !important;} .secondCriteria {display: inline !important; padding-left: 8.6em !important; padding-right: 1em !important;} .thirdCriteria {display: inline !important; padding-left: 7.3em !important; padding-right: 1em !important;} .fourthCriteria {display: inline !important; padding-left: 6em !important; padding-right: 1em !important;} .fivethCriteria {display: inline !important; padding-left: 4.6em !important; padding-right: 1em !important;} .sortCriteria {display:inline;white-space:nowrap; } .sortCriteriaMargin {display: inline !important; margin-right: 2em !important;} .spaceCriteria {height:5px;} .dateGroupByPane2 {margin-bottom: 0em; margin-top: 1em; margin-left:1.5em;} .dateGroupByPane3 {margin-bottom: 0em; margin-top: 1em; margin-left:3em;} .dateGroupByPane4 {margin-bottom: 0em; margin-top: 1em; margin-left:4.5em;} .dateGroupByPane5 {margin-bottom: 0em; margin-top: 1em; margin-left:6em;} .indentSection2 {text-indent:1.5em;} .indentSection3 {text-indent:3em;} .dateIndent {text-indent:0px;} .displayBlock {display: block;} .paddingTop2 {padding-top:2px;} .marginLeft5 {margin-left:5px;} .marginPadding5 {margin-left:5px; margin-right:5px; padding: 5px;} .displayInline {display: inline !important;} .paddingTop5 {padding-top:5px} .textIndent {text-indent:1.2em;} .marginLeft {margin-left:1.5em;} .textIndent4 {text-indent:4em;} .marginLeft4 {margin-left:4.5em} .textIndent5 {text-indent:5.7em;} .marginLeft6 {margin-left:6em} .cursorPointer {cursor:pointer;} .marginTop4 {margin-top: 4px;} .textIndent6 {text-indent:6em;} .marginTop1 {margin-top: 1em;} .width25 {width:25%;} .spaceBetweenSections {margin-bottom:15px;} .inputCheckbox {padding:0px; margin: 0 5px 0 0;} .spaceSectionTitle {margin-top:8px} .membersTable {text-align:left; width:800px;} .customPermissionsHeader {text-align:left; width:217px;} .membersFirstColumn {width:17px;} .membersSecondColumn {width:200px;} .tableRemoveFilter {height:50px; width:100%;padding-right: 1em;} .ui-datepicker-trigger{cursor:pointer} img.expand { float: left; padding: .2em .5em 0 0; cursor:pointer; } div.addSubSortPanel { padding: 1em 0 0 0em; margin-top: 1em; border-top-style: solid; border-top-width: 1px; border-top-color: #E0E0E0 } div.subSort { display: none;} div.addSubGroupPanel { padding: 1em 0 0 0em; margin-top: 1em; border-top-style: solid; border-top-width: 1px; border-top-color: #E0E0E0 } div.subGroup { display: none;} div.dateGroupByPane { padding-top: .5em; display: none; } div.filterDataSection { border: 1px solid #DADADA; } div.filterDataSection a { margin: 5em 1em 1em 0em; } div.filterDataSection table { margin-top: 1em; } div.filterDataSection label { display: inline; margin-right: 1em; } #pickListDialog {position:absolute; display:none; background-color:#e7e7e7; height:auto; width:auto; } #pickListDialogHeader {text-align:center; color:white; background-color:#333333; height:25px; font-weight:bold; } #pickListDialogBody {text-align:left;} #pickListDialogBody input {margin-right: 10px;} /****************************************************************************** * Record History ******************************************************************************/ .history thead {background-color: #E6E6E6; text-align: left; font-size: .8em; } .history th { padding: .5em .5em .5em .5em; font-weight: normal; } .history td { padding: .5em .5em .5em .5em; font-size: .8em; } .history .bordertop { border-top: solid 1px #D8D8D8; } .history .borderbottom { border-bottom: solid 1px #D8D8D8; } .history .expander { width: 4% } .history .modifiedon { width: 16% } .history .modifiedby { width: 15% } .history .fieldname { width: 15%; vertical-align: top; } td .fieldname { font-weight: bolder; } .history .formervalue { width: 25%; vertical-align: top; } .history .newvalue { width: 25%; vertical-align: top; } /****************************************************************************** * Begin ToolTip styles ******************************************************************************/ .tooltip_main{width: 184px;display: none;position: absolute; z-index:200;} .tooltip_top{height: 7px;width: 184px;background-repeat: no-repeat;background-position: bottom;} .lefttip .tooltip_top{ background-image: url("../../../Graphics/ToolTip/bubble_01.gif");} .righttip .tooltip_top{ background-image: url("../../../Graphics/ToolTip/bubbleright_01.gif");} .tooltip_body{background-repeat: repeat-y;height:20px;min-height:20px;} html>body .tooltip_body{height:auto; min-height:20px;} .lefttip .tooltip_body{ background-image: url("../../../Graphics/ToolTip/bubble_06.gif");} .righttip .tooltip_body{background-image: url("../../../Graphics/ToolTip/bubbleright_06.gif");} .lefttip .tooltip_content{padding: 1px 12px 0px 31px;} .righttip .tooltip_content{padding: 1px 31px 0px 12px;} .tooltip_lead{position: absolute;width: 23px;height: 20px;background-repeat: no-repeat;} .lefttip .tooltip_lead{ background-image: url("../../../Graphics/ToolTip/bubble_02.gif");} .righttip .tooltip_lead {left: 161px;background-image: url("../../../Graphics/ToolTip/bubbleright_04.gif");} .tooltip_bottom{height: 10px;background-repeat: no-repeat;} .lefttip .tooltip_bottom{background-image: url("../../../Graphics/ToolTip/bubble_07.gif");} .righttip .tooltip_bottom{background-image: url("../../../Graphics/ToolTip/bubbleright_07.gif");} /****************************************************************************** * Begin JQuery ToolTip styles ******************************************************************************/ #tooltipCreatedBy { position:absolute; border:1px solid #333; background:#eef2b5; padding:10px 5px; color:#333; display:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } /****************************************************************************** * RoundCornerContainer styles ******************************************************************************/ .roundCornerContainer {margin: 0;min-width:500px;background-color:#fff;} .roundCornerContainer div.upperLeft {float:left;background: url(../../../Graphics/Controls/Common/RoundCornerContainer/spritevertical.gif) 0px 0px no-repeat; width: 17px; height: 16px;margin:0 -3px 0 0;} .roundCornerContainer div.upperRight {float:right;background: url(../../../Graphics/Controls/Common/RoundCornerContainer/spritevertical.gif) 0px -34px no-repeat; width: 17px; height: 16px;margin:0 0 0 -3px;} .roundCornerContainer div.lowerleft {float:left;background: url(../../../Graphics/Controls/Common/RoundCornerContainer/spritevertical.gif) 0px -17px no-repeat; width: 17px; height: 17px;margin:-16px -3px 0 0;} .roundCornerContainer div.lowerRight {float:right;background: url(../../../Graphics/Controls/Common/RoundCornerContainer/spritevertical.gif) 0px -51px no-repeat; width: 17px; height: 17px;margin:-16px 0 0 -3px;} .roundCornerContainer div.upperCenter {border-top:solid 1px #ababab;height:0;line-height:0;font-size:0;} .roundCornerContainer div.lowerCenter {border-top:solid 1px #ababab;height: 0;line-height:0;font-size:0;} .roundCornerContainer div.content {border-left: solid 1px #ababab; border-right: solid 1px #ababab; padding: 20px;} /****************************************************************************** * Styles for the Obsolete Message control that is used in ARE and Custom Reports ******************************************************************************/ .obsoleteMessage { display: inline-block; padding: 0px; font-family: arial, verdana; background: white; color: #333333; cursor: default; border: 1px solid #333333; } .obsoleteMessage .title { height: 26px; padding: 2px; background: url('../../../Graphics/message_warning_bg.gif') repeat-x top left; } .obsoleteMessage .title span { display:inline-block; height:22px; font-size: 11pt; font-weight: bold; white-space: nowrap; vertical-align: middle; padding:4px; padding-bottom:0px; padding-left:2px; } .obsoleteMessage .icon { width:22px; height:22px; background: url('../../../Graphics/message_warning_icon.gif') no-repeat center center; display:inline; float:left; } .obsoleteMessage .message { padding: 10px; padding-left: 20px; font-size: 10pt; } .addMedium { padding-left:12px; background: url(../../../Graphics/icon_add_med.gif) no-repeat left center; text-decoration:none; cursor: pointer; color:#000; } .deleteHover { float: right; background: url(../../../Graphics/application/delete.gif) no-repeat 0px center; width: 11px; height:10px; cursor: pointer; margin: 3px 5px 0 5px; } /* New style buttones */ /* BUTTONS */ input.button, button.button, input.bigbutton, button.bigbutton, input.secondarybutton, button.secondarybutton, input.secondarybigbutton, button.secondarybigbutton { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #333333; outline: 0px; min-width: 60px; background: url(../../../graphics/buttons/buttons_bg_small_primary.png) 0px 0px repeat-x; color: white; padding: 1px 10px 1px 10px; vertical-align: middle; text-align: center; font-family: arial; font-size: 12px; font-weight: bold; margin: 2px; cursor: pointer; overflow:visible; -webkit-transition: -webkit-box-shadow 0.2s; } input.bigbutton, button.bigbutton { padding: 4px 10px 4px 10px; background-image: url(../../../graphics/buttons/buttons_bg_primary.png); } input.secondarybigbutton, button.secondarybigbutton { padding: 4px 10px 4px 10px; background-image: url(../../../graphics/buttons/buttons_bg.png); } input.secondarybutton, button.secondarybutton { background-image: url(../../../graphics/buttons/buttons_bg_small.png); color: #333333; border-color: #a4a4a4; } input.secondarybigbutton, button.secondarybigbutton { padding: 4px 10px 4px 10px; background-image: url(../../../graphics/buttons/buttons_bg.png); color: #333333; border-color: #a4a4a4; } /* hover */ input.button:hover, button.button:hover, input.bigbutton:hover, button.bigbutton:hover, input.secondarybutton:hover, button.secondarybutton:hover, input.secondarybigbutton:hover, button.secondarybigbutton:hover { -moz-box-shadow: 0px 0px 7px gray; -webkit-box-shadow: 0px 0px 7px gray; box-shadow: 0px 0px 7px gray; background-position: 0 -27px; } /* active */ input.button:active, button.button:active, input.bigbutton:active, button.bigbutton:active, input.secondarybutton:active, button.secondarybutton:active, input.secondarybigbutton:active, button.secondarybigbutton:active { background-position: 0 -54px; } /* disabled */ input.button[disabled], button.button[disabled], input.bigbutton[disabled], button.bigbutton[disabled] { background-position: 0 -81px; border-color: #bbbbbb; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input.secondarybutton[disabled], button.secondarybutton[disabled], input.secondarybigbutton[disabled], button.secondarybigbutton[disabled] { border-color: #DCDCDC; color: #bababa; background-position: 0 -81px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* CONTEXT MENU (used by eProject.Widgets.ActionsContextMenu, etc.) */ .context-menu { position: absolute; background: white; border: 1px solid gray; padding: 2px; display: inline-block; min-width: 100px; box-shadow: 2px 2px 2px silver; -moz-box-shadow: 2px 2px 2px silver; -webkit-box-shadow: 2px 2px 2px silver; z-index: 99999; } .context-menu li { margin: 0; padding: 4px 14px 4px 14px; list-style-type: none; list-style-position: outside; cursor: pointer; } .context-menu li:hover { background-color: white; text-decoration: underline; } .context-menu hr { background: silver; border: 0; height: 1px; margin: 0 4px; }