/* Style for the HTML table object that makes up the TEdit.NET grid */

 .Grid
{
	border: solid 1px #3b5a82;
	background: white;
	scrollbar-face-color: #E9E9E9;
	scrollbar-highlight-color: white;
	scrollbar-shadow-color: #E9E9E9;
	scrollbar-3dlight-color: #DBDBDB;
	scrollbar-arrow-color: #787878;
	scrollbar-track-color: #F5F5F5;
	scrollbar-darkshadow-color: #AEAEAE;
	width:100%;
}

  .Grid TD
{
	border-right: solid 1px #d0d7e5;
	border-bottom: solid 1px #d0d7e5;
	padding-top:4px;
	padding-bottom:4px;
	font-size:11px;
}

/* TEdit.NET  Column heading cell style */
  .GridColumnHeading
{
	padding-top:2px;
	padding-bottom:3px;
	background: #d3dbe9 url('Img/GridHeaderBg.gif') repeat-x;
	border-bottom: solid 1px #9eb6ce;
	font-weight: bold;
	color: #27413e;
	padding-left:3px;
}

/* TEdit.NET left aligned column heading text */

  .GridColumnHeadingLeft
{
	background: url('Img/headerBg.gif') repeat-x;
	border-top: solid 1px #8d9092;
	border-bottom: solid 1px #8d9092;
	padding: 0px 4px;
	height: 26px !important;
	text-align: left;
	font-size: 11px;
}

/* Column header text link CSS Style */
 A.GridColumnHeadingLink
{
 	text-decoration:none;
 	color:rgb(75,75,75);
 	font-weight:bold;
}

/* Column header text link CSS Style (mouse over) */

 A.GridColumnHeadingLink:hover
{
  text-decoration:underline;
}

/* Style for regular (even) rows */

 .GridRow
{
	border-top: solid 1px #d2d8db;
	border-bottom: solid 1px white;
	background: #f0f2f4;
	height: 20px;
}

/* Style for odd rows */

  .GridAlternatingRow
{
	border-top: solid 1px #d2d8db;
	border-bottom: solid 1px white;
	background: white;
	height: 20px;
}

/* Style for even rows checked by check box */

  .GridCheckedRow
{
	border-top: solid 1px #d2d8db;
	border-bottom: solid 1px #e3d7c0;
	background: #f9f6dd;
}

/* Style for odd rows checked by check box */

  .GridAlternatingCheckedRow
{
	border-top: solid 1px #d2d8db;
	border-bottom: solid 1px #e3d7c0;
	background: #f9f6dd;
}

/* style for the current row */

  .GridSelectedRow
{
	border-top: solid 1px #d2d8db;
	border-bottom: solid 1px #e3d7c0;
	background: #f9f6dd;
}

/* 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
{
	width:74px;
	height:20px;
	background:url('../images/button.gif');
	border:0;
	margin:0;
	color:#3B5A82;
	font-weight:bold;
}

/* 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;
  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;
}
/* Style for the HTML table object that makes up the TEdit.NET grid */

#main .Grid
{
	border: solid 1px #3b5a82;
	background: white;
	scrollbar-face-color: #E9E9E9;
	scrollbar-highlight-color: white;
	scrollbar-shadow-color: #E9E9E9;
	scrollbar-3dlight-color: #DBDBDB;
	scrollbar-arrow-color: #787878;
	scrollbar-track-color: #F5F5F5;
	scrollbar-darkshadow-color: #AEAEAE;
	width:100%;
}

#main  .Grid TD
{
	/*border-right: solid 1px #d0d7e5;
	border-bottom: solid 1px #d0d7e5;
	padding-top:4px;
	padding-bottom:4px;
	*/font-size:11px;
}

/* TEdit.NET  Column heading cell style */
#main  .GridColumnHeading
{
	padding-top:2px;
	padding-bottom:3px;
	background: #656A48;
	border-bottom: solid 1px #9eb6ce;
	font-weight: bold;
	color: #fff;
	padding-left:3px;
}

