/*  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: 75%;
}

/* TEdit.NET  Column heading cell style */
.GridColumnHeading
{
  padding-right: 2px;
  padding-left: 2px;
  font-weight: bold;
  color: white;
  background-color: #003366;
  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
{
  padding-right: 2px;
  padding-left: 2px;
  font-weight: bold;
  color: white;
  background-color: #003366;
  text-align: left;
  vertical-align: middle;
}

/* Column header text link CSS Style */
A.GridColumnHeadingLink
{
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
}

/* Column header text link CSS Style (mouse over) */
A.GridColumnHeadingLink:hover
{
  color: yellow;
  text-decoration: underline;
}

/* Style for regular (even) rows */
.GridRow
{
  background-color: #ffffff; /* blanc */
  color: #000000; /* noir */
}

/* Style for odd rows */
.GridAlternatingRow
{
  background-color: #DDE7F2; /* bleu ciel */
}

/* Style for even rows checked by check box */
.GridCheckedRow
{
  background-color: #ffffcc; /* jaune pastel */
}

/* Style for odd rows checked by check box */
.GridAlternatingCheckedRow
{
  background-color: #ccffcc; /* vert pastel */
}

/* style for the current row */
.GridSelectedRow
{
  background-color: #FFFFA0; /* jaune plus franc */
}

/* default grid cell style */
.GridItemCell
{
  border-right: green 0px solid;
  padding-right: 3px;
  border-top: green 0px solid;
  padding-left: 3px;
  font-size: 75%;
  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: 75%;
  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;
}

/* style for the buttons generated by TEdit.NET */
.InputButton
{
  border-right: #003c74 1px solid;
  border-top: #003c74 1px solid;
  font-size: 11px;
  margin-bottom: 1px;
  behavior: url(hilite.htc);
  vertical-align: middle;
  border-left: #003c74 1px solid;
  color: White;
  border-bottom: #003c74 1px solid;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #6699cc;
  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: 105%;
  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, Helvetica, 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, Helvetica, sans-serif;
  text-decoration: none;
  vertical-align: middle;
  color: Black;
  font-size: 105%;
  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: 105%;
  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, Helvetica, 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: #6699CC;
  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= '#6699CC' ,gradientType= '0' );
  color: White;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #6699CC;
}

.Toolbar
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: Black;
  background-color: transparent;
}

.ToolbarButtonCell
{
  font-size: 85%;
  color: Black; /* à l'origine white */
  padding-bottom: 0px;
  vertical-align: middle;
  padding-top: 0px;
}

.ToolbarSeparatorCell
{
  vertical-align: middle;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: Black;
  background-color: Transparent;
}

.ToolbarImage
{
  border: none;
  vertical-align: middle;
}

.ToolbarLink
{
  font-size: 85%;
  color: Black; /* à lo'origine white */
  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: 85%;
  color: Black; /* à l'origine de couleur white */
  border-right: lightgrey 1px solid;
  border-top: lightgrey 1px solid;
  border-left: lightgrey 1px solid;
  border-bottom: lightgrey 1px solid;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: transparent;
  margin: 1px 1px 1px 1px;
}

.ToolbarLabel
{
  font-size: 85%;
  color: Black;  /* à l'origine de couleur white */
  background-color: transparent;
  vertical-align: middle;
}

/* a combo on the toolbar */
.ToolbarCombobox
{
  font-size: 65%;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: white;
  vertical-align: middle;
}

/* a textbox on the toolbar */
.ToolbarTextBox
{
  font-size: 75%;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: white;
  vertical-align: middle;
}

/* a button on the toolbar */
.ToolbarButton
{
  font-size: 85%;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  vertical-align: middle;
}

/* the text portion of the checkbox */
.ToolbarCheckbox
{
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: transparent;
  vertical-align: middle;
  font-size: 85%;
}

/* the check portion of the checkbox */
.ToolbarCheckbox INPUT
{
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: transparent;
  vertical-align: middle;
  font-size: 85%;
}

Cellleftbold
{
    text-align:left;
    font-weight:bold;
}

Cellrightbold
{
    text-align:left;
    font-weight:bold;
}

Cellleft
{
    text-align:left;
}