/******************************************************************************
* Main Delegate CSS styles                                                    *
* Assume CSS2/Standards Mode compatible browser                               *
******************************************************************************/

.DGLABEL, .DGLABELUNDERLINE
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
}

.DGLABELUNDERLINE
{
	text-decoration: underline;
}

.DGLOGIN
{
	font-size: 9pt;
	font-family: Verdana, Arial;
}

.DGLOGINERROR
{
	font-size: 8pt;
	font-family: Verdana, Arial;
	font-weight: bold !important;
	color: Red;
	background-color: White;
	padding: 2px 2px 2px 2px;
}

.DGGROUPPANEL
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
}

.DGLABELBOTTOM
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	height: 16px;
	vertical-align: bottom;
}

/* ChooseField */

div.DGCHOOSEFIELD /* Outer DIV, size */
{
	border: none;
	display: inline-block;
}
/*div.DGCHOOSEFIELD div  Inner DIV, border & padding 
{
	border: solid 1px DarkGray;
	background-color: #EEEEEE;
	
	width: auto;
	height: auto;
	margin: 0px;
	padding: 1px 2px;
}*/
/*input.DGCHOOSEFIELD  Actual input box 
{
	background-color: transparent;
	color: black;
	font-size: 8pt;
	font-family: Arial;
	border: none;
}*/

input.CF_ReadOnly
{
	color: Gray;
}

input.CF_Disabled
{
	color: #B4B4B4;
	text-shadow: 1px 1px White;
}
/*
div.DGCHOOSEFIELD_ADV div
{
	background-color: #D0DEFF;
	border: solid 1px #909CC4;
}*/

/*div.DGCHOOSEFIELD_ADV_ONCALL div style shown while a callback is made  
{
	background-image: url('AppImageLoader.ashx?AsyncLoading.gif');
	background-repeat: no-repeat;
	background-position: 99.5% center;
}*/


tr.CF_Highlight /* Style of a highlighted row */
{
	background-color: #E4E8EA !important;
}

tr.CF_MultiSelect /* Style of a selected row (multi-selection mode) */
{
	background-color: #E5F3FF;
}


tr.CF_Popup_Highlight /* Style of a highlighted row on the classic CF popup */
{
	color: White;
	background-color: #0572CE !important;
}

tr.CF_Popup_MultiSelect /* Style of a selected row on the classic CF popup (multi-selection mode) */
{
	background-color: #E5E5FF;
}


.DropShadow
{
	box-shadow: 3px 3px 8px -5px;
}

div.DGCFADV_POPUP /* DIV element surrounding the whole suggested choosefield popup */
{
	border: solid 1px #808080;
	box-shadow: 3px 3px 8px -5px;
}
table.DGCFADV_POPUP /* Table contained in the DIV element of the suggested choosefield popup */
{
	border-collapse: collapse;
	background-color: White;
	font-size: 8pt;
	color: black;
	font-family: Arial;
	cursor: default;
	-moz-user-select: none;
}
table.DGCFADV_POPUP td
{
	padding: 2px 3px 2px 3px;
}

div.DGCFADV_POPUP_HEADER
{
	background-color: #0572CE;
}

table.DGCFADV_POPUP_HEADER
{
	background-color: #0572CE;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	border-collapse: collapse;
	cursor: default;
	-moz-user-select: none;
}

table.DGCFADV_POPUP_HEADER td
{
	vertical-align: middle;
	padding: 2px 3px 2px 3px;
}

table.DGCFADV_POPUP_HEADER td span
{
	white-space: nowrap;
}

table.DGCFADV_ELLIPSIS td, table.DGCFADV_ELLIPSIS td span
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

tr.CF_GetMoreRow
{
	background-color: #F9F9F9;
	background-image: url('AppImageLoader.ashx?Smalldown.gif');
	background-repeat: no-repeat;
	background-position: center;
}
tr.CF_GetMoreRowHover
{
	background-color: #E4E8EA !important;
}

table.CF_ResultHeader td.cm /* ChooseField header cell for the multi-select checkbox column */
{
	background-image: url('AppImageLoader.ashx?SELImg.gif');
	background-repeat: no-repeat;
	background-position: center;
}

table.ADVCF_TABLE tr
{
	/* Obsolete */
	height: 18px;
}

table.ADVCF_TABLE td
{
	/* Obsolete */
}

table.ADVCF_TABLE
{
	/* Obsolete */
	font-size: 8pt;
	font-family: Arial;
	background-color: White;
	border: solid 1px #808080;
	border-collapse: collapse;
	cursor: default;
	-moz-user-select: none;
}



.DGVALIDATOR
{
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	color: Red;
	background-color: #FFEAEA;
	border: solid 2px Red;
	padding: 2px 3px 2px 3px;
}

/* styles for autosuggestion textbox in receiving quick entry */
div.AUTOSUGGESTION
{
	border: 1px solid black;
	position: absolute;
}

div.AUTOSUGGESTION div
{
	cursor: default;
	padding: 0px 3px;
	background-color: White;
	font-size: 10pt;
	color: black;
	font-family: Arial;
}

div.AUTOSUGGESTION div.current
{
	background-color: #3366cc;
	color: white;
}

.DGHYPERLINK
{
	font-size: 8pt;
	cursor: pointer;
	color: blue;
	font-family: Arial;
	text-decoration: underline;
	font-weight: normal; /*     font-size:14px; */
}

.DGRADIOBUTTON
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	height: 1.3em;
}
span.DGRADIOBUTTON *
{
	vertical-align: middle;
}

/*** TextBox ***/

div.DGTEXTBOX /* Outer DIV, size */
{
	border: none;
	display: inline-block;
	margin-right: 10px;
}
/*div.DGTEXTBOX div Inner DIV, border & padding 
{
	background-color: White;
	border: solid 1px DarkGray;
	
	width: auto;
	height: auto;
	margin: 0px;
	padding: 1px 2px;
}*/
/*input.DGTEXTBOX  Actual input box 
{
	background-color: transparent;
	color: black;
	font-size: 8pt;
	font-family: Arial;
	border: none;
}*/

div.TBX_Disabled div /* Inner DIV, border & padding */
{
	background-color: #F7F6F5;
}
input.TBX_Disabled /* Actual input box */
{
	color: #B4B4B4;
	text-shadow: 1px 1px White;
}

div.TBX_ReadOnly div /* Inner DIV, border & padding */
{
	background-color: White;
}
input.TBX_ReadOnly /* Actual input box */
{
	color: Gray;
}

textarea.DGTEXTBOX
{
	font-size: 8pt;
	font-family: Arial;
}
textarea.DGTEXTBOX[disabled="disabled"], textarea.DGTEXTBOX[readonly="readonly"]
{
	background-color: White;
	border: solid 1px DarkGray;
	overflow: auto;
}

.DGWEBDATETIMEEDIT
{
	color: black;
	font-size: 8pt;
	font-family: Arial;
	border: none;
	
	background-color: White;
	border: solid 1px DarkGray;
	
	width: auto;
	height: auto;
	margin: 0px;
}

input.DGWEBDATETIMEEDIT_DISABLED
{
	background-color: #EBEBE4;
	border: solid 1px DarkGray;
	
	font-size: 8pt;
	font-family: Arial;
	
	width: auto;
	height: auto;
	margin: 0px;
}

.DGCHECKBOX
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	height: 1.3em;
}
span.DGCHECKBOX *
{
	vertical-align: middle;
}

