@media print {
	#header
	,#secondaryNav
	,#footer
		{
			display: none;
		}
	#container
		{
			width: 100%;
			background-image: none;
		}
	#content.secondaryNav
		{
			margin-left: 0px !important;
		}

}

/* Table Styles For reportsmall */

table.reportsmall {
	color: black;
	border-collapse: collapse;
}
table.reportsmall caption {
	font-stretch: semi-condensed;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	height: 19px;
	color: #505488;
	padding-top: 2px;
	padding-bottom: 2px;
	/*Works for FireFox 1.0+ */
	margin-right: 1px;
	/*Works for IE 5+*/
	border-right: 1px solid transparent;
}
table.reportsmall tr {
	height: 20px;
}
table.reportsmall td, 
table.reportsmall th {
	padding-left: 2px;
	padding-right: 2px;
	border-right: 1px solid white;
	border-top: 1px solid white;
	font-size: 10px;
}
table.reportsmall thead td,
table.reportsmall thead th {
	height: 24px;
	line-height: 12px;
	vertical-align: bottom;
	color: #969696;
	background-color: #DDE1E2;
	text-align: left;
	font-weight: bold;
	padding-bottom: 2px;
}

table.reportsmall thead tr.columnGrouping th {
	background-color: #505488;
	color: #FFFFFF;
}

table.reportsmall thead .columnHeading th {
	background-color: #DDE1E2;
}
table.reportsmall thead .sortable {
	text-decoration: underline;
	color: #969696;
	cursor: pointer;
}
table.reportsmall a,
table.reportsmall .clickable {
	color: #3E547D;
	font-size: 9px;
	text-decoration: underline;
}
/* Alternating background colors for 
rows in table*/
table.reportsmall tr.alt1 {
	background-color: #C9CCE0;
}
table.reportsmall tr.alt2 {
	background-color: #FFFFFF;
}
table.reportsmall tbody tr:hover,
.rowHighlight {
	background-color: #B5D0E4 !important;
}
table.reportsmall tbody td {
	color: #444444;
	height: 20px;
	line-height: 12px;
}
.reportsmall .total td {
	height: 20px;
	color: #3E547D;
	font-weight: bold;
	background-color: #929DA5;
}
/* Body */
tr,
td,
th,
caption,
div,
ul,
li,
label,
form *,
span,
body {
	font-family: times;
	color: #505488;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

thead
{
	display: table-header-group;
}

option {
	margin-right: 5px;
}

 /* Numeric formatting.  The td allows the class to be put on a table instead of individual cells */
.numeric,
.numeric td {
	text-align: right;
} 

/* Header */
#header {
	position: relative;
	margin: 0px;
	padding: 0px;
	background: #336699 url('http://common.kroger.com/styles/images/header.gif') repeat-x top left;
}
/* DIVS within Header */
/* Logo */
#header img,
#appName,
#printAppName {
	position: relative;
	z-index: 100;
	float: left;
	margin: 0px;
	padding: 10px 0px 10px 14px;
	color: #ffffff;
	font-size: 20px;
	line-height: 42px;
	/*CHANGE: 20px not bold */
}
#printAppName {
	color: #999999;	
}
#header img {
	width: 42px;
	height: 42px;
}

/* System Greeting */
#greeting {
	position: relative;
	float: right;
	margin-right: 9px;
	padding-top: 3px;
	color: #ffffff;
	font-size: 10px;
	line-height: 24px;
}

#greeting a {
	color: #ffffff;
	text-decoration: underline;
}

/*Quick Jump Menu*/
#quickJump {
	position: relative;
	float: right;
	clear: right;
	margin: 3px 9px 0px 0px;
	padding: 0px;
	font-size: 11px;
	font-family: veranda;
	text-align: right;
}
#quickJump select {
	color: #0E295E;
	font-weight: bold;
	width: 200px;	
	overflow: hidden;
}

/* Primary (Tabbed) Navigation */
#primaryNavigation {
	position: relative;
	clear: both;
	/*margin-bottom: -2px;*/
	bottom: -2px;
	line-height: 0px;
}
#primaryNavigation ul {
	position: relative;
	list-style: none;
	line-height: 0px;
}
#primaryNavigation li {
	position: relative;
	float: left;
	line-height: 29px;
	border-right: 1px solid #336699;
}
#primaryNavigation a {
	margin: 0px;
	padding: 7px 22px 7px 22px;
	color: #ffffff;
	line-height: 27px;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
