/* -------------  BB Styles ---------------*/
span.InkTankName, body.BBFrame, body.BBFrameDYK, div#InkBanner,
td#dyktextcell
{
	font-weight:normal;
	font-size:12px;
	font-family:"Arial", sans-serif;
}
td#paperlowtextcell
{
	font-weight:bold;
	font-size:12px;
	font-family:"Arial", sans-serif;
}

/* Shared body settings */
body.BBFrame, body.BBFrameDYK, body.InkBBFrame
{
	margin:0;
	border:1px solid black;
}

/* Used for inkstatusbb.xml, inklowbb.xml, and inkverylowbb.xml */
body.InkBBFrame
{
	padding:0;
	color:black;
	background-color:white;
}

/* Body settings for the DYK (Did You Know) BB frame */
/* Used for recycleinkbb.xml, getkbb.xml, and getkcmbb.xml */
body.BBFrameDYK
{
	background-color:black;
	background-image:url('Images\dykbg.jpg');
	background-repeat:repeat-x;
	background-position:left bottom;
    color:white;
	padding:0 10px 10px 10px;
}

/* Style for feedback */
.Feedback
{
    font-size:10px;
    color:#FFFFFF;
}

/* Good Ink Banner Location */
.GoodInkBanner
{
   position:absolute;
   left:0;
   bottom:0;
   width:372px;
   height:40px;
   background-image:url("images\goodinkbanner.gif");
   background-repeat:repeat-y;
}

div.ReallyLowInkBanner { color:#D52229; }

/*Style for Did You Know Header Text*/
.DYKHeader
{
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
}

/*Style for Did You Know Body Text*/
.DYKBody
{
    font-weight:bold;
    color:#FFFFFF;
}

/*Style for Did You Know Hyperlinks*/
.DYKLink
{
    font-weight:bold;
    color:#99CD00;
}

/*Style for Did You Know Layout - padding b/w icon and text*/
.DYKLayout
{
    padding-right:6px;
    vertical-align:top;
}

/* -------------  Ink Section Styles ---------------*/
td.InkCell { text-align:center; }

div#InkBanner
{
	text-align:center;
	position:absolute;
	right:0;
	bottom:0;
}

/* http://webdesign.about.com/od/css/a/aaboxmodelhack.htm */
* html div#InkBanner {
	\width:174px; /* for IE5 and IE6 in quirks mode */
	\height:125px;
	w\idth:150px; /* for IE6 in standards mode */
	h\eight:101px;
}

table#InkContainer
{
	/* start out 34 pixels from the left, inkbb.js adjusts this later, *
	 * depending on how many containers are being displayed            */
	left:34px;
	
	position:absolute;
	bottom:0;
	border-collapse:collapse;
	padding:0;
	margin:0 auto;
	background-color:white;
}

	table#InkContainer td
	{
		/* 8 pixels between ink container images */
		padding:0 8px 0 0;
		
		margin:0;
		width:auto;
		vertical-align:bottom;
	}
	
	table#InkContainer td.last { padding-right:0; }

p#Message 
{
	position:absolute;
    bottom:47px; /* 12 + 27 + 8, Printing Status Style Guide v1.0 */
    right:12px;
	padding:0;
	margin:0;
	font-weight:bold;
	font-family:"Segoe UI Bold", "Arial", sans-serif;
	width:150px;
}

/* Style for the Order Ink button specifically */
#OrderInk
{
	position:absolute;
	bottom:12px;
	right:12px;
}

/* Style info for Flat Button in normal state*/
.flat
{
	width:150px;
	height:27px;
	font-size:12px;
	border:1px solid #909090;
	color:#000000;
	background-color:#FFFFFF;
}

/* Style info for Flat Button in hover state*/
.flatHover
{
	width:150px;
	height:27px;
	font-size:12px;
	border:1px solid #909090;
	color:#000000;
	background-color:#e7e7e7;
}

/* Style info for Flat Button in disabled state*/
.flatDisable
{
	width:150px;
	height:27px;
	font-size:12px;
	border:1px solid #909090;	
	color:#a0a0a0;
	background-color:#FFFFFF;
}

/* Style info for Flat Button in normal state*/
.flat
{
	width:150px;
	height:27px;
	font-size:12px;
	outline-color:#909090;
	color:#000000;
	background-color:#FFFFFF;
}

/* Style info for Flat Button in hover state*/
.flatHover
{
	width:150px;
	height:27px;
	font-size:12px;
	outline-color:#909090;
	color:#000000;
	background-color:#e7e7e7;
}

/* Style info for Flat Button in disable state*/
.flatDisable
{
	width:150px;
	height:27px;
	font-size:12px;
	outline-color:#909090;	
	color:#a0a0a0;
	background-color:#FFFFFF;
}