/*  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;
  width: 90%;
}
.Grid TD
{
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

/* 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: #6699cc 1px solid;
  border-top: #6699cc 1px solid;
  border-bottom: #6699cc 1px solid;
  border-left: #6699cc 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: XX-small;
  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: xx-small;
  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;
  
  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
{
  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
{
	border-right: #d3d3d3 0px solid;
	border-top: #d3d3d3 0px solid;
	font-size: 80%;
	margin: 2px;
	border-left: #d3d3d3 0px solid;
	color: white;
	border-bottom: #d3d3d3 0px solid;
	font-family: Verdana, Arial, Sans-Serif;
	background-color: transparent;
	text-decoration: none;
}
.ToolbarLink:hover
{
  font-size: 80%;
  color: white;
  border-right: #d3d3d3 1px solid;
  border-top: #d3d3d3 1px solid;
  border-left: #d3d3d3 1px solid;
  border-bottom: #d3d3d3 1px solid;
  font-family: Verdana, Arial, Sans-Serif;
  text-decoration: none;
  background-color: transparent;
  margin: 1px 1px 1px 1px;
}
.ToolbarLabel
{
  font-size: small;
  color: black;
  background-color: transparent;
  vertical-align: middle;
}
/* a combo on the toolbar */
.ToolbarCombobox
{
  font-size: small;
  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;
}
.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;
}

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

*/

.SnapHeader
{
	  font-family: Tahoma;
  font-weight: bold;
  font-size: 12px;
  padding-top: 2px;
  padding-left: 5px;

  /*color: #ffffff;
  background-color: #6699CC;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr= '#003499' , EndColorStr= '#6698CB' );
  cursor: move;*/
}
.SnapContent
{
  font-family: verdana;
  font-size: 11px;
  padding: 3px;
  border: #4284b5 1px solid;
  background-color: white;
}

.calTitle { FONT-WEIGHT: bold; FONT-SIZE: 11px; WIDTH: 90px; COLOR: black; BACKGROUND-COLOR: #cccccc }
	.calBody { BORDER-TOP-WIDTH: 10px; BORDER-LEFT-WIDTH: 10px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 10px; BORDER-RIGHT-WIDTH: 10px }