This is a migrated thread and some comments may be shown as answers.

RadGrid - hide cell texts on column width resize.

2 Answers 422 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Sam Phen asked on 31 Aug 2015, 02:12 PM

grid_resize.jpg

Hello,

Requirement : User should be allowed to resize the column width manually(similar to how Excel columns can be adjusted by dragging the line between the columns to the left or right)

What I have implemented : I am using the "Resizing" property on the client side(attached Grid.ascx) and is working as expected.

Issue : After using "Resizing" I am able to resize the column. But, once I reduce the size of the width, the cell contents doesn't get hidden as per the width size. Please see the attached screenshot for better clarity.

As per my analysis, in the code behind ItemDataBound event, I am assigning css class dynamically which is causing this issue. Please see the Grid.ascx.vb in the attached rar file.

Please let me know if you need anything else.

Thanks,

Sam

2 Answers, 1 is accepted

answered on 31 Aug 2015, 05:06 PM

I am unable to attach the zip file. So pasting the code below:

Grid.ascx:

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="ucEscrowRecsGrid.ascx.vb" Inherits="EagleStatusWeb.ucEscrowRecsGrid" TargetSchema="http://schemas.microsoft.com/intellisense/ie5" %>

<%@ Register TagPrefix="cc1" Namespace="BC.Web.Controls" Assembly="BC.Web.Controls" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<telerik:RadPersistenceManager runat="server" ID="RadPersistenceManager1">

<PersistenceSettings>

<telerik:PersistenceSetting ControlID="dgEscrow" />

</PersistenceSettings>

</telerik:RadPersistenceManager>

<asp:Literal ID="ltlCSS" runat="server"></asp:Literal>

<table border="0" class="autoGrid" id="tblTopGridBlock" runat="server" style="width:900px;">

<tr>

<td>

<h3><asp:Label ID="lblTract" runat="server" />

<asp:Label ID="lblOpenBracket" runat="server" text="[" Visible="false" />

<asp:Label ID="lblEscOfficer" runat="server" Visible="false" />

<asp:Label ID="lblTitOfficer" runat="server" Visible="false" />

<asp:Label ID="lblDREConsult" runat="server" Visible="false" />

<asp:Label ID="lblCloseBracket" runat="server" text="]" Visible="false" />

</h3>

<h5><asp:Label ID="lblCounty" runat="server" /></h5><br />

</td>

<td align="right">

<table border="0">

<tr>

<td>

<table class="buttonBlock" id="tblSaveGridState" runat="server">

<tr>

<td class="buttonGrayLeft"> </td>

<td class="buttonGrayBlock">

<input id="btnSaveGridState" name="btnSaveGridSate" value="Save State" type="button" runat="server" class="buttonGray" />

<%--<asp:Button ID="btnSaveGridSate" runat="server" Text="Save State" OnClick="btnSaveGridSate_Click" />--%>

</td>

<td class="buttonGrayRight"> </td>

</tr>

</table>

</td>

<td width="2"> </td>

<td>

<table class="buttonBlock" id="tblBtnAddRec" runat="server">

<tr>

<td class="buttonGrayLeft"> </td>

<td class="buttonGrayBlock">

<input id="btnAddRec" name="btnAddRec" value="Add File" type="button" runat="server" class="buttonGray" title="Add new File to this Community" />

</td>

<td class="buttonGrayRight"> </td>

</tr>

</table>

</td>

<td width="2"> </td>

<td>

<table class="buttonBlock" id="tblBtnHideUnhide" runat="server">

<tr>

<td class="buttonGrayLeft"> </td>

<td class="buttonGrayBlock">

<input id="btnHideUnhide" name="btnHideUnhide" value="Hide/UnHide" type="button" runat="server" class="buttonGray" title="Hide/Unhide Columns for this Community" />

</td>

<td class="buttonGrayRight"> </td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

<p>

<span class="labelMessage"><asp:Literal ID="ltlGridStatus" runat="server"></asp:Literal></span>

</p>

<telerik:RadGrid ID="dgEscrow" runat="server" GridLines="None" EnableEmbeddedSkins="false" AutoGenerateColumns="false" ShowFooter="true" CssClass="esGridTable">

<HeaderStyle Font-Bold="true" HorizontalAlign="Center" />

<ClientSettings>

<ClientEvents OnGridCreated="setScrollerDimensionsEscrow" />

<Scrolling AllowScroll="true" SaveScrollPosition="true" />

<Resizing ClipCellContentOnResize="false" AllowColumnResize="True" EnableRealTimeResize="false" ResizeGridOnColumnResize="true" AllowResizeToFit="true"></Resizing>

