/* 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: 70%;
}
/* TEdit.NET Column heading cell style */
.GridColumnHeading
{
padding-right: 2px;
padding-left: 2px;
font-weight: bold;
color: white;
background-color: #6699CC;
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: #6699CC;
text-align: left;
vertical-align: middle;
}
/* Column header text link CSS Style */
A.GridColumnHeadingLink
{
color: white;
font-family: Verdana, Arial;
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
{
}
/* 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: 70%;
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: 70%;
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: 10px;
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, 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: 85%;
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: 80%;
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: 85%;
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: #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, Helvetica, Sans-Serif;
color: black;
background-color: transparent;
}
.ToolbarButtonCell
{
font-size: 80%;
color: white;
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: 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: 80%;
color: 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, Sans-Serif;
text-decoration: none;
background-color: transparent;
margin: 1px 1px 1px 1px;
}
.ToolbarLabel
{
font-size: 80%;
color: white;
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: white;
vertical-align: middle;
}
/* a textbox on the toolbar */
.ToolbarTextBox
{
font-size: 70%;
color: black;
font-family: Verdana, Arial, Sans-Serif;
text-decoration: none;
background-color: white;
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: white;
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: white;
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: white;
}
/* 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;
}
/*
* Below are the styles for the HTML tags
*/
body
{
color: #00004A;
background-color: #ffffff;
font-size: 70%;
font-family: Verdana, Arial, Sans-Serif;
}
td
{
border-right: 0px solid;
padding-right: 1px;
border-top: 0px solid;
padding-left: 1px;
padding-bottom: 0px;
margin: 0px;
font: 70% Verdana, Arial, Helvetica, sans-serif;
vertical-align: top;
border-left: 0px solid;
padding-top: 0px;
border-bottom: 0px solid;
}
table
{
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
border-collapse: collapse;
}
p
{
line-height: 1.1em;
}
H1
{
font-size: medium;
color: navy;
margin: 3px;
line-height: 110%;
}
H2
{
font-size: medium;
}
H3
{
font-size: medium;
}
A
{
color: #000080;
}
A:hover
{
color: red;
}