/*  This CSS file contains all the display styles for the TEdit.NET Northwind sample site */

/*
 * Below are the styles used by TEdit.NET
 */

/* Style for the HTML table object that makes up the TEdit.NET grid */
.Grid
{
  border: 0px solid white;
}
.Grid TD
{
  font-size: 10px;
}

/* TEdit.NET  Column heading cell style */
.GridColumnHeading
{
  padding-right: 2px;
  padding-left: 2px;
  font-weight: bold;
  font-size: 10px;
  color: #222222;
  background-color: #CCCCCC;
  text-align: center;
  border-right: aliceblue 1px solid;
  border-top: aliceblue 1px solid;
  border-bottom: aliceblue 1px solid;
  border-left: aliceblue 1px solid;
  vertical-align: middle;
}
/* TEdit.NET left aligned column heading text */
.GridColumnHeadingLeft
{
  font-size: 10px;
  padding-right: 2px;
  padding-left: 2px;
  font-weight: bold;
  color: #222222;
  background-color: #CCCCCC;
  text-align: left;
  vertical-align: middle;
}
/* Column header text link CSS Style */
A.GridColumnHeadingLink
{
  color: #222222;
  font-family: Verdana, Arial;
  text-decoration: none;
  font-weight: bold;
}
/* Column header text link CSS Style (mouse over) */
A.GridColumnHeadingLink:hover
{
  color: #6699CC;
  text-decoration: underline;
}
/* Style for regular (even) rows */
.GridRow
{
}
/* Style for odd rows */
.GridAlternatingRow
{
  background-color: #DDE7F2;
}
/* Style for even rows checked by check box */
.GridCheckedRow
{
  background-color: #ffffcc;
}
/* Style for odd rows checked by check box */
.GridAlternatingCheckedRow
{
  background-color: #ccffcc;
}
/* style for the current row */
.GridSelectedRow
{
  background-color: #FFFFA0;
}
/* default grid cell style */
.GridItemCell
{
  border-right: green 0px solid;
  padding-right: 3px;
  border-top: green 0px solid;
  padding-left: 3px;
  font-size: 10px;
  padding-bottom: 0px;
  margin: 0px;
  vertical-align: middle;
  border-left: green 0px solid;
  color: black;
  padding-top: 0px;
  border-bottom: green 0px solid;
  text-align: left;
}
/* right-aligned grid cell style */
.GridItemCellRight
{
  padding-left: 3px;
  font-size: 10px;
  padding-bottom: 0px;
  margin: 0px;
  vertical-align: middle;
  color: black;
  padding-top: 0px;
  text-align: right;
  padding-right: 3px;
}
/* style for the TEdit input-control labels */
.LabelCell
{
  vertical-align: middle;
  font-size: 10px;
}

/* style for the buttons generated by TEdit.NET */
.InputButton
{
  border-right: #003c74 1px solid;
  border-top: #003c74 1px solid;
  font-size: 10px;
  margin-bottom: 1px;
  behavior: url(hilite.htc);
  vertical-align: middle;
  border-left: #003c74 1px solid;
  color: #222222;
  border-bottom: #003c74 1px solid;
  font-family: Verdana, Arial, Sans-Serif;
  background-color: #CCCCCC;
  vertical-align: middle;
}
/* style for the text boxes generated by TEdit.NET */
.TextBox
{
  border-right: #003c74 1px solid;
  padding-right: 3px;
  border-top: #003c74 1px solid;
  padding-left: 3px;
  font-size: 10px;
  padding-bottom: 0px;
  margin: 1px 0px 0px;
  border-left: #003c74 1px solid;
  color: black;
  padding-top: 0px;
  border-bottom: #003c74 1px solid;
  font-family: Verdana, Arial, Sans-Serif;
  vertical-align: middle;
}
/* style for the confirm delete text label generated by TEdit.NET */
.CheckBox
{
  vertical-align: middle;
}
/* the check portion of TEdit checkboxes */
.Checkbox INPUT
{
  font-family: Verdana, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
  font-size: 10px;
  margin-top: 0px;
  margin-bottom: 2px;
}

