/*  Main body tag */
body
{
	background: Black;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	list-style-type: circle;
}
/* General links appearance */
A:link
{
	font-family: tahoma;
	font-size: 12px;
	text-decoration: underline;
	color: #FFFFFF;
}
A:visited
{
	font-family: tahoma;
	font-size: 12px;
	text-decoration: underline;
	color: #FFFFFF;
}
/*  All dialogs (popups) */
.popupPanel
{
	border-color: Silver;
	border-style:solid;
	border-width: 2px;
	background-color: #E2E2E2;
	color: Black; 
	font-weight: normal; 
	font-family: Tahoma; 
	font-size: 12px;
}
/* Dialog title style */
.popupTitle
{
	font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: white;
	background-color: Transparent;
	cursor:move;
}
/*  Dialog visibility */
.modalStdBackground
{
	background-color: #999999;
	filter: alpha(opacity=30);
	opacity: 0.3;
}
/* Error visibility */
.modalErrorBackground
{
	background-color:Maroon;
	filter:alpha(opacity=70);
	opacity:0.7;
}
/* Used by Master Pages */
.modalWaitingBackground
{
	background-color:Transparent;
	filter: alpha(opacity=30);
	opacity: 0.3;
}
/*  General page - nearly every page receives this just after the title bar */
.stdPage
{
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #C0C0C0; /*  #CCCCFF;  */
	height:30000px;
	ScrollBars: Auto;
}
/*  General page without the height - required for a few pages (cross-browser issue) */
.shortPage
{
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #C0C0C0; /*  #CCCCFF;  */
}
/* Used to display bolder text on the stdPage */
.stdTitleLabel 
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	background-color:Transparent;
	color: Black; 
	font-weight:bold; 
	font-family: Tahoma; 
	font-size: 14px;
	padding-right: 5px; 
	padding-top:2px; 
	font-size: 12px; 
	vertical-align: middle;
	text-decoration: none; 
}
/*  Error display properties */
.errorPage
{
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #000000;
}
.errorPageTitle
{
	background-color: Transparent;
	font-family: Tahoma;
	font-size: 16pt;
	color: #FFFFFF;
	font-weight: bold;
}
.errorLabel
{
	background-color: Transparent;
	border: none;
	color: #FFFFFF;
	font-weight: normal;
	font-family: Tahoma;
	padding-right: 5px;
	padding-top: 2px;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none;
}
/* Standard button */
.stdButton
{
	font-weight: normal; 
	font-family: Tahoma; 
	font-size: 12px;
	width: 100px;
	color: White;
	background-color: Maroon;
}
/* Button should look like a label */
.flatButton
{
	border-style: none;
	border-width: 0px;
	font-family: Tahoma;
	font-size: 12px;
	background-color: Transparent;
	padding: 2px;
	margin: 2px;
	text-align: left;
}
/* Button should look like a label with a White Foreground */
.flatButtonWF
{
	border-style: none;
	border-width: 0px;
	font-family: Tahoma;
	font-size: 12px;
	background-color: Transparent;
	padding: 2px;
	margin: 2px;
	text-align: left;
	color: #FFFFFF;
}
/* Standard input */
.stdInput 
{
	background-color: Black;
	border: 1px solid #808080; 
	color: White; 
	font-weight: normal; 
	font-family: Tahoma; 
	height: 18px; 
	padding-left: 5px; 
	padding-top:2px; 
	font-size: 12px; 
	vertical-align: middle;
	text-decoration: none; 
	line-height: 16px
} 
.stdInput:hover
{ 
	border: LightGrey 1px solid; 
}
/* Used to make text boxes "invisible" */
.stdInputInvisible
{
	background-color:Transparent;
	color: #66CCFF;
	text-decoration: none;
	height:0px;
	width:0px;
	border-style: none;
}
.stdComment 
{
	background-color: White;
	border: 1px solid #808080; 
	color: Black; 
	font-weight: normal; 
	font-family: Tahoma; 
	padding-left: 5px; 
	padding-top:2px; 
	font-size: 12px; 
	vertical-align: middle;
	text-decoration: none; 
} 
.stdComment:hover
{ 
	border: LightGrey 1px solid; 
}