.DGCALENDAR
{
	background-color: #D4C8D0;
	font-family: Arial;
	color: Black;
	font-size: 8pt;
}
.DGCALENDARDROPDOWN
{
	box-shadow: 3px 3px 8px -5px;
}
.DGSMALLBUTTON
{
	font-family: Arial;
	font-size: 8pt;
	height: 20px;
	width: 30px;
}
/*.DGBUTTON
{
	font-family: Arial;
	font-size: 8pt;
	height: 20px;
	width: 100px;
	padding: 0px;
}*/

.DGSORTBUTTON
{
	font-family: Arial;
	font-size: 8pt;
	height: 20px;
	width: 100px;
	margin-left: 0px;
	margin-right: 4px;
}

.DGBUTTONBASE
{
	font-family: Arial;
	font-size: 8pt;
	height: 20px;
}
.DGLINK
{
	font-size: 8pt;
	cursor: pointer;
	color: blue;
	font-family: Arial;
	text-decoration: underline;
}
.DGLINK:HOVER
{
	font-size: 8pt;
	cursor: pointer;
	color: red;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
}
/*.DGLIST
{
	font-size: 8pt;
	cursor: pointer;
	color: blue;
	font-family: Arial;
	text-decoration: underline;
	font-weight: normal;
}

.DGMASTERDATA
{
	font-size: 8pt;
	cursor: pointer;
	color: blue;
	font-family: Arial;
	text-decoration: underline;
	font-weight: normal;
}

.DGLIST:HOVER
{
	font-size: 8pt;
	cursor: pointer;
	color: red;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
}
.DGSUSPENDED
{
	font-weight: normal;
	font-size: 8pt;
	cursor: pointer;
	color: green;
	font-family: Arial;
	text-decoration: underline;
}
.DGSUSPENDED:HOVER
{
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	color: red;
	font-family: Arial;
	text-decoration: none;
}*/
.DGVIEW
{
	z-index: 100;
	left: 30px;
	position: absolute;
	top: 10px;
}
.DGTOOLBAR_HOVER
{
	border-top: solid 1px navy;
	cursor: pointer;
	color: #336699;
	border-bottom: solid 1px navy;
	font-family: Arial;
	text-align: center;
}
.DGTOOLBAR
{
	font-size: 8pt;
	font-family: Arial;
	color: black;
	height: 100%;
}

div.WaitMsg_Popup
{
	position: absolute;
	top: 60px;
	left: 100px;
	width: 400px;
	height: auto;
	
	background-color: LightYellow;
	border: solid 2px Black;
	padding: 2px 6px 2px 0px;
	
	/* FF style; prevents blurry scaling of the loading animation */
	image-rendering: -moz-crisp-edges;
}

div.WaitMsg_Popup table 
{
	/* Quirksmode doesn't inherit font styles to tables properly
	otherwise this would be in the above style class */
	font-family: Verdana, Arial;
	font-size: 1.1em;
	font-weight: bold;
}

div.Toolbar_Container
{
}

table.LoadingBar_MainTable
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	background-color: white;
	border-collapse: collapse;
	cursor: default;
	font-family: Arial;
}
td.LoadingBar_LeftCell
{
	width: 15px;
	background-image: url( "AppImageLoader.ashx?15x20LeftSemiCircle.gif&useOldImagePath=true" );
}
td.LoadingBar_LoadingCell
{
	width: 1px;
	background-color: #FFCC00;
	padding-left: 0px;
	padding-right: 6px;
}
td.LoadingBar_MiddleCell
{
	text-align: left;
	padding-left: 6px;
}
td.LoadingBar_LoadingImgCell
{
	width: 1px;
}
td.LoadingBar_RightCell
{
	width: 14px;
	background-position: left top;
	background-image: url( "AppImageLoader.ashx?15x20RightSemiCircle.gif&useOldImagePath=true" );
}
img.LoadingBar_LoadingImg
{
	vertical-align: middle;
	position: relative;
	top: 0px;
	left: 10px;
}

.menu_background
{
	background-color: #ffcc00;
}
.menu_border
{
	background-color: #000099;
}
.menu_buttonlabel
{
	border-right: solid 1px navy;
	border-top: solid 1px navy;
	font-size: 8pt;
	color: black;
	border-bottom: solid 1px navy;
	background-color: #ffcc00;
	white-space: nowrap;
	padding-right: 6px;
}
.menu_buttonlabel SPAN
{
	white-space: nowrap;
}

.menu_button
{
	border-top: solid 1px navy;
	font-size: 8pt;
	border-bottom: solid 1px navy;
	font-family: Arial;
	background-color: #ffffff;
	text-align: center;
	white-space: nowrap;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.menu_button IMG
{
	vertical-align: baseline;
}
.menu_button SPAN
{
	white-space: nowrap;
}

TD.menu_leftcell
{
	width: 15px;
	background-color: #ffcc00;
	background-image: url(AppImageLoader.ashx?15x20LeftSemiCircle.gif&useOldImagePath=true);
	background-position: left top;
}
DIV.menu_leftcell /* contained in TD.menu_leftcell, prevents collapse */
{
	width: 15px;
}
TD.menu_rightcell
{
	width: 14px;
	background-image: url(AppImageLoader.ashx?15x20RightSemiCircle.gif&useOldImagePath=true);
	background-position: right top;
}
DIV.menu_rightcell /* contained in TD.menu_rightcell, prevents collapse */
{
	width: 14px;
}

.left_menucircle
{
	background-color: #ffcc00;
}
.right_menucircle
{
	background-color: White;
}

.DGHB
{
	-moz-user-select: none;
	border-style: outset;
	background-color: #E0E0E0;
	font-weight: bold;
	color: Black;
	cursor: pointer;
}

.DGH /* Header */
{
	-moz-user-select: none;
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-family: Arial;
	background-color: #000099; /*background-image: url(AppImageLoader.ashx?gridHeader_blue.gif); 	background-repeat: repeat-x;*/
}

.DGH_NOBG /* Header w/o background */
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-family: Arial;
	background-image: none !important;
	background-color: Transparent !important;
}

div.DGHR /* Footer */
{
	background-color: #000099;
}

th.DGHR /* Footer */
{
	color: white;
}

.DGADDROW /* Add New Row Style */
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
	font-family: Arial;
	background-color: #E1E1E1;
	text-align: right;
}

/**used by the recentlyAddedGrids**/

