/*
//==============================================================================
//   Copyright 2002-2014 Moraware, Inc.
//
//   Purpose:    Style sheet
//
//==============================================================================
*/
body, body div, body p, body th, body td, body li, body dd, table, td, th
{
	font-family:arial, helvetica, sans-serif;
	font-size:small;
}

a
{
	color:#000;
	text-decoration:none;
}
a:hover
{
	color:red;
	text-decoration:none;
}

body
{
	background-color:#FFF;
	color:#000;
	margin:0;
	padding:0;
}

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

.nowrap
{
	white-space:nowrap;
}

.dialogDiv
{
	position:absolute;
	top:-10000px;
	left:-10000px;
	visibility:hidden;
	z-index:-1;
}

.popupSubmenuDiv
{
	position:absolute;
	top:-10000px;
	left:-10000px;
	visibility:hidden;
	z-index:-1;

	background-color:#DDD;
	padding:2px;

	border-left:2px solid #B2B2B2;
	border-top:2px solid #B2B2B2;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
}


.tableStyle
{
	border:outset 1px #D0D8E0;
	background-color:#CCC;
	color:#000;
}

.tableStyle td
{
	overflow:hidden;
	white-space:normal;
}

.reportTable
{
	border:outset 1px #D0D8E0;
	background-color:#CCC;
	color:#000;
}

.reportTable td
{
	overflow:hidden;
}

#mainPageHeaderPlaceHolder{
	width:100%
}
.topStuckHeader{
	border-bottom:outset 1px #F7F7F7;
	background:white;
	position:absolute;
	left:0;
	top:0;
	z-index:5
}

.dlgGlass{
	background-color:	rgba(0,0,0,0.2);
	position:			absolute;
	left:				0;
	top:				0;
	z-index:			12;

	width:				100%;
	height:			100%;
}

.tableScrollHead
{
	position:absolute;
	visibility:hidden;
	z-index:5;
}

@media print
{
	.noPrint{
		display:none;
	}

	.tableScrollHead
	{
		display:none;
	}

	.topStuckHeader{
		border-bottom:outset 1px #F7F7F7;
		background:white;
		position:static;
	}
}

thead
{
	display:table-header-group;
}

.headerRow
{
	background:#369 url(../graphics/header-bg.png) repeat-x;
	color:#FFF;
}
.cgheaderRow
{
	background:#44AA44 url(../graphics/cg-header-bg.png) repeat-x;
	color:#FFF;
}
.headerCol
{
	background:#369 url(../graphics/header-bg.png) repeat-x;
	border:solid 1px #369;
}
.cgheaderCol
{
	background:#44AA44 url(../graphics/cg-header-bg.png) repeat-x;
	border:solid 1px #44AA44;
}
.headerSortableCol
{
	background:#369 url(../graphics/header-bg.png) repeat-x;
	cursor:pointer;
	border:solid 1px #369;
}
.cgheaderSortableCol
{
	background:#44AA44 url(../graphics/cg-header-bg.png) repeat-x;
	cursor:pointer;
	border:solid 1px #44AA44;
}
.headerSortableColHover
{
	background:#369 url(../graphics/header-bg.png) repeat-x;
	color:red;
	cursor:pointer;
	border:solid 1px #369;
}
.cgheaderSortableColHover
{
	background:#44AA44 url(../graphics/cg-header-bg.png) repeat-x;
	color:red;
	cursor:pointer;
	border:solid 1px #44AA44;
}
.oddRow
{
	background-color:#E0E8F0;
	color:#000;
}
.cgoddRow
{
	background-color:#E0F0E8;
	color:#000;
}
.evenRow
{
	background-color:#FFF;
	color:#000;
}


.oddRowFullControl
{
	background-color:#C2D0F0;
}
.evenRowFullControl
{
	background-color:#E0E8F0;
}

.cgoddRowFullControl
{
	background-color:#C0E8C8;
}
.cgevenRowFullControl
{
	background-color:#E0F0E8;
}


.oddRowLimited
{
	background-color:#E0E000;
}
.evenRowLimited
{
	background-color:#FFFF00;
}


.oddinoddrow
{
	color:#000;
}
.eveninoddrow
{
	color:#000;
}

.oddinevenrow
{
	color:#000;
}
.eveninevenrow
{
	color:#000;
}





.highlightRow
{
	background-color:#FF6;
	color:#000;
}

.warningRow
{
	background-color:#FFB6C1;
	color:#000;
}

@media print
{
	.reportTable
	{
		border-width:0;
		border-spacing:0;
		border-collapse:collapse;
	}

	.reportTable td
	{
		border:solid 1px #CCC;
	}
	
	.headerRow td, .headerCol td, .headerSortableCol td, .headerSortableColHover td
	{
		background-color:#FFF;
		color:#000;
		border:solid 1px #000;
	}

	.groupingTable td{
		border:none;
	}
}



.linkedCell
{
	cursor:pointer;
	text-decoration:underline;
}



.linkedCellHover
{
	color:red;
	cursor:pointer;
	text-decoration:underline;
}

.linkedCellHover .inactiveItem{
	color:red;
}


.neutralRow
{
	color:#000;
	cursor:default;
	text-decoration:none;
}

.jobSerialNumber
{
	font-size:85%;
}

.datepicker
{
	cursor:pointer;
}

.datepicker img
{
	margin-top:-2px;
	vertical-align:middle;
}

.prodpicker
{
	cursor:pointer;
}

.prodpicker img
{
	margin-top:-2px;
	vertical-align:middle;
	border:0;
}

.calendarSeparator
{
	padding:0;
}

.calendarSeparator div
{
	border-top:solid 2px #369;
	height:0;
	font-size:0;
}

.calendarSeparatorLarge
{
	padding:0;
}

.calendarSeparatorLarge div
{
	background-color:#369;
	background-image:url(../graphics/stripe.gif);
	height:1em;
}



.calendarVSepartorLarge
{
	background-color:#369;
	padding:0;
	background-image:url(../graphics/stripe.gif);
	background-repeat:repeat-y;
	width:.5em;
}
.calendarVSepartorLarge div
{
	width:.5em;
	margin-top:auto;
	margin-bottom:auto;
}



