body 
{
    font-family: "Segoe UI", "Tahoma", "Microsoft Sans Serif", sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

/*******************************************************************************
* Toolbar 
*******************************************************************************/

/* Toolbar background */
.ToolbarBody
{
    background:#1d1d1d url("Images\toolbarbg_grad.gif") repeat-x left top;
    text-align:left;
}

/* Spacing for the toolbar button cells */
.ToolbarButton
{
	width:36px;
}

/* Spacing for the separator between toolbar buttons */
.ToolbarButtonSeparator
{
	width:3px;
}

/* Padding for the near end of the toolbar */
.ToolbarEndCap
{
	width:24px;
}

img#logo 
{
	position:absolute;
	right:0;
	bottom:0;
	z-index:0;
}

table#toolbarcontainer 
{
	z-index:1;
	bottom:0;
	left:0;
	position:relative;
}

/*******************************************************************************
* All screens
*******************************************************************************/

/* Background image for all screens */
body.ContentFrame
{
    background-color:white;
}

/*******************************************************************************
* Dynamically generated screens
*******************************************************************************/

/* Width for the image and text columns */
.HorizSpacer
{
	width:305px;
}

/* Padding column for the near side of the dynamic screens */
.NearHorizSpacer
{
	width:16px;
}

/* Padding column for the center of the dynamic screens */
.CenterHorizSpacer
{
	width:16px;
}

/* Padding column for the far side of the dynamic screens */
.FarHorizSpacer
{
	width:28px;
}

/* Padding rows for the top and bottom of the dynamic screens */
.VertSpacer
{
	height:40px;
}

/* Height of the text area */
.TextRow
{
    height:194px;
}

/* Font settings for question text of the dynamic screens */
.ContentText
{
	font-size:16pt;
	color:black;
}

div.InkLayer
{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
}

	div.InkLayer table#inktankcontainer
	{
		width:100%;
	}

		div.InkLayer table#inktankcontainer table
		{
			position:absolute;
			left:50%;
			bottom:16px;
		}

/*******************************************************************************
* Product Screen
*******************************************************************************/
/* Style info for the TaskButtons' containers */
.TB_Bounds
{
}

/* Style info for the TaskButtons' labels */
.TB_Label
{
    white-space:nowrap;
    font-size:16pt;
    cursor:pointer;
    color:Black;
}

/* Style info for the TaskButtons' descriptive text */
.TB_Desc
{
    white-space:nowrap;
    font-size:10pt;
    cursor:pointer;
    color:Black;
}

/* Style info for the TaskButtons' images */
.TB_Image
{
    cursor:pointer;
}

/* Style info for the main title on the product screens */
.PS_Title
{
    font-size:20pt;
    color:Black;
}

/* Vertical sizing for the TaskButton rows */
.PS_BtnRow
{
    height:54px;
}

/* Vertical spacing between the TaskButton rows */
.PS_BtnRowSpacer
{
    height:16px;
}

/* Horizontal sizing for the TaskButton column (left) */
div.LeftColumn
{
    width:278px;
    height:100%;
    overflow:hidden;
    text-align:left;
}

/* Horizontal sizing for the TaskButton column (right) */
div.RightColumn
{
    width:308px;
    text-align:left;
    height:100%;
    overflow:hidden;
}

/* This looks superfluous, I know, but for some reason it fixed
   a problem in IE 5 where the button images (e.g. the one for Memory
   Card) would be shoved downward and cut off at the bottom. */
div.LeftColumn td img, div.RightColumn td img
{
	position:relative;
	top:0;
}

/* Horizontal spacing between InkTanks */
.InkSpacer
{
    width:6px;
}

/*style info for part number string*/
span.InkTankName
{	
	font-weight:bold;
	font-size:12px;
	font-family:"Arial", sans-serif;
}

}

tr.PS_BtnRow td div.LeftColumn,
tr.PS_BtnRow td div.RightColumn { width: 100%; }