/* style for the lookup combo boxes generated by TEdit.NET */
.DropDownList
{
  border-right: #003c74 1px solid;
  padding-right: 3px;
  border-top: #003c74 1px solid;
  padding-left: 3px;
  font-size: 10px;
  padding-bottom: 0px;
  margin: 1px 0px 0px;
  border-left: #003c74 1px solid;
  color: black;
  padding-top: 0px;
  border-bottom: #003c74 1px solid;
  font-family: Verdana, Arial, Sans-Serif;
  vertical-align: middle;
}
/* style for the error text generated by TEdit.NET */
.ErrorLabel
{
  color: Red;
}
/* horizontal divider */
.HorizontalRule
{
  border-right: 0px solid;
  border-top: 1px solid;
  border-left: 0px solid;
  border-bottom: 0px solid;
  color: #CCCCCC;
  height: 1px;
}

/*
 * Below are the styles used in the custom toolbar displayed in the toolbar sample
 */
.ToolbarContainer
{
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#DDEEFF' ,endColorStr= '#CCCCCC' ,gradientType= '0' );
  color: #222222;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #CCCCCC;
}
.Toolbar
{
  font-family: Verdana, Helvetica, Sans-Serif;
  color: black;
  background-color: transparent;
}
.ToolbarButtonCell
{
  font-size: 80%;
  color: #222222;
  padding-bottom: 0px;
  vertical-align: middle;
  padding-top: 0px;
}
.ToolbarSeparatorCell
{
  vertical-align: middle;
  font-family: Verdana, Helvetica, Sans-Serif;
  color: Black;
  background-color: Transparent;
}
.ToolbarImage
{
  border: none;
  vertical-align: middle;
}
.ToolbarLink
{
  font-size: 80%;
  color: #222222;
  border-right: lightgrey 0px solid;
  border-top: lightgrey 0px solid;
  border-left: lightgrey 0px solid;
  border-bottom: lightgrey 0px solid;
  font-family: Verdana, Arial, Sans-Serif;
  text-decoration: none;
  background-color: transparent;
  margin: 2px 2px 2px 2px;
}
.ToolbarLink:hover
{
  font-size: 80%;
  color: #222222;
  border-right: lightgrey 1px solid;
  border-top: lightgrey 1px solid;
  border-left: lightgrey 1px solid;
  border-bottom: lightgrey 1px solid;
  font-family: Verdana, Arial, Sans-Serif;
  text-decoration: none;
  background-color: transparent;
  margin: 1px 1px 1px 1px;
}
.ToolbarLabel
{
  font-size: 80%;
  color: #222222;
  background-color: transparent;
  vertical-align: middle;
}
/* a combo on the toolbar */
.ToolbarCombobox
{
  font-size: 60%;
  color: black;
  font-family: Verdana, Arial, Sans-Serif;
  text-decoration: none;
  background-color: #222222;
  vertical-align: middle;
}
/* a textbox on the toolbar */
.ToolbarTextBox
{
  font-size: 10px;
  color: black;
  font-family: Verdana, Arial, Sans-Serif;
  text-decoration: none;
  background-color: #222222;
  vertical-align: middle;
}
/* a button on the toolbar */
.ToolbarButton
{
  font-size: 80%;
  color: black;
  font-family: Verdana, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
}
/* the text portion of the checkbox */
.ToolbarCheckbox
{
  color: #222222;
  font-family: Verdana, Arial, Sans-Serif;
  text-decoration: none;
  background-color: transparent;
  vertical-align: middle;
  font-size: 80%;
}
/* the check portion of the checkbox */
.ToolbarCheckbox INPUT
{
  color: #222222;
  font-family: Verdana, Arial, Sans-Serif;
  text-decoration: none;
  background-color: transparent;
  vertical-align: middle;
  font-size: 80%;
}

/*
 * Below are the other CSS styles used in the samples
 */

/* style for the password text boxes */
.TextBoxPassword
{
  border-right: #003c74 1px solid;
  padding-right: 3px;
  border-top: #003c74 1px solid;
  padding-left: 3px;
  font-size: 100%;
  border-left: #003c74 1px solid;
  border-bottom: #003c74 1px solid;
  font-family: Verdana, Arial, Sans-Serif;
  background-color: #222222;
}
/* style for the radio buttons */
.RadioButton
{
  border-right: #003c74 1px;
  padding-right: 0px;
  border-top: #003c74 1px;
  padding-left: 0px;
  font-size: 100%;
  padding-bottom: 0px;
  margin: 0px;
  border-left: #003c74 1px;
  color: black;
  padding-top: 0px;
  border-bottom: #003c74 1px;
  font-family: Verdana, Arial, Sans-Serif;
}