@media print
{
	.calendarSeparatorLarge div
	{
		border-top:solid .8em #369;
		height:0;
	}
}

.calendarWeekendRow
{
	background-color:#BBB;
	color:#000;
}

.calendarWeekendCell
{
	background:#BBB;
	color:#000;
}

.calendarInfoCell
{
	font-size:85%;
}

.calendarItem
{
	background-color:#DDD;
	border:solid 1px #000;
	border-top:solid .75em #000;
	cursor:pointer;
	font-size:85%;
	padding:.15em;
	text-decoration:none;
	overflow:hidden;
	vertical-align:top;
}

.calendarItemTimeBy
{
	background-color:#DDD;
	border:solid 1px #000;
	border-left:solid 8px #000;
	cursor:pointer;
	font-size:85%;
	padding:2px;
	text-decoration:none;
	overflow:hidden;
	vertical-align:top;
}

.oddRowUnscheduled{
	color:#660;
	background-color:#E0E880;
}
.evenRowUnscheduled{
	color:#066;
	background-color:#FF8;
}

.calendarWeekendRow .evenRowUnscheduled{
	background-color:#dd7;
}
.calendarWeekendRow .oddRowUnscheduled{
	color:#066;
	background-color:#dd7;
}

.calHour{
	font-size:140%;
	padding-top:2px;
	padding-right:4px;
}

.calMin{
	text-align:left;
	vertical-align:top;
	width:1em;
}
.calMin div{
	width:1.5em;
}
.calMinB{
}