#primaryNavigation a:hover {
	/*background: #8EA4BE;*/
	background: #0E295D;
}
/*END: Primary (Tabbed) Navigation */
#header #divider {
	position: relative;
	margin-top: -1px;
	color: #5A9CCB;
	background-color: #5A9CCB;
	line-height: 4px; /* due to IE we HAVE to use line-height and put an &nbsp; to make the height work properly*/
	font-size: 1px;
	clear: both;
}
/* END HEADER STYLES */

/* Secondary Navigation (Left Side)
 Navigation */
#content.secondaryNav {
	margin-left: 200px !important;
}
#secondaryNav {
	position: absolute;
	left: 0px;
	width: 180px;
	background-color: #DBEAF5;
}

#secondaryNav ul {
	list-style: none;
}
#secondaryNav a {
	display: block;
	padding-left: 14px;
	color: #ffffff;
	text-decoration: none;
	color: black;
	font-size: 11px;
	line-height: 25px;
	height: expression('25px');
	min-height: 25px;
	border-bottom: 1px solid #BBC5DA;
}
#secondaryNav a.selected {
	background-color: white;
	font-weight: bold;
}
#secondaryNav a:hover {
	background-color: #5A9CCB;
	color: white
}

/*Content Wrapper */
/*container div is used
to properly format your content 
for the secondary navigation
Even when secondary navigation is not used
This div MUST BE PRESENT*/
#container {
	width: 100%;
	background-repeat: repeat-y;
}

#container #content {
	padding-left: 22px;	
	padding-top: 15px;
	padding-right: 18px;
	padding-bottom: 10px;
	background-color: white;
}

#content div,
#content ul, 
#content table {
	margin-bottom: 15px;
}

/* BEGIN: Bread Crumb Bar */
#breadCrumbs {
	/* each li has a 6px padding so 5 makes the total 11px indent from the edge*/
	position: relative;
	padding-left: 5px;
	font-size: 11px; 
	background-color: #DBEAF5;
	line-height: 23px; 
	font-weight: bold;
}

#breadCrumbs < div {
	margin: 2px;
	padding-top: 2px;
}

#breadCrumbs ul {
	padding: 0px;
	padding-top: 1px;
	margin: 0px;
	padding-right: 50px;
}
#breadCrumbs li {
	display: inline;
	list-style: none;
	color: black;
	padding-left: 6px;
}
#breadCrumbs a {
	color: #336699;
	white-space: nowrap;
	background-repeat: no-repeat;
	padding-right: 13px;
	background-position: right;	
}
/* Indicator
that informs the user
of the current step in the active process*/

#stepCount {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 20px;
	margin-top: -4px;
}

#stepCount[id=stepCount] {
	margin-top: 0px;
}
/* END: Crumb Trail */

/* User Messaging */
#userMessage {
	padding-left: 33px;
	min-height: 22px;
	padding-top: 5px;	
	padding-bottom: 5px;
	border-top: 1px solid black;
	font-weight: bold;
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: 1px solid black;
}
div.success {
	color: #4C6641;
	border-color: #4C6641;
}
div.info {
	color: #666666;
	border-color: #666666;
}
div.error {
	color: #A60000;
	border-color: #A60000; 
}
/*END: User Messaging*/

/*  Filter */
.dataFilter {
	background-color: #DBEAF5;
	line-height: 38px;
	min-height: 38px;
	padding-top: 0px !important; /* IE7 */ 
	padding-top: 8px;	/* IE6 */	
	height: expression('30px');
	color: #3E547D;
	margin-bottom: 10px;
}
.dataFilter label
{
	margin-left:16px;
	margin-right: 13px;
	font-size: 11px;
	line-height: 38px;
	font-weight: bold;
	color: #666666;
	display: inline;
}
.dataFilter a {
	color: #3E547D;
	text-decoration: underline;
}

.dataFilter select {
	font-size: 10px;
	margin-right: 10px;
}

.dataFilter input,
.dataFilter button {
	width: 79px;
	font-size: 11px;
	color: white;
	background-color: #336699;
	border: 0px;
	height: 24px;
	line-height: 24px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: -2px;
}

.dataFilter button:hover, 
.dataFilter input:hover {
	background-color: #5A9CCB !important;
}