.DGHInfo
{
	/*  font-size: 10px; not taken */
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.DGRInfo
{
	padding-top: 5px;
	padding-left: 12px;
}

.DGRAInfo
{
	padding-top: 5px;
	padding-left: 12px;
}

.DGRQTYInfo
{
	color: Red;
	font-weight: bold;
}


/****/

.DGCR
{
	text-align: right;
}

.DGCC
{
	text-align: center;
}

.DGR /* Row */
{
	font-size: 8pt;
	font-family: Verdana;
	margin-left: 3px;
}
.DGRA /* Row Alternate */
{
	font-size: 8pt;
	font-family: Verdana;
	background-color: #e1e1e1;
	margin-left: 3px;
}

.DGRAC /* Row Alternative color */
{
	font-size: 8pt;
	font-family: Verdana;
	background-color: #f7dfbd;
	margin-left: 3px;
}
.DGRACA /* Row Alternative color Alternate */
{
	font-size: 8pt;
	font-family: Verdana;
	background-color: #ffefce;
	margin-left: 3px;
}

.ExtArea /* Extended area in hierachrical grids --> NOT USED because then images are not centered there*/
{
	/*background-color: #e1e1e1;*/
	background-color: #eeeeee;
	white-space: nowrap;
}


.DGROWSEL /* Row Selector style */
{
	background-image: none;
}

.DGRSEL /*selected rowstyle of grids   */
{
	/* General Note: "Arial" does NOT get applied to the grid by default.  	   Our default font used on EVERY grid is Verdana! */ /*font-family: Arial;*/
	/*margin-left: 3px;
	color: Black;
	background-color: #9DBAE0;*/ /*#93C7FF;/*#C0F0FF; /*silver*/ /*ForeColor="Lavender" BackColor="DarkGray" */
}

.DGE
{
	cursor: text;
	color: royalblue;
	text-align: right;
	background-color: White;
	/*border: inset 2px ActiveBorder !important;*/
}

.DGEDITABLE
{
	cursor: text;
	color: royalblue;
	text-align: right;
	background-color: White;
	/*border: inset 2px ActiveBorder !important;*/
}

input.DGE_TEXTBOX
{
	font-size: 8pt;
	font-family: Verdana, Arial;
	border: solid 1px white;
}

input.DGE_DATETIME
{
    font-size: 8pt;
	font-family: Verdana, Arial;
	border: solid 1px white;
}

.DGGRIDPAGER
{
	font-size: 9pt;
	background: White;
}

/* DGInfo styles */


.DGInfoH /* Header */
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-family: Arial;
	background-color: #e1e1e1; /*background-image: url(AppImageLoader.ashx?gridHeader_blue.gif); 	background-repeat: repeat-x;*/
}


.DGInfoR /* Row */
{
	font-size: 8pt;
	font-family: Arial;
	margin-left: 3px;
}


/* eof dgInfo styles */
.DGMAINTABLE
{
	width: 800px;
	height: 100%;
}

.DGMAINRESIZE
{
	width: 100%;
	height: 100%;
}

.DGSUBTABLE
{
	width: 744px;
}

tr.ToolbarRow
{
	height: 20px;
}
tr.FilterRow
{
	height: 20px;
	vertical-align: top;
}
tr.ContentRow
{
	vertical-align: top;
}
tr.FooterRow
{
	height: 20px;
}

.DGREQUESTED
{
	font-weight: normal;
	font-size: 8pt;
	cursor: pointer;
	color: gray;
	font-family: Arial;
	text-decoration: underline;
}
.DGREQUESTED:HOVER
{
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	color: red;
	font-family: Arial;
	text-decoration: none;
}
.SEL
{
	cursor: pointer;
}

.CHOOSEFIELDSCAPTION
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
}

/*.DGGRIDBUTTONSTYLE /*to be set for a Colum that shall look like a grid in the -Columnname-CellStyle Property /SelectedCellStyle   */
/*{
	font-size: 8pt;
	font-family: Arial;
	background-color: #E0E0E0 !important;
	border-top: White 1px !important;
	border-left: White 1px !important;
	border-right: DimGray 1px !important;
	border-bottom: DimGray 1px !important;
	border-style: solid !important;
}*/

.DGGROUPBOX
{
	border: 1px solid black;
	border-collapse: collapse;
}

.DGGROUPBOX_NOCOLLAPSE
{
	border: 1px solid black;
}

.DGDROPDOWNSTYLE
{
	font-size: 8pt;
	font-family: Arial;
	height:20px;
}

.ADVANCEDMENULINK
{
	font-weight: bold;
	font-size: 11pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
}

.ADVANCEDMENULINK:HOVER
{
	font-weight: bold;
	font-size: 11pt;
	color: #BB0000;
	font-family: Arial;
	text-decoration: none;
}

.CLASSICMENULINK
{
	font-weight: bold;
	font-size: 11pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
	width: 250px;
	display: inline-block;
}

.CLASSICMENULINK:HOVER
{
	font-weight: bold;
	font-size: 11pt;
	color: #BB0000;
	font-family: Arial;
	text-decoration: none;
}

.MENULINK
{
	font-weight: normal;
	font-size: 10pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
}

.MENULINK:HOVER
{
	font-weight: normal;
	font-size: 10pt; /*color: #BB0000;*/
	color: #6085CF;
	font-family: Arial;
	text-decoration: none;
}

.MENUSELECTCCLINK
{
	cursor: pointer;
	color: blue;
	font-family: Arial;
	text-decoration: underline;
}
.MENUSELECTCCLINK:HOVER
{
	cursor: pointer;
	color: red;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
}

.MODULEIMAGE
{
	border: 0px;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-right: 10px;
}


.MASTERDATAINACTIVEIMAGE
{
	border: 0px;
	vertical-align: middle;
	margin-right: 0px;
}

.LISTBOX_CATEGORY
{
	height: 150px;
	width: 160px;
}

@media print
{
	.HideOnPrint
	{
		visibility: hidden;
	}
}

@media screen
{
	.HideOnScreen
	{
		visibility: hidden;
	}
}

.DGMPDETAIL
{
	font-weight: normal;
	font-size: 8pt;
	cursor: pointer;
	color: green;
	font-family: Arial;
	text-decoration: none;
}
.DGMPDETAIL:HOVER
{
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	color: red;
	font-family: Arial;
	text-decoration: none;
}


.DGMPDETAILSUB
{
	font-size: 8pt;
	cursor: pointer;
	color: green;
	font-family: Arial;
	text-decoration: none;
}
.DGMPDETAILSUB:HOVER
{
	font-size: 8pt;
	cursor: pointer;
	color: red;
	font-family: Arial;
	text-decoration: none;
}


.DGMPDETAILDATE
{
	font-weight: normal;
	font-size: 8pt;
	cursor: pointer;
	color: blue;
	font-family: Arial;
	text-decoration: none;
}
.DGMPDETAILDATE:HOVER
{
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	color: red;
	font-family: Arial;
	text-decoration: none;
}


.DGMPDETAILDATE_AS_COL
{
	font-weight: normal;
	font-size: 8pt;
	cursor: pointer;
	color: white;
	font-family: Arial;
	text-decoration: none;
}
.DGMPDETAILDATE_AS_COL:HOVER
{
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	color: red;
	font-family: Arial;
	text-decoration: none;
}


/*************************************************************************
* DGDropDownButton Styles												 *
*************************************************************************/

/****** DGDropDownButton example ******/

/* DropDownButton main table default style */
table.DGDDBDefault
{
	border-color: White;
	border-width: 1px;
	border-style: Solid;
	font-family: Trebuchet MS;
	font-size: 10pt;
}
/* All cells in DropDownButton main table */
table.DGDDBDefault td
{
	padding: 3px 3px 3px 3px;
}
/* DropDownButton main table hover style */
table.DGDDBHover
{
	background-color: White;
	border-color: White;
	border-width: 1px;
	border-style: Solid;
	font-family: Trebuchet MS;
	font-size: 10pt;
	color: #336699;
}
/* All cells in DropDownButton main table while hovering */
table.DGDDBHover td
{
	padding: 3px 3px 3px 3px;
}
/* DropDownButton main table style when the mousebutton is pressed & held */
table.DGDDBClick
{
	color: #336699;
	background-color: White;
	border-color: White;
	border-width: 1px;
	border-style: Solid;
	font-family: Trebuchet MS;
	font-size: 10pt;
}
/* All cells in DropDownButton main table while clicking */
table.DGDDBClick td
{
	padding: 3px 3px 3px 3px;
}
/* Right cell containing dropdown indicator */
td.DGDDBSeparatorDefault
{
	border-left-style: solid;
	border-left-color: White;
	border-left-width: 1px;
}
/* Right cell containing dropdown indicator while hovering*/
td.DGDDBSeparatorHover
{
	border-left-style: solid;
	border-left-color: White;
	border-left-width: 1px;
}
/* Right cell containing dropdown indicator while clicking*/
td.DGDDBSeparatorClick
{
	border-left-style: solid;
	border-left-color: White;
	border-left-width: 1px;
}
/* SubMenu table */
table.DGDDBSubMenuDefault
{
	background-color: White;
	border-color: White;
	border-width: 1px;
	border-style: Solid;
	border-top-style: none;
	font-family: Trebuchet MS;
	font-size: 10pt;
	outline: none;
}
/* All cells in SubMenu table */
table.DGDDBSubMenuDefault td
{
	padding: 3px 3px 3px 3px;
	white-space: nowrap;
}
/* Style of the hovered row in the SubMenu */
tr.DGDDBSubMenuItemHover
{
	color: #336699;
}