div#menuBar
{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

@media print
{
	div#menuBar
	{
		display:none;
	}
}

.menuTable
{
}

.menuBackground
{
	background:#369 url(../graphics/menu-bg.png) repeat-x;
}

td.menuSeparator
{
	background:#369 url(../graphics/menu-bg.png) repeat-x;
	color:#FFF;
	padding:.1em;
	vertical-align:middle;
	white-space:nowrap;
}

td.menuCell
{
	background:#369 url(../graphics/menu-bg.png) repeat-x;
	color:#FFF;
	cursor:pointer;
	letter-spacing:.1em;
	padding:.4em .8em;
	vertical-align:middle;
	white-space:nowrap;
}

td.menuCellHover
{
	background:#ccc url(../graphics/menuh-bg.png) repeat-x;
	color:#036;
	cursor:pointer;
	letter-spacing:.1em;
	padding:.4em .8em;
	vertical-align:middle;
	white-space:nowrap;
}

td.menuTaper
{
	background-color:#369;
	padding-left:1em;
	padding-right:1em;
	width:100%;
}

.menuWarning
{
	border:0;
	vertical-align:middle;
}

.subMenuTable
{
}

.subMenuRow
{
	background-color:#369;
	color:#FFF;
	cursor:pointer;
	letter-spacing:.1em;
	vertical-align:middle;
}

#submenuDlg
{
	border:outset 1px #FFF;
	background-color:#369;
}

#submenuDlg a
{
	background-color:#369;
	color:#FFF;
	display:block;
	letter-spacing:.1em;
	padding:.3em 1.2em .3em .8em;
	text-decoration:none;
	width:15em;
}

#submenuDlg a:hover
{
	background:#ccc url(../graphics/menuh-bg.png) repeat-x;
	color:#036;
}

#submenuDlg a.submenuSpacer
{
	background:#369 none;
	color:#FFF;
	cursor:default;
	display:block;
	padding:0 1.2em 0 .8em;
	width:15em;
}

#submenuDlg a.submenuSpacer:hover
{
	background:#369 none;
	color:#FFF;
}

.CGToggle{
	background:#4A4 url(../graphics/cg-menu-bg.png) repeat-x;
	color:#FFF;
	margin:-.4em -.8em;
	padding:.4em .8em;
}

td.menuCellHover span.CGToggle{
	background:#ccc url(../graphics/menuh-bg.png) repeat-x;
	color:#063;
}
.menuCellHover a:hover{
	background:#ccc url(../graphics/menuh-bg.png) repeat-x;
	color:#036;
	cursor:pointer;
}


#spacerDiv
{
	visibility:hidden;
	z-index:-1;
}

.popupMenuBar
{
	background:#369 url(../graphics/menu-bg.png) repeat-x;
	color:#FFF;
	padding:.2em .5em;
	vertical-align:middle;
	white-space:nowrap;
}


@media print
{
	#spacerDiv
	{
		display:none;
	}
}

#printDiv
{
	padding-left:5px;
	z-index:1;
}

@media print
{
	#printDiv
	{
		padding-left:0;
	}
}

.listBoxStyle
{
}

.infoText
{
	color:#000;
}

.dialogOuter{
	z-index:400;
	background-color:#D0D8E0;
	position:absolute;
	left:10px;
	top:2em;
    -moz-box-shadow: 3px 3px 4px #888;
    -webkit-box-shadow: 3px 3px 4px #888;
    box-shadow: 3px 3px 4px #888;
}

.dialogBox
{
	background-color:#D0D8E0;
	color:#036;
	border:solid 2px #A0A0A0;
	border-top-color:#F0F0F0;
	border-left-color:#F0F0F0;
}
.cgdialogBox
{
	background-color:#F7F7F7;
	color:#036;
	border:solid 2px #A0A0A0;
	border-top-color:#F0F0F0;
	border-left-color:#F0F0F0;
}

.dialogHeader
{
	background:#369 url(../graphics/menu-bg.png) repeat-x;
	border:solid 1px #D0D8E0;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	padding-left:8px;
	white-space:nowrap;
	vertical-align:middle;
}
.cgdialogHeader
{
	background:#44AA44 url(../graphics/cg-menu-bg.png) repeat-x;
	border:solid 1px #F7F7F7;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	padding-left:8px;
	white-space:nowrap;
	vertical-align:middle;
}

.disabledDialogBox
{
	background-color:#D8DBDD;
	color:#036;
	border:solid 2px #A0A0A0;
	border-top-color:#F0F0F0;
	border-left-color:#F0F0F0;
}
.cgdisabledDialogBox
{
	background-color:#D8DBDD;
	color:#036;
	border:solid 2px #A0A0A0;
	border-top-color:#F0F0F0;
	border-left-color:#F0F0F0;
}

.disabledDialogText
{
	color:#565;
}
input.disabledDialogText
{
	background-color:#D8DBDD;
	color:#036;
}
select.disabledDialogText
{
	background-color:#D8DBDD;
	color:#036;
}


.disabledDialogHeader
{
	background-color:#A4B5C6;
	border:solid 1px #D0D8E0;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	padding-left:8px;
	white-space:nowrap;
	vertical-align:middle;
}
.cgdisabledDialogHeader
{
	background-color:#A4B5C6;
	border:solid 1px #F7F7F7;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	padding-left:8px;
	white-space:nowrap;
	vertical-align:middle;
}

.dialogTitle
{
	float:left;
}

.dialogControlButton
{
	cursor:auto;
	float:right;
	margin:0 0 0 1em;
	vertical-align:middle;
}

.dialogControlButton img
{
	padding:1px;
	vertical-align:middle;
}

.dialogFieldName
{
	padding-left:8px;
	text-align:right;
	white-space:nowrap;
}
.dialogFieldName.indentFullBreakout{
    padding-left:4em;
}

.dialogFieldValue
{
	padding-right:8px;
	text-align:left;
	white-space:nowrap;
}

.dialogFieldValueWrap
{
	padding-right:8px;
	text-align:left;
	white-space:normal;
}

.dialogReadOnlyFieldName
{
	padding-left:8px;
	text-align:right;
	white-space:nowrap;
	vertical-align:top;
}

.dialogReadOnlyFieldValue
{
	color:#000;
	padding-right:8px;
	text-align:left;
	white-space:normal;
	vertical-align:top;
}

.dialogFieldRow
{
	padding:0 8px;
	white-space:nowrap;
}

.dialogButtonRow
{
	padding:8px;
	white-space:nowrap;
}

.dialogText
{
	background-color:#D0D8E0;
	color:#036;
}

.dialogButton
{
	background:#CCC url(../graphics/dlgbtnbg.png) repeat-x;
	background-position:0 -2px;
	color:#000;
	cursor:pointer;
	font-size:100%;
	margin:0 0 0 .6em;
	text-align:center;
	text-decoration:none;
	min-width:7em;
}
.dialogButton:disabled
{
	color:#9294C0;
	cursor:default;
}
.cgdialogButton
{
	color:#000;
	cursor:pointer;
	font-size:100%;
	margin:0 0 0 .6em;
	text-decoration:none;
}
.cgdialogButton:disabled
{
	color:#9294C0;
	cursor:default;
}

.dialogFieldSectionHeaderRow
{
	background:#68A url(../graphics/sep-bg.png) repeat-x;
	color:#FFF;
	font-weight:bold;
	padding:0 8px;
	text-align:center;
}
.cgdialogFieldSectionHeaderRow
{
	background:#6A8 url(../graphics/cg-sep-bg.png) repeat-x;
	color:#FFF;
	font-weight:bold;
	padding:0 8px;
	text-align:center;
}


.actionButton
{
	background:#D0D8E0 url(../graphics/dlgactbtnbg.png) repeat-x;
	border-width:1px;
	color:#036;
	cursor:pointer;
	font-size:85%;
	margin:0 .4em;
	height:1.8em;
	padding:.1em .6em;
	text-decoration:none;
	width: auto;
	overflow:visible;
}
.cgactionButton
{
	background:#D0E0D8 url(../graphics/cg-dlgactbtnbg.png) repeat-x;
	border-width:1px;
	color:#036;
	cursor:pointer;
	font-size:85%;
	margin:0 .4em;
	height:1.8em;
	padding:.1em .6em;
	text-decoration:none;
	width: auto;
	overflow:visible;
}
.actionButton:disabled
{
	color:#9294C0;
}
.cgactionButton:disabled
{
	color:#9294C0;
}

.dlgActionButton
{
	background:#D0D8E0 url(../graphics/dlgactbtnbg.png) repeat-x;
	border-width:1px;
	color:#036;
	cursor:pointer;
	font-size:85%;
	margin:0 .15em;
	padding:0 .2em .25em 0.2em;
	height:1.6em;
	text-decoration:none;
}
.cgdlgActionButton
{
	background:#D0E0D8 url(../graphics/cg-dlgactbtnbg.png) repeat-x;
	border-width:1px;
	color:#036;
	cursor:pointer;
	font-size:85%;
	margin:0 .15em;
	padding:0 .2em .25em 0.2em;
	height:1.6em;
	text-decoration:none;
}

.dlgActionButton:disabled
{
	color:#9294C0;
	cursor:default;
}
.cgdlgActionButton:disabled
{
	color:#9294C0;
	cursor:default;
}

.dlgControlSet
{
	white-space:nowrap;
}

.dlgControlSet button, .dlgControlSet input, .dlgControlSet select, .dlgControlSet span
{
	vertical-align:middle;
}

@media print
{
	.actionButton
	{
		display:none;
	}
}

.dialogSeparator
{
	background-color:#369;
	height:1px;
}

.dialogSectionHeader
{
	background-color:#C8D0E0;
	text-align:center;
	font-weight:bold;
	font-size:90%;
	padding-top:.3em;
	padding-bottom:.3em;
}

.dialogContent
{
	padding:8px 0 2px 0;
}

.dialogContentScrolling
{
	border-left:1px solid #001D39;
	border-top:1px solid #001D39;
	border-right:1px solid #B2C1D1;
	border-bottom:1px solid #B2C1D1;
	
	padding:8px 20px 2px 0;
	overflow:auto;
}

.reportTitle
{
	font-size:130%;
	font-weight:bold;
}

.errorText
{
	color:red;
	font-weight:bold;
}
.dlgErrorPanel
{
	color:red;
	font-weight:bold;
    background-color:white;
    border:1px solid black;
    padding:.5em;
    white-space:pre-wrap;
}

.dlgErrorPanel a {
    text-decoration: underline;
    color: red;
}
.dlgErrorPanel a:hover {
    color: darkred;
}


.warningText
{
	color:red;
	font-style:italic;
}
.insufficientAccessError
{
    background:#E0E8F0;
    color:red;
    font-weight:bold;
    font-size:200%;
    border:4px solid #036;
    padding:.5em;
    margin:2em auto;
    text-align:center;
    max-width:20em;
}

.reportFootnote
{
}

#contextMenuPopUp
{
	background-color:#DDD;
	
	border-left:2px solid #B2B2B2;
	border-top:2px solid #B2B2B2;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	
	padding:2px;
}


.contextMenuRow
{
	background-color:#DDD;
	color:#036;
	cursor:pointer;
	font-size:90%;
	padding:.25em .9em;
	white-space:nowrap;
}

.contextMenuHover
{
	background:#369 url(../graphics/cmenuh-bg.png) repeat-x;
	color:#FFF;
	cursor:pointer;
	font-size:90%;
	padding:.25em .9em;
	white-space:nowrap;
}

.contextMenuLink a
{
	background-color:#DDD;
	color:#036;
	cursor:pointer;
	display:block;
	font-size:90%;
	padding:.25em .9em;
	white-space:nowrap;
	position:relative;
}

.contextMenuLink a:hover
{
	background:#369 url(../graphics/cmenuh-bg.png) repeat-x;
	color:#FFF;
}

.contextMenuSeparator
{
	height:1px;
}

.contextMenuContent
{
}

.contextMenuContentScrolling
{
	padding:1px;
	overflow:auto;
}


.quoteLinesTable
{
	width:600px;
}

.quoteLine
{
	cursor:pointer;
}

.quoteLineHover
{
	color:red;
	cursor:pointer;
}

.quoteLineHidden
{
	color:#666;
	cursor:pointer;
}

.quoteLineInfoHidden
{
	color:#666;
	font-size:85%;
}

.quoteLinePriceHidden
{
	color:#666;
	font-size:90%;
	white-space:nowrap;
}

.quoteLinePriceHiddenHover
{
	color:red;
	cursor:pointer;
	font-size:90%;
	white-space:nowrap;
}


.pageNavNeutral{
	color:#036;
	font-size:90%;
}

.pageNavEnabled A:link
{
	color:#036;
}

.pageNavEnabled A:visited
{
	color:#036;
}

.pageNavEnabled A:active
{
	color:#036;
}

.pageNavEnabled A:hover
{
	color:red;
}

.pageNavEnabled
{
	color:#036;
	font-size:90%;
}

.pageNavEnabledHover
{
	color:red;
	cursor:pointer;
	font-size:90%;
}

.pageNavDisabled
{
	color:#999;
	font-size:90%;
}

.pageNavRecordCount
{
	color:#666;
	font-size:90%;
	padding-left:2em;
}

.pageRecordCountOnly
{
	color:#666;
	font-size:90%;
}



.pageSeparatorRow
{
	background:#68A url(../graphics/sep-bg.png) repeat-x;
	color:#FFF;
	font-weight:bold;
}
.cgpageSeparatorRow
{
	background:#6A8 url(../graphics/cg-sep-bg.png) repeat-x;
	color:#FFF;
	font-weight:bold;
}

.pageInfoCell
{
	background-color:#EEE;
	border:inset 1px #68A;
	color:#000;
}

.pageInfoCellWhite
{
	background-color:#FFF;
	border:inset 1px #68A;
	color:#000;
}

.pageInfoItem
{
	padding:0;
	border-collapse:collapse;
}

.pageInfoLabel
{
	color:#357;
	vertical-align:top;
	padding:2px 3px 1px 1px;
}

.pageInfoValue
{
	vertical-align:top;
	padding:2px 1px 1px 1px;
}

.pageInfoValueLink
{
	cursor:pointer;
	text-decoration:underline;
	vertical-align:top;
	padding:2px 1px 1px 1px;
}

.pageInfoValueLinkHover
{
	color:red;
	cursor:pointer;
	text-decoration:underline;
	vertical-align:top;
	padding:2px 1px 1px 1px;
}

.scrollingPageSection
{
	height:15em;
	overflow:auto;
}

.expandCollapseImg
{
	vertical-align:middle;
}

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

.pageError
{
	background-color:#EEE;
	border:inset 1px #68A;
	color:#000;
	position:absolute;
	top:100px;
	left:50px;
	z-index:9;
}

.inlinePageError
{
	background-color:#EEE;
	border:inset 1px #68A;
	color:#000;
}


#pageViewMenu
{
	background-color:#DDD;
	border:outset 2px;
}

td.pageViewMenuRow
{
	background-color:#DDD;
	color:#036;
	cursor:pointer;
	font-size:90%;
	padding:.2em;
	white-space:nowrap;
}

td.pageViewMenuHover
{
	background-color:#369;
	color:#FFF;
	cursor:pointer;
	font-size:90%;
	padding:.2em;
	white-space:nowrap;
}

td.pageViewMenuLink a
{
	background-color:#DDD;
	color:#036;
	cursor:pointer;
	display:block;
	font-size:90%;
	padding:.2em;
	width:100%;
}

td.pageViewMenuLink a:hover
{
	background:#369 url(../graphics/cmenuh-bg.png) repeat-x;
	color:#FFF;
}

td.pageViewAction
{
	background-color:#DDD;
	color:#000;
	cursor:pointer;
	font-size:85%;
	padding:.2em;
	text-decoration:underline;
	white-space:nowrap;
}

td.pageViewActionHover
{
	background-color:#DDD;
	color:red;
	cursor:pointer;
	font-size:85%;
	padding:.2em;
	text-decoration:underline;
	white-space:nowrap;
}

.textAction
{
	color:#000;
	cursor:pointer;
	font-size:85%;
	padding:.2em;
	text-decoration:underline;
}

.textActionHover
{
	color:red;
	cursor:pointer;
	font-size:85%;
	padding:.2em;
	text-decoration:underline;
}

.textActionNoPrint
{
	color:gray;
	cursor:pointer;
	font-size:85%;
	padding:.2em;
	text-decoration:underline;
}

.textActionNoPrintHover
{
	color:red;
	cursor:pointer;
	font-size:85%;
	padding:.2em;
	text-decoration:underline;
}

@media print
{
	.textActionNoPrint
	{
		display:none;
	}
	.textActionNoPrintHover
	{
		display:none;
	}
}

a.maplink
{
	color:gray;
	font-size:85%;
	text-decoration:underline;
}
a.maplink:hover
{
	color:red;
	font-size:85%;
	text-decoration:underline;
}

.progressBar
{
	background-image:url(../graphics/progress.gif);
	display:block;
	height:1em;
}

.colorsample
{
	border:1px solid #000;
	display:block;
	height:1em;
	width:1.5em;
	float:left;
}

.moreSearchResults a
{
	color:blue;
	font-weight:bold;
	padding:.3em;
	text-decoration:underline;
}

.moreSearchResults a:hover
{
	color:red;
	font-weight:bold;
	padding:.3em;
	text-decoration:underline;
}

.optionsColumnList
{
	width:20em;
}


.formTitle
{
	cursor:pointer;
	font-weight:bold;
	text-decoration:underline;
}

.formTitleHover
{
	color:red;
	cursor:pointer;
	font-weight:bold;
	text-decoration:underline;
}

.formSeparator
{
	border-bottom:solid 1px #68A;
	border-top:solid 1px #68A;
	background:#68A url(../graphics/sep-bg.png) repeat-x;
	color:#FFF;
	font-weight:bold;
	padding:1px 3px;
}

.formRowTable
{
	table-layout:fixed;
	width:6.5in;
}


.formFieldSelected
{
	border:4px dashed #000;
	background-color:#C0C8D0;
}

.formFieldInsertRight
{
	border-right:4px dashed #000;
	background-color:#C0C8D0;
}
.formFieldInsertLeft
{
	border-left:4px dashed #000;
	background-color:#C0C8D0;
}
.formFieldInsertTop
{
	border-top:4px dashed #000;
	background-color:#C0C8D0;
}
.formFieldInsertBottom
{
	border-bottom:4px dashed #000;
	background-color:#C0C8D0;
}





.formField
{
	border:solid 1px #CCC;
}

.formFieldHover
{
	background:#FF0;
	border:solid 1px #68A;
	cursor:pointer;
}

#formFieldDragPopup
{
	background-color:#EEE;
	border:solid 1px #68A;
	padding:.2em;
}

#quoteLineDragPopup
{
	background-color:#EEE;
	border:solid 1px #68A;
	padding:.2em;
}

.issueHistoryList
{
	border-left:1px solid #001D39;
	border-top:1px solid #001D39;
	border-right:1px solid #B2C1D1;
	border-bottom:1px solid #B2C1D1;

	overflow:auto;
	height:200px;
	width:500px;
	padding:5px;
}

.issueHistoryEntry
{
	background-color:#EEE;
	border:solid 1px #777;
	white-space:normal;
}

.issueHistorySeparator
{
	height:1em;
}

.issueHistoryText
{
	color:#000;
	font-size:90%;
}

.issueHistoryTimestamp
{
	color:#444;
}

.issueWarningMessage
{
	cursor:pointer;
	color:#000;
	font-size:110%;
	margin-left:5em;
}

.issueWarningMessageHover
{
	cursor:pointer;
	color:red;
	font-size:110%;
	margin-left:5em;
}

.secondaryIssueWarningMessage
{
	cursor:pointer;
	color:#000;
	text-decoration:underline;
}
.secondaryIssueWarningMessageHover
{
	cursor:pointer;
	color:red;
	text-decoration:underline;
}

.helpText
{
	color:#246;
	font-style:italic;
	padding:2px;
}

.resetPWLink
{
	color:#246;
	text-decoration:underline;
	font-size:85%;
}
a.resetPWLink:hover{
	text-decoration:underline;
}

.fieldTreeBranch
{
	cursor:pointer;
	font-weight:bolder;
	border:solid 1px #FFF;
	padding-right:.2em;
	padding-left:.2em;
}

.fieldTreeBranchHover
{
	cursor:pointer;
	font-weight:bolder;
	background-color:#E0E8F0;
	border:solid 1px #000000;
	padding-right:.2em;
	padding-left:.2em;
}

.fieldTreeLeaf
{
	cursor:default;
	border:solid 1px #FFF;
	padding-right:.1em;
	padding-left:.1em;
	line-height:135%;
}

.fieldTreeLeafHover
{
	background-color:#E0E8F0;
	border:solid 1px #000000;
	cursor:pointer;
	padding-right:.1em;
	padding-left:.1em;
	line-height:135%;
}

.fieldTreeDeadLeaf
{
	color:Gray;
	padding-right:.1em;
	padding-left:.1em;
	line-height:135%;
}

.fieldTreeDeadLeafHover
{
	color:Gray;
	padding-right:.1em;
	padding-left:.1em;
	line-height:135%;
}


.fieldTreeSingleSelectedLeaf
{
	color:Gray;
	padding-right:.1em;
	padding-left:.1em;
	line-height:135%;
	border:dotted 1px Gray;
}
.fieldTreeSingleSelectedLeafHover
{
	color:Gray;
	background-color:#F0F8FF;
	padding-right:.1em;
	padding-left:.1em;
	line-height:135%;
	border:solid 1px #000;
}



.eventLogTimestamp
{
	color:#036;
	padding:.2em;
}

.eventLogEventDesc
{
	padding-left:2em;
}

.eventLogFieldDesc
{
	padding-left:5em;
}

.eventLogValueLink
{
	cursor:pointer;
	text-decoration:underline;
}

.eventLogValueLinkHover
{
	color:red;
	cursor:pointer;
	text-decoration:underline;
}

.eventLogFieldValue
{
	color:#036;
}

.eventLogPermissionsChangedTable tr:first-child td {
    font-weight: bold;
}

.boxList
{
	list-style-type:none;
	padding:0;
	margin:0;
	margin-top:5px;
}


.boxList li 
{
	list-style-type:none;
	cursor:move;
	width:18em;
	line-height:1.2em;
	margin:2px 0 0 .4em;
	border:1px solid #000;
	text-align:left;
	background-color:#EEF;
}

.optionsBoxList
{
	list-style-type:none;
	padding:0;
	margin:0;
	margin-top:5px;
}
.cgoptionsBoxList
{
	list-style-type:none;
	padding:0;
	margin:0;
	margin-top:5px;
}

.optionsBoxList li 
{
	cursor:move;
	width:20em;
	overflow:hidden;
	line-height:1.2em;
	margin:2px 0 0 .4em;
	padding-left:.2em;
	border:1px solid #000;
	text-align:left;
	background-color:#EEF;
}
.cgoptionsBoxList li 
{
	cursor:move;
	width:20em;
	overflow:hidden;
	line-height:1.2em;
	margin:2px 0 0 .4em;
	padding-left:.2em;
	border:1px solid #000;
	text-align:left;
	background-color:#EFE;
}

.nonMemberShoppingCartItemPrefix
{
	width:3em;
}
.nonMemberShoppingCartItem
{
	text-align:right;
	padding:0 .3em 0 0;
	font-style:italic;
	font-size:90%;
	color:#025;
}


.listItemCellStyle{
    white-space:normal;
}
.licsDel{
    border-right:solid 1px black;
}
.licsInvalid{
    font-style:italic;
}
.licsDelCell{
    width:1.5em;
    text-align:center;
}

.innerList
{
	margin:0;
	width:100%;
	padding:0;
	padding-bottom:2px;
	list-style-type:none;
}
.innerList li.boxListItem
{
	width:96%;
}

li.fixedBoxListItem
{
	cursor:default;
	background-color:#D0D8E0;
	border-color:#036;
	font-style:italic;
}

li.selectedBoxListItem
{
	background-color:#DDE;
	font-weight:bold;
	border-style:dashed;
}
li.cgselectedBoxListItem
{
	background-color:#DED;
	font-weight:bold;
	border-style:dashed;
}

.boxList li.boxListInnerItem
{
	border:dotted 2px #000;
	background-color:#D0D8E0;
	padding-left:0;
	padding-right:3px;
}

.optionsBoxList li.boxListInnerItem
{
	border:dotted 2px #036;
	background-color:#D0D8E0;
	padding-left:0;
	padding-right:3px;
}
.cgoptionsBoxList li.boxListInnerItem
{
	border:dotted 2px #063;
	background-color:#F7F7F7;//#D0D8E0;
	padding-left:0;
	padding-right:3px;
}




.fieldSelectionVertSep{
    border-right:1px solid #369;
}

.fieldSelectionSectionHeader{
    font-weight:bolder;
    padding:0.5em;
}






.activeMappingItem
{
	border:dotted 2px #036;
	background-color:#FFFFE0;
	padding-left:0;
	padding-right:3px;
}


.customFieldSeparator
{
	border-bottom:solid 1px #68A;
	border-top:solid 1px #68A;
	background:#68A url(../graphics/sep-bg.png) repeat-x;
	color:#FFF;
	font-weight:bold;
	margin:.5em 0 0 0;
	padding:0 .5em;
}

.fileInputContainer input
{
	display:block;
}

.fileDropMessageContainer
{
    display: none;
}

form#createFile.hover table
{
    cursor: move;
    background-color: #FFF;
}

.pageViewSelectionSearch
{
	border-left:2px solid #A6A6A6;
	border-top:2px solid #A6A6A6;
	border-right:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;

	background:#369 url(../graphics/menu-bg.png) repeat-x;
	color:#FFF;
	font-weight:bold;
	padding:1px;
}
.pageViewSelectionPageSectionHeader
{
	border-bottom:solid 2px #68A;
	color:#036;
	font-weight:bold;
	padding:0 .5em;

	text-align:center;
}

.clickToEdit
{
	cursor:pointer;
	text-align:center;
	font-style:italic;
	font-weight:bold;
	color:#AAA;
	background-color:#EEE;
	border:2px dashed #888;
	padding:.5em;
	margin:0;
}

.wideClickToEdit
{
	cursor:pointer;
	font-style:italic;
	font-weight:bold;
	color:#AAA;
	background-color:#EEE;
	border:2px dashed #888;
	padding:.5em;
	margin:0;
}


.formPlaceholder
{
	text-align:center;
	font-style:italic;
	font-weight:bold;
	color:#AAA;
	background-color:#FFF;
	border:1px dashed #888;
	padding:5em .5em;
	margin:.5em 0;
	cursor:pointer;
}


.tabHeader
{
	color:#FFF;
	font-weight:bold;
	background-color:#68A;
	border:3px ridge #AAA;
	padding:2px 0 2px 4px;
}
.tabPane
{
	border:1px ridge #AAA;
	border-top:none;
	margin-top:0;
}

.countdown
{
	position:absolute;
	top:5px;
	right:5px;
	display:none;
	z-index:15;
}

.countdownInterior
{
	font-weight:bold;
	font-size:95%;
	background-color:#369;
	border:solid 2px #A0A0A0;
	border-top-color:#F0F0F0;
	border-left-color:#F0F0F0;
	color:#FFF;
	padding:1em;
	vertical-align:middle;
}

.countdownInterior img
{
	border:0;
	padding-right:3px;
	vertical-align:middle;
}

.timedMessage
{
	position:absolute;
	top:5px;
	right:5px;
	display:none;
	z-index:175;
}

.timedMessageInterior
{
	font-weight:bold;
	font-size:95%;
	background-color:#369;
	border:solid 2px #A0A0A0;
	border-top-color:#F0F0F0;
	border-left-color:#F0F0F0;
	color:#FFF;
	padding:1em;
	vertical-align:middle;
}

.timedMessageInterior img
{
	border:0;
	padding-right:3px;
	vertical-align:middle;
}


.configurationSection
{
	font-size:75%;
	border:solid 2px #A0A0A0;
	border-top-color:#F0F0F0;
	border-left-color:#F0F0F0;
	padding:.1em;
}

.configurationSection table tbody tr td
{
	font-size:75%
}

.searchCategoryLabel
{
	color:#357;
}

.searchDetails
{
	padding:0 .5em .5em 1em;
}

.unresolvedDisplay
{
	display:block;
	font-size:75%;
	border:solid 2px #A0A0A0;
	border-top-color:#F0F0F0;
	border-left-color:#F0F0F0;
	padding:.1em;
}

.selectedSelectHeader{
	padding-left:6px;
	padding-right:6px;
	border-top:solid 1px #369;
	color:#FFF;
	background-color:#369;
}

.unselectedSelectHeader{
	border-bottom:solid 1px #369;
	border-top:solid 1px #369;
	padding-left:6px;
	padding-right:6px;
	cursor:pointer;
}

.selectHeaderSeparator{
	background-color:#369;
	font-size:0;
	border-bottom:solid 1px #369;
	border-top:solid 1px #369;
}

.headerNotificationContainer{
	color:#036;
	font-size:85%;
	margin:2px;
	text-align:center;
}

.notificationContent{
	border:3px groove #88a;
	margin:5px 0 0 5px;
	padding:5px;
	background-color:#eef;
}

.notificationHeader{
	font-weight:bold;
	font-size:115%;
	text-align:center;
}

.notificationTimestamp{
	font-size:85%;
	text-align:right;
}

fieldset{
	padding:1px 0 2px 0;
}

.progressBarOuterBorder{
	height:20px;
	background-color:#aaf;

	border-left:2px solid #88b;
	border-top:2px solid #88b;
	border-right:2px solid #aaf;
	border-bottom:2px solid #aaf;
}

.unusedFilterSet{
	border-left:2px solid #B00;
	border-top:2px solid #B00;
	border-right:2px solid #700;
	border-bottom:2px solid #800;
	
	background-color:#EEEAEA;
	padding:.2em;
	margin-bottom:.2em;
}




.settingsOuterTable
{
}

.settingsTabTable
{
}

.settingsTabCell a
{
    border:solid 1px #DDD;
    background:#D0D8E0 url(../graphics/dlgactbtnbg.png) repeat-x;
    color:#036;
    cursor:pointer;
    display:block;
    text-decoration:none;
    width:auto;
    overflow:visible;
    padding:.4em .6em;
    white-space:nowrap;
}

.settingsTabSelectedCell a
{
    border:solid 1px #369;
    background:#369 url(../graphics/header-bg.png) repeat-x;
    color:#FFF;
    cursor:pointer;
    display:block;
    text-decoration:none;
    width:auto;
    overflow:visible;
    padding:.4em .6em;
    white-space:nowrap;
}


.processSelectionTable
{
    padding:0 0 1em 0;
}

.processSelectionHeaderCell
{
    color:#357;
    font-weight:bold;
    padding-right:.2em;
}

.processSelectionSeparatorCell
{
    margin:0 .2em;
}

.processSelectionNonSelectedCell a
{
    border:solid 1px #DDD;
    background:#D0D8E0 url(../graphics/dlgactbtnbg.png) repeat-x;
    color:#036;
    cursor:pointer;
    font-size:85%;
    display:block;
    text-decoration:none;
    width:auto;
    overflow:visible;
    padding:.4em .6em;
    white-space:nowrap;
}
.processSelectionSelectedCell a
{
    border:solid 1px #369;
    background:#369 url(../graphics/header-bg.png) repeat-x;
    color:#FFF;
    font-size:85%;
    cursor:pointer;
    display:block;
    text-decoration:none;
    width:auto;
    overflow:visible;
    padding:.4em .6em;
    white-space:nowrap;
}




.typeAheadBox{
  position:absolute;
  border:1px solid black;
  background:white;
  color:black;

	top:-10000px;
	left:-10000px;
	visibility:hidden;
	z-index:-1;
}

.typeAheadEmphasis{
  font-weight:bold;
}

.typeAheadSelectedRow{
	background:#ddf;
}
.typeAheadSelectedRow td{
	padding:.1em .2em .1em .2em;
}

.typeAheadHoverRow{
	background:#ddf;
	cursor:pointer;
}
.typeAheadHoverRow td{
	padding:.1em .2em .1em .2em;
}

.typeAheadExtraColumn{
}

.typeAheadRow{
}
.typeAheadRow td{
	padding:.1em .2em .1em .2em;
}

.typeAheadHasMore td{
	border-top:1px solid black;
}
.typeAheadHasMore td{
	font-size:75%;
	color:gray;
}


.insertPopupRowHover{
	background:#ddf;
	cursor:pointer;
}
.insertPopupRowHover td{
	padding:.1em .2em .1em .2em;
}
.insertPopupRow td{
	padding:.1em .2em .1em .2em;
}
.insertPopupRowHeader td{
	border-bottom:1px solid black;
	font-weight:bold;
	padding: 0 .8em 0 .2em;
}

.insertPopupName{
}
.insertPopupDescription{
	color:#246;
	font-style:italic;
}

.inactiveItem
{
	color:gray;
}

.inactiveItem select{
    background-color:#ebebe4;
}

.disabledItem
{
	color:gray;
	cursor:default;
}

.invalidTextField{
	border:2px solid #d00;
}

.transparentDragClass{
	opacity:.75;
	filter:alpha(opacity=75);
}


.durationPicker
{
	cursor:pointer;
}
.durationPicker img
{
	margin-top:-2px;
	vertical-align:middle;
}

.typeAheadSeparator td
{
	height:2px;
	border-top:1px solid #66a;
	border-bottom:1px solid #77b;
	background-color:#cca
}










a.fancy_button, button.fancy_button { 
  background: #555; 
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.4)), to(rgba(77,77,77,0.4)));  
  background: -moz-linear-gradient(top, rgba(0,0,0,0.4), rgba(77,77,77,0.4)); 
  float: right; 