/* TEdit.NET left aligned column heading text */

#main  .GridColumnHeadingLeft
{
	background: url('Img/headerBg.gif') repeat-x;
	border-top: solid 1px #8d9092;
	border-bottom: solid 1px #8d9092;
	padding: 0px 4px;
	height: 26px !important;
	text-align: left;
	font-size: 11px;
}

/* Column header text link CSS Style */
#main A.GridColumnHeadingLink
{
 	text-decoration:none;
 	color:#fff;
 	font-weight:bold;
}

/* Column header text link CSS Style (mouse over) */

#main A.GridColumnHeadingLink:hover
{
  text-decoration:underline;
}

/* Style for regular (even) rows */

#main .GridRow
{
	border-top: solid 1px #d2d8db;
	border-bottom: solid 1px white;
	background: #f0f2f4;
	height: 20px;
}

/* Style for odd rows */

#main  .GridAlternatingRow
{
	border-top: solid 1px #d2d8db;
	border-bottom: solid 1px white;
	background: white;
	height: 20px;
}

/* Style for even rows checked by check box */

#main  .GridCheckedRow
{
	border-top: solid 1px #d2d8db;
	border-bottom: solid 1px #e3d7c0;
	background: #f9f6dd;
}

/* Style for odd rows checked by check box */

#main  .GridAlternatingCheckedRow
{
	border-top: solid 1px #d2d8db;
	border-bottom: solid 1px #e3d7c0;
	background: #f9f6dd;
}

/* style for the current row */

#main  .GridSelectedRow
{
	border-top: solid 1px #d2d8db;
	border-bottom: solid 1px #e3d7c0;
	background: #f9f6dd;
}

/* default grid cell style */

#main  .GridItemCell
{
  /*border-right: green 0px solid;
  padding-right: 3px;
  border-top: green 0px solid;
  padding-left: 3px;
  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;
  */
  background:none;
  font-size: 70%;
}

/* right-aligned grid cell style */

#main  .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 */

#main  .LabelCell
{
  vertical-align: middle;
}

/* style for the buttons generated by TEdit.NET */

#main  .InputButton
{
	width:74px;
	height:20px;
	background:url('../images/button.gif');
	border:0;
	margin:0;
	color:#3B5A82;
	font-weight:bold;
}

/* style for the text boxes generated by TEdit.NET */

#main  .TextBox
{
  border-right: #003c74 1px solid;
  padding-right: 3px;
  border-top: #003c74 1px solid;
  padding-left: 3px;
  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 */

#main  .CheckBox
{
  vertical-align: middle;
}

/* the check portion of TEdit checkboxes */

#main  .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 */

#main  .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 */
#main  .ErrorLabel
{

  color: Red;

}

/* horizontal divider */
#main  .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 */
#main  .ToolbarContainer
{
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#DDEEFF' ,endColorStr= '#6699CC' ,gradientType= '0' );
  color: White;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #6699CC;
}

#main  .Toolbar
{
  font-family: Verdana, Helvetica, Sans-Serif;
  color: black;
  background-color: transparent;
}

#main  .ToolbarButtonCell
{
  font-size: 80%;
  color: white;
  padding-bottom: 0px;
  vertical-align: middle;
  padding-top: 0px;
}

#main  .ToolbarSeparatorCell
{
  vertical-align: middle;
  font-family: Verdana, Helvetica, Sans-Serif;
  color: Black;
  background-color: Transparent;
}

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

#main  .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;
}

#main  .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;
}

#main  .ToolbarLabel
{
  font-size: 80%;
  color: white;
  background-color: transparent;
  vertical-align: middle;
}

/* a combo on the toolbar */

#main  .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 */

#main  .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 */

#main  .ToolbarButton
{
  font-size: 80%;
  color: black;
  font-family: Verdana, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
}

/* the text portion of the checkbox */

#main  .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 */

#main  .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 */

#main  .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 */

#main  .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;
}