/************* DGWebTree *************/

.DGWebTree
{
	font-size: 8pt;
	text-align: left;
	font-family: Verdana; /* Arial;*/
	background-color: #EFEFEF;
	color: Navy;
	overflow: auto;
}

.DGWTSELNODE
{
	font-weight: bold;
	color: Navy;
}

/*************************************/

/****** DGDropDownButtonSave ******/

/* DropDownButton main table default style */
table.DGDDBSaveDefault
{
	margin: 0px 5px 0px 5px;
	border-color: White;
	border-width: 1px;
	border-style: Solid;
	font-family: Trebuchet MS;
	font-size: 10pt;
}
/* All cells in DropDownButton main table */
table.DGDDBSaveDefault td
{
	padding: 0px 0px 0px 0px;
}
/* Span element containing the DropDownButton text */
table.DGDDBSaveDefault span
{
	padding: 0px 3px 0px 6px;
}
/* DropDownButton main table hover style */
table.DGDDBSaveHover
{
	margin: 0px 5px 0px 5px;
	background-color: White;
	border-color: White;
	border-width: 1px;
	border-style: Solid;
	font-family: Trebuchet MS;
	font-size: 10pt;
	color: #336699;
}
/* All cells in DropDownButton main table while hovering */
table.DGDDBSaveHover td
{
	padding: 0px 0px 0px 0px;
}
/* Span element containing the DropDownButton text on hovering */
table.DGDDBSaveHover span
{
	padding: 0px 3px 0px 6px;
}
/* DropDownButton main table style when the mousebutton is pressed & held */
table.DGDDBSaveClick
{
	margin: 0px 5px 0px 5px;
	color: #336699;
	background-color: White;
	border-color: White;
	border-width: 1px;
	border-style: Solid;
	font-family: Trebuchet MS;
	font-size: 10pt;
}
/* All cells in DropDownButton main table while clicking */
table.DGDDBSaveClick td
{
	padding: 0px 0px 0px 0px;
}
/* Span element containing the DropDownButton text on clicking */
table.DGDDBSaveClick span
{
	padding: 0px 3px 0px 6px;
}
/* DropDownButton main table default style */
table.DGDDBSaveDisabled
{
	margin: 0px 5px 0px 5px;
	border-color: White;
	border-width: 1px;
	border-style: Solid;
	font-family: Trebuchet MS;
	font-size: 10pt;
	color: Gray;
}
/* All cells in DropDownButton main table */
table.DGDDBSaveDisabled td
{
	padding: 0px 0px 0px 0px;
}
/* Span element containing the DropDownButton text */
table.DGDDBSaveDisabled span
{
	padding: 0px 3px 0px 6px;
}






/* Right cell containing dropdown indicator */
td.DGDDBSaveSeparatorDefault
{
	border-left-style: solid;
	border-left-color: White;
	border-left-width: 1px;
}
/* Right cell containing dropdown indicator while hovering*/
td.DGDDBSaveSeparatorHover
{
	border-left-style: solid;
	border-left-color: White;
	border-left-width: 1px;
}
/* Right cell containing dropdown indicator while clicking*/
td.DGDDBSaveSeparatorClick
{
	border-left-style: solid;
	border-left-color: White;
	border-left-width: 1px;
}
td.DGDDBSaveSeparatorDisabled
{
	border-left-style: solid;
	border-left-color: White;
	border-left-width: 1px;
}
/* SubMenu table */
table.DGDDBSaveSubMenuDefault
{
	background-color: White;
	border-color: White;
	border-width: 1px;
	border-style: Solid;
	border-top-style: none;
	font-family: Trebuchet MS;
	font-size: 10pt;
	outline: none;
}
/* All cells in SubMenu table */
table.DGDDBSaveSubMenuDefault td
{
	padding: 6px 0px 0px 0px;
	white-space: nowrap;
}
/* All text in SubMenu table cells */
table.DGDDBSaveSubMenuDefault span
{
	padding: 0px 6px 0px 6px;
}
/* Style of the hovered row in the SubMenu */
tr.DGDDBSaveSubMenuItemHover
{
	color: #336699;
}
/* Style of the hovered row in the SubMenu */
tr.DGDDBSaveSubMenuItemDisabled
{
	color: Gray;
}
/* Complex SubMenu table (wrapped around simple submenu) */
table.DGDDBSaveSubMenuComplexMain
{
	background-color: White;
	margin-top: 3px;
	height: auto !important;
}
/* Complex SubMenu left cell */
td.DGDDBSaveSubMenuL
{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: Navy;
	width: 6px;
}
/* Complex SubMenu right cell */
td.DGDDBSaveSubMenuR
{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: Navy;
	width: 5px;
}
/* Complex SubMenu bottom left cell */
td.DGDDBSaveSubMenuBL
{
	background-image: url(AppImageLoader.ashx?box/softedge_BL.gif);
	width: 6px;
	background-repeat: no-repeat;
	height: 8px;
}
/* Complex SubMenu bottom cell */
td.DGDDBSaveSubMenuB
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: Navy;
	height: 8px;
}
/* Complex SubMenu bottom right cell */
td.DGDDBSaveSubMenuBR
{
	background-image: url(AppImageLoader.ashx?box/softedge_BR.gif);
	width: 5px;
	background-repeat: no-repeat;
	height: 8px;
}

/** filterpanel styles  ******/
.filterPanelTable
{
	/*    border-width: 4px;     border-style: solid;     border-color: #E2E2E2;*/
}

.filterPanelButtonTable
{
	background-color: #E2E2E2;
	border-collapse: collapse;
}

.filterPanelButtonTable td
{
	padding: 3px;
}

.filterPanelContent
{
	border-width: 2px;
	border-style: solid;
	border-color: #E2E2E2;
}
/************/

/*************************************************************************
* DGNavigationToolbar Styles											 *
*************************************************************************/

/* Contains miNavToolbar and miNavToolbar_location */
table.miNavToolbar_container
{
	height: 36px;
	border-collapse: collapse;
}
/* Style of the toolbar itself */
div.miNavToolbar
{
	height: 30px;
	text-align: left;
	border-top: solid 1px Black;
	border-bottom: solid 1px Black;
}
/* Default style of a toolbar item */
.miNavToolbar_item
{
	vertical-align: middle;
	font-family: Trebuchet MS;
	font-size: 10pt;
	padding: 0 8 0 8;
	cursor: pointer;
}
/* Hover style of a toolbar item */
.miNavToolbar_item_hover
{
	font-family: Trebuchet MS;
	font-size: 10pt;
	padding: 0 8 0 8;
	color: #336699;
	cursor: pointer;
}