/* When input is invalid, this is the style */
.invalidTxtBox 
{
	background: #FF3300;
	border: 1px solid #8B0000; 
	color: Black; 
	font-weight: normal; 
	font-family: Tahoma; 
	height: 18px; 
	padding-left: 5px; 
	padding-top:2px; 
	font-size: 12px; 
	vertical-align: middle;
	text-decoration: none; 
} 
/* Standard label */
.stdLabel
{
	background-color: Transparent;
	border: none;
	color: #000000;
	font-weight: normal;
	font-family: Tahoma;
	padding-right: 5px;
	padding-top: 2px;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none;
}
/* Welcome label */
.welcomeLabel
{
	background-color: Transparent;
	border: none;
	color: #FFFFFF;
	font-weight: normal;
	font-family: Tahoma;
	padding-right: 5px;
	padding-top: 2px;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none;
}
.stdLabelBold
{
	background-color: Transparent;
	border: none;
	color: #000000;
	font-weight: bold;
	font-family: Tahoma;
	height: 18px;
	padding-right: 5px;
	padding-top: 2px;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none;
}
/* Formatting for table displaying help */
.cellHelpBack
{
	border-bottom:solid 1px #666666; 
	border-top:solid 1px #666666;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFF66;
}
.stdHelpLabel
{
	background-color: #FFFF66;
	border: none;
	color: #000000;
	font-weight: normal;
	font-family: Tahoma;
	padding-right: 5px;
	padding-top: 2px;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none;
}
.stdHelpLabelBold
{
	background-color: #66CCFF;
	border: none;
	color: #000000;
	font-weight: bold;
	font-family: Tahoma;
	padding-right: 5px;
	padding-top: 2px;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none;
}
/* Display when user does not have rights to a page */
.labelNoRights
{
	background: Black;
	border: none;
	color: Red; 
	font-family: Tahoma; 
	padding-right: 5px; 
	padding-top:2px; 
	font-size: 24pt; 
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none; 
}
/* Standard list box */
.stdListBox
{
	border: 1px solid #808080; 
	background: black;
	color: White;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
.stdListBoxBold
{
	border: 1px solid #808080; 
	background: black;
	color: White;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.stdListBoxFocus
{
	background-color: #FFFF66;
	color: #000000;
	font-weight: normal;
	font-family: Tahoma;
	padding-left: 5px;
	padding-top: 2px;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none;
}
.stdListBox:hover 
{ 
	border: LightGrey 1px solid; 
}
/* Standard List Box Colored */
/* Standard list box */
.stdListBoxItemColored
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	background: ;
	color: Yellow;
		font-family: Tahoma;
		font-weight: normal;
		font-size: 12px;
		text-decoration: none;
}
/* Standard combo box */
.stdComboBox
{
	background: Black;
	color: White;
	font-weight: normal;
	font-family: Tahoma;
	vertical-align: middle;
	height: 22px;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none;
}
.stdComboBox:hover 
{ 
	border: LightGrey 1px solid; 
}
.stdComboBox:focus
{
	background-color: #FFFF66;
	color: #000000;
	font-weight: normal;
	font-family: Tahoma;
	vertical-align: middle;
	height: 22px;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none;
}
/* Page title background style */
.pageTitle
{
	border: none;
	color: White;
	font-weight:bold;
	font-family:Tahoma;
	font-size:16px;
	text-decoration: none;
	background-color: #333333;
}
.pageTitlePrint
{
	border: none;
	color: #000000;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 16px;
	text-decoration: underline;
	background-color: #FFFFFF;
}
/* Page title foreground */
.titleLabel
{
	border: none;
	color: White;
	font-weight:bold;
	font-family:Tahoma;
	font-size:16px;
	text-decoration: none;
}
.titleLabelPrint
{
	border: none;
	color: #000000;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 16px;
	text-decoration: underline;
	background-color: #FFFFFF;
}
/* Page section background style */
.sectionTitle
{
	border-style: outset;
	border-width: thin;
	border-color: inherit;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 14px;
	text-decoration: none;
	background-color: #333333;
}
.sectionTitlePrint
{
	color: #000000;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 14px;
	text-decoration: none;
	background-color: #FFFFFF;
}
/* Not a title - but still in the section banner */
.sectionLabel
{
	background-color: Transparent;
	border: none;
	color: #FFFFFF;
	font-weight: normal;
	font-family: Tahoma;
	padding-right: 5px;
	padding-top: 2px;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none;
}
/* Page sub title - could probably interchange with 'sectionTitle' */
.subtitleLabel
{
	border: none;
	color: White;
	font-weight:bold;
	font-family:Tahoma;
	font-size:14px;
	text-decoration: none;
	line-height: 18px
}
.subtitleLabelPrint
{
	border: none;
	color: #000000;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 14px;
	text-decoration: none;
	line-height: 18px;
	background-color: #FFFFFF;
}
/* TableCell foreground */
.cellLabel
{
	background-color: Transparent;
	border: none;
	color: #FFFFFF;
	font-weight: normal;
	font-family: Tahoma;
	padding-right: 5px;
	padding-top: 2px;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none;
}
.cellLabelBold
{
	background-color: Transparent;
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Tahoma;
	padding-right: 5px;
	padding-top: 2px;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none;
}
/* TableCell background */
.cellLabelBack
{
	background-color: #000066;
	border-bottom: solid 1px #666666;
	border-top: solid 1px #666666;
	width: 100px;
	color: #FFFFFF;
}
/* TableCell data background (stdLabelBold is used as the foreground) */
.cellDataBack
{
	background-color: Transparent;
	border-bottom: solid 1px #666666;
	border-top: solid 1px #666666;
}
/* When displaying links in a grid */
.linkAsData
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.linkAsDataBold
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
/* Wizard style - see Dump/BulkAcknowledge.aspx */
.wizard
{
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	background-color: #FFFFFF;
	border: solid 2px grey;
}
.wizardBold
{
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	background-color: #FFFFFF;
}
.wizardQuestion
{
	font-family: Tahoma;
	font-weight:bold;
	font-size: 12px;
	font-style: italic;
	color: Black;
}
.wizardComment
{
	font-family: Tahoma;
	font-weight:normal;
	font-size: 12px;
	font-style: italic;
	color: Black;
}
/* Help window styles */
.helpTitle
{
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background-color: Transparent;
	cursor:move;
}
.helpSizerHandle
{
	width: 12px;
	height: 12px;
	background-image: url( '~/images/helpResizer.PNG' );
	overflow:hidden;
	cursor: se-resize;
}
.helpSizerBorder
{
	padding:0px;
	border-style:solid;
	border-width:4px;
	border-color:Yellow;	
}
/* Error dialog styles */
.errorTitle
{
	font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: white;
	background-color: Transparent;
	cursor:move;
}
.errorSizerHandle
{
	width: 14px;
	height: 14px;
	cursor: se-resize;
	background-color:White;
}
.errorSizerBorder
{
	padding:0px;
	border-style:solid;
	border-width:4px;
	border-color:White;	
}
.popupErrorText
{
	background: red;
	color: #FFFF00;
	font-weight: normal;
	font-family: Tahoma;
	padding-left: 2px;
	padding-top: 2px;
	font-size: 12px;
	vertical-align: top;
	text-decoration: none;
	line-height: 16px
}
.popupWaitingText
{
	background: #FFFFFF;
	color: #800000;
	font-weight: normal;
	font-family: Tahoma;
	padding-left: 2px;
	padding-top: 2px;
	font-size: 12px;
	vertical-align: top;
	text-decoration: none;
	line-height: 16px
}
.oldEmptyYard
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	background-color: #FF9966;
	color: #000000;
	font-weight: bold;
	font-family: Tahoma;
	padding-right: 5px;
	padding-top: 2px;
	font-size: 18px;
	vertical-align: middle;
	text-decoration: none;
	line-height: 20px;
}
.newEmptyYard
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	background-color: #99CCFF;
	color: #000000;
	font-weight: bold;
	font-family: Tahoma;
	padding-right: 5px;
	padding-top: 2px;
	font-size: 18px;
	vertical-align: middle;
	text-decoration: none;
	line-height: 20px;
}
.buttonBar
{
	background-color: #C0C0C0;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	text-decoration: none;
}
.warninglabel 
{
	color: Red; 
	font-weight: normal; 
	font-family: Tahoma; 
	height: 14px; 
	padding-right: 5px; 
	padding-top:2px; 
	font-size: 12px; 
	vertical-align: middle;
	text-decoration: none; 
	line-height: 16px
}
.warninglabelBold
{
	color: Red; 
	font-weight: bold; 
	font-family: Tahoma; 
	height: 14px; 
	padding-right: 5px; 
	padding-top:2px; 
	font-size: 12px; 
	vertical-align: middle;
	text-decoration: none; 
	line-height: 16px
}
/* Car Exception styles */
/* Car here/not in Waybill */
.carExcep1
{
	background-color: #CCFFFF;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
/* Car in Waybill/not here */
.carExcep2
{
	background-color: #FFE4C4;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
/* Car damaged/unable to dump */
.carExcep3
{
	background-color: #DEB887;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
/* Empty Reader/not in dump */
.carExcep4
{
	background-color: #999966;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
/* Empty Reader/not acknowledged */
.carExcep5
{
	background-color: #FFFF99;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
/* Car Sent to Shop */
.carExcep6
{
	background-color: #3399FF;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

/* STANDARD GRID PROPERTIES */
/* Navigation bar */
.dtaGridNavigation
{
	background: Black;
	border: 1px solid #808080;
	color: White;
	font-weight: normal;
	font-family: Tahoma;
	vertical-align: middle;
	height: 14px;
	padding-left: 5px;
	padding-top: 1px;
	font-size: 12px;
	vertical-align: middle;
	margin: 0 5px 0 5px;
	text-decoration: none;
} 
.dtaGridNavigation:hover 
{ 
	border: LightGrey 1px solid; 
}
.dtaGridNavigation:focus
{
	border: LightGrey 1px solid;
}
/* grid pager label */
.dtaGridPagerLabel
{
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	background-color: transparent;
}
/* grid pager text box */
.dtaGridPager
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #000000;
}
/* grid pager text box - the NP prevents the Paging Button from displaying */
.dtaGridPagerNP
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #000000;
}
/* grid column headers */
.dtaGridHeader
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #000066; /* #8B0000  */
	font-weight: bold;
	color: #FFFFFF;
}
.dtaGridHeaderPrint
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #C0C0C0; /* #8B0000  */
	font-weight: bold;
	color: #000000;
}
/* grid group header style */
.dtaGridGroupHeader
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #800000;
	font-weight: bold;
	color: #FFFF00;
}
/* grid group footer style */
.dtaGridGroupFooter
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #0000FF;
	font-weight: normal;
	color: #FFFFFF;
}
/* grid footer style */
.dtaGridFooter
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #FFFFCC;
	font-weight: bold;
	color: #000000;
}
/* grid row style */
.dtaGridItemRow
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #6699FF; /* #333333 */
	color: #000000;
}
.dtaGridItemRowPrint
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #CCFFFF; /* #333333 */
	color: #000000;
}
/* every other grid row style */
.dtaGridAlternatingItemRow
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #FFCC66; /* #666666 */
	color: #000000;
}
.dtaGridAlternatingItemRowPrint
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #FFFFFF; /* #666666 */
	color: #000000;
}
/* User selected the row */
.dtaGridSelectedRow
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #006600;
	color: #FFFFFF;
	font-weight: bold;
}
/* System highlights the row for a special reason */
.dtaGridSysHighlightRow
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #333300;
	color: #FFFFFF;
	font-weight: normal;
}
/* Hierarchical grid row style */
.dtaGridHierarchyItemRow
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #FFCC99;
	color: #000000;
	font-weight: bold;
	line-height: 38px;
	vertical-align: middle;
}
/* Highlighted Hierarchical grid row style */
.dtaGridHighlightHierarchyItemRow
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #333300;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 38px;
	vertical-align: middle;
}
/* Hierarchical grid column headers */
.dtaGridHierarchyHeader
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #800000; /* #8B0000  */
	font-weight: bold;
	color: #FFFFFF;
}
/* Hierarchical grid footer style */
.dtaGridHierarchyFooter
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #FFFFCC;
	font-weight: normal;
	color: #000000;
}
/* END OF STANDARD GRID PROPERTIES */