</ClientSettings>

</telerik:RadGrid>

<p>

<table border="0" class="autoGrid" id="tblBottomGridBlock" runat="server" style="width:900px;">

<tr>

<td>

<h5><asp:Label ID="lblRecCount" runat="server"></asp:Label></h5>

</td>

<td width="50">

<a id="lnkGoTop" runat="server" class="lnkGoTop" title="Go to Top of the page"> </a>

</td>

</tr>

</table>

</p>

<div class="hr">

<img alt="" src="Images/spacer.gif" />

</div>

<br />

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

Sys.Application.add_load(pageLoad);

function pageLoad() {

debugger;

//alert('I am hit');

var grid = $find("<%= dgEscrow.ClientID %>");

var columns = grid.get_masterTableView().get_columns();

for (var i = 0; i < columns.length-1 ; i++) {

columns[i].resizeToFit();

}

//add up the column width

//get the grid width

//if grid width is greater than sum of the column width - don't use resizeToFit()

}

</script>

</telerik:RadCodeBlock>

Grid.ascx.vb:

Imports System.Drawing

Imports System.Configuration.ConfigurationSettings

Imports System.Data.SqlClient

Imports EagleStatusWeb.SqlHelper

Imports BC.Web.Controls

Imports EagleStatusWeb.Converter

Imports BC.Web.Util.HttpUtil

Imports BC.Web.Security.BCUser

Imports EagleStatusWeb.ESGlobals

Imports EagleStatusWeb.AppUtil

Imports Microsoft.Security.Application.AntiXSSLibrary

Imports Telerik.Web.UI

Partial Class ucEscrowRecsGrid

Inherits System.Web.UI.UserControl

#Region " Web Form Designer Generated Code "

'This call is required by the Web Form Designer.

<System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent()

End Sub

'NOTE: The following placeholder declaration is required by the Web Form Designer.

'Do not delete or move it.

Private designerPlaceholderDeclaration As System.Object

Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init

'CODEGEN: This method call is required by the Web Form Designer

'Do not modify it using the code editor.

'TFS# 97331

If Not Convert.ToInt16(CurrentUserSettings.EscrowFilesDisplay).Equals(0) Then

dgEscrow.ViewStateMode = ViewStateMode.Disabled

End If

InitializeComponent()

'TFS 96774

FlagSet = Convert.ToInt16(CurrentUserSettings.EscrowGridHeader)

If (FlagSet.Equals(1)) Then

dgEscrow.ClientSettings.Scrolling.UseStaticHeaders = True

' dgEscrow.ClientSettings.Scrolling.FrozenColumnsCount = 3

End If

End Sub

#End Region

#Region " Private Constants "

'Column Indexes

Private Const m_iEscGidCol As Integer = 0

'First column in DataTable (not DataGrid) to contain a dynamic field.

'TFS 90866

Private m_iDataTableFirstCustomCol As Integer = 20

'TODO Setting column width not working consistently?

Private Const m_iMinColWidth As Integer = 45

#End Region

#Region " Member Variables "

Private m_iNotesCol As Integer = 0 'Holds notes column index.

Protected m_bPrintMode As Boolean = False 'Protected so can be called in asp code.

Private m_bShowNotes As Boolean = False

Private dgDynamicPrintingCol As RadGrid

Private strRowToolTip As String

Dim m_iRowCounter As Integer

#End Region

#Region " Public Properties "

Public Property TractGID() As Guid

Get

Return ParseToGuid(ViewState("TractGID"))

End Get

Set(ByVal Value As Guid)

ViewState("TractGID") = Value

End Set

End Property

'TFS 96774

Protected usrPreference As Int32

Public Property FlagSet As Int32

Get

Return usrPreference

End Get

Set(value As Int32)

usrPreference = value

End Set

End Property

#End Region

#Region " Private Events "

Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load

'Do nothing - gets called after BindDG when calling from seperate control.

'TFS# 97331

If (m_iRowCounter > 0) Then

lblRecCount.Text = "File Count: " & m_iRowCounter.ToString

End If

If ParseToBool(Session("NoRecords")) = True Then

lblRecCount.Text = ""

End If

m_iRowCounter = 0

dgEscrow.ClientSettings.Scrolling.AllowScroll = Convert.ToBoolean(CurrentUserSettings.EscrowGridScrolling) 'TFS #84058

End Sub