td.miNavToolbar_left
{
	width: 10px;
	background: url(AppImageLoader.ashx?miNavToolbar_left.gif) no-repeat right center;
}

/* Cell containing the help button */
td.miNavToolbar_help
{
	width: 44px;
	height: 36px;
	background: url(AppImageLoader.ashx?HelpNew.gif) no-repeat left center;
	cursor: pointer;
}

td.miNavToolbar_help_hover
{
	width: 44px;
	height: 36px;
	background: url(AppImageLoader.ashx?newHelpSmoothAnimation.gif) no-repeat left center; /*HelpNewHighlight.gif would be the unanimated one*/
	cursor: pointer;
}
/* Style of the "location button" (button that shows the title of the current module) */
table.miNavToolbar_location
{
	border-style: none;
	border-collapse: collapse;
}

td.miNavToolbar_location_cellL
{
	font-weight: bold;
	height: 30px;
	cursor: pointer;
	background: url(AppImageLoader.ashx?btnDefault_blue.gif) no-repeat left top;
	padding: 0px 8px 2px 13px;
	font-family: Trebuchet MS;
	font-size: 12pt;
	color: #BAC5D5;
}

td.miNavToolbar_location_cellL_hover
{
	font-weight: bold;
	height: 30px;
	cursor: pointer;
	background: url(AppImageLoader.ashx?btnHighlight_blue.gif) no-repeat left top;
	padding: 0px 8px 2px 13px;
	font-family: Trebuchet MS;
	font-size: 12pt;
	color: White;
}

td.miNavToolbar_location_cellR
{
	width: 5px;
	cursor: pointer;
	font-size: 2px;
	background: url(AppImageLoader.ashx?btnDefault_blue.gif) no-repeat right top;
}

td.miNavToolbar_location_cellR_hover
{
	width: 5px;
	cursor: pointer;
	font-size: 2px;
	background: url(AppImageLoader.ashx?btnHighlight_blue.gif) no-repeat right top;
}

table.miNavToolbar_loading
{
	height: 36px;
	border-style: none;
	background-color: White;
}

td.miNavToolbar_loading_right
{
	width: 44px;
	height: 36px;
	background: url(AppImageLoader.ashx?Loading.gif) no-repeat left center;
}

td.miNavToolbar_loading_center_text
{
	text-align: left;
	font-family: Trebuchet MS;
	font-size: 10pt;
	vertical-align: middle;
}

div.miNavToolbar_loading_center
{
	height: 30px;
	border-top: solid 1px Black;
	border-bottom: solid 1px Black;
}

td.miNavToolbar_loading_left
{
	width: 10px;
	background: url(AppImageLoader.ashx?miNavToolbar_left.gif) no-repeat right center;
}

/*************************************************************************
* DGButtonAdv Styles													 *
*************************************************************************/

table.btnAdv
{
	font-family: Arial;
	color: Black;
	font-size: 8pt;
	height: 20px;
	vertical-align: bottom;
	outline: none;
	display: inline-table;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	
	min-width: 100px;
}

table.btnAdv td
{
	padding: 0px;
}

table.btnAdv td.btnAdv_middle
{
	text-align: center;
}

table.btnAdv td.btnAdv_left div
{
	width: 4px;
}

table.btnAdv td.btnAdv_right div
{
	width: 4px;
}


table.btnAdv span
{
	white-space: nowrap;
	margin-left: 3px;
	margin-right: 3px;
}

/* Default */
table.btnAdv.default td.btnAdv_left
{
	width: 4px;
	background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdv_left.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

table.btnAdv.default td.btnAdv_middle
{
	background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdv_middle.gif);
	background-position: left center;
	background-repeat: repeat-x;
}