/* BOLDED GRID PROPERTIES */
/* (see Dump/Positioner and Dump/Operator pages) */
/* grid column headers */
.dtaGridListHeader
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #000066;
	font-weight: bold;
	color: #FFFFFF;
}
/* grid pager text box*/
.dtaGridListPager
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #000000;
}
/* grid row style */
.dtaGridListItemRow
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #6699FF;
	color: #000000;
	font-weight: bold;
}
/* every other grid row style */
.dtaGridListAlternatingItemRow
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #99CCFF;
	color: #000000;
	font-weight: bold;
}
/* END OF BOLDED GRID PROPERTIES */

/* SYSTEM PROPERTIES (Menu, help window, etc.) */
.primaryStaticMenu
{
   background-color: transparent;
   float: right;
}
.primaryStaticMenuItem
{
   width: 120px;
   height: 34px;
   background-color: Black; 
   border-width: 1px;
   border-color: #8B0000; 
   border-style: solid;
   color: White;
   padding: 0 10px 0 10px;
   font-family: Tahoma;
	font-weight:bold;
	font-size: 12px;
}
.primaryStaticHover
{
/*   color: #800000;
   background: #f0e7d7;
*/
	cursor:default;
	background-color: #8B0000;
	color: White;
	border: solid 1px White;
}

