#divHeader { background-color:#2F6DC2 }
#divWT     { background-color: white; font-weight: bold; padding-left: 10px; }

.es_northVal   { float: left; padding-right: 10px; }
.es_northLabel { 
  float: left; 
  font-weight: bold; 
  padding-right: 5px; 
  font-size:15px;
  background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #188AE5), color-stop(100%, #167CCE)) }
.clsActuals > .x-box-inner { height: 45px !important; }

.clsHeaderRow .x-box-inner, .clsHeaderRow3 .x-box-inner { 
  background-image: -moz-linear-gradient(center top , #F9F9F9, #E3E4E6); color: black; 
}

.clsHeaderBudget > div, .clsActuals > div { background-color: black; color: white; font-weight: bold; }
.clsHeaderBudget .x-group-header, .clsHeaderBudget .x-group-sub-header, .clsHeaderTB, 
.clsHeaderTB .x-column-header-inner, .clsCellPB, .clsCellTB, .tdTB { 
  background-color: #00CCFF !important; 
}

.tdTBLight {background-color: #77e4ff !important;}  /* Light Blue */
.clsActuals .x-group-header, .clsActuals .x-group-sub-header, .clsActualColumnHeader .x-column-header-inner, 
.tdAPB, .tdAPB2 { background-color: #33CC33 !important; } /* Green */
.tdAPBLight {background-color: #92e492 !important;} /* Light Green */
.clsTotalsColumnHeader, .tdTot { background-color: #FF9999 !important; } /* Red */
.clsTotalsColumnHeaderLight, .tdTotLight { background-color: #fcc !important; } /* Light Red */
.tdGrandTotal, .clsHeaderPB, .clsHeaderPB .x-column-header-inner, .tdPB { 
  background-color: #FFFF66 !important; /* Yellow */
}  
.tdPBLight { background-color: #FFD !important; }  /* Light Yellow */

/* Various Images */
.clsHLink           { font-weight:bold; color:blue; }
.clsHLink:hover     { background-color: #FF00FF !important; color: black !important; }
.clsHelp            { background-image: url("https://assets.ucr.edu/extjs_images/information.png") !important; height:16px; width:16px; display:block;}
.clsMagGlass        { background-image: url("https://assets.ucr.edu/extjs_images/magnifier.png") !important; height:16px; width:16px;}
.clsAdd             { background-image: url("https://assets.ucr.edu/extjs_images/add.png") !important; }
.clsPdfBtn          { background-image: url("https://assets.ucr.edu/extjs_images/page_white_acrobat.png") !important; }
.clsReportsBtn      { background-image: url("https://assets.ucr.edu/extjs_images/application_view_columns.png") !important; }
.clsRunBtn          { background-image: url("https://assets.ucr.edu/extjs_images/lightning.png") !important; }
.clsProjectionsBtn  { background-image: url("https://assets.ucr.edu/extjs_images/calculator.png") !important; }
.clsExcelBtn        { background-image: url("https://assets.ucr.edu/extjs_images/page_excel.png") !important; }
.clsLogoutBtn       { background-image: url("https://assets.ucr.edu/extjs_images/disconnect.png") !important; }
.clsCommentsBtn     { background-image: url("https://assets.ucr.edu/extjs_images/comment.png") !important; }
.iconEdit           { height:16px; margin-left:3px; width:16px; background: url(https://assets.ucr.edu/extjs_images/edit.png) no-repeat; }
.iconLock           { background-image: url("https://assets.ucr.edu/extjs_images/lock.png") !important; }
.iconUnLock         { background-image: url("https://assets.ucr.edu/extjs_images/lock_open.png") !important; }
/* .iconSum            { background-image: url("https://assets.ucr.edu/extjs_images/money_dollar.png") !important; } */
.iconClear          { background-image: url("https://assets.ucr.edu/extjs_images/cancel.png") !important; }
.groupExpand        { background-image: url("https://assets.ucr.edu/extjs_images/group_expand.png") !important; }
.groupCollapse      { background-image: url("https://assets.ucr.edu/extjs_images/group_collapse.png") !important; }
.mainMenu           { background-image: url("https://assets.ucr.edu/extjs_images/layout.png") !important; }
.clsHeaderRow3, .clsHeaderRow, .clsHeaderRow2  { background-color: #0E4DAD !important;  background-image: none !important; font-weight: bold; }

.clsHeaderRow2, .clsHeaderRow2 .x-column-header-text, 
.clsHeaderRow3 > div > span > div { color: white !important; font-weight:bold }
.clsHeaderRow2 .x-column-header-inner 	 { padding-top: 10px !important; }
.clsHeaderRow2 .x-group-sub-header       { height: 68px !important; }
.clsHeaderBudget2 .x-column-header-inner { margin-top: -5px !important; }
.clsHeaderRow3 > div, .clsFundTypeRow {
  color            : #E2E0E0 !important;
  background-color : #2F6DC2 !important;
  font-weight      :bold;
  background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #188AE5), color-stop(100%, #167CCE)); 
}

.dtlReportFundSection > div {
  color             : #E2E0E0;
  background-color  : #2F6DC2 !important;
  border-style      : solid;
  font-weight       : bold;
}

/* Hide header column trigger */
[id^="grd_summaryRpt_"] div.x-column-header-trigger, 
[id^="grd_detailRpt"] div.x-column-header-trigger
{ display: none }

/* Display header column trigger for headers with class=clmActivity */
[id^="grd_summaryRpt_"] .clmActivity div.x-column-header-trigger, 
[id^="grd_detailRpt"] .clmActivity div.x-column-header-trigger 
{ display: inline !important; }

[class^="td"] > div { text-align: right !important; }

.tdSubTotal > div { background-color: #FF9999 !important; }

.tdPB.tdBlank, .tdTB.tdBlank, .tdAPB.tdBlank, .tdBlank, .rowBlank > td, td.tdCellBlank, .tdTot.tdBlank {
  background: none repeat scroll 0 0 transparent !important;
  border: medium none !important;
}

.tdAlignRight > div     { text-align: right !important; }
.actualsText 		{ padding-top: 10px; }
.x-grid-cell-last > div { padding-right: 25px !important; }
.cboList 	    	{ width: 250px !important; }
.tdCarryForward, .tdCarryForward.tdTB, .tdCarryForward > div { background-color: #77e4ff !important; }
.tdCarryForwardRevenue, .tdCarryForwardRevenue.tdTB, .tdCarryForwardRevenue > div { background-color: #cccccc!important; }

.tdBlankCell            { background-color: #FFF; background: none !important; }
.tdGreyCell             { background-color: #c4c4c4 !important; }
.tdGreyCell > div       { background-color: #c4c4c4 !important; }
.clmActivity            { background-color: #E2E0E0; height: 68px !important; }
.clsActualColumnHeader  { background-color: #33CC33; /* height: 68px !important; */ }
.clsTotalsColumnHeader  { background-color: #FF9999; height: 68px !important; }

.x-mask-no-rows { width: 100%; height: 100%; top: 0px !important; left: 0px !important; z-index:0; }
.x-mask-no-rows div { font-size: 16px; background-image: none; text-align: center; font-weight: bold;
                      color: black; background-color: #E2E0E0; height: 100%;
}

.x-grid[id^="grd_summaryRpt_"] [id^="headercontainer"].x-box-inner { height: 70px !important; }

[id^="grd_summaryRpt_"] .x-column-header { color: #000; }
.x-ie [id^='tabbar'],  .x-ie [id^='tabbar'] em, .x-ie [id^='tabbar'] button, 
.x-ie [id^='tabbar'] span { height: 30px !important; line-height: 30px !important; }
.x-ie [id^='tabpanel'] .x-layout-fit { top: 30px !important; }
.x-ie [id^='tabbar'] button { margin-top: -5px !important; }
.x-ie .x-fieldset-body { padding-top: 10px; }

#grd_detailRpt_ .x-column-header-text { color: black; }
#grd_detailRpt_ .x-group-sub-header .x-column-header-inner { padding-top: 0 !important; }
.clsHeaderProjected > div, .clsHeaderBudget2 > div { margin-top: -3px; }
#divWelcome { width: 100% !important; padding: 5px; }

.clsLabel input { border: none; }
.rowProjection > td { background-color: #F93 !important; }
.x-fieldset-header { color: #0E4B8E; font-weight: bold; }

[id^="grd_summaryRpt_"] .x-panel-header, [id^="grd_detailRpt"] .x-panel-header, [id^="grd_projectionsRpt"] .x-panel-header { 
  background-color: #2F6DC2;
  background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #188AE5), color-stop(100%, #167CCE))
}

/* for columns with id=Descr or id=userComments align cell data to the left */
.x-grid-cell-userComments .x-grid-cell-inner, .x-grid-cell-Descr .x-grid-cell-inner, .sumHeader{ 
  text-align: left !important; 
}  

/* Assign light-gray color to Comments Grid column headers */
.hdrComments { background-color: #E2E0E0; }

/* Hide header trigger for edit icon in Comments Grid */
#editID-triggerEl { display: none; } 
.x-boundlist-item-over { background-color: lightYellow; color: black; }

/* Gray out start month */
.clsCBOReadOnly .x-form-text { background-color: lightGrey; }

/* Used to create page breaks for PDF export file */
 P.breakhere { page-break-before: always }
/* hr { page-break-after: always; border: 0; color: white; background-color: white; height: 1px; }*/

.cellSelected {
  background-color: lightgray; color: black; font-weight: bold; border: dotted; border-width: 2px; border-top: dotted;
}

#txtSum-inputEl { text-align: right; background-color: lightYellow; }
.clsIcon { cursor: pointer; }
element.style { width: 100%; }

.monthsFieldBodyCls td, .sumDescHeader { text-align: center; font-weight: bold; }
.tdAPB .x-form-text, .tdAPB2 .x-form-text, .tdAPLight .x-form-text, .tdAPBLight input, .sysAmounts input {
  text-align: right;
  padding-right: 10px;
  font-weight: normal;
}
.tdAPB .x-form-text { background-color: #fff !important; }

#divHelp       { position: absolute; left: 10px; width: 720px; overflow:auto; }
#divWelcome    { font-family: tahoma,arial,helvetica; font-size: 11px; }
.spotlight     { background-color: #F5F4FB; padding-bottom: 12px; padding-top: 10px; }
.spotlight > * { padding: 0 12px; }
.spotlight ol  { padding-left: 35px; padding-top: 5px; }
.spotlight li  { list-style-image: url("https://assets.ucr.edu/app_resources/piwrs/images/li_image.png"); text-align: left; }
.lnk, .treeNode .x-grid-cell-inner{ font-weight: bold; font-size: 14px; color: #15428B; cursor: pointer; }
.treeNode .x-grid-cell-inner{ margin-left: 10px; padding-top: 5px; padding-bottom: 5px; }
.treeNode .x-grid-cell-inner img { display: none; }
.bbar { color: black; margin-left: -150px; }

.welcomeHeader {
  font-size: 20px; font-weight: bold; color: white; padding: 5px; border-color: #a8b0b8;
  border-width: 0; border-style: solid; border-width: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #188ae5), color-stop(100%, #167cce));
  background-image: -webkit-linear-gradient(top, #188ae5, #167cce 100%);
  background-image: -moz-linear-gradient(top, #188ae5, #167cce 100%);
  background-image: -o-linear-gradient(top, #188ae5, #167cce 100%);
  background-image: -ms-linear-gradient(top, #188ae5, #167cce 100%);
  background-image: linear-gradient(top, #188ae5, #167cce 100%);
}   

.x-column-header { font-size: 11px; }

.cellEditable	{ background: #FFFFCC !important;}
.cellLocked	{ background-color: transparent;}
.cellDisabled	{ background: #B5B8C8 !important; border-color: black !important; color: black !important}
.clsFieldset    {  border-color: #B5B8C8; border-style: ridge solid !important; border-width: 1px; }
.cls-basereport { background:transparent url(../../../../extjs_themes/images/default/panel/white-top-bottom.gif) repeat-x scroll 0 -1px; margin:5px; }
.clsCheckMark	{ height:16px; width:16px; background: url(../../../../extjs_images/tick.png) no-repeat; } 
.clsRetro	{ font-weight:bold !important; font-style:italic !important; }
.clsHLink 	{ font-weight:bold; color:blue; }
.cls_Hyperlink 	{ font-weight:bold; color:blue; text-decoration:underline; cursor: pointer; }
.clsCrumbs 	{ color: blue; background-image: url(../../../../app_resources/piwrs/images/crumb.png); background-repeat: no-repeat; background-position: right; }
.clsSalAdjMsg   { font-size: 11px; color:red; }
.clsSalAdjRev   { font-size: 11px; color:black; border: none; text-align: justify; }
.clsLabel input, .clsNoBorder { border: none; }
.clsCBOReadOnly .x-form-text { background-color: lightGrey; }
.report-header1 { padding-left: 20px; }
.li_certified   { color:green; }
.period_open    { height:16px; width:16px; background: url(../../../../app_resources/piwrs/images/lock_open.png) no-repeat; }
.period_closing { height:16px; width:16px; background: url(../../../../app_resources/piwrs/images/lock_edit.png) no-repeat; }
.period_closed  { height:16px; width:16px; background: url(../../../../app_resources/piwrs/images/lock.png) no-repeat; }
.fully_cert	{ height:16px; margin-right:4px; width:16px; background: url(../../../../app_resources/piwrs/images/tag_green.png) no-repeat; }
.partially_cert { height:16px; margin-right:4px; width:16px; background: url(../../../../app_resources/piwrs/images/tag_orange.png) no-repeat; }
.requires_cert  { height:16px; margin-right:4px; width:16px; background: url(../../../../app_resources/piwrs/images/tag_red.png) no-repeat; }
.certified	{ height:16px; margin-right:4px; width:16px; background: url(../../../../app_resources/piwrs/images/check.gif) no-repeat; }
.icon_lookup	{ height:16px; text-align:right; width:16px; background: url(../../../../app_resources/piwrs/images/magnifier.png) no-repeat; }
.reorder_rows 	{ height:16px; margin-left:3px; width:16px; background: url(../../../../app_resources/piwrs/images/arrow_refresh_cw90.png) no-repeat; }
.zero_bal 	{ height:16px; margin-left:3px; width:16px; background: url(../../../../app_resources/piwrs/images/zero_bal.png) no-repeat; }
.expired_fund 	{ height:16px; margin-left:3px; width:16px; background: url(../../../../app_resources/piwrs/images/expired.png) no-repeat;}
.expiring_fund 	{ height:16px; margin-left:3px; width:16px; background: url(../../../../app_resources/piwrs/images/deficit.png) no-repeat; }
.ok_fund 	{ height:16px; margin-left:3px; width:16px; background: url(../../../../app_resources/piwrs/images/no_deficit.png) no-repeat; }
.num_comments 	{ height:16px; margin-left:3px; width:16px; background: url(../../../../extjs_images/comments.png) no-repeat; }
.shared_fund 	{ height:16px; margin-left:3px; width:16px; background: url(../../../../app_resources/piwrs/images/shared.png) no-repeat; }

/*.x-column-header-inner { padding-left: 2px; }*/
.summary-header { background-color: #dfeaf2; font-size: 12px; }

.x-tip-default { background-color: lightgoldenrodyellow; color: black; }
#tabSummary .x-column-header-trigger, #tabCollab .x-column-header-trigger { display: none !important; }
.x-menu-item-indent { margin-left: 7px !important; left: 0px !important; }

#tbarSummary .x-btn-default-toolbar-small { top: 0px !important; }
#tbarSummary .x-btn-button { height: 19px !important; }
#tbarSummary .x-btn-inner { padding-top: 0px !important; }
#rptPayrollOverview { margin-left: -15px !important; }

.menu-title{ 
  background: #ebeadb url(../../../../extjs_themes/images/default/grid/grid-hrow.gif) repeat-x;
  border-bottom: 1px solid #99bbe8; color: #15428b; font: bold 10px tahoma,arial,verdana,sans-serif;
  display: block;  padding: 3px 3px 3px 10px;
}
#tabWelcome-body { overflow: hidden !important; }

.reviewMsgBox { height: 415px; font-size:12px; font-family:tahoma,arial,verdana,sans-serif; overflow: auto; }
div.reviewMsgBox ul { list-style-type: disc; line-height: 2em; margin-left: 20px; text-align: justify; }
div.reviewMsgBox li { font-size:12px; padding-right: 15px; }
.reviewPSection { padding-left: 20px; margin-top: -13px; }
#winAlias .x-fieldset-header-text { font-size: 14px; font-weight: bold; }
.clsAlias { color: red; font-weight: bold; }

.search-item { font:normal 11px tahoma, arial, helvetica, sans-serif; color:#555;
                padding:3px 5px 3px 5px; border:1px solid #fff;
                border-bottom:1px solid #eeeeee; white-space:normal; }
.search-item h3 { display:block; font:inherit; font-weight:bold; color:#222; }

.x-grid-cell-inner { font-size: 11px; }
.x-grid-row-summary .x-grid-cell-inner { font-weight: bold; }
.cfBBarMsg { color: black; font-weight: bold; background-color: lightyellow; }
[id^=gv_cf_] .x-column-header-inner { text-align: center; }
#tdAnnComments { background-color: #dfeaf2; }
.x-docked-bottom, .x-docked-noborder-top, .x-noborder-t { border-top-width: 2px !important; }

.x-btn-default-toolbar-small-icon-text-left .x-btn-inner { line-height: 16px; padding-left: 20px; }