table.btnAdv.default td.btnAdv_right
{
	width: 4px;
	background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdv_right.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/* Highlight */
table.btnAdv.hover td.btnAdv_left
{
	width: 4px;
	background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvH_left.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

table.btnAdv.hover td.btnAdv_middle
{
	background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvH_middle.gif);
	background-position: left center;
	background-repeat: repeat-x;
}

table.btnAdv.hover td.btnAdv_right
{
	width: 4px;
	background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvH_right.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/* Pressed */
table.btnAdv.pressed td.btnAdv_left
{
	width: 4px;
	background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvP_left.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

table.btnAdv.pressed td.btnAdv_middle
{
	background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvP_middle.gif);
	background-position: left center;
	background-repeat: repeat-x;
}

table.btnAdv.pressed td.btnAdv_right
{
	width: 4px;
	background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvP_right.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/* Disabled */
table.btnAdv.disabled td.btnAdv_left
{
	width: 4px;
	background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvD_left.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

table.btnAdv.disabled td.btnAdv_middle
{
	background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvD_middle.gif);
	background-position: left center;
	background-repeat: repeat-x;
	color: #B4B4B4;
}

table.btnAdv.disabled td.btnAdv_right
{
	width: 4px;
	background-image: url(AppImageLoader.ashx?DGButtonAdv/btnAdvD_right.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/*Classes for Guest page*/
/**********************/
.DGCOMMONSETTINGS
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	height: 15px;
}

.DGLABELSUBTITLE
{
	font-size: 12pt;
	color: Navy;
	font-family: Arial;
	font-weight: bold;
}

.DGTEXTBOX4COLS
{
	font-size: 8pt;
	width: 183px;
	padding-bottom: 10px;
}

.DGDROPDOWN4COLS
{
	font-size: 8pt;
	width: 183px;
}

.DGSPINNER4COLS
{
	font-size: 8pt;
	width: 165px;
	height: 16px;
}

.DGCONTROLRELWIDTH
{
	width: 100%;
}

.DGTAB
{
	font-size: 10pt;
	color: Navy;
	font-family: Arial;
}

.TDLINE
{
	border-top: groove 1px black;
}

.DGTABLE
{
	width: 98%;
	margin: 12px 12px 12px 12px;
}

.tableTreeViewGrid
{
	width: 100%;
	height: 100%;
}

.TreeViewContainer
{
	width: 270px;
	height: 250px;
	font-family: Verdana;
	font-size: 8pt;
	color: Navy;
	background-color: #EFEFEF;
	overflow-x: hidden;
	overflow-y: auto;
	top: 100%;
}
/* myGuest ~ Station Ordering Screen */

/* Order Components Panel */
table.OrdComPan
{
	width: 100%;
	border-collapse: collapse;
}

table.OrdComPan td.OuterContainer
{
	width: 33%;
	vertical-align: top;
	padding-top: 30px;
}

table.OrdComPan td
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
}

table.OrdComPan td.InnerContainerLeft
{
	width: 60px;
	vertical-align: middle;
	text-align: right;
}

table.OrdComPan td.InnerContainerRight
{
	vertical-align: middle;
	text-align: left;
}

table.OrdComPan td.InnerContainerMarked
{
	color: Red;
	font-weight: bold;
}

table.OrdComPan tr.row0
{
	background-color: #ECF5FF;
}
table.OrdComPan tr.row1
{
}

table.OrdComPan select
{
	font-family: Verdana;
	font-size: 1em;
	width: 50;
	height: 40;
}

.SideBarMenu
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000080;
}
td.SideBarMenu
{
	width: 170px;
	vertical-align: top;
	white-space: nowrap;
}
ul.SideBarMenu
{
	list-style: none;
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 0px;
	text-indent: -12px;
	list-style-position: inside;
	white-space: nowrap;
}
ul.SideBarMenu span.Bullet
{
	font-family: Wingdings 3;
	font-size: 12px;
}
ul.SideBarMenu a
{
	color: #000080;
	text-decoration: none;
}
ul.SideBarMenu a.Selected
{
	font-weight: bold;
}
ul.SideBarMenu li
{
	font-weight: normal;
	margin-bottom: 4px;
	padding-top: 4px;
}
ul.SideBarMenu li.FirstItem
{
	border-style: solid;
	border-width: 2px 0px 0px 0px;
	border-color: Gray;
}
.contentPanel
{
	margin-top: 5px;
	margin-bottom: 10px;
	border: ridge 1px #aaaaaa;
	border-collapse: collapse;
	width: 100%;
	height: 100%;
}
td.PCModOrdering
{
	text-align: left;
	padding-left: 5px;
}

td.PCModOrdering span.MenuImg
{
	font-size: 14.0pt;
	font-family: Wingdings;
	color: navy;
}

td.PCModOrdering input.MenuButton
{
	background-color: #64D2EA;
	border: none 0px #64D2EA;
	font-family: Verdana;
	font-weight: bold;
	color: Navy;
	text-align: left;
	padding-left: 10px;
}

.PCModOrdering
{
	background-color: #64D2EA;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	text-align: center;
	color: navy;
	vertical-align: middle;
	border: none;
}

td.compHeaderLeft
{
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	border-color: Gray;
}

td.compHeaderRight
{
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	border-color: Gray;
}

td.CmpOrdPanTop
{
	background-color: Navy;
	font-family: Verdana;
	font-size: 10px;
	color: White;
	font-weight: bold;
	text-align: center;
	height: 20px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: Gray;
}

table.CmpOrdPanContainer
{
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: Gray;
}

table.CmpOrdPanContainer td
{
	width: 25%;
}


table.AfterCmpOrdPanTable
{
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: Gray;
}
.table.AfterCmpOrdPanTable tr.row0
{
	height: 20px;
	background-color: #D1E6FF;
}
.table.AfterCmpOrdPanTable tr.row1
{
	height: 20px;
}

table.tblBelowComponents
{
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: Gray;
}
.table.tblBelowComponents tr.row0
{
	height: 20px;
	background-color: #D1E6FF;
}
.table.tblBelowComponents tr.row1
{
	height: 20px;
}

table.OverviewContainer
{
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: Gray;
}

table.CmpOrdPan
{
	width: 100%;
	height: 100%;
}

.CmpOrdPan td.Controls
{
	width: 25%;
	vertical-align: top;
	border-style: none;
	text-align: right;
	padding-right: 4px;
	border-width: 0px;
}
.CmpOrdPan td.Labels
{
	width: 75%;
	vertical-align: middle;
	border-style: none;
	border-width: 0px;
	white-space: nowrap;
	font-family: Verdana;
	font-size: 10px;
	color: Navy;
}
.CmpOrdPan a:link
{
	vertical-align: middle;
	white-space: nowrap;
	font-family: Verdana;
	font-size: 10px;
	color: Navy;
	text-decoration: none;
}

.table.CmpOrdPan select
{
	width: 40px;
	height: 18px;
	font-family: Verdana;
	font-size: 12px;
}
.CmpOrdPan td.empty
{
	height: 20px;
}
.table.CmpOrdPan tr.row0
{
	height: 20px;
	background-color: #D1E6FF;
}
.table.CmpOrdPan tr.row1
{
	height: 20px;
	background-color: White;
}
.CmpOrdPan td.Selected
{
	width: 75%;
	vertical-align: middle;
	border-style: none;
	border-width: 0px;
	white-space: nowrap;
	font-family: Verdana;
	font-size: 10px;
	color: Red;
	font-weight: bold;
}
.CmpOrdPan td.Info0
{
	height: 20px;
	background-color: #D1E6FF;
}
.CmpOrdPan td.Overview
{
	height: 20px;
	font-family: Verdana;
	font-size: 10px;
	text-align: left;
	padding-left: 35px;
	color: Navy;
}
.OrderDetailLabel
{
	font-family: Verdana;
	font-size: 12px;
	color: Navy;
	font-weight: bold;
}

.tblTab
{
	width: 100%;
	border-collapse: collapse;
}

#tblDetails td
{
	border: solid 1px #64D2EA;
	width: 25%;
	font-family: Verdana;
	font-size: 10px;
	color: Black;
	padding-left: 5px;
	vertical-align: middle;
	white-space: nowrap;
}

#tblAssignments td
{
	border: solid 1px #64D2EA;
	width: 25%;
	font-family: Verdana;
	font-size: 10px;
	color: Black;
	padding-left: 5px;
	vertical-align: middle;
	white-space: nowrap;
}


#trTabEmptyRow
{
	height: 7px;
}

.tabEmptyTd
{
	background-color: #64D2EA;
}

.MainDiv
{
	width: 100%;
}

.list
{
	position: inherit;
	border: solid 0px 1px 0px 1px #2a56b3;
	overflow: auto;
	width: 300px;
	font-family: verdana;
	font-size: 10px;
	color: #2a56b3;
	height: 200px;
}

.listOption
{
	background: #FFFFFF;
	color: #2a56b3;
	font-family: verdana;
	font-size: 10px;
	cursor: default;
	width: 298px;
	height: 20px;
	vertical-align: middle;
	white-space: nowrap;
}

.listOptionHighlighted
{
	background: #0099FF;
	color: White;
	border: solid 0px 1px 0px 1px #2a56b3;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
	height: 20px;
	vertical-align: middle;
	width: 298px;
	white-space: nowrap;
}

.tdTreeView
{
	width: 35%;
	font-family: Verdana;
	font-size: 8pt;
	color: Navy;
	vertical-align: top;
	height: 100%;
	background-color: #EFEFEF;
	white-space: inherit;
}

.tdGrid
{
	width: 65%;
	height: 100%;
	vertical-align: top;
	border-width: 0px;
}
.colGrid
{
	text-align: center;
	height: 20px;
	border-bottom: solid 1px Navy;
}

.disabledTreeNode
{
	font-family: Verdana;
	font-size: 8pt;
	color: Gray;
	font-weight: normal;
	width: 100px;
}

.savedTreeNode
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	width: 100px;
}

.treeNode
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	width: 100px;
}

.cantsaveTreeNode
{
	color: Gray;
	font-weight: bold;
	width: 100px;
}

/* for DGAssignTreeView control*/
.TreeNodeVisible
{
	vertical-align: top;
	display: block;
}

/* for DGAssignTreeView control*/
.TreeNodeHidden
{
	vertical-align: top;
	display: none;
}

/* for DGAssignTreeView control*/
.WebTreeCss, .WebTreeCssSmall, .ScanFormsAssignDivTreeCss
{
	width:350px;
	font-family: Verdana;
	font-size: 8pt;
	color: Navy;
	vertical-align: top;
	height:480px;	
	background-color:white;
	white-space: inherit;
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	cursor: default;
	-moz-user-select: none;
	padding-left: 5px;
	padding-top: 5px;
	overflow-x: hidden;
	overflow-y: auto!important;
}

.WebTreeCssSmall, .ScanFormsAssignDivTreeCss
{
	width: 260px;
	height: 280px !important;
}