.primaryDynamicMenu
{   
   background-color: #f7f2ea;               
   border-bottom: solid 1px #ccc;    
}  
.primaryDynamicMenuItem
{
   width: 10em;
   background-color: #f7f2ea; 
   color: #777;
   padding: 0.5em 0 0.5em 1em;
   border-width: 1px;
   border-color: #f7f2ea #aaab9c #f7f2ea #efefef;  
   border-style: solid;         
}    
.primaryDynamicHover
{
   color: #800000;
   background: #f0e7d7;
}            

.secondaryLevelOne
{
   background-color: transparent;
   background-repeat: repeat-x;
   margin: 1.5em 0 0 0;
   padding: 5px 0 0 5px;
   width: 12em; 
   height: 35px;
}
.secondaryLevelTwo
{
   background: #FAFBFB;
   padding: 5px 0 5px 5px;         
}
.secondaryStaticHover
{
   color: #800000;
}

.testMenu ul
{
list-style: none;
padding: 0;
margin: 0;
} 

.testMenu li
{
	float: left;
	margin: 0;
	background: Black bottom left repeat-x;
	height: 32px;
	line-height: 32px;
	width: 120px;
	display: block;
	border: solid 1px #8B0000;
	color: White;
	text-decoration: none;
	text-align: center;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
}
.testMenu li:hover
{
	cursor:default;
	float: left;
	margin: 0;
	background: #8B0000 bottom left repeat-x;
	height: 32px;
	line-height: 32px;
	width: 120px;
	display: block;
	border: solid 1px White;
	color: White;
	text-decoration: none;
	text-align: center;
	font-family: Tahoma;
	font-weight:bold;
	font-size: 12px;
}
.menu
{
	background-color: Black;
	color: White;
	border: solid 1px #8B0000;
	line-height: 32px;
	list-style: none;
	margin: 0;
	padding: 0 10px 0 10px;
	display: inline;
	width: 120px;
	height: 32px;
	font-family: Tahoma;
	font-weight:bold;
	font-size: 12px;
}
.submenu
{
	background-color: Black;
	color: White;
	border: solid 1px #8B0000;
	line-height: 20px;
	height: 20px;
	font-family: Tahoma;
	font-weight:bold;
	font-size: 12px;
}
.dataLabel
{
	font-family: tahoma;
	font-size: 12px;
	background-color: #FFFFCC;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	padding: 1px 3px 1px 3px;
	line-height: 18px;
}
.dataLabelBold
{
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFCC;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	padding: 1px 3px 1px 3px;
	line-height: 18px;
}
.itemText
{
	width: auto;
	text-align: right;
}
.item
{
	height: 20px;
	vertical-align: middle;
	border-right: solid 1px #8B0000;
	padding: 0 10px 0 10px;
}
.menuHover
{
	cursor:default;
	background-color: #8B0000;
	color: White;
	border: solid 1px White;
	line-height: 32px;
	list-style: none;
	margin: 0;
	padding: 0 10px 0 10px;
	display: inline;
	width: 120px;
	height: 32px;
	font-family: Tahoma;
	font-weight:bold;
	font-size: 12px;
}
.submenuHover
{
	background: #8B0000;
	border: solid 1px White;
	cursor:move;
	color: White;
	list-style: none;
	margin: 0;
	display: inline;
	width: auto;
	font-family: Tahoma;
	font-weight:bold;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
}
.menuDetail
{
	background: #333333;
	border: solid 1px White;
	cursor: move;
	padding: 0 10px 0 10px;
	color: White;
	line-height: 20px;
	list-style: none;
	margin: 0;
	display: inline;
	width: auto;
	height: 20px;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 10px;
}
.menuDetailHover
{
	background: #800000;
	border: solid 1px White;
	cursor: move;
	padding: 0 10px 0 10px;
	color: White;
	line-height: 20px;
	list-style: none;
	margin: 0;
	display: inline;
	width: auto;
	height: 20px;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 10px;
}
.topicBar
{
	background-color: #FF0000;
}
.menuCell
{
	width:110px;
	background-color: #C0C0C0;
	border: 1px solid #FFFFFF;
	text-align:center;
}
/*  Used to display the help panel */
.flyOutDiv
{
	display: none; /* Very Important - position MUST be absolute */
	position: absolute;
	width: 400px;
	z-index: 3;
	opacity: 0;
	filter: (progid:DXImageTransform.Microsoft.Alpha(opacity=0));
	font-family: tahoma;
	font-size: 12px;
	border: 2px solid #FFFF00;
	background-color: #006600;
} 
.flyOutDivCloseX
{
 background-color: #006600; 
 color: #FFFFFF; 
 text-align: center; 
 font-weight: bold; 
 text-decoration: none; 
 border: outset thin #FFFFFF; 
 padding: 5px; 
}
/* Used by the WebLib Library */
.waterMark
{
	font-family: tahoma;
	font-size: 12px;
	color: #0099FF;
}
/* Used by the DayPilot control */
.daypilot
{
	font-family:Tahoma;
	color:Black;
	z-index:9000;
}
.daypilot.event
{
	background-color: #FFFFE0;
	color: #808080;
	font-family: Tahoma;
	font-size: 12px;
}
.daypilot.header
{
	font-family: Tahoma;
	font-size: 12px;
	background-color: #C0C0C0;
	color: #000000;
}
.daypilot.cellbackground
{
	background-color: #FFFFFF;
}
.daypilot.hourcellborder
{
	border-bottom: 1px solid red;
	border-bottom-color: #FF0000;
}
.daypilot.hourhalfcellborder
{
	border-bottom: 1px solid green;
	border-bottom-color: #008000;
}
/* END OF SYSTEM PROPERTIES */