/* END: Data Filter */


/* Table Styles For MainPage */

table.mainpage {
	align: center;
	width: 1024;
	background-color: #FFFFFF;
} 
* END: Table Styles */

/* Table Styles For Report */

table.report {
	color: black;
	border-collapse: collapse;
	background-color: #FFFFFF;
}
table.report caption {
	font-stretch: semi-condensed;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	height: 22px;
	color: #505488;
	padding-top: 4px;
	/*Works for FireFox 1.0+ */
	margin-right: 1px;
	/*Works for IE 5+*/
	border-right: 1px solid transparent;
}
table.report tr {
	height: 22px;
}
table.report td, 
table.report th {
	padding-left: 3px;
	padding-right: 3px;
	border-right: 1px solid white;
	border-top: 1px solid white;
}
table.report thead td,
table.report thead th {
	height: 27px;
	line-height: 15px;
	vertical-align: bottom;
	color: #969696;
	background-color: #DDE1E2;
	text-align: left;
	font-weight: bold;
	padding-bottom: 3px;
}

table.report thead tr.columnGrouping th {
	background-color: #505488;
	color: #FFFFFF;
}

table.report thead .columnHeading th {
	background-color: #000080;
	color: #FFFFFF;
}
table.report thead .sortable {
	text-decoration: underline;
	color: #969696;
	cursor: pointer;
}
/* table.report a,
table.report .clickable {
	color: #3E547D;
	font-size: 11px;
	text-decoration: underline;
} */
/* Alternating background colors for 
rows in table*/
table.report tr.alt1 {
	background-color: #C9CCE0;
}
table.report tr.alt2 {
	background-color: #FFFFFF;
}
table.report tbody tr:hover,
.rowHighlight {
	background-color: #EEA543 !important;
}
table.report tbody td {
	color: #444444;
	height: 22px;
	line-height: 22px;
}
.report .total td {
	height: 33px;
	color: #3E547D;
	font-weight: bold;
	background-color: #929DA5;
}
.report th {
	text-align: center;
}
.currency,
.currency td {
	width: 150px;
	text-align: center;
}

.rowheads,
.rowheads td {
	width: 300px;
	text-align: Left;
}

/*User Input is the class for <form />*/
.userInput caption {
	font-size: 12px;
	text-align: left;
	font-weight: bold;	
	padding: 5px;
	width: 100%;
	color: #336699;
}
.userInput th {
	text-align: right;
	padding-right: 5px;
	font-weight: normal;
}
.userInput .required
,.userInput .required th {
	font-weight: bold;
}

.errorLabel {
	color: #A60000;
	font-weight: bold;	
}
.warningLabel {
	color: yellow;
	font-weight: 300;	
}
 /* Action Buttons */
 .actionButtons {
	border-top: 1px solid #BBC5DA;
	line-height: 20px;
	height: 28px;
}

.actionButtons button,
.actionButtons input {
	width: 104px;
	color: white;
	background-color: #336699;
	border: 0px;
	height: 28px;
	line-height: 28px;
	margin-left: 14px;
	float: left;
}
.actionButtons #quickNote {
	font-weight: bold;
	float: left;
	margin-right: 0px;
}

.actionButtons button:hover, 
.actionButtons input:hover,
.buttonHighlight {
	background-color: #5A9CCB !important;
}

/*END: Action Buttons */

/* Footer */
#footer {
	color: #FFFFFF;
	font-size: 11px;
	clear: both;
	margin: 0px;
}

#supportNavigation {
	position: relative;
	z-index: 100;
	padding-left: 14px; 
	padding-top:7px; 
	float: left;
	height: 20px; 
	clear: left;
	margin: 0px;
}

#supportNavigation a,
#supportNavigation a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#returnToTop {
	float:right;
	padding-left: 14px; 
	padding-top: 7px; 
	padding-right: 18px; 

}
#returnToTop a,
#returnToTop a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#copyright {
	color: #FFFFFF;
	font-size:11px; 
	height: 20px;
	background-color: #336699; 
	padding-left: 14px; 
	clear: both;
	margin: 0px;
}
.customMessage {
	color: #505488;
	font-size: 18px;
}
.sponsors {
	width: 200px; 
	background-color: #C9CCE0; 
*/
@media screen {
	.printOnly,
	#printAppName {
		display: none;
	}
}