.ScanFormsAssignDivTreeCss
{
	height: 400px;
}

/* ---------------- BEGIN: Common Styles for DGHorizontalSpin ------------------------------------------ */

.DGHSpinContainer
{
	float:left;
	margin-top:1px;
	margin-bottom:1px;
}

.SpinMain
{
	border: solid 1px Gray;
}

.DGHSpinContainer .SpinLeft
{
	margin-left:1px;
}

.DGHSpinContainer .SpinRight
{
	margin-right:1px;
}

div.SpinNormal
{
	width:100px;
}

div.SpinShort
{
	width:70px;
}

div.SpinVeryShort
{
	width:30px;
}

.SpinNormal input[type=text], .SpinShort input[type=text], .SpinVeryShort input[type=text]
{
	width:94%!important;
}

.DGHSpinLabelButton
{
	background: #B5D3FF;
	border-style: none;
}

.DGHSpinContainer .DGHSpinLabelButton
{
	float:left;
	width:18px;
	height:22px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}

/* ---------------- END: Common Styles for DGHorizontalSpin ------------------------------------------ */

/* */
.mealtime_settings
{
	width: 180px;
	text-align: center;
}
.mealtime_inherit
{
	width: 110px;
	text-align: center;
}
.mealtime_autoorder
{
	width: 80px;
	text-align: center;
}
.mealtime_day
{
	width: 50px;
	text-align: center;
}
.mealtime_time
{
	width: 75px;
	text-align: center;
}

.mealtime_header
{
	text-align: center;
	background-color: #84BDF2;
}

.mealtime_header_label
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	padding-left: 2px;
	color: navy;
}

.mealtime_grayBackground
{
	background-color: #E1E1E1;
}

.SalesItemsAssignControlsTd
{
	border-left: solid 8px White;
	width: 100%;
	vertical-align: top;
}

.HeaderBlue
{
	background-color: Navy;
	color: White;
	height: 20px;
	vertical-align: top;
}
.TextHeaderBlue
{
	font-family: Arial;
	font-size: 8pt;
	color: White;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	padding-left: 2px;
}

.SalesItemTreeviewEditFormBorder
{
	border: solid 1 Gray;
	padding: 5px, 0px, 0px, 5px;
}

.SalesItemGridPadding
{
	padding-top: 21px;
	border-left: solid 10px White;
}

.SalesItemBottomLabel
{
	margin-bottom: -5px;
}

.SalesItemTextBox
{
	margin-top: -2px;
}

.DGTEXTBOX_MEALTIME
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	border: Solid 1 DarkGray;
	height: 20px;
	margin-top: -2px;
}
/* */
.DGASSIGNLABEL
{
	font-size: 10pt;
	color: black;
	font-family: Arial;
	height: 16px;
}
.DGTITLELABEL
{
	font-size: large;
	font-weight: bold;
	color: black;
	font-family: Arial;
	height: 60px;
	margin-bottom: 20pt;
}

.MENUALIGNMIDDLE
{
	text-align: center;
}

.MENUTABLERADIO
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	vertical-align: top;
	text-align: left;
	top: inherit;
}

.TDALIGNRIGHT
{
	text-align: right;
	padding-right: 5px;
	white-space: nowrap;
	vertical-align: middle;
}

.TDALIGNLEFT
{
	padding-left: 5px;
	vertical-align: middle;
}

.TDLABELS
{
	border-left: 2pt;
	border-left-color: White;
	border-right-width: 2pt;
	border-right-color: White;
	background-color: Navy;
}

.DGTEXTBOXLONG
{
	font-size: 8pt;
	color: black;
	font-family: Arial;	
	width: 300px;	
}

.DGTEXTBOXSHORT
{
	font-size: 8pt;
	color: black;
	font-family: Arial;	
	width: 110px;	
}

.TDCLASS
{
	height: 10pt;
}

.BUTTONLINK
{
	font-size: 8pt;
	font-family: Arial;
	background-color: White;
	border-color: White;
	border-style: none;
	text-decoration: underline;
	font-weight: bold;
	color: Navy;
	text-align: left;
}

.DGEDITPANEL
{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 45%;
	border: ridge 1px #aaaaaa;
}

.DGASSIGNPANEL
{
	margin-top: 10px;
	margin-bottom: 10px;
	border: ridge 1px #aaaaaa;
	border-collapse: collapse;
}

.LISTBOX
{
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial;
	color: Black;
	text-decoration: none;
}

.TDLISTBOX
{
	border: inset 2px;
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial;
	color: Black;
	text-decoration: none;
	height: 18px;
}

.DGCALENDAR4COLS
{
	background-color: #D4C8D0;
	font-family: Arial;
	color: Black;
	font-size: 8pt;
	height: 18px;
	width: 183px;
	padding-bottom: 10px;
}
/************************/

.assignTable
{
	/*width: 100%;*/
	height: 100%;
}

.assignLabelsTd, .assignLabelsTdLarge
{
	background-color: Navy;
	text-align: center;
	width: 260px;
	height:19px;	
}
.assignLabelsTdLarge
{
	width:380px;
}
.assignLabels
{
	font-family: Verdana;
	height:16px;
	font-size: 8pt;
	font-weight:bold !important;
	color: White;
}
.assignListBox
{
	width: 100%;
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial;
	color: Black;
	text-decoration: none;
}

.assignButtonsTable
{
	width: 100%;
}

.assignSaveButton
{
	margin-top: 40px;
	font-family: Arial;
	color: Black;
	font-size: 8pt;
	height: 20px;
	width: 100px;
}

.assignContainer, .assignContainerLarge
{
	width: 260px;
	height: 500px;
	overflow: auto;
	border-style: solid;
	border-width: 1px;
	cursor: default;
	-moz-user-select: none; 
}
.assignContainerLarge
{
	width:380px;
}

.defaultItem
{
	font-family: Arial;
	font-size: 10pt;
	color: Navy;
	margin-left: 3px;
	display: block;
	text-decoration: none;
	background-color: White;
}

.selectedItem
{
	font-family: Arial;
	font-size: 10pt;
	color: White;
	margin-left: 3px;
	display: block;
	text-decoration: none;
	background-color: Navy;
}
.hiddenItem
{
	display: none;
}

.leftBorder
{
	border-left: solid 1px white;
}
.rightBorder
{
	border-right: solid 1px white;
}

.orderCutOffHeaderLeft
{
	text-align: left;
	padding-left: 2px;
	border-right: solid 1px white;
}
.orderCutOffHeaderRight
{
	text-align: right;
	padding-right: 2px;
}

.deliveryButton
{
	text-align: center;
	width: 85px;
}
.GuestDeliveryRecord
{
	font-family: Arial;
	color: Black;
	font-size: 8pt;
	font-weight: bold;
}

.tblAlternateRow0
{
	background-color: #D1E6FF !important;
}
.tblAlternateRow1
{
	background-color: #FEFCFD !important;
}

.tblAlternateLink, .tblAlternateLink0, .tblAlternateLink1
{
	background-color: Transparent;
	font-size: 8pt;
	font-family: Arial;
	border-color: White;
	border-style: none;
	text-decoration: underline;
	font-weight: bold;
	color: Navy;
	text-align: left;
}

.tblAlternateLink0
{
	background-color: #D1E6FF;
}

.tblAlternateLink1
{
	background-color: #FEFCFD;
}