/*  ALL ITEMS BELOW ARE EXPERIMENTAL */
.collapsePanel
{
	height: 0px;
	overflow: hidden;
	border: thin solid gray;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	background-color: #66CCFF;
	color: #000000;
}
.collapseChildPanelHeader
{
	border: 1px solid #000000;
	height: 26px;
	color: White;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	float: left;
	vertical-align: middle;
	cursor: pointer;
	background-color: #808080;
}
.collapsePanelHeader
{
	border: 1px solid #66CCFF;
	height: 26px;
	color: White;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	float: left;
	vertical-align: middle;
	cursor: pointer;
	background-color: #800000;
}
.calendar .ajax__calendar_container
{
	border: 1px solid #646464;
	background-color: #666666;
	color: #FFFFFF;
	border: ridge 3px silver;
	font-family: Tahoma;
	font-size: 10px;
}
.calendar .ajax__calendar_today
{
	background-color: #333333;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Tahoma;
}
.calendar .ajax__calendar_title
{
	background-color: #8B0000;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 12px;
}

/* jQuery Submenu */
ul.jqSubMenu, ul.jqSubMenu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 25em;
}

ul.jqSubMenu a {
  display: block;
  text-decoration: none;	
}

ul.jqSubMenu li {
  margin-top: 1px;
}