/*
  padding: 4px; 
*/
  text-decoration: none; 
  outline: 0; 
  border-width: 1px; 
  border-style: solid;
  width: auto;
  overflow: visible;
  border-color: transparent transparent #666 transparent; 
  border-color: transparent transparent rgba(202,202,202,0.27) transparent;
  -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
  -webkit-background-clip: padding-box;
}

a.fancy_button span, button.fancy_button span { 
  display: block; 
  float: right;
  letter-spacing: -1px; 
  border-width: 1px; 
  border-style: solid; 
  border-color: #ccc #444 #111 #444; 
  border-color: rgba(255,255,255,0.7) rgba(0,0,0,0.5) rgba(0,0,0,0.7) rgba(0,0,0,0.5); 
  font: bold 11px/1em Arial;
  color: white; 
  padding: 0.48em 2em; 
  cursor: pointer; 
  text-shadow: rgba(0,0,0,0.45) 0 -1px 0; 
  -webkit-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: rgba(0,0,0,0.75) 0px 0px 3px;
  -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.5, rgba(255,255,255,0.01)), to(transparent)); 
  background: transparent -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.01) 50%, transparent);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#80FFFFFF', EndColorstr='#00FFFFFF'); 
  -webkit-background-clip: padding-box;
}

a.fancy_button:hover span, button.fancy_button:hover span {  
  border-top-color: rgba(255,255,255,0.65); 
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(220,220,220,0.6)), color-stop(0.5, rgba(100,100,100,0.2)), color-stop(0.5, rgba(0,0,0,0.21)), to(rgba(0, 0, 0, 0.20))); 
  background: -moz-linear-gradient(top, rgba(220,220,220,0.6), rgba(100,100,100,0.2) 50%, rgba(0,0,0,0.21) 50%, rgba(0, 0, 0, 0.20));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#99dcdcdc', EndColorStr='#33000000'); 
  -webkit-background-clip: padding-box;
}