Private Sub dgEscrow_ItemDataBound(ByVal sender As System.Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles dgEscrow.ItemDataBound

dgEscrow.Columns(0).FooterText = "Totals: "

If (e.Item.ItemType = Telerik.Web.UI.GridItemType.Item) OrElse (e.Item.ItemType = Telerik.Web.UI.GridItemType.AlternatingItem) Then

Dim drv As DataRowView = DirectCast(e.Item.DataItem, DataRowView)

'TFS 94423

'Set Tooltip to grid row.

Dim strFileDetail As String = "File #: " & (DirectCast(DirectCast((drv("File #_String")), Object), FieldValueMini).Value).ToString()

Try

'TFS 94423

Dim xVal As FieldValueMini = DirectCast(DirectCast((drv("Buyer Name_String")), Object), FieldValueMini)

If xVal.Value.ToString().Equals("") Then

strFileDetail = strFileDetail & ", " & vbCrLf & "Buyer Name: NIL"

Else

strFileDetail = strFileDetail & ", " & vbCrLf & "Buyer Name: " & (xVal.ToolTip).ToString()

End If

Catch

End Try

''e.Item.ToolTip = strRowToolTip & strFileDetail.Replace("'", "\'").Replace("&", "&").Replace("<", "<").Replace(">", ">")

'Color cell gray for Status = "Closed". PD 5/3/07

Dim sStatus As String = DirectCast(DirectCast(DirectCast((drv("Status_String")), Object), FieldValueMini).Value, String)

If (sStatus.Equals("Closed")) Then

e.Item.CssClass = "esGridRowClosed"

ElseIf (sStatus.Equals("Cancelled")) Then

e.Item.CssClass = "esGridRowCancelled"

Else

e.Item.CssClass = "esGridRow"

End If

If Not m_bPrintMode Then

Dim sNavUrl As String = ContentUcLink("ucEscrowEdit", "&tractGID=" & ParseToGuidStr(drv("CommunityGID")) & "&gid=" & ParseToGuidStr(drv("EscrowGID")))

'Add click functionality for each row.

e.Item.Attributes("onclick") = "window.location='" & sNavUrl & "'"

End If

m_iRowCounter += 1

For i = 0 To e.Item.Cells.Count - 1

e.Item.Cells(i).ToolTip = strRowToolTip & strFileDetail.Replace("'", "\'").Replace("&", "&").Replace("<", "<").Replace(">", ">")

Dim ColHeader() As String = DirectCast(e.Item.Cells(i), Telerik.Web.UI.GridTableCell).CellIndexHierarchical.Split("&")

If ColHeader(1).ToString().Equals("Buyer Name_String") Then

Dim xVal As FieldValueMini = DirectCast(DirectCast((drv("Buyer Name_String")), Object), FieldValueMini)

If xVal.Value.Length > 20 Then

e.Item.Cells(i).ToolTip = ""

'e.Item().ToolTip = ""

'Else

' e.Item.Cells(i).ToolTip = "Buyer Name: " & xVal.ToolTip

End If

If ColHeader(1).ToString().Equals("Lender Name_String") Then

Dim xVal As FieldValueMini = DirectCast(DirectCast((drv("Lender Name_String")), Object), FieldValueMini)

'e.Item.Cells(i).ToolTip = "Lender Name: " & xVal.ToolTip

If xVal.Value.Length > 20 Then

e.Item.Cells(i).ToolTip = ""

End If

Next

ElseIf (e.Item.ItemType = Telerik.Web.UI.GridItemType.Footer) Then

e.Item.CssClass = "esGridFooter"

'When we get to footer process final items, Set rec count label.

If (m_iRowCounter > 0) Then

lblRecCount.Text = "File Count: " & m_iRowCounter.ToString

'CR # 30 - Hbabu 07/29/09

'TFS 108190: Reverting to old code to improve performance

Session("TotalCount") = (Convert.ToInt32(Session("TotalCount")) + m_iRowCounter)

End If

ElseIf (e.Item.ItemType = Telerik.Web.UI.GridItemType.Header) Then

e.Item.CssClass = "esGridHeader"

End If

End Sub

#End Region

#Region " Public Methods "

'This gets called before page load since we're calling it from a seperate control.

Public Sub BindDG(Optional ByVal isPrintPage As Boolean = False)

m_bPrintMode = Convert.ToBoolean(Request.QueryString("print"))

'Don't show this control if no records

If TractGID.Equals(Guid.Empty) Then

Me.Visible = False

Else

If Session("SelectedCommunitiy") Is Nothing Then

lblTract.Text = "Community: " & Tract.GetTractNum(TractGID)

Else

lblTract.Text = "Community: " & Session("SelectedCommunitiy").ToString()

End If

lblTract.Attributes.Add("title", "Builder: " & Server.HtmlEncode(Session("BuilderName").ToString()).Replace("'", "\'").Replace("&", "&").Replace("<", "<").Replace(">", ">"))

lnkGoTop.Attributes("href") = Request.RawUrl & "#absTop" 'TFS #75777

'Added by Bhagyesh for Excel Export

Session("communityName") = lblTract.Text.Replace("Community: ", "")

'Shows All UserTitles and County Details

ShowUserTitles()

Dim edt As New EscrowDataTable(TractGID)

Dim dt As DataTable = edt.GetDataTable

Dim dv As DataView = dt.DefaultView

If (dv.Count = 0) Then

'TFS# 97331

Session("NoRecords") = True

If (Convert.ToBoolean(Session("DiableExcel"))) Then

Session("DiableExcel") = True

Else

Session("DiableExcel") = False

End If

dgEscrow.Visible = False

btnHideUnhide.Disabled = True

btnHideUnhide.Attributes("class") = "buttonGrayDisabled"

dgEscrow.Visible = False

Dim strDBMessage As String = edt.CommunityfeildCheck(TractGID)

If (strDBMessage.Equals("")) Then

ltlGridStatus.Text = "No Files resulted for the search!"

Else

ltlGridStatus.Text = strDBMessage

End If

Else

'Sometimes this function gets run through twice after a sort. Make sure we're not duplicating columns.

Session("NoRecords") = False

Static bDynamicColumnsAdded As Boolean = False

If (Not bDynamicColumnsAdded) Then

AddDynamicColumns(dt)

bDynamicColumnsAdded = True

End If

With dgEscrow

.CellSpacing = 0

.ItemStyle.CssClass = "esGridRow"

.AlternatingItemStyle.CssClass = "esGridRow"

If m_bPrintMode Then

.BorderWidth = Unit.Pixel(1)

.BorderColor = Color.FromName("#999999")

btnAddRec.Visible = False

btnHideUnhide.Visible = False

tblBtnAddRec.Visible = False

tblBtnHideUnhide.Visible = False

lnkGoTop.Visible = False

dgEscrow.Visible = True

Else

.BorderWidth = Unit.Pixel(0)

End If

End With

'Code Added By Bhagyesh - Sort

'Get sort from session.

Dim sOrderBy As String = CurrentUserSettings.SortOrderExpression.Split(":")(0)

If (String.IsNullOrWhiteSpace(sOrderBy)) Then 'TFS #84058

sOrderBy = "escEscrowNum" 'Default sort

End If

'TFS# 90866

If sOrderBy.Equals("RecentUpdates") Then

sOrderBy = sOrderBy + " DESC"

End If

dv.Sort = sOrderBy

dgEscrow.DataSource = dv

dgEscrow.DataBind()

End If

btnAddRec.Attributes.Add("onclick", "gotoURL('Main.aspx?uc=ucEscrowEdit&new=true&tractGID=" & TractGID.ToString & "', false);")

btnAddRec.Visible = IsInRole("EscrowModify") AndAlso (Not m_bPrintMode)

tblBtnAddRec.Visible = btnAddRec.Visible

btnHideUnhide.Attributes.Add("onclick", "hideUnhidePopup('" & TractGID.ToString & "');")

btnHideUnhide.Visible = (Not m_bPrintMode)

tblBtnHideUnhide.Visible = btnHideUnhide.Visible

If (btnHideUnhide.Visible = False) Then

lnkGoTop.Visible = False

dgEscrow.Visible = True

End If

End Sub

#End Region

#Region " Private Methods "

'Add formatted columns for each dynamic column in the datatable.

Private Sub AddDynamicColumns(ByVal dt As DataTable)

'Skip to dynamic columns.

Dim InvisibleCount As Integer = 0

For Each col As DataColumn In dt.Columns

If (col.Ordinal >= m_iDataTableFirstCustomCol) Then

'LOAD extended properties to use in custom datagrid columns & set initially in EscrowDataTable.GetDataTable method.

Dim sDataType As String = Convert.ToString(col.ExtendedProperties("CustomDataType"))

Dim iFCN As Integer = Integer.Parse(col.ExtendedProperties("FCN"))

Dim bExtView As Boolean = Convert.ToBoolean(col.ExtendedProperties("ExtView"))

Dim Hide As Boolean = Convert.ToBoolean(col.ExtendedProperties("IsHidden"))

Dim strHeader As String = Convert.ToString(col.ExtendedProperties("ColHeader"))

'Create new custom bound column.

Dim boundCol As New fascBoundColumn

With boundCol

.DataType = sDataType

.FCN = iFCN

.PrintMode = m_bPrintMode

.DataField = col.ColumnName

.HeaderText = strHeader

If (Hide = True) Then

.Visible = False

End If

'Format alignment according to data type.

Select Case sDataType

Case "String"

.ItemStyle.HorizontalAlign = HorizontalAlign.Left

Case "Date", "DateAndTime", "Boolean"

.ItemStyle.HorizontalAlign = HorizontalAlign.Center

Case "Money", "Integer"

.ItemStyle.HorizontalAlign = HorizontalAlign.Right

.FooterStyle.HorizontalAlign = HorizontalAlign.Right

End Select

End With

'Don't show column to external users if marked.

If (Not IsInRole("EscrowModify")) AndAlso (bExtView = False) Then

boundCol.Visible = False

End If

dgEscrow.Columns.Add(boundCol)

If boundCol.Visible = False Then

InvisibleCount = InvisibleCount + 1

End If

Next

If dgEscrow.Columns.Count = InvisibleCount Then

If (Convert.ToBoolean(Session("DiableExcel"))) Then

Session("DiableExcel") = True

End If

ltlGridStatus.Text = "All columns are Hidden for this community!"

dgEscrow.Visible = False

Else

Session("DiableExcel") = False

End If

End Sub

Private Sub AddRightSideColumns()

Dim colCloseDate As New BoundField

With colCloseDate

.DataField = "CloseDate"

.HeaderText = "Close Date"

.ItemStyle.Wrap = False

.ItemStyle.HorizontalAlign = HorizontalAlign.Center

End With

dgEscrow.Columns.Add(colCloseDate)

Dim colStatus As New BoundField

With colStatus

.DataField = "Status"

.HeaderText = "Status"

.ItemStyle.Wrap = False

.ItemStyle.HorizontalAlign = HorizontalAlign.Center

End With

dgEscrow.Columns.Add(colStatus)

Dim colNotes As New TemplateField

With colNotes

.ItemTemplate = LoadTemplate("~/MiscUCs/ucNotesDataGridColumn.ascx")

.HeaderText = "Notes"

.HeaderStyle.VerticalAlign = VerticalAlign.Bottom

End With

dgEscrow.Columns.Add(colNotes)

'Set notes column index now after being added.

m_iNotesCol = (dgEscrow.Columns.Count - 1)

End Sub

''' <summary>

''' TFS #84058: Set grid scrolling from User Settings

''' </summary>

Private Sub SetFrozenColumns()

'If Convert.ToBoolean(CurrentUserSettings.EscrowGridScrolling) = True Then

' dgEscrow.ClientSettings.Scrolling.FrozenColumnsCount = 3

'Else

' dgEscrow.ClientSettings.Scrolling.FrozenColumnsCount = 0

'End If

End Sub

''' <summary>

'''TFS 95412 Getting Title Information on Display Files Page

''' </summary>

''' <remarks></remarks>

Private Sub ShowUserTitles()

Dim dsUserTitleDetails As DataSet

dsUserTitleDetails = Tract.GetUserTitleDetails(TractGID)

Dim dtUserTitleDetails As DataTable

dtUserTitleDetails = dsUserTitleDetails.Tables(0)

Dim dtCountyDetails As DataTable

dtCountyDetails = dsUserTitleDetails.Tables(1)

'County Details

If dtCountyDetails.Rows.Count > 0 Then

Me.lblCounty.Text = HtmlEncode("County: " + dtCountyDetails.Rows(0)("CountyName").ToString())

End If

If dtUserTitleDetails.Rows.Count > 0 Then

Dim bEOAdded As Boolean = False

Dim bTOAdded As Boolean = False

Dim bDREAdded As Boolean = False

dtUserTitleDetails.DefaultView.RowFilter = "(TitleName = 'Escrow Officer')"

'TFS 106998

If (dtUserTitleDetails.DefaultView.Count > 0) Then

lblEscOfficer.Visible = True

lblEscOfficer.Attributes.Add("title", dtUserTitleDetails.DefaultView(0)("Address"))

lblEscOfficer.Text = dtUserTitleDetails.DefaultView(0)("FullName") + ", "

bEOAdded = True

End If

dtUserTitleDetails.DefaultView.RowFilter = "(TitleName = 'Title Officer')"

If (dtUserTitleDetails.DefaultView.Count > 0) Then

lblTitOfficer.Visible = True

lblTitOfficer.Attributes.Add("title", dtUserTitleDetails.DefaultView(0)("Address"))

lblTitOfficer.Text = dtUserTitleDetails.DefaultView(0)("FullName") + ", "

bTOAdded = True

End If

dtUserTitleDetails.DefaultView.RowFilter = "(TitleName = 'DRE Consultant')"

If (dtUserTitleDetails.DefaultView.Count > 0) Then

lblDREConsult.Visible = True

lblDREConsult.Attributes.Add("title", dtUserTitleDetails.DefaultView(0)("Address"))

lblDREConsult.Text = dtUserTitleDetails.DefaultView(0)("FullName")

bDREAdded = True

End If

If (bEOAdded Or bTOAdded Or bDREAdded) Then

lblOpenBracket.Visible = True

lblCloseBracket.Visible = True

End If

If (bEOAdded) Then

If (Not (bTOAdded) And Not (bDREAdded)) Then

lblEscOfficer.Text = lblEscOfficer.Text.Remove(lblEscOfficer.Text.Length - 2, 2)

End If

If (bTOAdded) Then

If (Not (bDREAdded)) Then

lblTitOfficer.Text = lblTitOfficer.Text.Remove(lblTitOfficer.Text.Length - 2, 2)

End If

End Sub

#End Region

End Class

Control.css:

p

{

padding:0;

margin:0;

}

tr.spaceUnder > td

{

padding-bottom: 1em;

}

td, th

{

vertical-align:middle;

}

label

{

padding:0 5px 0 2px;

vertical-align:middle;

}

#content

{

width:93%;

}

.setTD

{

width: 115px;

}

.labelNormal, td.labelNormal, span.labelNormal, .labelNormal label

{

color:#767676;

font-size:13px;

font-weight:bold;

white-space:nowrap;

text-align:left;

padding:0 0 0 2px;

vertical-align:middle;

margin:1px 0 1px 0;

}

.labelHighlight

{

color:#036C96;

font-size:15px;

font-weight:bold;

white-space:nowrap;

text-align:left;

padding:0 0 0 2px;

vertical-align:top;

margin:1px 0 1px 0;

}

.labelPlain

{

margin-left:5px;

display:block;

}

input, textarea, select

{

color:#585858;

font-family:arial, helvetica, clean, sans-serif;

vertical-align:middle;

}

textarea.multiText

{

width:300px;

height:55px;

}

input.required

{

background-color:#ffefef;

border:solid 1px #aa8888;

padding:1px;

}

select.required

{

background-color:#ffefef;

border:solid 1px #aa8888;

}

table.autoGrid

{

width:100%;

clear:both;

min-width:830px;

}

table.controlGrid

{

border-collapse:collapse;

border:none 0px;

background-color:transparent;

padding-left:10px;

width:auto;

margin:0;

}

table.controlGrid tr

{

background-color:transparent;

padding:0;

margin:0;

}

table.controlGrid td, table.controlGrid th

{

height:35px;

vertical-align:middle;

padding:0 8px 0 3px;

margin:0;

}

.gridMultiText

{

margin-top:5px;

margin-bottom:5px;

width:250px;

height:40px;

}

.labelStatus, .labelMessage

{

color:#e62e1f;

font-weight:bold;

position:static;

}

.labelBlue

{

color:#013a6f;

font-size:14px;

font-weight:bold;

}

.devModeIndicator

{

color:#e62e1f;

background-color:#ffffff;

font-weight:bold;

border:1px solid;

border-color:#dfdfdf #c6c6c6 #c6c6c6 #dfdfdf;

padding:3px;

vertical-align:middle;

position:relative;

margin-left:auto;

margin-right:auto;

display:inline-block;

z-index:1001;

}

#fontSwitcher

{

vertical-align:top;

padding-bottom:5px;

}

#lblUserName

{

color:#013a6f;

text-transform:uppercase;

}

#A3, #A4, #A5

{

text-decoration:none;

height:25px;

vertical-align:middle;

}

#A3

{

color:#555555;

font-size:11px;

}

#A4

{

color:#777777;

font-size:14px;

}

#A5

{

color:#999999;

font-size:17px;

}

a.lnkGoTop

{

border:0px none;

display:block;

width:40px;

height:20px;

margin-left:auto;

margin-right:0px;

background: url(../images/go-top.png);

}

/* Button Rules */

table.buttonBlock

{

border:none 0px;

border-collapse:collapse;

background-color:Transparent;

display:block;

padding:0;

margin:3px 0 0 2px;

height:25px;

width:auto;

}

table.buttonBlock td

{

height:25px;

padding:0;

margin:0;

}

.buttonGrayBlock

{

border:0;

padding:0;

margin:0;

height:25px;

background:url(../Images/button-center.png) repeat-x;

}

.buttonGray

{

border:0 none;

padding:0;

margin:0;

height:25px;

font-weight:bold;

cursor:pointer;

color:#444444;

background:transparent;

vertical-align:middle;

}

.buttonGrayDisabled

{

border:0 none;

padding:0;

margin:0;

height:25px;

font-weight:bold;

cursor:default;

color:#aaaaaa;

background:transparent;

}

.buttonGrayLeft

{

border:0;

padding:0;

margin:0;

height:25px;

width:8px;

background:url(../Images/button-left.png) no-repeat;

vertical-align:top;

}

.buttonGrayRight

{

border:0;

padding:0;

margin:0;

height:25px;

width:8px;

background:url(../Images/button-right.png) no-repeat;

vertical-align:top;

}

/* Old Escrow Grid Rules */

.esGridTableOld

{

display:block;

background:#ffffff;

border:0 none;

border-collapse:collapse;

}

.esGridTableOld tr.esGridRow, .esGridTableOld tr.esGridRowClosed, .esGridTableOld tr.esGridRowCancelled

{

cursor:pointer;

}

.esGridTableOld tr.esGridHeader, .esGridTableOld tr.esGridFooter

{

cursor:default;

}

.esGridTableOld tr.esGridRow:hover, .esGridTableOld tr.esGridRowClosed:hover, .esGridTableOld tr.esGridRowCancelled:hover

{

background-color:#ffffdd;

}

.esGridTableOld .esGridHeader td, .esGridTableOld .esGridHeader th

{

background-color:#888888;

color:#ffffff;

font-size:12px;

font-weight:bold;

padding:4px 5px 4px 5px;

border-bottom:solid 1px #444444;

border-right:solid 1px #666666;

white-space:nowrap;

text-align:center;

}

.esGridTableOld .esGridHeader

{

position:relative;

top:expression(this.offsetParent.scrollTop);

}

.esGridTableOld .esGridHeader a

{

color:#ffffff;

}

.esGridTableOld .esGridRow

{

background-color:#ffffff;

}

.esGridTableOld .esGridRow td

{

background-color:inherit;

color:#444444;

font-size:11px;

font-weight:normal;

padding: 2px 5px 2px 5px;

border-bottom: solid 1px #dddddd;

border-right:solid 1px #cccccc;

white-space:nowrap;

}

.esGridTableOld .esGridRowClosed

{

background-color:#d5d5d5;

}

.esGridTableOld .esGridRowClosed td

{

background-color:inherit;

color:#000000;

font-size:11px;

font-weight:normal;

padding: 2px 5px 2px 5px;

border-bottom: solid 1px #aaaaaa;

border-right:solid 1px #aaaaaa;

white-space:nowrap;

}

.esGridTableOld .esGridRowCancelled

{

background-color:#fececc;

}

.esGridTableOld .esGridRowCancelled td

{

background-color:inherit;

color:#440000;

font-size:11px;

font-weight:normal;

padding: 2px 5px 2px 5px;

border-bottom: solid 1px #ccacaa;

border-right:solid 1px #ddbdbb;

white-space:nowrap;

}

.esGridTableOld .esGridFooter

{

background-color:#dadfee;

}

.esGridTableOld .esGridFooter td

{

background-color:inherit;

color:#013a6f;

font-size:11px;

font-weight:bold;

padding: 2px 5px 2px 5px;

border-bottom: solid 1px #dddddd;

border-right:solid 1px #dddddd;

white-space:nowrap;

}

/* Escrow Grid Rules */

.esGridTable

{

display:block;

background:transparent;

border:0 none;

border-collapse:collapse;

}

.esGridHeader, .rgHeader

{

background-color:#888888;

color:#ffffff;

cursor:default;

font-weight:bold;

padding:4px auto 4px auto;

border-bottom:solid 1px #444444;

border-right:solid 1px #666666;

text-align:center;

white-space:nowrap;

width:auto;

}

.esGridHeader a, .rgHeader a

{

color:#ffffff;

}

.esGridRow

{

background-color:#ffffff;

}

.esGridRow:hover, .esGridRowClosed:hover, .esGridRowCancelled:hover

{

background-color:#ffffdd;

cursor:pointer;

}

.esGridRow td

{

background-color:inherit;

color:#444444;

font-weight:normal;

padding: 2px 5px 2px 5px;

border-bottom: solid 1px #dddddd;

border-right:solid 1px #cccccc;

white-space:nowrap;

overflow:hidden;

}

.esGridRowClosed

{

background-color:#d5d5d5;

}

.esGridRowClosed td

{

background-color:inherit;

color:#000000;

font-weight:normal;

padding: 2px 5px 2px 5px;

border-bottom: solid 1px #aaaaaa;

border-right:solid 1px #aaaaaa;

white-space:nowrap;

overflow:hidden;

}

.esGridRowCancelled

{

background-color:#fececc;

}

.esGridRowCancelled td

{

background-color:inherit;

color:#440000;

font-weight:normal;

padding: 2px 5px 2px 5px;

border-bottom: solid 1px #ccacaa;

border-right:solid 1px #ddbdbb;

white-space:nowrap;

overflow:hidden;

}

.esGridFooter

{

background-color:#dadfee;

cursor:default;

}

.esGridFooter td

{

background-color:inherit;

color:#013a6f;

font-weight:bold;

padding: 2px 5px 2px 5px;

border-bottom: solid 1px #dddddd;

border-right:solid 1px #dddddd;

white-space:nowrap;

overflow:hidden;

}

/* Controls Grid Rules */

.esControlsGridBlock

{

display:inline-block;

width:auto;

border-width:1px;

border-color:#aaaaaa #666666 #666666 #aaaaaa;

background-color:inherit;

overflow:auto;

}

.esControlsGridTable

{

display:block;

width:auto;

background:#f3f3f3;

border:0 none;

border-collapse:collapse;

width:100%;

}

.esControlsGridTable .esControlsGridHeader

{

/*position:relative;

top:expression(this.offsetParent.scrollTop);*/

}

.esControlsGridTable .esControlsGridHeader td, .esControlsGridTable .esControlsGridHeader th

{

background-color:#888888;

border-style:solid;

border-width:1px;

border-color:#aaaaaa #aaaaaa #666666 #aaaaaa;

color:#ffffff;

font-size:12px;

font-weight:bold;

padding:0 8px 0 8px;

white-space:nowrap;

height:25px;

vertical-align:middle;

overflow:hidden;

}

.esControlsGridTable .esControlsGridHeader a

{

color:#ffffff;

}

.esControlsGridTable .esControlsGridRow td

{

background-color:#ffffff;

color:#444444;

font-size:12px;

font-weight:normal;

padding:0 8px 0 8px;

border-bottom: solid 1px #bbbbbb;

border-left:solid 1px #bbbbbb;

border-right:solid 1px #bbbbbb;

white-space:nowrap;

height:30px;

vertical-align:middle;

overflow:hidden;

}

.esControlsGridTable .esControlsGridAltRow td

{

background-color:#dadfee;

color:#444444;

font-size:12px;

font-weight:normal;

padding:0 8px 0 8px;

border-bottom: solid 1px #bbbbbb;

border-left:solid 1px #bbbbbb;

border-right:solid 1px #bbbbbb;

white-space:nowrap;

height:30px;

vertical-align:middle;

overflow:hidden;

}

.esControlsGridRow table, .esControlsGridAltRow table

{

border:solid 2px transparent;

border-collapse:collapse;

padding:0;

margin:0;

}

span.FCNLabel, span.FCNLabel span

{

color: #ff0000;

}

.esGridRowCancelled span.FCNLabel, .esGridRowCancelled span.FCNLabel span

{

color: #000000;

}

.divScrollSub

{

display:block;

overflow-y:scroll;

}

.glossary td

{

background-color:#ffffee;

text-align:center;

vertical-align:middle;

border: solid 2px #cccccc;

border-right-color: #888888;

border-bottom-color: #888888;

font-weight:bold;

width:22px;

height:22px;

}

.glossary td.selected

{

background-color:#eeff77;

color:#e62e1f;

text-decoration:none;

}

/* Overridden */

h3

{

cursor:pointer;

}

/* Reports */

.reportContent

{

font-family:Arial, Verdana, helvetica;

font-size:12px;

width:100%;

height:100%;

overflow:auto;

overflow-x:scroll;

}

.esControlsGridTable .GrdSelected td

{

background-color: #FFFFD2;

color: Red;

font-size: 14px;

font-family:Arial, Verdana, helvetica;

font-weight: normal;

padding: 0 8px 0 8px;

border-bottom: solid 1px #bbbbbb;

border-left: solid 1px #bbbbbb;

border-right: solid 1px #bbbbbb;

white-space: nowrap;

height: 30px;

vertical-align: middle;

overflow:hidden;

}

.chddiv

{

padding-bottom: 20px;

padding-left:100px;

width:750px;

padding-right:80px;

background:white;

height:100%;

padding-top:20px;

margin-top:57px;

}