ul.jqSubMenu li a, ul.jqSubMenu ul.jqSubMenu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul.jqSubMenu li a:hover, ul.jqSubMenu ul.jqSubMenu li a:hover {
  background: #000;
}

ul.jqSubMenu li ul li a, ul.jqSubMenu ul.jqSubMenu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul.jqSubMenu li ul li a:hover, ul.jqSubMenu ul.jqSubMenu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}
ul.jqSubMenu ul.jqSubMenu li a:hover {
    border-left: 0;
    padding-left: 0.5em;
}
ul.jqSubMenu ul.jqSubMenu {
    border-left: 5px #f00 solid;
}
ul.jqSubMenu a.active, ul.jqSubMenu ul.jqSubMenu li a.active, ul.jqSubMenu a.active:hover, ul.jqSubMenu ul.jqSubMenu li a.active:hover {
    text-decoration: underline;
    background: #c00;
}
div.panel {
    border: 1px #000 solid;
    padding: 5px;
    margin-top: 1px;
}

ul.jqSubMenu div.panel a, ul.jqSubMenu div.panel li a:hover  {
    display :inline;
    color: #666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
}
ul.jqSubMenu div.panel a:hover {
    color: #000;
    text-decoration: underline;
}


.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
.indent6 { padding-left: 6em; }
.indent7 { padding-left: 7em; }
.indent8 { padding-left: 8em; }
.indent9 { padding-left: 9em; }
.indent10 { padding-left: 10em; }