a.fancy_button:active span, button.fancy_button:active span {  
  border-top-color: rgba(255,255,255,0.2); 
  border-left-color: rgba(0,0,0,0.4); 
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(150,150,150,0.6)), color-stop(0.5, rgba(60,60,60,0.6)), color-stop(0.5, rgba(40,40,40,0.6)), to(rgba(20, 20, 20, 0.5))); 
  background: -moz-linear-gradient(top, rgba(150,150,150,0.6), rgba(60,60,60,0.6) 50%, rgba(40,40,40,0.6) 50%, rgba(20, 20, 20, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#80969696', EndColorStr='#59000000'); 
  -webkit-box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; 
  -webkit-background-clip: padding-box;
}

a.fancy_button span:active, button.fancy_button span:active { 
  border-top-color: rgba(255,255,255,0.2); 
  border-left-color: rgba(0,0,0,0.4); 
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#80969696', EndColorStr='#59000000'); 
  -webkit-background-clip: padding-box;
}



.shopActivityCell{
	border:4px solid #758;
	padding:.4em;
	margin-top:.5em;
}

.shopActivityCellCompleted{
	border:4px solid #758;
	padding:.4em;
	margin-top:.5em;
	background:#eee;
	color:#888;
}

.shopActivityCellStartable{
	border:4px solid #758;
	padding:.4em;
	margin-top:.5em;
	background:#0d0;
	cursor:pointer;
}
.shopActivityCellStartableHover{
	border:4px dashed #97a;
	padding:.4em;
	margin-top:.5em;
	background:#0e0;
	cursor:pointer;
}

.shopActivityCellStopable{
	border:4px solid #758;
	padding:.4em;
	margin-top:.5em;
	background:#b00;
	color:#eee;
	cursor:pointer;
}
.shopActivityCellStopableHover{
	border:4px dashed #97a;
	padding:.4em;
	margin-top:.5em;
	background:#d00;
	color:#fff;
	cursor:pointer;
}

.startStopOuterDiv{
	margin:.3em .5em .5em .5em;
}

.emptyCalColSpacer{
	width:4em;
}

.clickable{
    cursor:pointer;
}

.calPopHeader{
    background-color:#87CEFA;
    font-family: tahoma, verdana;
    font-size: 12px;
    color: white;
    width: 2em;
}

.calPopHeaderClickable{
    cursor:pointer;
    background-color:#87CEFA;
    font-family: tahoma, verdana;
    font-size: 12px;
    color: white;
    width: 2em;

}





.calPopDialog {
    background-color: #4682B4;
    border: solid black 1px;

}

.calPopMonthArrow{
    cursor: pointer;
    font-family: tahoma, verdana;
    font-size: 12px;
    color: white;
    font-weight: bold

}
.calPopMonthArrow.right{
    text-align: right;
}
.calPopMonthArrow.left{
    text-align: left;
}
.calPopMonthYearHeader{
    text-align: center;
    font-family: tahoma, verdana;
    font-size: 12px;
    color: white
}

.calPopTodayLinkCell{
    cursor: pointer;
    text-align: center;
    font-family: tahoma, verdana;
    font-size: 12px;
    color: white;


}

.calPopDayCell{
    color: black;
    border: 1px solid white;
    background-color: white;
    cursor: pointer;
    text-align: right;
    font-family: tahoma, verdana;
    font-size: 12px
}

.calPopDayCell.selectedDay{
    border-color:#FFB6C1;
    background-color:#FFB6C1;
}
.calPopDayCell.weekendDay{
    border-color:#DBEAF5;/*uiv2: #EBEBEB*/
    background-color:#DBEAF5;/*uiv2: #EBEBEB*/
}
.calPopDayCell.otherMonth{
    color:gray;
}

#overallocatedWarning{
    margin-left:0.3em;
    margin-right:0.3em;
    color:red;
    font-weight:bolder;
}



#importColumnMappingFO{
    position:absolute;
    top:0px;
    left:0px;
    z-index:5000;
    background-color:#fafaff;
    border:1px solid grey;
    padding-bottom:2px
}

.tableFixedPaging {
    display: inline-block;
}


.licExpWarn {
    margin: -.4em -.8em;
    padding: .4em .8em;
    background-color: orange;
}
.licExpError {
    margin: -.4em -.8em;
    padding: .4em .8em;
    background-color: red;
}

td.menuCellHover span.licExpWarn,
        td.menuCellHover span.licExpError {
    background: #ccc url(../graphics/menuh-bg.png) repeat-x;
    color: #036;
}

.upgradeWarning {
    margin: -.4em -.8em;
    padding: .4em .8em;
    background-color: orange;
    color: white;
}

td.menuCellHover span.upgradeWarning {
    background: #ccc url(../graphics/menuh-bg.png) repeat-x;
    color: #036;
}

/*

//Use this style rule to (more) easily detect images that haven't had their height & width specified.
img:not([width]):not([height]) {
  border: 2px solid red !important;
}
*/