.alternateText0
{
	font-size: 8pt;
	font-family: Arial;
	color: Navy;
	text-align: right;
	background-color: #D1E6FF;
	padding-right: 15px;
}
.alternateText1
{
	font-size: 8pt;
	font-family: Arial;
	color: Navy;
	text-align: right;
	background-color: #FEFCFD;
	padding-right: 15px;
}
.CheckSign
{
	font-family: Wingdings;
	color: Green;
	font-weight: 700 !important;
	font-size: 10pt;
}

.InactiveSign
{
	font-family: Wingdings;
	color: Red;
	font-weight: 700 !important;
	font-size: 10pt;
}

.ArrowSign
{
	font-family: Wingdings 3;
	color: Green;
	font-weight: 700 !important;
	font-size: 10pt;
}

.ArrowHeader
{
	font-family: Wingdings 3;
	color: White;
	font-weight: 700 !important;
	font-size: 10pt;
}

table.RoomService td
{
	vertical-align: top;
}

.PCModuleHeader
{
	font-family: Arial;
	font-size: large !important;
	color: Navy !important;
	font-weight: bold;
	width: 100%;
}

.deliveryTableBottomLeft
{
	vertical-align: bottom;
	text-align: left;
}

.deliveryTableTopLeft
{
	vertical-align: top;
	text-align: left;
}

.deliveryTableTop
{
	vertical-align: top;
}

.deliveryTableBottom
{
	vertical-align: bottom;
}

.deliveryTableMiddleLeft
{
	vertical-align: middle;
	text-align: left;
}

.BUTTONLINKONMENU
{
	font-size: 8pt;
	font-family: Arial;
	border-style: none;
	background-color: transparent;
	border-color: #CCFEFE;
	text-decoration: underline;
	font-weight: bold;
	color: Navy;
	cursor: pointer;
}

.GRIDCOLBTN_DELETEBTN
{
	background-position: 5px 1px;
	background-color: Red;
	background-image: url(../../../../Common/images/red.gif);
	background-repeat: no-repeat;
}

.POS_HOVER
{
	background: red;
}

.POS_OUT
{
	background: blue;
}



.EditMenuNutritionLabel
{
	text-align: left;
	color: Navy;
	font-size: 8pt;
	font-family: Arial;
	border-style: none;
	vertical-align: bottom;
}

.DGSPINNER
{
	font-size: 8pt;
	height: 16px;
}

.ScreenLabel
{
	text-align: left;
	color: Navy;
	font-size: medium;
	font-weight: bold;
	font-family: Arial;
	border-style: none;
}

span.MenuImg
{
	font-size: 12px;
	font-family: Wingdings 3;
	color: Navy;
}

.DGLABELWHITE
{
	font-size: 8pt;
	color: white;
	font-family: Arial;
	height: 16px;
}

.DIVSetSortOrderButton
{
	display:none;
}

.DIVSetFilterPanel
{
	float: left;
}
.DIVFilterPanelContainer
{
	/*width: 600;*/
}



.DG_NAMEINMENU_GENERATED
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
}

.DG_NAMEINMENU_NOT_GENERATED
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	background-color: #E3F5FF;
}

.DGEDITPANELFIXED
{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 960px;
	border: ridge 1px #aaaaaa;
	border-collapse: collapse;
}

.EDITCELL
{
	border-top: activeborder 2px inset !important;
	border-bottom: activeborder 2px inset !important;
	border-left: activeborder 2px inset !important;
	border-right: activeborder 2px inset !important;
	background-color: white;
	font-size: 8pt;
	font-family: Verdana;
	margin-left: 3px;
	color: royalblue;
	padding: 0px 0px 0px 3px;
}

/**********************/
/* DGCalendar Control */
/************************************************************/
/* IMPORTANT: DO NOT CHANGE THE ORDER OF THE CLASSES BELOW! */
/************************************************************/

/* Main table, everything is inside */
.DGCALENDAR_MAIN
{
	font-family: Verdana, Arial;
	font-size: 8pt;
	border: none 0px transparent !important;
}
/* All links inside the main table */
.DGCALENDAR_MAIN A
{
	color: #000084;
	text-decoration: none;
}
/* Separate table, including the cells for the month/year display and <, > */
.DGCALENDAR_TITLE
{
	font-family: Verdana, Arial;
	font-size: 8pt;
	font-weight: bold;
	background-color: #84AAFF;
	color: #000084;
}
/* The cell containing the prev and next links */
.DGCALENDAR_NEXTPREV
{
	text-decoration: none !important;
}
/* The cell containing the day headers (Mon-Sun) */
.DGCALENDAR_DAYHEADER
{
	background-color: #000084;
	color: White;
}

/* 
NOTE: 
	_DAY and _WEEKENDDAY are the base classes.
	_TODAY, _SELECTEDAY and _OTHERMONTHDAY get applied additionally to the base classes!
Example:
	class="DGCALENDAR_DAY DGCALENDAR_TODAY"
*/

/* Additional class for the currently selected day */
.DGCALENDAR_SELECTEDDAY
{
	background-color: #FFAAAA !important;
}
/* Additional class for the current day */
.DGCALENDAR_TODAY
{
}
/* Additional class for days belonging to another month */
.DGCALENDAR_OTHERMONTHDAY
{
}
/* Links for days belonging to another month */
.DGCALENDAR_OTHERMONTHDAY A
{
	visibility: hidden;
}

.DGCALENDAR_HOLIDAY
{
	background-color: Yellow !important;
}


/* The base class for every day cell */
.DGCALENDAR_DAY
{
	background-color: #84AAFF;
}
/* The base class for every weekend day cell */
.DGCALENDAR_WEEKENDDAY
{
	background-color: #C6D7FF;
}

.DISABLEDCELL
{
	background-color: #EEEEEE;
}
/* Unavailable day that can't be selected or clicked */
.DGCALENDAR_DAY_UNAVAILABLE
{
	color: #D0D0D0;
}

.WINGMEALIMAGE, .WINGMEALIMAGELARGE
{
	font-family: Wingdings 3;
	font-size: 16px;
	color: Navy;
	cursor: pointer;
}

td.compHeaderGreen
{
	background-color: Lime;
	border-right: solid 1px white;
	height: 20px;
}

td.compHeaderBlue
{
	background-color: #D1E6FF;
	border-right: solid 1px white;
	height: 20px;
}

td.compHeaderRed
{
	background-color: Red;
	border-right: solid 1px white;
	height: 20px;
}

td.compHeaderDisabled
{
	background-color: #E1E1E1;
	border-right: solid 1px white;
	height: 20px;
}

.LabelCmpOrdPanBlueTop
{
	font-family: Arial;
	font-size: 12px;
	color: Navy;
	font-weight: bold;
	vertical-align: middle;
}

.assignLabelsPrintFloorStock
{
	font-size: 8pt;
	text-align: left;
	font-family: Arial;
	height: 16px;
	font-size: 12pt;
	color: White;
}

.RedOption
{
	color: Red;
}

.indentLeft
{
	padding-left: 20px;
}

#tooltip 
{
	position: absolute;
	z-index: 3000;
	
	font-family: Tahoma, Sans-Serif;
	font-size: 8pt;
	padding: 2px 3px 2px 3px;
	border: 1px solid black;
	background-color: #FFFFE1;
	box-shadow: 3px 3px 4px -3px;
}

.DGLISTBOX
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
}

.hiddenControl
{
	border: 0px !important;
}

.hiddenControl input[type="checkbox"]
{
	display: none;
}